freemium-ui 1.0.162 → 1.0.163

package/lib/index.cjs.js

@@ -1053,8 +1053,8 @@ r.version="2.29.1",o(qn),r.fn=ci,r.min=Qn,r.max=er,r.now=tr,r.utc=f,r.unix=di,r.
   padding: 8px;
   cursor: pointer;
 `,Ac=fc((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:o,selectedItem:i,inputValue:a,highlightedIndex:s,itemToString:l},overrideStyles:c={},itemComponent:d,type:u,filterKey:p})=>{let h=e;return u===pc.INPUT&&("string"==typeof i&&i!==a||"object"==typeof i&&i&&i[p]&&i[p]!==a)&&("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]&&(h=Oc(e,a,{keys:[p]})),"string"==typeof e[0]&&(h=Oc(e,a))),0===h.length?null:n.createElement(Yi,{initialOffset:"-20px",timeout:200,in:t,unmountOnExit:!0},(e=>n.createElement("div",{style:{position:"absolute",width:"100%",zIndex:1e3,...e}},n.createElement(Tc,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:c}),h.map(((e,t)=>{const r=h.indexOf(i)===t;return n.createElement(Rc,Object.assign({},o({item:e,key:t,disabled:e.disabled}),{key:t,isSelectedIndex:r,canHighlight:s===t,disabled:e.disabled}),n.createElement(si.Flex,{justifyContent:"space-between",alignItems:"center"},n.createElement(si.Box,{width:"90%",style:{wordBreak:"break-word"}},d?d(e):l(e)),r?n.createElement(En,{glyph:"check",size:12,viewBox:"0 0 8 8"}):null))}))))))})),Pc=Qe.div`
-  ${({isOpen:e,isErrored:t,theme:{palette:n,colors:r}})=>`\n      position: relative;\n      width: 100%;\n      box-sizing: border-box;\n      border-radius: 5px;\n      border: 1px solid ${t?r.border.error:r.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: ${n.S300}\n        }\n        :-ms-input-placeholder {\n          color: ${n.S300}\n        }\n    \n      }\n          ${e&&!t?`border: none;\n          box-shadow: 0 0 0 2px ${r.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      transform: ${e?"rotate(180deg)":"rotate(0deg)"};\n    }\n    `}
-`,Lc=fc((e=>{const{downshift:{getInputProps:t,toggleMenu:r,isOpen:o},name:i,isErrored:a,disabled:s,placeholder:l="Enter input to get suggestions"}=e;return n.createElement(Pc,{isErrored:a,isOpen:o},n.createElement("input",Object.assign({},t({"data-testid":i}),{disabled:s,placeholder:l,onClick:r})),n.createElement("div",{className:"dropdown-status",onClick:r},n.createElement(En,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),Vc=Qe.div`
+  ${({isOpen:e,isErrored:t,disabled:n,theme:{palette:r,colors:o}})=>`\n      position: relative;\n      width: 100%;\n      box-sizing: border-box;\n      border-radius: 5px;\n      border: 1px solid ${t?o.border.error:o.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: none;\n          box-shadow: 0 0 0 2px ${o.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    `}
+`,Lc=fc((e=>{const{downshift:{getInputProps:t,toggleMenu:r,isOpen:o},name:i,isErrored:a,disabled:s,placeholder:l="Enter input to get suggestions"}=e;return n.createElement(Pc,{isErrored:a,disabled:s,isOpen:o},n.createElement("input",Object.assign({},t({"data-testid":i}),{disabled:s,placeholder:l,onClick:r})),n.createElement("div",{className:"dropdown-status",onClick:r},n.createElement(En,{size:"8",viewBox:"0 0 8 8",glyph:"chevron-down"})))})),Vc=Qe.div`
   display: block;
   padding-left: 2px;
   padding-top: 4px;