@bikdotai/bik-component-library 0.0.868-beta.1 → 0.0.868-beta.11

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js.map

@@ -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 {\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":";;;;;AAoBA,MAAMA,IAEF,CAACC,MAAU;AACd,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,YAAAC,GAAY,eAAAC,GAAe,iBAAAC,MAC1DN,GACK;AAAA,IACL,mBAAAO;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACGL,KAAiB,CAAA,GACfM,IAAQR,EAAK,OAAO,CAACS,GAAOC,MAAW;AAC5C,QAAKA,EAAyB,SAAS;AACtC,YAAMC,IAAgBD,EAAyB,QAAQ;AAAA,QACtD,CAACE,MAAOA,EAAG,aAAa;AAAA,MAAA,EACvB;AACF,aAAOH,IAAQE;AAAA,IAChB;AAEA,WAAQD,EAAwB,WAAWD,IAAQ,IAAIA;AAAA,EACxD,GAAG,CAAC;AAEJ,2BACEI,GAAA,EAAmB,OAAO,EAAE,gBAAgB,mBAC5C,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAO,EAAE,MAAM,GAAG,OAAOC,EAAO,QAAQ,QAAA,GACrD,UAAAR,IAAQ,GAAGA,CAAK,cAAc,IAChC;AAAA,IAEA,gBAAAS,EAAC,OAAA,EAAI,OAAO,EAAE,eAAe,OAAO,SAAS,QAAQ,KAAK,GAAA,GACxD,UAAA;AAAA,MAAA,CAACd,KACD,gBAAAW;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,YAAYX,KAAuB;AAAA,UACnC,YAAYD,KAAuB;AAAA,UACnC,SAASR;AAAA,QAAA;AAAA,MAAA;AAAA,MAGX,gBAAAgB;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,YAAYd,KAAqBH,KAAc;AAAA,UAC/C,YAAYI,KAAqB;AAAA,UACjC,SAAS,MAAM;AACd,YAAAN,EAAA;AAAA,UACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACD,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}
+{"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\thideSelectedCount?: boolean;\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} = props;\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\tconst singleOption = option as SingleOption;\n\t\t// For a nested option the leaves are what the user picked, so count those\n\t\t// rather than the parent — a partly-selected group would read as zero.\n\t\tif (singleOption.children?.length) {\n\t\t\treturn (\n\t\t\t\ttotal + singleOption.children.filter((child) => child.selected).length\n\t\t\t);\n\t\t}\n\n\t\treturn 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 && !hideSelectedCount ? `${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","hideSelectedCount","primaryButtonText","primaryButtonType","secondaryButtonText","secondaryButtonType","count","total","option","groupedTotal","op","singleOption","child","BottomBarContainer","jsx","BodySecondary","COLORS","jsxs","Button"],"mappings":";;;;;AAqBA,MAAMA,IAEF,CAACC,MAAU;AACd,QAAM;AAAA,IACL,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACGP,GACE;AAAA,IACL,mBAAAQ;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACGN,KAAiB,CAAA,GACfO,IAAQT,EAAK,OAAO,CAACU,GAAOC,MAAW;AAC5C,QAAKA,EAAyB,SAAS;AACtC,YAAMC,IAAgBD,EAAyB,QAAQ;AAAA,QACtD,CAACE,MAAOA,EAAG,aAAa;AAAA,MAAA,EACvB;AACF,aAAOH,IAAQE;AAAA,IAChB;AAEA,UAAME,IAAeH;AAGrB,WAAIG,EAAa,UAAU,SAEzBJ,IAAQI,EAAa,SAAS,OAAO,CAACC,MAAUA,EAAM,QAAQ,EAAE,SAI3DD,EAAa,WAAWJ,IAAQ,IAAIA;AAAA,EAC5C,GAAG,CAAC;AAEJ,2BACEM,GAAA,EAAmB,OAAO,EAAE,gBAAgB,mBAC5C,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAc,OAAO,EAAE,MAAM,GAAG,OAAOC,EAAO,QAAQ,QAAA,GACrD,eAAS,CAACf,IAAoB,GAAGK,CAAK,cAAc,IACtD;AAAA,IAEA,gBAAAW,EAAC,OAAA,EAAI,OAAO,EAAE,eAAe,OAAO,SAAS,QAAQ,KAAK,GAAA,GACxD,UAAA;AAAA,MAAA,CAACjB,KACD,gBAAAc;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,YAAYb,KAAuB;AAAA,UACnC,YAAYD,KAAuB;AAAA,UACnC,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,MAGX,gBAAAmB;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,YAAYhB,KAAqBJ,KAAc;AAAA,UAC/C,YAAYK,KAAqB;AAAA,UACjC,SAAS,MAAM;AACd,YAAAP,EAAA;AAAA,UACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACD,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const BottomBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+export declare const BottomBarContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -1,5 +1,6 @@
 import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
+export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): (SingleOption | {
+    options: SingleOption[];
     label: string;
     value: string;
     description?: string | null | undefined;
@@ -17,23 +18,9 @@ export declare function iterateOnOptions(options: DropdownOption[], newVal: Part
     'data-test'?: string | undefined;
     hasDivider?: boolean | undefined;
 } | {
+    options: SingleOption[];
     label?: string | undefined;
-    value?: string | undefined;
-    description?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
     leadingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-    searchKey?: string | undefined;
-    selectedLabel?: string | undefined;
-    children?: SingleOption[] | undefined;
-    parent?: SingleOption | undefined;
-    'data-test'?: string | undefined;
-    hasDivider?: boolean | undefined;
-    options: SingleOption[];
 })[];
 export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;
 export declare function getSelectedOptionsAsText(selectedOption: DropdownOption[]): string | undefined;

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -1,36 +1,53 @@
-function o(t, r, n) {
-  return t.map((e) => {
-    if (e.options) {
-      const i = e.options.map((s) => !n || n(s) ? {
-        ...s,
-        ...r
-      } : { ...s });
+function f(n, e) {
+  return n.children?.length ? {
+    ...n,
+    ...e,
+    children: n.children.map(
+      (r) => r.disabled ? { ...r } : f(r, e)
+    )
+  } : { ...n, ...e };
+}
+function l(n, e, r) {
+  const i = n.children.map(
+    (t) => !r || r(t) ? f(t, e) : t.children?.length ? l(t, e, r) : { ...t }
+  );
+  return {
+    ...n,
+    children: i,
+    selected: i.every((t) => t.selected)
+  };
+}
+function d(n, e, r) {
+  return n.map((t) => {
+    if (t.options) {
+      const a = t.options.map((s) => !r || r(s) ? f(s, e) : s.children?.length ? l(s, e, r) : { ...s });
       return {
-        ...e,
-        options: [...i]
+        ...t,
+        options: [...a]
       };
     }
-    return !n || n(e) ? {
-      ...e,
-      ...r
-    } : { ...e };
+    const u = t;
+    return !r || r(u) ? f(u, e) : u.children?.length ? l(u, e, r) : { ...t };
   });
 }
-function f(t, r) {
-  t.forEach((n) => {
-    n.options ? n.options.forEach(r) : r(n);
+function o(n, e) {
+  const r = (i) => {
+    e(i), i.children?.forEach(r);
+  };
+  n.forEach((i) => {
+    i.options ? i.options.forEach(r) : r(i);
   });
 }
-function a(t) {
-  if (!(!t || !t.length))
-    return t.map((r) => {
-      const n = r;
-      return n.selectedLabel ?? n.label;
+function g(n) {
+  if (!(!n || !n.length))
+    return n.map((e) => {
+      const r = e;
+      return r.selectedLabel ?? r.label;
     }).join(", ");
 }
 export {
-  a as getSelectedOptionsAsText,
-  o as iterateOnOptions,
-  f as iterateOnOptionsRaw
+  g as getSelectedOptionsAsText,
+  d as iterateOnOptions,
+  o as iterateOnOptionsRaw
 };
 //# sourceMappingURL=iterationOnOptions.js.map

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js.map

@@ -1 +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":"AAEO,SAASA,EACfC,GACAC,GACAC,GACC;AA8BD,SA7BmBF,EAAQ,IAAI,CAACG,MAAW;AAC1C,QAAKA,EAAyB,SAAS;AACtC,YAAMC,IAAkBD,EAAyB,QAAQ,IAAI,CAACE,MACzD,CAACH,KAAWA,EAAQG,CAAE,IAClB;AAAA,QACN,GAAGA;AAAA,QACH,GAAGJ;AAAA,MAAA,IAIE,EAAE,GAAGI,EAAA,CACZ;AAED,aAAO;AAAA,QACN,GAAGF;AAAA,QACH,SAAS,CAAC,GAAGC,CAAc;AAAA,MAAA;AAAA,IAE7B;AAEA,WAAI,CAACF,KAAWA,EAAQC,CAAsB,IACtC;AAAA,MACN,GAAGA;AAAA,MACH,GAAGF;AAAA,IAAA,IAIE,EAAE,GAAGE,EAAA;AAAA,EACb,CAAC;AAGF;AAEO,SAASG,EACfN,GACAO,GACC;AACD,EAAAP,EAAQ,QAAQ,CAACG,MAAW;AAC3B,IAAKA,EAAyB,UAC5BA,EAAyB,QAAQ,QAAQI,CAAE,IAE5CA,EAAGJ,CAAsB;AAAA,EAE3B,CAAC;AACF;AAEO,SAASK,EAAyBC,GAAkC;AAC1E,MAAI,GAACA,KAAkB,CAACA,EAAe;AACvC,WAAOA,EACL,IAAI,CAACN,MAAW;AAChB,YAAME,IAAKF;AACX,aAAOE,EAAG,iBAAiBA,EAAG;AAAA,IAC/B,CAAC,EACA,KAAK,IAAI;AACZ;"}
+{"version":3,"file":"iterationOnOptions.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/utils/iterationOnOptions.ts"],"sourcesContent":["import { DropdownOption, GroupedOption, SingleOption } from '../../type';\n\n/** Applies newVal to an option and, for a nested option, to its whole subtree. */\nfunction applyToSubtree(\n\toption: SingleOption,\n\tnewVal: Partial<SingleOption>,\n): SingleOption {\n\tif (!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 ? { ...child } : applyToSubtree(child, newVal),\n\t\t),\n\t};\n}\n\n/**\n * Walks a nested option: descends into its children, then re-derives the\n * parent's own `selected` from them so a parent reads as selected only when\n * every child is. Keeps selection counts and Select All honest.\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)\n\t\t\t: child.children?.length\n\t\t\t? walkChildren(child, newVal, checkCB)\n\t\t\t: { ...child },\n\t);\n\n\treturn {\n\t\t...option,\n\t\tchildren,\n\t\tselected: children.every((child) => child.selected),\n\t};\n}\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 applyToSubtree(op, newVal);\n\t\t\t\t}\n\n\t\t\t\tif (op.children?.length) {\n\t\t\t\t\treturn walkChildren(op, newVal, checkCB);\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\tconst singleOption = option as SingleOption;\n\n\t\tif (!checkCB || checkCB(singleOption)) {\n\t\t\treturn applyToSubtree(singleOption, newVal);\n\t\t}\n\n\t\tif (singleOption.children?.length) {\n\t\t\treturn walkChildren(singleOption, newVal, checkCB);\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\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"],"names":["applyToSubtree","option","newVal","child","walkChildren","checkCB","children","iterateOnOptions","options","groupedOptions","op","singleOption","iterateOnOptionsRaw","cb","visit","getSelectedOptionsAsText","selectedOption"],"mappings":"AAGA,SAASA,EACRC,GACAC,GACe;AACf,SAAKD,EAAO,UAAU,SAIf;AAAA,IACN,GAAGA;AAAA,IACH,GAAGC;AAAA,IACH,UAAUD,EAAO,SAAS;AAAA,MAAI,CAACE,MAC9BA,EAAM,WAAW,EAAE,GAAGA,MAAUH,EAAeG,GAAOD,CAAM;AAAA,IAAA;AAAA,EAC7D,IARO,EAAE,GAAGD,GAAQ,GAAGC,EAAA;AAUzB;AAOA,SAASE,EACRH,GACAC,GACAG,GACe;AACf,QAAMC,IAAWL,EAAO,SAAU;AAAA,IAAI,CAACE,MACtC,CAACE,KAAWA,EAAQF,CAAK,IACtBH,EAAeG,GAAOD,CAAM,IAC5BC,EAAM,UAAU,SAChBC,EAAaD,GAAOD,GAAQG,CAAO,IACnC,EAAE,GAAGF,EAAA;AAAA,EAAM;AAGf,SAAO;AAAA,IACN,GAAGF;AAAA,IACH,UAAAK;AAAA,IACA,UAAUA,EAAS,MAAM,CAACH,MAAUA,EAAM,QAAQ;AAAA,EAAA;AAEpD;AAEO,SAASI,EACfC,GACAN,GACAG,GACC;AAkCD,SAjCmBG,EAAQ,IAAI,CAACP,MAAW;AAC1C,QAAKA,EAAyB,SAAS;AACtC,YAAMQ,IAAkBR,EAAyB,QAAQ,IAAI,CAACS,MACzD,CAACL,KAAWA,EAAQK,CAAE,IAClBV,EAAeU,GAAIR,CAAM,IAG7BQ,EAAG,UAAU,SACTN,EAAaM,GAAIR,GAAQG,CAAO,IAGjC,EAAE,GAAGK,EAAA,CACZ;AAED,aAAO;AAAA,QACN,GAAGT;AAAA,QACH,SAAS,CAAC,GAAGQ,CAAc;AAAA,MAAA;AAAA,IAE7B;AAEA,UAAME,IAAeV;AAErB,WAAI,CAACI,KAAWA,EAAQM,CAAY,IAC5BX,EAAeW,GAAcT,CAAM,IAGvCS,EAAa,UAAU,SACnBP,EAAaO,GAAcT,GAAQG,CAAO,IAG3C,EAAE,GAAGJ,EAAA;AAAA,EACb,CAAC;AAGF;AAEO,SAASW,EACfJ,GACAK,GACC;AACD,QAAMC,IAAQ,CAACb,MAAyB;AACvC,IAAAY,EAAGZ,CAAM,GACTA,EAAO,UAAU,QAAQa,CAAK;AAAA,EAC/B;AAEA,EAAAN,EAAQ,QAAQ,CAACP,MAAW;AAC3B,IAAKA,EAAyB,UAC5BA,EAAyB,QAAQ,QAAQa,CAAK,IAE/CA,EAAMb,CAAsB;AAAA,EAE9B,CAAC;AACF;AAEO,SAASc,EAAyBC,GAAkC;AAC1E,MAAI,GAACA,KAAkB,CAACA,EAAe;AACvC,WAAOA,EACL,IAAI,CAACf,MAAW;AAChB,YAAMS,IAAKT;AACX,aAAOS,EAAG,iBAAiBA,EAAG;AAAA,IAC/B,CAAC,EACA,KAAK,IAAI;AACZ;"}

package/dist/esm/components/dropdown/hooks/useDropdown.d.ts

@@ -8,7 +8,8 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
     searchedOptions: DropdownOption[];
     searchError: string | undefined;
     retrySearch: () => void;
-    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
+    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => (SingleOption | {
+        options: SingleOption[];
         label: string;
         value: string;
         description?: string | null | undefined;
@@ -26,23 +27,9 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
         'data-test'?: string | undefined;
         hasDivider?: boolean | undefined;
     } | {
+        options: SingleOption[];
         label?: string | undefined;
-        value?: string | undefined;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
         leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-        selectedLabel?: string | undefined;
-        children?: SingleOption[] | undefined;
-        parent?: SingleOption | undefined;
-        'data-test'?: string | undefined;
-        hasDivider?: boolean | undefined;
-        options: SingleOption[];
     })[] | undefined;
     selectAllHandler: (newState: SelectAllCheckboxState) => void;
     onMultiSelectClear: () => void;

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

@@ -1,105 +1,115 @@
 import X from "lodash/debounce";
 import { useState as E, useRef as j, useEffect as A, useCallback as Y, useMemo as Z } from "react";
-import { iterateOnOptionsRaw as _, iterateOnOptions as O } from "../OpenedDropdown/utils/iterationOnOptions.js";
-const S = (h = "1.0", b, y, I, g, w, k, q = [], a) => {
-  const [c, i] = E(b ?? []), [v, p] = E([]), [n, z] = E(""), [B, m] = E(void 0), C = j(c), P = j(w);
+import { iterateOnOptionsRaw as _, iterateOnOptions as g } from "../OpenedDropdown/utils/iterationOnOptions.js";
+const S = (h = "1.0", b, y, I, O, v, k, q = [], i) => {
+  const [f, d] = E(b ?? []), [p, w] = E([]), [n, z] = E(""), [B, m] = E(void 0), C = j(f), P = j(v);
   A(() => {
-    P.current = w;
-  }, [w]), A(() => {
-    if (C.current = c, v.length && n && w) {
-      let t = [...v];
-      const r = c.map((e) => {
+    P.current = v;
+  }, [v]), A(() => {
+    if (C.current = f, p.length && n && v) {
+      let r = [...p];
+      const s = f.map((e) => {
         if (e.options)
           return e.options.map((l) => ({
             value: l.value,
             selected: l.selected
           }));
-        const s = e;
+        const t = e;
         return {
-          value: s.value,
-          selected: s.selected
+          value: t.value,
+          selected: t.selected
         };
       }).flat();
-      t = t.map((e) => {
-        const s = r.find(
+      r = r.map((e) => {
+        const t = s.find(
           (l) => e.value === l.value
         );
-        return s ? {
+        return t ? {
           ...e,
-          selected: s.selected
+          selected: t.selected
         } : e;
-      }), k && (t = t.map((e) => ({
+      }), k && (r = r.map((e) => ({
         ...e,
         disabled: !q.includes(e.value)
-      }))), p(g && !I ? [
-        ...t.sort(
+      }))), w(O && !I ? [
+        ...r.sort(
           (e) => e.selected ? -1 : 1
         )
-      ] : [...t]);
+      ] : [...r]);
     }
-  }, [c]), A(() => {
+  }, [f]), A(() => {
     if (b) {
-      const t = [...b];
-      i(g && !I ? [
-        ...t.sort(
-          (r) => r.selected ? -1 : 1
+      const r = [...b];
+      d(O && !I ? [
+        ...r.sort(
+          (s) => s.selected ? -1 : 1
         )
-      ] : [...t]);
+      ] : [...r]);
     }
   }, [b]);
-  const H = (t) => {
-    const r = [];
-    return t.forEach((e) => {
+  const H = (r) => {
+    const s = [];
+    return r.forEach((e) => {
       if (e.options) {
-        const s = e.options.filter(
+        const t = e.options.filter(
           (l) => l.selected === !0
         );
-        r.push({
+        s.push({
           ...e,
-          options: [...s]
+          options: [...t]
         });
-      } 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 || !a && a !== 0 ? !1 : L(t) >= a, R = Y(async (t) => {
-    const r = P.current;
-    if (!t || !r) return;
+      } else {
+        const t = e;
+        if (t.children?.length) {
+          const l = t.children.filter(
+            (c) => c.selected
+          );
+          l.length && s.push({
+            ...t,
+            children: l
+          });
+        } else t.selected && s.push({ ...e });
+      }
+    }), s;
+  }, L = (r) => {
+    let s = 0;
+    return r.forEach((e) => {
+      e.options ? s += e.options.filter(
+        (t) => t.selected === !0
+      ).length : e.selected && s++;
+    }), s;
+  }, D = (r) => !O || !i && i !== 0 ? !1 : L(r) >= i, R = Y(async (r) => {
+    const s = P.current;
+    if (!r || !s) return;
     const e = [];
-    _(C.current, (s) => {
-      s.selected && !e.includes(s.value) && e.push(s.value);
+    _(C.current, (t) => {
+      t.selected && !e.includes(t.value) && e.push(t.value);
     });
     try {
-      const s = await r(t);
-      if (m(void 0), s) {
-        const l = s.map((f) => {
-          if (f.options) {
-            const d = f;
+      const t = await s(r);
+      if (m(void 0), t) {
+        const l = t.map((c) => {
+          if (c.options) {
+            const a = c;
             return {
-              ...d,
-              options: d.options.map((u) => ({
+              ...a,
+              options: a.options.map((u) => ({
                 ...u,
                 selected: e.includes(u.value)
               }))
             };
           }
           return {
-            ...f,
-            selected: e.includes(f.value)
+            ...c,
+            selected: e.includes(c.value)
           };
         });
-        p([...l]);
+        w([...l]);
       } else
-        p([]);
-    } catch (s) {
-      p([]), m(
-        s instanceof Error ? s.message : "Something went wrong while fetching the list. Please try again"
+        w([]);
+    } catch (t) {
+      w([]), m(
+        t instanceof Error ? t.message : "Something went wrong while fetching the list. Please try again"
       );
     }
   }, []), F = Z(
@@ -107,135 +117,135 @@ const S = (h = "1.0", b, y, I, g, w, k, q = [], a) => {
     [R]
   );
   A(() => () => F?.cancel(), [F]);
-  function G(t) {
-    if (z(t), p([]), m(void 0), !t) {
+  function G(r) {
+    if (z(r), w([]), m(void 0), !r) {
       F?.cancel();
       return;
     }
-    F(t);
+    F(r);
   }
   function J() {
     n && (m(void 0), R(n));
   }
-  function T(t, r) {
-    if (!g)
-      y?.(t);
+  function T(r, s) {
+    if (!O)
+      y?.(r);
     else {
-      if (t.selected && a && D(c))
+      if (r.selected && i && D(f))
         return;
-      if (v.length && n && w)
-        if (t.selected) {
-          if (a && D(c))
+      if (p.length && n && v)
+        if (r.selected) {
+          if (i && D(f))
             return;
           let e = !1;
-          const s = O(
-            c,
-            { selected: t.selected },
-            (l) => l.value === t.value ? (e = !0, !0) : !1
+          const t = g(
+            f,
+            { selected: r.selected },
+            (l) => l.value === r.value ? (e = !0, !0) : !1
           );
-          if (e || s.push(t), r)
-            return [...s];
-          i([...s]), h === "2.0" && o(s);
+          if (e || t.push(r), s)
+            return [...t];
+          d([...t]), h === "2.0" && o(t);
         } else {
-          let e = !1, s = O(
-            c,
-            { selected: t.selected },
-            (l) => l.value === t.value ? (e = !0, !0) : !1
+          let e = !1, t = g(
+            f,
+            { selected: r.selected },
+            (l) => l.value === r.value ? (e = !0, !0) : !1
           );
-          if (e && (s = s.filter((l) => l.value !== t.value)), r)
-            return [...s];
-          i([...s]), h === "2.0" && o(s);
+          if (e && (t = t.filter((l) => l.value !== r.value)), s)
+            return [...t];
+          d([...t]), h === "2.0" && o(t);
         }
       else {
-        const e = O(
-          c,
-          { selected: t.selected },
-          (s) => s.value === t.value
+        const e = g(
+          f,
+          { selected: r.selected },
+          (t) => t.value === r.value
         );
-        if (r)
+        if (s)
           return [...e];
-        i([...e]), h === "2.0" && o(e);
+        d([...e]), h === "2.0" && o(e);
       }
     }
   }
-  function M(t) {
-    let r = [...c];
-    v.forEach((e) => {
-      r = r.map((s) => {
+  function M(r) {
+    let s = [...f];
+    p.forEach((e) => {
+      s = s.map((t) => {
         const l = e;
-        return typeof l.value < "u" && l.value === s.value ? {
-          ...s,
+        return typeof l.value < "u" && l.value === t.value ? {
+          ...t,
           selected: !1
-        } : s;
+        } : t;
       });
-    }), i([...r]), h === "2.0" && o(r);
+    }), d([...s]), h === "2.0" && o(s);
   }
-  function N(t) {
-    let r = [...c];
-    if (a && a > 0) {
-      const e = L(r), s = a - e;
-      if (s <= 0)
+  function N(r) {
+    let s = [...f];
+    if (i && i > 0) {
+      const e = L(s), t = i - e;
+      if (t <= 0)
         return;
       let l = 0;
-      v.forEach((f) => {
-        if (l >= s)
+      p.forEach((c) => {
+        if (l >= t)
           return;
-        let d = !1;
-        r = r.map((u) => {
-          const W = f;
-          return u.selected || u.disabled ? u : typeof W.value < "u" && W.value === u.value ? (d = !0, l++, {
+        let a = !1;
+        s = s.map((u) => {
+          const W = c;
+          return u.selected || u.disabled ? u : typeof W.value < "u" && W.value === u.value ? (a = !0, l++, {
             ...u,
             selected: !0
           }) : u;
-        }), !d && l < s && (f.disabled || (r.push({ ...f, selected: !0 }), l++));
-      }), i([...r]), h === "2.0" && o(r);
+        }), !a && l < t && (c.disabled || (s.push({ ...c, selected: !0 }), l++));
+      }), d([...s]), h === "2.0" && o(s);
     }
   }
-  function Q(t) {
-    if (v.length && n && w)
-      t === "selectAll" ? N() : M();
-    else if (t === "selectAll")
-      if (a && a > 0) {
-        const r = L(c), e = a - r;
+  function Q(r) {
+    if (p.length && n && v)
+      r === "selectAll" ? N() : M();
+    else if (r === "selectAll")
+      if (i && i > 0) {
+        const s = L(f), e = i - s;
         if (e <= 0)
           return;
-        let s = 0;
-        const l = c.map((f) => {
-          if (f.options) {
-            const d = f;
+        let t = 0;
+        const l = f.map((c) => {
+          if (c.options) {
+            const a = c;
             return {
-              ...d,
-              options: d.options.map((u) => u.disabled || u.selected || n && !u.label?.toLowerCase().includes(n.toLowerCase()) ? u : s < e ? (s++, { ...u, selected: !0 }) : u)
+              ...a,
+              options: a.options.map((u) => u.disabled || u.selected || n && !u.label?.toLowerCase().includes(n.toLowerCase()) ? u : t < e ? (t++, { ...u, selected: !0 }) : u)
             };
           } else {
-            const d = f;
-            return d.disabled || d.selected || n && !d.label?.toLowerCase().includes(n.toLowerCase()) ? f : s < e ? (s++, { ...f, selected: !0 }) : f;
+            const a = c;
+            return a.disabled || a.selected || n && !a.label?.toLowerCase().includes(n.toLowerCase()) ? c : t < e ? (t++, { ...c, selected: !0 }) : c;
           }
         });
-        i([...l]), h === "2.0" && o(l);
+        d([...l]), h === "2.0" && o(l);
       } else {
-        const r = O(
-          c,
+        const s = g(
+          f,
           { selected: !0 },
           (e) => n ? e.label?.toLowerCase().includes(n.toLowerCase()) && !e.disabled : !e.disabled
         );
-        i([...r]), h === "2.0" && o(r);
+        d([...s]), h === "2.0" && o(s);
       }
-    else if (t === "notSelected") {
-      const r = O(
-        c,
+    else if (r === "notSelected") {
+      const s = g(
+        f,
         { selected: !1 },
         (e) => !e.disabled
       );
-      i([...r]), h === "2.0" && o(r);
+      d([...s]), h === "2.0" && o(s);
     }
   }
   function U() {
-    const t = O(c, { selected: !1 });
-    i([...t]), h === "2.0" && o(t);
+    const r = g(f, { selected: !1 });
+    d([...r]), h === "2.0" && o(r);
   }
-  function V(t) {
-    if (!g) {
+  function V(r) {
+    if (!O) {
       T({
         label: n,
         value: n,
@@ -244,39 +254,39 @@ const S = (h = "1.0", b, y, I, g, w, k, q = [], a) => {
       });
       return;
     }
-    const r = c.map(
+    const s = f.map(
       (e) => e.options ? e : {
         ...e,
         selected: (
           /** free form check */
           e.label === n && e.value === n ? (
             /** to mark as selected or not */
-            t
+            r
           ) : e.selected
         )
       }
     );
-    t && (r.some(
+    r && (s.some(
       (e) => e.label === n && e.value === n
-    ) || r.unshift({
+    ) || s.unshift({
       label: n,
       value: n,
       isFreeForm: !0,
       selected: !0
-    })), i([...r]), h === "2.0" && o(r);
+    })), d([...s]), h === "2.0" && o(s);
   }
-  function o(t) {
-    const r = H(
-      t ?? C.current
+  function o(r) {
+    const s = H(
+      r ?? C.current
     );
-    y?.([...r]);
+    y?.([...s]);
   }
   return {
     latestDropdownOptionsRef: C,
-    dropdownOptions: c,
+    dropdownOptions: f,
     search: G,
     searchedString: n,
-    searchedOptions: v,
+    searchedOptions: p,
     searchError: B,
     retrySearch: J,
     onApplyHandler: T,
@@ -287,7 +297,7 @@ const S = (h = "1.0", b, y, I, g, w, k, q = [], a) => {
     getSelectedOptions: H,
     getCurrentSelectionCount: L,
     isMaxSelectionsReached: D,
-    maxSelections: a
+    maxSelections: i
   };
 };
 export {