groundfloor-react-ui 1.3.94 → 1.3.95

package/dist/index.es.js

@@ -1421,7 +1421,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
     }
   }
   ${({MainDivStyle:e})=>e};
-`,fl=({image:e,setImage:l,WrapperDivStyle:a,MainDivStyle:r,IconWrapperStyle:n,iconSize:s,iconColor:d,isDisabled:p,id:m})=>{const[b,g]=o(),f=i(),u=C()||R,[h,x]=o(),[y,v]=o(!1);function w(e){e.preventDefault(),e.stopPropagation()}c((()=>{if(e&&y){const t=new FileReader;t.onloadend=()=>{g(t.result)},t.readAsDataURL(e)}else g(e)}),[e]);const A=e=>{e&&"image"===e.type.substr(0,5)?(v(!0),l(e)):v(!1)};return t.createElement(ml,{onDragLeave:function(e){w(e),x(!1)},onDragOver:function(e){w(e),x(!0)},onDrop:function(e){w(e);const{files:t}=e.dataTransfer;A(t[0])},WrapperDivStyle:a,isDisabled:p},t.createElement(gl,{isDisabled:p,theme:u,MainDivStyle:r,style:{backgroundImage:`url(${b})`},onClick:e=>{e.preventDefault(),f.current.click()}},!b&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(bl,{IconWrapperStyle:n,theme:u,isDisabled:p},t.createElement("img",{src:K,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(bl,{IconWrapperStyle:n,isDisabled:p,theme:u},t.createElement(ee,{icon:"camera-icon",size:s,color:d||u.variant["primary-1"]})))),t.createElement(Cl,{id:m,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png,image/webp",onChange:e=>{v(!0),l(e.target.files[0])},disabled:p,isDisabled:p}))};fl.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},fl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const ul=m.div`
+`,fl=({fileExtensions:e,image:l,setImage:a,WrapperDivStyle:r,MainDivStyle:n,IconWrapperStyle:s,iconSize:d,iconColor:p,isDisabled:m,id:b})=>{const[g,f]=o(),u=i(),h=C()||R,[x,y]=o(),[v,w]=o(!1);function A(e){e.preventDefault(),e.stopPropagation()}c((()=>{if(l&&v){const e=new FileReader;e.onloadend=()=>{f(e.result)},e.readAsDataURL(l)}else f(l)}),[l]);const L=e=>{e&&"image"===e.type.substr(0,5)?(w(!0),a(e)):w(!1)};return t.createElement(ml,{onDragLeave:function(e){A(e),y(!1)},onDragOver:function(e){A(e),y(!0)},onDrop:function(e){A(e);const{files:t}=e.dataTransfer;L(t[0])},WrapperDivStyle:r,isDisabled:m},t.createElement(gl,{isDisabled:m,theme:h,MainDivStyle:n,style:{backgroundImage:`url(${g})`},onClick:e=>{e.preventDefault(),u.current.click()}},!g&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(bl,{IconWrapperStyle:s,theme:h,isDisabled:m},t.createElement("img",{src:K,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(bl,{IconWrapperStyle:s,isDisabled:m,theme:h},t.createElement(ee,{icon:"camera-icon",size:d,color:p||h.variant["primary-1"]})))),t.createElement(Cl,{id:b,type:"file",ref:u,accept:e.length>0?e.map((e=>`.${e}`)).join(","):void 0,onChange:e=>{w(!0),a(e.target.files[0])},disabled:m,isDisabled:m}))};fl.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},fl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1,fileExtensions:["jpg","jpeg","webp","png"]};const ul=m.div`
   border: 1px solid ${({theme:e})=>e.additional.border};
   border-radius: 4px;
   padding: 5.5px 12px;

package/dist/index.js

@@ -1421,7 +1421,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
     }
   }
   ${({MainDivStyle:e})=>e};
-`,fl=({image:e,setImage:a,WrapperDivStyle:o,MainDivStyle:i,IconWrapperStyle:r,iconSize:c,iconColor:n,isDisabled:d,id:s})=>{const[p,u]=t.useState(),f=t.useRef(),m=l.useTheme()||P,[C,b]=t.useState(),[h,x]=t.useState(!1);function y(e){e.preventDefault(),e.stopPropagation()}t.useEffect((()=>{if(e&&h){const t=new FileReader;t.onloadend=()=>{u(t.result)},t.readAsDataURL(e)}else u(e)}),[e]);const v=e=>{e&&"image"===e.type.substr(0,5)?(x(!0),a(e)):x(!1)};return g.default.createElement(dl,{onDragLeave:function(e){y(e),b(!1)},onDragOver:function(e){y(e),b(!0)},onDrop:function(e){y(e);const{files:t}=e.dataTransfer;v(t[0])},WrapperDivStyle:o,isDisabled:d},g.default.createElement(ul,{isDisabled:d,theme:m,MainDivStyle:i,style:{backgroundImage:`url(${p})`},onClick:e=>{e.preventDefault(),f.current.click()}},!p&&g.default.createElement("div",{className:"icon-on-not-preview"},g.default.createElement(pl,{IconWrapperStyle:r,theme:m,isDisabled:d},g.default.createElement("img",{src:N,alt:"",height:"40px",width:"48px"}))),g.default.createElement("div",{className:"icon-on-preview"},g.default.createElement(pl,{IconWrapperStyle:r,isDisabled:d,theme:m},g.default.createElement($,{icon:"camera-icon",size:c,color:n||m.variant["primary-1"]})))),g.default.createElement(sl,{id:s,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png,image/webp",onChange:e=>{x(!0),a(e.target.files[0])},disabled:d,isDisabled:d}))};fl.propTypes={image:b.default.any,setImage:b.default.func,WrapperDivStyle:b.default.object,MainDivStyle:b.default.object,IconWrapperStyle:b.default.object,iconSize:b.default.number},fl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const ml=h.default.div`
+`,fl=({fileExtensions:e,image:a,setImage:o,WrapperDivStyle:i,MainDivStyle:r,IconWrapperStyle:c,iconSize:n,iconColor:d,isDisabled:s,id:p})=>{const[u,f]=t.useState(),m=t.useRef(),C=l.useTheme()||P,[b,h]=t.useState(),[x,y]=t.useState(!1);function v(e){e.preventDefault(),e.stopPropagation()}t.useEffect((()=>{if(a&&x){const e=new FileReader;e.onloadend=()=>{f(e.result)},e.readAsDataURL(a)}else f(a)}),[a]);const w=e=>{e&&"image"===e.type.substr(0,5)?(y(!0),o(e)):y(!1)};return g.default.createElement(dl,{onDragLeave:function(e){v(e),h(!1)},onDragOver:function(e){v(e),h(!0)},onDrop:function(e){v(e);const{files:t}=e.dataTransfer;w(t[0])},WrapperDivStyle:i,isDisabled:s},g.default.createElement(ul,{isDisabled:s,theme:C,MainDivStyle:r,style:{backgroundImage:`url(${u})`},onClick:e=>{e.preventDefault(),m.current.click()}},!u&&g.default.createElement("div",{className:"icon-on-not-preview"},g.default.createElement(pl,{IconWrapperStyle:c,theme:C,isDisabled:s},g.default.createElement("img",{src:N,alt:"",height:"40px",width:"48px"}))),g.default.createElement("div",{className:"icon-on-preview"},g.default.createElement(pl,{IconWrapperStyle:c,isDisabled:s,theme:C},g.default.createElement($,{icon:"camera-icon",size:n,color:d||C.variant["primary-1"]})))),g.default.createElement(sl,{id:p,type:"file",ref:m,accept:e.length>0?e.map((e=>`.${e}`)).join(","):void 0,onChange:e=>{y(!0),o(e.target.files[0])},disabled:s,isDisabled:s}))};fl.propTypes={image:b.default.any,setImage:b.default.func,WrapperDivStyle:b.default.object,MainDivStyle:b.default.object,IconWrapperStyle:b.default.object,iconSize:b.default.number},fl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1,fileExtensions:["jpg","jpeg","webp","png"]};const ml=h.default.div`
   border: 1px solid ${({theme:e})=>e.additional.border};
   border-radius: 4px;
   padding: 5.5px 12px;

package/package.json

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