groundfloor-react-ui 1.2.20 → 1.2.21
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 +182 -143
- package/dist/index.js +80 -41
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -231,10 +231,10 @@
|
|
|
231
231
|
`:void 0}
|
|
232
232
|
};
|
|
233
233
|
`}}
|
|
234
|
-
`,
|
|
234
|
+
`,D=({variant:e,data:o,scroll:a,onClick:r,clickable:i,...n})=>{const c=l.useTheme()||z,s=t.useRef(null),d=t.useRef(null),[u,p]=t.useState(void 0),[m,g]=t.useState(void 0);let b={fontSize:"",display:""},h={fontSize:"",display:""};const y=()=>{s&&g(s?.current?.offsetWidth)};t.useEffect((()=>{y()}),[o,m]),t.useEffect((()=>{if(!a)return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)}),[]),t.useEffect((()=>{a||p(d?.current.offsetWidth)}),[o,m,u]);const x=o.reduce((function(e,t){return 9*e.label.length+13*e.value.toString().length>9*t.label.length+13*t.value.toString().length?e:t}));if(!a){const e=function(e){return{step1:15+13*e.value.toString().length+5+9*e.label.length+15,step2:15+13*e.value.toString().length+5+7*e.label.length+15,step3:15+13*e.value.toString().length+5+15}}(x);u<e.step3?(h.display="none",b.display="none"):u<e.step2?b.display="none":u<e.step1?b.fontSize="12px":b.fontSize="14px"}return f.default.createElement(Q,{theme:c,variant:e,ref:a?null:s,arrowNumber:o.length,scroll:a},o.map(((e,t)=>{return f.default.createElement(K,{id:e.id,theme:c,onClick:i?t=>r(t,e):null,clickable:i,scroll:a,ref:a?null:e.label===x.label?d:null,key:"fa"+t+"-"+e.label,index:t,dataLength:o.length,color:e.color},(l=e.value,n=e.label,f.default.createElement(N,{styleArrowContentP:b,styleArrowContentSpan:h,scroll:a},f.default.createElement("span",null,l),f.default.createElement("p",null,n))));var l,n})))};D.propTypes={variant:p.default.string,data:p.default.array,scroll:p.default.bool,onClick:p.default.func,clickable:p.default.bool},D.defaultProps={variant:null,data:[],scroll:!0,onClick:void 0,clickable:!1};const Y=m.default.img`
|
|
235
235
|
//Set the styles from the default styles object
|
|
236
236
|
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{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];for(const o in e[`${t}${l}`])a[o]=e[`${t}${l}`][o],delete e.common[o]}return{...a,...o}}}}
|
|
237
|
-
`,$=({customStyles:e,type:l,size:o,alt:a,src:r,handleImageStatus:i,...n})=>{const[c,s]=t.useState("loading"),d=t.useRef(null),u=()=>{s("loaded"),i&&i("loaded")},p=()=>{s("failed"),i&&i("failed")};return t.useEffect((()=>{const e=d.current;if(e)return e.addEventListener("load",u),e.addEventListener("error",p),()=>{e.removeEventListener("load",u),e.removeEventListener("error",p)}}),[c]),f.default.createElement(
|
|
237
|
+
`,$=({customStyles:e,type:l,size:o,alt:a,src:r,handleImageStatus:i,...n})=>{const[c,s]=t.useState("loading"),d=t.useRef(null),u=()=>{s("loaded"),i&&i("loaded")},p=()=>{s("failed"),i&&i("failed")};return t.useEffect((()=>{const e=d.current;if(e)return e.addEventListener("load",u),e.addEventListener("error",p),()=>{e.removeEventListener("load",u),e.removeEventListener("error",p)}}),[c]),f.default.createElement(Y,v({},n,{inBuiltCss:V,customStyles:e,type:l,alt:a,src:r,ref:d,size:o}))};$.propTypes={customStyles:p.default.object,type:p.default.string,size:p.default.oneOf(["SM","MD","LG"]),alt:p.default.string,src:p.default.string,handleImageStatus:p.default.func},$.defaultProps={customStyles:null,type:"image",alt:"image alternative",src:null,handleImageStatus:null};const _=m.default.span`
|
|
238
238
|
${({inBuiltCss: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}}}}
|
|
239
239
|
`,ee=m.default.div`
|
|
240
240
|
|
|
@@ -799,14 +799,14 @@ ${({customTriggerStyle:e})=>e}
|
|
|
799
799
|
font-weight: 600;
|
|
800
800
|
`,Ne=m.default.div`
|
|
801
801
|
width: 90%;
|
|
802
|
-
`,
|
|
802
|
+
`,De=m.default.div`
|
|
803
803
|
background: linear-gradient(
|
|
804
804
|
0deg,
|
|
805
805
|
hsla(0, 0%, 100%, 1) 20%,
|
|
806
806
|
hsla(0, 0%, 100%, 0.5) 100%
|
|
807
807
|
);
|
|
808
808
|
width: 90%;
|
|
809
|
-
`,
|
|
809
|
+
`,Ye=m.default.div`
|
|
810
810
|
width: 90%;
|
|
811
811
|
`,$e=m.default.div`
|
|
812
812
|
display: flex;
|
|
@@ -1484,7 +1484,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1484
1484
|
margin-left: 6px;
|
|
1485
1485
|
margin-top: -14px;
|
|
1486
1486
|
cursor: pointer;
|
|
1487
|
-
`,Qt=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(i.components.ValueContainer,l,t,o>1&&f.default.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},Kt=({label:e,labelStyle:t,optionArr:o,selectedValue:a,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:y,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:S,isLoading:w,id:E,iconName:k,iconColor:B,iconSize:M,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:P,...T})=>{const L=l.useTheme()||z,q=e=>{const t=f.default.createElement(i.components.DropdownIndicator,e,f.default.createElement(Ut,null,f.default.createElement(G,{icon:k,color:B,size:M})));return!0===I?t:null},H=e=>f.default.createElement(i.components.ClearIndicator,e,c?f.default.createElement(Ut,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(G,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=f.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??L.primary["primary-1"]}},f.default.createElement(G,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(i.components.Option,e,f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,f.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("span",{className:"text-main-alt-value"},l)},O={control:(e,t)=>({...e,border:s?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"
|
|
1487
|
+
`,Qt=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(i.components.ValueContainer,l,t,o>1&&f.default.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},Kt=({label:e,labelStyle:t,optionArr:o,selectedValue:a,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:y,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:S,isLoading:w,id:E,iconName:k,iconColor:B,iconSize:M,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:P,...T})=>{const L=l.useTheme()||z,q=e=>{const t=f.default.createElement(i.components.DropdownIndicator,e,f.default.createElement(Ut,null,f.default.createElement(G,{icon:k,color:B,size:M})));return!0===I?t:null},H=e=>f.default.createElement(i.components.ClearIndicator,e,c?f.default.createElement(Ut,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(G,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=f.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??L.primary["primary-1"]}},f.default.createElement(G,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(i.components.Option,e,f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,f.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("span",{className:"text-main-alt-value"},l)},O={control:(e,t)=>({...e,border:s?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"100%",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:u+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${d}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:u+"px",width:"100%",minWidth:"100%"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?L.neutral["neutral-5"]:L.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...T.styles};return f.default.createElement(Zt,{style:y,isValid:s,fontSize:u,theme:L},e&&f.default.createElement(Jt,{inBuiltCss:V,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(Et,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${L.ui.error}`}},"*")),"multiSelect"===C?f.default.createElement(b.default,v({components:{DropdownIndicator:q,MultiValue:F,Option:j,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,value:a,options:o,styles:O,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,id:E,isClearable:c},T)):"asyncSingleSelect"===C?f.default.createElement(h.default,v({loadOptions:p,defaultOptions:!0,onInputChange:m,styles:O,components:{DropdownIndicator:q,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:r,isLoading:w,isDisabled:S,id:E,isClearable:c},T)):"asyncMultiSelect"===C?f.default.createElement(h.default,v({components:{DropdownIndicator:q,MultiValue:F,ValueContainer:Qt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,styles:O,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,loadOptions:p,defaultOptions:!0,onInputChange:m,id:E,isClearable:c},T)):f.default.createElement(b.default,v({components:{DropdownIndicator:q,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:S,value:{value:a?a.value:"",label:a?a.label:""},styles:O,onChange:r,isLoading:w,id:E,isClearable:c},T)))};Kt.propTypes={label:p.default.string,labelStyle:p.default.object,optionArr:p.default.array,selectedValue:p.default.object,setSelectedValue:p.default.func,placeHolder:p.default.string,fontSize:p.default.number,clearSelected:p.default.func,loadOptions:p.default.func,onInputChange:p.default.func,customWrapperStyles:p.default.object,customLabelStyles:p.default.object,isRequired:p.default.bool,dropdownType:p.default.string,isDisabled:p.default.bool,isLoading:p.default.bool,isValid:p.default.bool,height:p.default.number,isClearable:p.default.bool,id:p.default.string,iconName:p.default.string,iconColor:p.default.string,iconSize:p.default.number,leftIcon:p.default.string,leftIconColor:p.default.string,leftIconSize:p.default.number,showIndicator:p.default.bool},Kt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Nt=m.default.div`
|
|
1488
1488
|
//Set the styles from the default styles object
|
|
1489
1489
|
${({inBuiltCss:e,defaultStyles:t})=>B(e,t)}
|
|
1490
1490
|
|
|
@@ -1501,13 +1501,13 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1501
1501
|
|
|
1502
1502
|
// custom styles
|
|
1503
1503
|
${({customDropzoneStyles:e})=>e}
|
|
1504
|
-
`,
|
|
1504
|
+
`,Dt=m.default.div`
|
|
1505
1505
|
//Set the styles from the default styles object
|
|
1506
1506
|
${({inBuiltCss:e,defaultStyles:t})=>B(e,t)}
|
|
1507
1507
|
|
|
1508
1508
|
// custom styles
|
|
1509
1509
|
${({customFileStyles:e})=>e}
|
|
1510
|
-
`,
|
|
1510
|
+
`,Yt=m.default.input`
|
|
1511
1511
|
display: none;
|
|
1512
1512
|
`,$t=m.default.div`
|
|
1513
1513
|
//Set the styles from the default styles object
|
|
@@ -1542,7 +1542,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1542
1542
|
align-items: center;
|
|
1543
1543
|
margin: 20px 0px;
|
|
1544
1544
|
font-size: 14px;
|
|
1545
|
-
`,al=({isValid:e,label:o,labelStyle:a,labelInline:r,required:i,message:n,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:u,customFileStyles:p,customTextStyles:m,customFileNameStyles:g,backgroundColor:b,singleFile:h,messageSize:y,additionalText:x,id:A,...C})=>{const S=l.useTheme()||z,[w,E]=t.useState(!1),k=t.createRef();function B(e){e.preventDefault(),e.stopPropagation()}function M(e,t){let l=1==t?[]:[...c];for(let t=0;t<e.length;t++)l.push(e.item(t));return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),E(!1),l}function I(e,t){if(e instanceof File){const t=c.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const l=c.filter((t=>t.name!==e.name));s(l),d(e)}(e)}return f.default.createElement("div",null,f.default.createElement("div",{style:{display:"flex",width:"inherit"}},f.default.createElement(Et,v({customStyles:a,type:"label-text",labelInline:r,text:o,style:{display:"flex",marginBottom:""+(r?"":"7px"),paddingBottom:"0px"}},C)),i&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement(Nt,{theme:S,inBuiltCss:V,defaultStyles:"dropzone-parent",backgroundColor:b,customDropzoneStyles:u,onDragLeave:function(e){B(e),E(!1)},onDragOver:function(e){B(e),E(!0)},onDrop:function(e){B(e);const{files:t}=e.dataTransfer;E(!0),C.onFilesAdded(M(t,h))},onClick:function(){k.current.click()},hover:w,isValid:e,fileArr:c},f.default.createElement(
|
|
1545
|
+
`,al=({isValid:e,label:o,labelStyle:a,labelInline:r,required:i,message:n,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:u,customFileStyles:p,customTextStyles:m,customFileNameStyles:g,backgroundColor:b,singleFile:h,messageSize:y,additionalText:x,id:A,...C})=>{const S=l.useTheme()||z,[w,E]=t.useState(!1),k=t.createRef();function B(e){e.preventDefault(),e.stopPropagation()}function M(e,t){let l=1==t?[]:[...c];for(let t=0;t<e.length;t++)l.push(e.item(t));return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),E(!1),l}function I(e,t){if(e instanceof File){const t=c.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const l=c.filter((t=>t.name!==e.name));s(l),d(e)}(e)}return f.default.createElement("div",null,f.default.createElement("div",{style:{display:"flex",width:"inherit"}},f.default.createElement(Et,v({customStyles:a,type:"label-text",labelInline:r,text:o,style:{display:"flex",marginBottom:""+(r?"":"7px"),paddingBottom:"0px"}},C)),i&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement(Nt,{theme:S,inBuiltCss:V,defaultStyles:"dropzone-parent",backgroundColor:b,customDropzoneStyles:u,onDragLeave:function(e){B(e),E(!1)},onDragOver:function(e){B(e),E(!0)},onDrop:function(e){B(e);const{files:t}=e.dataTransfer;E(!0),C.onFilesAdded(M(t,h))},onClick:function(){k.current.click()},hover:w,isValid:e,fileArr:c},f.default.createElement(Yt,v({ref:k,type:"file",id:A,multiple:1!=h,onChange:function(e){const{files:t}=e.target;E(!1),C.onFilesAdded(M(t,h))},onClick:e=>e.target.value=null},C)),e?f.default.createElement(G,{icon:"file-upload",color:w?S.bgColor:S.primary["primary-1"],size:24}):null,f.default.createElement($t,{isValid:e,hover:w,customTextStyles:m,inBuiltCss:V,defaultStyles:"dropzone-text-div"},e?f.default.createElement("div",null,f.default.createElement("span",{style:{color:w?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),f.default.createElement("span",{style:{color:w?S.bgColor:S.neutral["neutral-2"]}},"or"," "),f.default.createElement("span",{style:{color:w?S.bgColor:S.textColor}},"drag ",h?"it":"them"," here")):f.default.createElement("div",null,f.default.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),f.default.createElement("span",{style:{color:S.textColor}},n.length>y?n.slice(0,y):n)))),x.length>0&&f.default.createElement(ol,null,x)," ",c?.map(((e,t)=>f.default.createElement(Dt,{inBuiltCss:V,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},f.default.createElement(tl,null,f.default.createElement(G,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?f.default.createElement(_t,{inBuiltCss:V,type:"dropzone-file-name",customFileNameStyles:g},e.name):f.default.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),f.default.createElement(ll,null,e?.otherInfo),f.default.createElement(el,{key:101*Math.random()|0,onClick:()=>I(e)},f.default.createElement("div",{style:{marginRight:"7px"}},f.default.createElement(G,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),f.default.createElement(G,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};al.propTypes={onFilesAdded:p.default.func,isValid:p.default.bool,message:p.default.string,fileArr:p.default.array,setFileArr:p.default.func,customDropzoneStyles:p.default.object,customFileStyles:p.default.object,customTextStyles:p.default.object,customFileNameStyles:p.default.object,backgroundColor:p.default.string,messageSize:p.default.number,additionalText:p.default.string,id:p.default.string},al.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const rl=m.default.div`
|
|
1546
1546
|
border: 1px solid
|
|
1547
1547
|
${({theme:e})=>e.border};
|
|
1548
1548
|
border-radius: 4px;
|
|
@@ -1810,6 +1810,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1810
1810
|
justify-content: center;
|
|
1811
1811
|
cursor: pointer;
|
|
1812
1812
|
`,Pl=({onChange:e,activeColor:o,defaultColor:a,placeholderColor:r,placeholderText:i,customInputStyle:n,pointsArray:c,setPointsArray:s,value:d,setValue:u,valueForSignatureDrawing:p,setValueForSignatureDrawing:m,imageURL:g,setImageURL:b,id:h,...x})=>{const A=l.useTheme()||z,[v,C]=t.useState("default"),[S,w]=t.useState(!1),[E,k]=t.useState(!1),B=t.useRef(null);t.useEffect((()=>{E&&(I(),m(B.current))}),[!0===E]);const M=()=>{u(""),m(B.current),B.current&&B.current.clear(),w(!1),k(!1)},I=()=>(s(B.current.toData()),b(B.current.toDataURL("image/png")),[g,c]);return f.default.createElement(Vl,{inBuiltCss:V,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:v,activeColor:o,defaultColor:a,theme:A},f.default.createElement(Bl,{inBuiltCss:V,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:a,selected:v,isMyInputFocused:S,signIcon:!0,theme:A},f.default.createElement(Ml,{activeColor:o,defaultColor:a,isMyInputFocused:S,theme:A,penIcon:!0,onClick:()=>{C("default"),M()}},f.default.createElement(G,{icon:"pen-icon",color:"default"===v?o||A.primary["primary-1"]:A.black})),f.default.createElement(Ml,{activeColor:o,defaultColor:a,theme:A,isMyInputFocused:S,penIcon:!1,onClick:()=>{C("sign"),M()}},f.default.createElement(G,{icon:"sign-icon",color:"default"!==v?o||A.primary["primary-1"]:A.black}))),f.default.createElement(Bl,{inBuiltCss:V,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:a,theme:A,selected:v,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===v?f.default.createElement(Il,{inBuiltCss:V,defaultInputStyle:"signature-input-text",placeholder:i,placeholderColor:r,customInputStyle:n,onBlur:()=>w(!1),onFocus:()=>w(!0),id:h,value:d,defaultColor:a,theme:A,onChange:e=>u(e.target.value)}):f.default.createElement(Wl,{onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),onClick:()=>{k(!0),I()}},f.default.createElement(y.default,{ref:B,id:h,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(d||E)&&f.default.createElement(Rl,{selected:v,onClick:()=>M()},f.default.createElement(G,{icon:"cross-icon",color:a||A.neutral["neutral-3"]}))))};Pl.propTypes={activeColor:p.default.string,defaultColor:p.default.string,placeholderColor:p.default.string,placeholderText:p.default.string,customInputStyle:p.default.object,pointsArray:p.default.any,setPointsArray:p.default.func,value:p.default.string,setValue:p.default.func,imageURL:p.default.string,setImageURL:p.default.func,id:p.default.string},Pl.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Tl=m.default.div`
|
|
1813
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1813
1814
|
//Set the styles from the default styles object
|
|
1814
1815
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>B(e,t)}
|
|
1815
1816
|
|
|
@@ -1936,7 +1937,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1936
1937
|
// custom styles
|
|
1937
1938
|
${({customSwitchStyle:e})=>e}
|
|
1938
1939
|
}
|
|
1939
|
-
`,
|
|
1940
|
+
`,Dl=m.default.input.attrs({type:"checkbox"})`
|
|
1940
1941
|
opacity: 0;
|
|
1941
1942
|
z-index: 1;
|
|
1942
1943
|
border-radius: 31px;
|
|
@@ -1947,7 +1948,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1947
1948
|
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
1948
1949
|
|
|
1949
1950
|
|
|
1950
|
-
`,
|
|
1951
|
+
`,Yl=m.default.span`
|
|
1951
1952
|
|
|
1952
1953
|
margin-right: ${({labelPosition:e})=>"30px"};
|
|
1953
1954
|
|
|
@@ -1956,7 +1957,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1956
1957
|
|
|
1957
1958
|
// custom styles
|
|
1958
1959
|
${({optionStyle:e})=>e}
|
|
1959
|
-
`,$l=({checked:e,customSwitchStyle:t,customToggleBoxStyle:o,backgroundColor:a,disabledColor:r,switchColor:i,onClick:n,trueLabel:c,falseLabel:s,optionStyle:d,labelPosition:u,id:p,...m})=>{const g=l.useTheme()||z;return f.default.createElement(Kl,v({inBuiltCss:V,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},m),"left"===u&&f.default.createElement(
|
|
1960
|
+
`,$l=({checked:e,customSwitchStyle:t,customToggleBoxStyle:o,backgroundColor:a,disabledColor:r,switchColor:i,onClick:n,trueLabel:c,falseLabel:s,optionStyle:d,labelPosition:u,id:p,...m})=>{const g=l.useTheme()||z;return f.default.createElement(Kl,v({inBuiltCss:V,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},m),"left"===u&&f.default.createElement(Yl,v({optionStyle:d,inBuiltCss:V,labelPosition:u,defaultOptionTextStyle:"toggle-switch-option-text"},m),e?c:s),f.default.createElement(Dl,v({},m,{labelPosition:u,id:p,inBuiltCss:V,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{n(!e)},isChecked:e})),f.default.createElement(Nl,v({},m,{labelPosition:u,htmlFor:p,customToggleBoxStyle:o,customSwitchStyle:t,disabledColor:r,backgroundColor:a,switchColor:i,inBuiltCss:V,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:g})),"right"===u&&f.default.createElement(Yl,v({optionStyle:d,inBuiltCss:V,labelPosition:u,defaultOptionTextStyle:"toggle-switch-option-text"},m),e?c:s))};$l.propTypes={customToggleBoxStyle:p.default.object,customSwitchStyle:p.default.object,backgroundColor:p.default.string,checked:p.default.bool,trueLabel:p.default.string,falseLabel:p.default.string,id:p.default.string,labelPosition:p.default.string},$l.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:"",labelPosition:"right"};const _l=m.default.div`
|
|
1960
1961
|
box-sizing: border-box;
|
|
1961
1962
|
display: flex;
|
|
1962
1963
|
justify-content: center;
|
|
@@ -2298,8 +2299,46 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2298
2299
|
`,Go=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:o,popperOptionsP:r,settingsP:i,customStyles:n,...c})=>{let s={},d={};t?(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,...i};const{getArrowProps:u,getTooltipProps:p,setTooltipRef:m,setTriggerRef:g,visible:b}=a.usePopperTooltip({...d},s);return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},l),b&&f.default.createElement(Oo,v({type:t?"simple-overlay":"overlay",theme:e,ref:m},p({className:"tooltip-container"}),{customStyles:n}),o))};Go.propTypes={theme:p.default.object,contentTrigger:p.default.any,contentOverlay:p.default.any,popperOptionsP:p.default.object,settingsP:p.default.object,customStyles:p.default.object,toggleSimple:p.default.bool},Go.defaultProps={theme:V,contentTrigger:f.default.createElement("div",null,"Trigger"),contentOverlay:f.default.createElement("div",null,"I am the Overlay")};const Xo=m.default.div`
|
|
2299
2300
|
display: flex;
|
|
2300
2301
|
align-items: center;
|
|
2302
|
+
justify-content: center;
|
|
2301
2303
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2302
|
-
|
|
2304
|
+
|
|
2305
|
+
${({customWrapperStyles:e})=>e}
|
|
2306
|
+
`,Zo=m.default.span`
|
|
2307
|
+
background-color: ${({selected:e,theme:t})=>e?t.variant["neutral-5"]:"transparent"};
|
|
2308
|
+
color: ${({selected:e,theme:t})=>e?t.variant["primary-2"]:t.variant["neutral-3"]};
|
|
2309
|
+
padding: 8px 14px;
|
|
2310
|
+
margin: 0 5px;
|
|
2311
|
+
border-radius: 6.25px;
|
|
2312
|
+
cursor: pointer;
|
|
2313
|
+
height: 31px;
|
|
2314
|
+
width: 31px;
|
|
2315
|
+
font-size: 14px;
|
|
2316
|
+
|
|
2317
|
+
${({customItemStyles:e})=>e}
|
|
2318
|
+
`,Jo=m.default.div`
|
|
2319
|
+
display: flex;
|
|
2320
|
+
justify-content: center;
|
|
2321
|
+
align-items: center;
|
|
2322
|
+
cursor: pointer;
|
|
2323
|
+
letter-spacing: 1.56348px;
|
|
2324
|
+
font-size: 12.51px;
|
|
2325
|
+
.prev-text {
|
|
2326
|
+
color: ${({theme:e,disabled:t})=>t?e.variant["neutral-3"]:e.variant["primary-2"]};
|
|
2327
|
+
padding: 0 16px;
|
|
2328
|
+
}
|
|
2329
|
+
.next-text {
|
|
2330
|
+
color: ${({theme:e,disabled:t})=>t?e.variant["neutral-3"]:e.variant["primary-2"]};
|
|
2331
|
+
padding: 0 16px;
|
|
2332
|
+
}
|
|
2333
|
+
|
|
2334
|
+
${({customIconWrapperStyles:e})=>e}
|
|
2335
|
+
`,Uo=m.default.div`
|
|
2336
|
+
padding: 0 15px;
|
|
2337
|
+
`,Qo=({selectedPage:e,setSelectedPage:o,totalPage:a,customItemStyles:r,customWrapperStyles:i,customIconWrapperStyles:n,previousText:c,nextText:s,...d})=>{const u=l.useTheme()||z,[p,m]=t.useState([1,2,3,4,5]),g=t=>{let l=[];"increase"===t&&p[4]<=a&&e!==p[4]?o(e+1):"increase"===t&&p[4]<a?(p.map((e=>l.push(e+1))),o(e+1),m(l)):"decrease"===t&&p[0]>1?(p.map((e=>l.push(e-1))),o(e-1),m(l)):"decrease"===t&&1!==e&&o(e-1)};return f.default.createElement(Xo,v({theme:u,customWrapperStyles:i},d),f.default.createElement(Jo,v({onClick:()=>g("decrease"),disabled:1===e,theme:u,customIconWrapperStyles:n},d),f.default.createElement(G,{icon:"triangle-down",transform:"rotate(90deg)",color:u.variant["neutral-3"]}),f.default.createElement("span",{className:"prev-text"}," ",c)),f.default.createElement(Uo,d,p.map(((t,l)=>f.default.createElement(Zo,{theme:u,selected:e===t,onClick:()=>o(t),customItemStyles:r},t)))),f.default.createElement(Jo,{onClick:()=>g("increase"),disabled:e===a,theme:u,customIconWrapperStyles:n},f.default.createElement("span",{className:"next-text"}," ",s),f.default.createElement(G,{icon:"triangle-down",transform:"rotate(-90deg)",color:u.variant["neutral-3"]}))," ")};Qo.propTypes={customItemStyles:p.default.object,selectedPage:p.default.number,customWrapperStyles:p.default.object,customIconWrapperStyles:p.default.object,previousText:p.default.string,nextText:p.default.string},Qo.defaultProps={selectedPage:1,customItemStyles:{},customWrapperStyles:{},customIconWrapperStyles:{},previousText:"PREVIOUS",nextText:"NEXT"};const Ko=m.default.div`
|
|
2338
|
+
display: flex;
|
|
2339
|
+
align-items: center;
|
|
2340
|
+
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2341
|
+
`,No=({...e})=>{const t=l.useTheme()||z;return f.default.createElement(Ko,{theme:t},e.children)},Do=m.default.div`
|
|
2303
2342
|
font-size: 14px;
|
|
2304
2343
|
color: ${({selected:e,theme:t})=>e?t.variant["primary-1"]:null};
|
|
2305
2344
|
|
|
@@ -2315,7 +2354,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2315
2354
|
&:not(:first-child):not(:last-child) {
|
|
2316
2355
|
margin: 0 22px;
|
|
2317
2356
|
}
|
|
2318
|
-
`;(
|
|
2357
|
+
`;(No.PageItem=function({selected:e,...t}){const o=l.useTheme()||z;return f.default.createElement(Do,v({selected:e,theme:o},t),t.children)}).propTypes={selected:p.default.bool},No.PageItem.defaultProps={selected:!1};const Yo=m.default.div`
|
|
2319
2358
|
height: 10px;
|
|
2320
2359
|
border-radius: 10px;
|
|
2321
2360
|
margin-top: 13px;
|
|
@@ -2323,7 +2362,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2323
2362
|
margin-right: 13px;
|
|
2324
2363
|
width: inherit;
|
|
2325
2364
|
background-color: ${({color:e,theme:t})=>M(e||t.primary["primary-1"],.5)};
|
|
2326
|
-
|
|
2365
|
+
`,$o=m.default.div`
|
|
2327
2366
|
height: inherit;
|
|
2328
2367
|
width: inherit;
|
|
2329
2368
|
transition: width 1s ease-in-out;
|
|
@@ -2334,12 +2373,12 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2334
2373
|
${({progressBarStyle:e})=>e}
|
|
2335
2374
|
width: ${({now:e})=>e+"%"};
|
|
2336
2375
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2337
|
-
`,
|
|
2376
|
+
`,_o=({labelStyle:e,progressBarStyle:t,label:o,now:a,color:r,...i})=>{const n=l.useTheme()||z;return f.default.createElement("div",null,f.default.createElement(Et,v({inBuiltCss:V,customStyles:e,type:"progressbarLabel",text:o},i)),f.default.createElement(Yo,v({progressBarStyle:t,theme:n,color:r},i),f.default.createElement($o,v({progressBarStyle:t,now:a,theme:n,color:r},i))))};_o.propTypes={labelStyle:p.default.object,progressBarStyle:p.default.object,color:p.default.string,label:p.default.string,now:p.default.number},_o.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const ea=m.default.div`
|
|
2338
2377
|
background: transparent;
|
|
2339
2378
|
display: flex;
|
|
2340
2379
|
align-items: center;
|
|
2341
2380
|
width: ${({block:e})=>e?"100%":"fit-content"};
|
|
2342
|
-
`,
|
|
2381
|
+
`,ta=m.default.div`
|
|
2343
2382
|
margin: 0;
|
|
2344
2383
|
color: ${({theme:e,variantOff:t})=>e.variant[t]};
|
|
2345
2384
|
white-space: nowrap;
|
|
@@ -2357,16 +2396,16 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2357
2396
|
&>div:first-of-type{
|
|
2358
2397
|
color: ${({theme:e,variantOn:t})=>e.variant[t]};
|
|
2359
2398
|
}
|
|
2360
|
-
`,
|
|
2399
|
+
`,la=m.default.div`
|
|
2361
2400
|
display: flex;
|
|
2362
2401
|
margin-left: 20px;
|
|
2363
|
-
|
|
2402
|
+
`,oa=m.default.div`
|
|
2364
2403
|
height: 6px;
|
|
2365
2404
|
width: ${({widthStep:e})=>e}px;
|
|
2366
2405
|
margin: 0 3px;
|
|
2367
2406
|
background-color: ${({theme:e,isActive:t,variantOn:l,variantOff:o})=>t?e.variant[l]:e.variant[o]};
|
|
2368
2407
|
border-radius: 19px;
|
|
2369
|
-
`,
|
|
2408
|
+
`,aa=({block:e,variantOn:t,variantOff:o,currentStep:a,totalSteps:r,widthStep:i,style:n,...c})=>(l.useTheme(),f.default.createElement(ea,v({block:e},c,{style:n}),f.default.createElement(ta,v({},c,{variantOn:t,variantOff:o}),"Page ",f.default.createElement("div",null,a)," of ",f.default.createElement("div",null,r)),f.default.createElement(la,c,Array.from(Array(r).keys()).map((e=>f.default.createElement(oa,{key:"formSteps".concat(e),isActive:a===e+1,variantOn:t,variantOff:o,widthStep:i}))))));aa.propTypes={variantOn:p.default.string,variantOff:p.default.string,block:p.default.bool,theme:p.default.object,currentStep:p.default.number,totalSteps:p.default.number,widthStep:p.default.number},ea.defaultProps={theme:z},ta.defaultProps={theme:z},la.defaultProps={theme:z},oa.defaultProps={theme:z},aa.defaultProps={theme:z,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const ra=m.default.button`
|
|
2370
2409
|
background: ${({disabled:e,theme:t,bgVariant:l})=>e?"#BBC4CF":t.variant[l]};
|
|
2371
2410
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2372
2411
|
padding: 6px 17px;
|
|
@@ -2393,7 +2432,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2393
2432
|
* {
|
|
2394
2433
|
outline: none;
|
|
2395
2434
|
}
|
|
2396
|
-
`,
|
|
2435
|
+
`,ia=({block:e,style:t,variant:o,bgVariant:a,disabled:r,...i})=>(l.useTheme(),f.default.createElement(ra,v({block:e,variant:o,bgVariant:a,type:"button",style:t,disabled:r},i),i.children));ia.propTypes={variant:p.default.string,bgVariant:p.default.string,disabled:p.default.bool,block:p.default.bool,onClick:p.default.func,theme:p.default.object},ra.defaultProps={theme:z},ia.defaultProps={theme:z,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const na=m.default.button`
|
|
2397
2436
|
background: ${({disabled:e,theme:t})=>e?"#BBC4CF":t.bgColor};
|
|
2398
2437
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2399
2438
|
padding: 6px 17px;
|
|
@@ -2416,7 +2455,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2416
2455
|
fill: #929EAC;
|
|
2417
2456
|
}
|
|
2418
2457
|
}
|
|
2419
|
-
`,
|
|
2458
|
+
`,ca=({block:e,style:t,variant:o,borderVariant:a,disabled:r,...i})=>(l.useTheme(),f.default.createElement(na,v({block:e,variant:o,borderVariant:a,type:"button",style:t,disabled:r},i),i.children));ca.propTypes={variant:p.default.string,borderVariant:p.default.string,disabled:p.default.bool,block:p.default.bool,onClick:p.default.func,theme:p.default.object},na.defaultProps={theme:z},ca.defaultProps={theme:z,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const sa=m.default.div`
|
|
2420
2459
|
min-height: 51px;
|
|
2421
2460
|
display: flex;
|
|
2422
2461
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
@@ -2432,13 +2471,13 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2432
2471
|
}
|
|
2433
2472
|
|
|
2434
2473
|
${({headerStyles:e})=>e}
|
|
2435
|
-
`,
|
|
2474
|
+
`,da=m.default.div`
|
|
2436
2475
|
display: flex;
|
|
2437
2476
|
background-color: transparent;
|
|
2438
2477
|
flex-direction: column;
|
|
2439
2478
|
align-items: center;
|
|
2440
2479
|
width: 100%;
|
|
2441
|
-
`,
|
|
2480
|
+
`,ua=m.default.div`
|
|
2442
2481
|
display: flex;
|
|
2443
2482
|
align-items: center;
|
|
2444
2483
|
cursor: pointer;
|
|
@@ -2460,14 +2499,14 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2460
2499
|
p {
|
|
2461
2500
|
margin: 8.25px 0px;
|
|
2462
2501
|
}
|
|
2463
|
-
`,
|
|
2502
|
+
`,pa=m.default.div`
|
|
2464
2503
|
display: flex;
|
|
2465
2504
|
background-color: transparent;
|
|
2466
2505
|
flex-direction: column;
|
|
2467
2506
|
align-items: center;
|
|
2468
2507
|
width: 100%;
|
|
2469
2508
|
margin-top: auto;
|
|
2470
|
-
`,
|
|
2509
|
+
`,fa=m.default.div`
|
|
2471
2510
|
display: flex;
|
|
2472
2511
|
align-items: center;
|
|
2473
2512
|
cursor: pointer;
|
|
@@ -2489,7 +2528,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2489
2528
|
p {
|
|
2490
2529
|
margin: 8.25px 31px;
|
|
2491
2530
|
}
|
|
2492
|
-
`,
|
|
2531
|
+
`,ma=m.default.div`
|
|
2493
2532
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
2494
2533
|
color: ${({theme:e})=>e.bgColor};
|
|
2495
2534
|
overflow-y: auto;
|
|
@@ -2501,7 +2540,7 @@ ${({isOpen:e,forceOpen:t,inBuiltCss:l,type:o,customStylesContainerOpen:a,customS
|
|
|
2501
2540
|
@media (max-width: 980px) {
|
|
2502
2541
|
${({isOpen:e,inBuiltCss:t,type:l,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:a})=>{}}
|
|
2503
2542
|
}
|
|
2504
|
-
`,
|
|
2543
|
+
`,ga=m.default.div`
|
|
2505
2544
|
${({inBuiltCss:e,type:t})=>B(e,"sidebar-pusher")}
|
|
2506
2545
|
${({customStylesPusher:e})=>e}
|
|
2507
2546
|
|
|
@@ -2510,33 +2549,33 @@ ${({forceOpen:e,inBuiltCss:t,type:l,customStylesPusherOpen:o,customStylesPusherC
|
|
|
2510
2549
|
@media (max-width: 980px) {
|
|
2511
2550
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...B(e,"sidebar-pusher-mobile"),...l})}}
|
|
2512
2551
|
}
|
|
2513
|
-
`,
|
|
2552
|
+
`,ba=({customStylesContainer:e,customStylesContainerOpen:t,customStylesContainerClose:o,customStylesContainerMobileOpen:a,customStylesContainerMobileClose:r,customStylesPusher:i,customStylesPusherOpen:n,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:d,forceClose:u,handleSidebar:p,toggleSideBarOpen:m,pinner:g,...b})=>{function h(e){p(e)}const y=l.useTheme()||z;return f.default.createElement(ma,v({theme:y,inBuiltCss:V,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{d||h(!0)},onMouseLeave:()=>{h(!1),u()},forceOpen:d,isOpen:m},b),f.default.createElement(ga,null),b.children,g)};ba.propTypes={customStylesContainer:p.default.object,customStylesContainerOpen:p.default.object,customStylesContainerClose:p.default.object,customStylesContainerMobileOpen:p.default.object,customStylesContainerMobileClose:p.default.object,customStylesPusher:p.default.object,customStylesPusherOpen:p.default.object,customStylesPusherClose:p.default.object,customStylesPusherMobile:p.default.object,forceOpen:p.default.bool,forceClose:p.default.func,handleSidebar:p.default.func,toggleSideBarOpen:p.default.bool,pinner:p.default.any},ba.defaultProps={forceClose:()=>{},forceOpen:!1};const ha={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},ya=m.default.div`
|
|
2514
2553
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2515
2554
|
color: ${({theme:e})=>e.bgColor};
|
|
2516
|
-
padding: ${({size:e})=>
|
|
2555
|
+
padding: ${({size:e})=>ha[e].padding};
|
|
2517
2556
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
2518
2557
|
border-radius: 42px;
|
|
2519
|
-
font-size: ${({size:e})=>
|
|
2558
|
+
font-size: ${({size:e})=>ha[e].fontSize};
|
|
2520
2559
|
font-weight: 600;
|
|
2521
2560
|
display: flex;
|
|
2522
2561
|
align-items: center;
|
|
2523
2562
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
2524
2563
|
box-sizing: border-box;
|
|
2525
2564
|
|
|
2526
|
-
`,
|
|
2565
|
+
`,xa=({block:e,style:t,variant:o,...a})=>(l.useTheme(),f.default.createElement(ya,v({block:e,variant:o,style:t},a),a.children));xa.propTypes={variant:p.default.string,block:p.default.bool,theme:p.default.object},ya.defaultProps={theme:z},xa.defaultProps={theme:z,variant:"primary-1",block:!1};const Aa={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},va=m.default.div`
|
|
2527
2566
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2528
2567
|
background: ${({theme:e})=>e.bgColor};
|
|
2529
|
-
padding: ${({size:e})=>
|
|
2568
|
+
padding: ${({size:e})=>Aa[e].padding};
|
|
2530
2569
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
2531
2570
|
border-radius: 42px;
|
|
2532
|
-
font-size: ${({size:e})=>
|
|
2571
|
+
font-size: ${({size:e})=>Aa[e].fontSize};
|
|
2533
2572
|
font-weight: 600;
|
|
2534
2573
|
display: flex;
|
|
2535
2574
|
align-items: center;
|
|
2536
2575
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
2537
2576
|
box-sizing: border-box;
|
|
2538
2577
|
|
|
2539
|
-
`,
|
|
2578
|
+
`,Ca=({block:e,style:t,variant:o,...a})=>(l.useTheme(),f.default.createElement(va,v({block:e,variant:o,style:t},a),a.children));Ca.propTypes={variant:p.default.string,block:p.default.bool,theme:p.default.object},va.defaultProps={theme:z},Ca.defaultProps={theme:z,variant:"primary-1",block:!1};const Sa={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},wa=m.default.div`
|
|
2540
2579
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
2541
2580
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
2542
2581
|
border-radius: 13.5px;
|
|
@@ -2544,11 +2583,11 @@ font-size: 14px;
|
|
|
2544
2583
|
display: flex;
|
|
2545
2584
|
align-items: center;
|
|
2546
2585
|
justify-content: center;
|
|
2547
|
-
width: ${({block:e,size:t})=>e?"auto":
|
|
2586
|
+
width: ${({block:e,size:t})=>e?"auto":Sa[t].width};
|
|
2548
2587
|
height: 28px;
|
|
2549
2588
|
box-sizing: border-box;
|
|
2550
2589
|
overflow: hidden;
|
|
2551
|
-
`,
|
|
2590
|
+
`,Ea=({block:e,style:t,variant:o,textColor:a,bgColor:r,...i})=>(l.useTheme(),f.default.createElement(wa,v({block:e,variant:o,textColor:a,bgColor:r,style:t},i),i.children));Ea.propTypes={variant:p.default.string,size:p.default.oneOf(["xsm","sm","md","lg"]),block:p.default.bool,theme:p.default.object,textColor:p.default.string,bgColor:p.default.string},wa.defaultProps={theme:z},Ea.defaultProps={theme:z,variant:"primary-1",block:!1,size:"sm"};const ka={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},za=m.default.div`
|
|
2552
2591
|
background: ${({theme:e})=>e.bgColor};
|
|
2553
2592
|
color: ${({theme:e,variant:t,textColor:l})=>l||e.variant[t]};
|
|
2554
2593
|
border: 1px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
@@ -2557,13 +2596,13 @@ font-size: 14px;
|
|
|
2557
2596
|
display: flex;
|
|
2558
2597
|
align-items: center;
|
|
2559
2598
|
justify-content: center;
|
|
2560
|
-
width: ${({block:e,size:t})=>e?"auto":
|
|
2599
|
+
width: ${({block:e,size:t})=>e?"auto":ka[t].width};
|
|
2561
2600
|
height: 27px;
|
|
2562
2601
|
box-sizing: border-box;
|
|
2563
2602
|
overflow: hidden;
|
|
2564
|
-
`,
|
|
2603
|
+
`,Va=({block:e,style:t,variant:o,textColor:a,borderColor:r,...i})=>(l.useTheme(),f.default.createElement(za,v({block:e,variant:o,textColor:a,borderColor:r,style:t},i),i.children));Va.propTypes={variant:p.default.string,size:p.default.oneOf(["xsm","sm","md","lg"]),block:p.default.bool,theme:p.default.object,textColor:p.default.string,borderColor:p.default.string},za.defaultProps={theme:z},Va.defaultProps={theme:z,variant:"primary-1",block:!1,size:"sm"};const Ba={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},Ma=m.default.div`
|
|
2565
2604
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
|
|
2566
2605
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
2567
|
-
font-size: ${({size:e})=>
|
|
2568
|
-
line-height: ${({size:e})=>
|
|
2569
|
-
`,
|
|
2606
|
+
font-size: ${({size:e})=>Ba[e].fontSize};
|
|
2607
|
+
line-height: ${({size:e})=>Ba[e].lineHeight};
|
|
2608
|
+
`,Ia=({size:e,children:t,bg:o,text:a,...r})=>{const i=l.useTheme()||z;return f.default.createElement(Ma,v({theme:i,bg:o,text:a,size:e},r),f.default.createElement(so,{theme:i}),t)};Ia.propTypes={size:p.default.oneOf(["xs","sm","md","lg"]),text:p.default.string,bg:p.default.string,children:p.default.any,theme:p.default.object},Ia.defaultProps={size:"md"},exports.Accordion=Z,exports.AccordionSB=J,exports.AccordionSBfooter=U,exports.ActionContainer=$e,exports.ActionItem=tt,exports.ArrowBar=D,exports.Avatar=le,exports.AvatarSB=ie,exports.AvatarSBfooter=de,exports.Banner=fe,exports.Breadcrumb=Oe,exports.ButtonPopup=ho,exports.Card=W,exports.CardRef=P,exports.CheckBoxInput=It,exports.ColorInput=Pt,exports.Content=Xe,exports.DarkSecondaryLink=ia,exports.DateSelect=Xt,exports.Divider=st,exports.DocumentCard=j,exports.Drawer=ut,exports.DropdownSelect=Kt,exports.DropzoneInput=al,exports.ErrorBoundary=pt,exports.FilterChip=gt,exports.Footer=ht,exports.FooterContent=({variant:e,textColor:t,size:l,width:o,footerWidth:a,...r})=>{const i=(new Date).getFullYear();return f.default.createElement(yt,v({variant:e,textColor:t,footerWidth:a},r),f.default.createElement(xt,{footerWidth:a},f.default.createElement(At,{footerWidth:a},"Premise HQ"),f.default.createElement(vt,{footerWidth:a},"|"),f.default.createElement(At,{footerWidth:a},"All Rights Restricted ",i," ©")),f.default.createElement(xt,{footerWidth:a},f.default.createElement(At,{footerWidth:a},"Terms of use"),f.default.createElement(vt,{footerWidth:a},"|"),f.default.createElement(At,{footerWidth:a},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...o})=>{const a=e=>{switch(e.type){case"header":return(e=>f.default.createElement(t.Fragment,null,f.default.createElement(St,v({},e,o),e.children),e))(e);case"label":return(e=>f.default.createElement(Et,v({style:{marginBottom:"7px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>f.default.createElement(kl,v({},e,o)))(e);case"textArea":return(e=>f.default.createElement(jl,v({},e,o)))(e);case"number":return(e=>f.default.createElement(dl,v({},e,o)))(e);case"radio":return(e=>f.default.createElement(vl,v({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>f.default.createElement(It,v({},e,o)))(e);case"singleSelect":return(e=>f.default.createElement(Kt,v({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>f.default.createElement(Kt,v({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>f.default.createElement(Kt,v({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>f.default.createElement(Kt,v({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>f.default.createElement(Pl,v({},e,o)))(e);case"fileUpload":return(e=>f.default.createElement(al,v({},e,o)))(e);case"date":return(e=>f.default.createElement(Xt,v({},e,o)))(e);case"toggle":return(e=>f.default.createElement($l,v({},e,o)))(e);case"rating":return(e=>f.default.createElement(ro,v({},e,o)))(e);case"buttonPrimary":return(e=>f.default.createElement(Se,v({},e,o)))(e);case"buttonSecondary":return(e=>f.default.createElement(ke,v({},e,o)))(e);case"buttonTiny":return(e=>f.default.createElement(Ve,v({},e,o)))(e);case"search":return(e=>f.default.createElement(zl,v({},e,o)))(e);case"table":return(e=>f.default.createElement(no,v({},e,o)))(e);case"passwordInput":return(e=>f.default.createElement(gl,v({},e,o)))(e);case"headerComponent":return(e=>f.default.createElement(co,v({},e,o)))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(lt,{defaultThemeColor:z},f.default.createElement(nt,{onSubmit:()=>{console.log("form submit")},customStyles:l},e.map(((e,t)=>e.length>1?f.default.createElement(at,null,e.map(((t,l)=>f.default.createElement(rt,{cols:e.length},a(t))))):a(e[0]))))))},exports.FormContainer=lt,exports.FormWrapper=nt,exports.GroupAvatars=fo,exports.GroupButtons=vo,exports.GroupButtonsPopup=Eo,exports.GroupStatusCircle=Io,exports.Header=St,exports.HeaderComponent=co,exports.HyperLink=Po,exports.Icon=G,exports.Image=$,exports.Label=Et,exports.LightSecondaryLink=ca,exports.LinkButton=xe,exports.Loader=be,exports.ModalComp=Fo,exports.MultiColumnDiv=rt,exports.MultiColumnWrapper=at,exports.Navbar=({headerContent:e,bodyContent:o,footerContent:a,selectedApp:r,setApp:i,toggleSideBarOpen:n,headerStyles:c,selectedStyle:s,notSelectedStyle:d,customStylesNameHover:u,listElementStyle:p,customSelectCardColor:m,user:g,firstBottomContent:b,secondBottomContent:h,...y})=>{const x=l.useTheme()||z,[A,v]=t.useState(null),[C,S]=t.useState(null);return f.default.createElement("div",{onMouseLeave:()=>{v(null),S(null)},style:{display:"flex",flexDirection:"column",height:"98vh"}},f.default.createElement(sa,{theme:x,headerStyles:c},e),f.default.createElement(da,null,o?.map(((e,t)=>f.default.createElement(J,{key:e.id,index:t,handleClick:e=>{!function(e){S(null),v(e)}(e)},isAccordionOpen:t===A,isSelected:e.userName===r.lev1,customSelectCardColor:m,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(ie,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===r.lev1?"600":"400"},customStylesNameHover:u,size:"LG",user:e,isSelected:e.userName===r.lev1}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.subdirectory?.map(((t,l)=>f.default.createElement(ua,{listElementStyle:p,key:e.id+t,onClick:()=>{i({lev1:`${e.userName}`,lev2:`${t}`})}},f.default.createElement("span",{style:{visibility:r.lev2===t?"visible":"hidden"}}),f.default.createElement("p",{style:{marginTop:0===l&&"0px"}},t)))))})))),f.default.createElement(pa,null,f.default.createElement(U,{index:0,handleClick:e=>{!function(e){v(null),S(e)}(e)},isAccordionOpen:0===C,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(ie,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:u,size:"LG",user:{fullName:g.fullName||"My Account",userName:g.userName||"My Account",url:g.imgUrl}}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},f.default.createElement(fa,{listElementStyle:p},b),f.default.createElement(fa,{onClick:()=>{}},h))})))},exports.NumericInput=dl,exports.Overlay=Go,exports.OverlayOptionContainer=_e,exports.OverlayOptionItemLabel=et,exports.PageContent=Ze,exports.Pagination=Qo,exports.PaginationDefault=No,exports.PasswordInput=gl,exports.PrimaryButton=Se,exports.PrimaryStatusChip=xa,exports.ProgressBar=_o,exports.ProgressSteps=aa,exports.RadioInput=vl,exports.Rating=ro,exports.SearchInput=zl,exports.SecondaryButton=ke,exports.SecondaryStatusChip=Ca,exports.Sidebar=ba,exports.SignatureInput=Pl,exports.SlimPrimaryStatusChip=Ea,exports.SlimSecondaryStatusChip=Va,exports.StatusCircle=zo,exports.StyledCentralBar=Qe,exports.StyledClearSearch=Ue,exports.StyledCreateRow=Ne,exports.StyledRow=De,exports.StyledRowSearch=Je,exports.StyledSearchRow=Ye,exports.StyledWarning=Ke,exports.SubmitButtonContainer=ot,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:o,style:a,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>f.default.createElement(Se,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>f.default.createElement(ke,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(ot,{style:a},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=no,exports.TextArea=jl,exports.TextInput=kl,exports.TimeInput=Ql,exports.TinyButton=Ve,exports.ToggleSwitch=$l,exports.Tooltip=Le,exports.Typography=Ia,exports.defaultStyles=V,exports.defaultThemeColor=z,exports.getDefaultStyles=B,exports.graphColor=k,exports.hexToRGB=M,exports.neutralColor=w,exports.primaryColor=C,exports.shadeColor=E,exports.uiColor=S;
|