freemium-ui 2.0.0-beta.72 → 2.0.0-beta.73

package/dist/index.cjs.js

@@ -3517,12 +3517,12 @@ environment:"undefined"==typeof window?void 0:window};function Vf(e,t,n){
 void 0===n&&(n=wf);var r=e["default"+Sf(t)];return void 0!==r?r:n[t]}
 function Lf(e,t,n){void 0===n&&(n=wf);var r=e[t];if(void 0!==r)return r
 ;var a=e["initial"+Sf(t)];return void 0!==a?a:Vf(e,t,n)}function Af(e,t,n){
-var r=e.items,a=e.initialHighlightedIndex,o=e.defaultHighlightedIndex,i=e.itemToKey,l=t.selectedItem,c=t.highlightedIndex
-;return 0===r.length?-1:void 0!==a&&c===a?a:void 0!==o?o:l?r.findIndex((function(e){
-return i(l)===i(e)})):0===n?-1:n<0?r.length-1:0}var kf=function(){return Ep}
-;function Tf(t,n,r,a){void 0===a&&(a={});var o=a.document,i=Of()
-;e.useEffect((function(){if(t&&!i&&o){var e=t(n);zf(e,o)}
-}),[r]),e.useEffect((function(){return function(){var e,t
+var r=e.items,a=e.initialHighlightedIndex,o=e.defaultHighlightedIndex,i=e.isItemDisabled,l=e.itemToKey,c=t.selectedItem,s=t.highlightedIndex
+;return 0===r.length?-1:void 0===a||s!==a||i(r[a])?void 0===o||i(r[o])?c?r.findIndex((function(e){
+return l(c)===l(e)})):n<0&&!i(r[r.length-1])?r.length-1:n>0&&!i(r[0])?0:-1:o:a}
+var kf=function(){return Ep};function Tf(t,n,r,a){void 0===a&&(a={})
+;var o=a.document,i=Of();e.useEffect((function(){if(t&&!i&&o){var e=t(n);zf(e,o)
+}}),r),e.useEffect((function(){return function(){var e,t
 ;zf.cancel(),(t=null==(e=o)?void 0:e.getElementById("a11y-status-message"))&&t.remove()
 }}),[o])}"production"!==process.env.NODE_ENV&&(kf=function(){
 for(var t=e.useRef(!0),n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a]
@@ -3958,35 +3958,35 @@ const a="string"==typeof t?t:t?.[r],o=t?.[r]??""
 e.createElement(e.Fragment,null,m?m(t,{key:a,value:o??a,disabled:!!t.disabled,
 showTick:h}):e.createElement(dv,{key:a,value:o||a,disabled:!!t.disabled,
 showTick:h},p(t,"list-item")))})))))))))),w&&z&&e.createElement(Hs,null,z))
-},uv=({itemIdentifier:t="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,style:b,onChange:w,useComboboxProps:C,isErrored:z,errorText:M,defaultSelectedItem:x,isMenuLoading:E})=>{
-const S=qt(),[_,H]=e.useState(a),{isOpen:D,selectedItem:V,getToggleButtonProps:L,getLabelProps:A,getMenuProps:k,openMenu:T,highlightedIndex:R,setHighlightedIndex:P,setInputValue:I,inputValue:O,getItemProps:N,getInputProps:F}=wm({
-id:r,selectedItem:x,items:_,onSelectedItemChange:({selectedItem:e})=>{
+},uv=({itemIdentifier:t="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,style:b,onChange:w,useComboboxProps:C,isErrored:z,errorText:M,defaultSelectedItem:x,isMenuLoading:E,clearInputOnselect:S=!1})=>{
+const _=qt(),[H,D]=e.useState(a),{isOpen:V,selectedItem:L,getToggleButtonProps:A,getLabelProps:k,getMenuProps:T,openMenu:R,highlightedIndex:P,setHighlightedIndex:I,setInputValue:O,inputValue:N,getItemProps:F,getInputProps:B}=wm({
+id:r,selectedItem:x,items:H,onSelectedItemChange:({selectedItem:e})=>{
 console.log("onSelectedItemChange",{sI:e}),w?.(e??null)},
 onIsOpenChange:({isOpen:e})=>{
-if(e&&(""===O||V&&h&&(O||"").toLowerCase()===`${V?.[h||t]||""}`.toLowerCase()))H(a),
-P(V?a.indexOf(V):-1);else{const t=V?u(V):"";V&&!e&&t!==O&&I(t)}e||H(a)},
-onInputValueChange:({inputValue:e})=>{
-D&&(""===e||V&&h&&(e||"").toLowerCase()===`${V?.[h||t]||""}`.toLowerCase())?H(a):H((n=>n.filter((n=>!e||("string"==typeof n?n:n?.[h||t]).toLowerCase().includes(e.toLowerCase())))))
-},itemToString:e=>e?u(e,"downshift"):"",...C}),B=!l&&!i&&D
+if(e&&(""===N||L&&h&&(N||"").toLowerCase()===`${L?.[h||t]||""}`.toLowerCase()))D(a),
+I(L?a.indexOf(L):-1);else{const t=L?u(L):"";L&&!e&&t!==N&&O(t)}e||D(a),S&&O("")
+},onInputValueChange:({inputValue:e})=>{
+V&&(""===e||L&&h&&(e||"").toLowerCase()===`${L?.[h||t]||""}`.toLowerCase())?D(a):D((n=>n.filter((n=>!e||("string"==typeof n?n:n?.[h||t]).toLowerCase().includes(e.toLowerCase())))))
+},itemToString:e=>e?u(e,"downshift"):"",...C}),j=!l&&!i&&V
 ;return e.createElement(vh,{width:p},e.createElement(Fr,{
-className:"input-label",...A({disabled:l,readOnly:i})
-},n,n&&c&&e.createElement(jr,null,"*")),e.createElement(ev,{...F({name:d,
+className:"input-label",...k({disabled:l,readOnly:i})
+},n,n&&c&&e.createElement(jr,null,"*")),e.createElement(ev,{...B({name:d,
 readOnly:i,disabled:l}),placeholder:o,
-endAdornment:e.createElement(zh,null,!l&&!i&&!s&&V&&e.createElement($r,{
-"aria-label":"close",onClick:e=>{I(""),w?.(null),T(),e.stopPropagation()},
-style:{borderRadius:"50%"}},e.createElement(Mr,{fill:S.colors.text.primary
-})),e.createElement($r,{...L({disabled:l,readOnly:i,"aria-label":"toggle-button"
-})},e.createElement(mh,{$isOpen:B,fill:S.colors.text.primary,width:8,height:8
-}))),style:b}),!i&&!l&&e.createElement(yh,{$isOpen:D,...k({disabled:l,readOnly:i
+endAdornment:e.createElement(zh,null,!l&&!i&&!s&&L&&e.createElement($r,{
+"aria-label":"close",onClick:e=>{O(""),w?.(null),R(),e.stopPropagation()},
+style:{borderRadius:"50%"}},e.createElement(Mr,{fill:_.colors.text.primary
+})),e.createElement($r,{...A({disabled:l,readOnly:i,"aria-label":"toggle-button"
+})},e.createElement(mh,{$isOpen:j,fill:_.colors.text.primary,width:8,height:8
+}))),style:b}),!i&&!l&&e.createElement(yh,{$isOpen:V,...T({disabled:l,readOnly:i
 })
-},E?e.createElement(Ch,null,e.createElement(lv,null)):e.createElement(e.Fragment,null,D&&0===_.length&&e.createElement(e.Fragment,null,f?e.createElement(bh,null,e.createElement(wh,{
-onClick:e=>{e.stopPropagation(),m&&m({inputValue:O,customValues:!0}),I("")}
-},y?.(O)||"Click to add")):e.createElement(bh,{readOnly:!0
-},g||"No items")),D&&_.map(((n,r)=>{const a="string"==typeof n?n:n?.[t]
-;return e.createElement(e.Fragment,{key:a},v?v(n,{isHilighted:R===r,
-isSelected:V===n,key:a,...N({item:n,index:r})}):e.createElement(bh,{
-$isHilighted:R===r,$isSelected:V===n,key:a,...N({item:n,index:r})
-},u(n),V===n&&e.createElement(xr,{fill:S.colors.common.accent})))
+},E?e.createElement(Ch,null,e.createElement(lv,null)):e.createElement(e.Fragment,null,V&&0===H.length&&e.createElement(e.Fragment,null,f?e.createElement(bh,null,e.createElement(wh,{
+onClick:e=>{e.stopPropagation(),m&&m({inputValue:N,customValues:!0}),O("")}
+},y?.(N)||"Click to add")):e.createElement(bh,{readOnly:!0
+},g||"No items")),V&&H.map(((n,r)=>{const a="string"==typeof n?n:n?.[t]
+;return e.createElement(e.Fragment,{key:a},v?v(n,{isHilighted:P===r,
+isSelected:L===n,key:a,...F({item:n,index:r})}):e.createElement(bh,{
+$isHilighted:P===r,$isSelected:L===n,key:a,...F({item:n,index:r})
+},u(n),L===n&&e.createElement(xr,{fill:_.colors.common.accent})))
 })))),z&&M&&e.createElement(Hs,null,M))
 },dv=e.forwardRef((({children:t,showTick:n=!0,...r},a)=>{const o=qt()
 ;return e.createElement(Dh,{className:"SelectItem",...r,ref:a
@@ -9052,7 +9052,7 @@ void 0!==t.handleDocumentFocus&&document.addEventListener("focus",t.handleDocume
 }),[A,k,X,Q,q]),re=null!==(a=function(e){var t=r.useRef()
 ;return r.useEffect((function(){t.current=e}),[e]),t.current}(y))&&void 0!==a&&a
 ;r.useEffect((function(){y&&B(!0),!re&&y&&te(),re&&!y&&ne()
-}),[y,te,ne,re]),r.useEffect((function(){return function(){y&&ne()}}),[])
+}),[y,te,ne,re]),r.useEffect((function(){return function(){ne()}}),[])
 ;var ae=r.useCallback((function(e){var t=PM(j)
 ;_&&t instanceof HTMLElement&&t.focus(),null==C||C(e)
 }),[C,_]),oe=r.useCallback((function(){}),[]),ie=r.useCallback((function(e){
@@ -14884,8 +14884,8 @@ uniqueCount:(e,t)=>new Set(t.map((t=>t.getValue(e)))).size,count:(e,t)=>t.length
 getDefaultOptions:e=>({onGroupingChange:xF("grouping",e),
 groupedColumnMode:"reorder"}),createColumn:(e,t)=>{e.toggleGrouping=()=>{
 t.setGrouping((t=>null!=t&&t.includes(e.id)?t.filter((t=>t!==e.id)):[...null!=t?t:[],e.id]))
-},e.getCanGroup=()=>{var n,r,a,o
-;return null!=(n=null==(r=null!=(a=null==(o=e.columnDef.enableGrouping)||o)?a:t.options.enableGrouping)||r)?n:!!e.accessorFn
+},e.getCanGroup=()=>{var n,r
+;return(null==(n=e.columnDef.enableGrouping)||n)&&(null==(r=t.options.enableGrouping)||r)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)
 },e.getIsGrouped=()=>{var n
 ;return null==(n=t.getState().grouping)?void 0:n.includes(e.id)
 },e.getGroupedIndex=()=>{var n
@@ -15091,15 +15091,8 @@ e.getGlobalAutoFilterFn=()=>$F.includesString,e.getGlobalFilterFn=()=>{var t,n
 },e.setGlobalFilter=t=>{
 null==e.options.onGlobalFilterChange||e.options.onGlobalFilterChange(t)
 },e.resetGlobalFilter=t=>{
-e.setGlobalFilter(t?void 0:e.initialState.globalFilter)
-},e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),
-e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),
-e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),
-e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,
-e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),
-e.getGlobalFacetedMinMaxValues=()=>{
-if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}
-},aB={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({
+e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},aB={
+getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({
 onExpandedChange:xF("expanded",e),paginateExpandedRows:!0}),createTable:e=>{
 let t=!1,n=!1;e._autoResetExpanded=()=>{var r,a;if(t){
 if(null!=(r=null!=(a=e.options.autoResetAll)?a:e.options.autoResetExpanded)?r:!e.options.manualExpanding){
@@ -15299,10 +15292,18 @@ e.resetSorting=t=>{var n,r
 },e.getPreSortedRowModel=()=>e.getGroupedRowModel(),
 e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),
 e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())
-}},gB=[VF,tB,qF,ZF,kF,YF,rB,vB,KF,aB,{getInitialState:e=>({...e,pagination:{
-pageIndex:0,pageSize:10,...null==e?void 0:e.pagination}}),
-getDefaultOptions:e=>({onPaginationChange:xF("pagination",e)}),createTable:e=>{
-let t=!1,n=!1;e._autoResetPageIndex=()=>{var r,a;if(t){
+}},gB=[VF,tB,qF,ZF,kF,YF,{createTable:e=>{
+e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),
+e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),
+e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),
+e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,
+e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),
+e.getGlobalFacetedMinMaxValues=()=>{
+if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}
+},rB,vB,KF,aB,{getInitialState:e=>({...e,pagination:{pageIndex:0,pageSize:10,
+...null==e?void 0:e.pagination}}),getDefaultOptions:e=>({
+onPaginationChange:xF("pagination",e)}),createTable:e=>{let t=!1,n=!1
+;e._autoResetPageIndex=()=>{var r,a;if(t){
 if(null!=(r=null!=(a=e.options.autoResetAll)?a:e.options.autoResetPageIndex)?r:!e.options.manualPagination){
 if(n)return;n=!0,e._queue((()=>{e.resetPageIndex(),n=!1}))}}else e._queue((()=>{
 t=!0}))

package/dist/index.d.ts

@@ -539,6 +539,7 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      */
     useComboboxProps?: UseComboboxProps<T>;
     itemComponent?: (item: T, props?: DropdownItemProps | DropdownInputItemProps) => React.ReactNode | string;
+    clearInputOnselect?: boolean;
     buttonContentProps?: SelectContentProps;
 }
 interface DropdownButtonProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends DropdownProps<T> {

package/dist/index.js

@@ -3511,14 +3511,14 @@ environment:"undefined"==typeof window?void 0:window};function nm(e,t,n){
 void 0===n&&(n=Wf);var r=e["default"+Qf(t)];return void 0!==r?r:n[t]}
 function rm(e,t,n){void 0===n&&(n=Wf);var r=e[t];if(void 0!==r)return r
 ;var a=e["initial"+Qf(t)];return void 0!==a?a:nm(e,t,n)}function am(e,t,n){
-var r=e.items,a=e.initialHighlightedIndex,o=e.defaultHighlightedIndex,i=e.itemToKey,l=t.selectedItem,c=t.highlightedIndex
-;return 0===r.length?-1:void 0!==a&&c===a?a:void 0!==o?o:l?r.findIndex((function(e){
-return i(l)===i(e)})):0===n?-1:n<0?r.length-1:0}var om=function(){return Xp}
-;function im(e,t,n,r){void 0===r&&(r={});var a=r.document,o=um();f((function(){
-if(e&&!o&&a){var n=e(t);Kf(n,a)}}),[n]),f((function(){return function(){var e,t
-;Kf.cancel(),
-(t=null==(e=a)?void 0:e.getElementById("a11y-status-message"))&&t.remove()}
-}),[a])}"production"!==process.env.NODE_ENV&&(om=function(){
+var r=e.items,a=e.initialHighlightedIndex,o=e.defaultHighlightedIndex,i=e.isItemDisabled,l=e.itemToKey,c=t.selectedItem,s=t.highlightedIndex
+;return 0===r.length?-1:void 0===a||s!==a||i(r[a])?void 0===o||i(r[o])?c?r.findIndex((function(e){
+return l(c)===l(e)})):n<0&&!i(r[r.length-1])?r.length-1:n>0&&!i(r[0])?0:-1:o:a}
+var om=function(){return Xp};function im(e,t,n,r){void 0===r&&(r={})
+;var a=r.document,o=um();f((function(){if(e&&!o&&a){var n=e(t);Kf(n,a)}
+}),n),f((function(){return function(){var e,t
+;Kf.cancel(),(t=null==(e=a)?void 0:e.getElementById("a11y-status-message"))&&t.remove()
+}}),[a])}"production"!==process.env.NODE_ENV&&(om=function(){
 for(var e=r(!0),t=arguments.length,n=new Array(t),a=0;a<t;a++)n[a]=arguments[a]
 ;var o=r(n.reduce((function(e,t){return e[t]={},e}),{}));return f((function(){
 Object.keys(o.current).forEach((function(t){var n=o.current[t]
@@ -3943,35 +3943,35 @@ const a="string"==typeof e?e:e?.[r],o=e?.[r]??""
 t.createElement(t.Fragment,null,m?m(e,{key:a,value:o??a,disabled:!!e.disabled,
 showTick:h}):t.createElement(Rv,{key:a,value:o||a,disabled:!!e.disabled,
 showTick:h},p(e,"list-item")))})))))))))),w&&z&&t.createElement(Xs,null,z))
-},Pv=({itemIdentifier:e="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,style:b,onChange:w,useComboboxProps:C,isErrored:z,errorText:M,defaultSelectedItem:x,isMenuLoading:S})=>{
-const E=vn(),[_,H]=t.useState(a),{isOpen:D,selectedItem:V,getToggleButtonProps:A,getLabelProps:L,getMenuProps:k,openMenu:T,highlightedIndex:I,setHighlightedIndex:P,setInputValue:R,inputValue:O,getItemProps:N,getInputProps:F}=Wm({
-id:r,selectedItem:x,items:_,onSelectedItemChange:({selectedItem:e})=>{
+},Pv=({itemIdentifier:e="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,style:b,onChange:w,useComboboxProps:C,isErrored:z,errorText:M,defaultSelectedItem:x,isMenuLoading:S,clearInputOnselect:E=!1})=>{
+const _=vn(),[H,D]=t.useState(a),{isOpen:V,selectedItem:A,getToggleButtonProps:L,getLabelProps:k,getMenuProps:T,openMenu:I,highlightedIndex:P,setHighlightedIndex:R,setInputValue:O,inputValue:N,getItemProps:F,getInputProps:B}=Wm({
+id:r,selectedItem:x,items:H,onSelectedItemChange:({selectedItem:e})=>{
 console.log("onSelectedItemChange",{sI:e}),w?.(e??null)},
 onIsOpenChange:({isOpen:t})=>{
-if(t&&(""===O||V&&h&&(O||"").toLowerCase()===`${V?.[h||e]||""}`.toLowerCase()))H(a),
-P(V?a.indexOf(V):-1);else{const e=V?u(V):"";V&&!t&&e!==O&&R(e)}t||H(a)},
-onInputValueChange:({inputValue:t})=>{
-D&&(""===t||V&&h&&(t||"").toLowerCase()===`${V?.[h||e]||""}`.toLowerCase())?H(a):H((n=>n.filter((n=>!t||("string"==typeof n?n:n?.[h||e]).toLowerCase().includes(t.toLowerCase())))))
-},itemToString:e=>e?u(e,"downshift"):"",...C}),B=!l&&!i&&D
+if(t&&(""===N||A&&h&&(N||"").toLowerCase()===`${A?.[h||e]||""}`.toLowerCase()))D(a),
+R(A?a.indexOf(A):-1);else{const e=A?u(A):"";A&&!t&&e!==N&&O(e)}t||D(a),E&&O("")
+},onInputValueChange:({inputValue:t})=>{
+V&&(""===t||A&&h&&(t||"").toLowerCase()===`${A?.[h||e]||""}`.toLowerCase())?D(a):D((n=>n.filter((n=>!t||("string"==typeof n?n:n?.[h||e]).toLowerCase().includes(t.toLowerCase())))))
+},itemToString:e=>e?u(e,"downshift"):"",...C}),$=!l&&!i&&V
 ;return t.createElement($h,{width:p},t.createElement(la,{
-className:"input-label",...L({disabled:l,readOnly:i})
-},n,n&&c&&t.createElement(sa,null,"*")),t.createElement(Ev,{...F({name:d,
+className:"input-label",...k({disabled:l,readOnly:i})
+},n,n&&c&&t.createElement(sa,null,"*")),t.createElement(Ev,{...B({name:d,
 readOnly:i,disabled:l}),placeholder:o,
-endAdornment:t.createElement(Kh,null,!l&&!i&&!s&&V&&t.createElement(ua,{
-"aria-label":"close",onClick:e=>{R(""),w?.(null),T(),e.stopPropagation()},
-style:{borderRadius:"50%"}},t.createElement(jr,{fill:E.colors.text.primary
-})),t.createElement(ua,{...A({disabled:l,readOnly:i,"aria-label":"toggle-button"
-})},t.createElement(Bh,{$isOpen:B,fill:E.colors.text.primary,width:8,height:8
-}))),style:b}),!i&&!l&&t.createElement(Uh,{$isOpen:D,...k({disabled:l,readOnly:i
+endAdornment:t.createElement(Kh,null,!l&&!i&&!s&&A&&t.createElement(ua,{
+"aria-label":"close",onClick:e=>{O(""),w?.(null),I(),e.stopPropagation()},
+style:{borderRadius:"50%"}},t.createElement(jr,{fill:_.colors.text.primary
+})),t.createElement(ua,{...L({disabled:l,readOnly:i,"aria-label":"toggle-button"
+})},t.createElement(Bh,{$isOpen:$,fill:_.colors.text.primary,width:8,height:8
+}))),style:b}),!i&&!l&&t.createElement(Uh,{$isOpen:V,...T({disabled:l,readOnly:i
 })
-},S?t.createElement(Gh,null,t.createElement(kv,null)):t.createElement(t.Fragment,null,D&&0===_.length&&t.createElement(t.Fragment,null,f?t.createElement(Yh,null,t.createElement(Wh,{
-onClick:e=>{e.stopPropagation(),m&&m({inputValue:O,customValues:!0}),R("")}
-},y?.(O)||"Click to add")):t.createElement(Yh,{readOnly:!0
-},g||"No items")),D&&_.map(((n,r)=>{const a="string"==typeof n?n:n?.[e]
-;return t.createElement(t.Fragment,{key:a},v?v(n,{isHilighted:I===r,
-isSelected:V===n,key:a,...N({item:n,index:r})}):t.createElement(Yh,{
-$isHilighted:I===r,$isSelected:V===n,key:a,...N({item:n,index:r})
-},u(n),V===n&&t.createElement(Ur,{fill:E.colors.common.accent})))
+},S?t.createElement(Gh,null,t.createElement(kv,null)):t.createElement(t.Fragment,null,V&&0===H.length&&t.createElement(t.Fragment,null,f?t.createElement(Yh,null,t.createElement(Wh,{
+onClick:e=>{e.stopPropagation(),m&&m({inputValue:N,customValues:!0}),O("")}
+},y?.(N)||"Click to add")):t.createElement(Yh,{readOnly:!0
+},g||"No items")),V&&H.map(((n,r)=>{const a="string"==typeof n?n:n?.[e]
+;return t.createElement(t.Fragment,{key:a},v?v(n,{isHilighted:P===r,
+isSelected:A===n,key:a,...F({item:n,index:r})}):t.createElement(Yh,{
+$isHilighted:P===r,$isSelected:A===n,key:a,...F({item:n,index:r})
+},u(n),A===n&&t.createElement(Ur,{fill:_.colors.common.accent})))
 })))),z&&M&&t.createElement(Xs,null,M))
 },Rv=t.forwardRef((({children:e,showTick:n=!0,...r},a)=>{const o=vn()
 ;return t.createElement(tp,{className:"SelectItem",...r,ref:a
@@ -9081,7 +9081,7 @@ void 0!==t.handleDocumentFocus&&document.addEventListener("focus",t.handleDocume
 }),[L,k,X,Q,q]),re=null!==(a=function(t){var n=e.useRef()
 ;return e.useEffect((function(){n.current=t}),[t]),n.current}(g))&&void 0!==a&&a
 ;e.useEffect((function(){g&&B(!0),!re&&g&&te(),re&&!g&&ne()
-}),[g,te,ne,re]),e.useEffect((function(){return function(){g&&ne()}}),[])
+}),[g,te,ne,re]),e.useEffect((function(){return function(){ne()}}),[])
 ;var ae=e.useCallback((function(e){var t=ux($)
 ;E&&t instanceof HTMLElement&&t.focus(),null==w||w(e)
 }),[w,E]),oe=e.useCallback((function(){}),[]),ie=e.useCallback((function(e){
@@ -14991,8 +14991,8 @@ uniqueCount:(e,t)=>new Set(t.map((t=>t.getValue(e)))).size,count:(e,t)=>t.length
 getDefaultOptions:e=>({onGroupingChange:aB("grouping",e),
 groupedColumnMode:"reorder"}),createColumn:(e,t)=>{e.toggleGrouping=()=>{
 t.setGrouping((t=>null!=t&&t.includes(e.id)?t.filter((t=>t!==e.id)):[...null!=t?t:[],e.id]))
-},e.getCanGroup=()=>{var n,r,a,o
-;return null!=(n=null==(r=null!=(a=null==(o=e.columnDef.enableGrouping)||o)?a:t.options.enableGrouping)||r)?n:!!e.accessorFn
+},e.getCanGroup=()=>{var n,r
+;return(null==(n=e.columnDef.enableGrouping)||n)&&(null==(r=t.options.enableGrouping)||r)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)
 },e.getIsGrouped=()=>{var n
 ;return null==(n=t.getState().grouping)?void 0:n.includes(e.id)
 },e.getGroupedIndex=()=>{var n
@@ -15198,15 +15198,8 @@ e.getGlobalAutoFilterFn=()=>MB.includesString,e.getGlobalFilterFn=()=>{var t,n
 },e.setGlobalFilter=t=>{
 null==e.options.onGlobalFilterChange||e.options.onGlobalFilterChange(t)
 },e.resetGlobalFilter=t=>{
-e.setGlobalFilter(t?void 0:e.initialState.globalFilter)
-},e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),
-e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),
-e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),
-e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,
-e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),
-e.getGlobalFacetedMinMaxValues=()=>{
-if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}
-},OB={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({
+e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},OB={
+getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({
 onExpandedChange:aB("expanded",e),paginateExpandedRows:!0}),createTable:e=>{
 let t=!1,n=!1;e._autoResetExpanded=()=>{var r,a;if(t){
 if(null!=(r=null!=(a=e.options.autoResetAll)?a:e.options.autoResetExpanded)?r:!e.options.manualExpanding){
@@ -15406,10 +15399,18 @@ e.resetSorting=t=>{var n,r
 },e.getPreSortedRowModel=()=>e.getGroupedRowModel(),
 e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),
 e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())
-}},XB=[uB,IB,DB,VB,pB,SB,RB,ZB,HB,OB,{getInitialState:e=>({...e,pagination:{
-pageIndex:0,pageSize:10,...null==e?void 0:e.pagination}}),
-getDefaultOptions:e=>({onPaginationChange:aB("pagination",e)}),createTable:e=>{
-let t=!1,n=!1;e._autoResetPageIndex=()=>{var r,a;if(t){
+}},XB=[uB,IB,DB,VB,pB,SB,{createTable:e=>{
+e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),
+e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),
+e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),
+e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,
+e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),
+e.getGlobalFacetedMinMaxValues=()=>{
+if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}
+},RB,ZB,HB,OB,{getInitialState:e=>({...e,pagination:{pageIndex:0,pageSize:10,
+...null==e?void 0:e.pagination}}),getDefaultOptions:e=>({
+onPaginationChange:aB("pagination",e)}),createTable:e=>{let t=!1,n=!1
+;e._autoResetPageIndex=()=>{var r,a;if(t){
 if(null!=(r=null!=(a=e.options.autoResetAll)?a:e.options.autoResetPageIndex)?r:!e.options.manualPagination){
 if(n)return;n=!0,e._queue((()=>{e.resetPageIndex(),n=!1}))}}else e._queue((()=>{
 t=!0}))

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.72",
+  "version": "2.0.0-beta.73",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.72",
+  "version": "2.0.0-beta.73",
   "description": "React Ui Components for Freemium Apps",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",