freemium-ui 1.0.185 → 1.0.186
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +1 -1
- package/lib/index.esm.js +1 -1
- package/package.json +1 -1
package/lib/index.cjs.js
CHANGED
|
@@ -1029,7 +1029,7 @@ object-assign
|
|
|
1029
1029
|
border-radius: 4px;
|
|
1030
1030
|
padding: 8px;
|
|
1031
1031
|
cursor: pointer;
|
|
1032
|
-
`,ph=$l((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:p,filterKey:u,isMenuLoading:d,anchorRef:m,popoverRef:v})=>{let f=e;if(
|
|
1032
|
+
`,ph=$l((({items:e,downshift:{isOpen:t,getMenuProps:r,getItemProps:a,selectedItem:o,inputValue:c,highlightedIndex:i,itemToString:s},overrideStyles:l={},itemComponent:h,type:p,filterKey:u,isMenuLoading:d,anchorRef:m,popoverRef:v})=>{let f=e;if(p===Yl.INPUT&&(null===o||"string"==typeof o&&o!==c||"object"==typeof o&&o&&o[u]&&o[u]!==c)&&("development"!==process.env.NODE_ENV||"string"==typeof e[0]||u||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."),u&&"object"==typeof e[0]&&(f=oh(e,c,{keys:[u]})),"string"==typeof e[0]&&(f=oh(e,c))),0===f.length)return null;v.current&&m.current&&jl(m.current.getBoundingClientRect(),v.current.getBoundingClientRect());return n.createElement(n.Fragment,null,n.createElement(Yo,{initialOffset:"-20px",timeout:200,in:t,unmountOnExit:!0},(e=>n.createElement("div",{style:{width:"100%",zIndex:1e3},id:"heloo"},n.createElement(lh,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),d?n.createElement("div",{className:"loader-wrapper"},n.createElement(rl,null)):n.createElement(n.Fragment,null,f.map(((e,t)=>{const r=f.indexOf(o)===t;return n.createElement(hh,Object.assign({},a({item:e,key:t,disabled:e.disabled}),{key:t,isSelectedIndex:r,canHighlight:i===t,disabled:e.disabled}),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))}))))))))})),uh=tt.div`
|
|
1033
1033
|
${({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 `}
|
|
1034
1034
|
`,dh=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(uh,{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"})))})),mh=$l(dh),vh=tt.div`
|
|
1035
1035
|
display: block;
|
package/lib/index.esm.js
CHANGED
|
@@ -1029,7 +1029,7 @@ object-assign
|
|
|
1029
1029
|
border-radius: 4px;
|
|
1030
1030
|
padding: 8px;
|
|
1031
1031
|
cursor: pointer;
|
|
1032
|
-
`,Wh=Hh((({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(
|
|
1032
|
+
`,Wh=Hh((({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===xh.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=Rh(t,c,{keys:[d]})),"string"==typeof t[0]&&(f=Rh(t,c))),0===f.length)return null;v.current&&m.current&&Mh(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(Bh,Object.assign({},r({onClick:e=>{e.stopPropagation()}}),{overrideStyles:l}),u?e.createElement("div",{className:"loader-wrapper"},e.createElement(Pl,null)):e.createElement(e.Fragment,null,f.map(((t,n)=>{const r=f.indexOf(o)===n;return e.createElement($h,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))}))))))))})),Uh=Et.div`
|
|
1033
1033
|
${({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 `}
|
|
1034
1034
|
`,Kh=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(Uh,{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"})))})),Gh=Hh(Kh),qh=Et.div`
|
|
1035
1035
|
display: block;
|