freemium-ui 2.0.118 → 2.0.120

package/lib/index.cjs.js

@@ -4786,33 +4786,43 @@ disabled:!!t.disabled,showTick:h}):e.createElement(bb,{key:o,value:a||o,
 disabled:!!t.disabled,showTick:h},f(t,"list-item")))
 })))))))))),w&&z&&e.createElement(gm,null,z))
 },yb=({itemIdentifier:t="id",label:n,id:r,items:o=[],placeholder:a,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:f,customValues:p,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,style:b,onChange:w,useComboboxProps:C,isErrored:M,errorText:z,defaultSelectedItem:x,isMenuLoading:E,clearInputOnselect:S=!1})=>{
-const _=pr(),[H,D]=e.useState(o),{isOpen:A,selectedItem:L,getToggleButtonProps:V,getLabelProps:k,getMenuProps:T,openMenu:R,highlightedIndex:P,setHighlightedIndex:I,setInputValue:O,inputValue:N,getItemProps:F,getInputProps:$}=Tl({
+const _=pr(),[H,D]=e.useState(o),A=e.useRef(null),[L,V]=e.useState((()=>{
+if("undefined"!=typeof window)return{
+addEventListener:window.addEventListener.bind(window),
+removeEventListener:window.removeEventListener.bind(window),document,
+Node:window.Node}}));e.useEffect((()=>{const e=A.current;if(e){
+const t=e.getRootNode()
+;if(t!==document&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const e=t;V({
+addEventListener:e.addEventListener?.bind(e)||document.addEventListener.bind(document),
+removeEventListener:e.removeEventListener?.bind(e)||document.removeEventListener.bind(document),
+document:e.ownerDocument||document,Node:window.Node})}}}),[])
+;const{isOpen:k,selectedItem:T,getToggleButtonProps:R,getLabelProps:P,getMenuProps:I,openMenu:O,highlightedIndex:N,setHighlightedIndex:F,setInputValue:$,inputValue:B,getItemProps:j,getInputProps:U}=Tl({
 id:r,selectedItem:x,items:H,onSelectedItemChange:({selectedItem:e})=>{
 w?.(e??null)},onIsOpenChange:({isOpen:e})=>{
-if(e&&(""===N||L&&h&&(N||"").toLowerCase()===`${L?.[h||t]||""}`.toLowerCase()))D(o),
-I(L?o.indexOf(L):-1);else{const t=L?u(L):"";L&&!e&&t!==N&&O(t)}e||D(o),S&&O("")
+if(e&&(""===B||T&&h&&(B||"").toLowerCase()===`${T?.[h||t]||""}`.toLowerCase()))D(o),
+F(T?o.indexOf(T):-1);else{const t=T?u(T):"";T&&!e&&t!==B&&$(t)}e||D(o),S&&$("")
 },onInputValueChange:({inputValue:e})=>{
-A&&(""===e||L&&h&&(e||"").toLowerCase()===`${L?.[h||t]||""}`.toLowerCase())?D(o):D((n=>n.filter((n=>!e||("string"==typeof n?n:n?.[h||t]).toLowerCase().includes(e.toLowerCase())))))
-},itemToString:e=>e?u(e,"downshift"):"",...C}),B=!l&&!i&&A
-;return e.createElement(Kp,{width:f},e.createElement(Ro,{
-className:"input-label",...k({disabled:l,readOnly:i})
-},n,n&&c&&e.createElement(Io,null,"*")),e.createElement(Em,{...$({name:d,
+k&&(""===e||T&&h&&(e||"").toLowerCase()===`${T?.[h||t]||""}`.toLowerCase())?D(o):D((n=>n.filter((n=>!e||("string"==typeof n?n:n?.[h||t]).toLowerCase().includes(e.toLowerCase())))))
+},itemToString:e=>e?u(e,"downshift"):"",environment:L,...C}),Y=!l&&!i&&k
+;return e.createElement(Kp,{width:f,ref:A},e.createElement(Ro,{
+className:"input-label",...P({disabled:l,readOnly:i})
+},n,n&&c&&e.createElement(Io,null,"*")),e.createElement(Em,{...U({name:d,
 readOnly:i,disabled:l}),placeholder:a,
-endAdornment:e.createElement(em,null,!l&&!i&&!s&&L&&e.createElement(Oo,{
-"aria-label":"close",onClick:e=>{O(""),w?.(null),R(),e.stopPropagation()},
+endAdornment:e.createElement(em,null,!l&&!i&&!s&&T&&e.createElement(Oo,{
+"aria-label":"close",onClick:e=>{$(""),w?.(null),O(),e.stopPropagation()},
 style:{borderRadius:"50%"}},e.createElement(so,{fill:_.colors.text.primary
-})),e.createElement(Oo,{...V({disabled:l,readOnly:i,"aria-label":"toggle-button"
-})},e.createElement(Gp,{$isOpen:B,fill:_.colors.text.primary,width:8,height:8
-}))),style:b}),!i&&!l&&e.createElement(Zp,{className:"ItemsContainer",$isOpen:A,
-...T({disabled:l,readOnly:i})
-},E?e.createElement(Qp,null,e.createElement(Lm,null)):e.createElement(e.Fragment,null,A&&0===H.length&&e.createElement(e.Fragment,null,p?e.createElement(Xp,null,e.createElement(Jp,{
-onClick:e=>{e.stopPropagation(),m&&m({inputValue:N,customValues:!0}),O("")}
-},y?.(N)||"Click to add")):e.createElement(Xp,{readOnly:!0
-},g||"No items")),A&&H.map(((n,r)=>{const o="string"==typeof n?n:n?.[t]
-;return e.createElement(e.Fragment,{key:o},v?v(n,{isHilighted:P===r,
-isSelected:L===n,key:o,...F({item:n,index:r})}):e.createElement(Xp,{
-$isHilighted:P===r,$isSelected:L===n,key:o,...F({item:n,index:r})
-},u(n),L===n&&e.createElement(vo,{fill:_.colors.common.accent})))
+})),e.createElement(Oo,{...R({disabled:l,readOnly:i,"aria-label":"toggle-button"
+})},e.createElement(Gp,{$isOpen:Y,fill:_.colors.text.primary,width:8,height:8
+}))),style:b}),!i&&!l&&e.createElement(Zp,{className:"ItemsContainer",$isOpen:k,
+...I({disabled:l,readOnly:i})
+},E?e.createElement(Qp,null,e.createElement(Lm,null)):e.createElement(e.Fragment,null,k&&0===H.length&&e.createElement(e.Fragment,null,p?e.createElement(Xp,null,e.createElement(Jp,{
+onClick:e=>{e.stopPropagation(),m&&m({inputValue:B,customValues:!0}),$("")}
+},y?.(B)||"Click to add")):e.createElement(Xp,{readOnly:!0
+},g||"No items")),k&&H.map(((n,r)=>{const o="string"==typeof n?n:n?.[t]
+;return e.createElement(e.Fragment,{key:o},v?v(n,{isHilighted:N===r,
+isSelected:T===n,key:o,...j({item:n,index:r})}):e.createElement(Xp,{
+$isHilighted:N===r,$isSelected:T===n,key:o,...j({item:n,index:r})
+},u(n),T===n&&e.createElement(vo,{fill:_.colors.common.accent})))
 })))),M&&z&&e.createElement(gm,null,z))
 },bb=e.forwardRef((({children:t,showTick:n=!0,...r},o)=>{const a=pr()
 ;return e.createElement(lm,{className:"SelectItem",...r,ref:o

package/lib/index.d.ts

@@ -1616,7 +1616,7 @@ interface FreemiumUiButtonTheme {
     disabledBackgroundTo: string;
 }
 interface FreemiumUiTheme {
-    mode: 'light' | 'dark';
+    mode: 'light' | 'dark' | 'dew-light' | 'dew-dark';
     direction: 'ltr' | 'rtl';
     breakpoints: Breakpoints;
     colors: Colors;

package/lib/index.js

@@ -4813,33 +4813,43 @@ disabled:!!e.disabled,showTick:h}):t.createElement(Wb,{key:o,value:a||o,
 disabled:!!e.disabled,showTick:h},p(e,"list-item")))
 })))))))))),w&&M&&t.createElement(Nm,null,M))
 },Yb=({itemIdentifier:e="id",label:n,id:r,items:o=[],placeholder:a,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,style:b,onChange:w,useComboboxProps:C,isErrored:z,errorText:M,defaultSelectedItem:x,isMenuLoading:E,clearInputOnselect:S=!1})=>{
-const _=Tr(),[H,D]=t.useState(o),{isOpen:A,selectedItem:L,getToggleButtonProps:V,getLabelProps:k,getMenuProps:T,openMenu:P,highlightedIndex:I,setHighlightedIndex:R,setInputValue:O,inputValue:N,getItemProps:F,getInputProps:$}=nc({
+const _=Tr(),[H,D]=t.useState(o),A=t.useRef(null),[L,V]=t.useState((()=>{
+if("undefined"!=typeof window)return{
+addEventListener:window.addEventListener.bind(window),
+removeEventListener:window.removeEventListener.bind(window),document,
+Node:window.Node}}));t.useEffect((()=>{const e=A.current;if(e){
+const t=e.getRootNode()
+;if(t!==document&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const e=t;V({
+addEventListener:e.addEventListener?.bind(e)||document.addEventListener.bind(document),
+removeEventListener:e.removeEventListener?.bind(e)||document.removeEventListener.bind(document),
+document:e.ownerDocument||document,Node:window.Node})}}}),[])
+;const{isOpen:k,selectedItem:T,getToggleButtonProps:P,getLabelProps:I,getMenuProps:R,openMenu:O,highlightedIndex:N,setHighlightedIndex:F,setInputValue:$,inputValue:B,getItemProps:j,getInputProps:U}=nc({
 id:r,selectedItem:x,items:H,onSelectedItemChange:({selectedItem:e})=>{
 w?.(e??null)},onIsOpenChange:({isOpen:t})=>{
-if(t&&(""===N||L&&h&&(N||"").toLowerCase()===`${L?.[h||e]||""}`.toLowerCase()))D(o),
-R(L?o.indexOf(L):-1);else{const e=L?u(L):"";L&&!t&&e!==N&&O(e)}t||D(o),S&&O("")
+if(t&&(""===B||T&&h&&(B||"").toLowerCase()===`${T?.[h||e]||""}`.toLowerCase()))D(o),
+F(T?o.indexOf(T):-1);else{const e=T?u(T):"";T&&!t&&e!==B&&$(e)}t||D(o),S&&$("")
 },onInputValueChange:({inputValue:t})=>{
-A&&(""===t||L&&h&&(t||"").toLowerCase()===`${L?.[h||e]||""}`.toLowerCase())?D(o):D((n=>n.filter((n=>!t||("string"==typeof n?n:n?.[h||e]).toLowerCase().includes(t.toLowerCase())))))
-},itemToString:e=>e?u(e,"downshift"):"",...C}),B=!l&&!i&&A
-;return t.createElement(vm,{width:p},t.createElement(na,{
-className:"input-label",...k({disabled:l,readOnly:i})
-},n,n&&c&&t.createElement(oa,null,"*")),t.createElement(Gm,{...$({name:d,
+k&&(""===t||T&&h&&(t||"").toLowerCase()===`${T?.[h||e]||""}`.toLowerCase())?D(o):D((n=>n.filter((n=>!t||("string"==typeof n?n:n?.[h||e]).toLowerCase().includes(t.toLowerCase())))))
+},itemToString:e=>e?u(e,"downshift"):"",environment:L,...C}),Y=!l&&!i&&k
+;return t.createElement(vm,{width:p,ref:A},t.createElement(na,{
+className:"input-label",...I({disabled:l,readOnly:i})
+},n,n&&c&&t.createElement(oa,null,"*")),t.createElement(Gm,{...U({name:d,
 readOnly:i,disabled:l}),placeholder:a,
-endAdornment:t.createElement(zm,null,!l&&!i&&!s&&L&&t.createElement(aa,{
-"aria-label":"close",onClick:e=>{O(""),w?.(null),P(),e.stopPropagation()},
+endAdornment:t.createElement(zm,null,!l&&!i&&!s&&T&&t.createElement(aa,{
+"aria-label":"close",onClick:e=>{$(""),w?.(null),O(),e.stopPropagation()},
 style:{borderRadius:"50%"}},t.createElement(Ao,{fill:_.colors.text.primary
-})),t.createElement(aa,{...V({disabled:l,readOnly:i,"aria-label":"toggle-button"
-})},t.createElement(mm,{$isOpen:B,fill:_.colors.text.primary,width:8,height:8
-}))),style:b}),!i&&!l&&t.createElement(ym,{className:"ItemsContainer",$isOpen:A,
-...T({disabled:l,readOnly:i})
-},E?t.createElement(Cm,null,t.createElement(Qm,null)):t.createElement(t.Fragment,null,A&&0===H.length&&t.createElement(t.Fragment,null,f?t.createElement(bm,null,t.createElement(wm,{
-onClick:e=>{e.stopPropagation(),m&&m({inputValue:N,customValues:!0}),O("")}
-},y?.(N)||"Click to add")):t.createElement(bm,{readOnly:!0
-},g||"No items")),A&&H.map(((n,r)=>{const o="string"==typeof n?n:n?.[e]
-;return t.createElement(t.Fragment,{key:o},v?v(n,{isHilighted:I===r,
-isSelected:L===n,key:o,...F({item:n,index:r})}):t.createElement(bm,{
-$isHilighted:I===r,$isSelected:L===n,key:o,...F({item:n,index:r})
-},u(n),L===n&&t.createElement(Io,{fill:_.colors.common.accent})))
+})),t.createElement(aa,{...P({disabled:l,readOnly:i,"aria-label":"toggle-button"
+})},t.createElement(mm,{$isOpen:Y,fill:_.colors.text.primary,width:8,height:8
+}))),style:b}),!i&&!l&&t.createElement(ym,{className:"ItemsContainer",$isOpen:k,
+...R({disabled:l,readOnly:i})
+},E?t.createElement(Cm,null,t.createElement(Qm,null)):t.createElement(t.Fragment,null,k&&0===H.length&&t.createElement(t.Fragment,null,f?t.createElement(bm,null,t.createElement(wm,{
+onClick:e=>{e.stopPropagation(),m&&m({inputValue:B,customValues:!0}),$("")}
+},y?.(B)||"Click to add")):t.createElement(bm,{readOnly:!0
+},g||"No items")),k&&H.map(((n,r)=>{const o="string"==typeof n?n:n?.[e]
+;return t.createElement(t.Fragment,{key:o},v?v(n,{isHilighted:N===r,
+isSelected:T===n,key:o,...j({item:n,index:r})}):t.createElement(bm,{
+$isHilighted:N===r,$isSelected:T===n,key:o,...j({item:n,index:r})
+},u(n),T===n&&t.createElement(Io,{fill:_.colors.common.accent})))
 })))),z&&M&&t.createElement(Nm,null,M))
 },Wb=t.forwardRef((({children:e,showTick:n=!0,...r},o)=>{const a=Tr()
 ;return t.createElement(Dm,{className:"SelectItem",...r,ref:o

package/lib/package.json

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