freemium-ui 2.0.99 → 2.0.101

package/lib/index.cjs.js

@@ -4731,28 +4731,28 @@ small:"424px",default:"600px",medium:"720px",large:"800px","x-large":"1200px"
   right: ${({placement:e})=>"left"===e?"-24px":"unset"};
 `,cb=yr(zy)``,sb=yr(My)``,ub=({type:t="button",...n})=>"button"===t?e.createElement(db,{
 ...n,type:"button"}):e.createElement(hb,{...n,type:"input"}),db=t=>{
-const n=cr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:f,name:p,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H}=t,D=e.useMemo((()=>{
+const n=cr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:f,name:p,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H,selectRootProps:D,selectPortalProps:A}=t,L=e.useMemo((()=>{
 const e=i.reduce(((e,t)=>{const n=t.group??"default"
 ;return e[n]?e[n].push(t):e[n]=[t],e}),{})
 ;return Object.keys(e).sort(((e,t)=>"default"!==e?1:-1)).map((t=>({key:t,
-items:e[t]})))}),[i]),[A,L]=e.useState(b)
+items:e[t]})))}),[i]),[V,k]=e.useState(b)
 ;return e.createElement(qp,null,o&&e.createElement(e.Fragment,null,e.createElement(Do,{
 className:"input-label","aria-label":"string"==typeof o?o:"",htmlFor:a
 },o,o&&d&&e.createElement(Lo,null,"*"))),e.createElement(Xp,{open:S,
 defaultOpen:x,name:p,required:d,disabled:u,value:b?.[r]??void 0,
-onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));L(t),l?.(t??null)}
-},e.createElement(sm,{className:`SelectTrigger ${g??""}`.trim(),
+onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));k(t),l?.(t??null)
+},...D},e.createElement(sm,{className:`SelectTrigger ${g??""}`.trim(),
 "aria-label":"string"==typeof o?o:"dropdown",disabled:u,id:a,$isErrored:!!w,
-"aria-invalid":!!w,width:v,style:y},c||null!==b?A&&H?H(A):e.createElement(Qp,{
+"aria-invalid":!!w,width:v,style:y},c||null!==b?V&&H?H(V):e.createElement(Qp,{
 className:`SelectValue ${g??""}`.trim(),placeholder:c
 }):e.createElement(Zp,null),e.createElement(cm,{
 className:`SelectIcon ${g??""}`.trim()},e.createElement(no,{
-fill:n.colors.text.primary}))),e.createElement(em,{container:C
+fill:n.colors.text.primary}))),e.createElement(em,{container:C,...A
 },e.createElement(om,{className:`SelectContent ${g??""}`.trim(),
 position:"popper",side:"bottom",sideOffset:4,avoidCollisions:!0,
 $matchButtonWidth:E,..._
 },z?e.createElement(Gp,null,e.createElement(Em,null)):e.createElement(e.Fragment,null,e.createElement(im,{
-className:`SelectViewport ${g??""}`.trim()},D.map((t=>e.createElement(Jp,{
+className:`SelectViewport ${g??""}`.trim()},L.map((t=>e.createElement(Jp,{
 key:t.key,className:`SelectGroup ${g??""}`.trim()
 },"default"!==t.key&&e.createElement(rm,{className:`SelectLabel ${g??""}`.trim()
 },t.key,e.createElement(nm,null)),t.items.map(((t,n)=>{
@@ -17141,15 +17141,15 @@ required:a,"aria-required":a,size:i,...c},e.createElement(HW,{...l,size:i
 },n&&e.createElement(so,{fill:s.colors.common.accent,className:"toggle-on",
 ...DW[i]}),n&&e.createElement(ro,{fill:s.colors.text.primary,
 className:"toggle-off",...AW[i]})))
-},exports.Tooltip=({position:t="bottom",label:n,html:r,style:o={},children:a,className:i="",disabled:l=!1,delay:c=300,arrow:s=!0,providerProps:u,rootProps:d})=>{
-const h=cr(),[f="bottom",p="center"]=t.split("-");return e.createElement(aG,{
-delayDuration:c,...u},e.createElement(iG,{...d,open:!l&&void 0
+},exports.Tooltip=({position:t="bottom",label:n,html:r,style:o={},children:a,className:i="",disabled:l=!1,delay:c=300,arrow:s=!0,providerProps:u,portalProps:d,rootProps:h})=>{
+const f=cr(),[p="bottom",m="center"]=t.split("-");return e.createElement(aG,{
+delayDuration:c,...u},e.createElement(iG,{...h,open:!l&&void 0
 },e.createElement(lG,{className:"TooltipTrigger",asChild:!0,
 "aria-label":"string"==typeof a?a:"TooltipTrigger",type:"button"
-},e.createElement(No,{className:i,type:"button"
-},a)),e.createElement(cG,null,e.createElement(oG,{forceMount:!0,
-"data-tooltip-content":!0,className:"TooltipContent",style:o,sideOffset:5,
-"aria-disabled":l,"aria-live":"polite",side:f,align:p,dir:h.direction
+},e.createElement(No,{className:i,type:"button"},a)),e.createElement(cG,{...d
+},e.createElement(oG,{forceMount:!0,"data-tooltip-content":!0,
+className:"TooltipContent",style:o,sideOffset:5,"aria-disabled":l,
+"aria-live":"polite",side:p,align:m,dir:f.direction
 },r?e.createElement(e.Fragment,null,r):e.createElement(e.Fragment,null,n??""),s&&e.createElement(rG,null)))))
 },
 exports.TriggerButtonWrapper=No,exports.Typography=Yo,exports.Warning=uo,exports.WorkspaceTable=t=>{

package/lib/index.d.ts

@@ -6,9 +6,9 @@ import { AxiosRequestConfig } from 'axios';
 import * as Popover$1 from '@radix-ui/react-popover';
 import { PortalProps, PopperContentProps } from '@radix-ui/react-popover';
 import * as Select from '@radix-ui/react-select';
-import { SelectProps, SelectContentProps, SelectItemProps } from '@radix-ui/react-select';
+import { SelectProps, SelectContentProps, SelectPortalProps, SelectItemProps } from '@radix-ui/react-select';
 export { Item as RadixSelectItem } from '@radix-ui/react-select';
-import { UseSelectProps, UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
+import { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
 import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
 import * as styled_components from 'styled-components';
@@ -23,7 +23,7 @@ import { DraggableSyntheticListeners } from '@dnd-kit/core';
 import { CoreOptions, ColumnDef, Cell, RowSelectionState } from '@tanstack/react-table';
 import * as Tabs$1 from '@radix-ui/react-tabs';
 import { TabsProps as TabsProps$1 } from '@radix-ui/react-tabs';
-import { TooltipProviderProps, TooltipProps as TooltipProps$1, TooltipArrowProps } from '@radix-ui/react-tooltip';
+import { TooltipProviderProps, TooltipPortalProps, TooltipProps as TooltipProps$1, TooltipArrowProps } from '@radix-ui/react-tooltip';
 
 interface AccordionItemProps {
     id: string;
@@ -258,10 +258,6 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      *
      */
     placeholder?: string;
-    /**
-     *
-     */
-    useSelectProps?: UseSelectProps<T>;
     /**
      *
      */
@@ -271,6 +267,8 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
     clearInputOnselect?: boolean;
     buttonContentProps?: SelectContentProps;
     portalContainer?: PortalProps['container'];
+    selectRootProps?: SelectProps;
+    selectPortalProps?: SelectPortalProps;
 }
 type DropdownButtonProps<T extends DefaultDropdownItem = DefaultDropdownItem> = DropdownProps<T>;
 type DropdownInputProps<T extends DefaultDropdownItem = DefaultDropdownItem> = DropdownProps<T>;
@@ -1767,6 +1765,7 @@ interface TooltipProps {
     tabIndex?: number;
     children?: React.ReactNode | string | null;
     providerProps?: TooltipProviderProps;
+    portalProps?: TooltipPortalProps;
     rootProps?: TooltipProps$1;
     arrowProps?: TooltipArrowProps;
 }
@@ -1776,7 +1775,7 @@ interface TooltipProps {
  * It is used to show additional information or actions.
  * It can be used to show a hint, a warning, or any other content.
  */
-declare const Tooltip: ({ position, label, html, style, children, className, disabled, delay, arrow, providerProps, rootProps, }: TooltipProps) => react__default.JSX.Element;
+declare const Tooltip: ({ position, label, html, style, children, className, disabled, delay, arrow, providerProps, portalProps, rootProps, }: TooltipProps) => react__default.JSX.Element;
 
 /**
  * Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.

package/lib/index.js

@@ -4757,28 +4757,28 @@ placement:d,dir:u.direction},!r&&t.createElement(kb,{asChild:!0,placement:d
 fill:u.colors.text.inverse}))),n)))
 },Rb=({type:e="button",...n})=>"button"===e?t.createElement(Ob,{...n,
 type:"button"}):t.createElement(Nb,{...n,type:"input"}),Ob=e=>{
-const n=Hr(),{itemIdentifier:r="id",label:o,id:a,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,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H}=e,D=t.useMemo((()=>{
+const n=Hr(),{itemIdentifier:r="id",label:o,id:a,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,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H,selectRootProps:D,selectPortalProps:A}=e,L=t.useMemo((()=>{
 const e=i.reduce(((e,t)=>{const n=t.group??"default"
 ;return e[n]?e[n].push(t):e[n]=[t],e}),{})
 ;return Object.keys(e).sort(((e,t)=>"default"!==e?1:-1)).map((t=>({key:t,
-items:e[t]})))}),[i]),[A,L]=t.useState(b)
+items:e[t]})))}),[i]),[V,k]=t.useState(b)
 ;return t.createElement(gm,null,o&&t.createElement(t.Fragment,null,t.createElement(Zo,{
 className:"input-label","aria-label":"string"==typeof o?o:"",htmlFor:a
 },o,o&&d&&t.createElement(Jo,null,"*"))),t.createElement(bm,{open:S,
 defaultOpen:x,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),l?.(t??null)}
-},t.createElement(Lm,{className:`SelectTrigger ${g??""}`.trim(),
+onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));k(t),l?.(t??null)
+},...D},t.createElement(Lm,{className:`SelectTrigger ${g??""}`.trim(),
 "aria-label":"string"==typeof o?o:"dropdown",disabled:u,id:a,$isErrored:!!w,
-"aria-invalid":!!w,width:v,style:y},c||null!==b?A&&H?H(A):t.createElement(Cm,{
+"aria-invalid":!!w,width:v,style:y},c||null!==b?V&&H?H(V):t.createElement(Cm,{
 className:`SelectValue ${g??""}`.trim(),placeholder:c
 }):t.createElement(ym,null),t.createElement(Am,{
 className:`SelectIcon ${g??""}`.trim()},t.createElement(Mo,{
-fill:n.colors.text.primary}))),t.createElement(zm,{container:C
+fill:n.colors.text.primary}))),t.createElement(zm,{container:C,...A
 },t.createElement(Sm,{className:`SelectContent ${g??""}`.trim(),
 position:"popper",side:"bottom",sideOffset:4,avoidCollisions:!0,
 $matchButtonWidth:E,..._
 },z?t.createElement(mm,null,t.createElement(Gm,null)):t.createElement(t.Fragment,null,t.createElement(Hm,{
-className:`SelectViewport ${g??""}`.trim()},D.map((e=>t.createElement(wm,{
+className:`SelectViewport ${g??""}`.trim()},L.map((e=>t.createElement(wm,{
 key:e.key,className:`SelectGroup ${g??""}`.trim()
 },"default"!==e.key&&t.createElement(Em,{className:`SelectLabel ${g??""}`.trim()
 },e.key,t.createElement(xm,null)),e.items.map(((e,n)=>{
@@ -16902,15 +16902,15 @@ container:a},r)))},FG=LG,$G=Or(l(((e,t)=>{const{__scopeTooltip:n,...r}=e,a=gG(n)
   }
 `,jG=Or(IG)``,UG=Or(RG)``,YG=Or(OG)`
   color: inherit;
-`,WG=Or(NG)``,GG=({position:e="bottom",label:n,html:r,style:o={},children:a,className:i="",disabled:l=!1,delay:c=300,arrow:s=!0,providerProps:u,rootProps:d})=>{
-const h=Hr(),[p="bottom",f="center"]=e.split("-");return t.createElement(jG,{
-delayDuration:c,...u},t.createElement(UG,{...d,open:!l&&void 0
+`,WG=Or(NG)``,GG=({position:e="bottom",label:n,html:r,style:o={},children:a,className:i="",disabled:l=!1,delay:c=300,arrow:s=!0,providerProps:u,portalProps:d,rootProps:h})=>{
+const p=Hr(),[f="bottom",m="center"]=e.split("-");return t.createElement(jG,{
+delayDuration:c,...u},t.createElement(UG,{...h,open:!l&&void 0
 },t.createElement(YG,{className:"TooltipTrigger",asChild:!0,
 "aria-label":"string"==typeof a?a:"TooltipTrigger",type:"button"
-},t.createElement(ia,{className:i,type:"button"
-},a)),t.createElement(WG,null,t.createElement(BG,{forceMount:!0,
-"data-tooltip-content":!0,className:"TooltipContent",style:o,sideOffset:5,
-"aria-disabled":l,"aria-live":"polite",side:p,align:f,dir:h.direction
+},t.createElement(ia,{className:i,type:"button"},a)),t.createElement(WG,{...d
+},t.createElement(BG,{forceMount:!0,"data-tooltip-content":!0,
+className:"TooltipContent",style:o,sideOffset:5,"aria-disabled":l,
+"aria-live":"polite",side:f,align:m,dir:p.direction
 },r?t.createElement(t.Fragment,null,r):t.createElement(t.Fragment,null,n??""),s&&t.createElement($G,null)))))
 },KG=e=>{
 const{data:n,columns:r,showFooter:o=!1,infoComponent:a,isLoading:i,isFetching:l,emptyComponent:c,loadingComponent:s,headerComponent:u,filterComponent:d,hideTableOnEmpty:h,hideTopPagination:p,hideFilters:f,isFilterOpenByDefault:m=!0,showTableOnLoading:v,hideLoaderOnTopPagination:g,showWorkspaceActions:y,count:b,isWSOpen:w=!0,pageIndex:C=0,pageSize:z=20,enablePreviousPage:M,enableNextPage:x,hideColumnSettings:E=!0,hideBottomPagination:S,rowMenuOptions:_,onPreviousPageClick:H,isDisableActionMenu:D=!1,onNextPageClick:A,disableRowSelect:L,hideSelectAllInTable:V,onSelectAllRows:k,onRowSelect:T,onMenuOptionSelect:P,onRowClick:I,columnOrder:R,setColumnOrder:O,setHiddenColumns:N,hiddenColumns:F,selectedRowIds:$={},isDisableSortDropdown:B,setSelectedRowIds:j,dataKey:U="id",cellPropGetter:Y,setPageIndex:W,rowPropGetter:G,translationTexts:K}=e,q=Hr(),[Z,X]=t.useState(!!m),J={

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.99",
+  "version": "2.0.101",
   "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.99",
+  "version": "2.0.101",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",