@bikdotai/bik-component-library 0.0.868-beta.10 → 0.0.868-beta.12

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

@@ -1,43 +1,52 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { BodySecondary as C } from "../../../../TypographyStyle.js";
-import { COLORS as b } from "../../../../../constants/Theme.js";
-import { BottomBarContainer as h } from "./MultiSelectDropdownBottomBar.styled.js";
-import { Button as l } from "../../../../button/Button.js";
-const k = (i) => {
-  const { onClear: s, onApply: p, list: c, buttonText: u, buttonOptions: a, hideClearButton: y } = i, {
-    primaryButtonText: m,
-    primaryButtonType: d,
-    secondaryButtonText: f,
-    secondaryButtonType: x
-  } = a ?? {}, r = c.reduce((t, e) => {
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { BodySecondary as b } from "../../../../TypographyStyle.js";
+import { COLORS as g } from "../../../../../constants/Theme.js";
+import { BottomBarContainer as O } from "./MultiSelectDropdownBottomBar.styled.js";
+import { Button as s } from "../../../../button/Button.js";
+const A = (c) => {
+  const {
+    onClear: p,
+    onApply: u,
+    list: d,
+    buttonText: y,
+    buttonOptions: a,
+    hideClearButton: m,
+    hideSelectedCount: f
+  } = c, {
+    primaryButtonText: x,
+    primaryButtonType: B,
+    secondaryButtonText: h,
+    secondaryButtonType: T
+  } = a ?? {}, l = d.reduce((t, e) => {
     if (e.options) {
-      const B = e.options.filter(
-        (T) => T.selected === !0
+      const r = e.options.filter(
+        (C) => C.selected === !0
       ).length;
-      return t + B;
+      return t + r;
     }
-    return e.selected ? t + 1 : t;
+    const o = e;
+    return o.children?.length ? t + o.children.filter((r) => r.selected).length : o.selected ? t + 1 : t;
   }, 0);
-  return /* @__PURE__ */ n(h, { style: { justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ o(C, { style: { flex: 1, color: b.content.primary }, children: r ? `${r} selected` : "" }),
-    /* @__PURE__ */ n("div", { style: { flexDirection: "row", display: "flex", gap: 12 }, children: [
-      !y && /* @__PURE__ */ o(
-        l,
+  return /* @__PURE__ */ i(O, { style: { justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ n(b, { style: { flex: 1, color: g.content.primary }, children: l && !f ? `${l} selected` : "" }),
+    /* @__PURE__ */ i("div", { style: { flexDirection: "row", display: "flex", gap: 12 }, children: [
+      !m && /* @__PURE__ */ n(
+        s,
         {
           size: "small",
-          buttonType: x || "primary",
-          buttonText: f || "Clear",
-          onClick: s
+          buttonType: T || "primary",
+          buttonText: h || "Clear",
+          onClick: p
         }
       ),
-      /* @__PURE__ */ o(
-        l,
+      /* @__PURE__ */ n(
+        s,
         {
           size: "small",
-          buttonText: m || u || "Apply",
-          buttonType: d || "primary",
+          buttonText: x || y || "Apply",
+          buttonType: B || "primary",
           onClick: () => {
-            p();
+            u();
           }
         }
       )
@@ -45,6 +54,6 @@ const k = (i) => {
   ] });
 };
 export {
-  k as default
+  A as default
 };
 //# sourceMappingURL=MultiSelectDropdownBottomBar.js.map

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/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;