freemium-ui 2.0.0-beta.60 → 2.0.0-beta.62

package/index.cjs.js

@@ -16390,17 +16390,18 @@ case Bm.stateChangeTypes.FunctionAddSelectedItem:e&&o?.(e)}},...m
 }),W=e.useMemo((()=>a.filter((e=>{const n="string"==typeof e?e:e?.[h||t]
 ;return!(R&&j.some((t=>u?.(t)===u?.(e))))&&(!O||n.toLowerCase().includes(O.toLowerCase()))
 }))),[a,O,h,t,R,j,u]),{isOpen:G,getToggleButtonProps:K,getLabelProps:q,getMenuProps:Z,getInputProps:X,highlightedIndex:Q,getItemProps:J}=fm({
-items:W,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,inputValue:O,
-stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
+id:r,items:W,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,
+inputValue:O,stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
 case fm.stateChangeTypes.InputKeyDownEnter:case fm.stateChangeTypes.ItemClick:
-return{...n,isOpen:!0};default:return n}},
+return{...n,isOpen:!O};default:return n}},
 onStateChange:({inputValue:e,type:n,selectedItem:r})=>{switch(n){
 case fm.stateChangeTypes.InputKeyDownEnter:case fm.stateChangeTypes.ItemClick:
 case fm.stateChangeTypes.InputBlur:
 r&&(j.find((e=>e?.[t]===r?.[t]))?$(r):Y(r),N(""),x?.(""));break
 ;case fm.stateChangeTypes.InputChange:N(e??""),x?.(e??"")}},...f
-}),ee=!c&&!l&&G,te=X(B({preventKeyAction:G,name:d,id:r,disabled:c,readOnly:l}))
-;return e.createElement(ch,{width:p},e.createElement(Fr,{
+}),ee=!c&&!l&&G,te=X(B({preventKeyAction:G,name:d,disabled:c,readOnly:l
+})),ne=e=>{if(e&&b&&y&&Q<0){const t=y({inputValue:e,customValues:!0});Y(t),N("")
+}};return e.createElement(ch,{width:p},e.createElement(Fr,{
 className:"input-label",...q({disabled:c,readOnly:l})
 },n,n&&s&&e.createElement(jr,null,"*")),e.createElement(sh,{disabled:c,
 $isErrored:!!E,"aria-invalid":E
@@ -16410,15 +16411,15 @@ key:`selected-item-${n}`,...F({selectedItem:t,index:n}),"aria-disabled":c,
 c||l||(e.stopPropagation(),$(t))}},u?.(t)??""))),e.createElement("input",{
 placeholder:i,...te,onKeyDown:e=>{
 "Backspace"!==e.key||O||($(j[j.length-1]),P?.()),
-"Enter"===e.key&&O&&b&&Q<0&&y?.({inputValue:O,customValues:!0
-}),te?.onKeyDown?.(e)},...H})),!C&&e.createElement($r,{onClick:e=>{
-U([]),e.stopPropagation(),e.preventDefault()}},e.createElement(Mr,{
+"Enter"===e.key&&ne(O),te?.onKeyDown?.(e)},...H})),!C&&e.createElement($r,{
+"aria-label":"Clear",onClick:e=>{
+U([]),N(""),e.stopPropagation(),e.preventDefault()}},e.createElement(Mr,{
 fill:I.colors.text.primary})),e.createElement($r,{...K({disabled:c,readOnly:l})
 },e.createElement(lh,{$isOpen:ee,fill:I.colors.text.primary,width:8,height:8
 }))),!l&&!c&&e.createElement(uh,{$isOpen:G,...Z({disabled:c,readOnly:l})
 },S?e.createElement(ph,null,e.createElement(tv,null)):e.createElement(e.Fragment,null,G&&(0===W.length||b)&&e.createElement(dh,{
 readOnly:!0},b?e.createElement(hh,{tabIndex:0,onClick:e=>{
-e.stopPropagation(),y&&y({inputValue:O,customValues:!0})}
+e.stopPropagation(),ne(O)}
 },g?.(O)??"Click to add"):v??"No items"),G&&W.map(((n,r)=>{
 const a="string"==typeof n?`${n}${r}`.trim():`${n?.[t]??""}${r}`.trim(),o=j.map((e=>e?.[t])).filter(Boolean).indexOf(n?.[t]??"")>-1
 ;return e.createElement(dh,{$isHilighted:Q===r,$isSelected:o,key:a,...J({item:n,

package/index.d.ts

@@ -840,7 +840,7 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem = De
     onCustomValueAdd?: (item: {
         inputValue: string;
         customValues: boolean;
-    }) => void;
+    }) => T;
     removeSelectedItem?: (item: T, index: number) => void;
     /**
      * Is this custom value

package/index.js

@@ -4092,17 +4092,18 @@ case pv.stateChangeTypes.FunctionAddSelectedItem:e&&o?.(e)}},...m
 }),W=t.useMemo((()=>a.filter((t=>{const n="string"==typeof t?t:t?.[h||e]
 ;return!(I&&j.some((e=>u?.(e)===u?.(t))))&&(!O||n.toLowerCase().includes(O.toLowerCase()))
 }))),[a,O,h,e,I,j,u]),{isOpen:G,getToggleButtonProps:K,getLabelProps:q,getMenuProps:Z,getInputProps:X,highlightedIndex:Q,getItemProps:J}=Fm({
-items:W,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,inputValue:O,
-stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
+id:r,items:W,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,
+inputValue:O,stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
 case Fm.stateChangeTypes.InputKeyDownEnter:case Fm.stateChangeTypes.ItemClick:
-return{...n,isOpen:!0};default:return n}},
+return{...n,isOpen:!O};default:return n}},
 onStateChange:({inputValue:t,type:n,selectedItem:r})=>{switch(n){
 case Fm.stateChangeTypes.InputKeyDownEnter:case Fm.stateChangeTypes.ItemClick:
 case Fm.stateChangeTypes.InputBlur:
 r&&(j.find((t=>t?.[e]===r?.[e]))?$(r):Y(r),N(""),x?.(""));break
 ;case Fm.stateChangeTypes.InputChange:N(t??""),x?.(t??"")}},...f
-}),ee=!c&&!l&&G,te=X(B({preventKeyAction:G,name:d,id:r,disabled:c,readOnly:l}))
-;return t.createElement(Th,{width:p},t.createElement(la,{
+}),ee=!c&&!l&&G,te=X(B({preventKeyAction:G,name:d,disabled:c,readOnly:l
+})),ne=e=>{if(e&&b&&y&&Q<0){const t=y({inputValue:e,customValues:!0});Y(t),N("")
+}};return t.createElement(Th,{width:p},t.createElement(la,{
 className:"input-label",...q({disabled:c,readOnly:l})
 },n,n&&s&&t.createElement(sa,null,"*")),t.createElement(Ih,{disabled:c,
 $isErrored:!!S,"aria-invalid":S
@@ -4112,15 +4113,15 @@ key:`selected-item-${n}`,...F({selectedItem:e,index:n}),"aria-disabled":c,
 c||l||(t.stopPropagation(),$(e))}},u?.(e)??""))),t.createElement("input",{
 placeholder:i,...te,onKeyDown:e=>{
 "Backspace"!==e.key||O||($(j[j.length-1]),P?.()),
-"Enter"===e.key&&O&&b&&Q<0&&y?.({inputValue:O,customValues:!0
-}),te?.onKeyDown?.(e)},...H})),!C&&t.createElement(ua,{onClick:e=>{
-U([]),e.stopPropagation(),e.preventDefault()}},t.createElement($r,{
+"Enter"===e.key&&ne(O),te?.onKeyDown?.(e)},...H})),!C&&t.createElement(ua,{
+"aria-label":"Clear",onClick:e=>{
+U([]),N(""),e.stopPropagation(),e.preventDefault()}},t.createElement($r,{
 fill:R.colors.text.primary})),t.createElement(ua,{...K({disabled:c,readOnly:l})
 },t.createElement(kh,{$isOpen:ee,fill:R.colors.text.primary,width:8,height:8
 }))),!l&&!c&&t.createElement(Ph,{$isOpen:G,...Z({disabled:c,readOnly:l})
 },E?t.createElement(Nh,null,t.createElement(_v,null)):t.createElement(t.Fragment,null,G&&(0===W.length||b)&&t.createElement(Rh,{
 readOnly:!0},b?t.createElement(Oh,{tabIndex:0,onClick:e=>{
-e.stopPropagation(),y&&y({inputValue:O,customValues:!0})}
+e.stopPropagation(),ne(O)}
 },g?.(O)??"Click to add"):v??"No items"),G&&W.map(((n,r)=>{
 const a="string"==typeof n?`${n}${r}`.trim():`${n?.[e]??""}${r}`.trim(),o=j.map((t=>t?.[e])).filter(Boolean).indexOf(n?.[e]??"")>-1
 ;return t.createElement(Rh,{$isHilighted:Q===r,$isSelected:o,key:a,...J({item:n,

package/package.json

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