freemium-ui 2.0.0-beta.18 → 2.0.0-beta.19

package/index.cjs.js

@@ -3565,11 +3565,11 @@ medium:24,big:32},Yf=cn`
 className:"fui-loader",speed:r,size:n})
 },Kf=({type:t="button",...n})=>"button"===t?e.createElement(qf,{...n,
 type:"button"}):e.createElement(Zf,{...n,type:"input"}),qf=t=>{
-const n=qt(),{itemIdentifier:r="id",label:a,id:o,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,isMenuLoading:C,errorText:z}=t
+const n=qt(),{itemIdentifier:r="id",label:a,id:o,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,isMenuLoading:C,errorText:z,defaultOpen:M,open:x}=t
 ;return e.createElement(sd,null,a&&e.createElement(e.Fragment,null,e.createElement(wn,{
 className:"input-label","aria-label":a,htmlFor:o
-},a,d&&e.createElement(zn,null,"*"))),e.createElement(ud,{name:f,required:d,
-disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
+},a,d&&e.createElement(zn,null,"*"))),e.createElement(ud,{open:x,defaultOpen:M,
+name:f,required:d,disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
 ;const t=i.find((t=>t?.[r]===e));l?.(t??null)}},e.createElement(zd,{
 className:`SelectTrigger ${g||""}`.trim(),"aria-label":"Food",disabled:u,id:o,
 isErrored:!!w,width:v,style:y},e.createElement(hd,{className:"SelectValue",
@@ -16148,7 +16148,7 @@ transform:"translateY(0px)"},exiting:{opacity:0,transform:`translateY(${e})`}}
 }(n);return e.createElement(Oj,{styles:o,
 transition:`all ${r}ms cubic-bezier(0.4, 0.14, 0.3, 1)`,timeout:{enter:0,exit:r
 },...a})},exports.StyledLabel=wn,exports.Table=t=>{
-const{data:n,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,showTableOnLoading:g,hideLoaderOnTopPagination:y,hideActions:b,count:w,pageIndex:C=0,pageSize:z=20,enablePreviousPage:M,enableNextPage:x,hideColumnSettings:E=!1,hideBottomPagination:S,rowMenuOptions:_,onPreviousPageClick:H,onNextPageClick:D,disableRowSelect:L,hideSelectAllInTable:V,onSelectAllRows:A,onRowSelect:k,onMenuOptionSelect:T,onRowClick:R,columnOrder:P,setColumnOrder:I,setHiddenColumns:O,hiddenColumns:N,selectedRowIds:F={},setSelectedRowIds:B,dataKey:j="id",cellPropGetter:U,setPageIndex:$,rowPropGetter:Y}=t,W=qt(),[G,K]=e.useState(!v),q={
+const{data:n,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,showTableOnLoading:g,hideLoaderOnTopPagination:y,hideActions:b,count:w,pageIndex:C=0,pageSize:z=20,enablePreviousPage:M,enableNextPage:x,hideColumnSettings:E=!0,hideBottomPagination:S,rowMenuOptions:_,onPreviousPageClick:H,onNextPageClick:D,disableRowSelect:L,hideSelectAllInTable:V,onSelectAllRows:A,onRowSelect:k,onMenuOptionSelect:T,onRowClick:R,columnOrder:P,setColumnOrder:I,setHiddenColumns:O,hiddenColumns:N,selectedRowIds:F={},setSelectedRowIds:B,dataKey:j="id",cellPropGetter:U,setPageIndex:$,rowPropGetter:Y}=t,W=qt(),[G,K]=e.useState(!v),q={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
 display:e=>e,group:e=>e},Z=-1===w||void 0===w,X=e.useMemo((()=>[...L?[]:[{
 id:"select",

package/index.d.ts

@@ -5,6 +5,7 @@ import * as Popover$1 from '@radix-ui/react-popover';
 import { PopperContentProps } from '@radix-ui/react-popover';
 import { RadioGroupContextValue, RadioGroupProps as RadioGroupProps$1 } from '@radix-ui/react-radio-group';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
+import { SelectProps } from '@radix-ui/react-select';
 import { UseSelectProps, UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
 import * as _radix_ui_react_label from '@radix-ui/react-label';
 import { LabelProps } from '@radix-ui/react-label';
@@ -350,7 +351,8 @@ type DropdownTypes = 'button' | 'input';
 type DefaultDropdownItem = {
     [key: string]: any;
 };
-interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
+type PickedSelectProps = Pick<SelectProps, 'defaultOpen' | 'open' | 'name' | 'disabled' | 'value'>;
+interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends PickedSelectProps {
     /**
      * The items to be displayed in the dropdown
      */
@@ -387,14 +389,6 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
      * Is the dropdown read only
      */
     showTick?: boolean;
-    /**
-     * Whether disabled select
-     */
-    disabled?: boolean;
-    /**
-     * The name of the dropdown
-     */
-    name?: string;
     /**
      * The width of the dropdown
      */

package/index.js

@@ -3545,11 +3545,11 @@ medium:24,big:32},gm=Hn`
 className:"fui-loader",speed:r,size:n})
 },wm=({type:e="button",...n})=>"button"===e?t.createElement(Cm,{...n,
 type:"button"}):t.createElement(zm,{...n,type:"input"}),Cm=e=>{
-const n=vn(),{itemIdentifier:r="id",label:a,id:o,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,isMenuLoading:C,errorText:z}=e
+const n=vn(),{itemIdentifier:r="id",label:a,id:o,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,isMenuLoading:C,errorText:z,defaultOpen:M,open:x}=e
 ;return t.createElement(Td,null,a&&t.createElement(t.Fragment,null,t.createElement(Fn,{
 className:"input-label","aria-label":a,htmlFor:o
-},a,d&&t.createElement(jn,null,"*"))),t.createElement(Pd,{name:f,required:d,
-disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
+},a,d&&t.createElement(jn,null,"*"))),t.createElement(Pd,{open:x,defaultOpen:M,
+name:f,required:d,disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
 ;const t=i.find((t=>t?.[r]===e));l?.(t??null)}},t.createElement(Gd,{
 className:`SelectTrigger ${g||""}`.trim(),"aria-label":"Food",disabled:u,id:o,
 isErrored:!!w,width:v,style:y},t.createElement(Rd,{className:"SelectValue",
@@ -15325,7 +15325,7 @@ onClick:()=>{a((t=>({...t,[e.id]:!1}))),i((t=>t.filter((t=>t.id!==e.id))))}
 },t.createElement(Mr,{variant:"secondary"},"Cancel")),t.createElement(Mr,{
 onClick:()=>{e.setColumnOrder(o.map((e=>e.id))),e.setColumnVisibility(r)}
 },"Update")))},pB=n=>{
-const{data:r,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,showTableOnLoading:g,hideLoaderOnTopPagination:y,hideActions:b,count:w,pageIndex:C=0,pageSize:z=20,enablePreviousPage:M,enableNextPage:x,hideColumnSettings:S=!1,hideBottomPagination:E,rowMenuOptions:_,onPreviousPageClick:H,onNextPageClick:D,disableRowSelect:L,hideSelectAllInTable:V,onSelectAllRows:A,onRowSelect:k,onMenuOptionSelect:T,onRowClick:P,columnOrder:I,setColumnOrder:R,setHiddenColumns:O,hiddenColumns:N,selectedRowIds:F={},setSelectedRowIds:B,dataKey:j="id",cellPropGetter:U,setPageIndex:$,rowPropGetter:Y}=n,W=vn(),[G,K]=t.useState(!v),q={
+const{data:r,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,showTableOnLoading:g,hideLoaderOnTopPagination:y,hideActions:b,count:w,pageIndex:C=0,pageSize:z=20,enablePreviousPage:M,enableNextPage:x,hideColumnSettings:S=!0,hideBottomPagination:E,rowMenuOptions:_,onPreviousPageClick:H,onNextPageClick:D,disableRowSelect:L,hideSelectAllInTable:V,onSelectAllRows:A,onRowSelect:k,onMenuOptionSelect:T,onRowClick:P,columnOrder:I,setColumnOrder:R,setHiddenColumns:O,hiddenColumns:N,selectedRowIds:F={},setSelectedRowIds:B,dataKey:j="id",cellPropGetter:U,setPageIndex:$,rowPropGetter:Y}=n,W=vn(),[G,K]=t.useState(!v),q={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
 display:e=>e,group:e=>e},Z=-1===w||void 0===w,X=t.useMemo((()=>[...L?[]:[{
 id:"select",

package/package.json

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