@bikdotai/bik-component-library 0.0.517-beta.drop.2 → 0.0.517-beta.drop.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),n=require("../../../../hooks/useOutside.js"),s=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),d=require("./searchbox/SearchBox.js"),p=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=j=>{let{options:f,isSearchable:x,isMultiSelect:g,width:v,allowFreeForm:w,height:b,onClose:y,onSelect:m,onSearch:M,version:O,skipSorting:q,headerRef:C,hideSelectAll:D,primaryButtonText:L,onInfiniteScroll:F,onMultiSelectClear:A}=j;const{dropdownOptions:k,search:B,searchedString:H,searchedOptions:Z,onApplyHandler:I,selectAllHandler:R,onMultiSelectClear:T,onFreeFormSelect:P,onMultiSelectApply:_,latestDropdownOptionsRef:z,getSelectedOptions:E}=s.useDropdown(O,f,m,q,g,M),[K,N]=t.useState(null!=v?v:S),[W,G]=t.useState(null),J=t.useRef(null);n.useOutside(J,(()=>{if(G(null),g&&"2.0"===O){const e=E(z.current);null==y||y(e)}else null==y||y(k)}),[C]);const Q=null!=b?b:h,U="number"==typeof Q?x&&g?Q-96:x&&!g||!x&&g?Q-48:Q:Q;t.useEffect((()=>{const e=null!=v?v:S;if(null===W)N(e);else if("number"==typeof e)N(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));N(t)}}),[W]);const V=[],X=(H&&M?Z:k).map((e=>{var t,r;if(H&&!M){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(H.toLowerCase()))&&(V.push(!H||e.label===H),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(H.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(H.toLowerCase()))?(V.push(!H||e.label===H),e):null}return e})).filter((e=>null!==e)),Y=!!x&&H&&0===X.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:O,ref:J,style:{width:K}},{children:[e.jsxs("div",Object.assign({style:{width:W?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(d.SearchBox,{onSearch:B,version:O}),X.length||H?e.jsxs(a.MenuListContainer,Object.assign({minHeight:Q,maxHeight:U},{children:[!!g&&!Y&&!D&&e.jsx(u.SelectAllMenu,{version:O,options:H&&M?Z:k,onSelect:R}),!w&&Y&&e.jsx(p.SearchZeroState,{height:U,searchedString:H}),w&&(Y||!!V.length&&V.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:O,isMultiSelect:g,onSelect:P,searchedString:H}),e.jsx(l.MenuList,{onInfiniteScroll:F,version:O,onSelect:I,showDescription:function(e,t){G(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:X})]})):e.jsx("div",Object.assign({style:{height:Q,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!g&&!(!X.length&&!H)&&"2.0"!==O&&e.jsx(c.default,{onClear:A||T,onApply:_,list:H&&M?Z:k,buttonText:L})]})),!!W&&e.jsx(o.Description,{title:W.title,description:W.description,version:O})]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),n=require("../../../../hooks/useOutside.js"),s=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),d=require("./searchbox/SearchBox.js"),p=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=j=>{let{options:f,isSearchable:x,isMultiSelect:g,width:v,allowFreeForm:w,height:b,onClose:y,onSelect:m,onSearch:O,version:q,skipSorting:M,headerRef:C,hideSelectAll:D,primaryButtonText:L,onInfiniteScroll:F}=j;const{dropdownOptions:A,search:k,searchedString:B,searchedOptions:H,onApplyHandler:Z,selectAllHandler:I,onMultiSelectClear:R,onFreeFormSelect:T,onMultiSelectApply:P,latestDropdownOptionsRef:_,getSelectedOptions:z}=s.useDropdown(q,f,m,M,g,O),[E,K]=t.useState(null!=v?v:S),[N,W]=t.useState(null),G=t.useRef(null);n.useOutside(G,(()=>{if(W(null),g&&"2.0"===q){const e=z(_.current);null==y||y(e)}else null==y||y(A)}),[C]);const J=null!=b?b:h,Q="number"==typeof J?x&&g?J-96:x&&!g||!x&&g?J-48:J:J;t.useEffect((()=>{const e=null!=v?v:S;if(null===N)K(e);else if("number"==typeof e)K(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));K(t)}}),[N]);const U=[],V=(B&&O?H:A).map((e=>{var t,r;if(B&&!O){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))&&(U.push(!B||e.label===B),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(B.toLowerCase()))?(U.push(!B||e.label===B),e):null}return e})).filter((e=>null!==e)),X=!!x&&B&&0===V.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:q,ref:G,style:{width:E}},{children:[e.jsxs("div",Object.assign({style:{width:N?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(d.SearchBox,{onSearch:k,version:q}),V.length||B?e.jsxs(a.MenuListContainer,Object.assign({minHeight:J,maxHeight:Q},{children:[!!g&&!X&&!D&&e.jsx(u.SelectAllMenu,{version:q,options:B&&O?H:A,onSelect:I}),!w&&X&&e.jsx(p.SearchZeroState,{height:Q,searchedString:B}),w&&(X||!!U.length&&U.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:q,isMultiSelect:g,onSelect:T,searchedString:B}),e.jsx(l.MenuList,{onInfiniteScroll:F,version:q,onSelect:Z,showDescription:function(e,t){W(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:V})]})):e.jsx("div",Object.assign({style:{height:J,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!g&&!(!V.length&&!B)&&"2.0"!==q&&e.jsx(c.default,{onClear:R,onApply:P,list:B&&O?H:A,buttonText:L})]})),!!N&&e.jsx(o.Description,{title:N.title,description:N.description,version:q})]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",l=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0;const[a,u]=e.useState(null!=l?l:[]),[r,d]=e.useState([]),[p,v]=e.useState(""),O=e.useRef(a);e.useEffect((()=>{if(O.current=a,r.length&&p&&o){let e=[...r];const t=a.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d([...e])}}),[a]),e.useEffect((()=>{if(l){const e=[...l];u(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const f=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function g(e,l){if(c)if(r.length&&p&&o)if(e.selected){let n=!1;const i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||i.push(e),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{let n=!1,i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(i=i.filter((t=>t.value!==e.value))),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{const n=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value));if(l)return[...n];u([...n]),"2.0"===s&&b(n)}else null==n||n(e)}function b(e){const t=f(null!=e?e:O.current);null==n||n([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:a,search:function(e){if(v(e),d([]),e&&o){const s=[];t.iterateOnOptionsRaw(a,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));d([...t])}}))}},searchedString:p,searchedOptions:r,onApplyHandler:g,selectAllHandler:function(e){if(r.length&&p&&o)!function(e){let t=[...a];e?r.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):r.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),u([...t]),"2.0"===s&&b(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(a,{selected:!0},(e=>{var t;return p?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e]),"2.0"===s&&b(e)}else if("notSelected"===e){const e=t.iterateOnOptions(a,{selected:!1},(e=>!e.disabled));u([...e]),"2.0"===s&&b(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(a,{selected:!1});u([...e]),"2.0"===s&&b(e)},onFreeFormSelect:function(e){if(!c)return void g({label:p,value:p,isFreeForm:!0,selected:!0});const t=a.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===p&&t.value===p?e:t.selected})));e&&(t.some((e=>e.label===p&&e.value===p))||t.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...t]),"2.0"===s&&b(t)},onMultiSelectApply:b,getSelectedOptions:f}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",l=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0;const[a,u]=e.useState(null!=l?l:[]),[r,d]=e.useState([]),[p,v]=e.useState(""),O=e.useRef(a);e.useEffect((()=>{if(O.current=a,r.length&&p&&o){let e=[...r];const t=a.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d([...e])}}),[a]),e.useEffect((()=>{if(l){const e=[...l];u(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const f=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function g(e,l){if(c)if(r.length&&p&&o)if(e.selected){let n=!1;const i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||i.push(e),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{let n=!1,i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(i=i.filter((t=>t.value!==e.value))),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{const n=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value));if(l)return[...n];u([...n]),"2.0"===s&&b(n)}else null==n||n(e)}function b(e){const t=f(null!=e?e:O.current);null==n||n([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:a,search:function(e){if(v(e),d([]),e&&o){const s=[];t.iterateOnOptionsRaw(a,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));d([...t])}}))}},searchedString:p,searchedOptions:r,onApplyHandler:g,selectAllHandler:function(e){if(r.length&&p&&o)!function(e){let t=[...a];e?r.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):r.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),u([...t]),"2.0"===s&&b(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(a,{selected:!0},(e=>{var t;return p?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e]),"2.0"===s&&b(e)}else if("notSelected"===e){const e=t.iterateOnOptions(a,{selected:!1},(e=>!e.disabled));u([...e]),"2.0"===s&&b(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(a,{selected:!1});u([...e]),"1.0"===s&&b(e)},onFreeFormSelect:function(e){if(!c)return void g({label:p,value:p,isFreeForm:!0,selected:!0});const t=a.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===p&&t.value===p?e:t.selected})));e&&(t.some((e=>e.label===p&&e.value===p))||t.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...t]),"2.0"===s&&b(t)},onMultiSelectApply:b,getSelectedOptions:f}};
@@ -20,7 +20,6 @@ export interface OpenDropdownProps {
20
20
  hideSelectAll?: boolean;
21
21
  primaryButtonText?: string;
22
22
  onInfiniteScroll?: () => void;
23
- onMultiSelectClear?: () => void;
24
23
  }
25
24
  export type GroupedOption = {
26
25
  label?: string;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as n}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as l}from"../../../../hooks/useOutside.js";import{useDropdown as s}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as p}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";const g=304,b=290,v=v=>{let{options:j,isSearchable:w,isMultiSelect:y,width:x,allowFreeForm:O,height:C,onClose:M,onSelect:D,onSearch:L,version:A,skipSorting:F,headerRef:k,hideSelectAll:B,primaryButtonText:H,onInfiniteScroll:I,onMultiSelectClear:T}=v;const{dropdownOptions:R,search:Z,searchedString:q,searchedOptions:z,onApplyHandler:K,selectAllHandler:N,onMultiSelectClear:P,onFreeFormSelect:W,onMultiSelectApply:E,latestDropdownOptionsRef:G,getSelectedOptions:J}=s(A,j,D,F,y,L),[Q,U]=o(null!=x?x:b),[V,X]=o(null),Y=r(null);l(Y,(()=>{if(X(null),y&&"2.0"===A){const e=J(G.current);null==M||M(e)}else null==M||M(R)}),[k]);const $=null!=C?C:g,_="number"==typeof $?w&&y?$-96:w&&!y||!w&&y?$-48:$:$;n((()=>{const e=null!=x?x:b;if(null===V)U(e);else if("number"==typeof e)U(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));U(t)}}),[V]);const ee=[],te=(q&&L?z:R).map((e=>{var t,o;if(q&&!L){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(q.toLowerCase()))&&(ee.push(!q||e.label===q),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(q.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(q.toLowerCase()))?(ee.push(!q||e.label===q),e):null}return e})).filter((e=>null!==e)),oe=!!w&&q&&0===te.length;return e(h,Object.assign({version:A,ref:Y,style:{width:Q}},{children:[e("div",Object.assign({style:{width:V?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!w&&t(f,{onSearch:Z,version:A}),te.length||q?e(m,Object.assign({minHeight:$,maxHeight:_},{children:[!!y&&!oe&&!B&&t(p,{version:A,options:q&&L?z:R,onSelect:N}),!O&&oe&&t(S,{height:_,searchedString:q}),O&&(oe||!!ee.length&&ee.every((e=>!1===e)))&&t(a,{version:A,isMultiSelect:y,onSelect:W,searchedString:q}),t(u,{onInfiniteScroll:I,version:A,onSelect:K,showDescription:function(e,t){X(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:te})]})):t("div",Object.assign({style:{height:$,display:"flex"}},{children:t(i,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!y&&!(!te.length&&!q)&&"2.0"!==A&&t(d,{onClear:T||P,onApply:E,list:q&&L?z:R,buttonText:H})]})),!!V&&t(c,{title:V.title,description:V.description,version:A})]}))};export{v as OpenedDropdown};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as n}from"react";import{ZeroState as i}from"../../../zeroState/ZeroState.js";import{useOutside as l}from"../../../../hooks/useOutside.js";import{useDropdown as s}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as p}from"./menu/MenuList.js";import{SelectAllMenu as u}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";const g=304,b=290,v=v=>{let{options:j,isSearchable:w,isMultiSelect:y,width:x,allowFreeForm:O,height:C,onClose:M,onSelect:D,onSearch:L,version:A,skipSorting:F,headerRef:k,hideSelectAll:B,primaryButtonText:H,onInfiniteScroll:I}=v;const{dropdownOptions:T,search:R,searchedString:Z,searchedOptions:q,onApplyHandler:z,selectAllHandler:K,onMultiSelectClear:N,onFreeFormSelect:P,onMultiSelectApply:W,latestDropdownOptionsRef:E,getSelectedOptions:G}=s(A,j,D,F,y,L),[J,Q]=o(null!=x?x:b),[U,V]=o(null),X=r(null);l(X,(()=>{if(V(null),y&&"2.0"===A){const e=G(E.current);null==M||M(e)}else null==M||M(T)}),[k]);const Y=null!=C?C:g,$="number"==typeof Y?w&&y?Y-96:w&&!y||!w&&y?Y-48:Y:Y;n((()=>{const e=null!=x?x:b;if(null===U)Q(e);else if("number"==typeof e)Q(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));Q(t)}}),[U]);const _=[],ee=(Z&&L?q:T).map((e=>{var t,o;if(Z&&!L){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(Z.toLowerCase()))&&(_.push(!Z||e.label===Z),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(Z.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(Z.toLowerCase()))?(_.push(!Z||e.label===Z),e):null}return e})).filter((e=>null!==e)),te=!!w&&Z&&0===ee.length;return e(h,Object.assign({version:A,ref:X,style:{width:J}},{children:[e("div",Object.assign({style:{width:U?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!w&&t(f,{onSearch:R,version:A}),ee.length||Z?e(m,Object.assign({minHeight:Y,maxHeight:$},{children:[!!y&&!te&&!B&&t(u,{version:A,options:Z&&L?q:T,onSelect:K}),!O&&te&&t(S,{height:$,searchedString:Z}),O&&(te||!!_.length&&_.every((e=>!1===e)))&&t(a,{version:A,isMultiSelect:y,onSelect:P,searchedString:Z}),t(p,{onInfiniteScroll:I,version:A,onSelect:z,showDescription:function(e,t){V(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:ee})]})):t("div",Object.assign({style:{height:Y,display:"flex"}},{children:t(i,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!y&&!(!ee.length&&!Z)&&"2.0"!==A&&t(d,{onClear:N,onApply:W,list:Z&&L?q:T,buttonText:H})]})),!!U&&t(c,{title:U.title,description:U.description,version:A})]}))};export{v as OpenedDropdown};
@@ -1 +1 @@
1
- import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=function(){let c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",o=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,d=arguments.length>5?arguments[5]:void 0;const[r,v]=e(null!=o?o:[]),[p,f]=e([]),[g,b]=e(""),O=t(r);s((()=>{if(O.current=r,p.length&&g&&d){let e=[...p];const t=r.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),f([...e])}}),[r]),s((()=>{if(o){const e=[...o];v(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[o]);const h=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function j(e,t){if(u)if(p.length&&g&&d)if(e.selected){let s=!1;const l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{let s=!1,l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{const s=n(r,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];v([...s]),"2.0"===c&&m(s)}else null==i||i(e)}function m(e){const t=h(null!=e?e:O.current);null==i||i([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:r,search:function(e){if(b(e),f([]),e&&d){const t=[];l(r,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),d(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));f([...s])}}))}},searchedString:g,searchedOptions:p,onApplyHandler:j,selectAllHandler:function(e){if(p.length&&g&&d)!function(e){let t=[...r];e?p.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):p.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),v([...t]),"2.0"===c&&m(t)}("selectAll"===e);else if("selectAll"===e){const e=n(r,{selected:!0},(e=>{var t;return g?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(g.toLowerCase()))&&!e.disabled:!e.disabled}));v([...e]),"2.0"===c&&m(e)}else if("notSelected"===e){const e=n(r,{selected:!1},(e=>!e.disabled));v([...e]),"2.0"===c&&m(e)}},onMultiSelectClear:function(){const e=n(r,{selected:!1});v([...e]),"2.0"===c&&m(e)},onFreeFormSelect:function(e){if(!u)return void j({label:g,value:g,isFreeForm:!0,selected:!0});const t=r.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===g&&t.value===g?e:t.selected})));e&&(t.some((e=>e.label===g&&e.value===g))||t.unshift({label:g,value:g,isFreeForm:!0,selected:!0})),v([...t]),"2.0"===c&&m(t)},onMultiSelectApply:m,getSelectedOptions:h}};export{c as useDropdown};
1
+ import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=function(){let c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",o=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,d=arguments.length>5?arguments[5]:void 0;const[r,v]=e(null!=o?o:[]),[p,f]=e([]),[g,b]=e(""),O=t(r);s((()=>{if(O.current=r,p.length&&g&&d){let e=[...p];const t=r.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),f([...e])}}),[r]),s((()=>{if(o){const e=[...o];v(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[o]);const h=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function j(e,t){if(u)if(p.length&&g&&d)if(e.selected){let s=!1;const l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{let s=!1,l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{const s=n(r,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];v([...s]),"2.0"===c&&m(s)}else null==i||i(e)}function m(e){const t=h(null!=e?e:O.current);null==i||i([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:r,search:function(e){if(b(e),f([]),e&&d){const t=[];l(r,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),d(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));f([...s])}}))}},searchedString:g,searchedOptions:p,onApplyHandler:j,selectAllHandler:function(e){if(p.length&&g&&d)!function(e){let t=[...r];e?p.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):p.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),v([...t]),"2.0"===c&&m(t)}("selectAll"===e);else if("selectAll"===e){const e=n(r,{selected:!0},(e=>{var t;return g?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(g.toLowerCase()))&&!e.disabled:!e.disabled}));v([...e]),"2.0"===c&&m(e)}else if("notSelected"===e){const e=n(r,{selected:!1},(e=>!e.disabled));v([...e]),"2.0"===c&&m(e)}},onMultiSelectClear:function(){const e=n(r,{selected:!1});v([...e]),"1.0"===c&&m(e)},onFreeFormSelect:function(e){if(!u)return void j({label:g,value:g,isFreeForm:!0,selected:!0});const t=r.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===g&&t.value===g?e:t.selected})));e&&(t.some((e=>e.label===g&&e.value===g))||t.unshift({label:g,value:g,isFreeForm:!0,selected:!0})),v([...t]),"2.0"===c&&m(t)},onMultiSelectApply:m,getSelectedOptions:h}};export{c as useDropdown};
@@ -20,7 +20,6 @@ export interface OpenDropdownProps {
20
20
  hideSelectAll?: boolean;
21
21
  primaryButtonText?: string;
22
22
  onInfiniteScroll?: () => void;
23
- onMultiSelectClear?: () => void;
24
23
  }
25
24
  export type GroupedOption = {
26
25
  label?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.517-beta.drop.2",
3
+ "version": "0.0.517-beta.drop.3",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",