freemium-ui 1.0.194 → 1.0.196

package/lib/index.esm.js

@@ -1025,11 +1025,12 @@ object-assign
   ${({theme:e,overrideStyles:t})=>{const{palette:n}=e;return{backgroundColor:n.white,...t}}};
 `,Wh=Et.li`
   ${({theme:e,isSelectedIndex:t,canHighlight:n,disabled:r})=>{const{typography:a,colors:o}=e;return{fontSize:a.menu.menuItem.fontSize,color:r?o.text.disabled:o.text.primary,backgroundColor:"none",...n&&{backgroundColor:o.background.hover},...t&&{fontWeight:600,color:o.link,backgroundColor:o.background.selected},...r&&{"&:hover":{cursor:"not-allowed"}}}}};
+  border-top: ${({showBorder:e})=>e?"0.5px solid #CAD3DC":"unset"};
   margin: 8px;
-  border-radius: 4px;
+  border-radius: ${({showBorder:e})=>e?"unset":"4px"};
   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:p,filterKey:d,isMenuLoading:u,anchorRef:m,popoverRef:v})=>{let f=t;if(p===wh.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[d]&&o[d]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof t[0]||d||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."),d&&"object"==typeof t[0]&&(f=Fh(t,c,{keys:[d]})),"string"==typeof t[0]&&(f=Fh(t,c))),0===f.length)return null;v.current&&m.current&&xh(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(Tl,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}),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`
+`,Uh=Vh((({items:t,downshift:{isOpen:n,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:p,filterKey:d,isMenuLoading:u,anchorRef:m,popoverRef:v})=>{let f=t;if(p===wh.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[d]&&o[d]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof t[0]||d||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."),d&&"object"==typeof t[0]&&(f=Fh(t,c,{keys:[d]})),"string"==typeof t[0]&&(f=Fh(t,c))),0===f.length&&!u)return null;v.current&&m.current&&xh(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(Tl,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: none;\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;

package/package.json

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