@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.9

package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Placement } from "../../tooltips";
+import { OpenDropdownProps } from '../type';
+export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+    isLoading?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    onDropdownOpen?: (() => void) | undefined;
+    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
+    tooltipContent?: string | undefined;
+    tooltipDirection?: Placement | undefined;
+    showTooltipArrow?: boolean | undefined;
+    allowEvents?: boolean | undefined;
+    'data-test'?: string | undefined;
+    isChildLoading?: boolean | undefined;
+    /**
+     * If true, forces the dropdown to remain open regardless of user interaction or internal state.
+     * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.
+     * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.
+     */
+    forceOpen?: boolean | undefined;
+} & React.RefAttributes<{
+    openDropdown: boolean;
+}>>;

package/dist/cjs/components/dropdown/DropdownPopover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),r=require("../../dropShadow/DropShadow.js"),l=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(t).default.forwardRef((d,a)=>{var{children:p,onDropdownVisbilityChange:u,version:c="1.0",tooltipContent:v,tooltipDirection:w,showTooltipArrow:h,isChildLoading:j,forceOpen:f}=d,b=e.__rest(d,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen"]);const D=a,[g,x]=t.useState(!1),[y,O]=t.useState(null),[S,C]=t.useState(null),m=t.useRef(null),{styles:q,attributes:E}=n.usePopper(y,S,{placement:b.placement,strategy:b.strategy}),_=e=>{var o,t;"2.0"===c&&b.isMultiSelect&&e&&(null===(o=b.onSelect)||void 0===o||o.call(b,[...e])),x(!1),null===(t=null==b?void 0:b.onClose)||void 0===t||t.call(b)};t.useImperativeHandle(D,()=>({openDropdown:g}),[]),t.useEffect(()=>{(null==D?void 0:D.current)&&(D.current.openDropdown=g)},[g]),t.useEffect(()=>{null==u||u(g)},[g]);const z=()=>o.jsxs(o.Fragment,{children:[o.jsxs("div",{style:{position:"relative"},ref:O,children:[o.jsx(i.OverLapAbs,{ref:m,allowEvents:b.allowEvents,disabled:b.disabled,onClick:e=>{var o;null===(o=b.onDropdownOpen)||void 0===o||o.call(b),g?(x(!1),e.preventDefault()):b.disabled||x(!0)},isChildLoading:j,children:b.allowEvents?p:null}),b.allowEvents?null:p]}),(g||f)&&o.jsx(i.OpenDropdownContainer,Object.assign({ref:C,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},E.popper,{"data-test":b["data-test"],children:o.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:o.jsx(s.OpenedDropdown,Object.assign({},b,{onSelect:e=>{var o;"2.0"===c&&b.isMultiSelect||(null===(o=b.onSelect)||void 0===o||o.call(b,e),x(!1))},onClose:_,version:c,headerRef:m,zeroState:null==b?void 0:b.zeroState}))})}))]});return o.jsx(o.Fragment,{children:g||f||void 0===v?z():o.jsx(l.Tooltip,{body:v,placement:w,hideArrow:!h,children:o.jsx("div",{"data-test":b["data-test"],children:z()})})})});a.displayName="DropdownPopover",exports.DropdownPopover=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),r=require("../../dropShadow/DropShadow.js"),l=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(t).default.forwardRef(((a,d)=>{var{children:p,onDropdownVisbilityChange:c,version:u="1.0",tooltipContent:v,tooltipDirection:j,showTooltipArrow:w,isChildLoading:h,forceOpen:b}=a,f=e.__rest(a,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen"]);const g=d,[O,D]=t.useState(!1),[x,y]=t.useState(null),[S,C]=t.useState(null),m=t.useRef(null),{styles:q,attributes:E}=n.usePopper(x,S,{placement:f.placement,strategy:f.strategy}),_=e=>{var o,t;"2.0"===u&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),D(!1),null===(t=null==f?void 0:f.onClose)||void 0===t||t.call(f)};t.useImperativeHandle(g,(()=>({openDropdown:O})),[]),t.useEffect((()=>{(null==g?void 0:g.current)&&(g.current.openDropdown=O)}),[O]),t.useEffect((()=>{null==c||c(O)}),[O]);const z=()=>o.jsxs(o.Fragment,{children:[o.jsxs("div",Object.assign({style:{position:"relative"},ref:y},{children:[o.jsx(i.OverLapAbs,Object.assign({ref:m,allowEvents:f.allowEvents,disabled:f.disabled,onClick:e=>{var o;null===(o=f.onDropdownOpen)||void 0===o||o.call(f),O?(D(!1),e.preventDefault()):f.disabled||D(!0)},isChildLoading:h},{children:f.allowEvents?p:null})),f.allowEvents?null:p]})),(O||b)&&o.jsx(i.OpenDropdownContainer,Object.assign({ref:C,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},E.popper,{"data-test":f["data-test"]},{children:o.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:o.jsx(s.OpenedDropdown,Object.assign({},f,{onSelect:e=>{var o;"2.0"===u&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),D(!1))},onClose:_,version:u,headerRef:m,zeroState:null==f?void 0:f.zeroState}))}))}))]});return o.jsx(o.Fragment,{children:O||b||void 0===v?z():o.jsx(l.Tooltip,Object.assign({body:v,placement:j,hideArrow:!w},{children:o.jsx("div",Object.assign({"data-test":f["data-test"]},{children:z()}))}))})}));d.displayName="DropdownPopover",exports.DropdownPopover=d;

package/dist/cjs/components/dropdown/MenuItem/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { OpenDropdownProps } from '../type';
+export type MenuItemDropdownProps = OpenDropdownProps & {
+    isHorizontal: boolean;
+    children?: React.ReactNode;
+    hideBorder?: boolean;
+    isNewTag?: boolean;
+};
+export declare const MenuItemDropdown: React.FC<MenuItemDropdownProps>;

package/dist/cjs/components/dropdown/MenuItem/MenuItem.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),s=require("styled-components"),t=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(s).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),s=require("../../../assets/icons/vertical_dots.svg.js"),o=require("styled-components"),t=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(o).default.div`
 	:hover {
 		background: ${i.COLORS.surface.subdued};
 	}
@@ -17,4 +17,4 @@
 		justify-content: center;
 		align-items: center;
 	}
-`,u=s=>e.jsx(a,{isNewTag:s.isNewTag,children:e.jsxs(n.DropdownPopover,Object.assign({},s,{children:[e.jsx("div",{children:e.jsx(t.IconButton,{Icon:s.isHorizontal?r.default:o.default,bordered:!(null==s?void 0:s.hideBorder)})}),s.isNewTag?e.jsx("div",{className:"new--tag"}):null]}))});u.displayName="MenuItemDropdown",exports.MenuItemDropdown=u;
+`,u=o=>e.jsx(a,Object.assign({isNewTag:o.isNewTag},{children:e.jsxs(n.DropdownPopover,Object.assign({},o,{children:[e.jsx("div",{children:e.jsx(t.IconButton,{Icon:o.isHorizontal?r.default:s.default,bordered:!(null==o?void 0:o.hideBorder)})}),o.isNewTag?e.jsx("div",{className:"new--tag"}):null]}))}));u.displayName="MenuItemDropdown",exports.MenuItemDropdown=u;

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Placement } from "../../tooltips";
+import { OpenDropdownProps } from '../type';
+export declare const MultilevelDropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+    isLoading?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+    onDropdownOpen?: (() => void) | undefined;
+    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
+    tooltipContent?: string | undefined;
+    tooltipDirection?: Placement | undefined;
+    showTooltipArrow?: boolean | undefined;
+} & React.RefAttributes<{
+    openDropdown: boolean;
+}>>;

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),r=require("react"),t=require("react-popper"),n=require("../../dropShadow/DropShadow.js"),l=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(r).default.forwardRef((d,p)=>{var{children:a,onDropdownVisbilityChange:u,version:c="1.0",tooltipContent:v,tooltipDirection:j,showTooltipArrow:w}=d,f=e.__rest(d,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const h=p,[b,D]=r.useState(!1),[x,y]=r.useState(null),[m,O]=r.useState(null),S=r.useRef(null),{styles:g,attributes:C}=t.usePopper(x,m,{placement:f.placement,strategy:f.strategy}),q=e=>{var o,r;f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),D(!1),null===(r=null==f?void 0:f.onClose)||void 0===r||r.call(f)};r.useImperativeHandle(h,()=>({openDropdown:b}),[]),r.useEffect(()=>{(null==h?void 0:h.current)&&(h.current.openDropdown=b)},[b]),r.useEffect(()=>{null==u||u(b)},[b]);const _=()=>o.jsxs(o.Fragment,{children:[o.jsxs("div",{style:{position:"relative"},ref:y,children:[o.jsx(i.OverLapAbs,{ref:S,disabled:f.disabled,onClick:e=>{var o;null===(o=f.onDropdownOpen)||void 0===o||o.call(f),b?(D(!1),e.preventDefault()):f.disabled||D(!0)}}),a]}),b&&o.jsx(i.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},C.popper,{children:o.jsx(n.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:o.jsx(s.OpenedDropdown,Object.assign({},f,{onSelect:e=>{var o;"2.0"===c&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),D(!1))},onClose:q,version:c,headerRef:S}))})}))]});return o.jsx(o.Fragment,{children:b||void 0===v?_():o.jsx(l.Tooltip,{body:v,placement:j,hideArrow:!w,children:o.jsx("div",{children:_()})})})});p.displayName="MultilevelDropdownPopover",exports.MultilevelDropdownPopover=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),r=require("react"),t=require("react-popper"),n=require("../../dropShadow/DropShadow.js"),l=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(r).default.forwardRef(((d,p)=>{var{children:a,onDropdownVisbilityChange:c,version:u="1.0",tooltipContent:v,tooltipDirection:j,showTooltipArrow:w}=d,b=e.__rest(d,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const f=p,[h,D]=r.useState(!1),[O,g]=r.useState(null),[x,y]=r.useState(null),m=r.useRef(null),{styles:S,attributes:C}=t.usePopper(O,x,{placement:b.placement,strategy:b.strategy}),q=e=>{var o,r;b.isMultiSelect&&e&&(null===(o=b.onSelect)||void 0===o||o.call(b,[...e])),D(!1),null===(r=null==b?void 0:b.onClose)||void 0===r||r.call(b)};r.useImperativeHandle(f,(()=>({openDropdown:h})),[]),r.useEffect((()=>{(null==f?void 0:f.current)&&(f.current.openDropdown=h)}),[h]),r.useEffect((()=>{null==c||c(h)}),[h]);const _=()=>o.jsxs(o.Fragment,{children:[o.jsxs("div",Object.assign({style:{position:"relative"},ref:g},{children:[o.jsx(i.OverLapAbs,{ref:m,disabled:b.disabled,onClick:e=>{var o;null===(o=b.onDropdownOpen)||void 0===o||o.call(b),h?(D(!1),e.preventDefault()):b.disabled||D(!0)}}),a]})),h&&o.jsx(i.OpenDropdownContainer,Object.assign({ref:y,style:Object.assign(Object.assign({},S.popper),{zIndex:3})},C.popper,{children:o.jsx(n.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:o.jsx(s.OpenedDropdown,Object.assign({},b,{onSelect:e=>{var o;"2.0"===u&&b.isMultiSelect||(null===(o=b.onSelect)||void 0===o||o.call(b,e),D(!1))},onClose:q,version:u,headerRef:m}))}))}))]});return o.jsx(o.Fragment,{children:h||void 0===v?_():o.jsx(l.Tooltip,Object.assign({body:v,placement:j,hideArrow:!w},{children:o.jsx("div",{children:_()})}))})}));p.displayName="MultilevelDropdownPopover",exports.MultilevelDropdownPopover=p;

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { OpenDropdownProps } from '../../type';
+export declare const OpenedDropdown: React.FC<OpenDropdownProps>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../zeroState/ZeroState.js"),o=require("../../../../hooks/useOutside.js"),r=require("../../hooks/useDropdown.js"),s=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,f=290;exports.OpenedDropdown=({options:S,isSearchable:b,isMultiSelect:j,maxSelections:v,width:g,allowFreeForm:x,height:m,onClose:w,onSelect:y,onSearch:O,version:D,skipSorting:C,headerRef:q,hideSelectAll:M,primaryButtonText:k,onInfiniteScroll:L,onMultiSelectClear:A,onDropdownItemClick:E,buttonOptions:I,isSearchLoading:F,disableSearchOptions:T,disableSearchedOptionExcept:B,useDefaultCursor:R,containerStyle:H={},zeroState:Z})=>{const{dropdownOptions:z,search:P,searchedString:V,searchedOptions:W,onApplyHandler:$,selectAllHandler:_,onMultiSelectClear:K,onFreeFormSelect:N,onMultiSelectApply:U,latestDropdownOptionsRef:G,getSelectedOptions:J,getCurrentSelectionCount:Q}=r.useDropdown(D,S,y,C,j,O,T,B,v),[X,Y]=t.useState(null!=g?g:f),[ee,te]=t.useState(null),[ne,oe]=t.useState(-1),re=t.useRef(null),se=t.useRef([]),ie=t.useRef(null);o.useOutside(re,()=>{if(te(null),j&&"2.0"===D){const e=J(G.current);null==w||w(e)}else null==w||w(z)},[q,se]),t.useEffect(()=>{const e=setTimeout(()=>{re.current&&re.current.focus({preventScroll:!0})},0);return()=>clearTimeout(e)},[]);t.useEffect(()=>{const e=e=>{const t=(e=>{const t=[];return e.forEach(e=>{if(e.options)e.options.forEach(e=>{e.disabled||t.push(e)});else{const n=e;n.disabled||t.push(n)}}),t})(V&&O?W:z);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),oe(e=>{const n=e<t.length-1?e+1:0;return setTimeout(()=>{var e;const t=null===(e=ie.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${n}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})},0),n});else if("ArrowUp"===e.key)e.preventDefault(),oe(e=>{const n=e>0?e-1:t.length-1;return setTimeout(()=>{var e;const t=null===(e=ie.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${n}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})},0),n});else if("Enter"===e.key&&ne>=0){e.preventDefault();const n=t[ne];n&&($(Object.assign(Object.assign({},n),{selected:!n.selected})),E&&E(n))}},t=re.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[ne,V,W,z,O,$,E]);const le=null!=m?m:h,ue="number"==typeof le?b&&j?le-96:b&&!j||!b&&j?le-48:le:le;t.useEffect(()=>{const e=null!=g?g:f;if(null===ee)Y(e);else if("number"==typeof e)Y(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));Y(t)}},[ee]);const ce=[],ae=(e=>{if(!j||!v&&0!==v)return e;const t=Q(e)>=v;return t?e.map(e=>{if(e.options)return Object.assign(Object.assign({},e),{options:e.options.map(e=>Object.assign(Object.assign({},e),{disabled:e.disabled||!e.selected&&t}))});{const n=e;return Object.assign(Object.assign({},n),{disabled:n.disabled||!n.selected&&t})}}):e})((V&&O?W:z).map(e=>{var t,n;if(V&&!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(V.toLowerCase()))&&(ce.push(!V||e.label===V),!0)}),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(V.toLowerCase()))||(null===(n=e.searchKey)||void 0===n?void 0:n.toLowerCase().includes(V.toLowerCase()))?(ce.push(!V||e.label===V),e):null}return e}).filter(e=>null!==e)),de=!!b&&V&&0===ae.length;return e.jsxs(a.OpennedDropdownContainer,{version:D,ref:re,tabIndex:-1,style:Object.assign(Object.assign({width:X},H),{outline:"none"}),children:[e.jsxs("div",{style:{width:ee?"50%":"100%",display:"flex",flexDirection:"column",background:"white"},children:[!!b&&e.jsx(d.SearchBox,{onSearch:P,version:D}),ae.length||V?e.jsxs(a.MenuListContainer,{minHeight:le,maxHeight:ue,ref:ie,children:[!!j&&!de&&!M&&e.jsx(u.SelectAllMenu,{version:D,options:V&&O?W:z,onSelect:_}),!x&&de&&e.jsx(p.SearchZeroState,{isLoading:F,height:ue,searchedString:V,containerWidth:g}),x&&(de||!!ce.length&&ce.every(e=>!1===e))&&e.jsx(i.FreeFormMenu,{version:D,isMultiSelect:j,onSelect:N,searchedString:V}),e.jsx(l.MenuList,{onInfiniteScroll:L,onDropdownItemClick:E,version:D,onSelect:$,showDescription:function(e,t){te(e&&t?{title:e,description:t}:null)},isMultiSelect:j,options:ae,useDefaultCursor:R,ref:se,focusedIndex:ne})]}):e.jsx("div",{style:{height:le,display:"flex"},children:e.jsx(n.ZeroState,Object.assign({},Z,{title:(null==Z?void 0:Z.title)||"No results found",subTitle:(null==Z?void 0:Z.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))}),!!j&&!(!ae.length&&!V)&&"2.0"!==D&&e.jsx(c.default,{onClear:()=>{K(),null==A||A()},onApply:U,list:V&&O?W:z,buttonText:k,buttonOptions:I})]}),!!ee&&e.jsx(s.Description,{title:ee.title,description:ee.description,version:D})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),o=require("../../hooks/useDropdown.js"),r=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,f=290;exports.OpenedDropdown=S=>{let{options:b,isSearchable:j,isMultiSelect:g,maxSelections:v,width:x,allowFreeForm:O,height:m,onClose:w,onSelect:y,onSearch:D,version:C,skipSorting:q,headerRef:M,hideSelectAll:k,primaryButtonText:L,onInfiniteScroll:A,onMultiSelectClear:E,onDropdownItemClick:I,buttonOptions:F,isSearchLoading:T,disableSearchOptions:B,disableSearchedOptionExcept:R,useDefaultCursor:H,containerStyle:Z={},zeroState:z}=S;const{dropdownOptions:P,search:V,searchedString:W,searchedOptions:$,onApplyHandler:_,selectAllHandler:K,onMultiSelectClear:N,onFreeFormSelect:U,onMultiSelectApply:G,latestDropdownOptionsRef:J,getSelectedOptions:Q,getCurrentSelectionCount:X}=o.useDropdown(C,b,y,q,g,D,B,R,v),[Y,ee]=t.useState(null!=x?x:f),[te,ne]=t.useState(null),[se,oe]=t.useState(-1),re=t.useRef(null),ie=t.useRef([]),le=t.useRef(null);s.useOutside(re,(()=>{if(ne(null),g&&"2.0"===C){const e=Q(J.current);null==w||w(e)}else null==w||w(P)}),[M,ie]),t.useEffect((()=>{const e=setTimeout((()=>{re.current&&re.current.focus({preventScroll:!0})}),0);return()=>clearTimeout(e)}),[]);t.useEffect((()=>{const e=e=>{const t=(e=>{const t=[];return e.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||t.push(e)}));else{const n=e;n.disabled||t.push(n)}})),t})(W&&D?$:P);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),oe((e=>{const n=e<t.length-1?e+1:0;return setTimeout((()=>{var e;const t=null===(e=le.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${n}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})}),0),n}));else if("ArrowUp"===e.key)e.preventDefault(),oe((e=>{const n=e>0?e-1:t.length-1;return setTimeout((()=>{var e;const t=null===(e=le.current)||void 0===e?void 0:e.querySelector(`[data-option-index="${n}"]`);t&&t.scrollIntoView({block:"nearest",behavior:"smooth"})}),0),n}));else if("Enter"===e.key&&se>=0){e.preventDefault();const n=t[se];n&&(_(Object.assign(Object.assign({},n),{selected:!n.selected})),I&&I(n))}},t=re.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}}),[se,W,$,P,D,_,I]);const ue=null!=m?m:h,ce="number"==typeof ue?j&&g?ue-96:j&&!g||!j&&g?ue-48:ue:ue;t.useEffect((()=>{const e=null!=x?x:f;if(null===te)ee(e);else if("number"==typeof e)ee(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));ee(t)}}),[te]);const ae=[],de=(e=>{if(!g||!v&&0!==v)return e;const t=X(e)>=v;return t?e.map((e=>{if(e.options)return Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{disabled:e.disabled||!e.selected&&t})))});{const n=e;return Object.assign(Object.assign({},n),{disabled:n.disabled||!n.selected&&t})}})):e})((W&&D?$:P).map((e=>{var t,n;if(W&&!D){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(W.toLowerCase()))&&(ae.push(!W||e.label===W),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(W.toLowerCase()))||(null===(n=e.searchKey)||void 0===n?void 0:n.toLowerCase().includes(W.toLowerCase()))?(ae.push(!W||e.label===W),e):null}return e})).filter((e=>null!==e))),pe=!!j&&W&&0===de.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:C,ref:re,tabIndex:-1,style:Object.assign(Object.assign({width:Y},Z),{outline:"none"})},{children:[e.jsxs("div",Object.assign({style:{width:te?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!j&&e.jsx(d.SearchBox,{onSearch:V,version:C}),de.length||W?e.jsxs(a.MenuListContainer,Object.assign({minHeight:ue,maxHeight:ce,ref:le},{children:[!!g&&!pe&&!k&&e.jsx(u.SelectAllMenu,{version:C,options:W&&D?$:P,onSelect:K}),!O&&pe&&e.jsx(p.SearchZeroState,{isLoading:T,height:ce,searchedString:W,containerWidth:x}),O&&(pe||!!ae.length&&ae.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:C,isMultiSelect:g,onSelect:U,searchedString:W}),e.jsx(l.MenuList,{onInfiniteScroll:A,onDropdownItemClick:I,version:C,onSelect:_,showDescription:function(e,t){ne(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:de,useDefaultCursor:H,ref:ie,focusedIndex:se})]})):e.jsx("div",Object.assign({style:{height:ue,display:"flex"}},{children:e.jsx(n.ZeroState,Object.assign({},z,{title:(null==z?void 0:z.title)||"No results found",subTitle:(null==z?void 0:z.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))})),!!g&&!(!de.length&&!W)&&"2.0"!==C&&e.jsx(c.default,{onClear:()=>{N(),null==E||E()},onApply:G,list:W&&D?$:P,buttonText:L,buttonOptions:F})]})),!!te&&e.jsx(r.Description,{title:te.title,description:te.description,version:C})]}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -0,0 +1,8 @@
+export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | undefined;
+}, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    maxHeight: number | string;
+    minHeight: number | string;
+}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const Description: React.FC<{
+    title: string;
+    description: string;
+    version?: '1.0' | '2.0';
+}>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),t=require("../../../../../constants/Theme.js"),i=require("./Description.styled.js");exports.Description=({title:s,description:n,version:o})=>e.jsx(i.DescriptionContainer,{version:o,children:e.jsxs("div",{style:{padding:"2.0"===o?12:24},children:[e.jsx(r.TitleRegular,{style:{color:t.COLORS.content.primary,marginBottom:4},children:s}),e.jsx(r.BodySecondary,{style:{color:t.COLORS.content.secondary},children:n})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),t=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o,version:c}=i;return e.jsx(t.DescriptionContainer,Object.assign({version:c},{children:e.jsxs("div",Object.assign({style:{padding:"2.0"===c?12:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:s.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsx(r.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:o}))]}))}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | undefined;
+}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FreeFormMenu: React.FC<{
+    isMultiSelect?: boolean;
+    searchedString: string;
+    onSelect: (isChecked: boolean) => void;
+    version?: '1.0' | '2.0';
+}>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=({searchedString:c,onSelect:l,isMultiSelect:u,version:a})=>{const[j,m]=r.useState(!1);function x(){m(!j),l(!j)}return e.jsx(s.ListItem,{version:a,onClick:e=>{e.preventDefault(),x()},listItem:{label:c,value:c},leadingIcon:u?e.jsx(t.CheckBox,{size:"2.0"===a?"SMALL":"DEFAULT",isChecked:j,onValueChange:x}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(i.BodyCaption,{style:{color:n.COLORS.content.secondary},children:"Freeform"})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=c=>{let{searchedString:l,onSelect:a,isMultiSelect:u,version:j}=c;const[m,x]=r.useState(!1);function d(){x(!m),a(!m)}return e.jsx(s.ListItem,{version:j,onClick:e=>{e.preventDefault(),d()},listItem:{label:l,value:l},leadingIcon:u?e.jsx(t.CheckBox,{size:"2.0"===j?"SMALL":"DEFAULT",isChecked:m,onValueChange:d}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))})})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -0,0 +1 @@
+export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { MultiSelectOption, SingleOption } from '../../../type';
+interface MenuItemProps {
+    option: SingleOption | MultiSelectOption;
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (option: SingleOption) => void;
+    onDropdownItemClick?: (option: SingleOption) => void;
+    last?: boolean;
+    version?: '1.0' | '2.0';
+    useDefaultCursor?: boolean;
+    isFocused?: boolean;
+    dataIndex?: number;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("styled-components"),o=require("../../../../checkBox/CheckBox.js"),r=require("../../../../list-item/ListItem.js"),s=require("../../../../tooltips/Tooltip.js"),l=require("../../../../TypographyStyle.js"),a=require("../../../../../constants/Theme.js"),d=require("./FreeFormMenu.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(i);const p=u.default(r.ListItem)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("styled-components"),r=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),o=require("../../../../tooltips/Tooltip.js"),l=require("../../../../TypographyStyle.js"),a=require("../../../../../constants/Theme.js"),d=require("./FreeFormMenu.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(i);const p=u.default(s.ListItem)`
 	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
 `,x=u.default.div`
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
-	border-radius: ${({version:e})=>"1.0"===e?"0":"8px"};
-	padding: ${({version:e})=>"1.0"===e?"0":"4px"};
+	border-radius: ${e=>{let{version:t}=e;return"1.0"===t?"0":"8px"}};
+	padding: ${e=>{let{version:t}=e;return"1.0"===t?"0":"4px"}};
 	min-width: 148px;
-	border: ${({version:e})=>"1.0"===e?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"};
+	border: ${e=>{let{version:t}=e;return"1.0"===t?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"}};
 	max-height: 248px;
 	overflow-y: auto;
-`,v=n.forwardRef(({option:i,isMultiSelect:r,showDescription:c,onSelect:u,last:v,version:g,onDropdownItemClick:h,useDefaultCursor:m,isFocused:j=!1,dataIndex:b=-1},f)=>{var y;const[C,I]=n.useState(i.selected),F=(e,t)=>{if(!e.children){T(!e.selected);const n=t?Object.assign(Object.assign({},e),{parent:t}):e;null==h||h(n)}},T=e=>{i.disabled||u(Object.assign(Object.assign({},i),{selected:e}))},q=m?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(s.Tooltip,{body:"",tooltipContent:i.children?e.jsx("div",{style:{backgroundColor:a.DEFAULT_THEME.colorsV2.surface.standard},ref:f,onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),children:e.jsx(x,{version:null!=g?g:"2.0",children:i.children.map(t=>{var n;return e.jsx(p,{version:g,style:"1.0"!==g&&(null!==(n=null==i?void 0:i.children)&&void 0!==n?n:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),F(t,i)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:i.disabled?"inactive":t.selected?"selected":"default"},t.value)})})}):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0,children:e.jsx(p,{version:g,style:v?Object.assign({borderBottom:0},q):Object.assign({},q),onClick:e=>{e.preventDefault(),F(i)},onMouseOver:()=>{i.description?c(i.label,i.description):c()},listItem:{value:i.value,label:i.label},subText:i.subText,"data-option-index":b,role:"option",id:`dropdown-option-${b}`,"aria-selected":!!i.selected,leadingIcon:r?e.jsxs("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8},children:[e.jsx(o.CheckBox,{size:"2.0"===g?"SMALL":"DEFAULT",isDisabled:null!==(y=i.disabled)&&void 0!==y&&y,isChecked:!!i.selected,onValueChange:T}),e.jsx("div",{style:{marginRight:"-4px"},children:i.leadingIcon})]}):i.leadingIcon?e.jsx(e.Fragment,{children:i.leadingIcon}):void 0,customComponent:i.customComponent,trailingIcon:i.isFreeForm?e.jsx(d.FreeFormContainer,{children:e.jsx(l.BodyCaption,{style:{color:a.COLORS.content.secondary},children:"Freeform"})}):i.children?e.jsx(t.default,{width:12,height:12}):i.trailingIcon?e.jsx(e.Fragment,{children:i.trailingIcon}):void 0,variant:i.disabled?"inactive":j||i.selected||!r&&C?"selected":"default"})})})});exports.MenuItem=v;
+`,g=n.forwardRef(((i,s)=>{let{option:c,isMultiSelect:u,showDescription:g,onSelect:v,last:j,version:b,onDropdownItemClick:h,useDefaultCursor:m,isFocused:f=!1,dataIndex:y=-1}=i;var C;const[I,O]=n.useState(c.selected),F=(e,t)=>{if(!e.children){T(!e.selected);const n=t?Object.assign(Object.assign({},e),{parent:t}):e;null==h||h(n)}},T=e=>{c.disabled||v(Object.assign(Object.assign({},c),{selected:e}))},q=m?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(o.Tooltip,Object.assign({body:"",tooltipContent:c.children?e.jsx("div",Object.assign({style:{backgroundColor:a.DEFAULT_THEME.colorsV2.surface.standard},ref:s,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1)},{children:e.jsx(x,Object.assign({version:null!=b?b:"2.0"},{children:c.children.map((t=>{var n;return e.jsx(p,{version:b,style:"1.0"!==b&&(null!==(n=null==c?void 0:c.children)&&void 0!==n?n:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),F(t,c)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:c.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0},{children:e.jsx(p,{version:b,style:j?Object.assign({borderBottom:0},q):Object.assign({},q),onClick:e=>{e.preventDefault(),F(c)},onMouseOver:()=>{c.description?g(c.label,c.description):g()},listItem:{value:c.value,label:c.label},subText:c.subText,"data-option-index":y,role:"option",id:`dropdown-option-${y}`,"aria-selected":!!c.selected,leadingIcon:u?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(r.CheckBox,{size:"2.0"===b?"SMALL":"DEFAULT",isDisabled:null!==(C=c.disabled)&&void 0!==C&&C,isChecked:!!c.selected,onValueChange:T}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:c.leadingIcon}))]})):c.leadingIcon?e.jsx(e.Fragment,{children:c.leadingIcon}):void 0,customComponent:c.customComponent,trailingIcon:c.isFreeForm?e.jsx(d.FreeFormContainer,{children:e.jsx(l.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:"Freeform"}))}):c.children?e.jsx(t.default,{width:12,height:12}):c.trailingIcon?e.jsx(e.Fragment,{children:c.trailingIcon}):void 0,variant:c.disabled?"inactive":f||c.selected||!u&&I?"selected":"default"})}))})}));exports.MenuItem=g;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { DropdownOption, SingleOption } from '../../../type';
+interface MenuListProps {
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (optionSelect: SingleOption) => void;
+    version?: '1.0' | '2.0';
+    onInfiniteScroll?: () => void;
+    onDropdownItemClick?: (option: DropdownOption) => void;
+    useDefaultCursor?: boolean;
+    focusedIndex?: number;
+}
+export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
+export {};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./MenuItem.js"),r=require("./MenuList.styled.js");const s=n.forwardRef(({options:s,isMultiSelect:o,showDescription:i,onSelect:c,version:l,onInfiniteScroll:u,onDropdownItemClick:d,useDefaultCursor:a,focusedIndex:p=-1},f)=>{const j=n.useRef(null),x=n.useRef(null),I=n.useCallback(()=>{j.current&&j.current.disconnect(),j.current=new IntersectionObserver(e=>{e[0].isIntersecting&&(null==u||u())}),x.current&&j.current.observe(x.current)},[u]);n.useEffect(()=>(I(),()=>{j.current&&j.current.disconnect()}),[I,s]);const h=new Map;let b=-1;return s.forEach(e=>{if(e.options)e.options.forEach(e=>{e.disabled||(b++,h.set(e,b))});else{const n=e;n.disabled||(b++,h.set(n,b))}}),e.jsx(e.Fragment,{children:s.map((n,u)=>{const j=u===s.length-1;if(n.options){const s=n;return e.jsxs("div",{style:{marginTop:"2.0"===l?2:0},children:[e.jsxs(r.StyledGroupedLabel,{version:l,children:[s.leadingIcon?e.jsx("span",{style:{marginRight:8},children:s.leadingIcon}):null,s.label]}),s.options.map((n,r)=>{const j=h.get(n),x=j===p&&!n.disabled;return e.jsx(t.MenuItem,{version:l,last:r===s.options.length-1,onSelect:c,showDescription:i,onDropdownItemClick:d,isMultiSelect:o,option:n,useDefaultCursor:a,isFocused:x,dataIndex:j,ref:e=>{f&&"object"==typeof f&&f.current&&e&&e&&e&&e&&(f.current[u]=e)}},`${u}-${r}`)}),j?e.jsx("span",{ref:x}):null]},u)}const I=n,b=h.get(I),m=b===p&&!I.disabled;return e.jsxs("div",{children:[e.jsx(t.MenuItem,{version:l,last:j,onSelect:c,showDescription:i,onDropdownItemClick:d,isMultiSelect:o,option:I,useDefaultCursor:a,isFocused:m,dataIndex:b,ref:e=>{f&&"object"==typeof f&&f.current&&e&&(f.current[u]=e)}},u),j?e.jsx("span",{ref:x}):null]},u)})})});exports.MenuList=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./MenuItem.js"),s=require("./MenuList.styled.js");const r=n.forwardRef(((r,o)=>{let{options:i,isMultiSelect:c,showDescription:l,onSelect:u,version:a,onInfiniteScroll:d,onDropdownItemClick:p,useDefaultCursor:f,focusedIndex:j=-1}=r;const b=n.useRef(null),x=n.useRef(null),g=n.useCallback((()=>{b.current&&b.current.disconnect(),b.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==d||d())})),x.current&&b.current.observe(x.current)}),[d]);n.useEffect((()=>(g(),()=>{b.current&&b.current.disconnect()})),[g,i]);const I=new Map;let h=-1;return i.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(h++,I.set(e,h))}));else{const n=e;n.disabled||(h++,I.set(n,h))}})),e.jsx(e.Fragment,{children:i.map(((n,r)=>{const d=r===i.length-1;if(n.options){const i=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[e.jsxs(s.StyledGroupedLabel,Object.assign({version:a},{children:[i.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((n,s)=>{const d=I.get(n),b=d===j&&!n.disabled;return e.jsx(t.MenuItem,{version:a,last:s===i.options.length-1,onSelect:u,showDescription:l,onDropdownItemClick:p,isMultiSelect:c,option:n,useDefaultCursor:f,isFocused:b,dataIndex:d,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[r]=e)}},`${r}-${s}`)})),d?e.jsx("span",{ref:x}):null]}),r)}const b=n,g=I.get(b),h=g===j&&!b.disabled;return e.jsxs("div",{children:[e.jsx(t.MenuItem,{version:a,last:d,onSelect:u,showDescription:l,onDropdownItemClick:p,isMultiSelect:c,option:b,useDefaultCursor:f,isFocused:h,dataIndex:g,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[r]=e)}},r),d?e.jsx("span",{ref:x}):null]},r)}))})}));exports.MenuList=r;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+} & {
+    version?: "1.0" | "2.0" | undefined;
+}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
+export declare const SelectAllMenu: React.FC<{
+    options: DropdownOption[];
+    onSelect: (newState: SelectAllCheckboxState) => void;
+    version?: '1.0' | '2.0';
+}>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=({options:s,onSelect:c,version:r})=>{const[o,a]=t.useState("notSelected");function n(){"partiallySelected"===o&&c("notSelected"),"selectAll"===o&&c("notSelected"),"notSelected"===o&&c("selectAll")}return t.useEffect(()=>{const e=[];s.filter(e=>!e.disabled).forEach(t=>{t.options?t.options.filter(e=>!e.disabled).forEach(t=>{e.push(t.selected||!1)}):e.push(t.selected||!1)}),e.every(Boolean)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")},[s]),e.jsx(i.ListItem,{version:r,onClick:e=>{e.preventDefault(),n()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",{style:{width:18,height:18},children:e.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===o||"partiallySelected"===o,isPartiallyChecked:"partiallySelected"===o,onValueChange:n})}),variant:"default"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=i=>{let{options:c,onSelect:r,version:o}=i;const[a,n]=t.useState("notSelected");function d(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return t.useEffect((()=>{const e=[];c.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[c]),e.jsx(s.ListItem,{version:o,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===o?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d})})),variant:"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonOptions, DropdownOption } from '../../../type';
+interface MultiSelectDropdownBottomBarProps {
+    onClear?: () => void;
+    onApply: () => void;
+    list: DropdownOption[];
+    buttonText?: string;
+    buttonOptions?: ButtonOptions;
+}
+declare const MultiSelectDropdownBottomBar: React.FC<MultiSelectDropdownBottomBarProps>;
+export default MultiSelectDropdownBottomBar;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),o=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=s=>{const{onClear:l,onApply:i,list:u,buttonText:p,buttonOptions:y}=s,{primaryButtonText:a,primaryButtonType:c,secondaryButtonText:d,secondaryButtonType:x}=null!=y?y:{},j=u.reduce((e,t)=>{if(t.options){return e+t.options.filter(e=>!0===e.selected).length}return t.selected?e+1:e},0);return e.jsxs(n.BottomBarContainer,{style:{justifyContent:"space-between"},children:[e.jsx(r.BodySecondary,{style:{flex:1,color:o.COLORS.content.primary},children:j?`${j} selected`:""}),e.jsxs("div",{style:{flexDirection:"row",display:"flex",gap:12},children:[e.jsx(t.Button,{size:"small",buttonType:x||"primary",buttonText:d||"Clear",onClick:l}),e.jsx(t.Button,{size:"small",buttonText:a||p||"Apply",buttonType:c||"primary",onClick:()=>{i()}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=s=>{const{onClear:i,onApply:l,list:u,buttonText:a,buttonOptions:c}=s,{primaryButtonText:p,primaryButtonType:y,secondaryButtonText:d,secondaryButtonType:x}=null!=c?c:{},j=u.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(o.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:n.COLORS.content.primary}},{children:j?`${j} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:x||"primary",buttonText:d||"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:p||a||"Apply",buttonType:y||"primary",onClick:()=>{l()}})]}))]}))};

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

@@ -0,0 +1 @@
+export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -3,7 +3,7 @@
 	padding: 8px 16px;
 	flex-direction: row;
 	align-items: center;
-	justify-content: flex-end;
+	justify-content: end;
 	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
 	background: ${t.COLORS.surface.standard};
 `;exports.BottomBarContainer=r;

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SearchBox: React.FC<{
+    onSearch: (searchString: string) => void;
+    version?: '1.0' | '2.0';
+}>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../icon-button/IconButton.js"),o=require("../../../../input/Input.js"),n=require("../../../../input/context/InputStyleProvider.js"),s=require("../../../../../constants/Theme.js"),i=require("../../../../../assets/icons/cross.svg.js"),c=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=({onSearch:a,version:u})=>{const[p,l]=t.useState(""),[d,h]=t.useState(!1);return e.jsx(n.InputStyleContext.Provider,{value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===u?.5:1}px solid ${s.COLORS.stroke.primary}`,padding:""+("2.0"===u?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}},children:e.jsx(o.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===u?"small":"default",leftIcon:{icon:()=>e.jsx(c.default,{width:"2.0"===u?18:24,height:"2.0"===u?18:24,color:s.COLORS.content.placeholder})},rightIcon:{icon:()=>p?e.jsx(r.IconButton,{onClick:()=>{h(!0),a(""),l("")},Icon:i.default,width:"2.0"===u?18:24,height:"2.0"===u?18:24,iconColor:s.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:d,onChangeText:e=>{h(!1),l(e),a(e)}})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../icon-button/IconButton.js"),n=require("../../../../input/Input.js"),o=require("../../../../input/context/InputStyleProvider.js"),s=require("../../../../../constants/Theme.js"),i=require("../../../../../assets/icons/cross.svg.js"),c=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=a=>{let{onSearch:u,version:l}=a;const[p,d]=t.useState(""),[h,x]=t.useState(!1);return e.jsx(o.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l?.5:1}px solid ${s.COLORS.stroke.primary}`,padding:""+("2.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(n.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l?"small":"default",leftIcon:{icon:()=>e.jsx(c.default,{width:"2.0"===l?18:24,height:"2.0"===l?18:24,color:s.COLORS.content.placeholder})},rightIcon:{icon:()=>p?e.jsx(r.IconButton,{onClick:()=>{x(!0),u(""),d("")},Icon:i.default,width:"2.0"===l?18:24,height:"2.0"===l?18:24,iconColor:s.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:h,onChangeText:e=>{x(!1),d(e),u(e)}})}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const SearchZeroState: React.FC<{
+    searchedString: string;
+    height: number;
+    isLoading?: boolean;
+    containerWidth?: string;
+}>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=({searchedString:r,height:i,isLoading:s,containerWidth:o})=>e.jsx("div",{style:{height:i,display:"flex",alignItems:"center"},children:e.jsx(t.ZeroState,{isLoading:s,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:o})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:i,height:s,isLoading:n,containerWidth:o}=r;return e.jsx("div",Object.assign({style:{height:s,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=i?i:""}"`,containerWidth:o})}))};

package/dist/cjs/components/dropdown/OpenedDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './components/OpennedDropdown';

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSelectedOptionsAsText=function(t){if(t&&t.length)return t.map(t=>{var e;const n=t;return null!==(e=n.selectedLabel)&&void 0!==e?e:n.label}).join(", ")},exports.iterateOnOptions=function(t,e,n){return t.map(t=>{if(t.options){const s=t.options.map(t=>!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t));return Object.assign(Object.assign({},t),{options:[...s]})}return!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)})},exports.iterateOnOptionsRaw=function(t,e){t.forEach(t=>{t.options?t.options.forEach(e):e(t)})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSelectedOptionsAsText=function(t){if(t&&t.length)return t.map((t=>{var e;const n=t;return null!==(e=n.selectedLabel)&&void 0!==e?e:n.label})).join(", ")},exports.iterateOnOptions=function(t,e,n){return t.map((t=>{if(t.options){const s=t.options.map((t=>!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)));return Object.assign(Object.assign({},t),{options:[...s]})}return!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)}))},exports.iterateOnOptionsRaw=function(t,e){t.forEach((t=>{t.options?t.options.forEach(e):e(t)}))};

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

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
+import { DropdownOption, SingleOption } from '../type';
+export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
+    latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
+    dropdownOptions: DropdownOption[];
+    search: (searchKey: string) => void;
+    searchedString: string;
+    searchedOptions: DropdownOption[];
+    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
+        label: string;
+        value: string;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element | undefined;
+        leadingIcon?: JSX.Element | undefined;
+        customComponent?: JSX.Element | undefined;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+    } | {
+        label?: string | undefined;
+        value?: string | undefined;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element | undefined;
+        leadingIcon?: JSX.Element | undefined;
+        customComponent?: JSX.Element | undefined;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+        options: SingleOption[];
+    })[] | undefined;
+    selectAllHandler: (newState: SelectAllCheckboxState) => void;
+    onMultiSelectClear: () => void;
+    onFreeFormSelect: (selected: boolean) => void;
+    onMultiSelectApply: (options?: DropdownOption[]) => void;
+    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
+    getCurrentSelectionCount: (data: DropdownOption[]) => number;
+    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
+    maxSelections: number | undefined;
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=(s="1.0",n,l,c,i,o,a,r=[],u)=>{const[d,p]=e.useState(null!=n?n:[]),[f,O]=e.useState([]),[v,b]=e.useState(""),g=e.useRef(d);e.useEffect(()=>{if(g.current=d,f.length&&v&&o){let e=[...f];const t=d.map(e=>{if(e.options)return e.options.map(e=>({value:e.value,selected:e.selected}));const t=e;return{value:t.value,selected:t.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}),a&&(e=e.map(e=>Object.assign(Object.assign({},e),{disabled:!r.includes(e.value)}))),O(i&&!c?[...e.sort(e=>e.selected?-1:1)]:[...e])}},[d]),e.useEffect(()=>{if(n){const e=[...n];p(i&&!c?[...e.sort(e=>e.selected?-1:1)]:[...e])}},[n]);const j=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},h=e=>{let t=0;return e.forEach(e=>{e.options?t+=e.options.filter(e=>!0===e.selected).length:e.selected&&t++}),t},m=e=>!(!i||!u&&0!==u)&&h(e)>=u;function S(e,n){if(i){if(e.selected&&u&&m(d))return;if(f.length&&v&&o)if(e.selected){if(u&&m(d))return;let l=!1;const c=t.iterateOnOptions(d,{selected:e.selected},t=>t.value===e.value&&(l=!0,!0));if(l||c.push(e),n)return[...c];p([...c]),"2.0"===s&&w(c)}else{let l=!1,c=t.iterateOnOptions(d,{selected:e.selected},t=>t.value===e.value&&(l=!0,!0));if(l&&(c=c.filter(t=>t.value!==e.value)),n)return[...c];p([...c]),"2.0"===s&&w(c)}else{const l=t.iterateOnOptions(d,{selected:e.selected},t=>t.value===e.value);if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=j(null!=e?e:g.current);null==l||l([...t])}return{latestDropdownOptionsRef:g,dropdownOptions:d,search:function(e){if(b(e),O([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,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)})});O([...t])}})}},searchedString:v,searchedOptions:f,onApplyHandler:S,selectAllHandler:function(e){if(f.length&&v&&o)!function(e){let t=[...d];e?f.forEach(e=>{let s=!1;t=t.map(t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t}),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))}):f.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})}),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},e=>{var t;return v?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(v.toLowerCase()))&&!e.disabled:!e.disabled});p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},e=>!e.disabled);p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!i)return void S({label:v,value:v,isFreeForm:!0,selected:!0});const t=d.map(t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===v&&t.value===v?e:t.selected}));e&&(t.some(e=>e.label===v&&e.value===v)||t.unshift({label:v,value:v,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:j,getCurrentSelectionCount:h,isMaxSelectionsReached:m,maxSelections:u}};
+"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",n=arguments.length>1?arguments[1]:void 0,l=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,a=arguments.length>6?arguments[6]:void 0,u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],r=arguments.length>8?arguments[8]:void 0;const[d,p]=e.useState(null!=n?n:[]),[v,f]=e.useState([]),[O,g]=e.useState(""),b=e.useRef(d);e.useEffect((()=>{if(b.current=d,v.length&&O&&o){let e=[...v];const t=d.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.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})),a&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!u.includes(e.value)})))),f(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]),e.useEffect((()=>{if(n){const e=[...n];p(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);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},j=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},m=e=>!(!c||!r&&0!==r)&&j(e)>=r;function S(e,n){if(c){if(e.selected&&r&&m(d))return;if(v.length&&O&&o)if(e.selected){if(r&&m(d))return;let l=!1;const i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{let l=!1,i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{const l=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value));if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=h(null!=e?e:b.current);null==l||l([...t])}return{latestDropdownOptionsRef:b,dropdownOptions:d,search:function(e){if(g(e),f([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,(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)})}));f([...t])}}))}},searchedString:O,searchedOptions:v,onApplyHandler:S,selectAllHandler:function(e){if(v.length&&O&&o)!function(e){let t=[...d];e?v.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):v.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}))})),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!c)return void S({label:O,value:O,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:h,getCurrentSelectionCount:j,isMaxSelectionsReached:m,maxSelections:r}};

package/dist/cjs/components/dropdown/index.d.ts

@@ -0,0 +1,6 @@
+import { DropdownPopover } from './DropdownPopover';
+export * from './Dropdown';
+export * from './ChipDropdown';
+export { DropdownPopover };
+export * from './OpenedDropdown';
+export * from './MenuItem/MenuItem';