freemium-ui 1.0.219 → 1.0.220

package/lib/index.cjs.js

@@ -1051,7 +1051,7 @@ object-assign
   padding: 8px;
   cursor: pointer;
 `,ph=Wl((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:u,filterKey:p,isMenuLoading:d,anchorRef:m,popoverRef:v})=>{let f=e;if(u===Yl.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[p]&&o[p]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof e[0]||p||console.error("The 'items' you provided is of type Object, provide \n          'filterKey' prop to <Dropdown/> to specify which key has to be searched for."),p&&"object"==typeof e[0]&&(f=""!==c&&c?e.filter((e=>e&&e.ignoreFilter||p&&e&&e[p]&&c&&(e[p].toLowerCase().includes(c.toLowerCase())||s&&c.toLowerCase().includes(e[p].toLowerCase())))):e),"string"==typeof e[0]&&(f=ch(e,c))),0===f.length&&!d)return null;v.current&&m.current&&Sl(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return n.createElement(n.Fragment,null,n.createElement(Bo,{initialOffset:"-20px",timeout:200,in:t,unmountOnExit:!0},(e=>n.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},n.createElement(hh,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),d?n.createElement("div",{className:"loader-wrapper"},n.createElement(Il,null)):n.createElement(n.Fragment,null,f.map(((e,t)=>{const r=f.indexOf(o)===t;return n.createElement(uh,Object.assign({},a({item:e,key:t,disabled:e.disabled}),{key:t,isSelectedIndex:r,canHighlight:i===t,disabled:e.disabled,showBorder:e.showBorder}),n.createElement(so.Flex,{justifyContent:"space-between",alignItems:"center"},n.createElement(so.Box,{width:"90%",style:{wordBreak:"break-word"}},h?h(e):s(e)),r?n.createElement(Vn,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),dh=tt.div`
-  ${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n      position: relative;\n      width: 100%;\n      box-sizing: border-box;\n      border-radius: 5px;\n      border: 1px solid ${t?a.border.error:a.border.primary};\n      background: white;\n      appearance: none;\n      padding: 4px 12px;\n      display: flex;\n      align-items: center;\n\n      input {\n        flex-grow: 1;\n        font-size: 14px;\n        font-weight: 500;\n        letter-spacing: 0px;\n        min-height: 24px;\n        background-color: #fff;\n        min-width: 100px;\n        box-sizing: border-box;\n        border: none;\n        overflow: hidden;\n        padding : 0;\n        margin : 2px;\n        ::placeholder,\n        ::-webkit-input-placeholder {\n          color: ${r.S300}\n        }\n        :-ms-input-placeholder {\n          color: ${r.S300}\n        }\n    \n      }\n          ${e&&!t?`border: 1px solid transparent;\n          box-shadow: 0 0 0 2px ${a.pseudo.focus}; \n          transition: box-shadow 0.3s ease-in-out;`:""}\n            \n          \n\n\n    .dropdown-status {\n      transition: all ease-in 0.2s;\n      pointer-events: ${n?"none":"all"};\n      transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n    }\n    `}
+  ${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n      position: relative;\n      width: 100%;\n      box-sizing: border-box;\n      border-radius: 5px;\n      border: 1px solid ${t?a.border.error:a.border.primary};\n      background: white;\n      appearance: none;\n      padding: 4px 12px;\n      display: flex;\n      align-items: center;\n\n      input {\n        flex-grow: 1;\n        font-size: 14px;\n        font-weight: 500;\n        letter-spacing: 0px;\n        min-height: 24px;\n        background-color: #fff;\n        min-width: 100px;\n        box-sizing: border-box;\n        border: none;\n        overflow: hidden;\n        padding : 0;\n        margin : 2px;\n        ::placeholder,\n        ::-webkit-input-placeholder {\n          color: ${r.S300}\n        }\n        :-ms-input-placeholder {\n          color: ${r.S300}\n        }\n      }\n      &[disabled] {\n        filter : opacity(0.6);\n        cursor : not-allowed;\n      }\n          ${e&&!t?`border: 1px solid transparent;\n          box-shadow: 0 0 0 2px ${a.pseudo.focus}; \n          transition: box-shadow 0.3s ease-in-out;`:""}\n            \n          \n\n\n    .dropdown-status {\n      transition: all ease-in 0.2s;\n      pointer-events: ${n?"none":"all"};\n      transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n    }\n    `}
 `,mh=n.forwardRef(((e,t)=>{const{downshift:{getInputProps:r,toggleMenu:a,isOpen:o},name:c,isErrored:i,disabled:s,placeholder:l="Enter input to get suggestions"}=e;return n.createElement(dh,{isErrored:i,isOpen:o,ref:t,disabled:s},n.createElement("input",Object.assign({},r({"data-testid":c}),{disabled:s,placeholder:l,onClick:a})),n.createElement("div",{className:"dropdown-status",onClick:s?()=>{}:a},n.createElement(Vn,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),vh=Wl(mh),fh=tt.div`
   display: block;
   padding-left: 2px;

package/lib/index.esm.js

@@ -1051,7 +1051,7 @@ object-assign
   padding: 8px;
   cursor: pointer;
 `,Uh=Vh((({items:t,downshift:{isOpen:n,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:d,filterKey:p,isMenuLoading:u,anchorRef:m,popoverRef:v})=>{let f=t;if(d===wh.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[p]&&o[p]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof t[0]||p||console.error("The 'items' you provided is of type Object, provide \n          'filterKey' prop to <Dropdown/> to specify which key has to be searched for."),p&&"object"==typeof t[0]&&(f=""!==c&&c?t.filter((e=>e&&e.ignoreFilter||p&&e&&e[p]&&c&&(e[p].toLowerCase().includes(c.toLowerCase())||s&&c.toLowerCase().includes(e[p].toLowerCase())))):t),"string"==typeof t[0]&&(f=Fh(t,c))),0===f.length&&!u)return null;v.current&&m.current&&lh(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return e.createElement(e.Fragment,null,e.createElement(vc,{initialOffset:"-20px",timeout:200,in:n,unmountOnExit:!0},(t=>e.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},e.createElement($h,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),u?e.createElement("div",{className:"loader-wrapper"},e.createElement(mh,null)):e.createElement(e.Fragment,null,f.map(((t,n)=>{const r=f.indexOf(o)===n;return e.createElement(Wh,Object.assign({},a({item:t,key:n,disabled:t.disabled}),{key:n,isSelectedIndex:r,canHighlight:i===n,disabled:t.disabled,showBorder:t.showBorder}),e.createElement(No.Flex,{justifyContent:"space-between",alignItems:"center"},e.createElement(No.Box,{width:"90%",style:{wordBreak:"break-word"}},h?h(t):s(t)),r?e.createElement(er,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))))})),Kh=Et.div`
-  ${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n      position: relative;\n      width: 100%;\n      box-sizing: border-box;\n      border-radius: 5px;\n      border: 1px solid ${t?a.border.error:a.border.primary};\n      background: white;\n      appearance: none;\n      padding: 4px 12px;\n      display: flex;\n      align-items: center;\n\n      input {\n        flex-grow: 1;\n        font-size: 14px;\n        font-weight: 500;\n        letter-spacing: 0px;\n        min-height: 24px;\n        background-color: #fff;\n        min-width: 100px;\n        box-sizing: border-box;\n        border: none;\n        overflow: hidden;\n        padding : 0;\n        margin : 2px;\n        ::placeholder,\n        ::-webkit-input-placeholder {\n          color: ${r.S300}\n        }\n        :-ms-input-placeholder {\n          color: ${r.S300}\n        }\n    \n      }\n          ${e&&!t?`border: 1px solid transparent;\n          box-shadow: 0 0 0 2px ${a.pseudo.focus}; \n          transition: box-shadow 0.3s ease-in-out;`:""}\n            \n          \n\n\n    .dropdown-status {\n      transition: all ease-in 0.2s;\n      pointer-events: ${n?"none":"all"};\n      transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n    }\n    `}
+  ${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:a}})=>`\n      position: relative;\n      width: 100%;\n      box-sizing: border-box;\n      border-radius: 5px;\n      border: 1px solid ${t?a.border.error:a.border.primary};\n      background: white;\n      appearance: none;\n      padding: 4px 12px;\n      display: flex;\n      align-items: center;\n\n      input {\n        flex-grow: 1;\n        font-size: 14px;\n        font-weight: 500;\n        letter-spacing: 0px;\n        min-height: 24px;\n        background-color: #fff;\n        min-width: 100px;\n        box-sizing: border-box;\n        border: none;\n        overflow: hidden;\n        padding : 0;\n        margin : 2px;\n        ::placeholder,\n        ::-webkit-input-placeholder {\n          color: ${r.S300}\n        }\n        :-ms-input-placeholder {\n          color: ${r.S300}\n        }\n      }\n      &[disabled] {\n        filter : opacity(0.6);\n        cursor : not-allowed;\n      }\n          ${e&&!t?`border: 1px solid transparent;\n          box-shadow: 0 0 0 2px ${a.pseudo.focus}; \n          transition: box-shadow 0.3s ease-in-out;`:""}\n            \n          \n\n\n    .dropdown-status {\n      transition: all ease-in 0.2s;\n      pointer-events: ${n?"none":"all"};\n      transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n    }\n    `}
 `,Gh=e.forwardRef(((t,n)=>{const{downshift:{getInputProps:r,toggleMenu:a,isOpen:o},name:c,isErrored:i,disabled:s,placeholder:l="Enter input to get suggestions"}=t;return e.createElement(Kh,{isErrored:i,isOpen:o,ref:n,disabled:s},e.createElement("input",Object.assign({},r({"data-testid":c}),{disabled:s,placeholder:l,onClick:a})),e.createElement("div",{className:"dropdown-status",onClick:s?()=>{}:a},e.createElement(er,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),qh=Vh(Gh),Zh=Et.div`
   display: block;
   padding-left: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "1.0.219",
+  "version": "1.0.220",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",