@bikdotai/bik-component-library 0.0.807-beta.2 → 0.0.808-beta.0

package/dist/esm/components/dropdown/ChipInput.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import i from"../../utils/StringUtils.js";import{COLORS as r}from"../../constants/Theme.js";import n from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/errorInfo.svg.js";import{InputFooter as d}from"../input/Input.styled.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodyCaption as p}from"../TypographyStyle.js";import{ChipInputWrapper as g}from"./Common.styled.js";const j=j=>{let{chips:b,onDeleteChip:f,containerStyle:v={},sizeToUse:y="default",isDropdownOpened:O,placeholder:u="Select..",errorMessage:x="",showLabelsOnMoreHover:T=!1}=j;const[w,I]=o(),[C,S]=o(0),[z,D]=o([]);return l((()=>{if(!b)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(b);let s=b.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&b.length>0&&(s=[b[0]]),I(s);const o=b.filter((e=>!s.includes(e))).map((e=>e.label));D(o),S(b.length-s.length)}),[b]),e(t,{children:[e(g,Object.assign({style:Object.assign({},v),error:!!x},{children:[e("div",Object.assign({className:"chips-container"},{children:[null==w?void 0:w.map(((e,t)=>s("div",Object.assign({style:{zIndex:2}},{children:s(h,Object.assign({tagText:i.truncateText(e.selectedLabel||e.label,40),TrailingIcon:()=>s(c,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{f(e)}})},{children:e.selectedLabel||e.label}))}),t))),!!C&&s("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:s(m,Object.assign({body:"",placement:"bottom",tooltipContent:T&&z.length>0?s("div",Object.assign({style:{padding:"4px"}},{children:z.map(((e,t)=>s(p,Object.assign({style:{color:r.text.white}},{children:e}),t)))})):void 0},{children:s(p,Object.assign({color:r.content.placeholder},{children:`+${C} more`}))}))})),0===b.length&&s("div",Object.assign({style:{color:r.content.placeholder}},{children:u}))]})),s("div",{children:s(n,{style:{transform:O?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===y?16:"small"===y?20:24,height:"x-small"===y?16:"small"===y?20:24,color:r.content.primary})})]})),!!x&&e(d,Object.assign({invalid:!0},{children:[!!x&&s(a,{width:16,height:16}),x]}))]})};export{j as default};
+import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import i from"../../utils/StringUtils.js";import{COLORS as r}from"../../constants/Theme.js";import n from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/errorInfo.svg.js";import{InputFooter as d}from"../input/Input.styled.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodyCaption as p}from"../TypographyStyle.js";import{ChipInputWrapper as g}from"./Common.styled.js";const j=({chips:j,onDeleteChip:b,containerStyle:f={},sizeToUse:v="default",isDropdownOpened:y,placeholder:O="Select..",errorMessage:u="",showLabelsOnMoreHover:x=!1})=>{const[T,w]=o(),[I,C]=o(0),[S,z]=o([]);return l((()=>{if(!j)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(j);let s=j.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&j.length>0&&(s=[j[0]]),w(s);const o=j.filter((e=>!s.includes(e))).map((e=>e.label));z(o),C(j.length-s.length)}),[j]),e(t,{children:[e(g,Object.assign({style:Object.assign({},f),error:!!u},{children:[e("div",Object.assign({className:"chips-container"},{children:[null==T?void 0:T.map(((e,t)=>s("div",Object.assign({style:{zIndex:2}},{children:s(h,Object.assign({tagText:i.truncateText(e.selectedLabel||e.label,40),TrailingIcon:()=>s(c,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{b(e)}})},{children:e.selectedLabel||e.label}))}),t))),!!I&&s("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:s(m,Object.assign({body:"",placement:"bottom",tooltipContent:x&&S.length>0?s("div",Object.assign({style:{padding:"4px"}},{children:S.map(((e,t)=>s(p,Object.assign({style:{color:r.text.white}},{children:e}),t)))})):void 0},{children:s(p,Object.assign({color:r.content.placeholder},{children:`+${I} more`}))}))})),0===j.length&&s("div",Object.assign({style:{color:r.content.placeholder}},{children:O}))]})),s("div",{children:s(n,{style:{transform:y?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===v?16:"small"===v?20:24,height:"x-small"===v?16:"small"===v?20:24,color:r.content.primary})})]})),!!u&&e(d,Object.assign({invalid:!0},{children:[!!u&&s(a,{width:16,height:16}),u]}))]})};export{j as default};
 //# sourceMappingURL=ChipInput.js.map

package/dist/esm/components/dropdown/ChipInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.js","sources":["../../../../src/components/dropdown/ChipInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputFooter } from '../input/Input.styled';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption } from '../TypographyStyle';\nimport { ChipInputWrapper } from './Common.styled';\nimport { SingleOption } from './type';\n\ninterface ChipInputProps {\n\tplaceholder?: string;\n\tchips: SingleOption[];\n\tonDeleteChip: (chip: SingleOption) => void;\n\tcontainerStyle?: React.CSSProperties;\n\tisDropdownOpened?: boolean;\n\tsizeToUse?: 'default' | 'small' | 'x-small';\n\terrorMessage?: string;\n\tshowLabelsOnMoreHover?: boolean;\n}\n\nconst getMaxChipsCharCount = (chips: SingleOption[]) => {\n\tif (chips.length === 1) return 100;\n\tif (chips.length === 2) return 40;\n\treturn 34;\n};\n\nconst ChipInput: React.FC<ChipInputProps> = ({\n\tchips,\n\tonDeleteChip,\n\tcontainerStyle = {},\n\tsizeToUse = 'default',\n\tisDropdownOpened,\n\tplaceholder = 'Select..',\n\terrorMessage = '',\n\tshowLabelsOnMoreHover = false,\n}) => {\n\tconst [options, setOptions] = useState<SingleOption[]>();\n\tconst [remainingOptionsCnt, setRemainingOptionsCnt] = useState(0);\n\tconst [remainingOptionsLabels, setRemainingOptionsLabels] = useState<\n\t\tstring[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tif (!chips) return;\n\t\tlet combineCharCnt = 0;\n\t\tconst MAX_CHAR = getMaxChipsCharCount(chips);\n\t\tlet options = chips.filter((option) => {\n\t\t\tcombineCharCnt += option.label.length;\n\t\t\treturn combineCharCnt <= MAX_CHAR;\n\t\t});\n\t\tif (options.length === 0 && chips.length > 0) {\n\t\t\toptions = [chips[0]];\n\t\t}\n\t\tsetOptions(options);\n\t\tconst remainingChips = chips.filter((option) => !options.includes(option));\n\t\tconst labels = remainingChips.map((option) => option.label);\n\t\tsetRemainingOptionsLabels(labels);\n\t\tsetRemainingOptionsCnt(chips.length - options.length);\n\t}, [chips]);\n\n\treturn (\n\t\t<>\n\t\t\t<ChipInputWrapper style={{ ...containerStyle }} error={!!errorMessage}>\n\t\t\t\t<div className=\"chips-container\">\n\t\t\t\t\t{options?.map((chip, index) => (\n\t\t\t\t\t\t<div key={index} style={{ zIndex: 2 }}>\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={StringUtils.truncateText(\n\t\t\t\t\t\t\t\t\tchip.selectedLabel || chip.label,\n\t\t\t\t\t\t\t\t\t40,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tTrailingIcon={() => (\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonDeleteChip(chip);\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)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{chip.selectedLabel || chip.label}\n\t\t\t\t\t\t\t</Tag>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{!!remainingOptionsCnt && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\tzIndex: 2,\n\t\t\t\t\t\t\t\tpointerEvents: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tbody={''}\n\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\t\t\t\tshowLabelsOnMoreHover && remainingOptionsLabels.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t<div style={{ padding: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t\t{remainingOptionsLabels.map((label, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.text.white }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t{`+${remainingOptionsCnt} more`}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{chips.length === 0 && (\n\t\t\t\t\t\t<div style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<DownIcon\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: isDropdownOpened ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</ChipInputWrapper>\n\t\t\t{!!errorMessage && (\n\t\t\t\t<InputFooter invalid={true}>\n\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t{errorMessage}\n\t\t\t\t</InputFooter>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default ChipInput;\n"],"names":["ChipInput","_ref","chips","onDeleteChip","containerStyle","sizeToUse","isDropdownOpened","placeholder","errorMessage","showLabelsOnMoreHover","options","setOptions","useState","remainingOptionsCnt","setRemainingOptionsCnt","remainingOptionsLabels","setRemainingOptionsLabels","useEffect","combineCharCnt","MAX_CHAR","length","getMaxChipsCharCount","filter","option","label","labels","includes","map","_jsxs","ChipInputWrapper","style","Object","assign","error","children","className","chip","index","_jsx","zIndex","Tag","tagText","StringUtils","truncateText","selectedLabel","TrailingIcon","CrossIcon","width","height","cursor","onClick","position","pointerEvents","Tooltip","body","placement","tooltipContent","padding","BodyCaption","color","COLORS","text","white","undefined","content","DownIcon","transform","primary","InputFooter","invalid","ErrorIcon"],"mappings":"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"}
+{"version":3,"file":"ChipInput.js","sources":["../../../../src/components/dropdown/ChipInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport DownIcon from '../../assets/icons/chevronDown.svg';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputFooter } from '../input/Input.styled';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption } from '../TypographyStyle';\nimport { ChipInputWrapper } from './Common.styled';\nimport { SingleOption } from './type';\n\ninterface ChipInputProps {\n\tplaceholder?: string;\n\tchips: SingleOption[];\n\tonDeleteChip: (chip: SingleOption) => void;\n\tcontainerStyle?: React.CSSProperties;\n\tisDropdownOpened?: boolean;\n\tsizeToUse?: 'default' | 'small' | 'x-small';\n\terrorMessage?: string;\n\tshowLabelsOnMoreHover?: boolean;\n}\n\nconst getMaxChipsCharCount = (chips: SingleOption[]) => {\n\tif (chips.length === 1) return 100;\n\tif (chips.length === 2) return 40;\n\treturn 34;\n};\n\nconst ChipInput: React.FC<ChipInputProps> = ({\n\tchips,\n\tonDeleteChip,\n\tcontainerStyle = {},\n\tsizeToUse = 'default',\n\tisDropdownOpened,\n\tplaceholder = 'Select..',\n\terrorMessage = '',\n\tshowLabelsOnMoreHover = false,\n}) => {\n\tconst [options, setOptions] = useState<SingleOption[]>();\n\tconst [remainingOptionsCnt, setRemainingOptionsCnt] = useState(0);\n\tconst [remainingOptionsLabels, setRemainingOptionsLabels] = useState<\n\t\tstring[]\n\t>([]);\n\n\tuseEffect(() => {\n\t\tif (!chips) return;\n\t\tlet combineCharCnt = 0;\n\t\tconst MAX_CHAR = getMaxChipsCharCount(chips);\n\t\tlet options = chips.filter((option) => {\n\t\t\tcombineCharCnt += option.label.length;\n\t\t\treturn combineCharCnt <= MAX_CHAR;\n\t\t});\n\t\tif (options.length === 0 && chips.length > 0) {\n\t\t\toptions = [chips[0]];\n\t\t}\n\t\tsetOptions(options);\n\t\tconst remainingChips = chips.filter((option) => !options.includes(option));\n\t\tconst labels = remainingChips.map((option) => option.label);\n\t\tsetRemainingOptionsLabels(labels);\n\t\tsetRemainingOptionsCnt(chips.length - options.length);\n\t}, [chips]);\n\n\treturn (\n\t\t<>\n\t\t\t<ChipInputWrapper style={{ ...containerStyle }} error={!!errorMessage}>\n\t\t\t\t<div className=\"chips-container\">\n\t\t\t\t\t{options?.map((chip, index) => (\n\t\t\t\t\t\t<div key={index} style={{ zIndex: 2 }}>\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\ttagText={StringUtils.truncateText(\n\t\t\t\t\t\t\t\t\tchip.selectedLabel || chip.label,\n\t\t\t\t\t\t\t\t\t40,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tTrailingIcon={() => (\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonDeleteChip(chip);\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)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{chip.selectedLabel || chip.label}\n\t\t\t\t\t\t\t</Tag>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t\t{!!remainingOptionsCnt && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: 'relative',\n\t\t\t\t\t\t\t\tzIndex: 2,\n\t\t\t\t\t\t\t\tpointerEvents: 'auto',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tbody={''}\n\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\t\t\t\tshowLabelsOnMoreHover && remainingOptionsLabels.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t<div style={{ padding: '4px' }}>\n\t\t\t\t\t\t\t\t\t\t\t{remainingOptionsLabels.map((label, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.text.white }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t{`+${remainingOptionsCnt} more`}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{chips.length === 0 && (\n\t\t\t\t\t\t<div style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<DownIcon\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: isDropdownOpened ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={\n\t\t\t\t\t\t\tsizeToUse === 'x-small' ? 16 : sizeToUse === 'small' ? 20 : 24\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</ChipInputWrapper>\n\t\t\t{!!errorMessage && (\n\t\t\t\t<InputFooter invalid={true}>\n\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t{errorMessage}\n\t\t\t\t</InputFooter>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default ChipInput;\n"],"names":["ChipInput","chips","onDeleteChip","containerStyle","sizeToUse","isDropdownOpened","placeholder","errorMessage","showLabelsOnMoreHover","options","setOptions","useState","remainingOptionsCnt","setRemainingOptionsCnt","remainingOptionsLabels","setRemainingOptionsLabels","useEffect","combineCharCnt","MAX_CHAR","length","getMaxChipsCharCount","filter","option","label","labels","includes","map","_jsxs","ChipInputWrapper","style","Object","assign","error","children","className","chip","index","_jsx","zIndex","Tag","tagText","StringUtils","truncateText","selectedLabel","TrailingIcon","CrossIcon","width","height","cursor","onClick","position","pointerEvents","Tooltip","body","placement","tooltipContent","padding","BodyCaption","color","COLORS","text","white","undefined","content","DownIcon","transform","primary","InputFooter","invalid","ErrorIcon"],"mappings":"ylBAwBA,MAMMA,EAAsCA,EAC3CC,QACAC,eACAC,iBAAiB,CAAE,EACnBC,YAAY,UACZC,mBACAC,cAAc,WACdC,eAAe,GACfC,yBAAwB,MAExB,MAAOC,EAASC,GAAcC,KACvBC,EAAqBC,GAA0BF,EAAS,IACxDG,EAAwBC,GAA6BJ,EAE1D,IAoBF,OAlBAK,GAAU,KACT,IAAKf,EAAO,OACZ,IAAIgB,EAAiB,EACrB,MAAMC,EAzBsBjB,IACR,IAAjBA,EAAMkB,OAAqB,IACV,IAAjBlB,EAAMkB,OAAqB,GACxB,GAsBWC,CAAqBnB,GACtC,IAAIQ,EAAUR,EAAMoB,QAAQC,IAC3BL,GAAkBK,EAAOC,MAAMJ,OACxBF,GAAkBC,KAEH,IAAnBT,EAAQU,QAAgBlB,EAAMkB,OAAS,IAC1CV,EAAU,CAACR,EAAM,KAElBS,EAAWD,GACX,MACMe,EADiBvB,EAAMoB,QAAQC,IAAYb,EAAQgB,SAASH,KACpCI,KAAKJ,GAAWA,EAAOC,QACrDR,EAA0BS,GAC1BX,EAAuBZ,EAAMkB,OAASV,EAAQU,OAAO,GACnD,CAAClB,IAGH0B,eACCA,EAACC,iBAAiBC,MAAKC,OAAAC,OAAA,CAAA,EAAO5B,GAAkB6B,QAASzB,GACxD,CAAA0B,SAAA,CAAAN,EAAA,MAAAG,OAAAC,OAAA,CAAKG,UAAU,8BACbzB,aAAA,EAAAA,EAASiB,KAAI,CAACS,EAAMC,IACpBC,EAAA,MAAAP,OAAAC,OAAA,CAAiBF,MAAO,CAAES,OAAQ,IACjC,CAAAL,SAAAI,EAACE,EACAT,OAAAC,OAAA,CAAAS,QAASC,EAAYC,aACpBP,EAAKQ,eAAiBR,EAAKZ,MAC3B,IAEDqB,aAAcA,IACbP,EAACQ,GACAC,MAAO,GACPC,OAAQ,GACRlB,MAAO,CAAEmB,OAAQ,WACjBC,QAASA,KACR/C,EAAaiC,EAAK,KAGpB,CAAAF,SAEAE,EAAKQ,eAAiBR,EAAKZ,WAjBpBa,OAqBRxB,GACFyB,EACC,MAAAP,OAAAC,OAAA,CAAAF,MAAO,CACNqB,SAAU,WACVZ,OAAQ,EACRa,cAAe,SAGhB,CAAAlB,SAAAI,EAACe,EAAOtB,OAAAC,OAAA,CACPsB,KAAM,GACNC,UAAU,SACVC,eACC/C,GAAyBM,EAAuBK,OAAS,EACxDkB,EAAA,MAAAP,OAAAC,OAAA,CAAKF,MAAO,CAAE2B,QAAS,QAAO,CAAAvB,SAC5BnB,EAAuBY,KAAI,CAACH,EAAOa,IACnCC,EAACoB,EACA3B,OAAAC,OAAA,CAAAF,MAAO,CAAE6B,MAAOC,EAAOC,KAAKC,QAG3B,CAAA5B,SAAAV,IAFIa,aAML0B,GAGL,CAAA7B,SAAAI,EAACoB,EAAW3B,OAAAC,OAAA,CAAC2B,MAAOC,EAAOI,QAAQzD,aAAW,CAAA2B,SAC5C,IAAIrB,kBAMS,IAAjBX,EAAMkB,QACNkB,EAAA,MAAAP,OAAAC,OAAA,CAAKF,MAAO,CAAE6B,MAAOC,EAAOI,QAAQzD,cAAa,CAAA2B,SAC/C3B,SAKJ+B,EAAA,MAAA,CAAAJ,SACCI,EAAC2B,EACA,CAAAnC,MAAO,CACNoC,UAAW5D,EAAmB,iBAAmB,gBAElDyC,MACe,YAAd1C,EAA0B,GAAmB,UAAdA,EAAwB,GAAK,GAE7D2C,OACe,YAAd3C,EAA0B,GAAmB,UAAdA,EAAwB,GAAK,GAE7DsD,MAAOC,EAAOI,QAAQG,kBAItB3D,GACFoB,EAACwC,EAAWrC,OAAAC,OAAA,CAACqC,SAAS,gBAClB7D,GAAgB8B,EAACgC,EAAU,CAAAvB,MAAO,GAAIC,OAAQ,KAChDxC,QAGD"}

package/dist/esm/components/dropdown/Common.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Common.styled.js","sources":["../../../../src/components/dropdown/Common.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const OverLapAbs = styled.div<{\n\tdisabled?: boolean;\n\tallowEvents?: boolean;\n\tisChildLoading?: boolean;\n}>`\n\tposition: \n\t// if allowEvents is true, then position is relative, else position is absolute\n\t\t${(props) =>\n\t\tprops?.allowEvents || props?.isChildLoading ? 'relative' : 'absolute'};\n\tleft: 0px;\n\ttop: 0px;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 2;\n\tcursor: ${(props) => (props?.disabled ? 'not-allowed' : 'pointer')};\n`;\n\nexport const OpenDropdownContainer = styled.div`\n\tmargin-top: 8px;\n\tmargin-bottom: 8px;\n`;\n\nexport const LoadingContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tpadding: 6px 8px;\n\tbackground: ${COLORS.surface.hovered};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const ChipInputWrapper = styled.div<{ error?: boolean }>`\n\twidth: 360px;\n\theight: 100%;\n\tpadding: 8px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tborder-radius: 4px;\n\tborder: ${(props) =>\n\t\tprops.error\n\t\t\t? `1px solid ${COLORS.stroke.negative.vibrant}`\n\t\t\t: `1px solid ${COLORS.stroke.primary}`};\n\t.chips-container {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["OverLapAbs","styled","div","props","allowEvents","isChildLoading","disabled","OpenDropdownContainer","COLORS","surface","hovered","stroke","primary","ChipInputWrapper","error","negative","vibrant"],"mappings":"mFAGaA,MAAAA,EAAaC,EAAOC,GAI/B;;;IAGGC,IACHA,aAAA,EAAAA,EAAOC,eAAeD,aAAA,EAAAA,EAAOE,gBAAiB,WAAa;;;;;;WAMjDF,IAAWA,aAAK,EAALA,EAAOG,UAAW,cAAgB;EAG5CC,EAAwBN,EAAOC,GAAG;;;EAKfD,EAAOC,GAAG;;;;;eAK3BM,EAAOC,QAAQC;qBACTF,EAAOG,OAAOC;;EAItBC,MAAAA,EAAmBZ,EAAOC,GAAwB;;;;;;;;WAQnDC,GACVA,EAAMW,mBACUN,EAAOG,OAAOI,SAASC,UACvB,aAAAR,EAAOG,OAAOC;;;;;;;"}
+{"version":3,"file":"Common.styled.js","sources":["../../../../src/components/dropdown/Common.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const OverLapAbs = styled.div<{\n\tdisabled?: boolean;\n\tallowEvents?: boolean;\n\tisChildLoading?: boolean;\n}>`\n\tposition: \n\t// if allowEvents is true, then position is relative, else position is absolute\n\t\t${(props) =>\n\t\tprops?.allowEvents || props?.isChildLoading ? 'relative' : 'absolute'};\n\tleft: 0px;\n\ttop: 0px;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 2;\n\tcursor: ${(props) => (props?.disabled ? 'not-allowed' : 'pointer')};\n`;\n\nexport const OpenDropdownContainer = styled.div`\n\tmargin-top: 8px;\n\tmargin-bottom: 8px;\n`;\n\nexport const LoadingContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tpadding: 6px 8px;\n\tbackground: ${COLORS.surface.hovered};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n\nexport const ChipInputWrapper = styled.div<{ error?: boolean }>`\n\twidth: 360px;\n\theight: 100%;\n\tpadding: 8px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tborder-radius: 4px;\n\tborder: ${(props) =>\n\t\tprops.error\n\t\t\t? `1px solid ${COLORS.stroke.negative.vibrant}`\n\t\t\t: `1px solid ${COLORS.stroke.primary}`};\n\t.chips-container {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t}\n`;\n"],"names":["OverLapAbs","styled","div","props","allowEvents","isChildLoading","disabled","OpenDropdownContainer","COLORS","surface","hovered","stroke","primary","ChipInputWrapper","error","negative","vibrant"],"mappings":"mFAGaA,MAAAA,EAAaC,EAAOC,GAI/B;;;IAGGC,IACHA,aAAA,EAAAA,EAAOC,eAAeD,aAAA,EAAAA,EAAOE,gBAAiB,WAAa;;;;;;WAMjDF,IAAWA,aAAK,EAALA,EAAOG,UAAW,cAAgB;EAG5CC,EAAwBN,EAAOC,GAAG;;;EAKfD,EAAOC,GAAG;;;;;eAK3BM,EAAOC,QAAQC;qBACTF,EAAOG,OAAOC;;EAItBC,MAAAA,EAAmBZ,EAAOC,GAAwB;;;;;;;;WAQnDC,GACVA,EAAMW,MACH,aAAaN,EAAOG,OAAOI,SAASC,UACpC,aAAaR,EAAOG,OAAOC;;;;;;;"}

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

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

package/dist/esm/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","_ref","options","isSearchable","isMultiSelect","maxSelections","width","allowFreeForm","height","onClose","onSelect","onSearch","version","skipSorting","headerRef","hideSelectAll","primaryButtonText","onInfiniteScroll","onMultiSelectClear","onMultiSelectClearProp","onDropdownItemClick","buttonOptions","isSearchLoading","isOptionsLoading","optionsErrorState","disableSearchOptions","disableSearchedOptionExcept","useDefaultCursor","containerStyle","zeroState","isDraggable","onOptionsReorder","hideClearButton","showCheckboxForCustomElement","sortOptionsWithSelectedOnTop","useCallback","opts","selected","unselected","forEach","option","push","localOptions","setLocalOptions","useState","localOptionsRef","useRef","hasReorderedRef","onOptionsReorderRef","useEffect","current","handleOptionsReorder","reorderedOptions","optionsToUse","dropdownOptions","search","searchedString","searchedOptions","searchError","retrySearch","onApplyHandler","selectAllHandler","onFreeFormSelect","onMultiSelectApply","latestDropdownOptionsRef","getSelectedOptions","getCurrentSelectionCount","useDropdown","widthState","setWidthState","descriptionInfo","setDescription","focusedIndex","setFocusedIndex","ref","childRefs","menuListRef","useOutside","optionsToSend","timer","setTimeout","focus","preventScroll","clearTimeout","handleKeyDown","e","flattenedOptions","flattened","nestedOption","disabled","singleOption","getFlattenedOptions","length","key","preventDefault","prev","newIndex","focusedElement","_a","querySelector","scrollIntoView","block","behavior","focusedOption","Object","assign","dropdownElement","addEventListener","removeEventListener","heightToUse","menuListMaxHeight","widthToUse","endsWith","newWidth","parseInt","replace","exactMatchFound","optionsToShow","optionsToProcess","maxSelectionsReached","map","processOptionsWithMaxSelections","groupedOption","filter","op","label","toLowerCase","includes","_b","searchKey","noResultForSearch","showLoadingState","showErrorState","showEmptyState","showTopLevelZeroState","emptyStateTitle","title","emptyStateSubTitle","subTitle","errorStateTitle","errorStateSubTitle","defaultErrorActionButton","buttonText","buttonType","size","buttonTextColor","COLORS","background","inverseLight","customIconColor","LeadingIcon","RetryIcon","mergedErrorState","IconHolderStyle","negative","light","Icon","_jsx","ErrorInfoIcon","color","content","actionButton","zeroStateProps","undefined","_jsxs","OpennedDropdownContainer","tabIndex","style","outline","children","display","flexDirection","SearchBox","base","ZeroState","isLoading","MenuListContainer","minHeight","maxHeight","SelectAllMenu","SearchZeroState","errorMessage","onRetry","containerWidth","every","val","FreeFormMenu","MenuList","showDescription","description","MultiSelectDropdownBottomBar","onClear","onApply","list","Description"],"mappings":"w8BA2BA,MAAMA,EACG,IADHA,EAEE,IAGKC,EAA8CC,IAgCtD,IAhCuDC,QAC3DA,EAAOC,aACPA,EAAYC,cACZA,EAAaC,cACbA,EAAaC,MACbA,EAAKC,cACLA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,YACPA,EAAWC,UACXA,EAASC,cACTA,EAAaC,kBACbA,EAAiBC,iBACjBA,EACAC,mBAAoBC,EAAsBC,oBAC1CA,EAAmBC,cACnBA,EAAaC,gBACbA,EAAeC,iBACfA,EAAgBC,kBAChBA,EAAiBC,qBACjBA,EAAoBC,4BACpBA,EAA2BC,iBAC3BA,EAAgBC,eAChBA,EAAiB,CAAE,EAAAC,UACnBA,EAAqBC,YACrBA,GAAc,EAAKC,iBACnBA,EAAgBC,gBAChBA,GAAkB,EAAKC,6BACvBA,IAA+B,GAC/BhC,SAEA,MAAMiC,GAA+BC,GACnCC,IACA,IAAKN,IAAgB1B,EAAe,OAAOgC,EAE3C,MAAMC,EAA6B,GAC7BC,EAA+B,GAgBrC,OAdAF,EAAKG,SAASC,IACb,GAAKA,EAAyBtC,QAE7BoC,EAAWG,KAAKD,OACV,CACeA,EACJH,SAChBA,EAASI,KAAKD,GAEdF,EAAWG,KAAKD,EAEjB,KAGK,IAAIH,KAAaC,EAAW,GAEpC,CAACR,EAAa1B,KAGRsC,GAAcC,IAAmBC,GAA2B,IAClEV,GAA6BhC,KAExB2C,GAAkBC,EAAyBJ,IAC3CK,GAAkBD,GAAO,GACzBE,GAAsBF,EAAOf,GAEnCkB,GAAU,KACTN,GAAgBT,GAA6BhC,GAAS,GACpD,CAACA,EAASgC,KAEbe,GAAU,KACTJ,GAAgBK,QAAUR,EAAY,GACpC,CAACA,KAEJO,GAAU,KACTD,GAAoBE,QAAUnB,CAAgB,GAC5C,CAACA,IAGJkB,GAAU,IACF,KACFF,GAAgBG,SAAWF,GAAoBE,SAClDF,GAAoBE,QAAQL,GAAgBK,QAC5C,GAEA,IAEH,MAAMC,GAAuBhB,GAC3BiB,IACAT,GAAgBS,GAEA,QAAZxC,EACHmB,SAAAA,EAAmBqB,GAGnBL,GAAgBG,SAAU,CAC1B,GAEF,CAACnB,EAAkBnB,IAGdyC,GAAevB,EAAcY,GAAexC,GAC5CoD,gBACLA,GAAeC,OACfA,GAAMC,eACNA,GAAcC,gBACdA,GAAeC,YACfA,GAAWC,YACXA,GAAWC,eACXA,GAAcC,iBACdA,GAAgB3C,mBAChBA,GAAkB4C,iBAClBA,GAAgBC,mBAChBA,GAAkBC,yBAClBA,GAAwBC,mBACxBA,GAAkBC,yBAClBA,IACGC,EACHvD,EACAyC,GACA3C,EACAG,GAAeiB,EACf1B,EACAO,EACAc,EACAC,EACArB,IAEM+D,GAAYC,IAAiBzB,EAAStC,QAAAA,EAASP,IAC/CuE,GAAiBC,IAAkB3B,EAGhC,OACH4B,GAAcC,IAAmB7B,GAAkB,GACpD8B,GAAM5B,EAAuB,MAC7B6B,GAAY7B,EAAO,IACnB8B,GAAc9B,EAAuB,MAC3C+B,EACCH,IACA,KAEC,GADAH,GAAe,MACXnE,GAA6B,QAAZQ,EAAmB,CACvC,MAAMkE,EAAgBb,GACrBD,GAAyBd,SAE1BzC,SAAAA,EAAUqE,EACV,MACArE,SAAAA,EAAU6C,GACV,GAEF,CAACxC,EAAW6D,KAIb1B,GAAU,KACT,MAAM8B,EAAQC,YAAW,KACpBN,GAAIxB,SACPwB,GAAIxB,QAAQ+B,MAAM,CAAEC,eAAe,GACnC,GACC,GACH,MAAO,IAAMC,aAAaJ,EAAM,GAC9B,IAwBH9B,GAAU,KACT,MAAMmC,EAAiBC,IACtB,MAEMC,EAzBqBlD,KAC5B,MAAMmD,EAA4B,GAgBlC,OAfAnD,EAAKG,SAASC,IACb,GAAKA,EAAyBtC,QACPsC,EACRtC,QAAQqC,SAASiD,IACzBA,EAAaC,UACjBF,EAAU9C,KAAK+C,EACf,QAEI,CACN,MAAME,EAAelD,EAChBkD,EAAaD,UACjBF,EAAU9C,KAAKiD,EAEhB,KAEKH,CAAS,EAQUI,CADxBnC,IAAkB7C,EAAW8C,GAAkBH,IAGhD,GAAgC,IAA5BgC,EAAiBM,OAErB,GAAc,cAAVP,EAAEQ,IACLR,EAAES,iBACFrB,IAAiBsB,IAChB,MAAMC,EAAWD,EAAOT,EAAiBM,OAAS,EAAIG,EAAO,EAAI,EAajE,OAXAf,YAAW,WACV,MAAMiB,EAAsC,QAArBC,EAAAtB,GAAY1B,eAAS,IAAAgD,OAAA,EAAAA,EAAAC,cAC3C,uBAAuBH,OAEpBC,GACHA,EAAeG,eAAe,CAC7BC,MAAO,UACPC,SAAU,UAEX,GACC,GACIN,CAAQ,SAEV,GAAc,YAAVX,EAAEQ,IACZR,EAAES,iBACFrB,IAAiBsB,IAChB,MAAMC,EAAWD,EAAO,EAAIA,EAAO,EAAIT,EAAiBM,OAAS,EAajE,OAXAZ,YAAW,WACV,MAAMiB,EAAsC,QAArBC,EAAAtB,GAAY1B,eAAS,IAAAgD,OAAA,EAAAA,EAAAC,cAC3C,uBAAuBH,OAEpBC,GACHA,EAAeG,eAAe,CAC7BC,MAAO,UACPC,SAAU,UAEX,GACC,GACIN,CAAQ,SAEV,GAAc,UAAVX,EAAEQ,KAAmBrB,IAAgB,EAAG,CAClDa,EAAES,iBACF,MAAMS,EAAgBjB,EAAiBd,IACnC+B,IAEH3C,GAAc4C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACVF,GAAa,CAChBlE,UAAWkE,EAAclE,YAGtBjB,GACHA,EAAoBmF,GAGtB,GAGIG,EAAkBhC,GAAIxB,QAC5B,GAAIwD,EAEH,OADAA,EAAgBC,iBAAiB,UAAWvB,GACrC,KACNsB,EAAgBE,oBAAoB,UAAWxB,EAAc,CAE9D,GACC,CACFZ,GACAhB,GACAC,GACAH,GACA3C,EACAiD,GACAxC,IAID,MAAMyF,GAAcrG,QAAAA,EAAUT,EACxB+G,GACkB,iBAAhBD,GACJ1G,GAAgBC,EACfyG,GAAc,GACb1G,IAAiBC,IAAoBD,GAAgBC,EACtDyG,GAAc,GACdA,GACDA,GAaJ5D,GAAU,KACT,MAAM8D,EAAazG,QAAAA,EAASP,EAC5B,GAAwB,OAApBuE,GACHD,GAAc0C,QACR,GAA0B,iBAAfA,EACjB1C,GAA2B,EAAb0C,QACR,GAA0B,iBAAfA,GACbA,EAAWC,SAAS,MAAO,CAC9B,MAAMC,EAAoD,EAAzCC,SAASH,EAAWI,QAAQ,KAAM,KACnD9C,GAAc4C,EACd,CACD,GACC,CAAC3C,KAMJ,MAAM8C,GAA6B,GA0C7BC,GAvCLC,KAEA,IAAKlH,IAAmBC,GAAmC,IAAlBA,EACxC,OAAOiH,EAKR,MACMC,EADwBrD,GAAyBZ,KACDjD,EAEtD,OAAKkH,EAKED,EAAiBE,KAAKhF,IAC5B,GAAKA,EAAyBtC,QAC7B,OACIsG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjE,IACHtC,QAAUsC,EAAyBtC,QAAQsH,KAAKhC,GAC5CgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,IACHC,SACCD,EAAaC,WACXD,EAAanD,UAAYkF,QAGxB,CACN,MAAM7B,EAAelD,EACrB,OAAAgE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIf,GACH,CAAAD,SACCC,EAAaD,WACXC,EAAarD,UAAYkF,GAE7B,KAvBMD,CAwBN,EAGmBG,EACpBjE,IAAkB7C,EAAW8C,GAAkBH,IAC9CkE,KAAKhF,YACL,GAAIgB,KAAmB7C,EAAU,CAChC,GAAK6B,EAAyBtC,QAAS,CACtC,MAAMwH,EAAgBlB,OAAKC,OAAA,CAAA,EAAAjE,GAe3B,OAdAkF,EAAcxH,QAAUwH,EAAcxH,QAAQyH,QAAQC,UACrD,iBACC1B,EAAA0B,EAAGC,4BAAOC,cAAcC,SAASvE,GAAesE,kBAEhDV,GAAgB3E,MACde,IAAkBoE,EAAGC,QAAUrE,KAG1B,EAGI,IAGNkE,EAAcxH,QAAQ0F,OAAS,EAAI8B,EAAgB,IAC1D,CACA,OAEI,QADHxB,EAAA1D,EAAOqF,aACJ,IAAA3B,OAAA,EAAAA,EAAA4B,cACDC,SAASvE,GAAesE,kBAC4B,QAAtDE,EAACxF,EAA4CyF,iBAAS,IAAAD,OAAA,EAAAA,EACnDF,cACDC,SAASvE,GAAesE,iBAE1BV,GAAgB3E,MACde,IAAkBhB,EAAOqF,QAAUrE,IAE9BhB,GAEA,IAGT,CAED,OAAOA,CAAM,IAEbmF,QAAQnF,GAAsB,OAAXA,KAGhB0F,KACH/H,GAAgBqD,IAA2C,IAAzB6D,GAAczB,OAC7CuC,IAAoB3E,MAAoBjC,EACxC6G,IACJ5E,MAAoBhC,IAAsB2G,GACtCE,KACJ7E,IACA6D,GAAczB,QACduC,IACAC,IACIE,GACLH,IAAoBC,IAAkBC,GAEjCE,IAAkB1G,aAAA,EAAAA,EAAW2G,QAAS,mBACtCC,IACL5G,aAAS,EAATA,EAAW6G,WACX,4FACKC,IAAkBnH,aAAA,EAAAA,EAAmBgH,QAAS,yBAC9CI,IACLpH,aAAiB,EAAjBA,EAAmBkH,WACnB,iEACKG,GAA2B,CAChCC,WAAY,YACZC,WAAY,OACZC,KAAM,QACNC,gBAAiBC,EAAOC,WAAWC,aACnCC,gBAAiBH,EAAOC,WAAWC,aACnCE,YAAaC,GAGRC,GACLhD,OAAAC,OAAA,CAAAgD,gBAAiB,CAChBN,WAAYD,EAAOC,WAAWO,SAASC,OAExCC,KACCC,EAACC,EAAc,CAAAC,MAAOb,EAAOc,QAAQN,SAAUpJ,MAAO,GAAIE,OAAQ,MAEhEgB,GAEJgI,GAAiBS,aAAYzD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBoC,eACCrH,aAAiB,EAAjBA,EAAmByI,8BAAgB,CAAG,GAE3C,MAAMC,GAAiB/B,QACpBgC,EACA/B,GACAoB,GACA3H,EAEH,OACCuI,EAACC,EACA7D,OAAAC,OAAA,CAAA7F,QAASA,EACT8D,IAAKA,GACL4F,UAAW,EACXC,MAAK/D,OAAAC,OAAAD,OAAAC,OAAA,CAEJnG,MAAO8D,IACJxC,GAAc,CACjB4I,QAAS,UAAM,CAAAC,SAAA,CAGhBL,EACC,MAAA5D,OAAAC,OAAA,CAAA8D,MAAO,CACNjK,MAAOgE,GAAkB,MAAQ,OACjCoG,QAAS,OACTC,cAAe,SACfxB,WAAY,UAGZ,CAAAsB,SAAA,GAAEtK,GAAgB0J,EAACe,EAAS,CAACjK,SAAU4C,GAAQ3C,QAASA,IAExD0H,GACAuB,EACC,MAAArD,OAAAC,OAAA,CAAA8D,MAAO,CACN/J,OAAQqG,GACR6D,QAAS,OACTvB,WAAYD,EAAOC,WAAW0B,OAC9B,CAAAJ,SAEDZ,EAACiB,EACItE,OAAAC,OAAA,CAAA,EAACyD,SAAAA,GAAkB,CAAA,GACvBa,UAAW5C,GACXK,MAAOJ,GAAiBO,GAAkBJ,GAC1CG,SACCN,GAAiBQ,GAAqBH,SAKzC2B,EAACY,EACAxE,OAAAC,OAAA,CAAAwE,UAAWpE,GACXqE,UAAWpE,GACXpC,IAAKE,IAAW,CAAA6F,SAAA,GAEbrK,IAAkB8H,KAAsBnH,GAC1C8I,EAACsB,EACA,CAAAvK,QAASA,EACTV,QACCsD,IAAkB7C,EAAW8C,GAAkBH,GAEhD5C,SAAUmD,MAIVtD,GAAiB2H,IAClB2B,EAACuB,EACA,CAAAL,UAAWzJ,EACX+J,aAAc3H,GACd4H,QAAS3H,GACTnD,OAAQsG,GACRtD,eAAgBA,GAChB+H,eAAgBjL,IAGjBC,IACC2H,MACGd,GAAgBxB,QAClBwB,GAAgBoE,OAAOC,IAAgB,IAARA,MAChC5B,EAAC6B,EAAY,CACZ9K,QAASA,EACTR,cAAeA,EACfM,SAAUoD,GACVN,eAAgBA,KAInBqG,EAAC8B,EACA,CAAA1K,iBAAkBA,EAClBG,oBAAqBA,EACrBR,QAASA,EACTF,SAAUkD,GACVgI,gBAvPN,SAAyBpD,EAAgBqD,GAEvCtH,GADGiE,GAASqD,EACG,CACdrD,QACAqD,eAGc,KAEjB,EA+OMzL,cAAeA,EACfF,QAASmH,GACT1F,iBAAkBA,EAClB+C,IAAKC,GACLH,aAAcA,GACd1C,YAAaA,EACbC,iBAAkBoB,GAClBlB,6BAA8BA,WAI9B7B,IAAkBkI,IAAqC,QAAZ1H,GAC7CiJ,EAACiC,EACA,CAAAC,QAASA,KACR7K,KACAC,SAAAA,GAA0B,EAE3B6K,QAASjI,GACTkI,KACCzI,IAAkB7C,EAAW8C,GAAkBH,GAEhDwF,WAAY9H,EACZK,cAAeA,EACfW,gBAAiBA,UAIjBsC,IACFuF,EAACqC,EAAW,CACX1D,MAAOlE,GAAgBkE,MACvBqD,YAAavH,GAAgBuH,YAC7BjL,QAASA,OAGe"}
+{"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","onMultiSelectClear","onMultiSelectClearProp","onDropdownItemClick","buttonOptions","isSearchLoading","isOptionsLoading","optionsErrorState","disableSearchOptions","disableSearchedOptionExcept","useDefaultCursor","containerStyle","zeroState","isDraggable","onOptionsReorder","hideClearButton","showCheckboxForCustomElement","sortOptionsWithSelectedOnTop","useCallback","opts","selected","unselected","forEach","option","push","localOptions","setLocalOptions","useState","localOptionsRef","useRef","hasReorderedRef","onOptionsReorderRef","useEffect","current","handleOptionsReorder","reorderedOptions","optionsToUse","dropdownOptions","search","searchedString","searchedOptions","searchError","retrySearch","onApplyHandler","selectAllHandler","onFreeFormSelect","onMultiSelectApply","latestDropdownOptionsRef","getSelectedOptions","getCurrentSelectionCount","useDropdown","widthState","setWidthState","descriptionInfo","setDescription","focusedIndex","setFocusedIndex","ref","childRefs","menuListRef","useOutside","optionsToSend","timer","setTimeout","focus","preventScroll","clearTimeout","handleKeyDown","e","flattenedOptions","flattened","nestedOption","disabled","singleOption","getFlattenedOptions","length","key","preventDefault","prev","newIndex","focusedElement","_a","querySelector","scrollIntoView","block","behavior","focusedOption","Object","assign","dropdownElement","addEventListener","removeEventListener","heightToUse","menuListMaxHeight","widthToUse","endsWith","newWidth","parseInt","replace","exactMatchFound","optionsToShow","optionsToProcess","maxSelectionsReached","map","processOptionsWithMaxSelections","groupedOption","filter","op","label","toLowerCase","includes","_b","searchKey","noResultForSearch","showLoadingState","showErrorState","showEmptyState","showTopLevelZeroState","emptyStateTitle","title","emptyStateSubTitle","subTitle","errorStateTitle","errorStateSubTitle","defaultErrorActionButton","buttonText","buttonType","size","buttonTextColor","COLORS","background","inverseLight","customIconColor","LeadingIcon","RetryIcon","mergedErrorState","IconHolderStyle","negative","light","Icon","_jsx","ErrorInfoIcon","color","content","actionButton","zeroStateProps","undefined","_jsxs","OpennedDropdownContainer","tabIndex","style","outline","children","display","flexDirection","SearchBox","base","ZeroState","isLoading","MenuListContainer","minHeight","maxHeight","SelectAllMenu","SearchZeroState","errorMessage","onRetry","containerWidth","every","val","FreeFormMenu","MenuList","showDescription","description","MultiSelectDropdownBottomBar","onClear","onApply","list","Description"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l,version:m}=s;return t(n,Object.assign({version:m},{children:e("div",Object.assign({style:{padding:"2.0"===m?12:24}},{children:[t(r,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:c})),t(o,Object.assign({style:{color:i.content.secondary}},{children:l}))]}))}))};export{s as Description};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as s}from"./Description.styled.js";const n=({title:n,description:c,version:m})=>t(s,Object.assign({version:m},{children:e("div",Object.assign({style:{padding:"2.0"===m?12:24}},{children:[t(r,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:n})),t(o,Object.assign({style:{color:i.content.secondary}},{children:c}))]}))}));export{n as Description};
 //# sourceMappingURL=Description.js.map

package/dist/esm/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","_ref","title","description","version","_jsx","DescriptionContainer","Object","assign","children","_jsxs","style","padding","TitleRegular","color","COLORS","content","primary","marginBottom","BodySecondary","secondary"],"mappings":"6PAKaA,MAAAA,EAIRC,IAAoC,IAAnCC,MAAEA,EAAKC,YAAEA,EAAWC,QAAEA,GAASH,EACpC,OACCI,EAACC,EAAoBC,OAAAC,OAAA,CAACJ,QAASA,GAC9B,CAAAK,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CAAKG,MAAO,CAAEC,QAAqB,QAAZR,EAAoB,GAAK,KAAI,CAAAK,SAAA,CACnDJ,EAACQ,EACAN,OAAAC,OAAA,CAAAG,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,QAASC,aAAc,IAErD,CAAAT,SAAAP,KAEFG,EAACc,EAAaZ,OAAAC,OAAA,CAACG,MAAO,CAAEG,MAAOC,EAAOC,QAAQI,sBAC5CjB,WAGmB"}
+{"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","_jsx","DescriptionContainer","Object","assign","children","_jsxs","style","padding","TitleRegular","color","COLORS","content","primary","marginBottom","BodySecondary","secondary"],"mappings":"6PAKO,MAAMA,EAIRA,EAAGC,QAAOC,cAAaC,aAE1BC,EAACC,EAAoBC,OAAAC,OAAA,CAACJ,QAASA,GAC9B,CAAAK,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CAAKG,MAAO,CAAEC,QAAqB,QAAZR,EAAoB,GAAK,KAAI,CAAAK,SAAA,CACnDJ,EAACQ,EACAN,OAAAC,OAAA,CAAAG,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,QAASC,aAAc,IAErD,CAAAT,SAAAP,KAEFG,EAACc,EAAaZ,OAAAC,OAAA,CAACG,MAAO,CAAEG,MAAOC,EAAOC,QAAQI,sBAC5CjB"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const m=m=>{let{searchedString:l,onSelect:a,isMultiSelect:p,version:f}=m;const[h,u]=o(!1);function d(){u(!h),a(!h)}return e(i,{version:f,onClick:e=>{e.preventDefault(),d()},listItem:{label:l,value:l},leadingIcon:p?e(r,{size:"2.0"===f?"SMALL":"DEFAULT",isChecked:h,onValueChange:d}):e(t,{}),trailingIcon:e(c,{children:e(n,Object.assign({style:{color:s.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const m=({searchedString:m,onSelect:l,isMultiSelect:a,version:p})=>{const[f,h]=o(!1);function u(){h(!f),l(!f)}return e(i,{version:p,onClick:e=>{e.preventDefault(),u()},listItem:{label:m,value:m},leadingIcon:a?e(r,{size:"2.0"===p?"SMALL":"DEFAULT",isChecked:f,onValueChange:u}):e(t,{}),trailingIcon:e(c,{children:e(n,Object.assign({style:{color:s.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};
 //# sourceMappingURL=FreeFormMenu.js.map

package/dist/esm/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","_ref","searchedString","onSelect","isMultiSelect","version","isChecked","setChecked","useState","onCheckHandler","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","CheckBox","size","onValueChange","trailingIcon","FreeFormContainer","BodyCaption","Object","assign","style","color","COLORS","content","secondary","children"],"mappings":"qYAOaA,MAAAA,EAKRC,IAAyD,IAAxDC,eAAEA,EAAcC,SAAEA,EAAQC,cAAEA,EAAaC,QAAEA,GAASJ,EACzD,MAAOK,EAAWC,GAAcC,GAAS,GACzC,SAASC,IACRF,GAAYD,GACZH,GAAUG,EACX,CAEA,OACCI,EAACC,EAAQ,CACRN,QAASA,EACTO,QAAUC,IACTA,EAAEC,iBACFL,GAAgB,EAEjBM,SAAU,CACTC,MAAOd,EACPe,MAAOf,GAERgB,YACCd,EACCM,EAACS,EACA,CAAAC,KAAkB,QAAZf,EAAoB,QAAU,UACpCC,UAAWA,EACXe,cAAeZ,IAGhBC,QAGFY,aACCZ,EAACa,YACAb,EAACc,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,MAAOC,EAAOC,QAAQC,YAIV,CAAAC,SAAA,iBAGf"}
+{"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","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","CheckBox","size","onValueChange","trailingIcon","FreeFormContainer","BodyCaption","Object","assign","style","color","COLORS","content","secondary","children"],"mappings":"qYAOO,MAAMA,EAKRA,EAAGC,iBAAgBC,WAAUC,gBAAeC,cAChD,MAAOC,EAAWC,GAAcC,GAAS,GACzC,SAASC,IACRF,GAAYD,GACZH,GAAUG,EACX,CAEA,OACCI,EAACC,EAAQ,CACRN,QAASA,EACTO,QAAUC,IACTA,EAAEC,iBACFL,GAAgB,EAEjBM,SAAU,CACTC,MAAOd,EACPe,MAAOf,GAERgB,YACCd,EACCM,EAACS,EACA,CAAAC,KAAkB,QAAZf,EAAoB,QAAU,UACpCC,UAAWA,EACXe,cAAeZ,IAGhBC,QAGFY,aACCZ,EAACa,YACAb,EAACc,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,MAAOC,EAAOC,QAAQC,YAIV,CAAAC,SAAA,iBAGf"}

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

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

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

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

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useState as s,useCallback as l,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as u}from"./MenuList.styled.js";const a=r(((r,a)=>{let{options:d,isMultiSelect:p,showDescription:f,onSelect:m,version:g,onInfiniteScroll:h,onDropdownItemClick:D,useDefaultCursor:b,focusedIndex:v=-1,isDraggable:w=!1,onOptionsReorder:C,showCheckboxForCustomElement:I=!1}=r;const j=o(null),x=o(null),[S,E]=s(null),[O,k]=s(null),M=l((()=>{j.current&&j.current.disconnect(),j.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==h||h())})),x.current&&j.current.observe(x.current)}),[h]);i((()=>(M(),()=>{j.current&&j.current.disconnect()})),[M,d]);const y=l((e=>n=>{w&&(E(e),n.dataTransfer.effectAllowed="move")}),[w]),F=l((e=>n=>{w&&(n.preventDefault(),n.dataTransfer.dropEffect="move",k(e))}),[w]),T=l((e=>n=>{if(w&&null!==S){if(n.preventDefault(),S!==e){const n=[...d],[t]=n.splice(S,1);n.splice(e,0,t),null==C||C(n)}E(null),k(null)}}),[w,S,d,C]),R=l((()=>{E(null),k(null)}),[]),$=new Map;let A=-1;return d.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(A++,$.set(e,A))}));else{const n=e;n.disabled||(A++,$.set(n,A))}})),e(n,{children:d.map(((n,r)=>{const o=r===d.length-1;if(n.options){const s=n;return t("div",Object.assign({style:{marginTop:"2.0"===g?2:0}},{children:[t(u,Object.assign({version:g},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,t)=>{const o=$.get(n),l=o===v&&!n.disabled;return e(c,{version:g,last:t===s.options.length-1,onSelect:m,showDescription:f,onDropdownItemClick:D,isMultiSelect:p,option:n,useDefaultCursor:b,isFocused:l,dataIndex:o,isDraggable:!1,showCheckboxForCustomElement:I,ref:e=>{a&&"object"==typeof a&&a.current&&e&&e&&e&&e&&(a.current[r]=e)}},`${r}-${t}`)})),o?e("span",{ref:x}):null]}),r)}const s=n,l=$.get(s),i=l===v&&!s.disabled;return t("div",{children:[e(c,{version:g,last:o,onSelect:m,showDescription:f,onDropdownItemClick:D,isMultiSelect:p,option:s,useDefaultCursor:b,isFocused:i,dataIndex:l,isDraggable:w,onDragStart:y(r),onDragOver:F(r),onDrop:T(r),onDragEnd:R,isDraggedOver:O===r,showCheckboxForCustomElement:I,ref:e=>{a&&"object"==typeof a&&a.current&&e&&(a.current[r]=e)}},s.value),o?e("span",{ref:x}):null]},r)}))})}));export{a as MenuList};
+import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useState as s,useCallback as l,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as u}from"./MenuList.styled.js";const a=r((({options:r,isMultiSelect:a,showDescription:d,onSelect:p,version:f,onInfiniteScroll:m,onDropdownItemClick:g,useDefaultCursor:h,focusedIndex:D=-1,isDraggable:b=!1,onOptionsReorder:v,showCheckboxForCustomElement:w=!1},C)=>{const I=o(null),j=o(null),[x,S]=s(null),[E,O]=s(null),k=l((()=>{I.current&&I.current.disconnect(),I.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==m||m())})),j.current&&I.current.observe(j.current)}),[m]);i((()=>(k(),()=>{I.current&&I.current.disconnect()})),[k,r]);const M=l((e=>n=>{b&&(S(e),n.dataTransfer.effectAllowed="move")}),[b]),y=l((e=>n=>{b&&(n.preventDefault(),n.dataTransfer.dropEffect="move",O(e))}),[b]),F=l((e=>n=>{if(b&&null!==x){if(n.preventDefault(),x!==e){const n=[...r],[t]=n.splice(x,1);n.splice(e,0,t),null==v||v(n)}S(null),O(null)}}),[b,x,r,v]),T=l((()=>{S(null),O(null)}),[]),R=new Map;let $=-1;return r.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||($++,R.set(e,$))}));else{const n=e;n.disabled||($++,R.set(n,$))}})),e(n,{children:r.map(((n,o)=>{const s=o===r.length-1;if(n.options){const r=n;return t("div",Object.assign({style:{marginTop:"2.0"===f?2:0}},{children:[t(u,Object.assign({version:f},{children:[r.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:r.leadingIcon})):null,r.label]})),r.options.map(((n,t)=>{const s=R.get(n),l=s===D&&!n.disabled;return e(c,{version:f,last:t===r.options.length-1,onSelect:p,showDescription:d,onDropdownItemClick:g,isMultiSelect:a,option:n,useDefaultCursor:h,isFocused:l,dataIndex:s,isDraggable:!1,showCheckboxForCustomElement:w,ref:e=>{C&&"object"==typeof C&&C.current&&e&&e&&e&&e&&(C.current[o]=e)}},`${o}-${t}`)})),s?e("span",{ref:j}):null]}),o)}const l=n,i=R.get(l),m=i===D&&!l.disabled;return t("div",{children:[e(c,{version:f,last:s,onSelect:p,showDescription:d,onDropdownItemClick:g,isMultiSelect:a,option:l,useDefaultCursor:h,isFocused:m,dataIndex:i,isDraggable:b,onDragStart:M(o),onDragOver:y(o),onDrop:F(o),onDragEnd:T,isDraggedOver:E===o,showCheckboxForCustomElement:w,ref:e=>{C&&"object"==typeof C&&C.current&&e&&(C.current[o]=e)}},l.value),s?e("span",{ref:j}):null]},o)}))})}));export{a as MenuList};
 //# sourceMappingURL=MenuList.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\nimport { MenuItem } from './MenuItem';\nimport { StyledGroupedLabel } from './MenuList.styled';\n\ninterface MenuListProps {\n\toptions: DropdownOption[];\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (optionSelect: SingleOption) => void;\n\tversion?: '1.0' | '2.0';\n\tonInfiniteScroll?: () => void;\n\tonDropdownItemClick?: (option: DropdownOption) => void;\n\tuseDefaultCursor?: boolean;\n\tfocusedIndex?: number;\n\tisDraggable?: boolean;\n\tonOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuList = forwardRef<HTMLDivElement[], MenuListProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tversion,\n\t\t\tonInfiniteScroll,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tfocusedIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonOptionsReorder,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst observer = useRef<IntersectionObserver | null>(null);\n\t\tconst spanRef = useRef<HTMLSpanElement | null>(null);\n\t\tconst [draggedIndex, setDraggedIndex] = useState<number | null>(null);\n\t\tconst [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(\n\t\t\tnull,\n\t\t);\n\n\t\tconst setupObserver = useCallback(() => {\n\t\t\tif (observer.current) {\n\t\t\t\tobserver.current.disconnect();\n\t\t\t}\n\t\t\tobserver.current = new IntersectionObserver((entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tonInfiniteScroll?.();\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (spanRef.current) {\n\t\t\t\tobserver.current.observe(spanRef.current);\n\t\t\t}\n\t\t}, [onInfiniteScroll]);\n\n\t\tuseEffect(() => {\n\t\t\tsetupObserver();\n\t\t\treturn () => {\n\t\t\t\tif (observer.current) {\n\t\t\t\t\tobserver.current.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t}, [setupObserver, options]);\n\n\t\tconst handleDragStart = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\tsetDraggedIndex(index);\n\t\t\t\te.dataTransfer.effectAllowed = 'move';\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDragOver = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\t\tsetDraggedOverIndex(index);\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(dropIndex: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable || draggedIndex === null) return;\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (draggedIndex !== dropIndex) {\n\t\t\t\t\tconst newOptions = [...options];\n\t\t\t\t\tconst [item] = newOptions.splice(draggedIndex, 1);\n\t\t\t\t\tnewOptions.splice(dropIndex, 0, item);\n\t\t\t\t\tonOptionsReorder?.(newOptions);\n\t\t\t\t}\n\n\t\t\t\tsetDraggedIndex(null);\n\t\t\t\tsetDraggedOverIndex(null);\n\t\t\t},\n\t\t\t[isDraggable, draggedIndex, options, onOptionsReorder],\n\t\t);\n\n\t\tconst handleDragEnd = useCallback(() => {\n\t\t\tsetDraggedIndex(null);\n\t\t\tsetDraggedOverIndex(null);\n\t\t}, []);\n\n\t\t// Calculate flat indices for all options\n\t\tconst flatIndices = new Map<SingleOption, number>();\n\t\tlet currentIndex = -1;\n\t\toptions.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((menuOption) => {\n\t\t\t\t\tif (!menuOption.disabled) {\n\t\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\t\tflatIndices.set(menuOption, currentIndex);\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\tcurrentIndex++;\n\t\t\t\t\tflatIndices.set(singleOption, currentIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{options.map((option, i) => {\n\t\t\t\t\tconst last = i === options.length - 1;\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={i} style={{ marginTop: version === '2.0' ? 2 : 0 }}>\n\t\t\t\t\t\t\t\t<StyledGroupedLabel version={version}>\n\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ marginRight: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{groupedOption.label}\n\t\t\t\t\t\t\t\t</StyledGroupedLabel>\n\t\t\t\t\t\t\t\t{groupedOption.options.map((menuOption, idx) => {\n\t\t\t\t\t\t\t\t\tconst currentFlatIndex = flatIndices.get(menuOption);\n\t\t\t\t\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !menuOption.disabled;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tlast={idx === groupedOption.options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\t\t\toption={menuOption}\n\t\t\t\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\t\t\t\tkey={`${i}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\t\t\t\tisDraggable={false}\n\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={\n\t\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) ref.current[i] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tconst currentFlatIndex = flatIndices.get(singleOption);\n\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !singleOption.disabled;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={i}>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\tlast={last}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\toption={singleOption}\n\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\tkey={singleOption.value}\n\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\t\tonDragStart={handleDragStart(i)}\n\t\t\t\t\t\t\t\tonDragOver={handleDragOver(i)}\n\t\t\t\t\t\t\t\tonDrop={handleDrop(i)}\n\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\tisDraggedOver={draggedOverIndex === i}\n\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current && el) {\n\t\t\t\t\t\t\t\t\t\tref.current[i] = el;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["MenuList","forwardRef","_ref","ref","options","isMultiSelect","showDescription","onSelect","version","onInfiniteScroll","onDropdownItemClick","useDefaultCursor","focusedIndex","isDraggable","onOptionsReorder","showCheckboxForCustomElement","observer","useRef","spanRef","draggedIndex","setDraggedIndex","useState","draggedOverIndex","setDraggedOverIndex","setupObserver","useCallback","current","disconnect","IntersectionObserver","entries","isIntersecting","observe","useEffect","handleDragStart","index","e","dataTransfer","effectAllowed","handleDragOver","preventDefault","dropEffect","handleDrop","dropIndex","newOptions","item","splice","handleDragEnd","flatIndices","Map","currentIndex","forEach","option","menuOption","disabled","set","singleOption","_jsx","_Fragment","children","map","i","last","length","groupedOption","_jsxs","Object","assign","style","marginTop","StyledGroupedLabel","leadingIcon","marginRight","label","idx","currentFlatIndex","get","isFocused","MenuItem","dataIndex","el","onDragStart","onDragOver","onDrop","onDragEnd","isDraggedOver","value"],"mappings":"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"}
+{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\nimport { MenuItem } from './MenuItem';\nimport { StyledGroupedLabel } from './MenuList.styled';\n\ninterface MenuListProps {\n\toptions: DropdownOption[];\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (optionSelect: SingleOption) => void;\n\tversion?: '1.0' | '2.0';\n\tonInfiniteScroll?: () => void;\n\tonDropdownItemClick?: (option: DropdownOption) => void;\n\tuseDefaultCursor?: boolean;\n\tfocusedIndex?: number;\n\tisDraggable?: boolean;\n\tonOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuList = forwardRef<HTMLDivElement[], MenuListProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tversion,\n\t\t\tonInfiniteScroll,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tfocusedIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonOptionsReorder,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst observer = useRef<IntersectionObserver | null>(null);\n\t\tconst spanRef = useRef<HTMLSpanElement | null>(null);\n\t\tconst [draggedIndex, setDraggedIndex] = useState<number | null>(null);\n\t\tconst [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(\n\t\t\tnull,\n\t\t);\n\n\t\tconst setupObserver = useCallback(() => {\n\t\t\tif (observer.current) {\n\t\t\t\tobserver.current.disconnect();\n\t\t\t}\n\t\t\tobserver.current = new IntersectionObserver((entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tonInfiniteScroll?.();\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (spanRef.current) {\n\t\t\t\tobserver.current.observe(spanRef.current);\n\t\t\t}\n\t\t}, [onInfiniteScroll]);\n\n\t\tuseEffect(() => {\n\t\t\tsetupObserver();\n\t\t\treturn () => {\n\t\t\t\tif (observer.current) {\n\t\t\t\t\tobserver.current.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t}, [setupObserver, options]);\n\n\t\tconst handleDragStart = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\tsetDraggedIndex(index);\n\t\t\t\te.dataTransfer.effectAllowed = 'move';\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDragOver = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\t\tsetDraggedOverIndex(index);\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(dropIndex: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable || draggedIndex === null) return;\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (draggedIndex !== dropIndex) {\n\t\t\t\t\tconst newOptions = [...options];\n\t\t\t\t\tconst [item] = newOptions.splice(draggedIndex, 1);\n\t\t\t\t\tnewOptions.splice(dropIndex, 0, item);\n\t\t\t\t\tonOptionsReorder?.(newOptions);\n\t\t\t\t}\n\n\t\t\t\tsetDraggedIndex(null);\n\t\t\t\tsetDraggedOverIndex(null);\n\t\t\t},\n\t\t\t[isDraggable, draggedIndex, options, onOptionsReorder],\n\t\t);\n\n\t\tconst handleDragEnd = useCallback(() => {\n\t\t\tsetDraggedIndex(null);\n\t\t\tsetDraggedOverIndex(null);\n\t\t}, []);\n\n\t\t// Calculate flat indices for all options\n\t\tconst flatIndices = new Map<SingleOption, number>();\n\t\tlet currentIndex = -1;\n\t\toptions.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((menuOption) => {\n\t\t\t\t\tif (!menuOption.disabled) {\n\t\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\t\tflatIndices.set(menuOption, currentIndex);\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\tcurrentIndex++;\n\t\t\t\t\tflatIndices.set(singleOption, currentIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{options.map((option, i) => {\n\t\t\t\t\tconst last = i === options.length - 1;\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={i} style={{ marginTop: version === '2.0' ? 2 : 0 }}>\n\t\t\t\t\t\t\t\t<StyledGroupedLabel version={version}>\n\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ marginRight: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{groupedOption.label}\n\t\t\t\t\t\t\t\t</StyledGroupedLabel>\n\t\t\t\t\t\t\t\t{groupedOption.options.map((menuOption, idx) => {\n\t\t\t\t\t\t\t\t\tconst currentFlatIndex = flatIndices.get(menuOption);\n\t\t\t\t\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !menuOption.disabled;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tlast={idx === groupedOption.options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\t\t\toption={menuOption}\n\t\t\t\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\t\t\t\tkey={`${i}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\t\t\t\tisDraggable={false}\n\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={\n\t\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) ref.current[i] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tconst currentFlatIndex = flatIndices.get(singleOption);\n\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !singleOption.disabled;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={i}>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\tlast={last}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\toption={singleOption}\n\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\tkey={singleOption.value}\n\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\t\tonDragStart={handleDragStart(i)}\n\t\t\t\t\t\t\t\tonDragOver={handleDragOver(i)}\n\t\t\t\t\t\t\t\tonDrop={handleDrop(i)}\n\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\tisDraggedOver={draggedOverIndex === i}\n\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current && el) {\n\t\t\t\t\t\t\t\t\t\tref.current[i] = el;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["MenuList","forwardRef","options","isMultiSelect","showDescription","onSelect","version","onInfiniteScroll","onDropdownItemClick","useDefaultCursor","focusedIndex","isDraggable","onOptionsReorder","showCheckboxForCustomElement","ref","observer","useRef","spanRef","draggedIndex","setDraggedIndex","useState","draggedOverIndex","setDraggedOverIndex","setupObserver","useCallback","current","disconnect","IntersectionObserver","entries","isIntersecting","observe","useEffect","handleDragStart","index","e","dataTransfer","effectAllowed","handleDragOver","preventDefault","dropEffect","handleDrop","dropIndex","newOptions","item","splice","handleDragEnd","flatIndices","Map","currentIndex","forEach","option","menuOption","disabled","set","singleOption","_jsx","_Fragment","children","map","i","last","length","groupedOption","_jsxs","Object","assign","style","marginTop","StyledGroupedLabel","leadingIcon","marginRight","label","idx","currentFlatIndex","get","isFocused","MenuItem","dataIndex","el","onDragStart","onDragOver","onDrop","onDragEnd","isDraggedOver","value"],"mappings":"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"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const c=c=>{let{options:n,onSelect:r,version:s}=c;const[a,d]=t("notSelected");function p(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return l((()=>{const e=[];n.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?d("selectAll"):e.filter(Boolean).length>0?d("partiallySelected"):d("notSelected")}),[n]),e(i,{version:s,onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",Object.assign({style:{width:18,height:18}},{children:e(o,{size:"2.0"===s?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:p})})),variant:"default"})};export{c as SelectAllMenu};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const c=({options:c,onSelect:n,version:r})=>{const[s,a]=t("notSelected");function d(){"partiallySelected"===s&&n("notSelected"),"selectAll"===s&&n("notSelected"),"notSelected"===s&&n("selectAll")}return l((()=>{const e=[];c.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")}),[c]),e(i,{version:r,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",Object.assign({style:{width:18,height:18}},{children:e(o,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===s||"partiallySelected"===s,isPartiallyChecked:"partiallySelected"===s,onValueChange:d})})),variant:"default"})};export{c as SelectAllMenu};
 //# sourceMappingURL=SelectAllMenu.js.map