groundfloor-react-ui 1.2.103 → 1.2.105

package/dist/index.es.js

@@ -1839,7 +1839,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   justify-content: center;
   cursor: pointer;
 `,Xl=({onChange:e,activeColor:l,defaultColor:a,placeholderColor:n,placeholderText:c,customInputStyle:s,pointsArray:d,setPointsArray:p,value:m,setValue:u,valueForSignatureDrawing:g,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:x,...C})=>{const v=b()||P,[A,w]=i("default"),[S,E]=i(!1),[V,M]=i(!1),z=o(null);r((()=>{V&&(L(),f(z.current))}),[!0===V]);const B=()=>{u(""),f(z.current),z.current&&z.current.clear(),E(!1),M(!1)},L=()=>(p(z.current.toData()),y(z.current.toDataURL("image/png")),[h,d]);return t.createElement(jl,{inBuiltCss:T,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:A,activeColor:l,defaultColor:a,theme:v},t.createElement(ql,{inBuiltCss:T,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:l,defaultColor:a,selected:A,isMyInputFocused:S,signIcon:!0,theme:v},t.createElement(Zl,{activeColor:l,defaultColor:a,isMyInputFocused:S,theme:v,penIcon:!0,onClick:()=>{w("default"),B()}},t.createElement(_,{icon:"pen-icon",color:"default"===A?l||v.primary["primary-1"]:v.additional.black})),t.createElement(Zl,{activeColor:l,defaultColor:a,theme:v,isMyInputFocused:S,penIcon:!1,onClick:()=>{w("sign"),B()}},t.createElement(_,{icon:"sign-icon",color:"default"!==A?l||v.primary["primary-1"]:v.additional.black}))),t.createElement(ql,{inBuiltCss:T,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:l,defaultColor:a,theme:v,selected:A,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===A?t.createElement(Dl,{inBuiltCss:T,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:n,customInputStyle:s,onBlur:()=>E(!1),onFocus:()=>E(!0),id:x,value:m,defaultColor:a,theme:v,onChange:e=>u(e.target.value)}):t.createElement(Ol,{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onClick:()=>{M(!0),L()}},t.createElement(k,{ref:z,id:x,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(m||V)&&t.createElement(Gl,{selected:A,onClick:()=>B()},t.createElement(_,{icon:"cross-icon",color:a||v.neutral["neutral-3"]}))))};Xl.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},Xl.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Jl=m.div`
-    background-color: ${({theme:e})=>e.additional.white};
+  background-color: ${({theme:e})=>e.additional.white};
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>F(e,t)}
 
@@ -1865,6 +1865,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   ${({inBuiltCss:e,defaultInputStyle:t})=>F(e,t)}
   margin: 0;
   overflow: auto;
+  cursor: auto;
   resize: vertical // custom styles
     ${({inputStyle:e})=>e};
 `,Yl=u`
@@ -2960,7 +2961,7 @@ svg {
     ${({customModalFooterStyle:e})=>e}
 `,nr=m.div`
   cursor: pointer;
-`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const cr=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:i,bodyContent:r,footerContent:a,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:g,customZIndex:f,hideCrossIcon:h,...y})=>{const x={overlay:{zIndex:f,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()||P).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,z({closeTimeoutMS:500,isOpen:e,onRequestClose:o?l:void 0,style:x,contentLabel:"Modal"},y),i&&t.createElement(or,{style:n},i,!h&&t.createElement(nr,{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(nr,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),t.createElement(rr,{contentWrapperStyle:g},t.createElement(ir,{inBuiltCss:T,style:c},r),a&&t.createElement(ar,{inBuiltCss:T,style:s},a))),t.createElement(lr,null))};cr.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},cr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const sr=m.div`
+`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const cr=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:i,bodyContent:r,footerContent:a,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:g,customZIndex:f,hideCrossIcon:h,...y})=>{const x={overlay:{zIndex:f,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()||P).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,z({closeTimeoutMS:500,isOpen:e,onRequestClose:o?l:void 0,style:x,contentLabel:"Modal"},y),i&&t.createElement(or,{style:n,"data-accordion":"contentClickFalse"},i,!h&&t.createElement(nr,{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(nr,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),t.createElement(rr,{contentWrapperStyle:g,"data-accordion":"contentClickFalse"},t.createElement(ir,{inBuiltCss:T,style:c,"data-accordion":"contentClickFalse"},r),a&&t.createElement(ar,{inBuiltCss:T,style:s,"data-accordion":"contentClickFalse"},a))),t.createElement(lr,null))};cr.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},cr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const sr=m.div`
 ${({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}}}}
     }
 `,dr=({theme:e,toggleSimple:l,contentTrigger:o,contentOverlay:i,popperOptionsP:r,settingsP:a,customStyles:n,...c})=>{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,...r},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:b,setTriggerRef:u,visible:g}=y({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:u,style:{width:"fit-content",height:"fit-content"}},o),g&&t.createElement(sr,z({type:l?"simple-overlay":"overlay",theme:e,ref:b},m({className:"tooltip-container"}),{customStyles:n}),i))};dr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},dr.defaultProps={theme:T,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const pr=m.div`

package/dist/index.js

@@ -1839,7 +1839,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   justify-content: center;
   cursor: pointer;
 `,Zl=({onChange:e,activeColor:a,defaultColor:o,placeholderColor:r,placeholderText:i,customInputStyle:n,pointsArray:c,setPointsArray:d,value:s,setValue:u,valueForSignatureDrawing:p,setValueForSignatureDrawing:f,imageURL:m,setImageURL:b,id:h,...y})=>{const x=l.useTheme()||H,[C,v]=t.useState("default"),[A,S]=t.useState(!1),[k,E]=t.useState(!1),V=t.useRef(null);t.useEffect((()=>{k&&(z(),f(V.current))}),[!0===k]);const M=()=>{u(""),f(V.current),V.current&&V.current.clear(),S(!1),E(!1)},z=()=>(d(V.current.toData()),b(V.current.toDataURL("image/png")),[m,c]);return g.default.createElement(Wl,{inBuiltCss:R,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:A,selected:C,activeColor:a,defaultColor:o,theme:x},g.default.createElement(Pl,{inBuiltCss:R,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:a,defaultColor:o,selected:C,isMyInputFocused:A,signIcon:!0,theme:x},g.default.createElement(Tl,{activeColor:a,defaultColor:o,isMyInputFocused:A,theme:x,penIcon:!0,onClick:()=>{v("default"),M()}},g.default.createElement(Q,{icon:"pen-icon",color:"default"===C?a||x.primary["primary-1"]:x.additional.black})),g.default.createElement(Tl,{activeColor:a,defaultColor:o,theme:x,isMyInputFocused:A,penIcon:!1,onClick:()=>{v("sign"),M()}},g.default.createElement(Q,{icon:"sign-icon",color:"default"!==C?a||x.primary["primary-1"]:x.additional.black}))),g.default.createElement(Pl,{inBuiltCss:R,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:a,defaultColor:o,theme:x,selected:C,isMyInputFocused:A,signIcon:!1,onTouchStart:()=>{}},"default"===C?g.default.createElement(Fl,{inBuiltCss:R,defaultInputStyle:"signature-input-text",placeholder:i,placeholderColor:r,customInputStyle:n,onBlur:()=>S(!1),onFocus:()=>S(!0),id:h,value:s,defaultColor:o,theme:x,onChange:e=>u(e.target.value)}):g.default.createElement(jl,{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),onClick:()=>{E(!0),z()}},g.default.createElement(w.default,{ref:V,id:h,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(s||k)&&g.default.createElement(ql,{selected:C,onClick:()=>M()},g.default.createElement(Q,{icon:"cross-icon",color:o||x.neutral["neutral-3"]}))))};Zl.propTypes={activeColor:b.default.string,defaultColor:b.default.string,placeholderColor:b.default.string,placeholderText:b.default.string,customInputStyle:b.default.object,pointsArray:b.default.any,setPointsArray:b.default.func,value:b.default.string,setValue:b.default.func,imageURL:b.default.string,setImageURL:b.default.func,id:b.default.string},Zl.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Dl=h.default.div`
-    background-color: ${({theme:e})=>e.additional.white};
+  background-color: ${({theme:e})=>e.additional.white};
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>W(e,t)}
 
@@ -1865,6 +1865,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   ${({inBuiltCss:e,defaultInputStyle:t})=>W(e,t)}
   margin: 0;
   overflow: auto;
+  cursor: auto;
   resize: vertical // custom styles
     ${({inputStyle:e})=>e};
 `,Gl=l.css`
@@ -2960,7 +2961,7 @@ svg {
     ${({customModalFooterStyle:e})=>e}
 `,er=h.default.div`
   cursor: pointer;
-`;try{k.default.setAppElement("#root")}catch(e){k.default.setAppElement("#__next")}const tr=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:i,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:d,customWidth:s,customMinWidth:u,customMaxWidth:p,contentStyle:f,contentWrapperStyle:m,customZIndex:b,hideCrossIcon:h,...y})=>{const x={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:u,overflow:"hidden",border:`1px solid ${(l.useTheme()||H).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:s&&s,maxWidth:p&&p,...f}};return g.default.createElement("div",null,g.default.createElement(k.default,E({closeTimeoutMS:500,isOpen:e,onRequestClose:a?t:void 0,style:x,contentLabel:"Modal"},y),o&&g.default.createElement(Qo,{style:n},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},g.default.createElement(Ko,{inBuiltCss:R,style:c},r),i&&g.default.createElement(_o,{inBuiltCss:R,style:d},i))),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`
+`;try{k.default.setAppElement("#root")}catch(e){k.default.setAppElement("#__next")}const tr=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:i,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:d,customWidth:s,customMinWidth:u,customMaxWidth:p,contentStyle:f,contentWrapperStyle:m,customZIndex:b,hideCrossIcon:h,...y})=>{const x={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:u,overflow:"hidden",border:`1px solid ${(l.useTheme()||H).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:s&&s,maxWidth:p&&p,...f}};return g.default.createElement("div",null,g.default.createElement(k.default,E({closeTimeoutMS:500,isOpen:e,onRequestClose:a?t:void 0,style:x,contentLabel:"Modal"},y),o&&g.default.createElement(Qo,{style:n,"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:R,style:c,"data-accordion":"contentClickFalse"},r),i&&g.default.createElement(_o,{inBuiltCss:R,style:d,"data-accordion":"contentClickFalse"},i))),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`
 ${({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}}}}
     }
 `,ar=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:a,popperOptionsP:r,settingsP:i,customStyles:n,...c})=>{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,...i};const{getArrowProps:u,getTooltipProps:p,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},p({className:"tooltip-container"}),{customStyles:n}),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:R,contentTrigger:g.default.createElement("div",null,"Trigger"),contentOverlay:g.default.createElement("div",null,"I am the Overlay")};const or=h.default.div`

package/package.json

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