groundfloor-react-ui 1.2.59 → 1.2.61

package/dist/index.es.js

@@ -1528,7 +1528,7 @@ float: right;
 `;_t.defaultProps={theme:R};const el=({label:e,inputValue:l,inputStyle:o,iconBefore:r,iconAfter:i,onChange:c,theme:n,id:a,labelStyle:s,...d})=>t.createElement(_t,d,e.length>0&&t.createElement(Kt,{labelStyle:s},e),t.createElement("div",null,t.createElement(Yt,d,t.createElement("div",{className:"input-icon"},r),t.createElement(Qt,z({},d,{inputStyle:o,value:l,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&c(t)},type:"number",id:a})),t.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},i))));el.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string,labelStyle:e.object},el.defaultProps={theme:R,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const tl=m.div`
   background-color: ${({theme:e})=>e.bgColor};
 
-//Set the styles from the default styles object
+  //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>H(e,t)}
 
   border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
@@ -1553,7 +1553,6 @@ float: right;
   ${({textBoxStyle:e})=>e}
 `;tl.defaultProps={theme:R};const ll=m.input`
   width: 85%;
-  
 
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultInputStyle:t})=>H(e,t)}
@@ -1564,7 +1563,7 @@ float: right;
 	.sc-furwcr bxRAoq {
     color: ${({theme:e})=>e.variant["neutral-3"]};
   }
-`;ll.defaultProps={theme:R};const ol=u`
+`,ol=u`
   display: flex;
   gap: 7px;
   align-items: flex-start;
@@ -1575,7 +1574,7 @@ float: right;
     margin-top: 5px;
     font-size: 10px;
   }
-`;rl.defaultProps={theme:R};const il=({passwordRules:e,textBoxStyle:l,labelStyle:o,inputStyle:i,errMsg:c,required:n,label:a,labelInline:s,isValid:d,rulesStyle:p,id:m,showHideIcon:u,errMsgColor:g,...f})=>{r(!1);const[h,y]=r("password"),x=b()||R;return t.createElement(rl,z({labelInline:s,inBuiltCss:P,errMsgColor:g,theme:x},f),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:o,type:"label-text",text:a,errMsg:c,style:{display:"flex",marginBottom:`${s?0:"8px"}`,paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},t.createElement("div",{style:{width:"100%"}},t.createElement(tl,z({required:n,theme:x,textBoxStyle:l,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:P},f),t.createElement(ll,z({inputStyle:i,type:h,autocomplete:"off",id:m,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:P},f)),!0===u?t.createElement("div",{className:"input-icon",onClick:()=>{"password"===h?y("text"):"text"===h&&y("password")},style:{position:"absolute",right:"7px"}},"text"===h?t.createElement(Q,{icon:"eye-show"}):t.createElement(Q,{icon:"eye-hide"})):""),c.length>0&&t.createElement("div",{className:"err-text"},c)),e?t.createElement("div",{style:{...p,marginLeft:"5px"}},e):""))};il.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},il.defaultProps={inBuiltCss:P,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const cl=m.div`
+`,il=({passwordRules:e,textBoxStyle:l,labelStyle:o,inputStyle:i,errMsg:c,required:n,label:a,labelInline:s,isValid:d,rulesStyle:p,id:m,showHideIcon:u,errMsgColor:g,...f})=>{const[h,y]=r("password"),x=b()||R;return t.createElement(rl,z({labelInline:s,inBuiltCss:P,errMsgColor:g,theme:x},f),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:o,type:"label-text",text:a,errMsg:c,style:{display:"flex",marginBottom:`${s?0:"8px"}`,paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},t.createElement("div",{style:{width:"100%"}},t.createElement(tl,z({required:n,theme:x,textBoxStyle:l,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:P},f),t.createElement(ll,z({},f,{inputStyle:i,type:h,autocomplete:"off",id:m,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:P})),!0===u?t.createElement("div",{className:"input-icon",onClick:()=>y("password"===h?"text":"password"),style:{position:"absolute",right:"7px"}},t.createElement(Q,{icon:"text"===h?"eye-show":"eye-hide"})):""),c.length>0&&t.createElement("div",{className:"err-text"},c)),e?t.createElement("div",{style:{...p,marginLeft:"5px"}},e):""))};il.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},il.defaultProps={inBuiltCss:P,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const cl=m.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object
@@ -1876,7 +1875,7 @@ float: right;
 
   // custom styles
   ${({optionStyle:e})=>e};
-`,Ol=({checked:e,customSwitchStyle:l,customToggleBoxStyle:o,onClick:r,optionStyle:i,id:c,isDisabled:n,...a})=>{const s=b()||R;return t.createElement(jl,z({inBuiltCss:P,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},a),t.createElement(ql,z({},a,{id:c,inBuiltCss:P,onClick:()=>{r(!e)},isChecked:e,disabled:n,isDisabled:n})),t.createElement(Fl,z({},a,{htmlFor:c,customToggleBoxStyle:o,customSwitchStyle:l,inBuiltCss:P,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:s,isDisabled:n})),t.createElement(Zl,z({optionStyle:i,inBuiltCss:P,theme:s,checked:e},a),e?"Yes":"NO"))};Ol.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,checked:e.bool,id:e.string,isDisabled:e.bool},Ol.defaultProps={checked:!1,customSwitchStyle:{},customToggleBoxStyle:{},id:"",isDisabled:!1};const Dl=m.div`
+`,Ol=({checked:e,customSwitchStyle:l,customToggleBoxStyle:o,onClick:r,optionStyle:i,id:c,isDisabled:n,trueLabel:a,falseLabel:s,...d})=>{const p=b()||R;return t.createElement(jl,z({inBuiltCss:P,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},d),t.createElement(ql,z({},d,{id:c,inBuiltCss:P,onClick:()=>{r(!e)},isChecked:e,disabled:n,isDisabled:n})),t.createElement(Fl,z({},d,{htmlFor:c,customToggleBoxStyle:o,customSwitchStyle:l,inBuiltCss:P,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:p,isDisabled:n})),t.createElement(Zl,z({optionStyle:i,inBuiltCss:P,theme:p,checked:e},d),e?a:s))};Ol.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,checked:e.bool,id:e.string,isDisabled:e.bool,trueLabel:e.string,falseLabel:e.string},Ol.defaultProps={checked:!1,customSwitchStyle:{},customToggleBoxStyle:{},id:"",isDisabled:!1,trueLabel:"Yes",falseLabel:"NO"};const Dl=m.div`
   background-color: ${({theme:e})=>e.bgColor};
   padding: 24px 8px;
   ${({commentBodyStyle:e})=>e};

package/dist/index.js

@@ -1528,7 +1528,7 @@ float: right;
 `;Nt.defaultProps={theme:B};const Yt=({label:e,inputValue:t,inputStyle:l,iconBefore:a,iconAfter:o,onChange:r,theme:i,id:c,labelStyle:n,...d})=>b.default.createElement(Nt,d,e.length>0&&b.default.createElement(Jt,{labelStyle:n},e),b.default.createElement("div",null,b.default.createElement(Gt,d,b.default.createElement("div",{className:"input-icon"},a),b.default.createElement(Xt,S({},d,{inputStyle:l,value:t,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&r(t)},type:"number",id:c})),b.default.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},o))));Yt.propTypes={theme:m.default.object,label:m.default.string,labelInline:m.default.bool,inputValue:m.default.any,inputStyle:m.default.object,id:m.default.string,labelStyle:m.default.object},Yt.defaultProps={theme:B,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const Qt=g.default.div`
   background-color: ${({theme:e})=>e.bgColor};
 
-//Set the styles from the default styles object
+  //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>L(e,t)}
 
   border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
@@ -1553,7 +1553,6 @@ float: right;
   ${({textBoxStyle:e})=>e}
 `;Qt.defaultProps={theme:B};const Kt=g.default.input`
   width: 85%;
-  
 
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultInputStyle:t})=>L(e,t)}
@@ -1564,7 +1563,7 @@ float: right;
 	.sc-furwcr bxRAoq {
     color: ${({theme:e})=>e.variant["neutral-3"]};
   }
-`;Kt.defaultProps={theme:B};const $t=l.css`
+`,$t=l.css`
   display: flex;
   gap: 7px;
   align-items: flex-start;
@@ -1575,7 +1574,7 @@ float: right;
     margin-top: 5px;
     font-size: 10px;
   }
-`;_t.defaultProps={theme:B};const el=({passwordRules:e,textBoxStyle:a,labelStyle:o,inputStyle:r,errMsg:i,required:c,label:n,labelInline:d,isValid:s,rulesStyle:u,id:p,showHideIcon:f,errMsgColor:m,...g})=>{t.useState(!1);const[h,y]=t.useState("password"),x=l.useTheme()||B;return b.default.createElement(_t,S({labelInline:d,inBuiltCss:I,errMsgColor:m,theme:x},g),b.default.createElement("div",{style:{display:"flex"}},b.default.createElement(Ke,S({customStyles:o,type:"label-text",text:n,errMsg:i,style:{display:"flex",marginBottom:`${d?0:"8px"}`,paddingBottom:"0px"}},g)),c&&b.default.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),b.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},b.default.createElement("div",{style:{width:"100%"}},b.default.createElement(Qt,S({required:c,theme:x,textBoxStyle:a,isValid:s,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:I},g),b.default.createElement(Kt,S({inputStyle:r,type:h,autocomplete:"off",id:p,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:I},g)),!0===f?b.default.createElement("div",{className:"input-icon",onClick:()=>{"password"===h?y("text"):"text"===h&&y("password")},style:{position:"absolute",right:"7px"}},"text"===h?b.default.createElement(J,{icon:"eye-show"}):b.default.createElement(J,{icon:"eye-hide"})):""),i.length>0&&b.default.createElement("div",{className:"err-text"},i)),e?b.default.createElement("div",{style:{...u,marginLeft:"5px"}},e):""))};el.propTypes={inBuiltCss:m.default.object,theme:m.default.object,label:m.default.string,required:m.default.bool,labelInline:m.default.bool,errMsg:m.default.string,textBoxStyle:m.default.object,labelStyle:m.default.object,inputStyle:m.default.object,rulesStyle:m.default.object,id:m.default.string,showHideIcon:m.default.bool},el.defaultProps={inBuiltCss:I,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const tl=g.default.div`
+`,el=({passwordRules:e,textBoxStyle:a,labelStyle:o,inputStyle:r,errMsg:i,required:c,label:n,labelInline:d,isValid:s,rulesStyle:u,id:p,showHideIcon:f,errMsgColor:m,...g})=>{const[h,y]=t.useState("password"),x=l.useTheme()||B;return b.default.createElement(_t,S({labelInline:d,inBuiltCss:I,errMsgColor:m,theme:x},g),b.default.createElement("div",{style:{display:"flex"}},b.default.createElement(Ke,S({customStyles:o,type:"label-text",text:n,errMsg:i,style:{display:"flex",marginBottom:`${d?0:"8px"}`,paddingBottom:"0px"}},g)),c&&b.default.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),b.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},b.default.createElement("div",{style:{width:"100%"}},b.default.createElement(Qt,S({required:c,theme:x,textBoxStyle:a,isValid:s,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:I},g),b.default.createElement(Kt,S({},g,{inputStyle:r,type:h,autocomplete:"off",id:p,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:I})),!0===f?b.default.createElement("div",{className:"input-icon",onClick:()=>y("password"===h?"text":"password"),style:{position:"absolute",right:"7px"}},b.default.createElement(J,{icon:"text"===h?"eye-show":"eye-hide"})):""),i.length>0&&b.default.createElement("div",{className:"err-text"},i)),e?b.default.createElement("div",{style:{...u,marginLeft:"5px"}},e):""))};el.propTypes={inBuiltCss:m.default.object,theme:m.default.object,label:m.default.string,required:m.default.bool,labelInline:m.default.bool,errMsg:m.default.string,textBoxStyle:m.default.object,labelStyle:m.default.object,inputStyle:m.default.object,rulesStyle:m.default.object,id:m.default.string,showHideIcon:m.default.bool},el.defaultProps={inBuiltCss:I,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const tl=g.default.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object
@@ -1876,7 +1875,7 @@ float: right;
 
   // custom styles
   ${({optionStyle:e})=>e};
-`,Hl=({checked:e,customSwitchStyle:t,customToggleBoxStyle:a,onClick:o,optionStyle:r,id:i,isDisabled:c,...n})=>{const d=l.useTheme()||B;return b.default.createElement(Wl,S({inBuiltCss:I,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},n),b.default.createElement(Tl,S({},n,{id:i,inBuiltCss:I,onClick:()=>{o(!e)},isChecked:e,disabled:c,isDisabled:c})),b.default.createElement(Rl,S({},n,{htmlFor:i,customToggleBoxStyle:a,customSwitchStyle:t,inBuiltCss:I,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:d,isDisabled:c})),b.default.createElement(Pl,S({optionStyle:r,inBuiltCss:I,theme:d,checked:e},n),e?"Yes":"NO"))};Hl.propTypes={customToggleBoxStyle:m.default.object,customSwitchStyle:m.default.object,checked:m.default.bool,id:m.default.string,isDisabled:m.default.bool},Hl.defaultProps={checked:!1,customSwitchStyle:{},customToggleBoxStyle:{},id:"",isDisabled:!1};const jl=g.default.div`
+`,Hl=({checked:e,customSwitchStyle:t,customToggleBoxStyle:a,onClick:o,optionStyle:r,id:i,isDisabled:c,trueLabel:n,falseLabel:d,...s})=>{const u=l.useTheme()||B;return b.default.createElement(Wl,S({inBuiltCss:I,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},s),b.default.createElement(Tl,S({},s,{id:i,inBuiltCss:I,onClick:()=>{o(!e)},isChecked:e,disabled:c,isDisabled:c})),b.default.createElement(Rl,S({},s,{htmlFor:i,customToggleBoxStyle:a,customSwitchStyle:t,inBuiltCss:I,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:u,isDisabled:c})),b.default.createElement(Pl,S({optionStyle:r,inBuiltCss:I,theme:u,checked:e},s),e?n:d))};Hl.propTypes={customToggleBoxStyle:m.default.object,customSwitchStyle:m.default.object,checked:m.default.bool,id:m.default.string,isDisabled:m.default.bool,trueLabel:m.default.string,falseLabel:m.default.string},Hl.defaultProps={checked:!1,customSwitchStyle:{},customToggleBoxStyle:{},id:"",isDisabled:!1,trueLabel:"Yes",falseLabel:"NO"};const jl=g.default.div`
   background-color: ${({theme:e})=>e.bgColor};
   padding: 24px 8px;
   ${({commentBodyStyle:e})=>e};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groundfloor-react-ui",
   "description": "Official component library for Ground Floor",
-  "version": "1.2.59",
+  "version": "1.2.61",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,