freemium-ui 2.0.100 → 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)=>{

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';
@@ -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>;

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)=>{

package/lib/package.json

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