freemium-ui 2.0.0-beta.27 → 2.0.0-beta.28

package/dist/index.cjs.js

@@ -16132,8 +16132,8 @@ open:t,onOpenChange:e=>{e||l?.()}},e.createElement(sm,null,e.createElement(um,{
 forceMount:!0,className:"DialogOverlay",onClick:()=>l?.()}),e.createElement(dm,{
 forceMount:!0,className:`DialogContent ${a}`.trim(),size:s??"default",
 fullWidth:o,align:r,position:c,style:i
-},n))),exports.MoreVertical=od,exports.MultiSelectDropdown=({itemIdentifier:t="id",label:n,id:r,items:a=[],onChange:o,placeholder:i,readOnly:l=!1,disabled:c=!1,isRequired:s=!1,itemToString:u,name:d,filterKey:h,width:p,useComboboxProps:f,useMultipleSelectionProps:m,emptyItemsText:v,getCustomMessage:g,onCustomValueAdd:y,customValues:b,inputValue:w,hideClear:C,removeSelectedItem:z,selectedItem:M,handleInputChange:x,isErrored:E,isMenuLoading:S,errorText:_,InputProps:H,itemComponent:D,isDynamicMenu:L,locale:V,maxAllowedLength:A,minAllowedLength:k,onBackSpace:T})=>{
-const R=qt(),[P,I]=e.useState(""),[O,N]=e.useState([]),F=e.useMemo((()=>a.filter((e=>!P||("string"==typeof e?e:e?.[h||t]).toLowerCase().includes(P.toLowerCase())))),[a,h,t,P]),{getSelectedItemProps:B,getDropdownProps:j,removeSelectedItem:U,setSelectedItems:$}=Bf({
+},n))),exports.MoreVertical=od,exports.MultiSelectDropdown=({itemIdentifier:t="id",label:n,id:r,items:a=[],onChange:o,placeholder:i,readOnly:l=!1,disabled:c=!1,isRequired:s=!1,itemToString:u,name:d,filterKey:h,width:p,useComboboxProps:f,useMultipleSelectionProps:m,emptyItemsText:v,getCustomMessage:g,onCustomValueAdd:y,customValues:b,inputValue:w,hideClear:C,removeSelectedItem:z,defaultSelectedItems:M=[],handleInputChange:x,isErrored:E,isMenuLoading:S,errorText:_,InputProps:H,itemComponent:D,isDynamicMenu:L,locale:V,maxAllowedLength:A,minAllowedLength:k,onBackSpace:T})=>{
+const R=qt(),[P,I]=e.useState(""),[O,N]=e.useState([...M]),F=e.useMemo((()=>a.filter((e=>!P||("string"==typeof e?e:e?.[h||t]).toLowerCase().includes(P.toLowerCase())))),[a,h,t,P]),{getSelectedItemProps:B,getDropdownProps:j,removeSelectedItem:U,setSelectedItems:$}=Bf({
 selectedItems:O,onStateChange:({selectedItems:e,type:t})=>{switch(t){
 case Bf.stateChangeTypes.SelectedItemKeyDownBackspace:
 case Bf.stateChangeTypes.SelectedItemKeyDownDelete:
@@ -16149,10 +16149,9 @@ case ff.stateChangeTypes.InputKeyDownEnter:case ff.stateChangeTypes.ItemClick:
 case ff.stateChangeTypes.InputBlur:
 r&&(O.indexOf(r)>-1?N(O.filter((e=>e?.[t]!==r?.[t]))):N([...O,r]),I(""));break
 ;case ff.stateChangeTypes.InputChange:I(e||"")}},...f});e.useEffect((()=>{x?.(P)
-}),[x,P]),e.useEffect((()=>{o?.(O)}),[o,O]),e.useEffect((()=>{N(M??[])
-}),[M]),e.useEffect((()=>{I(w??"")}),[w]);const Q=!c&&!l&&Y
-;return e.createElement(ld,{width:p,isOpen:Q},e.createElement(wn,{
-className:"input-label",...G({disabled:c,readOnly:l})
+}),[x,P]),e.useEffect((()=>{o?.(O)}),[o,O]),e.useEffect((()=>{I(w??"")}),[w])
+;const Q=!c&&!l&&Y;return e.createElement(ld,{width:p,isOpen:Q
+},e.createElement(wn,{className:"input-label",...G({disabled:c,readOnly:l})
 },n,s&&e.createElement(zn,null,"*")),e.createElement(cd,{disabled:c,
 isErrored:!!E,"aria-invalid":E
 },e.createElement(hm,null,O.map(((t,n)=>e.createElement(Sm,{

package/dist/index.d.ts

@@ -707,7 +707,7 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem = De
     /**
      * selected item of dropdown
      */
-    selectedItem?: T[];
+    defaultSelectedItems?: T[];
     /**
      * Called when select an option or input value change
      */
@@ -795,7 +795,7 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem = De
 /**
  * MultiSelectDropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
  */
-declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, removeSelectedItem: rSelectedItem, selectedItem, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, onBackSpace, }: MultiSelectDropdownProps<T>) => react__default.JSX.Element;
+declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, removeSelectedItem: rSelectedItem, defaultSelectedItems, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, onBackSpace, }: MultiSelectDropdownProps<T>) => react__default.JSX.Element;
 
 type DefaultProps = {
     /**

package/dist/index.js

@@ -3878,8 +3878,8 @@ className:"StyledTag"},i||l?t.createElement(Km,{className:"AvatarRoot"
 className:"AvatarFallback",delayMs:600
 },l)):t.createElement("div",null),e,t.createElement(Xm,{...n,onClick:r
 },t.createElement(mr,{fill:u.colors.text.primary})))
-},ev=({itemIdentifier:e="id",label:n,id:r,items:a=[],onChange:o,placeholder:i,readOnly:l=!1,disabled:c=!1,isRequired:s=!1,itemToString:u,name:d,filterKey:h,width:p,useComboboxProps:f,useMultipleSelectionProps:m,emptyItemsText:v,getCustomMessage:g,onCustomValueAdd:y,customValues:b,inputValue:w,hideClear:C,removeSelectedItem:z,selectedItem:M,handleInputChange:x,isErrored:S,isMenuLoading:E,errorText:_,InputProps:H,itemComponent:D,isDynamicMenu:L,locale:V,maxAllowedLength:A,minAllowedLength:k,onBackSpace:T})=>{
-const P=vn(),[I,R]=t.useState(""),[O,N]=t.useState([]),F=t.useMemo((()=>a.filter((t=>!I||("string"==typeof t?t:t?.[h||e]).toLowerCase().includes(I.toLowerCase())))),[a,h,e,I]),{getSelectedItemProps:B,getDropdownProps:j,removeSelectedItem:U,setSelectedItems:$}=hm({
+},ev=({itemIdentifier:e="id",label:n,id:r,items:a=[],onChange:o,placeholder:i,readOnly:l=!1,disabled:c=!1,isRequired:s=!1,itemToString:u,name:d,filterKey:h,width:p,useComboboxProps:f,useMultipleSelectionProps:m,emptyItemsText:v,getCustomMessage:g,onCustomValueAdd:y,customValues:b,inputValue:w,hideClear:C,removeSelectedItem:z,defaultSelectedItems:M=[],handleInputChange:x,isErrored:S,isMenuLoading:E,errorText:_,InputProps:H,itemComponent:D,isDynamicMenu:L,locale:V,maxAllowedLength:A,minAllowedLength:k,onBackSpace:T})=>{
+const P=vn(),[I,R]=t.useState(""),[O,N]=t.useState([...M]),F=t.useMemo((()=>a.filter((t=>!I||("string"==typeof t?t:t?.[h||e]).toLowerCase().includes(I.toLowerCase())))),[a,h,e,I]),{getSelectedItemProps:B,getDropdownProps:j,removeSelectedItem:U,setSelectedItems:$}=hm({
 selectedItems:O,onStateChange:({selectedItems:e,type:t})=>{switch(t){
 case hm.stateChangeTypes.SelectedItemKeyDownBackspace:
 case hm.stateChangeTypes.SelectedItemKeyDownDelete:
@@ -3895,10 +3895,9 @@ case Nf.stateChangeTypes.InputKeyDownEnter:case Nf.stateChangeTypes.ItemClick:
 case Nf.stateChangeTypes.InputBlur:
 r&&(O.indexOf(r)>-1?N(O.filter((t=>t?.[e]!==r?.[e]))):N([...O,r]),R(""));break
 ;case Nf.stateChangeTypes.InputChange:R(t||"")}},...f});t.useEffect((()=>{x?.(I)
-}),[x,I]),t.useEffect((()=>{o?.(O)}),[o,O]),t.useEffect((()=>{N(M??[])
-}),[M]),t.useEffect((()=>{R(w??"")}),[w]);const Q=!c&&!l&&Y
-;return t.createElement(Ad,{width:p,isOpen:Q},t.createElement(Fn,{
-className:"input-label",...G({disabled:c,readOnly:l})
+}),[x,I]),t.useEffect((()=>{o?.(O)}),[o,O]),t.useEffect((()=>{R(w??"")}),[w])
+;const Q=!c&&!l&&Y;return t.createElement(Ad,{width:p,isOpen:Q
+},t.createElement(Fn,{className:"input-label",...G({disabled:c,readOnly:l})
 },n,s&&t.createElement(jn,null,"*")),t.createElement(kd,{disabled:c,
 isErrored:!!S,"aria-invalid":S
 },t.createElement(Nm,null,O.map(((e,n)=>t.createElement(Jm,{

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.27",
+  "version": "2.0.0-beta.28",
   "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.27",
+  "version": "2.0.0-beta.28",
   "description": "React Ui Components for Freemium Apps",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",