groundfloor-react-ui 1.3.58 → 1.3.60
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/dist/index.es.js +3 -2
- package/dist/index.js +3 -2
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -787,10 +787,11 @@ ${({customTriggerStyle:e})=>e}
|
|
|
787
787
|
&::placeholder {
|
|
788
788
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
789
789
|
}
|
|
790
|
+
${({inputStyle:e})=>e};
|
|
790
791
|
`,nt=m.span`
|
|
791
792
|
color: ${({theme:e})=>e.variant.error};
|
|
792
793
|
${({errorTextStyle:e})=>e};
|
|
793
|
-
`,st=({listChips:e,setListChips:l,currentChip:o,setCurrentChip:a,chipListString:r,placeholder:n,errorMsg:s,handleBlurProps:d,label:p,labelCusTomStyles:m,containerStyle:u,inputContainerStyle:f,errorTextStyle:g,disabled:h,isValid:C,handleInputKeyDownProps:y,handleInputChangeProps:x,...
|
|
794
|
+
`,st=({listChips:e,setListChips:l,currentChip:o,setCurrentChip:a,chipListString:r,placeholder:n,errorMsg:s,handleBlurProps:d,label:p,labelCusTomStyles:m,containerStyle:u,inputContainerStyle:f,errorTextStyle:g,disabled:h,isValid:C,handleInputKeyDownProps:y,handleInputChangeProps:x,inputStyle:v,...w})=>{const[A,S]=i(r?r.split(","):e||[]),[k,E]=i(o),[V,M]=i(""),L=b()||R;c((()=>{S(r?r.split(","):e||[])}),[r,e]),c((()=>{E(o)}),[o]);return t.createElement(ot,{theme:L,containerStyle:u},t.createElement(it,{inputContainerStyle:f},t.createElement(lt,{text:p,customStyles:m}),A.map(((e,l)=>t.createElement(ct,{theme:L,key:e+`${l}`,onClick:()=>(e=>{const t=[...A];t.splice(e,1),S(t),M(""),d(t.join(","))})(l)},t.createElement(at,null,e)))),t.createElement(rt,{type:"text",placeholder:n,value:k,onKeyDown:e=>{"Enter"===e.key||","===e.key?(e.preventDefault(),C?k.trim()&&(y([...A,k.trim()].join(",")),S([...A,k.trim()]),E(""),M("")):M(s)):"Backspace"!==e.key||k||(y(A.slice(0,-1).join(",")),S(A.slice(0,-1)))},onChange:e=>{E(e.target.value),M(""),x(e.target.value)},theme:L,onBlur:()=>{if(C){let e;e=k.trim()?[...A,k.trim()]:[...A],d(e.join(",")),S(e),E("")}else C||M(s)},disabled:h,inputStyle:v})),V&&t.createElement(nt,{errorTextStyle:g,theme:L},V))};st.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},st.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1,isValid:!0,inputStyle:{}};const dt=m.div`
|
|
794
795
|
box-sizing: initial;
|
|
795
796
|
|
|
796
797
|
//Set the styles from the default styles object
|
|
@@ -2886,7 +2887,7 @@ svg {
|
|
|
2886
2887
|
${({customModalFooterStyle:e})=>e}
|
|
2887
2888
|
`,rc=m.div`
|
|
2888
2889
|
cursor: pointer;
|
|
2889
|
-
`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const nc=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:i,bodyContent:c,footerContent:a,customModalHeaderStyle:r,customModalBodyStyle:n,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:f,customZIndex:g,hideCrossIcon:h,...C})=>{const y={overlay:{zIndex:g,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:p,overflow:"hidden",border:`1px solid ${(b()||R).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...u}};return t.createElement("div",null,t.createElement(V,L({closeTimeoutMS:500,isOpen:e,onRequestClose:o?l:void 0,style:y,contentLabel:"Modal"},C),i&&t.createElement(oc,{style:r,"data-accordion":"contentClickFalse"},i,!h&&t.createElement(rc,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),!i&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},t.createElement("div",null),t.createElement(rc,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),t.createElement(cc,{contentWrapperStyle:f,"data-accordion":"contentClickFalse"},t.createElement(ic,{inBuiltCss:Z,style:n,"data-accordion":"contentClickFalse"},c),a&&t.createElement(ac,{inBuiltCss:Z,style:s,"data-accordion":"contentClickFalse"},a))),t.createElement(lc,null))};nc.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,hideCrossIcon:e.bool,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,contentStyle:e.object,contentWrapperStyle:e.object,customZIndex:e.number},nc.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const sc=m.div`
|
|
2890
|
+
`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const nc=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:i,bodyContent:c,footerContent:a,customModalHeaderStyle:r,customModalBodyStyle:n,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:f,customZIndex:g,hideCrossIcon:h,...C})=>{const y={overlay:{zIndex:g,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:p,overflow:"hidden",border:`1px solid ${(b()||R).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...u}};return t.createElement("div",null,t.createElement(V,L({closeTimeoutMS:500,isOpen:e,onRequestClose:o?l:void 0,style:y,contentLabel:"Modal"},C),i&&t.createElement(oc,{style:r,"data-accordion":"contentClickFalse"},i,!h&&t.createElement(rc,{onClick:l},t.createElement(_,{onClick:l,icon:"close-icon",size:18}))),!i&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},t.createElement("div",null),t.createElement(rc,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),t.createElement(cc,{contentWrapperStyle:f,"data-accordion":"contentClickFalse"},t.createElement(ic,{inBuiltCss:Z,style:n,"data-accordion":"contentClickFalse"},c),a&&t.createElement(ac,{inBuiltCss:Z,style:s,"data-accordion":"contentClickFalse"},a))),t.createElement(lc,null))};nc.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,hideCrossIcon:e.bool,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,contentStyle:e.object,contentWrapperStyle:e.object,customZIndex:e.number},nc.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const sc=m.div`
|
|
2890
2891
|
${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
2891
2892
|
}
|
|
2892
2893
|
`,dc=({theme:e,toggleSimple:l,contentTrigger:o,contentOverlay:i,popperOptionsP:c,settingsP:a,customStyles:r,...n})=>{let s={},d={};l?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...c},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:b,setTriggerRef:u,visible:f}=C({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:u,style:{width:"fit-content",height:"fit-content"}},o),f&&t.createElement(sc,L({type:l?"simple-overlay":"overlay",theme:e,ref:b},m({className:"tooltip-container"}),{customStyles:r}),i))};dc.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},dc.defaultProps={theme:Z,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const pc=m.div`
|
package/dist/index.js
CHANGED
|
@@ -787,10 +787,11 @@ ${({customTriggerStyle:e})=>e}
|
|
|
787
787
|
&::placeholder {
|
|
788
788
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
789
789
|
}
|
|
790
|
+
${({inputStyle:e})=>e};
|
|
790
791
|
`,ot=h.default.span`
|
|
791
792
|
color: ${({theme:e})=>e.variant.error};
|
|
792
793
|
${({errorTextStyle:e})=>e};
|
|
793
|
-
`,rt=({listChips:e,setListChips:a,currentChip:o,setCurrentChip:r,chipListString:c,placeholder:i,errorMsg:n,handleBlurProps:d,label:s,labelCusTomStyles:p,containerStyle:u,inputContainerStyle:f,errorTextStyle:m,disabled:b,isValid:h,handleInputKeyDownProps:C,handleInputChangeProps:y,...
|
|
794
|
+
`,rt=({listChips:e,setListChips:a,currentChip:o,setCurrentChip:r,chipListString:c,placeholder:i,errorMsg:n,handleBlurProps:d,label:s,labelCusTomStyles:p,containerStyle:u,inputContainerStyle:f,errorTextStyle:m,disabled:b,isValid:h,handleInputKeyDownProps:C,handleInputChangeProps:y,inputStyle:x,...v})=>{const[w,A]=t.useState(c?c.split(","):e||[]),[S,k]=t.useState(o),[E,V]=t.useState(""),M=l.useTheme()||I;t.useEffect((()=>{A(c?c.split(","):e||[])}),[c,e]),t.useEffect((()=>{k(o)}),[o]);return g.default.createElement(_e,{theme:M,containerStyle:u},g.default.createElement(et,{inputContainerStyle:f},g.default.createElement($e,{text:s,customStyles:p}),w.map(((e,t)=>g.default.createElement(tt,{theme:M,key:e+`${t}`,onClick:()=>(e=>{const t=[...w];t.splice(e,1),A(t),V(""),d(t.join(","))})(t)},g.default.createElement(lt,null,e)))),g.default.createElement(at,{type:"text",placeholder:i,value:S,onKeyDown:e=>{"Enter"===e.key||","===e.key?(e.preventDefault(),h?S.trim()&&(C([...w,S.trim()].join(",")),A([...w,S.trim()]),k(""),V("")):V(n)):"Backspace"!==e.key||S||(C(w.slice(0,-1).join(",")),A(w.slice(0,-1)))},onChange:e=>{k(e.target.value),V(""),y(e.target.value)},theme:M,onBlur:()=>{if(h){let e;e=S.trim()?[...w,S.trim()]:[...w],d(e.join(",")),A(e),k("")}else h||V(n)},disabled:b,inputStyle:x})),E&&g.default.createElement(ot,{errorTextStyle:m,theme:M},E))};rt.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},rt.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1,isValid:!0,inputStyle:{}};const ct=h.default.div`
|
|
794
795
|
box-sizing: initial;
|
|
795
796
|
|
|
796
797
|
//Set the styles from the default styles object
|
|
@@ -2886,7 +2887,7 @@ svg {
|
|
|
2886
2887
|
${({customModalFooterStyle:e})=>e}
|
|
2887
2888
|
`,er=h.default.div`
|
|
2888
2889
|
cursor: pointer;
|
|
2889
|
-
`;try{k.default.setAppElement("#root")}catch(e){k.default.setAppElement("#__next")}const tr=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:c,customModalHeaderStyle:i,customModalBodyStyle:n,customModalFooterStyle:d,customWidth:s,customMinWidth:p,customMaxWidth:u,contentStyle:f,contentWrapperStyle:m,customZIndex:b,hideCrossIcon:h,...C})=>{const y={overlay:{zIndex:b,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:p,overflow:"hidden",border:`1px solid ${(l.useTheme()||I).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:s&&s,maxWidth:u&&u,...f}};return g.default.createElement("div",null,g.default.createElement(k.default,E({closeTimeoutMS:500,isOpen:e,onRequestClose:a?t:void 0,style:y,contentLabel:"Modal"},C),o&&g.default.createElement(Qo,{style:i,"data-accordion":"contentClickFalse"},o,!h&&g.default.createElement(er,{onClick:t},g.default.createElement(Q,{icon:"close-icon",size:18}))),!o&&!h&&g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},g.default.createElement("div",null),g.default.createElement(er,{onClick:t},g.default.createElement(Q,{icon:"close-icon",size:18}))),g.default.createElement($o,{contentWrapperStyle:m,"data-accordion":"contentClickFalse"},g.default.createElement(Ko,{inBuiltCss:P,style:n,"data-accordion":"contentClickFalse"},r),c&&g.default.createElement(_o,{inBuiltCss:P,style:d,"data-accordion":"contentClickFalse"},c))),g.default.createElement(No,null))};tr.propTypes={modalIsOpen:b.default.bool,toggleModal:b.default.func,closeOnOutsideClick:b.default.bool,headerContent:b.default.any,hideCrossIcon:b.default.bool,bodyContent:b.default.any,footerContent:b.default.any,customModalHeaderStyle:b.default.object,customModalBodyStyle:b.default.object,customModalFooterStyle:b.default.object,customMinWidth:b.default.string,contentStyle:b.default.object,contentWrapperStyle:b.default.object,customZIndex:b.default.number},tr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const lr=h.default.div`
|
|
2890
|
+
`;try{k.default.setAppElement("#root")}catch(e){k.default.setAppElement("#__next")}const tr=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:c,customModalHeaderStyle:i,customModalBodyStyle:n,customModalFooterStyle:d,customWidth:s,customMinWidth:p,customMaxWidth:u,contentStyle:f,contentWrapperStyle:m,customZIndex:b,hideCrossIcon:h,...C})=>{const y={overlay:{zIndex:b,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:p,overflow:"hidden",border:`1px solid ${(l.useTheme()||I).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:s&&s,maxWidth:u&&u,...f}};return g.default.createElement("div",null,g.default.createElement(k.default,E({closeTimeoutMS:500,isOpen:e,onRequestClose:a?t:void 0,style:y,contentLabel:"Modal"},C),o&&g.default.createElement(Qo,{style:i,"data-accordion":"contentClickFalse"},o,!h&&g.default.createElement(er,{onClick:t},g.default.createElement(Q,{onClick:t,icon:"close-icon",size:18}))),!o&&!h&&g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},g.default.createElement("div",null),g.default.createElement(er,{onClick:t},g.default.createElement(Q,{icon:"close-icon",size:18}))),g.default.createElement($o,{contentWrapperStyle:m,"data-accordion":"contentClickFalse"},g.default.createElement(Ko,{inBuiltCss:P,style:n,"data-accordion":"contentClickFalse"},r),c&&g.default.createElement(_o,{inBuiltCss:P,style:d,"data-accordion":"contentClickFalse"},c))),g.default.createElement(No,null))};tr.propTypes={modalIsOpen:b.default.bool,toggleModal:b.default.func,closeOnOutsideClick:b.default.bool,headerContent:b.default.any,hideCrossIcon:b.default.bool,bodyContent:b.default.any,footerContent:b.default.any,customModalHeaderStyle:b.default.object,customModalBodyStyle:b.default.object,customModalFooterStyle:b.default.object,customMinWidth:b.default.string,contentStyle:b.default.object,contentWrapperStyle:b.default.object,customZIndex:b.default.number},tr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const lr=h.default.div`
|
|
2890
2891
|
${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.common)a[t]=e.common[t];for(const l in e[t])a[l]=e[t][l],delete e.common[l]}return{...a,...l}}}}
|
|
2891
2892
|
}
|
|
2892
2893
|
`,ar=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:a,popperOptionsP:r,settingsP:c,customStyles:i,...n})=>{let d={},s={};t?(d={...d,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},s={...s}):(d={...d,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},s={...s,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),d={...d,...r},s={...s,...c};const{getArrowProps:p,getTooltipProps:u,setTooltipRef:f,setTriggerRef:m,visible:b}=o.usePopperTooltip({...s},d);return g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{ref:m,style:{width:"fit-content",height:"fit-content"}},l),b&&g.default.createElement(lr,E({type:t?"simple-overlay":"overlay",theme:e,ref:f},u({className:"tooltip-container"}),{customStyles:i}),a))};ar.propTypes={theme:b.default.object,contentTrigger:b.default.any,contentOverlay:b.default.any,popperOptionsP:b.default.object,settingsP:b.default.object,customStyles:b.default.object,toggleSimple:b.default.bool},ar.defaultProps={theme:P,contentTrigger:g.default.createElement("div",null,"Trigger"),contentOverlay:g.default.createElement("div",null,"I am the Overlay")};const or=h.default.div`
|