npm - @bikdotai/bik-component-library - Versions diffs - 0.0.875-beta.3 → 0.0.875 - Mend

@bikdotai/bik-component-library 0.0.875-beta.3 → 0.0.875

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectDropdownBottomBar.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ~~ButtonOptions, DropdownOption~~ } from '../../../type';\nimport { ~~getSelectionLeaves } from '../../utils/iterationOnOptions';\nimport {~~ BottomBarContainer } from './MultiSelectDropdownBottomBar.styled';\n\ninterface MultiSelectDropdownBottomBarProps {\n\tonClear?: () => void;\n\tonApply: () => void;\n\tlist: DropdownOption[];\n\tbuttonText?: string;\n\tbuttonOptions?: ButtonOptions;\n\thideClearButton?: boolean;\n~~\thideSelectedCount?: boolean;\n\tchildrenLayout?: 'flyout' \| 'nested';\n~~}\nconst MultiSelectDropdownBottomBar: React.FC<\n\tMultiSelectDropdownBottomBarProps\n> = (props) => {\n\tconst {\n\t\~~tonClear,\n\t\tonApply,\n\t\tlist,\n\t\tbuttonText,\n\t\tbuttonOptions,\n\t\thideClearButton,\n\t\thideSelectedCount,\n\t\tchildrenLayout,\n\t} = props~~;\n\tconst {\n\t\tprimaryButtonText,\n\t\tprimaryButtonType,\n\t\tsecondaryButtonText,\n\t\tsecondaryButtonType,\n\t} = buttonOptions ?? {};\n\tconst count = ~~getSelectionLeaves~~(~~list~~, ~~childrenLayout~~ ~~===~~ ~~'nested'~~).filter(\n\t\t(~~leaf~~) => ~~leaf~~.selected,\n\t).length;\n\n\treturn (\n\t\t<BottomBarContainer style={{ justifyContent: 'space-between' }}>\n\t\t\t<BodySecondary style={{ flex: 1, color: COLORS.content.primary }}>\n\t\t\t\t{count ~~&& !hideSelectedCount~~ ? `${count} selected` : ''}\n\t\t\t</BodySecondary>\n\n\t\t\t<div~~\n\t\t\t\tstyle~~={{~~\n\t\t\t\t\tflexDirection~~: 'row'~~,\n\t\t\t\t\tdisplay~~: 'flex'~~,\n\t\t\t\t\talignItems:~~ ~~'center',\n\t\t\t\t\tgap~~: 12~~,\n\t\t\t\t~~}}~~\n\t\t\t~~>\n\t\t\t\t{!hideClearButton && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonType={secondaryButtonType \|\| 'primary'}\n\t\t\t\t\t\tbuttonText={secondaryButtonText \|\| 'Clear'}\n\t\t\t\t\t\tonClick={onClear}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText={primaryButtonText \|\| buttonText \|\| 'Apply'}\n\t\t\t\t\tbuttonType={primaryButtonType \|\| 'primary'}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tonApply();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BottomBarContainer>\n\t);\n};\n\nexport default MultiSelectDropdownBottomBar;\n"],"names":["MultiSelectDropdownBottomBar","props","onClear","onApply","list","buttonText","buttonOptions","hideClearButton","~~hideSelectedCount~~","~~childrenLayout~~","~~primaryButtonText~~","~~primaryButtonType~~","~~secondaryButtonText~~","~~secondaryButtonType~~","~~count~~","~~getSelectionLeaves~~","~~leaf~~","BottomBarContainer","jsx","BodySecondary","COLORS","jsxs","Button"],"mappings":"~~2XAkBMA~~,EAEDC,GAAU,CACd,KAAM,~~CACL~~,QAAAC,~~EACA~~,QAAAC,~~EACA~~,KAAAC,~~EACA~~,WAAAC,~~EACA~~,cAAAC,~~EACA~~,gBAAAC,~~EACA~~,~~kBAAAC~~,~~EACA,eAAAC,CAAA,EACGR,EACE,~~CACL,~~kBAAAS~~,EACA,kBAAAC,EACA,oBAAAC,EACA,oBAAAC,CAAA,~~EACGP~~,GAAiB,CAAA,~~EACfQ~~,~~EAAQC~~,~~EAAAA~~,~~mBAAmBX~~,~~EAAMK~~,~~IAAmB~~,QAAQ,~~EAAE~~,~~OAClEO~~,~~GAASA~~,~~EAAK~~,~~QAAA~~,~~EACd~~,~~OAEF~~,~~cACEC~~,EAAAA,mBAAA,CAAmB,MAAO,CAAE,eAAgB,iBAC5C,SAAA,CAAAC,~~MAACC~~,EAAAA,~~eAAc~~,MAAO,CAAE,KAAM,EAAG,MAAOC,~~EAAAA~~,~~OAAO,~~QAAQ,OAAA,EACrD,~~YAAS~~,~~CAACZ~~,~~EAAoB~~,~~GAAGM,~~CAAK,YAAc,~~GACtD~~,~~EAEAO~~,EAAAA,KAAC,MAAA,~~CACA~~,MAAO,~~CACN~~,cAAe,~~MACf~~,QAAS,~~OACT~~,~~WAAY,SACZ,~~IAAK,EAAA,~~EAGL~~,SAAA,CAAA,CAACd,GACDW,EAAAA,IAACI,EAAAA,OAAA,CACA,KAAK,QACL,~~WAAYT~~,GAAuB,UACnC,WAAYD,GAAuB,QACnC,~~QAASV~~,CAAA,CAAA,EAGXgB,EAAAA,IAACI,EAAAA,OAAA,CACA,KAAK,QACL,~~WAAYZ~~,~~GAAqBL~~,GAAc,QAC/C,~~WAAYM~~,GAAqB,UACjC,QAAS,IAAM,~~CACdR~~,EAAA,CACD,CAAA,CAAA,CACD,CAAA,CAAA,~~CACD,~~EACD,CAEF"}
1	+ {"version":3,"file":"MultiSelectDropdownBottomBar.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButtonOptions,\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '../../../type';\nimport { BottomBarContainer } from './MultiSelectDropdownBottomBar.styled';\n\ninterface MultiSelectDropdownBottomBarProps {\n\tonClear?: () => void;\n\tonApply: () => void;\n\tlist: DropdownOption[];\n\tbuttonText?: string;\n\tbuttonOptions?: ButtonOptions;\n\thideClearButton?: boolean;\n}\nconst MultiSelectDropdownBottomBar: React.FC<\n\tMultiSelectDropdownBottomBarProps\n> = (props) => {\n\tconst { onClear, onApply, list, buttonText, buttonOptions, hideClearButton } =\n\t\tprops;\n\tconst {\n\t\tprimaryButtonText,\n\t\tprimaryButtonType,\n\t\tsecondaryButtonText,\n\t\tsecondaryButtonType,\n\t} = buttonOptions ?? {};\n\tconst count = list.reduce((total, option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\tconst groupedTotal = (option as GroupedOption).options.filter(\n\t\t\t\t(op) => op.selected === true,\n\t\t\t).length;\n\t\t\treturn total + groupedTotal;\n\t\t}\n\n\t\treturn (option as SingleOption).selected ? total + 1 : total;\n\t}, 0);\n\n\treturn (\n\t\t<BottomBarContainer style={{ justifyContent: 'space-between' }}>\n\t\t\t<BodySecondary style={{ flex: 1, color: COLORS.content.primary }}>\n\t\t\t\t{count ? `${count} selected` : ''}\n\t\t\t</BodySecondary>\n\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t{!hideClearButton && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonType={secondaryButtonType \|\| 'primary'}\n\t\t\t\t\t\tbuttonText={secondaryButtonText \|\| 'Clear'}\n\t\t\t\t\t\tonClick={onClear}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText={primaryButtonText \|\| buttonText \|\| 'Apply'}\n\t\t\t\t\tbuttonType={primaryButtonType \|\| 'primary'}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tonApply();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BottomBarContainer>\n\t);\n};\n\nexport default MultiSelectDropdownBottomBar;\n"],"names":["MultiSelectDropdownBottomBar","props","onClear","onApply","list","buttonText","buttonOptions","hideClearButton","primaryButtonText","primaryButtonType","secondaryButtonText","secondaryButtonType","count","total","option","groupedTotal","op","BottomBarContainer","jsx","BodySecondary","COLORS","jsxs","Button"],"mappings":"4UAoBMA,EAEDC,GAAU,CACd,KAAM,CAAE,QAAAC,EAAS,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,cAAAC,EAAe,gBAAAC,GAC1DN,EACK,CACL,kBAAAO,EACA,kBAAAC,EACA,oBAAAC,EACA,oBAAAC,CAAA,EACGL,GAAiB,CAAA,EACfM,EAAQR,EAAK,OAAO,CAACS,EAAOC,IAAW,CAC5C,GAAKA,EAAyB,QAAS,CACtC,MAAMC,EAAgBD,EAAyB,QAAQ,OACrDE,GAAOA,EAAG,WAAa,EAAA,EACvB,OACF,OAAOH,EAAQE,CAChB,CAEA,OAAQD,EAAwB,SAAWD,EAAQ,EAAIA,CACxD,EAAG,CAAC,EAEJ,cACEI,EAAAA,mBAAA,CAAmB,MAAO,CAAE,eAAgB,iBAC5C,SAAA,CAAAC,EAAAA,IAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,KAAM,EAAG,MAAOC,SAAO,QAAQ,OAAA,EACrD,SAAAR,EAAQ,GAAGA,CAAK,YAAc,GAChC,EAEAS,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,cAAe,MAAO,QAAS,OAAQ,IAAK,EAAA,EACxD,SAAA,CAAA,CAACd,GACDW,EAAAA,IAACI,EAAAA,OAAA,CACA,KAAK,QACL,WAAYX,GAAuB,UACnC,WAAYD,GAAuB,QACnC,QAASR,CAAA,CAAA,EAGXgB,EAAAA,IAACI,EAAAA,OAAA,CACA,KAAK,QACL,WAAYd,GAAqBH,GAAc,QAC/C,WAAYI,GAAqB,UACjC,QAAS,IAAM,CACdN,EAAA,CACD,CAAA,CAAA,CACD,CAAA,CACD,CAAA,EACD,CAEF"}

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(r,s,e){return!e||!r.children?.length?{...r,...s}:{...r,...s,children:r.children.map(n=>n.disabled?{...n}:a(n,s,e))}}function i(r,s,e){const n=(r.children??[]).map(t=>!e||e(t)?a(t,s,!0):t.children?.length?i(t,s,e):{...t}),l=n.filter(t=>!t.disabled);return{...r,children:n,selected:l.length?l.every(t=>t.selected):r.selected}}function u(r,s,e,n=!1){const l=t=>!e||e(t)?a(t,s,n):n&&t.children?.length?i(t,s,e):{...t};return r.map(t=>t.options?{...t,options:t.options.map(l)}:l(t))}function f(r,s){const e=n=>{s(n),n.children?.forEach(e)};r.forEach(n=>{n.options?n.options.forEach(e):e(n)})}function c(r){if(!(!r||!r.length))return r.map(s=>{const e=s;return e.selectedLabel??e.label}).join(", ")}function o(r){return r.filter(s=>s.children?.length).map(s=>s.value)}function d(r,s){const e=[];return r.forEach(n=>{if(n.options){n.options.forEach(t=>{t.disabled||e.push(t)});return}const l=n;l.disabled||e.push(l),!(!s||s.collapsedParents.includes(l.value))&&l.children?.forEach(t=>{t.disabled||e.push(t)})}),e}function h(r,s=!1){const e=[];return r.forEach(n=>{if(n.options){e.push(...n.options);return}const l=n;e.push(...s&&l.children?.length?l.children:[l])}),e}exports.flattenSelectableOptions=d;exports.getNestedParentValues=o;exports.getSelectedOptionsAsText=c;exports.getSelectionLeaves=h;exports.iterateOnOptions=u;exports.iterateOnOptionsRaw=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e,n,t){return e.map(r=>{if(r.options){const s=r.options.map(i=>!t||t(i)?{...i,...n}:{...i});return{...r,options:[...s]}}return!t||t(r)?{...r,...n}:{...r}})}function u(e,n){e.forEach(t=>{t.options?t.options.forEach(n):n(t)})}function a(e){if(!(!e||!e.length))return e.map(n=>{const t=n;return t.selectedLabel??t.label}).join(", ")}exports.getSelectedOptionsAsText=a;exports.iterateOnOptions=o;exports.iterateOnOptionsRaw=u;
 //# sourceMappingURL=iterationOnOptions.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"iterationOnOptions.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/utils/iterationOnOptions.ts"],"sourcesContent":["import { DropdownOption, GroupedOption, SingleOption } from '../../type';\n\~~nfunction~~ ~~applyToSubtree~~(\n\~~toption~~: ~~SingleOption~~,\n\tnewVal: Partial<SingleOption>,\n\~~tnestedChildren:~~ ~~boolean,\n)~~: SingleOption {\n~~\tif (!nestedChildren \|\| !option.children?.length~~) {\n\~~t\treturn~~ { ~~...option,~~ ~~...newVal };\n\t}\n\n\treturn {\n\t\t...option,\n\t\t...newVal,\n\t\tchildren: option~~.~~children.~~map((~~child~~) ~~=>\n\t\t\tchild.disabled\n\t\t\t\t?~~ { ~~...child }~~\n\t\~~t\t\t:~~ ~~applyToSubtree~~(~~child,~~ ~~newVal,~~ ~~nestedChildren~~)~~,\n\t\t~~)~~,\n\t};\n}\n\n/*\n~~ A parent is selected only when every selectable child is. Disabled children are\n * excluded because applyToSubtree never selects them - counting them would leave\~~n * the parent stuck on the indeterminate dash.\n /\nfunction walkChildren(~~\n\~~toption: SingleOption,\n\tnewVal: Partial<SingleOption>,\n\tcheckCB?: (optionForValidation: SingleOption) => boolean,\n): SingleOption {\n\~~tconst ~~children~~ = (option~~.children~~ ?? []).map((~~child~~) ~~=>\~~n\t\t!checkCB \|\| checkCB(~~child~~)\n\t\t\t~~? applyToSubtree(child, newVal, true)~~\n\t\~~t\t:~~ ~~child.children?.length~~\n\t\t\t~~? walkChildren(child, newVal, checkCB)~~\n\t\t\t~~: {~~ ...~~child }~~,\n\t~~);\n~~\n\~~tconst selectableChildren = children.filter((child) => !child.disabled);\n~~\n\~~treturn {\n\~~t\t...~~option~~,\n\t\~~tchildren,\n\~~t\t~~// `every` on an empty list reports selected, so keep what the parent had.\n~~\t\~~tselected: selectableChildren.length\n\~~t~~\t\t? selectableChildren.every((child) => child.selected)\~~n\t\t\t~~: option.selected,\n~~\t}~~;\n}~~\n\~~nexport function iterateOnOptions(\~~n\~~toptions: DropdownOption[],\n~~\~~tnewVal: Partial<SingleOption>,\n~~\~~tcheckCB?: (optionForValidation: SingleOption) => boolean,\n~~\~~tnestedChildren~~ = ~~false,\n)~~ {\n\~~tconst applyToOption = (option: SingleOption): SingleOption => {~~\n\t~~\tif (!checkCB \|\| checkCB(option~~)~~) {~~\n\t\t\treturn ~~applyToSubtree(option, newVal, nestedChildren);\~~n\t\t}\n\n\t~~\tif (nestedChildren &&~~ option~~.children?.length) {\~~n\t\t\~~treturn~~ ~~walkChildren(option, newVal, checkCB);\~~n\t\t}\~~n\n\~~t~~\treturn { ...option~~ };\n\t}~~;\n~~\n\~~treturn options.map((option) => {\~~n\t\tif ((option as ~~GroupedOption~~)~~.options~~) {\n\t\t\treturn {\n\t\t\t\t...option,\n\t\t\t\~~toptions: (option as GroupedOption).options.map(applyToOption)~~,\n\t\t\t};\n\t\t}\n\n\t\treturn ~~applyToOption(~~option ~~as SingleOption)~~;\n\t});\n}\n\nexport function iterateOnOptionsRaw(\n\toptions: DropdownOption[],\n\tcb: (option: SingleOption) => void,\n) {\n\~~tconst visit = (option: SingleOption) => {\n\t\tcb(option);\n\t\toption.children?.forEach(visit);\n\t};\n\n\~~toptions.forEach((option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\t(option as GroupedOption).options.forEach(~~visit~~);\n\t\t} else {\n\t\t\~~tvisit~~(option as SingleOption);\n\t\t}\n\t});\n}\n\nexport function getSelectedOptionsAsText(selectedOption: DropdownOption[]) {\n\tif (!selectedOption \|\| !selectedOption.length) return undefined;\n\treturn selectedOption\n\t\t.map((option) => {\n\t\t\tconst op = option as SingleOption;\n\t\t\treturn op.selectedLabel ?? op.label;\n\t\t})\n\t\t.join(', ');\n}\n\n// get selected options as array of string\nexport function getSelectedOptionsAsArray(selectedOption: DropdownOption[]) {\n\tif (!selectedOption \|\| !selectedOption.length) return [];\n\treturn selectedOption.map((option) => {\n\t\tconst op = option as SingleOption;\n\t\treturn op.selectedLabel ?? op.label;\n\t});\n}\n\nexport function getNestedParentValues(options: DropdownOption[]): string[] {\n\treturn options\n\t\t.filter((option) => (option as SingleOption).children?.length)\n\t\t.map((option) => (option as SingleOption).value);\n}\n\n/\n Selectable rows in the order they are rendered, so keyboard focus indices line\n * up with the rows MenuList numbers - otherwise arrow keys highlight one option\n * while Enter toggles another.\n /\nexport function flattenSelectableOptions(\n\toptions: DropdownOption[],\n\tnestedChildren?: { collapsedParents: string[] },\n): SingleOption[] {\n\tconst flattened: SingleOption[] = [];\n\n\toptions.forEach((option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\t(option as GroupedOption).options.forEach((groupedOption) => {\n\t\t\t\tif (!groupedOption.disabled) {\n\t\t\t\t\tflattened.push(groupedOption);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst singleOption = option as SingleOption;\n\t\tif (!singleOption.disabled) {\n\t\t\tflattened.push(singleOption);\n\t\t}\n\n\t\tif (\n\t\t\t!nestedChildren \|\|\n\t\t\tnestedChildren.collapsedParents.includes(singleOption.value)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsingleOption.children?.forEach((child) => {\n\t\t\tif (!child.disabled) {\n\t\t\t\tflattened.push(child);\n\t\t\t}\n\t\t});\n\t});\n\n\treturn flattened;\n}\n\n/\n The rows a selection count is about. Only the nested layout makes children\n * selectable - in the flyout layout a submenu click marks the parent, so the\n * parent stays the row that counts. Disabled rows are kept for the caller to filter.\n */\nexport function getSelectionLeaves(\n\toptions: DropdownOption[],\n\tnestedChildren = false,\n): SingleOption[] {\n\tconst leaves: SingleOption[] = [];\n\n\toptions.forEach((option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\tleaves.push(...(option as GroupedOption).options);\n\t\t\treturn;\n\t\t}\n\n\t\tconst singleOption = option as SingleOption;\n\t\tleaves.push(\n\t\t\t...(nestedChildren && singleOption.children?.length\n\t\t\t\t? singleOption.children\n\t\t\t\t: [singleOption]),\n\t\t);\n\t});\n\n\treturn leaves;\n}\n"],"names":["~~applyToSubtree~~","~~option~~","newVal","~~nestedChildren","child","walkChildren","~~checkCB","~~children~~","~~selectableChildren~~","~~iterateOnOptions~~","~~options","applyToOption","~~iterateOnOptionsRaw","cb","~~visit","~~getSelectedOptionsAsText","selectedOption"~~,"op","getNestedParentValues","flattenSelectableOptions","flattened","groupedOption","singleOption","getSelectionLeaves","leaves"~~],"mappings":"~~gFAEA~~,SAASA,~~EACRC~~,EACAC,EACAC,~~EACe~~,~~CACf~~,~~MAAI~~,~~CAACA,GAAkB,CAACF,EAAO,UAAU,OACjC,CAAE,GAAGA,~~EAAQ,~~GAAGC,CAAA,EAGjB,CACN,GAAGD,EACH,GAAGC,EACH,SAAUD,EAAO,SAAS,~~IAAKG,~~GAC9BA~~,~~EAAM~~,~~SACH~~,~~CAAE~~,~~GAAGA~~,~~CAAA~~,~~EACLJ,EAAeI,EAAOF,EAAQC,CAAc,CAAA,CAChD,CAEF,CAOA,SAASE,EACRJ,EACAC,EACAI,EACe,CACf,~~MAAMC,~~GAAYN~~,~~EAAO~~,~~UAAY~~,~~CAAA~~,~~GAAI~~,~~IAAKG~~,~~GAC7C,CAACE,~~GAAWA,~~EAAQF~~,~~CAAK~~,~~EACtBJ~~,~~EAAeI~~,~~EAAOF~~,~~EAAQ~~,~~EAAI~~,~~EAClCE~~,~~EAAM~~,~~UAAU,OAChBC,EAAaD,EAAOF,EAAQI,CAAO,EACnC,~~CAAE,~~GAAGF~~,CAAA,~~CAAM~~,~~EAGTI~~,~~EAAqBD,EAAS,OAAQH,GAAU,CAACA,EAAM,QAAQ,EAErE,~~MAAO,CACN,~~GAAGH~~,EACH,~~SAAAM~~,~~EAEA~~,~~SAAUC~~,~~EAAmB~~,~~OAC1BA~~,~~EAAmB~~,~~MAAOJ~~,~~GAAUA~~,~~EAAM~~,~~QAAQ,EAClDH,EAAO,QAAA,CAEZ,CAEO,SAASQ,EACfC,EACAR,EACAI,EACAH,EAAiB,GAChB,CACD,MAAMQ,EAAiBV,GAClB,CAACK,~~GAAWA,~~EAAQL,CAAM,EACtBD,EAAeC,~~EAAQC,~~EAAQC~~,~~CAAc~~,~~EAGjDA,GAAkBF,EAAO,UAAU,OAC/BI,EAAaJ,EAAQC,EAAQI,CAAO,EAGrC,CAAE,GAAGL,CAAA,EAGb,OAAOS,EAAQ,IAAKT,GACdA,EAAyB,QACtB,~~CACN,GAAGA,EACH,~~QAAUA~~,~~EAAyB~~,~~QAAQ~~,~~IAAIU~~,~~CAAa~~,CAAA,~~EAIvDA~~,~~EAAcV~~,~~CAAsB~~,~~CAC3C,CACF,~~CAEO,~~SAASW~~,~~EACfF~~,~~EACAG~~,EACC,~~CACD~~,~~MAAMC,EAASb,GAAyB,CACvCY,EAAGZ,CAAM,EACTA,EAAO,UAAU,QAAQa,CAAK,CAC/B,EAEAJ,~~EAAQ,~~QAAST~~,GAAW,CACtBA,EAAyB,QAC5BA,EAAyB,QAAQ,~~QAAQa~~,~~CAAK~~,~~EAE/CA~~,~~EAAMb~~,CAAsB,~~CAE9B~~,CAAC,CACF,CAEO,~~SAASc~~,EAAyBC,EAAkC,CAC1E,GAAI,GAACA,GAAkB,CAACA,EAAe,QACvC,OAAOA,EACL,~~IAAKf~~,GAAW,CAChB,~~MAAMgB~~,~~EAAKhB~~,EACX,~~OAAOgB~~,EAAG,eAAiBA,EAAG,KAC/B,CAAC,EACA,KAAK,IAAI,CACZ,CAWO,SAASC,EAAsBR,EAAqC,CAC1E,OAAOA,EACL,OAAQT,GAAYA,EAAwB,UAAU,MAAM,EAC5D,IAAKA,GAAYA,EAAwB,KAAK,CACjD,CAOO,SAASkB,EACfT,EACAP,EACiB,CACjB,MAAMiB,EAA4B,CAAA,EAElC,OAAAV,EAAQ,QAAST,GAAW,CAC3B,GAAKA,EAAyB,QAAS,CACrCA,EAAyB,QAAQ,QAASoB,GAAkB,CACvDA,EAAc,UAClBD,EAAU,KAAKC,CAAa,CAE9B,CAAC,EACD,MACD,CAEA,MAAMC,EAAerB,EAChBqB,EAAa,UACjBF,EAAU,KAAKE,CAAY,EAI3B,GAACnB,GACDA,EAAe,iBAAiB,SAASmB,EAAa,KAAK,IAK5DA,EAAa,UAAU,QAASlB,GAAU,CACpCA,EAAM,UACVgB,EAAU,KAAKhB,CAAK,CAEtB,CAAC,CACF,CAAC,EAEMgB,CACR,CAOO,SAASG,EACfb,EACAP,EAAiB,GACA,CACjB,MAAMqB,EAAyB,CAAA,EAE/B,OAAAd,EAAQ,QAAST,GAAW,CAC3B,GAAKA,EAAyB,QAAS,CACtCuB,EAAO,KAAK,GAAIvB,EAAyB,OAAO,EAChD,MACD,CAEA,MAAMqB,EAAerB,EACrBuB,EAAO,KACN,GAAIrB,GAAkBmB,EAAa,UAAU,OAC1CA,EAAa,SACb,CAACA,CAAY,CAAA,CAElB,CAAC,EAEME,CACR"}
1	+ {"version":3,"file":"iterationOnOptions.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/utils/iterationOnOptions.ts"],"sourcesContent":["import { DropdownOption, GroupedOption, SingleOption } from '../../type';\n\nexport function iterateOnOptions(\n\toptions: DropdownOption[],\n\tnewVal: Partial<SingleOption>,\n\tcheckCB?: (optionForValidation: SingleOption) => boolean,\n) {\n\tconst newOptions = options.map((option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\tconst groupedOptions = (option as GroupedOption).options.map((op) => {\n\t\t\t\tif (!checkCB \|\| checkCB(op)) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...op,\n\t\t\t\t\t\t...newVal,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn { ...op };\n\t\t\t});\n\n\t\t\treturn {\n\t\t\t\t...option,\n\t\t\t\toptions: [...groupedOptions],\n\t\t\t};\n\t\t}\n\n\t\tif (!checkCB \|\| checkCB(option as SingleOption)) {\n\t\t\treturn {\n\t\t\t\t...option,\n\t\t\t\t...newVal,\n\t\t\t};\n\t\t}\n\n\t\treturn { ...option };\n\t});\n\n\treturn newOptions;\n}\n\nexport function iterateOnOptionsRaw(\n\toptions: DropdownOption[],\n\tcb: (option: SingleOption) => void,\n) {\n\toptions.forEach((option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\t(option as GroupedOption).options.forEach(cb);\n\t\t} else {\n\t\t\tcb(option as SingleOption);\n\t\t}\n\t});\n}\n\nexport function getSelectedOptionsAsText(selectedOption: DropdownOption[]) {\n\tif (!selectedOption \|\| !selectedOption.length) return undefined;\n\treturn selectedOption\n\t\t.map((option) => {\n\t\t\tconst op = option as SingleOption;\n\t\t\treturn op.selectedLabel ?? op.label;\n\t\t})\n\t\t.join(', ');\n}\n\n// get selected options as array of string\nexport function getSelectedOptionsAsArray(selectedOption: DropdownOption[]) {\n\tif (!selectedOption \|\| !selectedOption.length) return [];\n\treturn selectedOption.map((option) => {\n\t\tconst op = option as SingleOption;\n\t\treturn op.selectedLabel ?? op.label;\n\t});\n}\n"],"names":["iterateOnOptions","options","newVal","checkCB","option","groupedOptions","op","iterateOnOptionsRaw","cb","getSelectedOptionsAsText","selectedOption"],"mappings":"gFAEO,SAASA,EACfC,EACAC,EACAC,EACC,CA8BD,OA7BmBF,EAAQ,IAAKG,GAAW,CAC1C,GAAKA,EAAyB,QAAS,CACtC,MAAMC,EAAkBD,EAAyB,QAAQ,IAAKE,GACzD,CAACH,GAAWA,EAAQG,CAAE,EAClB,CACN,GAAGA,EACH,GAAGJ,CAAA,EAIE,CAAE,GAAGI,CAAA,CACZ,EAED,MAAO,CACN,GAAGF,EACH,QAAS,CAAC,GAAGC,CAAc,CAAA,CAE7B,CAEA,MAAI,CAACF,GAAWA,EAAQC,CAAsB,EACtC,CACN,GAAGA,EACH,GAAGF,CAAA,EAIE,CAAE,GAAGE,CAAA,CACb,CAAC,CAGF,CAEO,SAASG,EACfN,EACAO,EACC,CACDP,EAAQ,QAASG,GAAW,CACtBA,EAAyB,QAC5BA,EAAyB,QAAQ,QAAQI,CAAE,EAE5CA,EAAGJ,CAAsB,CAE3B,CAAC,CACF,CAEO,SAASK,EAAyBC,EAAkC,CAC1E,GAAI,GAACA,GAAkB,CAACA,EAAe,QACvC,OAAOA,EACL,IAAKN,GAAW,CAChB,MAAME,EAAKF,EACX,OAAOE,EAAG,eAAiBA,EAAG,KAC/B,CAAC,EACA,KAAK,IAAI,CACZ"}

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

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

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

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

package/dist/cjs/components/toaster/Toaster.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),o=require("../../constants/Theme.js"),e=require("../../constants/zindex.js"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=a(i),s=r.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=require("../../constants/Theme.js"),i=require("../../constants/zindex.js"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=a(e),s=r.default.div`
 	--toastify-color-light: #fff;
 	--toastify-color-dark: #121212;
 	--toastify-text-color-success: ${o.COLORS.content.primary};
@@ -14,7 +14,7 @@
 	--toastify-toast-min-height: ${t=>t.height||(t.isSubTextIncluded?"70px":"56px")};
 	--toastify-toast-max-height: ${t=>t.height||"fit-content"};
 	font-family: inherit;
-	z-index: ${t=>t.zIndex||e.ComponentZindex.TOASTER};
+	z-index: ${t=>t.zIndex||i.ComponentZindex.TOASTER};
 	.custom-position {
 		position: relative;
@@ -25,46 +25,28 @@
 		max-width: 90vw;
 		overflow: visible;
+		/* On mobile every position collapses to the same centred, near-full-width
+		   container: a 16px gutter on each side. The translate does the centring, so
+		   there must be no horizontal margin or it lands off-centre again. */
 		@media (max-width: 768px) {
-			max-width: calc(100vw - 64px);
-			margin: 0 32px;
-		}
-	}
-	/* Mobile positioning - only for top-right (default) */
-	.Toastify__toast-container--top-right {
-		@media (max-width: 768px) {
-			top: 2%;
-			left: 35%;
-			transform: translateX(-50%);
-		}
-	}
-	/* Mobile positioning - for top-left */
-	.Toastify__toast-container--top-left {
-		@media (max-width: 768px) {
-			top: 2%;
+			width: calc(100vw - 32px);
+			max-width: calc(100vw - 32px);
+			margin: 0;
 			left: 50%;
+			right: auto;
 			transform: translateX(-50%);
+			align-items: center;
 		}
 	}
-	/* Mobile positioning - for bottom positions */
-	.Toastify__toast-container--bottom-right,
-	.Toastify__toast-container--bottom-left,
-	.Toastify__toast-container--bottom-center {
-		@media (max-width: 768px) {
-			left: 50%;
-			transform: translateX(-50%);
-		}
-	}
-	/* Mobile positioning - for top-center */
+	/* Mobile positioning - top positions sit just below the viewport top. Horizontal
+	   centring comes from the container rule above; redeclaring left/transform here
+	   would override it, since these selectors are equally specific but later. */
+	.Toastify__toast-container--top-right,
+	.Toastify__toast-container--top-left,
 	.Toastify__toast-container--top-center {
 		@media (max-width: 768px) {
 			top: 2%;
-			left: 50%;
-			transform: translateX(-50%);
 		}
 	}
@@ -99,8 +81,11 @@
 		overflow: hidden;
 		@media (max-width: 768px) {
-			min-width: 80vw;
-			max-width: calc(100vw - 64px);
+			/* Fill the container rather than sizing itself, so the toast keeps the
+			   container's 16px gutters instead of overflowing or under-filling. */
+			width: 100%;
+			min-width: 0;
+			max-width: 100%;
 			padding: ${t=>t.isSubTextIncluded?"16px 16px":"12px 16px"};
 		}
 	}

package/dist/cjs/components/toaster/Toaster.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toaster.styled.js","sources":["../../../../src/components/toaster/Toaster.styled.tsx"],"sourcesContent":["import { TypeOptions } from 'react-toastify';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ComponentZindex } from '@src/constants/zindex';\n\nexport const ToasterStyled = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tzIndex?: number;\n\tisSubTextIncluded?: boolean;\n\ttype?: TypeOptions;\n}>`\n\t--toastify-color-light: #fff;\n\t--toastify-color-dark: #121212;\n\t--toastify-text-color-success: ${COLORS.content.primary};\n\t--toastify-text-color-error: ${COLORS.content.primary};\n\t--toastify-text-color-warning: ${COLORS.content.primary};\n\t--toastify-text-color-info: ${COLORS.content.primary};\n\t--toastify-color-info: ${COLORS.background.brandLight};\n\t--toastify-color-success: ${COLORS.background.positive.light};\n\t--toastify-color-error: ${COLORS.background.negative.light};\n\t--toastify-color-warning: ${COLORS.background.warning.light};\n\t--toastify-text-color-light: ${COLORS.content.primary};\n\t--toastify-toast-width: fit-content;\n\t--toastify-toast-min-height: ${(props) =>\n\t\tprops.height \|\| (props.isSubTextIncluded ? '70px' : '56px')};\n\t--toastify-toast-max-height: ${(props) => props.height \|\| 'fit-content'};\n\tfont-family: inherit;\n\tz-index: ${(props) => props.zIndex \|\| ComponentZindex.TOASTER};\n\n\t.custom-position {\n\t\tposition: relative;\n\t}\n\t.Toastify__toast-container {\n\t\tpadding: 0;\n\t\twidth: auto;\n\t\tmax-width: 90vw;\n\t\toverflow: visible;\n\n\t\t~~@media~~ ~~(max~~-width~~: 768px) {~~\n\t\t~~\tmax-width~~: ~~calc(100vw~~ - ~~64px);\n\t\t\tmargin:~~ 0 ~~32px;\n~~\~~t\t}\~~n\t}\~~n\n\~~t/* ~~Mobile~~ ~~positioning~~ - ~~only~~ ~~for~~ ~~top~~-~~right~~ ~~(default)~~ /\n\t~~.Toastify__toast-container--top-right {~~\n\t\t@media (max-width: 768px) {\n\t\t\~~ttop~~: ~~2%;\n\t\t\tleft:~~ ~~35%;\n\t\t\ttransform:~~ ~~translateX(-50%~~);\n\t\t}\~~n\t}\n\n\t/ Mobile positioning~~ - ~~for~~ ~~top~~-~~left~~ /\n\t~~.Toastify__toast-container--top-left {~~\n\t\~~t@media (max-width~~: ~~768px) {\~~n\t\t\~~ttop~~: 2%;\n\t\t\~~tleft~~: ~~50%;\~~n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - ~~for~~ ~~bottom~~ positions /\n\t.~~Toastify__toast-container--bottom-right,\n~~\~~t.Toastify__toast-container--bottom-left,\~~n\t~~.Toastify__toast-~~container~~--bottom-center~~ ~~{\n\t\t@media~~ ~~(max-width:~~ ~~768px)~~ {\n\t~~\t\tleft:~~ ~~50%;\~~n\t~~\t\ttransform: translateX(~~-~~50%);\~~n\t~~\t}\n\t}\n\n\t/ Mobile positioning~~ - ~~for~~ top-~~center /\~~n\t.Toastify__toast-container--top-center {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t~~\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t~~}\n\t}\n\n\t.Toastify__toast--success {\n\t\tborder: 1px solid ${COLORS.stroke.positive.lightAlt};\n\t}\n\n\t.Toastify__toast--info {\n\t\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\t}\n\n\t.Toastify__toast--default {\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t}\n\n\t.Toastify__toast--error {\n\t\tborder: 1px solid ${COLORS.stroke.negative.lightAlt};\n\t}\n\n\t.Toastify__toast--warning {\n\t\tborder: 1px solid ${COLORS.stroke.warning.lightAlt};\n\t}\n\n\t.Toastify__toast {\n\t\tpadding: ${(props) => (props.isSubTextIncluded ? '16px 8px' : '12px 8px')};\n\t\tmax-width: ${(props) => props.width \|\| '600px'};\n\t\tmin-width: 320px;\n\t\tborder-radius: 8px;\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\t/ Clips the absolutely positioned progress bar to the 8px radius /\n\t\toverflow: hidden;\n\n\t\t@media (max-width: 768px) {\n\t\t\tmin-width: ~~80vw~~;\n\t\t\tmax-width: ~~calc(100vw - 64px);\~~n\t\t\tpadding: ${(props) =>\n\t\t\t\tprops.isSubTextIncluded ? '16px 16px' : '12px 16px'};\n\t\t}\n\t}\n\n\t.Toastify__progress-bar {\n\t\theight: 4px;\n\t}\n\n\t/ NOTE: no .Toastify__close-button rule here — the close button is always a\n\t custom element passed via the closeButton option, and react-toastify\n\t clones it without adding that class. It is positioned inline instead. /\n\n\t.Toastify__toast-icon {\n\t\talign-self: center;\n\t\tmargin-inline-end: 12px;\n\t\theight: ${(props) => (props.isSubTextIncluded ? '38px' : '20px')};\n\t}\n\n\t.Toastify__toast-body {\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {\n\t\tbackground: ${COLORS.content.warning};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {\n\t\tbackground: ${COLORS.content.positive};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n\t\tbackground: ${COLORS.content.negative};\n\t}\n\n\t.Toastify__toast-body > div:last-child {\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__slide-enter {\n\t\tanimation: slideIn 1s ease forwards,\n\t\t\tbounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;\n\t}\n\t.Toastify__slide-exit {\n\t\tanimation: slideOut 0.5s ease-in-out forwards;\n\t}\n\t@keyframes bounce {\n\t\t0%,\n\t\t20%,\n\t\t50%,\n\t\t80%,\n\t\t100% {\n\t\t\ttransform: translateY(0); / Start and end at the original position /\n\t\t}\n\t\t40% {\n\t\t\ttransform: translateX(-20px); / Bouncing up /\n\t\t}\n\t\t60% {\n\t\t\ttransform: translateX(20px); / Small bounce before settling /\n\t\t}\n\t}\n\t@keyframes slideIn {\n\t\t0% {\n\t\t\ttransform: translateX(-100%); / Start off-screen to the left /\n\t\t\topacity: 0;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(0); / End at the original position /\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes slideOut {\n\t\t0% {\n\t\t\ttransform: translateX(0); / Start from the original position /\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(100%); / Slide out to the right */\n\t\t\topacity: 0;\n\t\t}\n\t}\n`;\n"],"names":["ToasterStyled","styled","COLORS","props","ComponentZindex"],"mappings":"iQAKaA,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA,kCASFC,EAAAA,OAAO,QAAQ,OAAO;AAAA,gCACxBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,kCACpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,+BACzBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,0BAC3BA,EAAAA,OAAO,WAAW,UAAU;AAAA,6BACzBA,SAAO,WAAW,SAAS,KAAK;AAAA,2BAClCA,SAAO,WAAW,SAAS,KAAK;AAAA,6BAC9BA,SAAO,WAAW,QAAQ,KAAK;AAAA,gCAC5BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,gCAErBC,GAC/BA,EAAM,SAAWA,EAAM,kBAAoB,OAAS,OAAO;AAAA,gCAC5BA,GAAUA,EAAM,QAAU,aAAa;AAAA;AAAA,YAE3DA,GAAUA,EAAM,QAAUC,EAAAA,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~,~~sBAuDxCF~~,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA,sBAI3BA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrBA,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,SAAO,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,aAItCC,GAAWA,EAAM,kBAAoB,WAAa,UAAW;AAAA,eAC3DA,GAAUA,EAAM,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~cAWjCA~~,GACXA,EAAM,kBAAoB,YAAc,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAe1CA,GAAWA,EAAM,kBAAoB,OAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASlDD,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,gBAItBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIvBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"Toaster.styled.js","sources":["../../../../src/components/toaster/Toaster.styled.tsx"],"sourcesContent":["import { TypeOptions } from 'react-toastify';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ComponentZindex } from '@src/constants/zindex';\n\nexport const ToasterStyled = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tzIndex?: number;\n\tisSubTextIncluded?: boolean;\n\ttype?: TypeOptions;\n}>`\n\t--toastify-color-light: #fff;\n\t--toastify-color-dark: #121212;\n\t--toastify-text-color-success: ${COLORS.content.primary};\n\t--toastify-text-color-error: ${COLORS.content.primary};\n\t--toastify-text-color-warning: ${COLORS.content.primary};\n\t--toastify-text-color-info: ${COLORS.content.primary};\n\t--toastify-color-info: ${COLORS.background.brandLight};\n\t--toastify-color-success: ${COLORS.background.positive.light};\n\t--toastify-color-error: ${COLORS.background.negative.light};\n\t--toastify-color-warning: ${COLORS.background.warning.light};\n\t--toastify-text-color-light: ${COLORS.content.primary};\n\t--toastify-toast-width: fit-content;\n\t--toastify-toast-min-height: ${(props) =>\n\t\tprops.height \|\| (props.isSubTextIncluded ? '70px' : '56px')};\n\t--toastify-toast-max-height: ${(props) => props.height \|\| 'fit-content'};\n\tfont-family: inherit;\n\tz-index: ${(props) => props.zIndex \|\| ComponentZindex.TOASTER};\n\n\t.custom-position {\n\t\tposition: relative;\n\t}\n\t.Toastify__toast-container {\n\t\tpadding: 0;\n\t\twidth: auto;\n\t\tmax-width: 90vw;\n\t\toverflow: visible;\n\n\t\t/* On mobile every position collapses to the same centred, near-full-width\n\t\t container: a 16px gutter on each side. The translate does the centring, so\n\t\t there must be no horizontal margin or it lands off-centre again. /\n\t\t@media (max-width: 768px) {\n\t\t\twidth: calc(100vw - 32px);\n\t\t\tmax-width: calc(100vw - 32px);\n\t\t\tmargin: 0;\n\t\t\tleft: 50%;\n\t\t\tright: auto;\n\t\t\ttransform: translateX(-50%);\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t/ Mobile positioning - top positions sit just below the viewport top. Horizontal\n\t centring comes from the container rule above; redeclaring left/transform here\n\t would override it, since these selectors are equally specific but later. /\n\t.Toastify__toast-container--top-right,\n\t.Toastify__toast-container--top-left,\n\t.Toastify__toast-container--top-center {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t}\n\t}\n\n\t.Toastify__toast--success {\n\t\tborder: 1px solid ${COLORS.stroke.positive.lightAlt};\n\t}\n\n\t.Toastify__toast--info {\n\t\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\t}\n\n\t.Toastify__toast--default {\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t}\n\n\t.Toastify__toast--error {\n\t\tborder: 1px solid ${COLORS.stroke.negative.lightAlt};\n\t}\n\n\t.Toastify__toast--warning {\n\t\tborder: 1px solid ${COLORS.stroke.warning.lightAlt};\n\t}\n\n\t.Toastify__toast {\n\t\tpadding: ${(props) => (props.isSubTextIncluded ? '16px 8px' : '12px 8px')};\n\t\tmax-width: ${(props) => props.width \|\| '600px'};\n\t\tmin-width: 320px;\n\t\tborder-radius: 8px;\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\t/ Clips the absolutely positioned progress bar to the 8px radius /\n\t\toverflow: hidden;\n\n\t\t@media (max-width: 768px) {\n\t\t\t/ Fill the container rather than sizing itself, so the toast keeps the\n\t\t\t container's 16px gutters instead of overflowing or under-filling. /\n\t\t\twidth: 100%;\n\t\t\tmin-width: 0;\n\t\t\tmax-width: 100%;\n\t\t\tpadding: ${(props) =>\n\t\t\t\tprops.isSubTextIncluded ? '16px 16px' : '12px 16px'};\n\t\t}\n\t}\n\n\t.Toastify__progress-bar {\n\t\theight: 4px;\n\t}\n\n\t/ NOTE: no .Toastify__close-button rule here — the close button is always a\n\t custom element passed via the closeButton option, and react-toastify\n\t clones it without adding that class. It is positioned inline instead. /\n\n\t.Toastify__toast-icon {\n\t\talign-self: center;\n\t\tmargin-inline-end: 12px;\n\t\theight: ${(props) => (props.isSubTextIncluded ? '38px' : '20px')};\n\t}\n\n\t.Toastify__toast-body {\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {\n\t\tbackground: ${COLORS.content.warning};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {\n\t\tbackground: ${COLORS.content.positive};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n\t\tbackground: ${COLORS.content.negative};\n\t}\n\n\t.Toastify__toast-body > div:last-child {\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__slide-enter {\n\t\tanimation: slideIn 1s ease forwards,\n\t\t\tbounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;\n\t}\n\t.Toastify__slide-exit {\n\t\tanimation: slideOut 0.5s ease-in-out forwards;\n\t}\n\t@keyframes bounce {\n\t\t0%,\n\t\t20%,\n\t\t50%,\n\t\t80%,\n\t\t100% {\n\t\t\ttransform: translateY(0); / Start and end at the original position /\n\t\t}\n\t\t40% {\n\t\t\ttransform: translateX(-20px); / Bouncing up /\n\t\t}\n\t\t60% {\n\t\t\ttransform: translateX(20px); / Small bounce before settling /\n\t\t}\n\t}\n\t@keyframes slideIn {\n\t\t0% {\n\t\t\ttransform: translateX(-100%); / Start off-screen to the left /\n\t\t\topacity: 0;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(0); / End at the original position /\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes slideOut {\n\t\t0% {\n\t\t\ttransform: translateX(0); / Start from the original position /\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(100%); / Slide out to the right */\n\t\t\topacity: 0;\n\t\t}\n\t}\n`;\n"],"names":["ToasterStyled","styled","COLORS","props","ComponentZindex"],"mappings":"iQAKaA,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA,kCASFC,EAAAA,OAAO,QAAQ,OAAO;AAAA,gCACxBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,kCACpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,+BACzBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,0BAC3BA,EAAAA,OAAO,WAAW,UAAU;AAAA,6BACzBA,SAAO,WAAW,SAAS,KAAK;AAAA,2BAClCA,SAAO,WAAW,SAAS,KAAK;AAAA,6BAC9BA,SAAO,WAAW,QAAQ,KAAK;AAAA,gCAC5BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,gCAErBC,GAC/BA,EAAM,SAAWA,EAAM,kBAAoB,OAAS,OAAO;AAAA,gCAC5BA,GAAUA,EAAM,QAAU,aAAa;AAAA;AAAA,YAE3DA,GAAUA,EAAM,QAAUC,EAAAA,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAqCxCF,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA,sBAI3BA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrBA,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,SAAO,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,aAItCC,GAAWA,EAAM,kBAAoB,WAAa,UAAW;AAAA,eAC3DA,GAAUA,EAAM,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAcjCA,GACXA,EAAM,kBAAoB,YAAc,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAe1CA,GAAWA,EAAM,kBAAoB,OAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASlDD,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,gBAItBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIvBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}