{"version":3,"file":"side-filter-label.0xM5o7MPrk.js","sources":["../../../../src/atoms/facet/Facet.tsx","../../../../src/molecules/architect-portal/ArchitectTooltip.tsx","../../../../src/molecules/facet-group/FacetGroupHeader.tsx","../../../../src/molecules/facet-group/useCollapseFacetGroup.ts","../../../../src/molecules/facet-group/FacetGroupCollapse.tsx","../../../../src/molecules/side-filter-label/SideFilterLabel.tsx"],"sourcesContent":["import { getModifiers } from '@helpers/functions';\nimport { FacetItemModel } from '@_types/atoms';\nimport { useState } from 'react';\n\ninterface Props extends FacetItemModel {\n  id: string;\n  onChange?: (event: any) => void;\n  showIcon?: boolean;\n  className?: string;\n}\n\nfunction Facet(model: Props) {\n  const modifiers = getModifiers(model, 'arjo-a-facet');\n\n  const {\n    id, multiChoice, onChange = () => {\n    }, text, checked = false, value, filterCounter, showIcon, iconClass, className,\n  } = model;\n\n\n  const valueArr = value.split(';');\n  const valueClass = valueArr.map((v: string) => 'icon-' + v).join(' ');\n\n  const type = multiChoice ? 'checkbox' : 'radio';\n\n  const [isChecked, setIsChecked] = useState<boolean>(checked);\n\n  return (\n    <div className={`${modifiers} ${className}`}>\n      <input id={id} type={type} name={value} value={value} checked={checked} onChange={onChange} />\n\n      {(showIcon || iconClass) && <div className={`arjo-a-facet__icon ${iconClass ? iconClass : valueClass}`}></div>}\n\n      {text &&\n        <label htmlFor={id}>\n          <span>\n          {text}\n          </span>\n          {filterCounter !== undefined && <span className=\"arjo-a-facet__filter-counter\">{`(${filterCounter})`}</span>}\n        </label>}\n    </div>\n  );\n}\n\nexport default Facet;\n","import { getModifiers } from '@helpers/functions';\nimport Svg from '@molecules/svg/Svg';\nimport { ArchitectTooltipModel } from '@_types/types';\n\nconst ArchitectTooltip = (model: ArchitectTooltipModel) => {\n  const styleModifiers = getModifiers(model, 'arjo-m-architect-tooltip');\n  const { content } = model;\n\n  return (\n    <div className={styleModifiers}>\n      <Svg iconPath={'#arjo-eshop-icon-tooltip'} styleModifier={['xs']} width={19} height={19} />\n\n      <div className=\"arjo-m-architect-tooltip__content\" dangerouslySetInnerHTML={{ __html: content ?? '' }}></div>\n    </div>\n  );\n};\n\nexport default ArchitectTooltip;\n","import IconWithBg from '@atoms/icons/IconWithBg';\nimport ArchitectTooltip from '@molecules/architect-portal/ArchitectTooltip';\n\ntype Props = {\n  name: string;\n  tooltip?: string;\n  handleCollapse: VoidFunction;\n  hideItems?: boolean;\n};\n\nconst FacetGroupHeader = (model: Props) => {\n  const { name, tooltip, handleCollapse, hideItems } = model;\n  return (\n    <div className=\"arjo-m-facet-group-collapse__header\" onClick={handleCollapse}>\n      <h6 className=\"arjo-m-facet-group-collapse__header__name\">\n        {name} {tooltip && <ArchitectTooltip content={tooltip} styleModifier={['bottom']} />}\n      </h6>\n\n      {!hideItems && (\n        <div className=\"arjo-m-facet-group-collapse__header__arrow-btn\">\n          <IconWithBg iconPath=\"/assets/images/icons.svg#arjo-ico-down-arrow\" styleModifier={['bg-pearl-s']} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { FacetGroupHeader };\nexport default FacetGroupHeader;\n","import { createRef, useCallback, useEffect, useState } from 'react';\n\ntype Props = {\n  collapseAtStartup?: boolean;\n  onCollapseCallback?: (collapse?: boolean) => void;\n};\n\nconst useCollapseFacetGroup = ({ collapseAtStartup, onCollapseCallback }: Props) => {\n  const [collapse, setCollapse] = useState(collapseAtStartup);\n  const contentRef = createRef<HTMLDivElement>();\n  const wrapperRef = createRef<HTMLDivElement>();\n  const [contentHeight, setContentHeight] = useState<string>('');\n\n  const setContentDivHeight = useCallback(() => {\n    if (!wrapperRef.current || !contentRef.current) {\n      return;\n    }\n\n    let wrapperHeight = wrapperRef.current?.getBoundingClientRect().height + 'px';\n    setContentHeight(wrapperHeight);\n    contentRef.current.style.maxHeight = collapse ? '0px' : wrapperHeight;\n  }, [wrapperRef]);\n\n  useEffect(() => {\n    if (wrapperRef.current) {\n      wrapperRef.current.observeResize(() => {\n        setContentDivHeight();\n      });\n    }\n\n    setContentDivHeight();\n  }, [wrapperRef]);\n\n  const handleCollapse = useCallback(() => {\n    setCollapse((collapse) => {\n      if (contentRef?.current) {\n        contentRef.current.style.maxHeight = !collapse ? '0px' : contentHeight;\n      }\n      onCollapseCallback?.(!collapse);\n\n      return !collapse;\n    });\n  }, [onCollapseCallback]);\n\n  return { handleCollapse, collapse, contentRef, wrapperRef };\n};\n\nexport { useCollapseFacetGroup };\nexport default useCollapseFacetGroup;\n","import FacetGroupHeader from '@molecules/facet-group/FacetGroupHeader';\nimport { ReactNode } from 'react';\nimport useCollapseFacetGroup from '@molecules/facet-group/useCollapseFacetGroup';\n\ntype Props = {\n  name: string;\n  tooltip?: string;\n  children: ReactNode;\n  hideContent?: boolean;\n  collapseAtStartup?: boolean;\n  onCollapseCallback?: (collapse?: boolean) => void;\n};\n\nconst FacetGroupCollapse = (model: Props) => {\n  const { tooltip, name, children, hideContent, onCollapseCallback, collapseAtStartup } = model;\n\n  const { collapse, handleCollapse, wrapperRef, contentRef } = useCollapseFacetGroup({\n    collapseAtStartup,\n    onCollapseCallback,\n  });\n\n  return (\n    <div className={`arjo-m-facet-group-collapse ${collapse ? 'arjo-m-facet-group-collapse--closed' : ''}`}>\n      <FacetGroupHeader name={name} tooltip={tooltip} handleCollapse={handleCollapse} />\n\n      {!hideContent && (\n        <div ref={contentRef} className=\"arjo-m-facet-group-collapse__content\">\n          <div ref={wrapperRef} className=\"arjo-m-facet-group-collapse__wrapper\">\n            {children}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FacetGroupCollapse;\n","import Icon from '@atoms/icons/Icon';\n\ntype Props = {\n  filterOpened?: boolean;\n  onLabelClick: VoidFunction;\n  label: string\n  clearAllLabel?: string;\n  onClearFilter: () => void;\n  clearAllButtonActive?: boolean;\n  controlTargetName?: string;\n}\n\n\nconst SideFilterLabel = (model: Props) => {\n  const { onLabelClick, filterOpened, label, clearAllLabel, onClearFilter, clearAllButtonActive, controlTargetName } = model;\n\n  return <div\n    className=\"arjo-m-side-filter-label\"\n    role=\"button\"\n    aria-controls={controlTargetName}\n    aria-expanded={`${!!filterOpened}`}\n    onClick={onLabelClick}\n  >\n    <span>{label}</span>\n\n    {!!clearAllLabel && (\n      <div\n        className=\"arjo-m-side-filter-label__clear\"\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n\n          if (!clearAllButtonActive) return;\n\n          onClearFilter();\n        }}\n        data-active={clearAllButtonActive}\n      >\n        {clearAllLabel}\n      </div>\n    )}\n\n    <Icon iconPath=\"/assets/images/icons.svg#arjo-ico-down-arrow\" styleModifier={['xs']} />\n  </div>;\n};\n\nexport default SideFilterLabel;\n"],"names":["Facet","model","modifiers","getModifiers","id","multiChoice","onChange","text","checked","value","filterCounter","showIcon","iconClass","className","valueClass","v","type","useState","jsx","jsxs","ArchitectTooltip","styleModifiers","content","Svg","FacetGroupHeader","name","tooltip","handleCollapse","hideItems","IconWithBg","useCollapseFacetGroup","collapseAtStartup","onCollapseCallback","collapse","setCollapse","contentRef","createRef","wrapperRef","contentHeight","setContentHeight","setContentDivHeight","useCallback","wrapperHeight","_a","useEffect","FacetGroupCollapse","children","hideContent","SideFilterLabel","onLabelClick","filterOpened","label","clearAllLabel","onClearFilter","clearAllButtonActive","controlTargetName","event","Icon"],"mappings":"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"}