@bikdotai/bik-component-library 0.0.814 → 0.0.815

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/MultilevelDropdownPopover/index.tsx"],"sourcesContent":["import React, {\n\tLegacyRef,\n\tRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { usePopper } from 'react-popper';\nimport { DropShadow } from '@src/components/dropShadow';\nimport { Placement, Tooltip } from '@src/components/tooltips';\nimport { OpenDropdownContainer, OverLapAbs } from '../Common.styled';\nimport { OpenedDropdown } from '../OpenedDropdown';\nimport { OpenDropdownProps } from '../type';\n\ntype DropdownProps = OpenDropdownProps & {\n\tisLoading?: boolean;\n\tchildren?: React.ReactNode;\n\tdisabled?: boolean;\n\tonDropdownOpen?: () => void;\n\tonDropdownVisbilityChange?: (isOpen: boolean) => void;\n\ttooltipContent?: string;\n\ttooltipDirection?: Placement;\n\tshowTooltipArrow?: boolean;\n};\n\nexport const MultilevelDropdownPopover = React.forwardRef<\n\t{\n\t\topenDropdown: boolean;\n\t},\n\tDropdownProps\n>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tonDropdownVisbilityChange,\n\t\t\tversion = '1.0',\n\t\t\ttooltipContent,\n\t\t\ttooltipDirection,\n\t\t\tshowTooltipArrow,\n\t\t\t...openDropdownProps\n\t\t},\n\t\tunTypedRef,\n\t) => {\n\t\tconst ref = unTypedRef as React.RefObject<{ openDropdown: boolean }>;\n\t\tconst [openDropdown, setDropdownVisibility] = useState(false);\n\t\tconst [referenceElement, setReferenceElement] = useState(null);\n\t\tconst [popperElement, setPopperElement] = useState(null);\n\t\tconst headerRef = useRef(null);\n\n\t\tconst { styles, attributes } = usePopper(referenceElement, popperElement, {\n\t\t\tplacement: openDropdownProps.placement,\n\t\t\tstrategy: openDropdownProps.strategy,\n\t\t});\n\n\t\tconst onCloseHandle = (data) => {\n\t\t\tif (openDropdownProps.isMultiSelect && data) {\n\t\t\t\topenDropdownProps.onSelect?.([...data]);\n\t\t\t}\n\t\t\tsetDropdownVisibility(false);\n\t\t\topenDropdownProps?.onClose?.();\n\t\t};\n\n\t\tuseImperativeHandle(\n\t\t\tref,\n\t\t\t() => {\n\t\t\t\treturn {\n\t\t\t\t\topenDropdown: openDropdown,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[],\n\t\t);\n\n\t\tuseEffect(() => {\n\t\t\tif (ref?.current) ref.current.openDropdown = openDropdown;\n\t\t}, [openDropdown]);\n\n\t\tuseEffect(() => {\n\t\t\tonDropdownVisbilityChange?.(openDropdown);\n\t\t}, [openDropdown]);\n\n\t\tconst dropDownComponent = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{ position: 'relative' }}\n\t\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting  */\n\t\t\t\t\t\tref={setReferenceElement as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t>\n\t\t\t\t\t\t<OverLapAbs\n\t\t\t\t\t\t\tref={headerRef}\n\t\t\t\t\t\t\tdisabled={openDropdownProps.disabled}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\topenDropdownProps.onDropdownOpen?.();\n\t\t\t\t\t\t\t\tif (!openDropdown) {\n\t\t\t\t\t\t\t\t\tif (!openDropdownProps.disabled) setDropdownVisibility(true);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetDropdownVisibility(false);\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t\t{openDropdown && (\n\t\t\t\t\t\t<OpenDropdownContainer\n\t\t\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting  */\n\t\t\t\t\t\t\tref={setPopperElement as Ref<HTMLDivElement>}\n\t\t\t\t\t\t\tstyle={{ ...styles['popper'], zIndex: 3 }}\n\t\t\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DropShadow\n\t\t\t\t\t\t\t\tlevel={'z2'}\n\t\t\t\t\t\t\t\tposition={'down'}\n\t\t\t\t\t\t\t\tstyle={{ borderRadius: 8 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<OpenedDropdown\n\t\t\t\t\t\t\t\t\t{...openDropdownProps}\n\t\t\t\t\t\t\t\t\tonSelect={(options) => {\n\t\t\t\t\t\t\t\t\t\tif (version === '2.0' && openDropdownProps.isMultiSelect) {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\topenDropdownProps.onSelect?.(options);\n\t\t\t\t\t\t\t\t\t\t\tsetDropdownVisibility(false);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClose={onCloseHandle}\n\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\theaderRef={headerRef}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</DropShadow>\n\t\t\t\t\t\t</OpenDropdownContainer>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{!openDropdown && tooltipContent !== undefined ? (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tbody={tooltipContent}\n\t\t\t\t\t\tplacement={tooltipDirection}\n\t\t\t\t\t\thideArrow={!showTooltipArrow}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>{dropDownComponent()}</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) : (\n\t\t\t\t\tdropDownComponent()\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nMultilevelDropdownPopover.displayName = 'MultilevelDropdownPopover';\n"],"names":["MultilevelDropdownPopover","React","children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","openDropdownProps","unTypedRef","ref","openDropdown","setDropdownVisibility","useState","referenceElement","setReferenceElement","popperElement","setPopperElement","headerRef","useRef","styles","attributes","usePopper","onCloseHandle","data","useImperativeHandle","useEffect","dropDownComponent","jsxs","Fragment","jsx","OverLapAbs","e","OpenDropdownContainer","DropShadow","OpenedDropdown","options","Tooltip"],"mappings":"mVA0BaA,EAA4BC,EAAM,WAM9C,CACC,CACC,SAAAC,EACA,0BAAAC,EACA,QAAAC,EAAU,MACV,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,GAAGC,CAAA,EAEJC,IACI,CACJ,MAAMC,EAAMD,EACN,CAACE,EAAcC,CAAqB,EAAIC,EAAAA,SAAS,EAAK,EACtD,CAACC,EAAkBC,CAAmB,EAAIF,EAAAA,SAAS,IAAI,EACvD,CAACG,EAAeC,CAAgB,EAAIJ,EAAAA,SAAS,IAAI,EACjDK,EAAYC,EAAAA,OAAO,IAAI,EAEvB,CAAE,OAAAC,EAAQ,WAAAC,CAAA,EAAeC,EAAAA,UAAUR,EAAkBE,EAAe,CACzE,UAAWR,EAAkB,UAC7B,SAAUA,EAAkB,QAAA,CAC5B,EAEKe,EAAiBC,GAAS,CAC3BhB,EAAkB,eAAiBgB,GACtChB,EAAkB,WAAW,CAAC,GAAGgB,CAAI,CAAC,EAEvCZ,EAAsB,EAAK,EAC3BJ,GAAmB,UAAA,CACpB,EAEAiB,EAAAA,oBACCf,EACA,KACQ,CACN,aAAAC,CAAA,GAGF,CAAA,CAAC,EAGFe,EAAAA,UAAU,IAAM,CACXhB,GAAK,UAASA,EAAI,QAAQ,aAAeC,EAC9C,EAAG,CAACA,CAAY,CAAC,EAEjBe,EAAAA,UAAU,IAAM,CACfvB,IAA4BQ,CAAY,CACzC,EAAG,CAACA,CAAY,CAAC,EAEjB,MAAMgB,EAAoB,IAExBC,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,KAAC,MAAA,CACA,MAAO,CAAE,SAAU,UAAA,EAEnB,IAAKb,EAEL,SAAA,CAAAe,EAAAA,IAACC,EAAAA,WAAA,CACA,IAAKb,EACL,SAAUV,EAAkB,SAC5B,QAAUwB,GAAM,CACfxB,EAAkB,iBAAA,EACbG,GAGJC,EAAsB,EAAK,EAC3BoB,EAAE,eAAA,GAHGxB,EAAkB,UAAUI,EAAsB,EAAI,CAK7D,CAAA,CAAA,EAGAV,CAAA,CAAA,CAAA,EAEDS,GACAmB,EAAAA,IAACG,EAAAA,sBAAA,CAEA,IAAKhB,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAS,EAAAA,IAACI,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAJ,EAAAA,IAACK,EAAAA,eAAA,CACC,GAAG3B,EACJ,SAAW4B,GAAY,CAClBhC,IAAY,OAASI,EAAkB,gBAG1CA,EAAkB,WAAW4B,CAAO,EACpCxB,EAAsB,EAAK,EAE7B,EACA,QAASW,EACT,QAAAnB,EACA,UAAAc,CAAA,CAAA,CACD,CAAA,CACD,CAAA,CACD,EAEF,EAIF,OACCY,EAAAA,IAAAD,EAAAA,SAAA,CACE,SAAA,CAAClB,GAAgBN,IAAmB,OACpCyB,EAAAA,IAACO,EAAAA,QAAA,CACA,KAAMhC,EACN,UAAWC,EACX,UAAW,CAACC,EAEZ,SAAAuB,EAAAA,IAAC,MAAA,CAAK,SAAAH,EAAA,CAAkB,CAAE,CAAA,CAAA,EAG3BA,GAAkB,CAEpB,CAEF,CACD,EAEA3B,EAA0B,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/MultilevelDropdownPopover/index.tsx"],"sourcesContent":["import React, {\n\tLegacyRef,\n\tRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { usePopper } from 'react-popper';\nimport { DropShadow } from '@src/components/dropShadow';\nimport { Placement, Tooltip } from '@src/components/tooltips';\nimport { OpenDropdownContainer, OverLapAbs } from '../Common.styled';\nimport { OpenedDropdown } from '../OpenedDropdown';\nimport { OpenDropdownProps } from '../type';\n\ntype DropdownProps = OpenDropdownProps & {\n\tisLoading?: boolean;\n\tchildren?: React.ReactNode;\n\tdisabled?: boolean;\n\tonDropdownOpen?: () => void;\n\tonDropdownVisbilityChange?: (isOpen: boolean) => void;\n\ttooltipContent?: string;\n\ttooltipDirection?: Placement;\n\tshowTooltipArrow?: boolean;\n};\n\nexport const MultilevelDropdownPopover = React.forwardRef<\n\t{\n\t\topenDropdown: boolean;\n\t},\n\tDropdownProps\n>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tonDropdownVisbilityChange,\n\t\t\tversion = '1.0',\n\t\t\ttooltipContent,\n\t\t\ttooltipDirection,\n\t\t\tshowTooltipArrow,\n\t\t\t...openDropdownProps\n\t\t},\n\t\tunTypedRef,\n\t) => {\n\t\tconst ref = unTypedRef as React.RefObject<{ openDropdown: boolean }>;\n\t\tconst [openDropdown, setDropdownVisibility] = useState(false);\n\t\tconst [referenceElement, setReferenceElement] = useState(null);\n\t\tconst [popperElement, setPopperElement] = useState(null);\n\t\tconst headerRef = useRef(null);\n\n\t\tconst { styles, attributes } = usePopper(referenceElement, popperElement, {\n\t\t\tplacement: openDropdownProps.placement,\n\t\t\tstrategy: openDropdownProps.strategy,\n\t\t});\n\n\t\tconst onCloseHandle = (data) => {\n\t\t\tif (openDropdownProps.isMultiSelect && data) {\n\t\t\t\topenDropdownProps.onSelect?.([...data]);\n\t\t\t}\n\t\t\tsetDropdownVisibility(false);\n\t\t\topenDropdownProps?.onClose?.();\n\t\t};\n\n\t\tuseImperativeHandle(\n\t\t\tref,\n\t\t\t() => {\n\t\t\t\treturn {\n\t\t\t\t\topenDropdown: openDropdown,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[],\n\t\t);\n\n\t\tuseEffect(() => {\n\t\t\tif (ref?.current) ref.current.openDropdown = openDropdown;\n\t\t}, [openDropdown]);\n\n\t\tuseEffect(() => {\n\t\t\tonDropdownVisbilityChange?.(openDropdown);\n\t\t}, [openDropdown]);\n\n\t\tconst dropDownComponent = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{ position: 'relative' }}\n\t\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting  */\n\t\t\t\t\t\tref={setReferenceElement as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t>\n\t\t\t\t\t\t<OverLapAbs\n\t\t\t\t\t\t\tref={headerRef}\n\t\t\t\t\t\t\tdisabled={openDropdownProps.disabled}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\topenDropdownProps.onDropdownOpen?.();\n\t\t\t\t\t\t\t\tif (!openDropdown) {\n\t\t\t\t\t\t\t\t\tif (!openDropdownProps.disabled) setDropdownVisibility(true);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetDropdownVisibility(false);\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t\t{openDropdown && (\n\t\t\t\t\t\t<OpenDropdownContainer\n\t\t\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting  */\n\t\t\t\t\t\t\tref={setPopperElement as Ref<HTMLDivElement>}\n\t\t\t\t\t\t\tstyle={{ ...styles['popper'], zIndex: 3 }}\n\t\t\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DropShadow\n\t\t\t\t\t\t\t\tlevel={'z2'}\n\t\t\t\t\t\t\t\tposition={'down'}\n\t\t\t\t\t\t\t\tstyle={{ borderRadius: 8 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<OpenedDropdown\n\t\t\t\t\t\t\t\t\t{...openDropdownProps}\n\t\t\t\t\t\t\t\t\tonSelect={(options) => {\n\t\t\t\t\t\t\t\t\t\tif (version === '2.0' && openDropdownProps.isMultiSelect) {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\topenDropdownProps.onSelect?.(options);\n\t\t\t\t\t\t\t\t\t\t\tsetDropdownVisibility(false);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClose={onCloseHandle}\n\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\theaderRef={headerRef}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</DropShadow>\n\t\t\t\t\t\t</OpenDropdownContainer>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{!openDropdown && tooltipContent !== undefined ? (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tbody={tooltipContent}\n\t\t\t\t\t\tplacement={tooltipDirection}\n\t\t\t\t\t\thideArrow={!showTooltipArrow}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>{dropDownComponent()}</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) : (\n\t\t\t\t\tdropDownComponent()\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nMultilevelDropdownPopover.displayName = 'MultilevelDropdownPopover';\n"],"names":["MultilevelDropdownPopover","React","children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","openDropdownProps","unTypedRef","ref","openDropdown","setDropdownVisibility","useState","referenceElement","setReferenceElement","popperElement","setPopperElement","headerRef","useRef","styles","attributes","usePopper","onCloseHandle","data","useImperativeHandle","useEffect","dropDownComponent","jsxs","Fragment","jsx","OverLapAbs","e","OpenDropdownContainer","DropShadow","OpenedDropdown","options","Tooltip"],"mappings":"kZA0BaA,EAA4BC,EAAAA,QAAM,WAM9C,CACC,CACC,SAAAC,EACA,0BAAAC,EACA,QAAAC,EAAU,MACV,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,GAAGC,CAAA,EAEJC,IACI,CACJ,MAAMC,EAAMD,EACN,CAACE,EAAcC,CAAqB,EAAIC,EAAAA,SAAS,EAAK,EACtD,CAACC,EAAkBC,CAAmB,EAAIF,EAAAA,SAAS,IAAI,EACvD,CAACG,EAAeC,CAAgB,EAAIJ,EAAAA,SAAS,IAAI,EACjDK,EAAYC,EAAAA,OAAO,IAAI,EAEvB,CAAE,OAAAC,EAAQ,WAAAC,CAAA,EAAeC,EAAAA,UAAUR,EAAkBE,EAAe,CACzE,UAAWR,EAAkB,UAC7B,SAAUA,EAAkB,QAAA,CAC5B,EAEKe,EAAiBC,GAAS,CAC3BhB,EAAkB,eAAiBgB,GACtChB,EAAkB,WAAW,CAAC,GAAGgB,CAAI,CAAC,EAEvCZ,EAAsB,EAAK,EAC3BJ,GAAmB,UAAA,CACpB,EAEAiB,EAAAA,oBACCf,EACA,KACQ,CACN,aAAAC,CAAA,GAGF,CAAA,CAAC,EAGFe,EAAAA,UAAU,IAAM,CACXhB,GAAK,UAASA,EAAI,QAAQ,aAAeC,EAC9C,EAAG,CAACA,CAAY,CAAC,EAEjBe,EAAAA,UAAU,IAAM,CACfvB,IAA4BQ,CAAY,CACzC,EAAG,CAACA,CAAY,CAAC,EAEjB,MAAMgB,EAAoB,IAExBC,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,KAAC,MAAA,CACA,MAAO,CAAE,SAAU,UAAA,EAEnB,IAAKb,EAEL,SAAA,CAAAe,EAAAA,IAACC,EAAAA,WAAA,CACA,IAAKb,EACL,SAAUV,EAAkB,SAC5B,QAAUwB,GAAM,CACfxB,EAAkB,iBAAA,EACbG,GAGJC,EAAsB,EAAK,EAC3BoB,EAAE,eAAA,GAHGxB,EAAkB,UAAUI,EAAsB,EAAI,CAK7D,CAAA,CAAA,EAGAV,CAAA,CAAA,CAAA,EAEDS,GACAmB,EAAAA,IAACG,EAAAA,sBAAA,CAEA,IAAKhB,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAS,EAAAA,IAACI,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAJ,EAAAA,IAACK,EAAAA,eAAA,CACC,GAAG3B,EACJ,SAAW4B,GAAY,CAClBhC,IAAY,OAASI,EAAkB,gBAG1CA,EAAkB,WAAW4B,CAAO,EACpCxB,EAAsB,EAAK,EAE7B,EACA,QAASW,EACT,QAAAnB,EACA,UAAAc,CAAA,CAAA,CACD,CAAA,CACD,CAAA,CACD,EAEF,EAIF,OACCY,EAAAA,IAAAD,EAAAA,SAAA,CACE,SAAA,CAAClB,GAAgBN,IAAmB,OACpCyB,EAAAA,IAACO,EAAAA,QAAA,CACA,KAAMhC,EACN,UAAWC,EACX,UAAW,CAACC,EAEZ,SAAAuB,EAAAA,IAAC,MAAA,CAAK,SAAAH,EAAA,CAAkB,CAAE,CAAA,CAAA,EAG3BA,GAAkB,CAEpB,CAEF,CACD,EAEA3B,EAA0B,YAAc"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),o=require("../../../../constants/Theme.js"),i=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../../../constants/Theme.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=i(r),d=o.default.div`
 	border-radius: ${e=>e.version==="2.0"?8:4}px;
 	border: ${e=>e.version==="2.0"?0:1}px solid
-		${o.COLORS.stroke.primary};
+		${t.COLORS.stroke.primary};
 	max-height: 480px;
 	overflow: hidden;
 	display: flex;
 	flex-direction: row;
 	position: relative;
 	padding: ${e=>e.version==="2.0"?4:0}px;
-	background-color: ${o.COLORS.surface.standard};
-`;r.div`
+	background-color: ${t.COLORS.surface.standard};
+`;o.default.div`
 	padding: 14px 16px 14px 18px;
 	flex-direction: row;
 	align-items: center;
 	border-bottom-width: 1px;
 	border-bottom-style: solid;
-	border-bottom-color: ${o.COLORS.stroke.primary};
+	border-bottom-color: ${t.COLORS.stroke.primary};
 	width: 100%;
 	height: 100%;
-`;const t=r.div`
+`;const n=o.default.div`
 	max-height: ${e=>typeof e.maxHeight=="number"?`${e.maxHeight}px`:e.maxHeight};
 	overflow-y: auto;
 	position: relative;
@@ -34,5 +34,5 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`;exports.MenuListContainer=t;exports.OpennedDropdownContainer=i;
+`;exports.MenuListContainer=n;exports.OpennedDropdownContainer=d;
 //# sourceMappingURL=OpennedDropdown.styled.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpennedDropdown.styled.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const OpennedDropdownContainer = styled.div<{ version?: '1.0' | '2.0' }>`\n\tborder-radius: ${(props) => (props.version === '2.0' ? 8 : 4)}px;\n\tborder: ${(props) => (props.version === '2.0' ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tmax-height: 480px;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: relative;\n\tpadding: ${(props) => (props.version === '2.0' ? 4 : 0)}px;\n\tbackground-color: ${COLORS.surface.standard};\n`;\n\nexport const ItemContainer = styled.div`\n\tpadding: 14px 16px 14px 18px;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-bottom-width: 1px;\n\tborder-bottom-style: solid;\n\tborder-bottom-color: ${COLORS.stroke.primary};\n\twidth: 100%;\n\theight: 100%;\n`;\n\nexport const MenuListContainer = styled.div<{\n\tmaxHeight: number | string;\n\tminHeight: number | string;\n}>`\n\tmax-height: ${(props) =>\n\t\ttypeof props.maxHeight === 'number'\n\t\t\t? `${props.maxHeight}px`\n\t\t\t: props.maxHeight};\n\toverflow-y: auto;\n\tposition: relative;\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n"],"names":["OpennedDropdownContainer","styled","props","COLORS","MenuListContainer"],"mappings":"iKAGaA,EAA2BC,EAAO;AAAA,kBAC5BC,GAAWA,EAAM,UAAY,MAAQ,EAAI,CAAE;AAAA,WAClDA,GAAWA,EAAM,UAAY,MAAQ,EAAI,CAAE;AAAA,IACnDC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMZD,GAAWA,EAAM,UAAY,MAAQ,EAAI,CAAE;AAAA,qBACnCC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,EAGfF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMZE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAKtC,MAAMC,EAAoBH,EAAO;AAAA,eAIxBC,GACd,OAAOA,EAAM,WAAc,SACxB,GAAGA,EAAM,SAAS,KAClBA,EAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"OpennedDropdown.styled.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const OpennedDropdownContainer = styled.div<{ version?: '1.0' | '2.0' }>`\n\tborder-radius: ${(props) => (props.version === '2.0' ? 8 : 4)}px;\n\tborder: ${(props) => (props.version === '2.0' ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tmax-height: 480px;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: relative;\n\tpadding: ${(props) => (props.version === '2.0' ? 4 : 0)}px;\n\tbackground-color: ${COLORS.surface.standard};\n`;\n\nexport const ItemContainer = styled.div`\n\tpadding: 14px 16px 14px 18px;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-bottom-width: 1px;\n\tborder-bottom-style: solid;\n\tborder-bottom-color: ${COLORS.stroke.primary};\n\twidth: 100%;\n\theight: 100%;\n`;\n\nexport const MenuListContainer = styled.div<{\n\tmaxHeight: number | string;\n\tminHeight: number | string;\n}>`\n\tmax-height: ${(props) =>\n\t\ttypeof props.maxHeight === 'number'\n\t\t\t? `${props.maxHeight}px`\n\t\t\t: props.maxHeight};\n\toverflow-y: auto;\n\tposition: relative;\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n"],"names":["OpennedDropdownContainer","styled","props","COLORS","MenuListContainer"],"mappings":"gOAGaA,EAA2BC,EAAAA,QAAO;AAAA,kBAC5BC,GAAWA,EAAM,UAAY,MAAQ,EAAI,CAAE;AAAA,WAClDA,GAAWA,EAAM,UAAY,MAAQ,EAAI,CAAE;AAAA,IACnDC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMZD,GAAWA,EAAM,UAAY,MAAQ,EAAI,CAAE;AAAA,qBACnCC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,EAGfF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMZE,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAKtC,MAAMC,EAAoBH,EAAAA,QAAO;AAAA,eAIxBC,GACd,OAAOA,EAAM,WAAc,SACxB,GAAGA,EAAM,SAAS,KAClBA,EAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=require("../../../../../constants/Theme.js"),i=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("../../../../../constants/Theme.js"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=r(o),n=i.default.div`
 	background: ${e.COLORS.surface.standard};
-	border-left: ${r=>r.version==="2.0"?.5:1}px solid
+	border-left: ${t=>t.version==="2.0"?.5:1}px solid
 		${e.COLORS.stroke.primary};
 	width: 50%;
-`;exports.DescriptionContainer=i;
+`;exports.DescriptionContainer=n;
 //# sourceMappingURL=Description.styled.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Description.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DescriptionContainer = styled.div<{ version?: '1.0' | '2.0' }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-left: ${(props) => (props.version === '2.0' ? 0.5 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\twidth: 50%;\n`;\n"],"names":["DescriptionContainer","styled","COLORS","props"],"mappings":"oKAGaA,EAAuBC,EAAO;AAAA,eAC5BC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,gBACrBC,GAAWA,EAAM,UAAY,MAAQ,GAAM,CAAE;AAAA,IAC1DD,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA"}
+{"version":3,"file":"Description.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DescriptionContainer = styled.div<{ version?: '1.0' | '2.0' }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-left: ${(props) => (props.version === '2.0' ? 0.5 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\twidth: 50%;\n`;\n"],"names":["DescriptionContainer","styled","COLORS","props"],"mappings":"mOAGaA,EAAuBC,EAAAA,QAAO;AAAA,eAC5BC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,gBACrBC,GAAWA,EAAM,UAAY,MAAQ,GAAM,CAAE;AAAA,IAC1DD,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../../../../constants/Theme.js"),o=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),r=require("../../../../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=o(t),a=d.default.div`
 	padding: 4px 8px;
-	background: ${e.COLORS.surface.subdued};
-	border: 1px solid ${e.COLORS.stroke.primary};
+	background: ${r.COLORS.surface.subdued};
+	border: 1px solid ${r.COLORS.stroke.primary};
 	border-radius: 4px;
-`;exports.FreeFormContainer=o;
+`;exports.FreeFormContainer=a;
 //# sourceMappingURL=FreeFormMenu.styled.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"FreeFormMenu.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const FreeFormContainer = styled.div`\n\tpadding: 4px 8px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n"],"names":["FreeFormContainer","styled","COLORS"],"mappings":"oKAGaA,EAAoBC,EAAO;AAAA;AAAA,eAEzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,qBAChBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA"}
+{"version":3,"file":"FreeFormMenu.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const FreeFormContainer = styled.div`\n\tpadding: 4px 8px;\n\tbackground: ${COLORS.surface.subdued};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n"],"names":["FreeFormContainer","styled","COLORS"],"mappings":"mOAGaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA,eAEzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,qBAChBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),A=require("../../../../../assets/icons/chevronRight.svg.js"),b=require("react"),t=require("styled-components"),B=require("../../../../TypographyStyle.js"),d=require("../../../../../constants/Theme.js"),D=require("./FreeFormMenu.styled.js"),E=require("../../../../tooltips/Tooltip.js"),y=require("../../../../checkBox/CheckBox.js"),U=require("../../../../list-item/ListItem.js"),I=t(U.ListItem)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("../../../../../assets/icons/chevronRight.svg.js"),b=require("react"),D=require("styled-components"),B=require("../../../../TypographyStyle.js"),d=require("../../../../../constants/Theme.js"),E=require("./FreeFormMenu.styled.js"),_=require("../../../../tooltips/Tooltip.js"),y=require("../../../../checkBox/CheckBox.js"),U=require("../../../../list-item/ListItem.js"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=V(D),I=r.default(U.ListItem)`
 	padding: ${e=>e.version==="2.0"?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>e.version==="2.0"?"2px":"0"};
-`,V=t.div`
+`,z=r.default.div`
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	border-radius: ${({version:e})=>e==="1.0"?"0":"8px"};
 	padding: ${({version:e})=>e==="1.0"?"0":"4px"};
@@ -10,7 +10,7 @@
 	border: ${({version:e})=>e==="1.0"?`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"};
 	max-height: 248px;
 	overflow-y: auto;
-`,_=t.div`
+`,P=r.default.div`
 	display: grid;
 	grid-template-columns: repeat(2, 2.86px);
 	grid-template-rows: repeat(3, 2.86px);
@@ -22,23 +22,23 @@
 	align-self: center;
 	height: fit-content;
 	min-height: 18px;
-`,l=t.div`
+`,l=r.default.div`
 	width: 2.86px;
 	height: 2.86px;
 	border-radius: 50%;
 	background-color: ${d.COLORS.content.inactive};
 	flex-shrink: 0;
-`,L=t.div`
+`,L=r.default.div`
 	display: flex;
 	align-content: center;
 	justify-content: center;
 	gap: 8px;
-`,z=t.div`
+`,W=r.default.div`
 	margin-right: -4px;
-`,P=t.div`
+`,G=r.default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: column;
 	flex: 1;
-`,m=({onDragStart:e,onDragEnd:i})=>n.jsxs(_,{draggable:!0,onDragStart:e,onDragEnd:i,children:[n.jsx(l,{}),n.jsx(l,{}),n.jsx(l,{}),n.jsx(l,{}),n.jsx(l,{}),n.jsx(l,{})]}),W=b.forwardRef(({option:e,isMultiSelect:i,showDescription:g,onSelect:T,last:F,version:s,onDropdownItemClick:O,useDefaultCursor:k,isFocused:S=!1,dataIndex:h=-1,isDraggable:c=!1,onDragStart:o,onDragOver:q,onDrop:M,onDragEnd:x,isDraggedOver:p=!1,showCheckboxForCustomElement:f=!1},$)=>{const[w,v]=b.useState(e.selected),j=(r,a)=>{if(!r.children){u(!r.selected);const R=a?{...r,parent:a}:r;O?.(R)}},u=r=>{e.disabled||T({...e,selected:r})},H=()=>{e.description?g(e.label,e.description):g()},C=k?{cursor:"default"}:{};return n.jsx(n.Fragment,{children:n.jsx(E.Tooltip,{body:"",tooltipContent:e.children?n.jsx("div",{style:{backgroundColor:d.DEFAULT_THEME.colorsV2.surface.standard},ref:$,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:n.jsx(V,{version:s??"2.0",children:e.children.map(r=>n.jsx(I,{version:s,style:s!=="1.0"&&(e?.children??[]).length-1?{borderBottom:0}:{},onClick:a=>{a.preventDefault(),j(r,e)},listItem:{value:r.value,label:r.label},subText:r.subText,leadingIcon:r.leadingIcon||void 0,customComponent:r.customComponent,trailingIcon:r.trailingIcon||void 0,variant:e.disabled?"inactive":r.selected?"selected":"default"},r.value))})}):n.jsx(n.Fragment,{}),placement:"right-start",hideArrow:!0,children:n.jsx(I,{version:s,style:F?{borderBottom:0,...C,...p?{borderTop:`2px solid ${d.COLORS.content.brand}`,opacity:.5}:{}}:{...C,...p?{borderTop:`2px solid ${d.COLORS.content.brand}`,opacity:.5}:{}},onClick:r=>{r.preventDefault(),j(e)},onMouseOver:H,listItem:{value:e.value,label:e.label},subText:e.subText,"data-option-index":h,role:"option",id:`dropdown-option-${h}`,"aria-selected":!!e.selected,onDragOver:c?q:void 0,onDrop:c?M:void 0,leadingIcon:i&&!(f&&e.customComponent)?n.jsxs(L,{children:[c&&n.jsx(m,{onDragStart:o,onDragEnd:x}),n.jsx(y.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:u}),n.jsx(z,{children:e.leadingIcon})]}):c?n.jsxs(P,{children:[n.jsx(m,{onDragStart:o,onDragEnd:x}),e.leadingIcon&&n.jsx("div",{children:e.leadingIcon})]}):e.leadingIcon?n.jsx(n.Fragment,{children:e.leadingIcon}):void 0,customComponent:i&&f&&e.customComponent?n.jsxs(L,{children:[c&&n.jsx(m,{onDragStart:o,onDragEnd:x}),n.jsx(y.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:u}),e.customComponent]}):e.customComponent,trailingIcon:e.isFreeForm?n.jsx(D.FreeFormContainer,{children:n.jsx(B.BodyCaption,{style:{color:d.COLORS.content.secondary},children:"Freeform"})}):e.children?n.jsx(A.default,{width:12,height:12}):e.trailingIcon?n.jsx(n.Fragment,{children:e.trailingIcon}):void 0,variant:e.disabled?"inactive":S||e.selected||!i&&w?"selected":"default"})})})});exports.MenuItem=W;
+`,m=({onDragStart:e,onDragEnd:a})=>t.jsxs(P,{draggable:!0,onDragStart:e,onDragEnd:a,children:[t.jsx(l,{}),t.jsx(l,{}),t.jsx(l,{}),t.jsx(l,{}),t.jsx(l,{}),t.jsx(l,{})]}),J=b.forwardRef(({option:e,isMultiSelect:a,showDescription:g,onSelect:T,last:F,version:s,onDropdownItemClick:O,useDefaultCursor:k,isFocused:S=!1,dataIndex:f=-1,isDraggable:i=!1,onDragStart:o,onDragOver:q,onDrop:M,onDragEnd:u,isDraggedOver:h=!1,showCheckboxForCustomElement:p=!1},$)=>{const[w,j]=b.useState(e.selected),v=(n,c)=>{if(!n.children){x(!n.selected);const R=c?{...n,parent:c}:n;O?.(R)}},x=n=>{e.disabled||T({...e,selected:n})},H=()=>{e.description?g(e.label,e.description):g()},C=k?{cursor:"default"}:{};return t.jsx(t.Fragment,{children:t.jsx(_.Tooltip,{body:"",tooltipContent:e.children?t.jsx("div",{style:{backgroundColor:d.DEFAULT_THEME.colorsV2.surface.standard},ref:$,onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),children:t.jsx(z,{version:s??"2.0",children:e.children.map(n=>t.jsx(I,{version:s,style:s!=="1.0"&&(e?.children??[]).length-1?{borderBottom:0}:{},onClick:c=>{c.preventDefault(),v(n,e)},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:n.leadingIcon||void 0,customComponent:n.customComponent,trailingIcon:n.trailingIcon||void 0,variant:e.disabled?"inactive":n.selected?"selected":"default"},n.value))})}):t.jsx(t.Fragment,{}),placement:"right-start",hideArrow:!0,children:t.jsx(I,{version:s,style:F?{borderBottom:0,...C,...h?{borderTop:`2px solid ${d.COLORS.content.brand}`,opacity:.5}:{}}:{...C,...h?{borderTop:`2px solid ${d.COLORS.content.brand}`,opacity:.5}:{}},onClick:n=>{n.preventDefault(),v(e)},onMouseOver:H,listItem:{value:e.value,label:e.label},subText:e.subText,"data-option-index":f,role:"option",id:`dropdown-option-${f}`,"aria-selected":!!e.selected,onDragOver:i?q:void 0,onDrop:i?M:void 0,leadingIcon:a&&!(p&&e.customComponent)?t.jsxs(L,{children:[i&&t.jsx(m,{onDragStart:o,onDragEnd:u}),t.jsx(y.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:x}),t.jsx(W,{children:e.leadingIcon})]}):i?t.jsxs(G,{children:[t.jsx(m,{onDragStart:o,onDragEnd:u}),e.leadingIcon&&t.jsx("div",{children:e.leadingIcon})]}):e.leadingIcon?t.jsx(t.Fragment,{children:e.leadingIcon}):void 0,customComponent:a&&p&&e.customComponent?t.jsxs(L,{children:[i&&t.jsx(m,{onDragStart:o,onDragEnd:u}),t.jsx(y.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:x}),e.customComponent]}):e.customComponent,trailingIcon:e.isFreeForm?t.jsx(E.FreeFormContainer,{children:t.jsx(B.BodyCaption,{style:{color:d.COLORS.content.secondary},children:"Freeform"})}):e.children?t.jsx(A.default,{width:12,height:12}):e.trailingIcon?t.jsx(t.Fragment,{children:e.trailingIcon}):void 0,variant:e.disabled?"inactive":S||e.selected||!a&&w?"selected":"default"})})})});exports.MenuItem=J;
 //# sourceMappingURL=MenuItem.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport { forwardRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { MultiSelectOption, SingleOption } from '../../../type';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nconst StyledListItem = styled(ListItem)<{ version?: '1.0' | '2.0' }>`\n\tpadding: ${(props) =>\n\t\tprops.version === '2.0' ? '8px 12px' : '14px 16px'} !important;\n\tcursor: pointer;\n\tmargin-top: ${(props) => (props.version === '2.0' ? '2px' : '0')};\n`;\n\nconst StyledChildDropdownContainer = styled.div<{ version: string }>`\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: ${({ version }) => (version === '1.0' ? '0' : '8px')};\n\tpadding: ${({ version }) => (version === '1.0' ? '0' : '4px')};\n\tmin-width: 148px;\n\tborder: ${({ version }) =>\n\t\tversion === '1.0'\n\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t: 'none'};\n\tmax-height: 248px;\n\toverflow-y: auto;\n`;\n\nconst DragHandleContainer = styled.div`\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 2.86px);\n\tgrid-template-rows: repeat(3, 2.86px);\n\tcolumn-gap: 3.8px;\n\trow-gap: 4px;\n\tmargin-right: 8px;\n\tcursor: move;\n\tflex-shrink: 0;\n\talign-self: center;\n\theight: fit-content;\n\tmin-height: 18px;\n`;\n\nconst DragDot = styled.div`\n\twidth: 2.86px;\n\theight: 2.86px;\n\tborder-radius: 50%;\n\tbackground-color: ${COLORS.content.inactive};\n\tflex-shrink: 0;\n`;\n\nconst MultiSelectLeadingContainer = styled.div`\n\tdisplay: flex;\n\talign-content: center;\n\tjustify-content: center;\n\tgap: 8px;\n`;\n\nconst LeadingIconWrapper = styled.div`\n\tmargin-right: -4px;\n`;\n\nconst SingleSelectDragContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tflex: 1;\n`;\n\ninterface DragHandleIconProps {\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n}\n\nconst DragHandleIcon = ({ onDragStart, onDragEnd }: DragHandleIconProps) => (\n\t<DragHandleContainer\n\t\tdraggable\n\t\tonDragStart={onDragStart}\n\t\tonDragEnd={onDragEnd}\n\t>\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t</DragHandleContainer>\n);\n\ninterface MenuItemProps {\n\toption: SingleOption | MultiSelectOption;\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (option: SingleOption) => void;\n\tonDropdownItemClick?: (option: SingleOption) => void;\n\tlast?: boolean;\n\tversion?: '1.0' | '2.0';\n\tuseDefaultCursor?: boolean;\n\tisFocused?: boolean;\n\tdataIndex?: number;\n\tisDraggable?: boolean;\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tisDraggedOver?: boolean;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n\t(\n\t\t{\n\t\t\toption,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tlast,\n\t\t\tversion,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tisFocused = false,\n\t\t\tdataIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonDragStart,\n\t\t\tonDragOver,\n\t\t\tonDrop,\n\t\t\tonDragEnd,\n\t\t\tisDraggedOver = false,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tchildRef,\n\t) => {\n\t\tconst [isChildOptionHovered, setIsChildOptionHovered] = useState(\n\t\t\toption.selected,\n\t\t);\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children) {\n\t\t\t\tonCheckHandler(!option.selected);\n\t\t\t\tconst updatedOption = parent ? { ...option, parent } : option;\n\t\t\t\tonDropdownItemClick?.(updatedOption);\n\t\t\t}\n\t\t};\n\n\t\tconst onCheckHandler = (checked: boolean) => {\n\t\t\tif (!option.disabled) {\n\t\t\t\tonSelect({ ...option, selected: checked });\n\t\t\t}\n\t\t};\n\n\t\tconst onHoverIn = () => {\n\t\t\tif (option.description) {\n\t\t\t\tshowDescription(option.label, option.description);\n\t\t\t} else {\n\t\t\t\tshowDescription();\n\t\t\t}\n\t\t};\n\n\t\tconst cursorConfig = useDefaultCursor ? { cursor: 'default' } : {};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Tooltip\n\t\t\t\t\tbody={''}\n\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\toption.children ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tref={childRef}\n\t\t\t\t\t\t\t\tonMouseEnter={() => setIsChildOptionHovered(true)}\n\t\t\t\t\t\t\t\tonMouseLeave={() => setIsChildOptionHovered(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StyledChildDropdownContainer version={version ?? '2.0'}>\n\t\t\t\t\t\t\t\t\t{option.children.map((child) => (\n\t\t\t\t\t\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tkey={child.value}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tversion !== '1.0' && (option?.children ?? []).length - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { borderBottom: 0 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\thandleOptionClick(child, option);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tlistItem={{ value: child.value, label: child.label }}\n\t\t\t\t\t\t\t\t\t\t\tsubText={child.subText}\n\t\t\t\t\t\t\t\t\t\t\tleadingIcon={child.leadingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tcustomComponent={child.customComponent}\n\t\t\t\t\t\t\t\t\t\t\ttrailingIcon={child.trailingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: child.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</StyledChildDropdownContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tplacement={'right-start'}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t>\n\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tlast\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tborderBottom: 0,\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\thandleOptionClick(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOver={onHoverIn}\n\t\t\t\t\t\tlistItem={{ value: option.value, label: option.label }}\n\t\t\t\t\t\tsubText={option.subText}\n\t\t\t\t\t\tdata-option-index={dataIndex}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tid={`dropdown-option-${dataIndex}`}\n\t\t\t\t\t\taria-selected={!!option.selected}\n\t\t\t\t\t\tonDragOver={isDraggable ? onDragOver : undefined}\n\t\t\t\t\t\tonDrop={isDraggable ? onDrop : undefined}\n\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\t!(showCheckboxForCustomElement && option.customComponent) ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<LeadingIconWrapper>{option.leadingIcon}</LeadingIconWrapper>\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : isDraggable ? (\n\t\t\t\t\t\t\t\t<SingleSelectDragContainer>\n\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.leadingIcon && <div>{option.leadingIcon}</div>}\n\t\t\t\t\t\t\t\t</SingleSelectDragContainer>\n\t\t\t\t\t\t\t) : option.leadingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.leadingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcustomComponent={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\tshowCheckboxForCustomElement &&\n\t\t\t\t\t\t\toption.customComponent ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.customComponent}\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\toption.customComponent\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\toption.isFreeForm ? (\n\t\t\t\t\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\tFreeform\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</FreeFormContainer>\n\t\t\t\t\t\t\t) : option.children ? (\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={12} height={12} />\n\t\t\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.trailingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t: isFocused ||\n\t\t\t\t\t\t\t\t  option.selected ||\n\t\t\t\t\t\t\t\t  (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["StyledListItem","styled","ListItem","props","StyledChildDropdownContainer","version","DEFAULT_THEME","DragHandleContainer","DragDot","COLORS","MultiSelectLeadingContainer","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","onDragStart","onDragEnd","jsxs","jsx","MenuItem","forwardRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","childRef","isChildOptionHovered","setIsChildOptionHovered","useState","handleOptionClick","parent","onCheckHandler","updatedOption","checked","onHoverIn","cursorConfig","Fragment","Tooltip","child","e","CheckBox","FreeFormContainer","BodyCaption","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport { forwardRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { MultiSelectOption, SingleOption } from '../../../type';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nconst StyledListItem = styled(ListItem)<{ version?: '1.0' | '2.0' }>`\n\tpadding: ${(props) =>\n\t\tprops.version === '2.0' ? '8px 12px' : '14px 16px'} !important;\n\tcursor: pointer;\n\tmargin-top: ${(props) => (props.version === '2.0' ? '2px' : '0')};\n`;\n\nconst StyledChildDropdownContainer = styled.div<{ version: string }>`\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: ${({ version }) => (version === '1.0' ? '0' : '8px')};\n\tpadding: ${({ version }) => (version === '1.0' ? '0' : '4px')};\n\tmin-width: 148px;\n\tborder: ${({ version }) =>\n\t\tversion === '1.0'\n\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t: 'none'};\n\tmax-height: 248px;\n\toverflow-y: auto;\n`;\n\nconst DragHandleContainer = styled.div`\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 2.86px);\n\tgrid-template-rows: repeat(3, 2.86px);\n\tcolumn-gap: 3.8px;\n\trow-gap: 4px;\n\tmargin-right: 8px;\n\tcursor: move;\n\tflex-shrink: 0;\n\talign-self: center;\n\theight: fit-content;\n\tmin-height: 18px;\n`;\n\nconst DragDot = styled.div`\n\twidth: 2.86px;\n\theight: 2.86px;\n\tborder-radius: 50%;\n\tbackground-color: ${COLORS.content.inactive};\n\tflex-shrink: 0;\n`;\n\nconst MultiSelectLeadingContainer = styled.div`\n\tdisplay: flex;\n\talign-content: center;\n\tjustify-content: center;\n\tgap: 8px;\n`;\n\nconst LeadingIconWrapper = styled.div`\n\tmargin-right: -4px;\n`;\n\nconst SingleSelectDragContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tflex: 1;\n`;\n\ninterface DragHandleIconProps {\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n}\n\nconst DragHandleIcon = ({ onDragStart, onDragEnd }: DragHandleIconProps) => (\n\t<DragHandleContainer\n\t\tdraggable\n\t\tonDragStart={onDragStart}\n\t\tonDragEnd={onDragEnd}\n\t>\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t</DragHandleContainer>\n);\n\ninterface MenuItemProps {\n\toption: SingleOption | MultiSelectOption;\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (option: SingleOption) => void;\n\tonDropdownItemClick?: (option: SingleOption) => void;\n\tlast?: boolean;\n\tversion?: '1.0' | '2.0';\n\tuseDefaultCursor?: boolean;\n\tisFocused?: boolean;\n\tdataIndex?: number;\n\tisDraggable?: boolean;\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tisDraggedOver?: boolean;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n\t(\n\t\t{\n\t\t\toption,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tlast,\n\t\t\tversion,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tisFocused = false,\n\t\t\tdataIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonDragStart,\n\t\t\tonDragOver,\n\t\t\tonDrop,\n\t\t\tonDragEnd,\n\t\t\tisDraggedOver = false,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tchildRef,\n\t) => {\n\t\tconst [isChildOptionHovered, setIsChildOptionHovered] = useState(\n\t\t\toption.selected,\n\t\t);\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children) {\n\t\t\t\tonCheckHandler(!option.selected);\n\t\t\t\tconst updatedOption = parent ? { ...option, parent } : option;\n\t\t\t\tonDropdownItemClick?.(updatedOption);\n\t\t\t}\n\t\t};\n\n\t\tconst onCheckHandler = (checked: boolean) => {\n\t\t\tif (!option.disabled) {\n\t\t\t\tonSelect({ ...option, selected: checked });\n\t\t\t}\n\t\t};\n\n\t\tconst onHoverIn = () => {\n\t\t\tif (option.description) {\n\t\t\t\tshowDescription(option.label, option.description);\n\t\t\t} else {\n\t\t\t\tshowDescription();\n\t\t\t}\n\t\t};\n\n\t\tconst cursorConfig = useDefaultCursor ? { cursor: 'default' } : {};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Tooltip\n\t\t\t\t\tbody={''}\n\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\toption.children ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tref={childRef}\n\t\t\t\t\t\t\t\tonMouseEnter={() => setIsChildOptionHovered(true)}\n\t\t\t\t\t\t\t\tonMouseLeave={() => setIsChildOptionHovered(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StyledChildDropdownContainer version={version ?? '2.0'}>\n\t\t\t\t\t\t\t\t\t{option.children.map((child) => (\n\t\t\t\t\t\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tkey={child.value}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tversion !== '1.0' && (option?.children ?? []).length - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { borderBottom: 0 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\thandleOptionClick(child, option);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tlistItem={{ value: child.value, label: child.label }}\n\t\t\t\t\t\t\t\t\t\t\tsubText={child.subText}\n\t\t\t\t\t\t\t\t\t\t\tleadingIcon={child.leadingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tcustomComponent={child.customComponent}\n\t\t\t\t\t\t\t\t\t\t\ttrailingIcon={child.trailingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: child.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</StyledChildDropdownContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tplacement={'right-start'}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t>\n\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tlast\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tborderBottom: 0,\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\thandleOptionClick(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOver={onHoverIn}\n\t\t\t\t\t\tlistItem={{ value: option.value, label: option.label }}\n\t\t\t\t\t\tsubText={option.subText}\n\t\t\t\t\t\tdata-option-index={dataIndex}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tid={`dropdown-option-${dataIndex}`}\n\t\t\t\t\t\taria-selected={!!option.selected}\n\t\t\t\t\t\tonDragOver={isDraggable ? onDragOver : undefined}\n\t\t\t\t\t\tonDrop={isDraggable ? onDrop : undefined}\n\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\t!(showCheckboxForCustomElement && option.customComponent) ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<LeadingIconWrapper>{option.leadingIcon}</LeadingIconWrapper>\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : isDraggable ? (\n\t\t\t\t\t\t\t\t<SingleSelectDragContainer>\n\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.leadingIcon && <div>{option.leadingIcon}</div>}\n\t\t\t\t\t\t\t\t</SingleSelectDragContainer>\n\t\t\t\t\t\t\t) : option.leadingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.leadingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcustomComponent={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\tshowCheckboxForCustomElement &&\n\t\t\t\t\t\t\toption.customComponent ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.customComponent}\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\toption.customComponent\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\toption.isFreeForm ? (\n\t\t\t\t\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\tFreeform\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</FreeFormContainer>\n\t\t\t\t\t\t\t) : option.children ? (\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={12} height={12} />\n\t\t\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.trailingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t: isFocused ||\n\t\t\t\t\t\t\t\t  option.selected ||\n\t\t\t\t\t\t\t\t  (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["StyledListItem","styled","ListItem","props","StyledChildDropdownContainer","version","DEFAULT_THEME","DragHandleContainer","DragDot","COLORS","MultiSelectLeadingContainer","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","onDragStart","onDragEnd","jsxs","jsx","MenuItem","forwardRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","childRef","isChildOptionHovered","setIsChildOptionHovered","useState","handleOptionClick","parent","onCheckHandler","updatedOption","checked","onHoverIn","cursorConfig","Fragment","Tooltip","child","e","CheckBox","FreeFormContainer","BodyCaption","ChevronRightIcon"],"mappings":"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"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),n=require("../../../../TypographyStyle.js"),o=require("../../../../../constants/Theme.js"),t=r(n.BodyCaption)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),r=require("../../../../TypographyStyle.js"),o=require("../../../../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=n(t),d=a.default(r.BodyCaption)`
 	padding: 8px ${e=>e.version==="2.0"?12:16}px;
 	color: ${e=>e.version==="2.0"?o.COLORS.content.placeholder:o.COLORS.content.secondary};
 	background-color: ${e=>e.version==="2.0"?o.COLORS.surface.standard:o.COLORS.background.base};
 	font-size: ${e=>e.version==="2.0"?10:12}px;
-`;exports.StyledGroupedLabel=t;
+`;exports.StyledGroupedLabel=d;
 //# sourceMappingURL=MenuList.styled.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledGroupedLabel = styled(BodyCaption)<{\n\tversion?: '1.0' | '2.0';\n}>`\n\tpadding: 8px ${(props) => (props.version === '2.0' ? 12 : 16)}px;\n\tcolor: ${(props) =>\n\t\tprops.version === '2.0'\n\t\t\t? COLORS.content.placeholder\n\t\t\t: COLORS.content.secondary};\n\tbackground-color: ${(props) =>\n\t\tprops.version === '2.0' ? COLORS.surface.standard : COLORS.background.base};\n\tfont-size: ${(props) => (props.version === '2.0' ? 10 : 12)}px;\n`;\n"],"names":["StyledGroupedLabel","styled","BodyCaption","props","COLORS"],"mappings":"gNAIaA,EAAqBC,EAAOC,aAAW;AAAA,gBAGnCC,GAAWA,EAAM,UAAY,MAAQ,GAAK,EAAG;AAAA,UACnDA,GACTA,EAAM,UAAY,MACfC,SAAO,QAAQ,YACfA,SAAO,QAAQ,SAAS;AAAA,qBACPD,GACpBA,EAAM,UAAY,MAAQC,SAAO,QAAQ,SAAWA,SAAO,WAAW,IAAI;AAAA,cAC7DD,GAAWA,EAAM,UAAY,MAAQ,GAAK,EAAG;AAAA"}
+{"version":3,"file":"MenuList.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledGroupedLabel = styled(BodyCaption)<{\n\tversion?: '1.0' | '2.0';\n}>`\n\tpadding: 8px ${(props) => (props.version === '2.0' ? 12 : 16)}px;\n\tcolor: ${(props) =>\n\t\tprops.version === '2.0'\n\t\t\t? COLORS.content.placeholder\n\t\t\t: COLORS.content.secondary};\n\tbackground-color: ${(props) =>\n\t\tprops.version === '2.0' ? COLORS.surface.standard : COLORS.background.base};\n\tfont-size: ${(props) => (props.version === '2.0' ? 10 : 12)}px;\n`;\n"],"names":["StyledGroupedLabel","styled","BodyCaption","props","COLORS"],"mappings":"+QAIaA,EAAqBC,EAAAA,QAAOC,aAAW;AAAA,gBAGnCC,GAAWA,EAAM,UAAY,MAAQ,GAAK,EAAG;AAAA,UACnDA,GACTA,EAAM,UAAY,MACfC,SAAO,QAAQ,YACfA,SAAO,QAAQ,SAAS;AAAA,qBACPD,GACpBA,EAAM,UAAY,MAAQC,SAAO,QAAQ,SAAWA,SAAO,WAAW,IAAI;AAAA,cAC7DD,GAAWA,EAAM,UAAY,MAAQ,GAAK,EAAG;AAAA"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("../../../../../constants/Theme.js"),o=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=require("../../../../../constants/Theme.js"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=n(e),r=a.default.div`
 	display: flex;
 	padding: 8px 16px;
 	flex-direction: row;
 	align-items: center;
 	justify-content: end;
 	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-	background: ${t.COLORS.surface.standard};
-`;exports.BottomBarContainer=o;
+	background: ${o.COLORS.surface.standard};
+`;exports.BottomBarContainer=r;
 //# sourceMappingURL=MultiSelectDropdownBottomBar.styled.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdownBottomBar.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BottomBarContainer = styled.div`\n\tdisplay: flex;\n\tpadding: 8px 16px;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: end;\n\tbox-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);\n\tbackground: ${COLORS.surface.standard};\n`;\n"],"names":["BottomBarContainer","styled","COLORS"],"mappings":"oKAGaA,EAAqBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAO1BC,EAAAA,OAAO,QAAQ,QAAQ;AAAA"}
+{"version":3,"file":"MultiSelectDropdownBottomBar.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BottomBarContainer = styled.div`\n\tdisplay: flex;\n\tpadding: 8px 16px;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: end;\n\tbox-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);\n\tbackground: ${COLORS.surface.standard};\n`;\n"],"names":["BottomBarContainer","styled","COLORS"],"mappings":"mOAGaA,EAAqBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAO1BC,EAAAA,OAAO,QAAQ,QAAQ;AAAA"}

package/dist/cjs/components/dropdown/hooks/useDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("lodash/debounce"),o=require("react"),v=require("../OpenedDropdown/utils/iterationOnOptions.js"),V=(h="1.0",C,y,A,b,w,T,j=[],i)=>{const[c,a]=o.useState(C??[]),[p,g]=o.useState([]),[l,M]=o.useState(""),[W,m]=o.useState(void 0),E=o.useRef(c),I=o.useRef(w);o.useEffect(()=>{I.current=w},[w]),o.useEffect(()=>{if(E.current=c,p.length&&l&&w){let t=[...p];const r=c.map(e=>{if(e.options)return e.options.map(n=>({value:n.value,selected:n.selected}));const s=e;return{value:s.value,selected:s.selected}}).flat();t=t.map(e=>{const s=r.find(n=>e.value===n.value);return s?{...e,selected:s.selected}:e}),T&&(t=t.map(e=>({...e,disabled:!j.includes(e.value)}))),g(b&&!A?[...t.sort(e=>e.selected?-1:1)]:[...t])}},[c]),o.useEffect(()=>{if(C){const t=[...C];a(b&&!A?[...t.sort(r=>r.selected?-1:1)]:[...t])}},[C]);const P=t=>{const r=[];return t.forEach(e=>{if(e.options){const s=e.options.filter(n=>n.selected===!0);r.push({...e,options:[...s]})}else e.selected&&r.push({...e})}),r},L=t=>{let r=0;return t.forEach(e=>{e.options?r+=e.options.filter(s=>s.selected===!0).length:e.selected&&r++}),r},D=t=>!b||!i&&i!==0?!1:L(t)>=i,R=o.useCallback(async t=>{const r=I.current;if(!t||!r)return;const e=[];v.iterateOnOptionsRaw(E.current,s=>{s.selected&&!e.includes(s.value)&&e.push(s.value)});try{const s=await r(t);if(m(void 0),s){const n=s.map(f=>{if(f.options){const d=f;return{...d,options:d.options.map(u=>({...u,selected:e.includes(u.value)}))}}return{...f,selected:e.includes(f.value)}});g([...n])}else g([])}catch(s){g([]),m(s instanceof Error?s.message:"Something went wrong while fetching the list. Please try again")}},[]),F=o.useMemo(()=>U(R,300),[R]);o.useEffect(()=>()=>F?.cancel(),[F]);function k(t){if(M(t),g([]),m(void 0),!t){F?.cancel();return}F(t)}function z(){l&&(m(void 0),R(l))}function q(t,r){if(!b)y?.(t);else{if(t.selected&&i&&D(c))return;if(p.length&&l&&w)if(t.selected){if(i&&D(c))return;let e=!1;const s=v.iterateOnOptions(c,{selected:t.selected},n=>n.value===t.value?(e=!0,!0):!1);if(e||s.push(t),r)return[...s];a([...s]),h==="2.0"&&O(s)}else{let e=!1,s=v.iterateOnOptions(c,{selected:t.selected},n=>n.value===t.value?(e=!0,!0):!1);if(e&&(s=s.filter(n=>n.value!==t.value)),r)return[...s];a([...s]),h==="2.0"&&O(s)}else{const e=v.iterateOnOptions(c,{selected:t.selected},s=>s.value===t.value);if(r)return[...e];a([...e]),h==="2.0"&&O(e)}}}function B(t){let r=[...c];p.forEach(e=>{r=r.map(s=>{const n=e;return typeof n.value<"u"&&n.value===s.value?{...s,selected:!1}:s})}),a([...r]),h==="2.0"&&O(r)}function G(t){let r=[...c];if(i&&i>0){const e=L(r),s=i-e;if(s<=0)return;let n=0;p.forEach(f=>{if(n>=s)return;let d=!1;r=r.map(u=>{const H=f;return u.selected||u.disabled?u:typeof H.value<"u"&&H.value===u.value?(d=!0,n++,{...u,selected:!0}):u}),!d&&n<s&&(f.disabled||(r.push({...f,selected:!0}),n++))}),a([...r]),h==="2.0"&&O(r)}}function J(t){if(p.length&&l&&w)t==="selectAll"?G():B();else if(t==="selectAll")if(i&&i>0){const r=L(c),e=i-r;if(e<=0)return;let s=0;const n=c.map(f=>{if(f.options){const d=f;return{...d,options:d.options.map(u=>u.disabled||u.selected||l&&!u.label?.toLowerCase().includes(l.toLowerCase())?u:s<e?(s++,{...u,selected:!0}):u)}}else{const d=f;return d.disabled||d.selected||l&&!d.label?.toLowerCase().includes(l.toLowerCase())?f:s<e?(s++,{...f,selected:!0}):f}});a([...n]),h==="2.0"&&O(n)}else{const r=v.iterateOnOptions(c,{selected:!0},e=>l?e.label?.toLowerCase().includes(l.toLowerCase())&&!e.disabled:!e.disabled);a([...r]),h==="2.0"&&O(r)}else if(t==="notSelected"){const r=v.iterateOnOptions(c,{selected:!1},e=>!e.disabled);a([...r]),h==="2.0"&&O(r)}}function N(){const t=v.iterateOnOptions(c,{selected:!1});a([...t]),h==="2.0"&&O(t)}function Q(t){if(!b){q({label:l,value:l,isFreeForm:!0,selected:!0});return}const r=c.map(e=>e.options?e:{...e,selected:e.label===l&&e.value===l?t:e.selected});t&&(r.some(e=>e.label===l&&e.value===l)||r.unshift({label:l,value:l,isFreeForm:!0,selected:!0})),a([...r]),h==="2.0"&&O(r)}function O(t){const r=P(t??E.current);y?.([...r])}return{latestDropdownOptionsRef:E,dropdownOptions:c,search:k,searchedString:l,searchedOptions:p,searchError:W,retrySearch:z,onApplyHandler:q,selectAllHandler:J,onMultiSelectClear:N,onFreeFormSelect:Q,onMultiSelectApply:O,getSelectedOptions:P,getCurrentSelectionCount:L,isMaxSelectionsReached:D,maxSelections:i}};exports.useDropdown=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("lodash/debounce"),O=require("react"),v=require("../OpenedDropdown/utils/iterationOnOptions.js"),U=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},V=U(Q),X=(a="1.0",C,R,A,g,w,j,H=[],i)=>{const[c,d]=O.useState(C??[]),[h,b]=O.useState([]),[l,T]=O.useState(""),[M,m]=O.useState(void 0),E=O.useRef(c),I=O.useRef(w);O.useEffect(()=>{I.current=w},[w]),O.useEffect(()=>{if(E.current=c,h.length&&l&&w){let t=[...h];const r=c.map(e=>{if(e.options)return e.options.map(n=>({value:n.value,selected:n.selected}));const s=e;return{value:s.value,selected:s.selected}}).flat();t=t.map(e=>{const s=r.find(n=>e.value===n.value);return s?{...e,selected:s.selected}:e}),j&&(t=t.map(e=>({...e,disabled:!H.includes(e.value)}))),b(g&&!A?[...t.sort(e=>e.selected?-1:1)]:[...t])}},[c]),O.useEffect(()=>{if(C){const t=[...C];d(g&&!A?[...t.sort(r=>r.selected?-1:1)]:[...t])}},[C]);const P=t=>{const r=[];return t.forEach(e=>{if(e.options){const s=e.options.filter(n=>n.selected===!0);r.push({...e,options:[...s]})}else e.selected&&r.push({...e})}),r},L=t=>{let r=0;return t.forEach(e=>{e.options?r+=e.options.filter(s=>s.selected===!0).length:e.selected&&r++}),r},D=t=>!g||!i&&i!==0?!1:L(t)>=i,y=O.useCallback(async t=>{const r=I.current;if(!t||!r)return;const e=[];v.iterateOnOptionsRaw(E.current,s=>{s.selected&&!e.includes(s.value)&&e.push(s.value)});try{const s=await r(t);if(m(void 0),s){const n=s.map(f=>{if(f.options){const o=f;return{...o,options:o.options.map(u=>({...u,selected:e.includes(u.value)}))}}return{...f,selected:e.includes(f.value)}});b([...n])}else b([])}catch(s){b([]),m(s instanceof Error?s.message:"Something went wrong while fetching the list. Please try again")}},[]),F=O.useMemo(()=>V.default(y,300),[y]);O.useEffect(()=>()=>F?.cancel(),[F]);function W(t){if(T(t),b([]),m(void 0),!t){F?.cancel();return}F(t)}function k(){l&&(m(void 0),y(l))}function q(t,r){if(!g)R?.(t);else{if(t.selected&&i&&D(c))return;if(h.length&&l&&w)if(t.selected){if(i&&D(c))return;let e=!1;const s=v.iterateOnOptions(c,{selected:t.selected},n=>n.value===t.value?(e=!0,!0):!1);if(e||s.push(t),r)return[...s];d([...s]),a==="2.0"&&p(s)}else{let e=!1,s=v.iterateOnOptions(c,{selected:t.selected},n=>n.value===t.value?(e=!0,!0):!1);if(e&&(s=s.filter(n=>n.value!==t.value)),r)return[...s];d([...s]),a==="2.0"&&p(s)}else{const e=v.iterateOnOptions(c,{selected:t.selected},s=>s.value===t.value);if(r)return[...e];d([...e]),a==="2.0"&&p(e)}}}function z(t){let r=[...c];h.forEach(e=>{r=r.map(s=>{const n=e;return typeof n.value<"u"&&n.value===s.value?{...s,selected:!1}:s})}),d([...r]),a==="2.0"&&p(r)}function B(t){let r=[...c];if(i&&i>0){const e=L(r),s=i-e;if(s<=0)return;let n=0;h.forEach(f=>{if(n>=s)return;let o=!1;r=r.map(u=>{const _=f;return u.selected||u.disabled?u:typeof _.value<"u"&&_.value===u.value?(o=!0,n++,{...u,selected:!0}):u}),!o&&n<s&&(f.disabled||(r.push({...f,selected:!0}),n++))}),d([...r]),a==="2.0"&&p(r)}}function G(t){if(h.length&&l&&w)t==="selectAll"?B():z();else if(t==="selectAll")if(i&&i>0){const r=L(c),e=i-r;if(e<=0)return;let s=0;const n=c.map(f=>{if(f.options){const o=f;return{...o,options:o.options.map(u=>u.disabled||u.selected||l&&!u.label?.toLowerCase().includes(l.toLowerCase())?u:s<e?(s++,{...u,selected:!0}):u)}}else{const o=f;return o.disabled||o.selected||l&&!o.label?.toLowerCase().includes(l.toLowerCase())?f:s<e?(s++,{...f,selected:!0}):f}});d([...n]),a==="2.0"&&p(n)}else{const r=v.iterateOnOptions(c,{selected:!0},e=>l?e.label?.toLowerCase().includes(l.toLowerCase())&&!e.disabled:!e.disabled);d([...r]),a==="2.0"&&p(r)}else if(t==="notSelected"){const r=v.iterateOnOptions(c,{selected:!1},e=>!e.disabled);d([...r]),a==="2.0"&&p(r)}}function J(){const t=v.iterateOnOptions(c,{selected:!1});d([...t]),a==="2.0"&&p(t)}function N(t){if(!g){q({label:l,value:l,isFreeForm:!0,selected:!0});return}const r=c.map(e=>e.options?e:{...e,selected:e.label===l&&e.value===l?t:e.selected});t&&(r.some(e=>e.label===l&&e.value===l)||r.unshift({label:l,value:l,isFreeForm:!0,selected:!0})),d([...r]),a==="2.0"&&p(r)}function p(t){const r=P(t??E.current);R?.([...r])}return{latestDropdownOptionsRef:E,dropdownOptions:c,search:W,searchedString:l,searchedOptions:h,searchError:M,retrySearch:k,onApplyHandler:q,selectAllHandler:G,onMultiSelectClear:J,onFreeFormSelect:N,onMultiSelectApply:p,getSelectedOptions:P,getCurrentSelectionCount:L,isMaxSelectionsReached:D,maxSelections:i}};exports.useDropdown=X;
 //# sourceMappingURL=useDropdown.js.map

package/dist/cjs/components/dropdown/hooks/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/dropdown/hooks/useDropdown.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';\nimport {\n\titerateOnOptions,\n\titerateOnOptionsRaw,\n} from '../OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, GroupedOption, SingleOption } from '../type';\n\nexport const useDropdown = (\n\tversion = '1.0',\n\toptions: DropdownOption[],\n\tonSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined,\n\tskipSorting?: boolean,\n\tisMultiSelect?: boolean,\n\tonSearch?: (searchKey: string) => Promise<DropdownOption[]>,\n\tdisableOtherSearchedOption?: boolean,\n\tdisableSearchedOptionExcept: string[] = [],\n\tmaxSelections?: number,\n) => {\n\tconst [dropdownOptions, setDropdownOptions] = useState(options ?? []);\n\tconst [searchedOptions, setSearchedOptions] = useState<DropdownOption[]>([]);\n\tconst [searchedString, setSearchedString] = useState('');\n\tconst [searchError, setSearchError] = useState<string | undefined>(undefined);\n\tconst latestDropdownOptionsRef = useRef(dropdownOptions);\n\t/** Store latest onSearch so performSearch/debouncedSearch stay stable when parent re-renders with new callback reference. */\n\tconst onSearchRef = useRef(onSearch);\n\n\tuseEffect(() => {\n\t\tonSearchRef.current = onSearch;\n\t}, [onSearch]);\n\n\tuseEffect(() => {\n\t\tlatestDropdownOptionsRef.current = dropdownOptions;\n\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tlet searchedOptionsClone = [...searchedOptions] as SingleOption[];\n\t\t\tconst dropdownOptionFlat = dropdownOptions\n\t\t\t\t.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\treturn (option as GroupedOption).options.map((op) => ({\n\t\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t\t}));\n\t\t\t\t\t}\n\t\t\t\t\tconst op = option as SingleOption;\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t\t.flat();\n\n\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\tconst selectedDropdownOption = dropdownOptionFlat.find(\n\t\t\t\t\t(dropdownOption) => {\n\t\t\t\t\t\tif (option.value === dropdownOption.value) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t},\n\t\t\t\t);\n\n\t\t\t\tif (selectedDropdownOption) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedDropdownOption.selected,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn option;\n\t\t\t});\n\n\t\t\t// disable other options except selected in searched options\n\t\t\tif (disableOtherSearchedOption) {\n\t\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tdisabled: !disableSearchedOptionExcept.includes(option.value),\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetSearchedOptions([\n\t\t\t\t\t...searchedOptionsClone.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([...searchedOptionsClone]);\n\t\t\t}\n\t\t}\n\t}, [dropdownOptions]);\n\n\tuseEffect(() => {\n\t\tif (options) {\n\t\t\tconst writeOptions = [...options];\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetDropdownOptions([\n\t\t\t\t\t...writeOptions.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetDropdownOptions([...writeOptions]);\n\t\t\t}\n\t\t}\n\t}, [options]);\n\n\tconst getSelectedOptions = (data: DropdownOption[]) => {\n\t\tconst selectedOptions: DropdownOption[] = [];\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tconst groupedOptions = (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t);\n\t\t\t\tselectedOptions.push({\n\t\t\t\t\t...option,\n\t\t\t\t\toptions: [...groupedOptions],\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tselectedOptions.push({ ...option });\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn selectedOptions;\n\t};\n\n\t// Count current selections for max selection limit\n\tconst getCurrentSelectionCount = (data: DropdownOption[]) => {\n\t\tlet count = 0;\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tcount += (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t).length;\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tcount++;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn count;\n\t};\n\n\t// Check if max selections limit is reached\n\tconst isMaxSelectionsReached = (data: DropdownOption[]) => {\n\t\tif (!isMultiSelect || (!maxSelections && maxSelections !== 0)) return false;\n\t\treturn getCurrentSelectionCount(data) >= maxSelections;\n\t};\n\n\t/** Reads onSearch from ref so it stays stable ([] deps). No-ops when onSearchRef.current is undefined. */\n\tconst performSearch = useCallback(async (searchKey: string) => {\n\t\tconst onSearchFn = onSearchRef.current;\n\t\tif (!searchKey || !onSearchFn) return;\n\n\t\tconst selectedIds: (string | number)[] = [];\n\t\titerateOnOptionsRaw(latestDropdownOptionsRef.current, (option) => {\n\t\t\tif (option.selected && !selectedIds.includes(option.value)) {\n\t\t\t\tselectedIds.push(option.value);\n\t\t\t}\n\t\t});\n\n\t\ttry {\n\t\t\tconst response = await onSearchFn(searchKey);\n\t\t\tsetSearchError(undefined);\n\t\t\tif (response) {\n\t\t\t\tconst updatedResponseData = response.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => ({\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\tselected: selectedIds.includes(op.value),\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedIds.includes((option as SingleOption).value),\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tsetSearchedOptions([...updatedResponseData]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([]);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tsetSearchedOptions([]);\n\t\t\tsetSearchError(\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\t}, []);\n\n\t/** Independent of onSearch so debounce is stable when callers pass inline functions. Pending searches are preserved across parent re-renders. performSearch no-ops when onSearchRef.current is undefined. */\n\tconst debouncedSearch = useMemo(\n\t\t() => debounce(performSearch, 300),\n\t\t[performSearch],\n\t);\n\n\tuseEffect(() => () => debouncedSearch?.cancel(), [debouncedSearch]);\n\n\tfunction search(searchKey: string) {\n\t\tsetSearchedString(searchKey);\n\t\tsetSearchedOptions([]);\n\t\tsetSearchError(undefined);\n\n\t\tif (!searchKey) {\n\t\t\tdebouncedSearch?.cancel();\n\t\t\treturn;\n\t\t}\n\n\t\tdebouncedSearch(searchKey);\n\t}\n\n\tfunction retrySearch() {\n\t\tif (searchedString) {\n\t\t\tsetSearchError(undefined);\n\t\t\tperformSearch(searchedString);\n\t\t}\n\t}\n\n\t/**\n\t * wrapper to prepare option for onSelect\n\t * for single select, this will call the onClose handler ,\n\t * for multiselect, it will do state update for options list\n\t * \t\tto make any option select,\n\t * \t\t\t\tonApplyHandler({ label, value: selected: true })\n\t *    to deselect any option\n\t * \t\t\t\tonApplyHandler({ label, value: selected: false })\n\t * @param optionSelect\n\t */\n\tfunction onApplyHandler(optionSelect: SingleOption, returnOnly?: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonSelect?.(optionSelect);\n\t\t} else {\n\t\t\t// Check if trying to select and max selections is reached\n\t\t\tif (\n\t\t\t\toptionSelect.selected &&\n\t\t\t\tmaxSelections &&\n\t\t\t\tisMaxSelectionsReached(dropdownOptions)\n\t\t\t) {\n\t\t\t\t// Max selections reached, don't allow new selections\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\t\t/** Search mode */\n\t\t\t\t/**\n\t\t\t\t * on selected, push it to dropdown options,\n\t\t\t\t * on un-select, remove from dropdown option\n\t\t\t\t */\n\n\t\t\t\tif (optionSelect.selected) {\n\t\t\t\t\t// Check max selections for search mode too\n\t\t\t\t\tif (maxSelections && isMaxSelectionsReached(dropdownOptions)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t/** check if already there or not,\n\t\t\t\t\t * if yes, just update\n\t\t\t\t\t * else ,\n\t\t\t\t\t * \tappend\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList.push(optionSelect);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t/** un-select,\n\t\t\t\t\t * if already present in initial data,\n\t\t\t\t\t * yes, just update\n\t\t\t\t\t * else,\n\t\t\t\t\t * \tremove\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tlet currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList = currList.filter((option) => {\n\t\t\t\t\t\t\tif (option.value === optionSelect.value) {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t(optionForValidation: SingleOption) =>\n\t\t\t\t\t\toptionForValidation.value === optionSelect.value,\n\t\t\t\t);\n\n\t\t\t\tif (returnOnly) {\n\t\t\t\t\treturn [...currList];\n\t\t\t\t}\n\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllForSearch(select: boolean) {\n\t\t// const allSearchedValues = searchedOptions.map(option => option.value);\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select) {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found) {\n\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t}\n\t}\n\n\tfunction selectAllForSearchWithLimit(select: boolean) {\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select && maxSelections && maxSelections > 0) {\n\t\t\tconst currentCount = getCurrentSelectionCount(clonedDropdownOptions);\n\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t// Already at max, don't select any more\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet selectedCount = 0;\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tif (selectedCount >= remainingSlots) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t// Skip if already selected\n\t\t\t\t\tif ((dOption as SingleOption).selected) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\t\t\t\t\t// Skip if disabled\n\t\t\t\t\tif ((dOption as SingleOption).disabled) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found && selectedCount < remainingSlots) {\n\t\t\t\t\tconst newOption = option as SingleOption;\n\t\t\t\t\tif (!newOption.disabled) {\n\t\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\t\tif (version === '2.0') {\n\t\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllHandler(newState: SelectAllCheckboxState) {\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tselectAllForSearchWithLimit(true);\n\t\t\t} else {\n\t\t\t\tselectAllForSearch(false);\n\t\t\t}\n\t\t} else {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tif (maxSelections && maxSelections > 0) {\n\t\t\t\t\t// Only select up to maxSelections limit\n\t\t\t\t\tconst currentCount = getCurrentSelectionCount(dropdownOptions);\n\t\t\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t\t\t// Already at max, don't select any more\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet selectedCount = 0;\n\t\t\t\t\tconst newOptions = dropdownOptions.map((option) => {\n\t\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\t\t// Handle grouped options\n\t\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => {\n\t\t\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\t\t\tif (op.disabled) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\t\t\tif (op.selected) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t\t\t!op.label\n\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\t\t\treturn { ...op, selected: true };\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\tif (singleOption.disabled) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\tif (singleOption.selected) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t!singleOption.label\n\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\treturn { ...option, selected: true };\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// No max selection limit, select all\n\t\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: true },\n\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\tsearchedString\n\t\t\t\t\t\t\t\t? option.label\n\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase()) && !option.disabled\n\t\t\t\t\t\t\t\t: !option.disabled,\n\t\t\t\t\t);\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (newState === 'notSelected') {\n\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: false },\n\t\t\t\t\t(option) => !option.disabled,\n\t\t\t\t);\n\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction onMultiSelectClear() {\n\t\tconst newOptions = iterateOnOptions(dropdownOptions, { selected: false });\n\t\tsetDropdownOptions([...newOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(newOptions);\n\t\t}\n\t}\n\n\tfunction onFreeFormSelect(selected: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonApplyHandler({\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t\tisFreeForm: true,\n\t\t\t\tselected: true,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst updatedList = dropdownOptions.map((option) =>\n\t\t\t(option as GroupedOption).options\n\t\t\t\t? option\n\t\t\t\t: {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t/** free form check */\n\t\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t\t(option as SingleOption).value === searchedString\n\t\t\t\t\t\t\t\t? /** to mark as selected or not */\n\t\t\t\t\t\t\t\t  selected\n\t\t\t\t\t\t\t\t: (option as SingleOption).selected,\n\t\t\t\t  },\n\t\t);\n\n\t\tif (selected) {\n\t\t\tif (\n\t\t\t\t!updatedList.some(\n\t\t\t\t\t(option) =>\n\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t(option as SingleOption).value === searchedString,\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedList.unshift({\n\t\t\t\t\tlabel: searchedString,\n\t\t\t\t\tvalue: searchedString,\n\t\t\t\t\tisFreeForm: true,\n\t\t\t\t\tselected: true,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tsetDropdownOptions([...updatedList]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(updatedList);\n\t\t}\n\t}\n\n\t/**\n\t * This is called when appy button is called,\n\t * here iterate and pick all options where selected if true.\n\t */\n\tfunction onMultiSelectApply(options?: DropdownOption[]) {\n\t\tconst optionsToSend: DropdownOption[] = getSelectedOptions(\n\t\t\toptions ?? latestDropdownOptionsRef.current,\n\t\t);\n\n\t\tonSelect?.([...optionsToSend]);\n\t}\n\n\treturn {\n\t\tlatestDropdownOptionsRef,\n\t\tdropdownOptions,\n\t\tsearch,\n\t\tsearchedString,\n\t\tsearchedOptions,\n\t\tsearchError,\n\t\tretrySearch,\n\t\tonApplyHandler,\n\t\tselectAllHandler,\n\t\tonMultiSelectClear,\n\t\tonFreeFormSelect,\n\t\tonMultiSelectApply,\n\t\tgetSelectedOptions,\n\t\tgetCurrentSelectionCount,\n\t\tisMaxSelectionsReached,\n\t\tmaxSelections,\n\t};\n};\n"],"names":["useDropdown","version","options","onSelect","skipSorting","isMultiSelect","onSearch","disableOtherSearchedOption","disableSearchedOptionExcept","maxSelections","dropdownOptions","setDropdownOptions","useState","searchedOptions","setSearchedOptions","searchedString","setSearchedString","searchError","setSearchError","latestDropdownOptionsRef","useRef","onSearchRef","useEffect","searchedOptionsClone","dropdownOptionFlat","option","op","selectedDropdownOption","dropdownOption","writeOptions","getSelectedOptions","data","selectedOptions","groupedOptions","getCurrentSelectionCount","count","isMaxSelectionsReached","performSearch","useCallback","searchKey","onSearchFn","selectedIds","iterateOnOptionsRaw","response","updatedResponseData","groupedOption","error","debouncedSearch","useMemo","debounce","search","retrySearch","onApplyHandler","optionSelect","returnOnly","alreadyPresentInInitialOptions","currList","iterateOnOptions","optionForValidation","onMultiSelectApply","selectAllForSearch","select","clonedDropdownOptions","dOption","singleOption","selectAllForSearchWithLimit","currentCount","remainingSlots","selectedCount","found","selectAllHandler","newState","newOptions","onMultiSelectClear","onFreeFormSelect","selected","updatedList","optionsToSend"],"mappings":"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"}
+{"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/dropdown/hooks/useDropdown.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';\nimport {\n\titerateOnOptions,\n\titerateOnOptionsRaw,\n} from '../OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, GroupedOption, SingleOption } from '../type';\n\nexport const useDropdown = (\n\tversion = '1.0',\n\toptions: DropdownOption[],\n\tonSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined,\n\tskipSorting?: boolean,\n\tisMultiSelect?: boolean,\n\tonSearch?: (searchKey: string) => Promise<DropdownOption[]>,\n\tdisableOtherSearchedOption?: boolean,\n\tdisableSearchedOptionExcept: string[] = [],\n\tmaxSelections?: number,\n) => {\n\tconst [dropdownOptions, setDropdownOptions] = useState(options ?? []);\n\tconst [searchedOptions, setSearchedOptions] = useState<DropdownOption[]>([]);\n\tconst [searchedString, setSearchedString] = useState('');\n\tconst [searchError, setSearchError] = useState<string | undefined>(undefined);\n\tconst latestDropdownOptionsRef = useRef(dropdownOptions);\n\t/** Store latest onSearch so performSearch/debouncedSearch stay stable when parent re-renders with new callback reference. */\n\tconst onSearchRef = useRef(onSearch);\n\n\tuseEffect(() => {\n\t\tonSearchRef.current = onSearch;\n\t}, [onSearch]);\n\n\tuseEffect(() => {\n\t\tlatestDropdownOptionsRef.current = dropdownOptions;\n\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tlet searchedOptionsClone = [...searchedOptions] as SingleOption[];\n\t\t\tconst dropdownOptionFlat = dropdownOptions\n\t\t\t\t.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\treturn (option as GroupedOption).options.map((op) => ({\n\t\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t\t}));\n\t\t\t\t\t}\n\t\t\t\t\tconst op = option as SingleOption;\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t\t.flat();\n\n\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\tconst selectedDropdownOption = dropdownOptionFlat.find(\n\t\t\t\t\t(dropdownOption) => {\n\t\t\t\t\t\tif (option.value === dropdownOption.value) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t},\n\t\t\t\t);\n\n\t\t\t\tif (selectedDropdownOption) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedDropdownOption.selected,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn option;\n\t\t\t});\n\n\t\t\t// disable other options except selected in searched options\n\t\t\tif (disableOtherSearchedOption) {\n\t\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tdisabled: !disableSearchedOptionExcept.includes(option.value),\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetSearchedOptions([\n\t\t\t\t\t...searchedOptionsClone.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([...searchedOptionsClone]);\n\t\t\t}\n\t\t}\n\t}, [dropdownOptions]);\n\n\tuseEffect(() => {\n\t\tif (options) {\n\t\t\tconst writeOptions = [...options];\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetDropdownOptions([\n\t\t\t\t\t...writeOptions.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetDropdownOptions([...writeOptions]);\n\t\t\t}\n\t\t}\n\t}, [options]);\n\n\tconst getSelectedOptions = (data: DropdownOption[]) => {\n\t\tconst selectedOptions: DropdownOption[] = [];\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tconst groupedOptions = (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t);\n\t\t\t\tselectedOptions.push({\n\t\t\t\t\t...option,\n\t\t\t\t\toptions: [...groupedOptions],\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tselectedOptions.push({ ...option });\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn selectedOptions;\n\t};\n\n\t// Count current selections for max selection limit\n\tconst getCurrentSelectionCount = (data: DropdownOption[]) => {\n\t\tlet count = 0;\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tcount += (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t).length;\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tcount++;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn count;\n\t};\n\n\t// Check if max selections limit is reached\n\tconst isMaxSelectionsReached = (data: DropdownOption[]) => {\n\t\tif (!isMultiSelect || (!maxSelections && maxSelections !== 0)) return false;\n\t\treturn getCurrentSelectionCount(data) >= maxSelections;\n\t};\n\n\t/** Reads onSearch from ref so it stays stable ([] deps). No-ops when onSearchRef.current is undefined. */\n\tconst performSearch = useCallback(async (searchKey: string) => {\n\t\tconst onSearchFn = onSearchRef.current;\n\t\tif (!searchKey || !onSearchFn) return;\n\n\t\tconst selectedIds: (string | number)[] = [];\n\t\titerateOnOptionsRaw(latestDropdownOptionsRef.current, (option) => {\n\t\t\tif (option.selected && !selectedIds.includes(option.value)) {\n\t\t\t\tselectedIds.push(option.value);\n\t\t\t}\n\t\t});\n\n\t\ttry {\n\t\t\tconst response = await onSearchFn(searchKey);\n\t\t\tsetSearchError(undefined);\n\t\t\tif (response) {\n\t\t\t\tconst updatedResponseData = response.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => ({\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\tselected: selectedIds.includes(op.value),\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedIds.includes((option as SingleOption).value),\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tsetSearchedOptions([...updatedResponseData]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([]);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tsetSearchedOptions([]);\n\t\t\tsetSearchError(\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\t}, []);\n\n\t/** Independent of onSearch so debounce is stable when callers pass inline functions. Pending searches are preserved across parent re-renders. performSearch no-ops when onSearchRef.current is undefined. */\n\tconst debouncedSearch = useMemo(\n\t\t() => debounce(performSearch, 300),\n\t\t[performSearch],\n\t);\n\n\tuseEffect(() => () => debouncedSearch?.cancel(), [debouncedSearch]);\n\n\tfunction search(searchKey: string) {\n\t\tsetSearchedString(searchKey);\n\t\tsetSearchedOptions([]);\n\t\tsetSearchError(undefined);\n\n\t\tif (!searchKey) {\n\t\t\tdebouncedSearch?.cancel();\n\t\t\treturn;\n\t\t}\n\n\t\tdebouncedSearch(searchKey);\n\t}\n\n\tfunction retrySearch() {\n\t\tif (searchedString) {\n\t\t\tsetSearchError(undefined);\n\t\t\tperformSearch(searchedString);\n\t\t}\n\t}\n\n\t/**\n\t * wrapper to prepare option for onSelect\n\t * for single select, this will call the onClose handler ,\n\t * for multiselect, it will do state update for options list\n\t * \t\tto make any option select,\n\t * \t\t\t\tonApplyHandler({ label, value: selected: true })\n\t *    to deselect any option\n\t * \t\t\t\tonApplyHandler({ label, value: selected: false })\n\t * @param optionSelect\n\t */\n\tfunction onApplyHandler(optionSelect: SingleOption, returnOnly?: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonSelect?.(optionSelect);\n\t\t} else {\n\t\t\t// Check if trying to select and max selections is reached\n\t\t\tif (\n\t\t\t\toptionSelect.selected &&\n\t\t\t\tmaxSelections &&\n\t\t\t\tisMaxSelectionsReached(dropdownOptions)\n\t\t\t) {\n\t\t\t\t// Max selections reached, don't allow new selections\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\t\t/** Search mode */\n\t\t\t\t/**\n\t\t\t\t * on selected, push it to dropdown options,\n\t\t\t\t * on un-select, remove from dropdown option\n\t\t\t\t */\n\n\t\t\t\tif (optionSelect.selected) {\n\t\t\t\t\t// Check max selections for search mode too\n\t\t\t\t\tif (maxSelections && isMaxSelectionsReached(dropdownOptions)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t/** check if already there or not,\n\t\t\t\t\t * if yes, just update\n\t\t\t\t\t * else ,\n\t\t\t\t\t * \tappend\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList.push(optionSelect);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t/** un-select,\n\t\t\t\t\t * if already present in initial data,\n\t\t\t\t\t * yes, just update\n\t\t\t\t\t * else,\n\t\t\t\t\t * \tremove\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tlet currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList = currList.filter((option) => {\n\t\t\t\t\t\t\tif (option.value === optionSelect.value) {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t(optionForValidation: SingleOption) =>\n\t\t\t\t\t\toptionForValidation.value === optionSelect.value,\n\t\t\t\t);\n\n\t\t\t\tif (returnOnly) {\n\t\t\t\t\treturn [...currList];\n\t\t\t\t}\n\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllForSearch(select: boolean) {\n\t\t// const allSearchedValues = searchedOptions.map(option => option.value);\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select) {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found) {\n\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t}\n\t}\n\n\tfunction selectAllForSearchWithLimit(select: boolean) {\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select && maxSelections && maxSelections > 0) {\n\t\t\tconst currentCount = getCurrentSelectionCount(clonedDropdownOptions);\n\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t// Already at max, don't select any more\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet selectedCount = 0;\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tif (selectedCount >= remainingSlots) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t// Skip if already selected\n\t\t\t\t\tif ((dOption as SingleOption).selected) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\t\t\t\t\t// Skip if disabled\n\t\t\t\t\tif ((dOption as SingleOption).disabled) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found && selectedCount < remainingSlots) {\n\t\t\t\t\tconst newOption = option as SingleOption;\n\t\t\t\t\tif (!newOption.disabled) {\n\t\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\t\tif (version === '2.0') {\n\t\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllHandler(newState: SelectAllCheckboxState) {\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tselectAllForSearchWithLimit(true);\n\t\t\t} else {\n\t\t\t\tselectAllForSearch(false);\n\t\t\t}\n\t\t} else {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tif (maxSelections && maxSelections > 0) {\n\t\t\t\t\t// Only select up to maxSelections limit\n\t\t\t\t\tconst currentCount = getCurrentSelectionCount(dropdownOptions);\n\t\t\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t\t\t// Already at max, don't select any more\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet selectedCount = 0;\n\t\t\t\t\tconst newOptions = dropdownOptions.map((option) => {\n\t\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\t\t// Handle grouped options\n\t\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => {\n\t\t\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\t\t\tif (op.disabled) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\t\t\tif (op.selected) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t\t\t!op.label\n\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\t\t\treturn { ...op, selected: true };\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\tif (singleOption.disabled) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\tif (singleOption.selected) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t!singleOption.label\n\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\treturn { ...option, selected: true };\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// No max selection limit, select all\n\t\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: true },\n\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\tsearchedString\n\t\t\t\t\t\t\t\t? option.label\n\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase()) && !option.disabled\n\t\t\t\t\t\t\t\t: !option.disabled,\n\t\t\t\t\t);\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (newState === 'notSelected') {\n\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: false },\n\t\t\t\t\t(option) => !option.disabled,\n\t\t\t\t);\n\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction onMultiSelectClear() {\n\t\tconst newOptions = iterateOnOptions(dropdownOptions, { selected: false });\n\t\tsetDropdownOptions([...newOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(newOptions);\n\t\t}\n\t}\n\n\tfunction onFreeFormSelect(selected: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonApplyHandler({\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t\tisFreeForm: true,\n\t\t\t\tselected: true,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst updatedList = dropdownOptions.map((option) =>\n\t\t\t(option as GroupedOption).options\n\t\t\t\t? option\n\t\t\t\t: {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t/** free form check */\n\t\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t\t(option as SingleOption).value === searchedString\n\t\t\t\t\t\t\t\t? /** to mark as selected or not */\n\t\t\t\t\t\t\t\t  selected\n\t\t\t\t\t\t\t\t: (option as SingleOption).selected,\n\t\t\t\t  },\n\t\t);\n\n\t\tif (selected) {\n\t\t\tif (\n\t\t\t\t!updatedList.some(\n\t\t\t\t\t(option) =>\n\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t(option as SingleOption).value === searchedString,\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedList.unshift({\n\t\t\t\t\tlabel: searchedString,\n\t\t\t\t\tvalue: searchedString,\n\t\t\t\t\tisFreeForm: true,\n\t\t\t\t\tselected: true,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tsetDropdownOptions([...updatedList]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(updatedList);\n\t\t}\n\t}\n\n\t/**\n\t * This is called when appy button is called,\n\t * here iterate and pick all options where selected if true.\n\t */\n\tfunction onMultiSelectApply(options?: DropdownOption[]) {\n\t\tconst optionsToSend: DropdownOption[] = getSelectedOptions(\n\t\t\toptions ?? latestDropdownOptionsRef.current,\n\t\t);\n\n\t\tonSelect?.([...optionsToSend]);\n\t}\n\n\treturn {\n\t\tlatestDropdownOptionsRef,\n\t\tdropdownOptions,\n\t\tsearch,\n\t\tsearchedString,\n\t\tsearchedOptions,\n\t\tsearchError,\n\t\tretrySearch,\n\t\tonApplyHandler,\n\t\tselectAllHandler,\n\t\tonMultiSelectClear,\n\t\tonFreeFormSelect,\n\t\tonMultiSelectApply,\n\t\tgetSelectedOptions,\n\t\tgetCurrentSelectionCount,\n\t\tisMaxSelectionsReached,\n\t\tmaxSelections,\n\t};\n};\n"],"names":["useDropdown","version","options","onSelect","skipSorting","isMultiSelect","onSearch","disableOtherSearchedOption","disableSearchedOptionExcept","maxSelections","dropdownOptions","setDropdownOptions","useState","searchedOptions","setSearchedOptions","searchedString","setSearchedString","searchError","setSearchError","latestDropdownOptionsRef","useRef","onSearchRef","useEffect","searchedOptionsClone","dropdownOptionFlat","option","op","selectedDropdownOption","dropdownOption","writeOptions","getSelectedOptions","data","selectedOptions","groupedOptions","getCurrentSelectionCount","count","isMaxSelectionsReached","performSearch","useCallback","searchKey","onSearchFn","selectedIds","iterateOnOptionsRaw","response","updatedResponseData","groupedOption","error","debouncedSearch","useMemo","debounce","search","retrySearch","onApplyHandler","optionSelect","returnOnly","alreadyPresentInInitialOptions","currList","iterateOnOptions","optionForValidation","onMultiSelectApply","selectAllForSearch","select","clonedDropdownOptions","dOption","singleOption","selectAllForSearchWithLimit","currentCount","remainingSlots","selectedCount","found","selectAllHandler","newState","newOptions","onMultiSelectClear","onFreeFormSelect","selected","updatedList","optionsToSend"],"mappings":"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"}

package/dist/cjs/components/dropdown-button/DropdownButton.style.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),n=(e,i)=>i?t.COLORS.content.inactive:e==="primary"?"#CDA2FC":t.COLORS.content.primaryInverse,o=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("../../constants/Theme.js"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=r(o),d=(t,i)=>i?e.COLORS.content.inactive:t==="primary"?"#CDA2FC":e.COLORS.content.primaryInverse,a=n.default.div`
 	display: flex;
 	flex-direction: row;
 	width: max-content;
 	position: relative;
 	align-items: stretch;
 	.dd-button-divider {
-		width: ${e=>["primary","destructive"].includes(e.type)?"1px":"0px"};
-		background-color: ${e=>n(e.type,e?.disabled)};
+		width: ${t=>["primary","destructive"].includes(t.type)?"1px":"0px"};
+		background-color: ${t=>d(t.type,t?.disabled)};
 	}
-`,d=r.div`
+`,l=n.default.div`
 	position: absolute;
 	inset: 0;
 	display: flex;
@@ -17,7 +17,7 @@
 	justify-content: center;
 	width: 100%;
 	border-radius: 4px;
-	background: ${t.BASE_COLORS.brand[50]};
+	background: ${e.BASE_COLORS.brand[50]};
 	z-index: 3;
-`;exports.DropdownButtonStyle=o;exports.LoaderContainer=d;
+`;exports.DropdownButtonStyle=a;exports.LoaderContainer=l;
 //# sourceMappingURL=DropdownButton.style.js.map

package/dist/cjs/components/dropdown-button/DropdownButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.style.js","sources":["../../../../src/components/dropdown-button/DropdownButton.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '../../constants/Theme';\nimport { Type } from '../button/model';\n\nconst getColor = (type: Type | undefined, disabled: boolean | undefined) => {\n\tif (disabled) return COLORS.content.inactive;\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn '#CDA2FC';\n\t\tdefault:\n\t\t\treturn COLORS.content.primaryInverse;\n\t}\n};\n\nexport const DropdownButtonStyle = styled.div<{\n\ttype: Type | undefined;\n\tdisabled: boolean | undefined;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: max-content;\n\tposition: relative;\n\talign-items: stretch;\n\t.dd-button-divider {\n\t\twidth: ${(props) =>\n\t\t\t['primary', 'destructive'].includes(props.type!) ? '1px' : '0px'};\n\t\tbackground-color: ${(props) => getColor(props.type, props?.disabled)};\n\t}\n`;\n\nexport const LoaderContainer = styled.div`\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100%;\n\tborder-radius: 4px;\n\tbackground: ${BASE_COLORS.brand['50']};\n\tz-index: 3;\n`;\n"],"names":["getColor","type","disabled","COLORS","DropdownButtonStyle","styled","props","LoaderContainer","BASE_COLORS"],"mappings":"2JAIMA,EAAW,CAACC,EAAwBC,IACrCA,EAAiBC,SAAO,QAAQ,SAC5BF,IACF,UACG,UAEAE,EAAAA,OAAO,QAAQ,eAIZC,EAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAU9BC,GACT,CAAC,UAAW,aAAa,EAAE,SAASA,EAAM,IAAK,EAAI,MAAQ,KAAK;AAAA,sBAC5CA,GAAUN,EAASM,EAAM,KAAMA,GAAO,QAAQ,CAAC;AAAA;AAAA,EAIzDC,EAAkBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASvBG,EAAAA,YAAY,MAAM,EAAI,CAAC;AAAA;AAAA"}
+{"version":3,"file":"DropdownButton.style.js","sources":["../../../../src/components/dropdown-button/DropdownButton.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '../../constants/Theme';\nimport { Type } from '../button/model';\n\nconst getColor = (type: Type | undefined, disabled: boolean | undefined) => {\n\tif (disabled) return COLORS.content.inactive;\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn '#CDA2FC';\n\t\tdefault:\n\t\t\treturn COLORS.content.primaryInverse;\n\t}\n};\n\nexport const DropdownButtonStyle = styled.div<{\n\ttype: Type | undefined;\n\tdisabled: boolean | undefined;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: max-content;\n\tposition: relative;\n\talign-items: stretch;\n\t.dd-button-divider {\n\t\twidth: ${(props) =>\n\t\t\t['primary', 'destructive'].includes(props.type!) ? '1px' : '0px'};\n\t\tbackground-color: ${(props) => getColor(props.type, props?.disabled)};\n\t}\n`;\n\nexport const LoaderContainer = styled.div`\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100%;\n\tborder-radius: 4px;\n\tbackground: ${BASE_COLORS.brand['50']};\n\tz-index: 3;\n`;\n"],"names":["getColor","type","disabled","COLORS","DropdownButtonStyle","styled","props","LoaderContainer","BASE_COLORS"],"mappings":"0NAIMA,EAAW,CAACC,EAAwBC,IACrCA,EAAiBC,SAAO,QAAQ,SAC5BF,IACF,UACG,UAEAE,EAAAA,OAAO,QAAQ,eAIZC,EAAsBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAU9BC,GACT,CAAC,UAAW,aAAa,EAAE,SAASA,EAAM,IAAK,EAAI,MAAQ,KAAK;AAAA,sBAC5CA,GAAUN,EAASM,EAAM,KAAMA,GAAO,QAAQ,CAAC;AAAA;AAAA,EAIzDC,EAAkBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASvBG,EAAAA,YAAY,MAAM,EAAI,CAAC;AAAA;AAAA"}