groundfloor-react-ui 1.2.102 → 1.2.104

package/dist/index.es.js

@@ -614,6 +614,12 @@ ${({customStyles:e})=>e}
   &:hover {
     background-color: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.color:e.primary["primary-1"])};
     color: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.backgroundColor:e.variant.white)};
+
+    svg {
+      path {
+        fill: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.backgroundColor:e.variant.white)};
+      }
+    }
   }
 
   // custom styles
@@ -1833,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)}
 
@@ -1859,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`

package/dist/index.js

@@ -614,6 +614,12 @@ ${({customStyles:e})=>e}
   &:hover {
     background-color: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.color:e.primary["primary-1"])};
     color: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.backgroundColor:e.variant.white)};
+
+    svg {
+      path {
+        fill: ${({theme:e,disabled:t,btnStyle:l})=>!t&&(l.color?l.backgroundColor:e.variant.white)};
+      }
+    }
   }
 
   // custom styles
@@ -1833,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)}
 
@@ -1859,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`

package/package.json

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