@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/DropdownPopover/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\tallowEvents?: boolean;\n\t'data-test'?: string;\n\tisChildLoading?: boolean;\n\t/**\n\t * If true, forces the dropdown to remain open regardless of user interaction or internal state.\n\t * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.\n\t * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.\n\t */\n\tforceOpen?: boolean;\n};\n\nexport const DropdownPopover = 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\tisChildLoading,\n\t\t\tforceOpen,\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 (version === '2.0' && 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\tallowEvents={openDropdownProps.allowEvents}\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\tisChildLoading={isChildLoading}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{openDropdownProps.allowEvents ? children : null}\n\t\t\t\t\t\t</OverLapAbs>\n\t\t\t\t\t\t{openDropdownProps.allowEvents ? null : children}\n\t\t\t\t\t</div>\n\t\t\t\t\t{(openDropdown || forceOpen) && (\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={{\n\t\t\t\t\t\t\t\t...styles['popper'],\n\t\t\t\t\t\t\t\tzIndex: openDropdownProps.dropdownZIndex ?? 3,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t\t\t\tdata-test={openDropdownProps['data-test']}\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\tzeroState={openDropdownProps?.zeroState}\n\t\t\t\t\t\t\t\t\tisDraggable={openDropdownProps.isDraggable}\n\t\t\t\t\t\t\t\t\tonOptionsReorder={openDropdownProps.onOptionsReorder}\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 && !forceOpen && 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 data-test={openDropdownProps['data-test']}>\n\t\t\t\t\t\t\t{dropDownComponent()}\n\t\t\t\t\t\t</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\nDropdownPopover.displayName = 'DropdownPopover';\n"],"names":["DropdownPopover","React","children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen","openDropdownProps","unTypedRef","ref","openDropdown","setDropdownVisibility","useState","referenceElement","setReferenceElement","popperElement","setPopperElement","headerRef","useRef","styles","attributes","usePopper","onCloseHandle","data","useImperativeHandle","useEffect","dropDownComponent","jsxDEV","Fragment","OverLapAbs","e","this","OpenDropdownContainer","DropShadow","OpenedDropdown","options","Tooltip"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/DropdownPopover/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\tallowEvents?: boolean;\n\t'data-test'?: string;\n\tisChildLoading?: boolean;\n\t/**\n\t * If true, forces the dropdown to remain open regardless of user interaction or internal state.\n\t * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.\n\t * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.\n\t */\n\tforceOpen?: boolean;\n};\n\nexport const DropdownPopover = 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\tisChildLoading,\n\t\t\tforceOpen,\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 (version === '2.0' && 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\tallowEvents={openDropdownProps.allowEvents}\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\tisChildLoading={isChildLoading}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{openDropdownProps.allowEvents ? children : null}\n\t\t\t\t\t\t</OverLapAbs>\n\t\t\t\t\t\t{openDropdownProps.allowEvents ? null : children}\n\t\t\t\t\t</div>\n\t\t\t\t\t{(openDropdown || forceOpen) && (\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={{\n\t\t\t\t\t\t\t\t...styles['popper'],\n\t\t\t\t\t\t\t\tzIndex: openDropdownProps.dropdownZIndex ?? 3,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t\t\t\tdata-test={openDropdownProps['data-test']}\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\tzeroState={openDropdownProps?.zeroState}\n\t\t\t\t\t\t\t\t\tisDraggable={openDropdownProps.isDraggable}\n\t\t\t\t\t\t\t\t\tonOptionsReorder={openDropdownProps.onOptionsReorder}\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 && !forceOpen && 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 data-test={openDropdownProps['data-test']}>\n\t\t\t\t\t\t\t{dropDownComponent()}\n\t\t\t\t\t\t</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\nDropdownPopover.displayName = 'DropdownPopover';\n"],"names":["DropdownPopover","React","children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen","openDropdownProps","unTypedRef","ref","openDropdown","setDropdownVisibility","useState","referenceElement","setReferenceElement","popperElement","setPopperElement","headerRef","useRef","styles","attributes","usePopper","onCloseHandle","data","useImperativeHandle","useEffect","dropDownComponent","jsxDEV","Fragment","OverLapAbs","e","this","OpenDropdownContainer","DropShadow","OpenedDropdown","options","Tooltip"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),t=require("../../../assets/icons/horizontal_dots.svg.js"),i=require("../../../assets/icons/vertical_dots.svg.js"),s=require("styled-components"),o=require("../../../constants/Theme.js"),d=require("../DropdownPopover/index.js"),u=require("../../icon-button/IconButton.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=a(s),m=l.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),i=require("../../../assets/icons/vertical_dots.svg.js"),s=require("styled-components"),o=require("../../../constants/Theme.js"),u=require("../DropdownPopover/index.js"),d=require("../../icon-button/IconButton.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=a(s),l=c.default.div`
 	:hover {
 		background: ${o.COLORS.surface.subdued};
 	}
@@ -17,5 +17,5 @@
 		justify-content: center;
 		align-items: center;
 	}
-`,r=e=>n.jsxDEV(m,{isNewTag:e.isNewTag,children:n.jsxDEV(d.DropdownPopover,{...e,children:[n.jsxDEV("div",{children:n.jsxDEV(u.IconButton,{Icon:e.isHorizontal?t.default:i.default,bordered:!e?.hideBorder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:43,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:42,columnNumber:5},void 0),e.isNewTag?n.jsxDEV("div",{className:"new--tag"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:48,columnNumber:23},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:41,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:40,columnNumber:3},void 0);r.displayName="MenuItemDropdown";exports.MenuItemDropdown=r;
+`,t=e=>n.jsxDEV(l,{isNewTag:e.isNewTag,children:n.jsxDEV(u.DropdownPopover,{...e,children:[n.jsxDEV("div",{children:n.jsxDEV(d.IconButton,{Icon:e.isHorizontal?r.default:i.default,bordered:!e?.hideBorder},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:43,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:42,columnNumber:5},void 0),e.isNewTag?n.jsxDEV("div",{className:"new--tag"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:48,columnNumber:23},void 0):null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:41,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MenuItem/MenuItem.tsx",lineNumber:40,columnNumber:3},void 0);t.displayName="MenuItemDropdown";exports.MenuItemDropdown=t;
 //# sourceMappingURL=MenuItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/dropdown/MenuItem/MenuItem.tsx"],"sourcesContent":["import HorizontalMoreIcon from '@src/assets/icons/horizontal_dots.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '@src/components/icon-button';\nimport { COLORS } from '../../../constants/Theme';\nimport { DropdownPopover } from '../DropdownPopover';\nimport { OpenDropdownProps } from '../type';\n\nexport type MenuItemDropdownProps = OpenDropdownProps & {\n\tisHorizontal: boolean;\n\tchildren?: React.ReactNode;\n\thideBorder?: boolean;\n\tisNewTag?: boolean;\n};\n\nconst MenuItemDropdownStyle = styled.div<{ isNewTag?: boolean }>`\n\t:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n\tposition: ${(props) => (props.isNewTag ? 'relative' : '')};\n\t.new--tag {\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -5px;\n\t\tborder-radius: 50%;\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tbackground: ${COLORS.background.negative.vibrant};\n\t\tborder: 1.25px solid ${COLORS.surface.standard};\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n`;\n\nexport const MenuItemDropdown: React.FC<MenuItemDropdownProps> = (props) => {\n\treturn (\n\t\t<MenuItemDropdownStyle isNewTag={props.isNewTag}>\n\t\t\t<DropdownPopover {...props}>\n\t\t\t\t<div>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={props.isHorizontal ? HorizontalMoreIcon : MoreIcon}\n\t\t\t\t\t\tbordered={!props?.hideBorder}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{props.isNewTag ? <div className=\"new--tag\"></div> : null}\n\t\t\t</DropdownPopover>\n\t\t</MenuItemDropdownStyle>\n\t);\n};\n\nMenuItemDropdown.displayName = 'MenuItemDropdown';\n"],"names":["MenuItemDropdownStyle","styled","COLORS","props","MenuItemDropdown","jsxDEV","DropdownPopover","IconButton","HorizontalMoreIcon","MoreIcon","this"],"mappings":"wcAgBMA,EAAwBC,EAAAA,QAAO;AAAA;AAAA,gBAErBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,aAExBC,GAAWA,EAAM,SAAW,WAAa,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1CD,SAAO,WAAW,SAAS,OAAO;AAAA,yBACzBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnCE,EAAqDD,GAEhEE,SAACL,GAAsB,SAAUG,EAAM,SACtC,SAAAE,EAAAA,OAACC,EAAAA,gBAAA,CAAiB,GAAGH,EACpB,SAAA,CAAAE,SAAC,MAAA,CACA,SAAAA,EAAAA,OAACE,EAAAA,WAAA,CACA,KAAMJ,EAAM,aAAeK,EAAAA,QAAqBC,EAAAA,QAChD,SAAU,CAACN,GAAO,UAAA,EAFnB,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACCP,EAAM,SAAWE,EAAAA,OAAC,MAAA,CAAI,UAAU,UAAA,EAAf,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,EAAA,EAAAK,MAA0B,EAAS,IAAA,CAAA,EAPtD,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,EAIFN,EAAiB,YAAc"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/dropdown/MenuItem/MenuItem.tsx"],"sourcesContent":["import HorizontalMoreIcon from '@src/assets/icons/horizontal_dots.svg';\nimport MoreIcon from '@src/assets/icons/vertical_dots.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { IconButton } from '@src/components/icon-button';\nimport { COLORS } from '../../../constants/Theme';\nimport { DropdownPopover } from '../DropdownPopover';\nimport { OpenDropdownProps } from '../type';\n\nexport type MenuItemDropdownProps = OpenDropdownProps & {\n\tisHorizontal: boolean;\n\tchildren?: React.ReactNode;\n\thideBorder?: boolean;\n\tisNewTag?: boolean;\n};\n\nconst MenuItemDropdownStyle = styled.div<{ isNewTag?: boolean }>`\n\t:hover {\n\t\tbackground: ${COLORS.surface.subdued};\n\t}\n\tposition: ${(props) => (props.isNewTag ? 'relative' : '')};\n\t.new--tag {\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -5px;\n\t\tborder-radius: 50%;\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tbackground: ${COLORS.background.negative.vibrant};\n\t\tborder: 1.25px solid ${COLORS.surface.standard};\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n`;\n\nexport const MenuItemDropdown: React.FC<MenuItemDropdownProps> = (props) => {\n\treturn (\n\t\t<MenuItemDropdownStyle isNewTag={props.isNewTag}>\n\t\t\t<DropdownPopover {...props}>\n\t\t\t\t<div>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={props.isHorizontal ? HorizontalMoreIcon : MoreIcon}\n\t\t\t\t\t\tbordered={!props?.hideBorder}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{props.isNewTag ? <div className=\"new--tag\"></div> : null}\n\t\t\t</DropdownPopover>\n\t\t</MenuItemDropdownStyle>\n\t);\n};\n\nMenuItemDropdown.displayName = 'MenuItemDropdown';\n"],"names":["MenuItemDropdownStyle","styled","COLORS","props","MenuItemDropdown","jsxDEV","DropdownPopover","IconButton","HorizontalMoreIcon","MoreIcon","this"],"mappings":"wcAgBMA,EAAwBC,EAAAA,QAAO;AAAA;AAAA,gBAErBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,aAExBC,GAAWA,EAAM,SAAW,WAAa,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1CD,SAAO,WAAW,SAAS,OAAO;AAAA,yBACzBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnCE,EAAqDD,GAEhEE,SAACL,GAAsB,SAAUG,EAAM,SACtC,SAAAE,EAAAA,OAACC,EAAAA,gBAAA,CAAiB,GAAGH,EACpB,SAAA,CAAAE,SAAC,MAAA,CACA,SAAAA,EAAAA,OAACE,EAAAA,WAAA,CACA,KAAMJ,EAAM,aAAeK,EAAAA,QAAqBC,EAAAA,QAChD,SAAU,CAACN,GAAO,UAAA,EAFnB,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACCP,EAAM,SAAWE,EAAAA,OAAC,MAAA,CAAI,UAAU,UAAA,EAAf,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,EAAA,EAAAK,MAA0B,EAAS,IAAA,CAAA,EAPtD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,EAIFN,EAAiB,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),r=require("react"),S=require("react-popper"),m=require("../Common.styled.js"),h=require("../../tooltips/Tooltip.js"),k=require("../../dropShadow/DropShadow.js"),V=require("../OpenedDropdown/components/OpennedDropdown.js"),U=l=>l&&typeof l=="object"&&"default"in l?l:{default:l},R=U(r),p=R.default.forwardRef(({children:l,onDropdownVisbilityChange:f,version:d="1.0",tooltipContent:a,tooltipDirection:b,showTooltipArrow:v,...e},w)=>{const s=w,[n,t]=r.useState(!1),[D,y]=r.useState(null),[x,N]=r.useState(null),u=r.useRef(null),{styles:E,attributes:M}=S.usePopper(D,x,{placement:e.placement,strategy:e.strategy}),j=i=>{e.isMultiSelect&&i&&e.onSelect?.([...i]),t(!1),e?.onClose?.()};r.useImperativeHandle(s,()=>({openDropdown:n}),[]),r.useEffect(()=>{s?.current&&(s.current.openDropdown=n)},[n]),r.useEffect(()=>{f?.(n)},[n]);const c=()=>o.jsxDEV(o.Fragment,{children:[o.jsxDEV("div",{style:{position:"relative"},ref:y,children:[o.jsxDEV(m.OverLapAbs,{ref:u,disabled:e.disabled,onClick:i=>{e.onDropdownOpen?.(),n?(t(!1),i.preventDefault()):e.disabled||t(!0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:90,columnNumber:7},void 0),l]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:85,columnNumber:6},void 0),n&&o.jsxDEV(m.OpenDropdownContainer,{ref:N,style:{...E.popper,zIndex:3},...M.popper,children:o.jsxDEV(k.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:o.jsxDEV(V.OpenedDropdown,{...e,onSelect:i=>{d==="2.0"&&e.isMultiSelect||(e.onSelect?.(i),t(!1))},onClose:j,version:d,headerRef:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:118,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:113,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:107,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:84,columnNumber:5},void 0);return o.jsxDEV(o.Fragment,{children:!n&&a!==void 0?o.jsxDEV(h.Tooltip,{body:a,placement:b,hideArrow:!v,children:o.jsxDEV("div",{children:c()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:147,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:142,columnNumber:6},void 0):c()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:140,columnNumber:4},void 0)});p.displayName="MultilevelDropdownPopover";exports.MultilevelDropdownPopover=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),r=require("react"),E=require("react-popper"),p=require("../Common.styled.js"),M=require("../../tooltips/Tooltip.js"),P=require("../../dropShadow/DropShadow.js"),S=require("../OpenedDropdown/components/OpennedDropdown.js"),V=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},U=V(r),m=U.default.forwardRef(({children:t,onDropdownVisbilityChange:f,version:d="1.0",tooltipContent:c,tooltipDirection:b,showTooltipArrow:v,...e},h)=>{const s=h,[n,i]=r.useState(!1),[x,N]=r.useState(null),[w,D]=r.useState(null),u=r.useRef(null),{styles:y,attributes:j}=E.usePopper(x,w,{placement:e.placement,strategy:e.strategy}),k=l=>{e.isMultiSelect&&l&&e.onSelect?.([...l]),i(!1),e?.onClose?.()};r.useImperativeHandle(s,()=>({openDropdown:n}),[]),r.useEffect(()=>{s?.current&&(s.current.openDropdown=n)},[n]),r.useEffect(()=>{f?.(n)},[n]);const a=()=>o.jsxDEV(o.Fragment,{children:[o.jsxDEV("div",{style:{position:"relative"},ref:N,children:[o.jsxDEV(p.OverLapAbs,{ref:u,disabled:e.disabled,onClick:l=>{e.onDropdownOpen?.(),n?(i(!1),l.preventDefault()):e.disabled||i(!0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:90,columnNumber:7},void 0),t]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:85,columnNumber:6},void 0),n&&o.jsxDEV(p.OpenDropdownContainer,{ref:D,style:{...y.popper,zIndex:3},...j.popper,children:o.jsxDEV(P.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:o.jsxDEV(S.OpenedDropdown,{...e,onSelect:l=>{d==="2.0"&&e.isMultiSelect||(e.onSelect?.(l),i(!1))},onClose:k,version:d,headerRef:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:118,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:113,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:107,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:84,columnNumber:5},void 0);return o.jsxDEV(o.Fragment,{children:!n&&c!==void 0?o.jsxDEV(M.Tooltip,{body:c,placement:b,hideArrow:!v,children:o.jsxDEV("div",{children:a()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:147,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:142,columnNumber:6},void 0):a()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/MultilevelDropdownPopover/index.tsx",lineNumber:140,columnNumber:4},void 0)});m.displayName="MultilevelDropdownPopover";exports.MultilevelDropdownPopover=m;
 //# sourceMappingURL=index.js.map

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","jsxDEV","Fragment","OverLapAbs","e","this","OpenDropdownContainer","DropShadow","OpenedDropdown","options","Tooltip"],"mappings":"sZA0BaA,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,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,SAAU,UAAA,EAEnB,IAAKb,EAEL,SAAA,CAAAa,EAAAA,OAACE,EAAAA,WAAA,CACA,IAAKZ,EACL,SAAUV,EAAkB,SAC5B,QAAUuB,GAAM,CACfvB,EAAkB,iBAAA,EACbG,GAGJC,EAAsB,EAAK,EAC3BmB,EAAE,eAAA,GAHGvB,EAAkB,UAAUI,EAAsB,EAAI,CAK7D,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAA,EAcC9B,CAAA,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAA8B,MAAA,EAqBCrB,GACAiB,EAAAA,OAACK,EAAAA,sBAAA,CAEA,IAAKhB,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAO,EAAAA,OAACM,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAN,EAAAA,OAACO,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,EAZD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAc,MAAA,CAaA,EAlBD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAmBA,EAzBD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CA0BA,CAAA,EAjDF,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmDA,EAIF,OACCJ,EAAAA,OAAAC,EAAAA,SAAA,CACE,SAAA,CAAClB,GAAgBN,IAAmB,OACpCuB,EAAAA,OAACS,EAAAA,QAAA,CACA,KAAMhC,EACN,UAAWC,EACX,UAAW,CAACC,EAEZ,SAAAqB,EAAAA,OAAC,MAAA,CAAK,SAAAD,GAAkB,EAAxB,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAK,MAA0B,CAAA,EAL3B,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAQAL,GAAkB,EAVpB,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAK,MAYA,CAEF,CACD,EAEAhC,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","jsxDEV","Fragment","OverLapAbs","e","this","OpenDropdownContainer","DropShadow","OpenedDropdown","options","Tooltip"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),Be=require("../../../../assets/icons/errorInfo.svg.js"),We=require("../../../../assets/icons/refresh-purple.svg.js"),r=require("react"),He=require("../../../zeroState/ZeroState.js"),Me=require("../../../../hooks/useOutside.js"),E=require("../../../../constants/Theme.js"),Ze=require("../../hooks/useDropdown.js"),Pe=require("./description/Description.js"),Ke=require("./menu/FreeFormMenu.js"),$e=require("./menu/MenuList.js"),_e=require("./menu/SelectAllMenu.js"),ze=require("./multiSelect/MultiSelectDropdownBottomBar.js"),Y=require("./OpennedDropdown.styled.js"),Ge=require("./searchbox/SearchBox.js"),Je=require("./searchbox/SearchZeroState.js"),M={height:304,width:290},Qe=({options:k,isSearchable:w,isMultiSelect:c,maxSelections:L,width:q,allowFreeForm:Z,height:ee,onClose:P,onSelect:ne,onSearch:a,version:l,skipSorting:oe,headerRef:te,hideSelectAll:re,primaryButtonText:se,onInfiniteScroll:de,onMultiSelectClear:ie,onDropdownItemClick:T,buttonOptions:ce,isSearchLoading:le,isOptionsLoading:ue,optionsErrorState:b,disableSearchOptions:ae,disableSearchedOptionExcept:pe,useDefaultCursor:fe,containerStyle:me={},zeroState:U=void 0,isDraggable:h=!1,onOptionsReorder:D,hideClearButton:we=!1,showCheckboxForCustomElement:be=!1})=>{const j=r.useCallback(e=>{if(!h||!c)return e;const n=[],o=[];return e.forEach(d=>{d.options?o.push(d):d.selected?n.push(d):o.push(d)}),[...n,...o]},[h,c]),[v,K]=r.useState(()=>j(k)),$=r.useRef(v),_=r.useRef(!1),V=r.useRef(D);r.useEffect(()=>{K(j(k))},[k,j]),r.useEffect(()=>{$.current=v},[v]),r.useEffect(()=>{V.current=D},[D]),r.useEffect(()=>()=>{_.current&&V.current&&V.current($.current)},[]);const he=r.useCallback(e=>{K(e),l==="2.0"?D?.(e):_.current=!0},[D,l]),De=h?v:k,{dropdownOptions:p,search:ye,searchedString:t,searchedOptions:y,searchError:Oe,retrySearch:xe,onApplyHandler:I,selectAllHandler:ge,onMultiSelectClear:Ne,onFreeFormSelect:Se,onMultiSelectApply:Ee,latestDropdownOptionsRef:ke,getSelectedOptions:Le,getCurrentSelectionCount:Te}=Ze.useDropdown(l,De,ne,oe||h,c,a,ae,pe,L),[ve,A]=r.useState(q??M.width),[m,F]=r.useState(null),[R,z]=r.useState(-1),O=r.useRef(null),G=r.useRef([]),B=r.useRef(null);Me.useOutside(O,()=>{if(F(null),c&&l==="2.0"){const e=Le(ke.current);P?.(e)}else P?.(p)},[te,G]),r.useEffect(()=>{const e=setTimeout(()=>{O.current&&O.current.focus({preventScroll:!0})},0);return()=>clearTimeout(e)},[]);const Re=e=>{const n=[];return e.forEach(o=>{if(o.options)o.options.forEach(s=>{s.disabled||n.push(s)});else{const d=o;d.disabled||n.push(d)}}),n};r.useEffect(()=>{const e=o=>{const s=Re(t&&a?y:p);if(s.length!==0){if(o.key==="ArrowDown")o.preventDefault(),z(u=>{const N=u<s.length-1?u+1:0;return setTimeout(()=>{const S=B.current?.querySelector(`[data-option-index="${N}"]`);S&&S.scrollIntoView({block:"nearest",behavior:"smooth"})},0),N});else if(o.key==="ArrowUp")o.preventDefault(),z(u=>{const N=u>0?u-1:s.length-1;return setTimeout(()=>{const S=B.current?.querySelector(`[data-option-index="${N}"]`);S&&S.scrollIntoView({block:"nearest",behavior:"smooth"})},0),N});else if(o.key==="Enter"&&R>=0){o.preventDefault();const u=s[R];u&&(I({...u,selected:!u.selected}),T&&T(u))}}},n=O.current;if(n)return n.addEventListener("keydown",e),()=>{n.removeEventListener("keydown",e)}},[R,t,y,p,a,I,T]);const f=ee??M.height,J=typeof f=="number"?w&&c?f-96:w&&!c||!w&&c?f-48:f:f;function Ce(e,n){F(e&&n?{title:e,description:n}:null)}r.useEffect(()=>{const e=q??M.width;if(m===null)A(e);else if(typeof e=="number")A(e*2);else if(typeof e=="string"&&e.endsWith("px")){const n=parseInt(e.replace("px",""))*2;A(n)}},[m]);const C=[],W=(e=>{if(!c||!L&&L!==0)return e;const o=Te(p)>=L;return o?e.map(d=>{if(d.options)return{...d,options:d.options.map(s=>({...s,disabled:s.disabled||!s.selected&&o}))};{const s=d;return{...s,disabled:s.disabled||!s.selected&&o}}}):e})((t&&a?y:p).map(e=>{if(t&&!a)if(e.options){const n={...e};return n.options=n.options.filter(o=>o.label?.toLowerCase().includes(t.toLowerCase())?(C.push(!t||o.label===t),!0):!1),n.options.length>0?n:null}else return e.label?.toLowerCase().includes(t.toLowerCase())||e.searchKey?.toLowerCase().includes(t.toLowerCase())?(C.push(!t||e.label===t),e):null;return e}).filter(e=>e!==null)),H=!!w&&t&&W.length===0,x=!t&&!!ue,g=!t&&!!b&&!x,qe=!t&&!W.length&&!x&&!g,Q=x||g||qe,Ue=U?.title||"No results found",je=U?.subTitle||"Please try again later or contact us at support@bik.ai if you require further assistance.",Ve=b?.title||"Failed to load options",Ie=b?.subTitle||"Something went wrong while fetching the list. Please try again",Ae={buttonText:"Try again",buttonType:"text",size:"small",buttonTextColor:E.COLORS.background.inverseLight,customIconColor:E.COLORS.background.inverseLight,LeadingIcon:We.default},X={IconHolderStyle:{background:E.COLORS.background.negative.light},Icon:i.jsxDEV(Be.default,{color:E.COLORS.content.negative,width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:459,columnNumber:4},void 0),...b};X.actionButton={...Ae,...b?.actionButton??{}};const Fe=x?void 0:g?X:U;return i.jsxDEV(Y.OpennedDropdownContainer,{version:l,ref:O,tabIndex:-1,style:{width:ve,...me,outline:"none"},children:[i.jsxDEV("div",{style:{width:m?"50%":"100%",display:"flex",flexDirection:"column",background:"white"},children:[!!w&&i.jsxDEV(Ge.SearchBox,{onSearch:ye,version:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:493,columnNumber:24},void 0),Q?i.jsxDEV("div",{style:{height:f,display:"flex",background:E.COLORS.background.base},children:i.jsxDEV(He.ZeroState,{...Fe??{},isLoading:x,title:g?Ve:Ue,subTitle:g?Ie:je},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:503,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:496,columnNumber:6},void 0):i.jsxDEV(Y.MenuListContainer,{minHeight:f,maxHeight:J,ref:B,children:[!!c&&!H&&!re&&i.jsxDEV(_e.SelectAllMenu,{version:l,options:t&&a?y:p,onSelect:ge},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:519,columnNumber:8},void 0),!Z&&H&&i.jsxDEV(Je.SearchZeroState,{isLoading:le,errorMessage:Oe,onRetry:xe,height:J,searchedString:t,containerWidth:q},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:529,columnNumber:8},void 0),Z&&(H||!!C.length&&C.every(e=>e===!1))&&i.jsxDEV(Ke.FreeFormMenu,{version:l,isMultiSelect:c,onSelect:Se,searchedString:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:542,columnNumber:9},void 0),i.jsxDEV($e.MenuList,{onInfiniteScroll:de,onDropdownItemClick:T,version:l,onSelect:I,showDescription:Ce,isMultiSelect:c,options:W,useDefaultCursor:fe,ref:G,focusedIndex:R,isDraggable:h,onOptionsReorder:he,showCheckboxForCustomElement:be},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:550,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:513,columnNumber:6},void 0),!!c&&!Q&&l!=="2.0"&&i.jsxDEV(ze.default,{onClear:()=>{Ne(),ie?.()},onApply:Ee,list:t&&a?y:p,buttonText:se,buttonOptions:ce,hideClearButton:we},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:568,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:485,columnNumber:4},void 0),!!m&&i.jsxDEV(Pe.Description,{title:m.title,description:m.description,version:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:584,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:474,columnNumber:3},void 0)};exports.OpenedDropdown=Qe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-dev-runtime"),Fe=require("../../../../assets/icons/errorInfo.svg.js"),Be=require("../../../../assets/icons/refresh-purple.svg.js"),r=require("react"),We=require("../../../zeroState/ZeroState.js"),He=require("../../../../hooks/useOutside.js"),S=require("../../../../constants/Theme.js"),Me=require("../../hooks/useDropdown.js"),Ze=require("./description/Description.js"),Ke=require("./menu/FreeFormMenu.js"),$e=require("./menu/MenuList.js"),_e=require("./menu/SelectAllMenu.js"),ze=require("./multiSelect/MultiSelectDropdownBottomBar.js"),Y=require("./OpennedDropdown.styled.js"),Ge=require("./searchbox/SearchBox.js"),Je=require("./searchbox/SearchZeroState.js"),H={height:304,width:290},Qe=({options:E,isSearchable:h,isMultiSelect:i,maxSelections:j,width:C,allowFreeForm:M,height:ee,onClose:Z,onSelect:ne,onSearch:p,version:d,skipSorting:te,headerRef:oe,hideSelectAll:re,primaryButtonText:se,onInfiniteScroll:ce,onMultiSelectClear:ue,onDropdownItemClick:L,buttonOptions:ie,isSearchLoading:de,isOptionsLoading:le,optionsErrorState:b,disableSearchOptions:pe,disableSearchedOptionExcept:ae,useDefaultCursor:fe,containerStyle:me={},zeroState:q=void 0,isDraggable:w=!1,onOptionsReorder:O,hideClearButton:he=!1,showCheckboxForCustomElement:be=!1})=>{const U=r.useCallback(e=>{if(!w||!i)return e;const n=[],t=[];return e.forEach(c=>{c.options?t.push(c):c.selected?n.push(c):t.push(c)}),[...n,...t]},[w,i]),[T,K]=r.useState(()=>U(E)),$=r.useRef(T),_=r.useRef(!1),P=r.useRef(O);r.useEffect(()=>{K(U(E))},[E,U]),r.useEffect(()=>{$.current=T},[T]),r.useEffect(()=>{P.current=O},[O]),r.useEffect(()=>()=>{_.current&&P.current&&P.current($.current)},[]);const we=r.useCallback(e=>{K(e),d==="2.0"?O?.(e):_.current=!0},[O,d]),Oe=w?T:E,{dropdownOptions:a,search:De,searchedString:o,searchedOptions:D,searchError:xe,retrySearch:ye,onApplyHandler:V,selectAllHandler:ge,onMultiSelectClear:ke,onFreeFormSelect:Ne,onMultiSelectApply:Se,latestDropdownOptionsRef:Ee,getSelectedOptions:je,getCurrentSelectionCount:Le}=Me.useDropdown(d,Oe,ne,te||w,i,p,pe,ae,j),[Te,I]=r.useState(C??H.width),[m,A]=r.useState(null),[v,z]=r.useState(-1),x=r.useRef(null),G=r.useRef([]),F=r.useRef(null);He.useOutside(x,()=>{if(A(null),i&&d==="2.0"){const e=je(Ee.current);Z?.(e)}else Z?.(a)},[oe,G]),r.useEffect(()=>{const e=setTimeout(()=>{x.current&&x.current.focus({preventScroll:!0})},0);return()=>clearTimeout(e)},[]);const ve=e=>{const n=[];return e.forEach(t=>{if(t.options)t.options.forEach(s=>{s.disabled||n.push(s)});else{const c=t;c.disabled||n.push(c)}}),n};r.useEffect(()=>{const e=t=>{const s=ve(o&&p?D:a);if(s.length!==0){if(t.key==="ArrowDown")t.preventDefault(),z(l=>{const k=l<s.length-1?l+1:0;return setTimeout(()=>{const N=F.current?.querySelector(`[data-option-index="${k}"]`);N&&N.scrollIntoView({block:"nearest",behavior:"smooth"})},0),k});else if(t.key==="ArrowUp")t.preventDefault(),z(l=>{const k=l>0?l-1:s.length-1;return setTimeout(()=>{const N=F.current?.querySelector(`[data-option-index="${k}"]`);N&&N.scrollIntoView({block:"nearest",behavior:"smooth"})},0),k});else if(t.key==="Enter"&&v>=0){t.preventDefault();const l=s[v];l&&(V({...l,selected:!l.selected}),L&&L(l))}}},n=x.current;if(n)return n.addEventListener("keydown",e),()=>{n.removeEventListener("keydown",e)}},[v,o,D,a,p,V,L]);const f=ee??H.height,J=typeof f=="number"?h&&i?f-96:h&&!i||!h&&i?f-48:f:f;function Re(e,n){A(e&&n?{title:e,description:n}:null)}r.useEffect(()=>{const e=C??H.width;if(m===null)I(e);else if(typeof e=="number")I(e*2);else if(typeof e=="string"&&e.endsWith("px")){const n=parseInt(e.replace("px",""))*2;I(n)}},[m]);const R=[],B=(e=>{if(!i||!j&&j!==0)return e;const t=Le(a)>=j;return t?e.map(c=>{if(c.options)return{...c,options:c.options.map(s=>({...s,disabled:s.disabled||!s.selected&&t}))};{const s=c;return{...s,disabled:s.disabled||!s.selected&&t}}}):e})((o&&p?D:a).map(e=>{if(o&&!p)if(e.options){const n={...e};return n.options=n.options.filter(t=>t.label?.toLowerCase().includes(o.toLowerCase())?(R.push(!o||t.label===o),!0):!1),n.options.length>0?n:null}else return e.label?.toLowerCase().includes(o.toLowerCase())||e.searchKey?.toLowerCase().includes(o.toLowerCase())?(R.push(!o||e.label===o),e):null;return e}).filter(e=>e!==null)),W=!!h&&o&&B.length===0,y=!o&&!!le,g=!o&&!!b&&!y,Ce=!o&&!B.length&&!y&&!g,Q=y||g||Ce,qe=q?.title||"No results found",Ue=q?.subTitle||"Please try again later or contact us at support@bik.ai if you require further assistance.",Pe=b?.title||"Failed to load options",Ve=b?.subTitle||"Something went wrong while fetching the list. Please try again",Ie={buttonText:"Try again",buttonType:"text",size:"small",buttonTextColor:S.COLORS.background.inverseLight,customIconColor:S.COLORS.background.inverseLight,LeadingIcon:Be.default},X={IconHolderStyle:{background:S.COLORS.background.negative.light},Icon:u.jsxDEV(Fe.default,{color:S.COLORS.content.negative,width:24,height:24},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:459,columnNumber:4},void 0),...b};X.actionButton={...Ie,...b?.actionButton??{}};const Ae=y?void 0:g?X:q;return u.jsxDEV(Y.OpennedDropdownContainer,{version:d,ref:x,tabIndex:-1,style:{width:Te,...me,outline:"none"},children:[u.jsxDEV("div",{style:{width:m?"50%":"100%",display:"flex",flexDirection:"column",background:"white"},children:[!!h&&u.jsxDEV(Ge.SearchBox,{onSearch:De,version:d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:493,columnNumber:24},void 0),Q?u.jsxDEV("div",{style:{height:f,display:"flex",background:S.COLORS.background.base},children:u.jsxDEV(We.ZeroState,{...Ae??{},isLoading:y,title:g?Pe:qe,subTitle:g?Ve:Ue},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:503,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:496,columnNumber:6},void 0):u.jsxDEV(Y.MenuListContainer,{minHeight:f,maxHeight:J,ref:F,children:[!!i&&!W&&!re&&u.jsxDEV(_e.SelectAllMenu,{version:d,options:o&&p?D:a,onSelect:ge},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:519,columnNumber:8},void 0),!M&&W&&u.jsxDEV(Je.SearchZeroState,{isLoading:de,errorMessage:xe,onRetry:ye,height:J,searchedString:o,containerWidth:C},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:529,columnNumber:8},void 0),M&&(W||!!R.length&&R.every(e=>e===!1))&&u.jsxDEV(Ke.FreeFormMenu,{version:d,isMultiSelect:i,onSelect:Ne,searchedString:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:542,columnNumber:9},void 0),u.jsxDEV($e.MenuList,{onInfiniteScroll:ce,onDropdownItemClick:L,version:d,onSelect:V,showDescription:Re,isMultiSelect:i,options:B,useDefaultCursor:fe,ref:G,focusedIndex:v,isDraggable:w,onOptionsReorder:we,showCheckboxForCustomElement:be},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:550,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:513,columnNumber:6},void 0),!!i&&!Q&&d!=="2.0"&&u.jsxDEV(ze.default,{onClear:()=>{ke(),ue?.()},onApply:Se,list:o&&p?D:a,buttonText:se,buttonOptions:ie,hideClearButton:he},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:568,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:485,columnNumber:4},void 0),!!m&&u.jsxDEV(Ze.Description,{title:m.title,description:m.description,version:d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:584,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx",lineNumber:474,columnNumber:3},void 0)};exports.OpenedDropdown=Qe;
 //# sourceMappingURL=OpennedDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpennedDropdown.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx"],"sourcesContent":["import ErrorInfoIcon from '@src/assets/icons/errorInfo.svg';\nimport RetryIcon from '@src/assets/icons/refresh-purple.svg';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport { useDropdown } from '../../hooks/useDropdown';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tMultiSelectOption,\n\tOpenDropdownProps,\n\tSingleOption,\n} from '../../type';\nimport { Description } from './description/Description';\nimport { FreeFormMenu } from './menu/FreeFormMenu';\nimport { MenuList } from './menu/MenuList';\nimport { SelectAllMenu } from './menu/SelectAllMenu';\nimport MultiSelectDropdownBottomBar from './multiSelect/MultiSelectDropdownBottomBar';\nimport {\n\tMenuListContainer,\n\tOpennedDropdownContainer,\n} from './OpennedDropdown.styled';\nimport { SearchBox } from './searchbox/SearchBox';\nimport { SearchZeroState } from './searchbox/SearchZeroState';\n\n/** CONSTANTS */\nconst defaults = {\n\theight: 304,\n\twidth: 290,\n};\n\nexport const OpenedDropdown: React.FC<OpenDropdownProps> = ({\n\toptions,\n\tisSearchable,\n\tisMultiSelect,\n\tmaxSelections,\n\twidth,\n\tallowFreeForm,\n\theight,\n\tonClose,\n\tonSelect,\n\tonSearch,\n\tversion,\n\tskipSorting,\n\theaderRef,\n\thideSelectAll,\n\tprimaryButtonText,\n\tonInfiniteScroll,\n\tonMultiSelectClear: onMultiSelectClearProp,\n\tonDropdownItemClick,\n\tbuttonOptions,\n\tisSearchLoading,\n\tisOptionsLoading,\n\toptionsErrorState,\n\tdisableSearchOptions,\n\tdisableSearchedOptionExcept,\n\tuseDefaultCursor,\n\tcontainerStyle = {},\n\tzeroState = undefined,\n\tisDraggable = false,\n\tonOptionsReorder,\n\thideClearButton = false,\n\tshowCheckboxForCustomElement = false,\n}) => {\n\t// Sort options with selected at top, unselected at bottom, maintaining order within groups\n\tconst sortOptionsWithSelectedOnTop = useCallback(\n\t\t(opts: DropdownOption[]): DropdownOption[] => {\n\t\t\tif (!isDraggable || !isMultiSelect) return opts;\n\n\t\t\tconst selected: DropdownOption[] = [];\n\t\t\tconst unselected: DropdownOption[] = [];\n\n\t\t\topts.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t// Handle grouped options - maintain grouping\n\t\t\t\t\tunselected.push(option);\n\t\t\t\t} else {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (singleOption.selected) {\n\t\t\t\t\t\tselected.push(option);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tunselected.push(option);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn [...selected, ...unselected];\n\t\t},\n\t\t[isDraggable, isMultiSelect],\n\t);\n\n\tconst [localOptions, setLocalOptions] = useState<DropdownOption[]>(() =>\n\t\tsortOptionsWithSelectedOnTop(options),\n\t);\n\tconst localOptionsRef = useRef<DropdownOption[]>(localOptions);\n\tconst hasReorderedRef = useRef(false);\n\tconst onOptionsReorderRef = useRef(onOptionsReorder);\n\n\tuseEffect(() => {\n\t\tsetLocalOptions(sortOptionsWithSelectedOnTop(options));\n\t}, [options, sortOptionsWithSelectedOnTop]);\n\n\tuseEffect(() => {\n\t\tlocalOptionsRef.current = localOptions;\n\t}, [localOptions]);\n\n\tuseEffect(() => {\n\t\tonOptionsReorderRef.current = onOptionsReorder;\n\t}, [onOptionsReorder]);\n\n\t// Fire onOptionsReorder on unmount (dropdown close from Apply or click-outside)\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (hasReorderedRef.current && onOptionsReorderRef.current) {\n\t\t\t\tonOptionsReorderRef.current(localOptionsRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\tconst handleOptionsReorder = useCallback(\n\t\t(reorderedOptions: DropdownOption[]) => {\n\t\t\tsetLocalOptions(reorderedOptions);\n\t\t\t// For version 2.0 (no Apply button), apply reorder immediately\n\t\t\tif (version === '2.0') {\n\t\t\t\tonOptionsReorder?.(reorderedOptions);\n\t\t\t} else {\n\t\t\t\t// For version 1.0, defer until Apply/close (handled by unmount cleanup)\n\t\t\t\thasReorderedRef.current = true;\n\t\t\t}\n\t\t},\n\t\t[onOptionsReorder, version],\n\t);\n\n\tconst optionsToUse = isDraggable ? localOptions : options;\n\tconst {\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\tlatestDropdownOptionsRef,\n\t\tgetSelectedOptions,\n\t\tgetCurrentSelectionCount,\n\t} = useDropdown(\n\t\tversion,\n\t\toptionsToUse,\n\t\tonSelect,\n\t\tskipSorting || isDraggable,\n\t\tisMultiSelect,\n\t\tonSearch,\n\t\tdisableSearchOptions,\n\t\tdisableSearchedOptionExcept,\n\t\tmaxSelections,\n\t);\n\tconst [widthState, setWidthState] = useState(width ?? defaults.width);\n\tconst [descriptionInfo, setDescription] = useState<{\n\t\ttitle: string;\n\t\tdescription: string;\n\t} | null>(null);\n\tconst [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst childRefs = useRef([]);\n\tconst menuListRef = useRef<HTMLDivElement>(null);\n\tuseOutside(\n\t\tref,\n\t\t() => {\n\t\t\tsetDescription(null);\n\t\t\tif (isMultiSelect && version === '2.0') {\n\t\t\t\tconst optionsToSend = getSelectedOptions(\n\t\t\t\t\tlatestDropdownOptionsRef.current,\n\t\t\t\t);\n\t\t\t\tonClose?.(optionsToSend);\n\t\t\t} else {\n\t\t\t\tonClose?.(dropdownOptions);\n\t\t\t}\n\t\t},\n\t\t[headerRef, childRefs],\n\t);\n\n\t// Auto-focus dropdown when it opens for keyboard navigation while preventing scroll to maintain popper positioning\n\tuseEffect(() => {\n\t\tconst timer = setTimeout(() => {\n\t\t\tif (ref.current) {\n\t\t\t\tref.current.focus({ preventScroll: true });\n\t\t\t}\n\t\t}, 0);\n\t\treturn () => clearTimeout(timer);\n\t}, []);\n\n\t// Get flattened selectable options\n\tconst getFlattenedOptions = (opts: DropdownOption[]): SingleOption[] => {\n\t\tconst flattened: SingleOption[] = [];\n\t\topts.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\tgroupedOption.options.forEach((nestedOption) => {\n\t\t\t\t\tif (!nestedOption.disabled) {\n\t\t\t\t\t\tflattened.push(nestedOption);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\tif (!singleOption.disabled) {\n\t\t\t\t\tflattened.push(singleOption);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn flattened;\n\t};\n\n\t/** Keyboard navigation handler */\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tconst currentOptions =\n\t\t\t\tsearchedString && onSearch ? searchedOptions : dropdownOptions;\n\t\t\tconst flattenedOptions = getFlattenedOptions(currentOptions);\n\n\t\t\tif (flattenedOptions.length === 0) return;\n\n\t\t\tif (e.key === 'ArrowDown') {\n\t\t\t\te.preventDefault();\n\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\tconst newIndex = prev < flattenedOptions.length - 1 ? prev + 1 : 0;\n\t\t\t\t\t// Scroll to the focused item\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tconst focusedElement = menuListRef.current?.querySelector(\n\t\t\t\t\t\t\t`[data-option-index=\"${newIndex}\"]`,\n\t\t\t\t\t\t) as HTMLElement;\n\t\t\t\t\t\tif (focusedElement) {\n\t\t\t\t\t\t\tfocusedElement.scrollIntoView({\n\t\t\t\t\t\t\t\tblock: 'nearest',\n\t\t\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0);\n\t\t\t\t\treturn newIndex;\n\t\t\t\t});\n\t\t\t} else if (e.key === 'ArrowUp') {\n\t\t\t\te.preventDefault();\n\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\tconst newIndex = prev > 0 ? prev - 1 : flattenedOptions.length - 1;\n\t\t\t\t\t// Scroll to the focused item\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tconst focusedElement = menuListRef.current?.querySelector(\n\t\t\t\t\t\t\t`[data-option-index=\"${newIndex}\"]`,\n\t\t\t\t\t\t) as HTMLElement;\n\t\t\t\t\t\tif (focusedElement) {\n\t\t\t\t\t\t\tfocusedElement.scrollIntoView({\n\t\t\t\t\t\t\t\tblock: 'nearest',\n\t\t\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0);\n\t\t\t\t\treturn newIndex;\n\t\t\t\t});\n\t\t\t} else if (e.key === 'Enter' && focusedIndex >= 0) {\n\t\t\t\te.preventDefault();\n\t\t\t\tconst focusedOption = flattenedOptions[focusedIndex];\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\t// onApplyHandler handles the selection state and calls onSelect internally\n\t\t\t\t\tonApplyHandler({\n\t\t\t\t\t\t...focusedOption,\n\t\t\t\t\t\tselected: !focusedOption.selected,\n\t\t\t\t\t});\n\t\t\t\t\t// Also trigger onDropdownItemClick if provided\n\t\t\t\t\tif (onDropdownItemClick) {\n\t\t\t\t\t\tonDropdownItemClick(focusedOption);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst dropdownElement = ref.current;\n\t\tif (dropdownElement) {\n\t\t\tdropdownElement.addEventListener('keydown', handleKeyDown);\n\t\t\treturn () => {\n\t\t\t\tdropdownElement.removeEventListener('keydown', handleKeyDown);\n\t\t\t};\n\t\t}\n\t}, [\n\t\tfocusedIndex,\n\t\tsearchedString,\n\t\tsearchedOptions,\n\t\tdropdownOptions,\n\t\tonSearch,\n\t\tonApplyHandler,\n\t\tonDropdownItemClick,\n\t]);\n\n\t// LOCAL CONSTANTS\n\tconst heightToUse = height ?? defaults.height;\n\tconst menuListMaxHeight =\n\t\ttypeof heightToUse === 'number'\n\t\t\t? isSearchable && isMultiSelect\n\t\t\t\t? heightToUse - 96\n\t\t\t\t: (isSearchable && !isMultiSelect) || (!isSearchable && isMultiSelect)\n\t\t\t\t? heightToUse - 48\n\t\t\t\t: heightToUse\n\t\t\t: heightToUse;\n\n\tfunction showDescription(title?: string, description?: string) {\n\t\tif (title && description) {\n\t\t\tsetDescription({\n\t\t\t\ttitle,\n\t\t\t\tdescription,\n\t\t\t});\n\t\t} else {\n\t\t\tsetDescription(null);\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst widthToUse = width ?? defaults.width;\n\t\tif (descriptionInfo === null) {\n\t\t\tsetWidthState(widthToUse);\n\t\t} else if (typeof widthToUse === 'number') {\n\t\t\tsetWidthState(widthToUse * 2);\n\t\t} else if (typeof widthToUse === 'string') {\n\t\t\tif (widthToUse.endsWith('px')) {\n\t\t\t\tconst newWidth = parseInt(widthToUse.replace('px', '')) * 2;\n\t\t\t\tsetWidthState(newWidth);\n\t\t\t}\n\t\t}\n\t}, [descriptionInfo]);\n\n\t/**\n\t * This is to show the search result in a stateless way\n\t */\n\n\tconst exactMatchFound: boolean[] = [];\n\n\tconst processOptionsWithMaxSelections = (\n\t\toptionsToProcess: DropdownOption[],\n\t) => {\n\t\tif (!isMultiSelect || (!maxSelections && maxSelections !== 0)) {\n\t\t\treturn optionsToProcess;\n\t\t}\n\n\t\t// Count from the full options list (not the filtered subset) so selections\n\t\t// hidden by a search query are still included in the limit check.\n\t\tconst currentSelectionCount = getCurrentSelectionCount(dropdownOptions);\n\t\tconst maxSelectionsReached = currentSelectionCount >= maxSelections;\n\n\t\tif (!maxSelectionsReached) {\n\t\t\treturn optionsToProcess;\n\t\t}\n\n\t\t// Disable unselected options when max selections is reached\n\t\treturn optionsToProcess.map((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\toptions: (option as GroupedOption).options.map((nestedOption) => ({\n\t\t\t\t\t\t...nestedOption,\n\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\tnestedOption.disabled ||\n\t\t\t\t\t\t\t(!nestedOption.selected && maxSelectionsReached),\n\t\t\t\t\t})),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\treturn {\n\t\t\t\t\t...singleOption,\n\t\t\t\t\tdisabled:\n\t\t\t\t\t\tsingleOption.disabled ||\n\t\t\t\t\t\t(!singleOption.selected && maxSelectionsReached),\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst optionsToShow = processOptionsWithMaxSelections(\n\t\t(searchedString && onSearch ? searchedOptions : dropdownOptions)\n\t\t\t.map((option) => {\n\t\t\t\tif (searchedString && !onSearch) {\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\tgroupedOption.options = groupedOption.options.filter((op) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\top.label?.toLowerCase().includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\texactMatchFound.push(\n\t\t\t\t\t\t\t\t\t!searchedString || op.label === searchedString,\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\treturn groupedOption.options.length > 0 ? groupedOption : null;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase()) ||\n\t\t\t\t\t\t\t(option as SingleOption | MultiSelectOption).searchKey\n\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\texactMatchFound.push(\n\t\t\t\t\t\t\t\t!searchedString || option.label === searchedString,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn option;\n\t\t\t})\n\t\t\t.filter((option) => option !== null) as DropdownOption[],\n\t);\n\n\tconst noResultForSearch =\n\t\t!!isSearchable && searchedString && optionsToShow.length === 0;\n\tconst showLoadingState = !searchedString && !!isOptionsLoading;\n\tconst showErrorState =\n\t\t!searchedString && !!optionsErrorState && !showLoadingState;\n\tconst showEmptyState =\n\t\t!searchedString &&\n\t\t!optionsToShow.length &&\n\t\t!showLoadingState &&\n\t\t!showErrorState;\n\tconst showTopLevelZeroState =\n\t\tshowLoadingState || showErrorState || showEmptyState;\n\n\tconst emptyStateTitle = zeroState?.title || 'No results found';\n\tconst emptyStateSubTitle =\n\t\tzeroState?.subTitle ||\n\t\t`Please try again later or contact us at support@bik.ai if you require further assistance.`;\n\tconst errorStateTitle = optionsErrorState?.title || 'Failed to load options';\n\tconst errorStateSubTitle =\n\t\toptionsErrorState?.subTitle ||\n\t\t'Something went wrong while fetching the list. Please try again';\n\tconst defaultErrorActionButton = {\n\t\tbuttonText: 'Try again',\n\t\tbuttonType: 'text' as const,\n\t\tsize: 'small' as const,\n\t\tbuttonTextColor: COLORS.background.inverseLight,\n\t\tcustomIconColor: COLORS.background.inverseLight,\n\t\tLeadingIcon: RetryIcon,\n\t};\n\n\tconst mergedErrorState = {\n\t\tIconHolderStyle: {\n\t\t\tbackground: COLORS.background.negative.light,\n\t\t},\n\t\tIcon: (\n\t\t\t<ErrorInfoIcon color={COLORS.content.negative} width={24} height={24} />\n\t\t),\n\t\t...optionsErrorState,\n\t};\n\tmergedErrorState.actionButton = {\n\t\t...defaultErrorActionButton,\n\t\t...(optionsErrorState?.actionButton ?? {}),\n\t};\n\tconst zeroStateProps = showLoadingState\n\t\t? undefined\n\t\t: showErrorState\n\t\t? mergedErrorState\n\t\t: zeroState;\n\n\treturn (\n\t\t<OpennedDropdownContainer\n\t\t\tversion={version}\n\t\t\tref={ref}\n\t\t\ttabIndex={-1}\n\t\t\tstyle={{\n\t\t\t\t// maxWidth: descriptionInfo ? 800 : 400,\n\t\t\t\twidth: widthState,\n\t\t\t\t...containerStyle,\n\t\t\t\toutline: 'none',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: descriptionInfo ? '50%' : '100%',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tbackground: 'white',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!!isSearchable && <SearchBox onSearch={search} version={version} />}\n\n\t\t\t\t{showTopLevelZeroState ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: heightToUse,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tbackground: COLORS.background.base,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\t{...(zeroStateProps ?? {})}\n\t\t\t\t\t\t\tisLoading={showLoadingState}\n\t\t\t\t\t\t\ttitle={showErrorState ? errorStateTitle : emptyStateTitle}\n\t\t\t\t\t\t\tsubTitle={\n\t\t\t\t\t\t\t\tshowErrorState ? errorStateSubTitle : emptyStateSubTitle\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<MenuListContainer\n\t\t\t\t\t\tminHeight={heightToUse}\n\t\t\t\t\t\tmaxHeight={menuListMaxHeight}\n\t\t\t\t\t\tref={menuListRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!isMultiSelect && !noResultForSearch && !hideSelectAll && (\n\t\t\t\t\t\t\t<SelectAllMenu\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\t\t\tsearchedString && onSearch ? searchedOptions : dropdownOptions\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSelect={selectAllHandler}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{!allowFreeForm && noResultForSearch && (\n\t\t\t\t\t\t\t<SearchZeroState\n\t\t\t\t\t\t\t\tisLoading={isSearchLoading}\n\t\t\t\t\t\t\t\terrorMessage={searchError}\n\t\t\t\t\t\t\t\tonRetry={retrySearch}\n\t\t\t\t\t\t\t\theight={menuListMaxHeight as number}\n\t\t\t\t\t\t\t\tsearchedString={searchedString}\n\t\t\t\t\t\t\t\tcontainerWidth={width}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{allowFreeForm &&\n\t\t\t\t\t\t\t(noResultForSearch ||\n\t\t\t\t\t\t\t\t(!!exactMatchFound.length &&\n\t\t\t\t\t\t\t\t\texactMatchFound.every((val) => val === false))) && (\n\t\t\t\t\t\t\t\t<FreeFormMenu\n\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\tonSelect={onFreeFormSelect}\n\t\t\t\t\t\t\t\t\tsearchedString={searchedString}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<MenuList\n\t\t\t\t\t\t\tonInfiniteScroll={onInfiniteScroll}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\tonSelect={onApplyHandler}\n\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\toptions={optionsToShow}\n\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\tref={childRefs}\n\t\t\t\t\t\t\tfocusedIndex={focusedIndex}\n\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\tonOptionsReorder={handleOptionsReorder}\n\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuListContainer>\n\t\t\t\t)}\n\t\t\t\t{!!isMultiSelect && !showTopLevelZeroState && version !== '2.0' && (\n\t\t\t\t\t<MultiSelectDropdownBottomBar\n\t\t\t\t\t\tonClear={() => {\n\t\t\t\t\t\t\tonMultiSelectClear();\n\t\t\t\t\t\t\tonMultiSelectClearProp?.();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonApply={onMultiSelectApply}\n\t\t\t\t\t\tlist={\n\t\t\t\t\t\t\tsearchedString && onSearch ? searchedOptions : dropdownOptions\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbuttonText={primaryButtonText}\n\t\t\t\t\t\tbuttonOptions={buttonOptions}\n\t\t\t\t\t\thideClearButton={hideClearButton}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!descriptionInfo && (\n\t\t\t\t<Description\n\t\t\t\t\ttitle={descriptionInfo.title}\n\t\t\t\t\tdescription={descriptionInfo.description}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</OpennedDropdownContainer>\n\t);\n};\n"],"names":["defaults","OpenedDropdown","options","isSearchable","isMultiSelect","maxSelections","width","allowFreeForm","height","onClose","onSelect","onSearch","version","skipSorting","headerRef","hideSelectAll","primaryButtonText","onInfiniteScroll","onMultiSelectClearProp","onDropdownItemClick","buttonOptions","isSearchLoading","isOptionsLoading","optionsErrorState","disableSearchOptions","disableSearchedOptionExcept","useDefaultCursor","containerStyle","zeroState","isDraggable","onOptionsReorder","hideClearButton","showCheckboxForCustomElement","sortOptionsWithSelectedOnTop","useCallback","opts","selected","unselected","option","localOptions","setLocalOptions","useState","localOptionsRef","useRef","hasReorderedRef","onOptionsReorderRef","useEffect","handleOptionsReorder","reorderedOptions","optionsToUse","dropdownOptions","search","searchedString","searchedOptions","searchError","retrySearch","onApplyHandler","selectAllHandler","onMultiSelectClear","onFreeFormSelect","onMultiSelectApply","latestDropdownOptionsRef","getSelectedOptions","getCurrentSelectionCount","useDropdown","widthState","setWidthState","descriptionInfo","setDescription","focusedIndex","setFocusedIndex","ref","childRefs","menuListRef","useOutside","optionsToSend","timer","getFlattenedOptions","flattened","nestedOption","singleOption","handleKeyDown","e","flattenedOptions","prev","newIndex","focusedElement","focusedOption","dropdownElement","heightToUse","menuListMaxHeight","showDescription","title","description","widthToUse","newWidth","exactMatchFound","optionsToShow","optionsToProcess","maxSelectionsReached","groupedOption","op","noResultForSearch","showLoadingState","showErrorState","showEmptyState","showTopLevelZeroState","emptyStateTitle","emptyStateSubTitle","errorStateTitle","errorStateSubTitle","defaultErrorActionButton","COLORS","RetryIcon","mergedErrorState","jsxDEV","ErrorInfoIcon","this","zeroStateProps","OpennedDropdownContainer","SearchBox","ZeroState","MenuListContainer","SelectAllMenu","SearchZeroState","val","FreeFormMenu","MenuList","MultiSelectDropdownBottomBar","Description"],"mappings":"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"}
+{"version":3,"file":"OpennedDropdown.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/components/OpennedDropdown.tsx"],"sourcesContent":["import ErrorInfoIcon from '@src/assets/icons/errorInfo.svg';\nimport RetryIcon from '@src/assets/icons/refresh-purple.svg';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { useOutside } from '@src/hooks/useOutside';\nimport { COLORS } from '@src/constants/Theme';\nimport { useDropdown } from '../../hooks/useDropdown';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tMultiSelectOption,\n\tOpenDropdownProps,\n\tSingleOption,\n} from '../../type';\nimport { Description } from './description/Description';\nimport { FreeFormMenu } from './menu/FreeFormMenu';\nimport { MenuList } from './menu/MenuList';\nimport { SelectAllMenu } from './menu/SelectAllMenu';\nimport MultiSelectDropdownBottomBar from './multiSelect/MultiSelectDropdownBottomBar';\nimport {\n\tMenuListContainer,\n\tOpennedDropdownContainer,\n} from './OpennedDropdown.styled';\nimport { SearchBox } from './searchbox/SearchBox';\nimport { SearchZeroState } from './searchbox/SearchZeroState';\n\n/** CONSTANTS */\nconst defaults = {\n\theight: 304,\n\twidth: 290,\n};\n\nexport const OpenedDropdown: React.FC<OpenDropdownProps> = ({\n\toptions,\n\tisSearchable,\n\tisMultiSelect,\n\tmaxSelections,\n\twidth,\n\tallowFreeForm,\n\theight,\n\tonClose,\n\tonSelect,\n\tonSearch,\n\tversion,\n\tskipSorting,\n\theaderRef,\n\thideSelectAll,\n\tprimaryButtonText,\n\tonInfiniteScroll,\n\tonMultiSelectClear: onMultiSelectClearProp,\n\tonDropdownItemClick,\n\tbuttonOptions,\n\tisSearchLoading,\n\tisOptionsLoading,\n\toptionsErrorState,\n\tdisableSearchOptions,\n\tdisableSearchedOptionExcept,\n\tuseDefaultCursor,\n\tcontainerStyle = {},\n\tzeroState = undefined,\n\tisDraggable = false,\n\tonOptionsReorder,\n\thideClearButton = false,\n\tshowCheckboxForCustomElement = false,\n}) => {\n\t// Sort options with selected at top, unselected at bottom, maintaining order within groups\n\tconst sortOptionsWithSelectedOnTop = useCallback(\n\t\t(opts: DropdownOption[]): DropdownOption[] => {\n\t\t\tif (!isDraggable || !isMultiSelect) return opts;\n\n\t\t\tconst selected: DropdownOption[] = [];\n\t\t\tconst unselected: DropdownOption[] = [];\n\n\t\t\topts.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t// Handle grouped options - maintain grouping\n\t\t\t\t\tunselected.push(option);\n\t\t\t\t} else {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (singleOption.selected) {\n\t\t\t\t\t\tselected.push(option);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tunselected.push(option);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn [...selected, ...unselected];\n\t\t},\n\t\t[isDraggable, isMultiSelect],\n\t);\n\n\tconst [localOptions, setLocalOptions] = useState<DropdownOption[]>(() =>\n\t\tsortOptionsWithSelectedOnTop(options),\n\t);\n\tconst localOptionsRef = useRef<DropdownOption[]>(localOptions);\n\tconst hasReorderedRef = useRef(false);\n\tconst onOptionsReorderRef = useRef(onOptionsReorder);\n\n\tuseEffect(() => {\n\t\tsetLocalOptions(sortOptionsWithSelectedOnTop(options));\n\t}, [options, sortOptionsWithSelectedOnTop]);\n\n\tuseEffect(() => {\n\t\tlocalOptionsRef.current = localOptions;\n\t}, [localOptions]);\n\n\tuseEffect(() => {\n\t\tonOptionsReorderRef.current = onOptionsReorder;\n\t}, [onOptionsReorder]);\n\n\t// Fire onOptionsReorder on unmount (dropdown close from Apply or click-outside)\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (hasReorderedRef.current && onOptionsReorderRef.current) {\n\t\t\t\tonOptionsReorderRef.current(localOptionsRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\tconst handleOptionsReorder = useCallback(\n\t\t(reorderedOptions: DropdownOption[]) => {\n\t\t\tsetLocalOptions(reorderedOptions);\n\t\t\t// For version 2.0 (no Apply button), apply reorder immediately\n\t\t\tif (version === '2.0') {\n\t\t\t\tonOptionsReorder?.(reorderedOptions);\n\t\t\t} else {\n\t\t\t\t// For version 1.0, defer until Apply/close (handled by unmount cleanup)\n\t\t\t\thasReorderedRef.current = true;\n\t\t\t}\n\t\t},\n\t\t[onOptionsReorder, version],\n\t);\n\n\tconst optionsToUse = isDraggable ? localOptions : options;\n\tconst {\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\tlatestDropdownOptionsRef,\n\t\tgetSelectedOptions,\n\t\tgetCurrentSelectionCount,\n\t} = useDropdown(\n\t\tversion,\n\t\toptionsToUse,\n\t\tonSelect,\n\t\tskipSorting || isDraggable,\n\t\tisMultiSelect,\n\t\tonSearch,\n\t\tdisableSearchOptions,\n\t\tdisableSearchedOptionExcept,\n\t\tmaxSelections,\n\t);\n\tconst [widthState, setWidthState] = useState(width ?? defaults.width);\n\tconst [descriptionInfo, setDescription] = useState<{\n\t\ttitle: string;\n\t\tdescription: string;\n\t} | null>(null);\n\tconst [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst childRefs = useRef([]);\n\tconst menuListRef = useRef<HTMLDivElement>(null);\n\tuseOutside(\n\t\tref,\n\t\t() => {\n\t\t\tsetDescription(null);\n\t\t\tif (isMultiSelect && version === '2.0') {\n\t\t\t\tconst optionsToSend = getSelectedOptions(\n\t\t\t\t\tlatestDropdownOptionsRef.current,\n\t\t\t\t);\n\t\t\t\tonClose?.(optionsToSend);\n\t\t\t} else {\n\t\t\t\tonClose?.(dropdownOptions);\n\t\t\t}\n\t\t},\n\t\t[headerRef, childRefs],\n\t);\n\n\t// Auto-focus dropdown when it opens for keyboard navigation while preventing scroll to maintain popper positioning\n\tuseEffect(() => {\n\t\tconst timer = setTimeout(() => {\n\t\t\tif (ref.current) {\n\t\t\t\tref.current.focus({ preventScroll: true });\n\t\t\t}\n\t\t}, 0);\n\t\treturn () => clearTimeout(timer);\n\t}, []);\n\n\t// Get flattened selectable options\n\tconst getFlattenedOptions = (opts: DropdownOption[]): SingleOption[] => {\n\t\tconst flattened: SingleOption[] = [];\n\t\topts.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\tgroupedOption.options.forEach((nestedOption) => {\n\t\t\t\t\tif (!nestedOption.disabled) {\n\t\t\t\t\t\tflattened.push(nestedOption);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\tif (!singleOption.disabled) {\n\t\t\t\t\tflattened.push(singleOption);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn flattened;\n\t};\n\n\t/** Keyboard navigation handler */\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\tconst currentOptions =\n\t\t\t\tsearchedString && onSearch ? searchedOptions : dropdownOptions;\n\t\t\tconst flattenedOptions = getFlattenedOptions(currentOptions);\n\n\t\t\tif (flattenedOptions.length === 0) return;\n\n\t\t\tif (e.key === 'ArrowDown') {\n\t\t\t\te.preventDefault();\n\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\tconst newIndex = prev < flattenedOptions.length - 1 ? prev + 1 : 0;\n\t\t\t\t\t// Scroll to the focused item\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tconst focusedElement = menuListRef.current?.querySelector(\n\t\t\t\t\t\t\t`[data-option-index=\"${newIndex}\"]`,\n\t\t\t\t\t\t) as HTMLElement;\n\t\t\t\t\t\tif (focusedElement) {\n\t\t\t\t\t\t\tfocusedElement.scrollIntoView({\n\t\t\t\t\t\t\t\tblock: 'nearest',\n\t\t\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0);\n\t\t\t\t\treturn newIndex;\n\t\t\t\t});\n\t\t\t} else if (e.key === 'ArrowUp') {\n\t\t\t\te.preventDefault();\n\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\tconst newIndex = prev > 0 ? prev - 1 : flattenedOptions.length - 1;\n\t\t\t\t\t// Scroll to the focused item\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tconst focusedElement = menuListRef.current?.querySelector(\n\t\t\t\t\t\t\t`[data-option-index=\"${newIndex}\"]`,\n\t\t\t\t\t\t) as HTMLElement;\n\t\t\t\t\t\tif (focusedElement) {\n\t\t\t\t\t\t\tfocusedElement.scrollIntoView({\n\t\t\t\t\t\t\t\tblock: 'nearest',\n\t\t\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0);\n\t\t\t\t\treturn newIndex;\n\t\t\t\t});\n\t\t\t} else if (e.key === 'Enter' && focusedIndex >= 0) {\n\t\t\t\te.preventDefault();\n\t\t\t\tconst focusedOption = flattenedOptions[focusedIndex];\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\t// onApplyHandler handles the selection state and calls onSelect internally\n\t\t\t\t\tonApplyHandler({\n\t\t\t\t\t\t...focusedOption,\n\t\t\t\t\t\tselected: !focusedOption.selected,\n\t\t\t\t\t});\n\t\t\t\t\t// Also trigger onDropdownItemClick if provided\n\t\t\t\t\tif (onDropdownItemClick) {\n\t\t\t\t\t\tonDropdownItemClick(focusedOption);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst dropdownElement = ref.current;\n\t\tif (dropdownElement) {\n\t\t\tdropdownElement.addEventListener('keydown', handleKeyDown);\n\t\t\treturn () => {\n\t\t\t\tdropdownElement.removeEventListener('keydown', handleKeyDown);\n\t\t\t};\n\t\t}\n\t}, [\n\t\tfocusedIndex,\n\t\tsearchedString,\n\t\tsearchedOptions,\n\t\tdropdownOptions,\n\t\tonSearch,\n\t\tonApplyHandler,\n\t\tonDropdownItemClick,\n\t]);\n\n\t// LOCAL CONSTANTS\n\tconst heightToUse = height ?? defaults.height;\n\tconst menuListMaxHeight =\n\t\ttypeof heightToUse === 'number'\n\t\t\t? isSearchable && isMultiSelect\n\t\t\t\t? heightToUse - 96\n\t\t\t\t: (isSearchable && !isMultiSelect) || (!isSearchable && isMultiSelect)\n\t\t\t\t? heightToUse - 48\n\t\t\t\t: heightToUse\n\t\t\t: heightToUse;\n\n\tfunction showDescription(title?: string, description?: string) {\n\t\tif (title && description) {\n\t\t\tsetDescription({\n\t\t\t\ttitle,\n\t\t\t\tdescription,\n\t\t\t});\n\t\t} else {\n\t\t\tsetDescription(null);\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst widthToUse = width ?? defaults.width;\n\t\tif (descriptionInfo === null) {\n\t\t\tsetWidthState(widthToUse);\n\t\t} else if (typeof widthToUse === 'number') {\n\t\t\tsetWidthState(widthToUse * 2);\n\t\t} else if (typeof widthToUse === 'string') {\n\t\t\tif (widthToUse.endsWith('px')) {\n\t\t\t\tconst newWidth = parseInt(widthToUse.replace('px', '')) * 2;\n\t\t\t\tsetWidthState(newWidth);\n\t\t\t}\n\t\t}\n\t}, [descriptionInfo]);\n\n\t/**\n\t * This is to show the search result in a stateless way\n\t */\n\n\tconst exactMatchFound: boolean[] = [];\n\n\tconst processOptionsWithMaxSelections = (\n\t\toptionsToProcess: DropdownOption[],\n\t) => {\n\t\tif (!isMultiSelect || (!maxSelections && maxSelections !== 0)) {\n\t\t\treturn optionsToProcess;\n\t\t}\n\n\t\t// Count from the full options list (not the filtered subset) so selections\n\t\t// hidden by a search query are still included in the limit check.\n\t\tconst currentSelectionCount = getCurrentSelectionCount(dropdownOptions);\n\t\tconst maxSelectionsReached = currentSelectionCount >= maxSelections;\n\n\t\tif (!maxSelectionsReached) {\n\t\t\treturn optionsToProcess;\n\t\t}\n\n\t\t// Disable unselected options when max selections is reached\n\t\treturn optionsToProcess.map((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\toptions: (option as GroupedOption).options.map((nestedOption) => ({\n\t\t\t\t\t\t...nestedOption,\n\t\t\t\t\t\tdisabled:\n\t\t\t\t\t\t\tnestedOption.disabled ||\n\t\t\t\t\t\t\t(!nestedOption.selected && maxSelectionsReached),\n\t\t\t\t\t})),\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\treturn {\n\t\t\t\t\t...singleOption,\n\t\t\t\t\tdisabled:\n\t\t\t\t\t\tsingleOption.disabled ||\n\t\t\t\t\t\t(!singleOption.selected && maxSelectionsReached),\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t};\n\n\tconst optionsToShow = processOptionsWithMaxSelections(\n\t\t(searchedString && onSearch ? searchedOptions : dropdownOptions)\n\t\t\t.map((option) => {\n\t\t\t\tif (searchedString && !onSearch) {\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\tgroupedOption.options = groupedOption.options.filter((op) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\top.label?.toLowerCase().includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\texactMatchFound.push(\n\t\t\t\t\t\t\t\t\t!searchedString || op.label === searchedString,\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\treturn groupedOption.options.length > 0 ? groupedOption : null;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase()) ||\n\t\t\t\t\t\t\t(option as SingleOption | MultiSelectOption).searchKey\n\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\texactMatchFound.push(\n\t\t\t\t\t\t\t\t!searchedString || option.label === searchedString,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn option;\n\t\t\t})\n\t\t\t.filter((option) => option !== null) as DropdownOption[],\n\t);\n\n\tconst noResultForSearch =\n\t\t!!isSearchable && searchedString && optionsToShow.length === 0;\n\tconst showLoadingState = !searchedString && !!isOptionsLoading;\n\tconst showErrorState =\n\t\t!searchedString && !!optionsErrorState && !showLoadingState;\n\tconst showEmptyState =\n\t\t!searchedString &&\n\t\t!optionsToShow.length &&\n\t\t!showLoadingState &&\n\t\t!showErrorState;\n\tconst showTopLevelZeroState =\n\t\tshowLoadingState || showErrorState || showEmptyState;\n\n\tconst emptyStateTitle = zeroState?.title || 'No results found';\n\tconst emptyStateSubTitle =\n\t\tzeroState?.subTitle ||\n\t\t`Please try again later or contact us at support@bik.ai if you require further assistance.`;\n\tconst errorStateTitle = optionsErrorState?.title || 'Failed to load options';\n\tconst errorStateSubTitle =\n\t\toptionsErrorState?.subTitle ||\n\t\t'Something went wrong while fetching the list. Please try again';\n\tconst defaultErrorActionButton = {\n\t\tbuttonText: 'Try again',\n\t\tbuttonType: 'text' as const,\n\t\tsize: 'small' as const,\n\t\tbuttonTextColor: COLORS.background.inverseLight,\n\t\tcustomIconColor: COLORS.background.inverseLight,\n\t\tLeadingIcon: RetryIcon,\n\t};\n\n\tconst mergedErrorState = {\n\t\tIconHolderStyle: {\n\t\t\tbackground: COLORS.background.negative.light,\n\t\t},\n\t\tIcon: (\n\t\t\t<ErrorInfoIcon color={COLORS.content.negative} width={24} height={24} />\n\t\t),\n\t\t...optionsErrorState,\n\t};\n\tmergedErrorState.actionButton = {\n\t\t...defaultErrorActionButton,\n\t\t...(optionsErrorState?.actionButton ?? {}),\n\t};\n\tconst zeroStateProps = showLoadingState\n\t\t? undefined\n\t\t: showErrorState\n\t\t? mergedErrorState\n\t\t: zeroState;\n\n\treturn (\n\t\t<OpennedDropdownContainer\n\t\t\tversion={version}\n\t\t\tref={ref}\n\t\t\ttabIndex={-1}\n\t\t\tstyle={{\n\t\t\t\t// maxWidth: descriptionInfo ? 800 : 400,\n\t\t\t\twidth: widthState,\n\t\t\t\t...containerStyle,\n\t\t\t\toutline: 'none',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: descriptionInfo ? '50%' : '100%',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tbackground: 'white',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!!isSearchable && <SearchBox onSearch={search} version={version} />}\n\n\t\t\t\t{showTopLevelZeroState ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: heightToUse,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tbackground: COLORS.background.base,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\t{...(zeroStateProps ?? {})}\n\t\t\t\t\t\t\tisLoading={showLoadingState}\n\t\t\t\t\t\t\ttitle={showErrorState ? errorStateTitle : emptyStateTitle}\n\t\t\t\t\t\t\tsubTitle={\n\t\t\t\t\t\t\t\tshowErrorState ? errorStateSubTitle : emptyStateSubTitle\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<MenuListContainer\n\t\t\t\t\t\tminHeight={heightToUse}\n\t\t\t\t\t\tmaxHeight={menuListMaxHeight}\n\t\t\t\t\t\tref={menuListRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!isMultiSelect && !noResultForSearch && !hideSelectAll && (\n\t\t\t\t\t\t\t<SelectAllMenu\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\t\t\tsearchedString && onSearch ? searchedOptions : dropdownOptions\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSelect={selectAllHandler}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{!allowFreeForm && noResultForSearch && (\n\t\t\t\t\t\t\t<SearchZeroState\n\t\t\t\t\t\t\t\tisLoading={isSearchLoading}\n\t\t\t\t\t\t\t\terrorMessage={searchError}\n\t\t\t\t\t\t\t\tonRetry={retrySearch}\n\t\t\t\t\t\t\t\theight={menuListMaxHeight as number}\n\t\t\t\t\t\t\t\tsearchedString={searchedString}\n\t\t\t\t\t\t\t\tcontainerWidth={width}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{allowFreeForm &&\n\t\t\t\t\t\t\t(noResultForSearch ||\n\t\t\t\t\t\t\t\t(!!exactMatchFound.length &&\n\t\t\t\t\t\t\t\t\texactMatchFound.every((val) => val === false))) && (\n\t\t\t\t\t\t\t\t<FreeFormMenu\n\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\tonSelect={onFreeFormSelect}\n\t\t\t\t\t\t\t\t\tsearchedString={searchedString}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<MenuList\n\t\t\t\t\t\t\tonInfiniteScroll={onInfiniteScroll}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\tonSelect={onApplyHandler}\n\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\toptions={optionsToShow}\n\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\tref={childRefs}\n\t\t\t\t\t\t\tfocusedIndex={focusedIndex}\n\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\tonOptionsReorder={handleOptionsReorder}\n\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuListContainer>\n\t\t\t\t)}\n\t\t\t\t{!!isMultiSelect && !showTopLevelZeroState && version !== '2.0' && (\n\t\t\t\t\t<MultiSelectDropdownBottomBar\n\t\t\t\t\t\tonClear={() => {\n\t\t\t\t\t\t\tonMultiSelectClear();\n\t\t\t\t\t\t\tonMultiSelectClearProp?.();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonApply={onMultiSelectApply}\n\t\t\t\t\t\tlist={\n\t\t\t\t\t\t\tsearchedString && onSearch ? searchedOptions : dropdownOptions\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbuttonText={primaryButtonText}\n\t\t\t\t\t\tbuttonOptions={buttonOptions}\n\t\t\t\t\t\thideClearButton={hideClearButton}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{!!descriptionInfo && (\n\t\t\t\t<Description\n\t\t\t\t\ttitle={descriptionInfo.title}\n\t\t\t\t\tdescription={descriptionInfo.description}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</OpennedDropdownContainer>\n\t);\n};\n"],"names":["defaults","OpenedDropdown","options","isSearchable","isMultiSelect","maxSelections","width","allowFreeForm","height","onClose","onSelect","onSearch","version","skipSorting","headerRef","hideSelectAll","primaryButtonText","onInfiniteScroll","onMultiSelectClearProp","onDropdownItemClick","buttonOptions","isSearchLoading","isOptionsLoading","optionsErrorState","disableSearchOptions","disableSearchedOptionExcept","useDefaultCursor","containerStyle","zeroState","isDraggable","onOptionsReorder","hideClearButton","showCheckboxForCustomElement","sortOptionsWithSelectedOnTop","useCallback","opts","selected","unselected","option","localOptions","setLocalOptions","useState","localOptionsRef","useRef","hasReorderedRef","onOptionsReorderRef","useEffect","handleOptionsReorder","reorderedOptions","optionsToUse","dropdownOptions","search","searchedString","searchedOptions","searchError","retrySearch","onApplyHandler","selectAllHandler","onMultiSelectClear","onFreeFormSelect","onMultiSelectApply","latestDropdownOptionsRef","getSelectedOptions","getCurrentSelectionCount","useDropdown","widthState","setWidthState","descriptionInfo","setDescription","focusedIndex","setFocusedIndex","ref","childRefs","menuListRef","useOutside","optionsToSend","timer","getFlattenedOptions","flattened","nestedOption","singleOption","handleKeyDown","e","flattenedOptions","prev","newIndex","focusedElement","focusedOption","dropdownElement","heightToUse","menuListMaxHeight","showDescription","title","description","widthToUse","newWidth","exactMatchFound","optionsToShow","optionsToProcess","maxSelectionsReached","groupedOption","op","noResultForSearch","showLoadingState","showErrorState","showEmptyState","showTopLevelZeroState","emptyStateTitle","emptyStateSubTitle","errorStateTitle","errorStateSubTitle","defaultErrorActionButton","COLORS","RetryIcon","mergedErrorState","jsxDEV","ErrorInfoIcon","this","zeroStateProps","OpennedDropdownContainer","SearchBox","ZeroState","MenuListContainer","SelectAllMenu","SearchZeroState","val","FreeFormMenu","MenuList","MultiSelectDropdownBottomBar","Description"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),o=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js"),t=require("./Description.styled.js"),d=({title:i,description:s,version:n})=>e.jsxDEV(t.DescriptionContainer,{version:n,children:e.jsxDEV("div",{style:{padding:n==="2.0"?12:24},children:[e.jsxDEV(o.TitleRegular,{style:{color:r.COLORS.content.primary,marginBottom:4},children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:14,columnNumber:5},void 0),e.jsxDEV(o.BodySecondary,{style:{color:r.COLORS.content.secondary},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:19,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:13,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:12,columnNumber:3},void 0);exports.Description=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),o=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js"),s=require("./Description.styled.js"),c=({title:i,description:t,version:n})=>e.jsxDEV(s.DescriptionContainer,{version:n,children:e.jsxDEV("div",{style:{padding:n==="2.0"?12:24},children:[e.jsxDEV(o.TitleRegular,{style:{color:r.COLORS.content.primary,marginBottom:4},children:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:14,columnNumber:5},void 0),e.jsxDEV(o.BodySecondary,{style:{color:r.COLORS.content.secondary},children:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:19,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:13,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/description/Description.tsx",lineNumber:12,columnNumber:3},void 0);exports.Description=c;
 //# sourceMappingURL=Description.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { DescriptionContainer } from './Description.styled';\n\nexport const Description: React.FC<{\n\ttitle: string;\n\tdescription: string;\n\tversion?: '1.0' | '2.0';\n}> = ({ title, description, version }) => {\n\treturn (\n\t\t<DescriptionContainer version={version}>\n\t\t\t<div style={{ padding: version === '2.0' ? 12 : 24 }}>\n\t\t\t\t<TitleRegular\n\t\t\t\t\tstyle={{ color: COLORS.content.primary, marginBottom: 4 }}\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{description}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\t\t</DescriptionContainer>\n\t);\n};\n"],"names":["Description","title","description","version","jsxDEV","DescriptionContainer","TitleRegular","COLORS","this","BodySecondary"],"mappings":"yPAKaA,EAIR,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAE1BC,EAAAA,OAACC,EAAAA,qBAAA,CAAqB,QAAAF,EACrB,SAAAC,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAASD,IAAY,MAAQ,GAAK,EAAA,EAC/C,SAAA,CAAAC,EAAAA,OAACE,EAAAA,aAAA,CACA,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,QAAS,aAAc,CAAA,EAErD,SAAAN,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAKAJ,EAAAA,OAACK,EAAAA,eAAc,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,SAAA,EAC5C,SAAAL,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA"}
+{"version":3,"file":"Description.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { DescriptionContainer } from './Description.styled';\n\nexport const Description: React.FC<{\n\ttitle: string;\n\tdescription: string;\n\tversion?: '1.0' | '2.0';\n}> = ({ title, description, version }) => {\n\treturn (\n\t\t<DescriptionContainer version={version}>\n\t\t\t<div style={{ padding: version === '2.0' ? 12 : 24 }}>\n\t\t\t\t<TitleRegular\n\t\t\t\t\tstyle={{ color: COLORS.content.primary, marginBottom: 4 }}\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{description}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\t\t</DescriptionContainer>\n\t);\n};\n"],"names":["Description","title","description","version","jsxDEV","DescriptionContainer","TitleRegular","COLORS","this","BodySecondary"],"mappings":"yPAKaA,EAIR,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAE1BC,EAAAA,OAACC,EAAAA,qBAAA,CAAqB,QAAAF,EACrB,SAAAC,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAASD,IAAY,MAAQ,GAAK,EAAA,EAC/C,SAAA,CAAAC,EAAAA,OAACE,EAAAA,aAAA,CACA,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,QAAS,aAAc,CAAA,EAErD,SAAAN,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAKAJ,EAAAA,OAACK,EAAAA,eAAc,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,SAAA,EAC5C,SAAAL,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),c=require("react"),l=require("../../../../TypographyStyle.js"),u=require("../../../../../constants/Theme.js"),a=require("./FreeFormMenu.styled.js"),p=require("../../../../list-item/ListItem.js"),b=require("../../../../checkBox/CheckBox.js"),F=({searchedString:o,onSelect:i,isMultiSelect:t,version:r})=>{const[n,m]=c.useState(!1);function s(){m(!n),i(!n)}return e.jsxDEV(p.ListItem,{version:r,onClick:d=>{d.preventDefault(),s()},listItem:{label:o,value:o},leadingIcon:t?e.jsxDEV(b.CheckBox,{size:r==="2.0"?"SMALL":"DEFAULT",isChecked:n,onValueChange:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:33,columnNumber:6},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:39,columnNumber:6},void 0),trailingIcon:e.jsxDEV(a.FreeFormContainer,{children:e.jsxDEV(l.BodyCaption,{style:{color:u.COLORS.content.secondary},children:"Freeform"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:44,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:43,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:21,columnNumber:3},void 0)};exports.FreeFormMenu=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("react"),d=require("../../../../TypographyStyle.js"),l=require("../../../../../constants/Theme.js"),a=require("./FreeFormMenu.styled.js"),p=require("../../../../list-item/ListItem.js"),b=require("../../../../checkBox/CheckBox.js"),F=({searchedString:o,onSelect:s,isMultiSelect:c,version:r})=>{const[n,m]=i.useState(!1);function t(){m(!n),s(!n)}return e.jsxDEV(p.ListItem,{version:r,onClick:u=>{u.preventDefault(),t()},listItem:{label:o,value:o},leadingIcon:c?e.jsxDEV(b.CheckBox,{size:r==="2.0"?"SMALL":"DEFAULT",isChecked:n,onValueChange:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:33,columnNumber:6},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:39,columnNumber:6},void 0),trailingIcon:e.jsxDEV(a.FreeFormContainer,{children:e.jsxDEV(d.BodyCaption,{style:{color:l.COLORS.content.secondary},children:"Freeform"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:44,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:43,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx",lineNumber:21,columnNumber:3},void 0)};exports.FreeFormMenu=F;
 //# sourceMappingURL=FreeFormMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FreeFormMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nexport const FreeFormMenu: React.FC<{\n\tisMultiSelect?: boolean;\n\tsearchedString: string;\n\tonSelect: (isChecked: boolean) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ searchedString, onSelect, isMultiSelect, version }) => {\n\tconst [isChecked, setChecked] = useState(false);\n\tfunction onCheckHandler() {\n\t\tsetChecked(!isChecked);\n\t\tonSelect(!isChecked);\n\t}\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\tisMultiSelect ? (\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)\n\t\t\t}\n\t\t\ttrailingIcon={\n\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tFreeform\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</FreeFormContainer>\n\t\t\t}\n\t\t/>\n\t);\n};\n"],"names":["FreeFormMenu","searchedString","onSelect","isMultiSelect","version","isChecked","setChecked","useState","onCheckHandler","jsxDEV","ListItem","e","CheckBox","this","Fragment","FreeFormContainer","BodyCaption","COLORS"],"mappings":"0WAOaA,EAKR,CAAC,CAAE,eAAAC,EAAgB,SAAAC,EAAU,cAAAC,EAAe,QAAAC,KAAc,CAC9D,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAC9C,SAASC,GAAiB,CACzBF,EAAW,CAACD,CAAS,EACrBH,EAAS,CAACG,CAAS,CACpB,CAEA,OACCI,EAAAA,OAACC,EAAAA,SAAA,CACA,QAAAN,EACA,QAAUO,GAAM,CACfA,EAAE,eAAA,EACFH,EAAA,CACD,EACA,SAAU,CACT,MAAOP,EACP,MAAOA,CAAA,EAER,YACCE,EACCM,EAAAA,OAACG,EAAAA,SAAA,CACA,KAAMR,IAAY,MAAQ,QAAU,UACpC,UAAAC,EACA,cAAeG,CAAA,EAHhB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAMAJ,EAAAA,OAAAK,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAE,EAGJ,sBACEE,oBAAA,CACA,SAAAN,EAAAA,OAACO,EAAAA,YAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAEvB,SAAA,UAAA,EAJD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,EA9BF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAkCF"}
+{"version":3,"file":"FreeFormMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nexport const FreeFormMenu: React.FC<{\n\tisMultiSelect?: boolean;\n\tsearchedString: string;\n\tonSelect: (isChecked: boolean) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ searchedString, onSelect, isMultiSelect, version }) => {\n\tconst [isChecked, setChecked] = useState(false);\n\tfunction onCheckHandler() {\n\t\tsetChecked(!isChecked);\n\t\tonSelect(!isChecked);\n\t}\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\tisMultiSelect ? (\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)\n\t\t\t}\n\t\t\ttrailingIcon={\n\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tFreeform\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</FreeFormContainer>\n\t\t\t}\n\t\t/>\n\t);\n};\n"],"names":["FreeFormMenu","searchedString","onSelect","isMultiSelect","version","isChecked","setChecked","useState","onCheckHandler","jsxDEV","ListItem","e","CheckBox","this","Fragment","FreeFormContainer","BodyCaption","COLORS"],"mappings":"0WAOaA,EAKR,CAAC,CAAE,eAAAC,EAAgB,SAAAC,EAAU,cAAAC,EAAe,QAAAC,KAAc,CAC9D,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAC9C,SAASC,GAAiB,CACzBF,EAAW,CAACD,CAAS,EACrBH,EAAS,CAACG,CAAS,CACpB,CAEA,OACCI,EAAAA,OAACC,EAAAA,SAAA,CACA,QAAAN,EACA,QAAUO,GAAM,CACfA,EAAE,eAAA,EACFH,EAAA,CACD,EACA,SAAU,CACT,MAAOP,EACP,MAAOA,CAAA,EAER,YACCE,EACCM,EAAAA,OAACG,EAAAA,SAAA,CACA,KAAMR,IAAY,MAAQ,QAAU,UACpC,UAAAC,EACA,cAAeG,CAAA,EAHhB,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAMAJ,EAAAA,OAAAK,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAE,EAGJ,sBACEE,oBAAA,CACA,SAAAN,EAAAA,OAACO,EAAAA,YAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAEvB,SAAA,UAAA,EAJD,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAMA,EAPD,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,EA9BF,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAkCF"}

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

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),S=require("../../../../../assets/icons/chevronRight.svg.js"),v=require("react"),q=require("styled-components"),$=require("../../../../TypographyStyle.js"),i=require("../../../../../constants/Theme.js"),H=require("./FreeFormMenu.styled.js"),R=require("../../../../tooltips/Tooltip.js"),I=require("../../../../checkBox/CheckBox.js"),A=require("../../../../list-item/ListItem.js"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=B(q),g=r.default(A.ListItem)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),F=require("../../../../../assets/icons/chevronRight.svg.js"),D=require("react"),S=require("styled-components"),q=require("../../../../TypographyStyle.js"),d=require("../../../../../constants/Theme.js"),$=require("./FreeFormMenu.styled.js"),H=require("../../../../tooltips/Tooltip.js"),j=require("../../../../checkBox/CheckBox.js"),R=require("../../../../list-item/ListItem.js"),A=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=A(S),v=r.default(R.ListItem)`
 	padding: ${e=>e.version==="2.0"?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>e.version==="2.0"?"2px":"0"};
-`,_=r.default.div`
+`,B=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"};
 	min-width: 148px;
-	border: ${({version:e})=>e==="1.0"?`1px solid ${i.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"};
+	border: ${({version:e})=>e==="1.0"?`1px solid ${d.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"};
 	max-height: 248px;
 	overflow-y: auto;
-`,z=r.default.div`
+`,_=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;
-`,d=r.default.div`
+`,s=r.default.div`
 	width: 2.86px;
 	height: 2.86px;
 	border-radius: 50%;
-	background-color: ${i.COLORS.content.inactive};
+	background-color: ${d.COLORS.content.inactive};
 	flex-shrink: 0;
-`,h=r.default.div`
+`,y=r.default.div`
 	display: flex;
 	align-content: center;
 	justify-content: center;
 	gap: 8px;
-`,P=r.default.div`
+`,z=r.default.div`
 	margin-right: -4px;
 `,W=r.default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: column;
 	flex: 1;
-`,p=({onDragStart:e,onDragEnd:t})=>n.jsxDEV(z,{draggable:!0,onDragStart:e,onDragEnd:t,children:[n.jsxDEV(d,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:83,columnNumber:3},void 0),n.jsxDEV(d,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:84,columnNumber:3},void 0),n.jsxDEV(d,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:85,columnNumber:3},void 0),n.jsxDEV(d,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:86,columnNumber:3},void 0),n.jsxDEV(d,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:87,columnNumber:3},void 0),n.jsxDEV(d,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:88,columnNumber:3},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:78,columnNumber:2},void 0),G=v.forwardRef(({option:e,isMultiSelect:t,showDescription:b,onSelect:O,last:k,version:s,onDropdownItemClick:M,useDefaultCursor:E,isFocused:j=!1,dataIndex:f=-1,isDraggable:m=!1,onDragStart:a,onDragOver:C,onDrop:U,onDragEnd:c,isDraggedOver:x=!1,showCheckboxForCustomElement:w=!1},V)=>{const[L,D]=v.useState(e.selected),N=(o,l)=>{if(!o.children){u(!o.selected);const F=l?{...o,parent:l}:o;M?.(F)}},u=o=>{e.disabled||O({...e,selected:o})},T=()=>{e.description?b(e.label,e.description):b()},y=E?{cursor:"default"}:{};return n.jsxDEV(n.Fragment,{children:n.jsxDEV(R.Tooltip,{body:"",tooltipContent:e.children?n.jsxDEV("div",{style:{backgroundColor:i.DEFAULT_THEME.colorsV2.surface.standard},ref:V,onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),children:n.jsxDEV(_,{version:s??"2.0",children:e.children.map(o=>n.jsxDEV(g,{version:s,style:s!=="1.0"&&(e?.children??[]).length-1?{borderBottom:0}:{},onClick:l=>{l.preventDefault(),N(o,e)},listItem:{value:o.value,label:o.label},subText:o.subText,leadingIcon:o.leadingIcon||void 0,customComponent:o.customComponent,trailingIcon:o.trailingIcon||void 0,variant:e.disabled?"inactive":o.selected?"selected":"default"},o.value,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:179,columnNumber:11},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:177,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:169,columnNumber:8},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:208,columnNumber:8},void 0),placement:"right-start",hideArrow:!0,children:n.jsxDEV(g,{version:s,style:k?{borderBottom:0,...y,...x?{borderTop:`2px solid ${i.COLORS.content.brand}`,opacity:.5}:{}}:{...y,...x?{borderTop:`2px solid ${i.COLORS.content.brand}`,opacity:.5}:{}},onClick:o=>{o.preventDefault(),N(e)},onMouseOver:T,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:m?C:void 0,onDrop:m?U:void 0,leadingIcon:t&&!(w&&e.customComponent)?n.jsxDEV(h,{children:[m&&n.jsxDEV(p,{onDragStart:a,onDragEnd:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:256,columnNumber:11},void 0),n.jsxDEV(I.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:261,columnNumber:10},void 0),n.jsxDEV(P,{children:e.leadingIcon},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:267,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:254,columnNumber:9},void 0):m?n.jsxDEV(W,{children:[n.jsxDEV(p,{onDragStart:a,onDragEnd:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:271,columnNumber:10},void 0),e.leadingIcon&&n.jsxDEV("div",{children:e.leadingIcon},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:275,columnNumber:33},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:270,columnNumber:9},void 0):e.leadingIcon?n.jsxDEV(n.Fragment,{children:e.leadingIcon},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:278,columnNumber:9},void 0):void 0,customComponent:t&&w&&e.customComponent?n.jsxDEV(h,{children:[m&&n.jsxDEV(p,{onDragStart:a,onDragEnd:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:287,columnNumber:11},void 0),n.jsxDEV(I.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:292,columnNumber:10},void 0),e.customComponent]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:285,columnNumber:9},void 0):e.customComponent,trailingIcon:e.isFreeForm?n.jsxDEV(H.FreeFormContainer,{children:n.jsxDEV($.BodyCaption,{style:{color:i.COLORS.content.secondary},children:"Freeform"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:307,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:306,columnNumber:9},void 0):e.children?n.jsxDEV(S.default,{width:12,height:12},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:312,columnNumber:9},void 0):e.trailingIcon?n.jsxDEV(n.Fragment,{children:e.trailingIcon},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:314,columnNumber:9},void 0):void 0,variant:e.disabled?"inactive":j||e.selected||!t&&L?"selected":"default"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:214,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:165,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:164,columnNumber:4},void 0)});exports.MenuItem=G;
+`,p=({onDragStart:e,onDragEnd:c})=>n.jsxDEV(_,{draggable:!0,onDragStart:e,onDragEnd:c,children:[n.jsxDEV(s,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:83,columnNumber:3},void 0),n.jsxDEV(s,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:84,columnNumber:3},void 0),n.jsxDEV(s,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:85,columnNumber:3},void 0),n.jsxDEV(s,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:86,columnNumber:3},void 0),n.jsxDEV(s,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:87,columnNumber:3},void 0),n.jsxDEV(s,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:88,columnNumber:3},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:78,columnNumber:2},void 0),G=D.forwardRef(({option:e,isMultiSelect:c,showDescription:b,onSelect:I,last:g,version:t,onDropdownItemClick:O,useDefaultCursor:M,isFocused:E=!1,dataIndex:f=-1,isDraggable:m=!1,onDragStart:u,onDragOver:C,onDrop:U,onDragEnd:l,isDraggedOver:h=!1,showCheckboxForCustomElement:x=!1},V)=>{const[P,N]=D.useState(e.selected),k=(o,i)=>{if(!o.children){a(!o.selected);const T=i?{...o,parent:i}:o;O?.(T)}},a=o=>{e.disabled||I({...e,selected:o})},L=()=>{e.description?b(e.label,e.description):b()},w=M?{cursor:"default"}:{};return n.jsxDEV(n.Fragment,{children:n.jsxDEV(H.Tooltip,{body:"",tooltipContent:e.children?n.jsxDEV("div",{style:{backgroundColor:d.DEFAULT_THEME.colorsV2.surface.standard},ref:V,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1),children:n.jsxDEV(B,{version:t??"2.0",children:e.children.map(o=>n.jsxDEV(v,{version:t,style:t!=="1.0"&&(e?.children??[]).length-1?{borderBottom:0}:{},onClick:i=>{i.preventDefault(),k(o,e)},listItem:{value:o.value,label:o.label},subText:o.subText,leadingIcon:o.leadingIcon||void 0,customComponent:o.customComponent,trailingIcon:o.trailingIcon||void 0,variant:e.disabled?"inactive":o.selected?"selected":"default"},o.value,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:179,columnNumber:11},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:177,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:169,columnNumber:8},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:208,columnNumber:8},void 0),placement:"right-start",hideArrow:!0,children:n.jsxDEV(v,{version:t,style:g?{borderBottom:0,...w,...h?{borderTop:`2px solid ${d.COLORS.content.brand}`,opacity:.5}:{}}:{...w,...h?{borderTop:`2px solid ${d.COLORS.content.brand}`,opacity:.5}:{}},onClick:o=>{o.preventDefault(),k(e)},onMouseOver:L,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:m?C:void 0,onDrop:m?U:void 0,leadingIcon:c&&!(x&&e.customComponent)?n.jsxDEV(y,{children:[m&&n.jsxDEV(p,{onDragStart:u,onDragEnd:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:256,columnNumber:11},void 0),n.jsxDEV(j.CheckBox,{size:t==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:261,columnNumber:10},void 0),n.jsxDEV(z,{children:e.leadingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:267,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:254,columnNumber:9},void 0):m?n.jsxDEV(W,{children:[n.jsxDEV(p,{onDragStart:u,onDragEnd:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:271,columnNumber:10},void 0),e.leadingIcon&&n.jsxDEV("div",{children:e.leadingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:275,columnNumber:33},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:270,columnNumber:9},void 0):e.leadingIcon?n.jsxDEV(n.Fragment,{children:e.leadingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:278,columnNumber:9},void 0):void 0,customComponent:c&&x&&e.customComponent?n.jsxDEV(y,{children:[m&&n.jsxDEV(p,{onDragStart:u,onDragEnd:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:287,columnNumber:11},void 0),n.jsxDEV(j.CheckBox,{size:t==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:292,columnNumber:10},void 0),e.customComponent]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:285,columnNumber:9},void 0):e.customComponent,trailingIcon:e.isFreeForm?n.jsxDEV($.FreeFormContainer,{children:n.jsxDEV(q.BodyCaption,{style:{color:d.COLORS.content.secondary},children:"Freeform"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:307,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:306,columnNumber:9},void 0):e.children?n.jsxDEV(F.default,{width:12,height:12},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:312,columnNumber:9},void 0):e.trailingIcon?n.jsxDEV(n.Fragment,{children:e.trailingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:314,columnNumber:9},void 0):void 0,variant:e.disabled?"inactive":E||e.selected||!c&&P?"selected":"default"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:214,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:165,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx",lineNumber:164,columnNumber:4},void 0)});exports.MenuItem=G;
 //# sourceMappingURL=MenuItem.js.map