groundfloor-react-ui 1.3.95 → 1.3.96

package/dist/index.es.js

@@ -656,7 +656,6 @@ ${({customTriggerStyle:e})=>e}
     font-size: 10px;
   }
   ${({containerStyle:e})=>e};
-
 `,ct=m.div`
   display: flex;
   flex-wrap: wrap;
@@ -666,7 +665,6 @@ ${({customTriggerStyle:e})=>e}
   border: 1px solid ${({theme:e})=>e.variant["neutral-3"]};
   background-color: white;
   min-height: 40px;
-
   ${({inputContainerStyle:e})=>e};
 `,at=m.div`
   background-color: ${({theme:e})=>e.variant["selection-bg"]};
@@ -679,8 +677,6 @@ ${({customTriggerStyle:e})=>e}
   align-items: center;
   font-size: 14px;
   ${({chipStyle:e})=>e};
-
-
   &:hover {
     cursor: pointer;
   }
@@ -690,7 +686,6 @@ ${({customTriggerStyle:e})=>e}
   cursor: pointer;
   user-select: none;
   color: ${({theme:e})=>e.variant["neutral-2"]};
-
   &:hover {
     color: ${({theme:e})=>e.variant.error};
   }
@@ -713,10 +708,7 @@ ${({customTriggerStyle:e})=>e}
   }
 
   ${({inputStyle:e})=>e};
-`;m.span`
-  color: ${({theme:e})=>e.variant.error};
-  ${({errorTextStyle:e})=>e};
-`;const dt=({listChips:e,setListChips:l,currentChip:i,setCurrentChip:a,chipListString:r,placeholder:n,errorMsg:s,handleBlurProps:d,label:p,labelCusTomStyles:m,containerStyle:b,inputContainerStyle:g,errorTextStyle:f,disabled:u,isValid:h,handleInputKeyDownProps:x,handleInputChangeProps:y,inputStyle:v,chipStyle:w,...A})=>{const[L,S]=o(r?r.split(","):e||[]),[M,V]=o(i),[k,E]=o(""),H=C()||R;c((()=>{S(r?r.split(","):e||[])}),[r,e]),c((()=>{V(i)}),[i]);return t.createElement(ot,{theme:H,containerStyle:b},t.createElement(it,{text:p,customStyles:m}),t.createElement(ct,{theme:H,inputContainerStyle:g},L.map(((e,l)=>t.createElement(at,{chipStyle:w,theme:H,key:e+`${l}`},t.createElement(nt,null,e),t.createElement(rt,{theme:H,onClick:()=>(e=>{const t=[...L];t.splice(e,1),S(t),E(""),d(t.join(","))})(l)},"×")))),t.createElement(st,{type:"text",placeholder:n,value:M,onKeyDown:e=>{"Enter"===e.key||","===e.key?(e.preventDefault(),h?M.trim()&&(x([...L,M.trim()].join(",")),S([...L,M.trim()]),V(""),E("")):E(s)):"Backspace"!==e.key||M||(x(L.slice(0,-1).join(",")),S(L.slice(0,-1)))},onChange:e=>{V(e.target.value),E(""),y(e.target.value)},theme:H,onBlur:()=>{if(h){let e;e=M.trim()?[...L,M.trim()]:[...L],d(e.join(",")),S(e),V("")}else h||E(s)},disabled:u,inputStyle:v})),k.length>0&&t.createElement("div",{className:"err-text"},k))};dt.propTypes={listChips:e.arrayOf(e.string),setListChips:e.func,chipListString:e.string,currentChip:e.string,setCurrentChip:e.func,placeholder:e.string,isValid:e.bool,errorMsg:e.string,label:e.string,labelCusTomStyles:e.object,containerStyle:e.object,inputContainerStyle:e.object,errorTextStyle:e.object,disabled:e.bool,handleInputKeyDownProps:e.func,handleInputChangeProps:e.func,inputStyle:e.object,chipStyle:e.object},dt.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1,isValid:!0,inputStyle:{},chipStyle:{}};const pt=({CommonRenderedComponent:e,MultiValue:l,Option:i,type:o,id:c,styles:a,onCreateOption:r,...n})=>{let s={...e};return"asyncMultiCreatable"===o&&(s.MultiValue=l,s.Option=i),t.createElement(x,H({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:s,isMulti:!0,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiCreatable"!==o,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:c,onCreateOption:r},n))},mt=m.div`
+`,dt=({listChips:e,setListChips:l,currentChip:i,setCurrentChip:a,chipListString:r,placeholder:n,errorMsg:s,handleBlurProps:d,label:p,labelCusTomStyles:m,containerStyle:b,inputContainerStyle:g,errorTextStyle:f,disabled:u,isValid:h,handleInputKeyDownProps:x,handleInputChangeProps:y,inputStyle:v,chipStyle:w,maxChips:A,...L})=>{const[S,M]=o(r?r.split(","):e||[]),[V,k]=o(i),[E,H]=o(""),B=C()||R;c((()=>{M(r?r.split(","):e||[])}),[r,e]),c((()=>{k(i)}),[i]);return t.createElement(ot,{theme:B,containerStyle:b},t.createElement(it,{text:p,customStyles:m}),t.createElement(ct,{theme:B,inputContainerStyle:g},S.map(((e,l)=>t.createElement(at,{chipStyle:w,theme:B,key:e+`${l}`},t.createElement(nt,null,e),t.createElement(rt,{theme:B,onClick:()=>(e=>{const t=[...S];t.splice(e,1),M(t),H(""),d(t.join(","))})(l)},"×")))),t.createElement(st,{type:"text",placeholder:n,value:V,onKeyDown:e=>{if("Enter"===e.key||","===e.key){if(e.preventDefault(),S.length>=A)return void H(`You can only add up to ${A} item(s).`);h?V.trim()&&(x([...S,V.trim()].join(",")),M([...S,V.trim()]),k(""),H("")):H(s)}else"Backspace"!==e.key||V||(x(S.slice(0,-1).join(",")),M(S.slice(0,-1)))},onChange:e=>{k(e.target.value),H(""),y(e.target.value)},theme:B,onBlur:()=>{if(V.trim()&&S.length>=A)H(`You can only add up to ${A} item(s).`);else if(h){let e;e=V.trim()?[...S,V.trim()]:[...S],d(e.join(",")),M(e),k("")}else h||H(s)},disabled:u,inputStyle:v})),E.length>0&&t.createElement("div",{className:"err-text"},E))};dt.propTypes={listChips:e.arrayOf(e.string),setListChips:e.func,chipListString:e.string,currentChip:e.string,setCurrentChip:e.func,placeholder:e.string,isValid:e.bool,errorMsg:e.string,label:e.string,labelCusTomStyles:e.object,containerStyle:e.object,inputContainerStyle:e.object,errorTextStyle:e.object,disabled:e.bool,handleInputKeyDownProps:e.func,handleInputChangeProps:e.func,inputStyle:e.object,chipStyle:e.object,maxChips:e.number},dt.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1,isValid:!0,inputStyle:{},chipStyle:{},maxChips:1/0};const pt=({CommonRenderedComponent:e,MultiValue:l,Option:i,type:o,id:c,styles:a,onCreateOption:r,...n})=>{let s={...e};return"asyncMultiCreatable"===o&&(s.MultiValue=l,s.Option=i),t.createElement(x,H({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:s,isMulti:!0,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiCreatable"!==o,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:c,onCreateOption:r},n))},mt=m.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object

package/dist/index.js

@@ -656,7 +656,6 @@ ${({customTriggerStyle:e})=>e}
     font-size: 10px;
   }
   ${({containerStyle:e})=>e};
-
 `,lt=h.default.div`
   display: flex;
   flex-wrap: wrap;
@@ -666,7 +665,6 @@ ${({customTriggerStyle:e})=>e}
   border: 1px solid ${({theme:e})=>e.variant["neutral-3"]};
   background-color: white;
   min-height: 40px;
-
   ${({inputContainerStyle:e})=>e};
 `,at=h.default.div`
   background-color: ${({theme:e})=>e.variant["selection-bg"]};
@@ -679,8 +677,6 @@ ${({customTriggerStyle:e})=>e}
   align-items: center;
   font-size: 14px;
   ${({chipStyle:e})=>e};
-
-
   &:hover {
     cursor: pointer;
   }
@@ -690,7 +686,6 @@ ${({customTriggerStyle:e})=>e}
   cursor: pointer;
   user-select: none;
   color: ${({theme:e})=>e.variant["neutral-2"]};
-
   &:hover {
     color: ${({theme:e})=>e.variant.error};
   }
@@ -713,10 +708,7 @@ ${({customTriggerStyle:e})=>e}
   }
 
   ${({inputStyle:e})=>e};
-`;h.default.span`
-  color: ${({theme:e})=>e.variant.error};
-  ${({errorTextStyle:e})=>e};
-`;const ct=({listChips:e,setListChips:a,currentChip:o,setCurrentChip:i,chipListString:r,placeholder:c,errorMsg:n,handleBlurProps:d,label:s,labelCusTomStyles:p,containerStyle:u,inputContainerStyle:f,errorTextStyle:m,disabled:C,isValid:b,handleInputKeyDownProps:h,handleInputChangeProps:x,inputStyle:y,chipStyle:v,...w})=>{const[A,L]=t.useState(r?r.split(","):e||[]),[S,M]=t.useState(o),[V,k]=t.useState(""),E=l.useTheme()||P;t.useEffect((()=>{L(r?r.split(","):e||[])}),[r,e]),t.useEffect((()=>{M(o)}),[o]);return g.default.createElement(tt,{theme:E,containerStyle:u},g.default.createElement(et,{text:s,customStyles:p}),g.default.createElement(lt,{theme:E,inputContainerStyle:f},A.map(((e,t)=>g.default.createElement(at,{chipStyle:v,theme:E,key:e+`${t}`},g.default.createElement(it,null,e),g.default.createElement(ot,{theme:E,onClick:()=>(e=>{const t=[...A];t.splice(e,1),L(t),k(""),d(t.join(","))})(t)},"×")))),g.default.createElement(rt,{type:"text",placeholder:c,value:S,onKeyDown:e=>{"Enter"===e.key||","===e.key?(e.preventDefault(),b?S.trim()&&(h([...A,S.trim()].join(",")),L([...A,S.trim()]),M(""),k("")):k(n)):"Backspace"!==e.key||S||(h(A.slice(0,-1).join(",")),L(A.slice(0,-1)))},onChange:e=>{M(e.target.value),k(""),x(e.target.value)},theme:E,onBlur:()=>{if(b){let e;e=S.trim()?[...A,S.trim()]:[...A],d(e.join(",")),L(e),M("")}else b||k(n)},disabled:C,inputStyle:y})),V.length>0&&g.default.createElement("div",{className:"err-text"},V))};ct.propTypes={listChips:b.default.arrayOf(b.default.string),setListChips:b.default.func,chipListString:b.default.string,currentChip:b.default.string,setCurrentChip:b.default.func,placeholder:b.default.string,isValid:b.default.bool,errorMsg:b.default.string,label:b.default.string,labelCusTomStyles:b.default.object,containerStyle:b.default.object,inputContainerStyle:b.default.object,errorTextStyle:b.default.object,disabled:b.default.bool,handleInputKeyDownProps:b.default.func,handleInputChangeProps:b.default.func,inputStyle:b.default.object,chipStyle:b.default.object},ct.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1,isValid:!0,inputStyle:{},chipStyle:{}};const nt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:i,onCreateOption:r,...c})=>{let n={...e};return"asyncMultiCreatable"===a&&(n.MultiValue=t,n.Option=l),g.default.createElement(x.default,k({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:!0,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiCreatable"!==a,isSearchable:!0,styles:i,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:o,onCreateOption:r},c))},dt=h.default.div`
+`,ct=({listChips:e,setListChips:a,currentChip:o,setCurrentChip:i,chipListString:r,placeholder:c,errorMsg:n,handleBlurProps:d,label:s,labelCusTomStyles:p,containerStyle:u,inputContainerStyle:f,errorTextStyle:m,disabled:C,isValid:b,handleInputKeyDownProps:h,handleInputChangeProps:x,inputStyle:y,chipStyle:v,maxChips:w,...A})=>{const[L,S]=t.useState(r?r.split(","):e||[]),[M,V]=t.useState(o),[k,E]=t.useState(""),H=l.useTheme()||P;t.useEffect((()=>{S(r?r.split(","):e||[])}),[r,e]),t.useEffect((()=>{V(o)}),[o]);return g.default.createElement(tt,{theme:H,containerStyle:u},g.default.createElement(et,{text:s,customStyles:p}),g.default.createElement(lt,{theme:H,inputContainerStyle:f},L.map(((e,t)=>g.default.createElement(at,{chipStyle:v,theme:H,key:e+`${t}`},g.default.createElement(it,null,e),g.default.createElement(ot,{theme:H,onClick:()=>(e=>{const t=[...L];t.splice(e,1),S(t),E(""),d(t.join(","))})(t)},"×")))),g.default.createElement(rt,{type:"text",placeholder:c,value:M,onKeyDown:e=>{if("Enter"===e.key||","===e.key){if(e.preventDefault(),L.length>=w)return void E(`You can only add up to ${w} item(s).`);b?M.trim()&&(h([...L,M.trim()].join(",")),S([...L,M.trim()]),V(""),E("")):E(n)}else"Backspace"!==e.key||M||(h(L.slice(0,-1).join(",")),S(L.slice(0,-1)))},onChange:e=>{V(e.target.value),E(""),x(e.target.value)},theme:H,onBlur:()=>{if(M.trim()&&L.length>=w)E(`You can only add up to ${w} item(s).`);else if(b){let e;e=M.trim()?[...L,M.trim()]:[...L],d(e.join(",")),S(e),V("")}else b||E(n)},disabled:C,inputStyle:y})),k.length>0&&g.default.createElement("div",{className:"err-text"},k))};ct.propTypes={listChips:b.default.arrayOf(b.default.string),setListChips:b.default.func,chipListString:b.default.string,currentChip:b.default.string,setCurrentChip:b.default.func,placeholder:b.default.string,isValid:b.default.bool,errorMsg:b.default.string,label:b.default.string,labelCusTomStyles:b.default.object,containerStyle:b.default.object,inputContainerStyle:b.default.object,errorTextStyle:b.default.object,disabled:b.default.bool,handleInputKeyDownProps:b.default.func,handleInputChangeProps:b.default.func,inputStyle:b.default.object,chipStyle:b.default.object,maxChips:b.default.number},ct.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1,isValid:!0,inputStyle:{},chipStyle:{},maxChips:1/0};const nt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:i,onCreateOption:r,...c})=>{let n={...e};return"asyncMultiCreatable"===a&&(n.MultiValue=t,n.Option=l),g.default.createElement(x.default,k({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:!0,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiCreatable"!==a,isSearchable:!0,styles:i,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:o,onCreateOption:r},c))},dt=h.default.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object

package/package.json

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