freemium-ui 2.0.10 → 2.0.12

package/lib/index.cjs.js

@@ -16446,7 +16446,7 @@ case qm.stateChangeTypes.FunctionRemoveSelectedItem:
 case qm.stateChangeTypes.FunctionAddSelectedItem:e&&o?.(e)}},...m
 }),G=e.useMemo((()=>a.filter((e=>{const n="string"==typeof e?e:e?.[h||t]
 ;return!(I&&j.some((t=>u?.(t)===u?.(e))))&&(!N||n.toLowerCase().includes(N.toLowerCase()))
-}))),[a,N,h,t,I,j,u]),{isOpen:K,getToggleButtonProps:q,getLabelProps:Z,getMenuProps:X,getInputProps:Q,highlightedIndex:J,getItemProps:ee}=zm({
+}))),[a,N,h,t,I,j,u]),{isOpen:K,closeMenu:q,getToggleButtonProps:Z,getLabelProps:X,getMenuProps:Q,getInputProps:J,highlightedIndex:ee,getItemProps:te}=zm({
 id:r,items:G,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,
 inputValue:N,stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
 case zm.stateChangeTypes.InputKeyDownEnter:case zm.stateChangeTypes.ItemClick:
@@ -16455,31 +16455,32 @@ onStateChange:({inputValue:e,type:n,selectedItem:r})=>{switch(n){
 case zm.stateChangeTypes.InputKeyDownEnter:case zm.stateChangeTypes.ItemClick:
 case zm.stateChangeTypes.InputBlur:
 r&&(j.find((e=>e?.[t]===r?.[t]))?U(r):W(r),F(""),E?.(""));break
-;case zm.stateChangeTypes.InputChange:F(e??""),E?.(e??"")}},...f
-}),te=!c&&!l&&K,ne=Q($({preventKeyAction:K,name:d,disabled:c,readOnly:l
-})),re=e=>{if(e&&b&&y&&J<0){const t=y({inputValue:e,customValues:!0});W(t),F("")
-}};return e.createElement(yh,{width:p},e.createElement(Br,{
-className:"input-label",...Z({disabled:c,readOnly:l})
+;case zm.stateChangeTypes.InputChange:F(e??""),E?.(e??""),G.length||e||q()}},
+...f}),ne=!c&&!l&&K,re=J($({preventKeyAction:K,name:d,disabled:c,readOnly:l
+})),ae=e=>{if(e&&b&&y&&ee<0){const t=y({inputValue:e,customValues:!0})
+;W(t),F("")}};return e.createElement(yh,{width:p},e.createElement(Br,{
+className:"input-label",...X({disabled:c,readOnly:l})
 },n,n&&s&&e.createElement(jr,null,"*")),e.createElement(bh,{disabled:c,
 $isErrored:!!S,"aria-invalid":S,className:"dropdown-toggle-button"
 },e.createElement(zv,null,!R&&j.map(((t,n)=>e.createElement(Iv,{
 key:`selected-item-${n}`,...B({selectedItem:t,index:n}),"aria-disabled":c,
 "aria-readonly":l,iconProps:{"aria-disabled":c,disabled:c},onClose:e=>{
 c||l||(e.stopPropagation(),U(t))}},u?.(t)??""))),e.createElement("input",{
-placeholder:i,...ne,onKeyDown:e=>{
-"Backspace"!==e.key||N||(U(j[j.length-1]),P?.()),
-"Enter"===e.key&&re(N),ne?.onKeyDown?.(e)},...D})),!C&&e.createElement(Ur,{
+placeholder:i,...re,...D,onKeyDown:e=>{
+"Backspace"!==e.key||N||(U(j[j.length-1]),
+P?.()),"Enter"===e.key&&ae(N),re?.onKeyDown?.(e),D?.onKeyDown?.(e)},onClick:e=>{
+re?.onClick?.(e),D?.onClick?.(e),G.length||N||q()}})),!C&&e.createElement(Ur,{
 "aria-label":"Clear",onClick:e=>{
 Y([]),F(""),e.stopPropagation(),e.preventDefault()}},e.createElement(xr,{
-fill:O.colors.text.primary})),!z&&e.createElement(Ur,{...q({disabled:c,
-readOnly:l})},e.createElement(gh,{$isOpen:te,fill:O.colors.text.primary,width:8,
-height:8}))),!l&&!c&&e.createElement(wh,{$isOpen:K,...X({disabled:c,readOnly:l})
+fill:O.colors.text.primary})),!z&&e.createElement(Ur,{...Z({disabled:c,
+readOnly:l})},e.createElement(gh,{$isOpen:ne,fill:O.colors.text.primary,width:8,
+height:8}))),!l&&!c&&e.createElement(wh,{$isOpen:K,...Q({disabled:c,readOnly:l})
 },_?e.createElement(Mh,null,e.createElement(sv,null)):e.createElement(e.Fragment,null,K&&(0===G.length||b)&&e.createElement(Ch,{
 readOnly:!0},b?e.createElement(zh,{tabIndex:0,onClick:e=>{
-e.stopPropagation(),re(N),N&&ne?.onClick?.(e)}
+e.stopPropagation(),ae(N),N&&re?.onClick?.(e)}
 },g?.(N)??"Click to add"):v??"No items"),K&&G.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(Ch,{$isHilighted:J===r,$isSelected:o,key:a,...ee({
+;return e.createElement(Ch,{$isHilighted:ee===r,$isSelected:o,key:a,...te({
 item:n,index:r})
 },V?V(n):e.createElement(e.Fragment,null,u?.(n)??"",o&&e.createElement(Er,{
 fill:O.colors.common.accent})))})))),S&&H&&e.createElement(Vs,null,H))

package/lib/index.d.ts

@@ -539,12 +539,12 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      */
     useComboboxProps?: UseComboboxProps<T>;
     itemComponent?: (item: T, props?: DropdownItemProps | DropdownInputItemProps) => React.ReactNode | string;
+    selectedItemComponent?: (item: T) => React.ReactNode | string;
     clearInputOnselect?: boolean;
     buttonContentProps?: SelectContentProps;
     portalContainer?: PortalProps['container'];
 }
 interface DropdownButtonProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends DropdownProps<T> {
-    selectedItemComponent?: (item: T) => React.ReactNode | string;
 }
 interface DropdownInputProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends DropdownProps<T> {
 }

package/lib/index.js

@@ -4240,7 +4240,7 @@ case Cv.stateChangeTypes.FunctionRemoveSelectedItem:
 case Cv.stateChangeTypes.FunctionAddSelectedItem:e&&o?.(e)}},...m
 }),G=t.useMemo((()=>a.filter((t=>{const n="string"==typeof t?t:t?.[h||e]
 ;return!(P&&j.some((e=>u?.(e)===u?.(t))))&&(!N||n.toLowerCase().includes(N.toLowerCase()))
-}))),[a,N,h,e,P,j,u]),{isOpen:K,getToggleButtonProps:q,getLabelProps:Z,getMenuProps:X,getInputProps:Q,highlightedIndex:J,getItemProps:ee}=Km({
+}))),[a,N,h,e,P,j,u]),{isOpen:K,closeMenu:q,getToggleButtonProps:Z,getLabelProps:X,getMenuProps:Q,getInputProps:J,highlightedIndex:ee,getItemProps:te}=Km({
 id:r,items:G,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,
 inputValue:N,stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
 case Km.stateChangeTypes.InputKeyDownEnter:case Km.stateChangeTypes.ItemClick:
@@ -4249,31 +4249,32 @@ onStateChange:({inputValue:t,type:n,selectedItem:r})=>{switch(n){
 case Km.stateChangeTypes.InputKeyDownEnter:case Km.stateChangeTypes.ItemClick:
 case Km.stateChangeTypes.InputBlur:
 r&&(j.find((t=>t?.[e]===r?.[e]))?U(r):W(r),F(""),S?.(""));break
-;case Km.stateChangeTypes.InputChange:F(t??""),S?.(t??"")}},...f
-}),te=!c&&!l&&K,ne=Q($({preventKeyAction:K,name:d,disabled:c,readOnly:l
-})),re=e=>{if(e&&b&&y&&J<0){const t=y({inputValue:e,customValues:!0});W(t),F("")
-}};return t.createElement(Uh,{width:p},t.createElement(ca,{
-className:"input-label",...Z({disabled:c,readOnly:l})
+;case Km.stateChangeTypes.InputChange:F(t??""),S?.(t??""),G.length||t||q()}},
+...f}),ne=!c&&!l&&K,re=J($({preventKeyAction:K,name:d,disabled:c,readOnly:l
+})),ae=e=>{if(e&&b&&y&&ee<0){const t=y({inputValue:e,customValues:!0})
+;W(t),F("")}};return t.createElement(Uh,{width:p},t.createElement(ca,{
+className:"input-label",...X({disabled:c,readOnly:l})
 },n,n&&s&&t.createElement(ua,null,"*")),t.createElement(Yh,{disabled:c,
 $isErrored:!!E,"aria-invalid":E,className:"dropdown-toggle-button"
 },t.createElement(qv,null,!I&&j.map(((e,n)=>t.createElement(sg,{
 key:`selected-item-${n}`,...B({selectedItem:e,index:n}),"aria-disabled":c,
 "aria-readonly":l,iconProps:{"aria-disabled":c,disabled:c},onClose:t=>{
 c||l||(t.stopPropagation(),U(e))}},u?.(e)??""))),t.createElement("input",{
-placeholder:i,...ne,onKeyDown:e=>{
-"Backspace"!==e.key||N||(U(j[j.length-1]),R?.()),
-"Enter"===e.key&&re(N),ne?.onKeyDown?.(e)},...D})),!C&&t.createElement(da,{
+placeholder:i,...re,...D,onKeyDown:e=>{
+"Backspace"!==e.key||N||(U(j[j.length-1]),
+R?.()),"Enter"===e.key&&ae(N),re?.onKeyDown?.(e),D?.onKeyDown?.(e)},onClick:e=>{
+re?.onClick?.(e),D?.onClick?.(e),G.length||N||q()}})),!C&&t.createElement(da,{
 "aria-label":"Clear",onClick:e=>{
 Y([]),F(""),e.stopPropagation(),e.preventDefault()}},t.createElement(Ur,{
-fill:O.colors.text.primary})),!z&&t.createElement(da,{...q({disabled:c,
-readOnly:l})},t.createElement(jh,{$isOpen:te,fill:O.colors.text.primary,width:8,
-height:8}))),!l&&!c&&t.createElement(Wh,{$isOpen:K,...X({disabled:c,readOnly:l})
+fill:O.colors.text.primary})),!z&&t.createElement(da,{...Z({disabled:c,
+readOnly:l})},t.createElement(jh,{$isOpen:ne,fill:O.colors.text.primary,width:8,
+height:8}))),!l&&!c&&t.createElement(Wh,{$isOpen:K,...Q({disabled:c,readOnly:l})
 },_?t.createElement(qh,null,t.createElement(Iv,null)):t.createElement(t.Fragment,null,K&&(0===G.length||b)&&t.createElement(Gh,{
 readOnly:!0},b?t.createElement(Kh,{tabIndex:0,onClick:e=>{
-e.stopPropagation(),re(N),N&&ne?.onClick?.(e)}
+e.stopPropagation(),ae(N),N&&re?.onClick?.(e)}
 },g?.(N)??"Click to add"):v??"No items"),K&&G.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(Gh,{$isHilighted:J===r,$isSelected:o,key:a,...ee({
+;return t.createElement(Gh,{$isHilighted:ee===r,$isSelected:o,key:a,...te({
 item:n,index:r})
 },V?V(n):t.createElement(t.Fragment,null,u?.(n)??"",o&&t.createElement(Yr,{
 fill:O.colors.common.accent})))})))),E&&H&&t.createElement(Js,null,H))}

package/lib/package.json

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