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

package/dist/cjs/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":"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"}
+{"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":"gFAGA,SAASA,EACRC,EACAC,EACe,CACf,OAAKD,EAAO,UAAU,OAIf,CACN,GAAGA,EACH,GAAGC,EACH,SAAUD,EAAO,SAAS,IAAKE,GAC9BA,EAAM,SAAW,CAAE,GAAGA,GAAUH,EAAeG,EAAOD,CAAM,CAAA,CAC7D,EARO,CAAE,GAAGD,EAAQ,GAAGC,CAAA,CAUzB,CAOA,SAASE,EACRH,EACAC,EACAG,EACe,CACf,MAAMC,EAAWL,EAAO,SAAU,IAAKE,GACtC,CAACE,GAAWA,EAAQF,CAAK,EACtBH,EAAeG,EAAOD,CAAM,EAC5BC,EAAM,UAAU,OAChBC,EAAaD,EAAOD,EAAQG,CAAO,EACnC,CAAE,GAAGF,CAAA,CAAM,EAGf,MAAO,CACN,GAAGF,EACH,SAAAK,EACA,SAAUA,EAAS,MAAOH,GAAUA,EAAM,QAAQ,CAAA,CAEpD,CAEO,SAASI,EACfC,EACAN,EACAG,EACC,CAkCD,OAjCmBG,EAAQ,IAAKP,GAAW,CAC1C,GAAKA,EAAyB,QAAS,CACtC,MAAMQ,EAAkBR,EAAyB,QAAQ,IAAKS,GACzD,CAACL,GAAWA,EAAQK,CAAE,EAClBV,EAAeU,EAAIR,CAAM,EAG7BQ,EAAG,UAAU,OACTN,EAAaM,EAAIR,EAAQG,CAAO,EAGjC,CAAE,GAAGK,CAAA,CACZ,EAED,MAAO,CACN,GAAGT,EACH,QAAS,CAAC,GAAGQ,CAAc,CAAA,CAE7B,CAEA,MAAME,EAAeV,EAErB,MAAI,CAACI,GAAWA,EAAQM,CAAY,EAC5BX,EAAeW,EAAcT,CAAM,EAGvCS,EAAa,UAAU,OACnBP,EAAaO,EAAcT,EAAQG,CAAO,EAG3C,CAAE,GAAGJ,CAAA,CACb,CAAC,CAGF,CAEO,SAASW,EACfJ,EACAK,EACC,CACD,MAAMC,EAASb,GAAyB,CACvCY,EAAGZ,CAAM,EACTA,EAAO,UAAU,QAAQa,CAAK,CAC/B,EAEAN,EAAQ,QAASP,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,MAAMS,EAAKT,EACX,OAAOS,EAAG,eAAiBA,EAAG,KAC/B,CAAC,EACA,KAAK,IAAI,CACZ"}

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

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

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

@@ -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\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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"}
+{"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\tconst singleOption = option as SingleOption;\n\t\t\t\tif (singleOption.children?.length) {\n\t\t\t\t\t// Report the parent whenever any child is selected, carrying only\n\t\t\t\t\t// the selected children — a partly-selected parent is itself\n\t\t\t\t\t// unselected, so testing it alone would drop the whole group.\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\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 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);\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","singleOption","selectedChildren","child","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","selectAllForSearchWithLimit","currentCount","remainingSlots","selectedCount","found","selectAllHandler","newState","newOptions","onMultiSelectClear","onFreeFormSelect","selected","updatedList","optionsToSend"],"mappings":"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"}

package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.d.ts

@@ -1,67 +1,32 @@
-/// <reference types="react" />
-export declare const ProgressChecklistContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const ProgressChecklistContainer: import('styled-components').StyledComponent<"div", any, {
     noBorder?: boolean | undefined;
-}>> & string;
-export declare const HeaderSection: 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 ProgressBarSection: 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 ChecklistItemsSection: 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 ChecklistItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const HeaderSection: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ProgressBarSection: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItemsSection: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItem: import('styled-components').StyledComponent<"div", any, {
     completed?: boolean | undefined;
-}>> & string;
-export declare const ChecklistCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const ChecklistItemContent: 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 ChecklistItemText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const ChecklistCheckbox: import('styled-components').StyledComponent<"input", any, {}, never>;
+export declare const ChecklistItemContent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ChecklistItemText: import('styled-components').StyledComponent<"p", any, {
     completed?: boolean | undefined;
-}>> & string;
-export declare const ChecklistItemDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const ChecklistItemDescription: import('styled-components').StyledComponent<"p", any, {
     completed?: boolean | undefined;
-}>> & string;
-export declare const SingleChecklistItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SingleChecklistItem: import('styled-components').StyledComponent<"div", any, {
     isActive: boolean;
-}>> & string;
-export declare const SingleChecklistMainRow: 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 SingleChecklistIconWrapper: 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 SingleChecklistContent: 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 SingleChecklistHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SingleChecklistMainRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistIconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistContent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistHeader: import('styled-components').StyledComponent<"div", any, {
     completed?: boolean | undefined;
     isActive?: boolean | undefined;
-}>> & string;
-export declare const SingleChecklistSubheader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SingleChecklistSubheader: import('styled-components').StyledComponent<"div", any, {
     isActive?: boolean | undefined;
-}>> & string;
-export declare const SingleChecklistActionWrapper: 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 SingleChecklistAlertRow: 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;
+}, never>;
+export declare const SingleChecklistActionWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SingleChecklistAlertRow: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/QueryBuilder/components/Connectors/Connector.styled.d.ts

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const Container: 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 Container: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.d.ts

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const Container: 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 Container: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.d.ts

@@ -1,10 +1,3 @@
-/// <reference types="react" />
-export declare const Container: 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 Line: 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 Horinzontal: 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 Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Line: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Horinzontal: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.styled.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-export declare const Container: 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 LinedContainer: 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 Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const LinedContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/TablePagination/TablePagination.styled.d.ts

@@ -1,11 +1,6 @@
-/// <reference types="react" />
-export declare const StyledTablePaginationContainer: 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 StyledPagingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledTablePaginationContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const StyledPagingContainer: import('styled-components').StyledComponent<"div", any, {
     active: boolean;
     isLast?: boolean | undefined;
     disabled?: boolean | undefined;
-}>> & string;
+}, never>;

package/dist/esm/components/TablePagination/TablePaginationCard.d.ts

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
 import { TablePaginationProps } from './TablePagination';
-export declare const TablePaginationCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const TablePaginationCardStyled: import('styled-components').StyledComponent<"div", any, {
     removeBorder?: boolean | undefined;
-}>> & string;
+}, never>;
 export declare const TablePaginationCard: React.FC<TablePaginationProps>;