@bikdotai/bik-component-library 0.0.726-beta.10 → 0.0.726-beta.11

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.
Files changed (31) hide show
  1. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  2. package/dist/cjs/components/data-source-panel/DataSourcePanel.js +1 -1
  3. package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.d.ts +1 -0
  4. package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
  5. package/dist/cjs/components/discount-modal/DiscountModal.d.ts +1 -0
  6. package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
  7. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +3 -0
  8. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  9. package/dist/cjs/components/discount-modal/StaticCoupon/StaticCoupon.d.ts +51 -1
  10. package/dist/cjs/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
  11. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  12. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +0 -2
  13. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +2 -2
  14. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +0 -1
  15. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
  16. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  17. package/dist/esm/components/data-source-panel/DataSourcePanel.js +1 -1
  18. package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.d.ts +1 -0
  19. package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
  20. package/dist/esm/components/discount-modal/DiscountModal.d.ts +1 -0
  21. package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
  22. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +3 -0
  23. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  24. package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.d.ts +51 -1
  25. package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
  26. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  27. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +0 -2
  28. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +2 -2
  29. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +0 -1
  30. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
  31. package/package.json +1 -1
@@ -1 +1 @@
1
- import{j as e}from"../../../../node_modules/react/jsx-runtime.js";import{useState as t,useRef as o,useEffect as n}from"react";import{ZeroState as s}from"../../../zeroState/ZeroState.js";import{useOutside as i}from"../../../../hooks/useOutside.js";import{useDropdown as r}from"../../hooks/useDropdown.js";import{Description as l}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as c}from"./menu/MenuList.js";import{SelectAllMenu as u}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as p,MenuListContainer as h}from"./OpennedDropdown.styled.js";import{SearchBox as m}from"./searchbox/SearchBox.js";import{SearchZeroState as f}from"./searchbox/SearchZeroState.js";const b=304,g=290,j=j=>{let{options:S,isSearchable:x,isMultiSelect:v,maxSelections:w,width:y,allowFreeForm:O,height:C,onClose:D,onSelect:k,onSearch:L,version:M,skipSorting:A,headerRef:I,hideSelectAll:E,primaryButtonText:F,onInfiniteScroll:T,onMultiSelectClear:B,onDropdownItemClick:H,buttonOptions:P,isSearchLoading:q,disableSearchOptions:z,disableSearchedOptionExcept:R,useDefaultCursor:V,containerStyle:W={},zeroState:Z}=j;const{dropdownOptions:$,search:K,searchedString:N,searchedOptions:U,onApplyHandler:_,selectAllHandler:G,onMultiSelectClear:J,onFreeFormSelect:Q,onMultiSelectApply:X,latestDropdownOptionsRef:Y,getSelectedOptions:ee,getCurrentSelectionCount:te}=r(M,S,k,A,v,L,z,R,w),[oe,ne]=t(null!=y?y:g),[se,ie]=t(null),[re,le]=t(-1),ae=o(null),ce=o([]);i(ae,(()=>{if(ie(null),v&&"2.0"===M){const e=ee(Y.current);null==D||D(e)}else null==D||D($)}),[I,ce]);const ue=null!=C?C:b,de="number"==typeof ue?x&&v?ue-96:x&&!v||!x&&v?ue-48:ue:ue;n((()=>{const e=null!=y?y:g;if(null===se)ne(e);else if("number"==typeof e)ne(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));ne(t)}}),[se]);const pe=[],he=(e=>{if(!v||!w&&0!==w)return e;const t=te(e)>=w;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 o=e;return Object.assign(Object.assign({},o),{disabled:o.disabled||!o.selected&&t})}})):e})((N&&L?U:$).map((e=>{var t,o;if(N&&!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(N.toLowerCase()))&&(pe.push(!N||e.label===N),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(N.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(N.toLowerCase()))?(pe.push(!N||e.label===N),e):null}return e})).filter((e=>null!==e))),me=!!x&&N&&0===he.length;return n((()=>{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 o=e;o.disabled||t.push(o)}})),t})(he);if(0!==t.length)if("ArrowDown"===e.key)e.preventDefault(),e.stopPropagation(),le((e=>{const o=-1===e?0:Math.min(e+1,t.length-1);return setTimeout((()=>{const e=document.querySelector(`[data-dropdown-index="${o}"]`);e&&e.scrollIntoView({block:"nearest",behavior:"smooth"})}),0),o}));else if("ArrowUp"===e.key)e.preventDefault(),e.stopPropagation(),le((e=>{const t=e<=0?0:e-1;return setTimeout((()=>{const e=document.querySelector(`[data-dropdown-index="${t}"]`);e&&e.scrollIntoView({block:"nearest",behavior:"smooth"})}),0),t}));else if("Enter"===e.key&&re>=0&&re<t.length){e.preventDefault(),e.stopPropagation();const o=t[re];o&&!o.disabled&&_(o)}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[re,he,_]),n((()=>{le(-1)}),[N]),e.jsxs(p,Object.assign({version:M,ref:ae,style:Object.assign({width:oe},W)},{children:[e.jsxs("div",Object.assign({style:{width:se?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(m,{onSearch:K,version:M}),he.length||N?e.jsxs(h,Object.assign({minHeight:ue,maxHeight:de},{children:[!!v&&!me&&!E&&e.jsx(u,{version:M,options:N&&L?U:$,onSelect:G}),!O&&me&&e.jsx(f,{isLoading:q,height:de,searchedString:N,containerWidth:y}),O&&(me||!!pe.length&&pe.every((e=>!1===e)))&&e.jsx(a,{version:M,isMultiSelect:v,onSelect:Q,searchedString:N}),e.jsx(c,{onInfiniteScroll:T,onDropdownItemClick:H,version:M,onSelect:_,showDescription:function(e,t){ie(e&&t?{title:e,description:t}:null)},isMultiSelect:v,options:he,useDefaultCursor:V,focusedIndex:re,ref:ce})]})):e.jsx("div",Object.assign({style:{height:ue,display:"flex"}},{children:e.jsx(s,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."}))})),!!v&&!(!he.length&&!N)&&"2.0"!==M&&e.jsx(d,{onClear:()=>{J(),null==B||B()},onApply:X,list:N&&L?U:$,buttonText:F,buttonOptions:P})]})),!!se&&e.jsx(l,{title:se.title,description:se.description,version:M})]}))};export{j as OpenedDropdown};
1
+ import{j as e}from"../../../../node_modules/react/jsx-runtime.js";import{useState as t,useRef as o,useEffect as n}from"react";import{ZeroState as s}from"../../../zeroState/ZeroState.js";import{useOutside as i}from"../../../../hooks/useOutside.js";import{useDropdown as r}from"../../hooks/useDropdown.js";import{Description as l}from"./description/Description.js";import{FreeFormMenu as c}from"./menu/FreeFormMenu.js";import{MenuList as a}from"./menu/MenuList.js";import{SelectAllMenu as u}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as d,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as f}from"./searchbox/SearchZeroState.js";const j=304,S=290,b=b=>{let{options:g,isSearchable:x,isMultiSelect:O,maxSelections:v,width:w,allowFreeForm:y,height:C,onClose:D,onSelect:M,onSearch:L,version:k,skipSorting:A,headerRef:F,hideSelectAll:I,primaryButtonText:B,onInfiniteScroll:H,onMultiSelectClear:T,onDropdownItemClick:z,buttonOptions:R,isSearchLoading:W,disableSearchOptions:Z,disableSearchedOptionExcept:q,useDefaultCursor:E,containerStyle:K={},zeroState:N}=b;const{dropdownOptions:P,search:_,searchedString:G,searchedOptions:J,onApplyHandler:Q,selectAllHandler:U,onMultiSelectClear:V,onFreeFormSelect:X,onMultiSelectApply:Y,latestDropdownOptionsRef:$,getSelectedOptions:ee,getCurrentSelectionCount:te}=r(k,g,M,A,O,L,Z,q,v),[oe,ne]=t(null!=w?w:S),[se,ie]=t(null),re=o(null),le=o([]);i(re,(()=>{if(ie(null),O&&"2.0"===k){const e=ee($.current);null==D||D(e)}else null==D||D(P)}),[F,le]);const ce=null!=C?C:j,ae="number"==typeof ce?x&&O?ce-96:x&&!O||!x&&O?ce-48:ce:ce;n((()=>{const e=null!=w?w:S;if(null===se)ne(e);else if("number"==typeof e)ne(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));ne(t)}}),[se]);const ue=[],pe=(e=>{if(!O||!v&&0!==v)return e;const t=te(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 o=e;return Object.assign(Object.assign({},o),{disabled:o.disabled||!o.selected&&t})}})):e})((G&&L?J:P).map((e=>{var t,o;if(G&&!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(G.toLowerCase()))&&(ue.push(!G||e.label===G),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(G.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(G.toLowerCase()))?(ue.push(!G||e.label===G),e):null}return e})).filter((e=>null!==e))),de=!!x&&G&&0===pe.length;return e.jsxs(d,Object.assign({version:k,ref:re,style:Object.assign({width:oe},K)},{children:[e.jsxs("div",Object.assign({style:{width:se?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(h,{onSearch:_,version:k}),pe.length||G?e.jsxs(m,Object.assign({minHeight:ce,maxHeight:ae},{children:[!!O&&!de&&!I&&e.jsx(u,{version:k,options:G&&L?J:P,onSelect:U}),!y&&de&&e.jsx(f,{isLoading:W,height:ae,searchedString:G,containerWidth:w}),y&&(de||!!ue.length&&ue.every((e=>!1===e)))&&e.jsx(c,{version:k,isMultiSelect:O,onSelect:X,searchedString:G}),e.jsx(a,{onInfiniteScroll:H,onDropdownItemClick:z,version:k,onSelect:Q,showDescription:function(e,t){ie(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:pe,useDefaultCursor:E,ref:le})]})):e.jsx("div",Object.assign({style:{height:ce,display:"flex"}},{children:e.jsx(s,Object.assign({},N,{title:(null==N?void 0:N.title)||"No results found",subTitle:(null==N?void 0:N.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))})),!!O&&!(!pe.length&&!G)&&"2.0"!==k&&e.jsx(p,{onClear:()=>{V(),null==T||T()},onApply:Y,list:G&&L?J:P,buttonText:B,buttonOptions:R})]})),!!se&&e.jsx(l,{title:se.title,description:se.description,version:k})]}))};export{b as OpenedDropdown};
@@ -9,8 +9,6 @@ interface MenuItemProps {
9
9
  last?: boolean;
10
10
  version?: '1.0' | '2.0';
11
11
  useDefaultCursor?: boolean;
12
- isFocused?: boolean;
13
- flatIndex?: number;
14
12
  }
15
13
  export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
16
14
  export {};
@@ -1,4 +1,4 @@
1
- import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import t from"../../../../../assets/icons/chevronRight.svg.js";import{forwardRef as o,useState as n}from"react";import s from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../../list-item/ListItem.js";import{Tooltip as l}from"../../../../tooltips/Tooltip.js";import{BodyCaption as a}from"../../../../TypographyStyle.js";import{DEFAULT_THEME as c,COLORS as d}from"../../../../../constants/Theme.js";import{FreeFormContainer as p}from"./FreeFormMenu.styled.js";const m=s(r)`
1
+ import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import t from"../../../../../assets/icons/chevronRight.svg.js";import{forwardRef as n,useState as o}from"react";import s from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../../list-item/ListItem.js";import{Tooltip as l}from"../../../../tooltips/Tooltip.js";import{BodyCaption as a}from"../../../../TypographyStyle.js";import{DEFAULT_THEME as c,COLORS as d}from"../../../../../constants/Theme.js";import{FreeFormContainer as m}from"./FreeFormMenu.styled.js";const p=s(r)`
2
2
  padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
3
3
  cursor: pointer;
4
4
  margin-top: ${e=>"2.0"===e.version?"2px":"0"};
@@ -10,4 +10,4 @@ import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import t fr
10
10
  border: ${e=>{let{version:t}=e;return"1.0"===t?`1px solid ${c.colorsV2.stroke.primary}`:"none"}};
11
11
  max-height: 248px;
12
12
  overflow-y: auto;
13
- `,g=o(((o,s)=>{let{option:r,isMultiSelect:g,showDescription:x,onSelect:j,last:b,version:v,onDropdownItemClick:h,useDefaultCursor:f,isFocused:y=!1,flatIndex:C=-1}=o;var F;const[I,O]=n(r.selected),k=(e,t)=>{if(!e.children){w(!e.selected);const o=t?Object.assign(Object.assign({},e),{parent:t}):e;null==h||h(o)}},w=e=>{r.disabled||j(Object.assign(Object.assign({},r),{selected:e}))},T=f?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(l,Object.assign({body:"",tooltipContent:r.children?e.jsx("div",Object.assign({style:{backgroundColor:c.colorsV2.surface.standard},ref:s,onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1)},{children:e.jsx(u,Object.assign({version:null!=v?v:"2.0"},{children:r.children.map((t=>{var o;return e.jsx(m,{version:v,style:"1.0"!==v&&(null!==(o=null==r?void 0:r.children)&&void 0!==o?o:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),k(t,r)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:r.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0},{children:e.jsx(m,{version:v,style:b?Object.assign(Object.assign({borderBottom:0},T),y?{backgroundColor:"#F5F5F5"}:{}):Object.assign(Object.assign({},T),y?{backgroundColor:"#F5F5F5"}:{}),"data-dropdown-index":C,onClick:e=>{e.preventDefault(),k(r)},onMouseOver:()=>{r.description?x(r.label,r.description):x()},listItem:{value:r.value,label:r.label},subText:r.subText,leadingIcon:g?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(i,{size:"2.0"===v?"SMALL":"DEFAULT",isDisabled:null!==(F=r.disabled)&&void 0!==F&&F,isChecked:!!r.selected,onValueChange:w}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:r.leadingIcon}))]})):r.leadingIcon?e.jsx(e.Fragment,{children:r.leadingIcon}):void 0,customComponent:r.customComponent,trailingIcon:r.isFreeForm?e.jsx(p,{children:e.jsx(a,Object.assign({style:{color:d.content.secondary}},{children:"Freeform"}))}):r.children?e.jsx(t,{width:12,height:12}):r.trailingIcon?e.jsx(e.Fragment,{children:r.trailingIcon}):void 0,variant:r.disabled?"inactive":r.selected||!g&&I?"selected":"default"})}))})}));export{g as MenuItem};
13
+ `,g=n(((n,s)=>{let{option:r,isMultiSelect:g,showDescription:x,onSelect:j,last:v,version:h,onDropdownItemClick:b,useDefaultCursor:f}=n;var y;const[C,I]=o(r.selected),O=(e,t)=>{if(!e.children){F(!e.selected);const n=t?Object.assign(Object.assign({},e),{parent:t}):e;null==b||b(n)}},F=e=>{r.disabled||j(Object.assign(Object.assign({},r),{selected:e}))},k=f?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(l,Object.assign({body:"",tooltipContent:r.children?e.jsx("div",Object.assign({style:{backgroundColor:c.colorsV2.surface.standard},ref:s,onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1)},{children:e.jsx(u,Object.assign({version:null!=h?h:"2.0"},{children:r.children.map((t=>{var n;return e.jsx(p,{version:h,style:"1.0"!==h&&(null!==(n=null==r?void 0:r.children)&&void 0!==n?n:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),O(t,r)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:r.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0},{children:e.jsx(p,{version:h,style:v?Object.assign({borderBottom:0},k):Object.assign({},k),onClick:e=>{e.preventDefault(),O(r)},onMouseOver:()=>{r.description?x(r.label,r.description):x()},listItem:{value:r.value,label:r.label},subText:r.subText,leadingIcon:g?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(i,{size:"2.0"===h?"SMALL":"DEFAULT",isDisabled:null!==(y=r.disabled)&&void 0!==y&&y,isChecked:!!r.selected,onValueChange:F}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:r.leadingIcon}))]})):r.leadingIcon?e.jsx(e.Fragment,{children:r.leadingIcon}):void 0,customComponent:r.customComponent,trailingIcon:r.isFreeForm?e.jsx(m,{children:e.jsx(a,Object.assign({style:{color:d.content.secondary}},{children:"Freeform"}))}):r.children?e.jsx(t,{width:12,height:12}):r.trailingIcon?e.jsx(e.Fragment,{children:r.trailingIcon}):void 0,variant:r.disabled?"inactive":r.selected||!g&&C?"selected":"default"})}))})}));export{g as MenuItem};
@@ -9,7 +9,6 @@ interface MenuListProps {
9
9
  onInfiniteScroll?: () => void;
10
10
  onDropdownItemClick?: (option: DropdownOption) => void;
11
11
  useDefaultCursor?: boolean;
12
- focusedIndex?: number;
13
12
  }
14
13
  export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
15
14
  export {};
@@ -1 +1 @@
1
- import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{forwardRef as n,useRef as t,useCallback as r,useEffect as s}from"react";import{MenuItem as o}from"./MenuItem.js";import{StyledGroupedLabel as i}from"./MenuList.styled.js";const c=n(((n,c)=>{let{options:l,isMultiSelect:u,showDescription:d,onSelect:a,version:p,onInfiniteScroll:j,onDropdownItemClick:m,useDefaultCursor:f,focusedIndex:x=-1}=n;const g=t(null),I=t(null),b=r((()=>{g.current&&g.current.disconnect(),g.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==j||j())})),I.current&&g.current.observe(I.current)}),[j]);s((()=>(b(),()=>{g.current&&g.current.disconnect()})),[b,l]);let h=-1;const D=e=>(e.disabled||h++,h);return e.jsx(e.Fragment,{children:l.map(((n,t)=>{const r=t===l.length-1;if(n.options){const s=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===p?2:0}},{children:[e.jsxs(i,Object.assign({version:p},{children:[s.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,r)=>{const i=n.disabled?-1:D(n);return e.jsx(o,{version:p,last:r===s.options.length-1,onSelect:a,showDescription:d,onDropdownItemClick:m,isMultiSelect:u,option:n,useDefaultCursor:f,isFocused:i===x,flatIndex:i,ref:e=>{c&&"object"==typeof c&&c.current&&e&&e&&e&&e&&(c.current[t]=e)}},`${t}-${r}`)})),r?e.jsx("span",{ref:I}):null]}),t)}const s=n.disabled?-1:D(n);return e.jsxs("div",{children:[e.jsx(o,{version:p,last:r,onSelect:a,showDescription:d,onDropdownItemClick:m,isMultiSelect:u,option:n,useDefaultCursor:f,isFocused:s===x,flatIndex:s,ref:e=>{c&&"object"==typeof c&&c.current&&e&&(c.current[t]=e)}},t),r?e.jsx("span",{ref:I}):null]},t)}))})}));export{c as MenuList};
1
+ import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{forwardRef as n,useRef as t,useCallback as r,useEffect as s}from"react";import{MenuItem as o}from"./MenuItem.js";import{StyledGroupedLabel as i}from"./MenuList.styled.js";const c=n(((n,c)=>{let{options:l,isMultiSelect:u,showDescription:p,onSelect:a,version:j,onInfiniteScroll:m,onDropdownItemClick:d,useDefaultCursor:f}=n;const g=t(null),h=t(null),x=r((()=>{g.current&&g.current.disconnect(),g.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==m||m())})),h.current&&g.current.observe(h.current)}),[m]);return s((()=>(x(),()=>{g.current&&g.current.disconnect()})),[x,l]),e.jsx(e.Fragment,{children:l.map(((n,t)=>{const r=t===l.length-1;if(n.options){const s=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===j?2:0}},{children:[e.jsxs(i,Object.assign({version:j},{children:[s.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,r)=>e.jsx(o,{version:j,last:r===s.options.length-1,onSelect:a,showDescription:p,onDropdownItemClick:d,isMultiSelect:u,option:n,useDefaultCursor:f,ref:e=>{c&&"object"==typeof c&&c.current&&e&&e&&e&&e&&(c.current[t]=e)}},`${t}-${r}`))),r?e.jsx("span",{ref:h}):null]}),t)}return e.jsxs("div",{children:[e.jsx(o,{version:j,last:r,onSelect:a,showDescription:p,onDropdownItemClick:d,isMultiSelect:u,option:n,useDefaultCursor:f,ref:e=>{c&&"object"==typeof c&&c.current&&e&&(c.current[t]=e)}},t),r?e.jsx("span",{ref:h}):null]},t)}))})}));export{c as MenuList};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.726-beta.10",
3
+ "version": "0.0.726-beta.11",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",