groundfloor-react-ui 1.2.5 → 1.2.6
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/components/DesignComponent/StyledComponent/StyledComponent.js +15 -1
- package/components/Form/FormComponent.js +10 -5
- package/components/Form/index.js +0 -1
- package/components/Inputs/NumericInput.js +1 -0
- package/components/Inputs/PasswordInput.js +1 -1
- package/components/Inputs/TextInput.js +1 -1
- package/dist/index.es.js +102 -101
- package/dist/index.js +102 -101
- package/package.json +1 -1
- package/components/Form/FormWrapper.js +0 -15
package/dist/index.js
CHANGED
|
@@ -822,20 +822,27 @@ ${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t i
|
|
|
822
822
|
max-width: 48%;
|
|
823
823
|
min-width: 48%;
|
|
824
824
|
|
|
825
|
-
`,Ke=m.default.
|
|
825
|
+
`,Ke=m.default.form`
|
|
826
|
+
width: 40vw;
|
|
827
|
+
display: flex;
|
|
828
|
+
justify-content: center;
|
|
829
|
+
flex-direction: column;
|
|
830
|
+
gap: 20px;
|
|
831
|
+
${({customStyles:e})=>e}
|
|
832
|
+
`,Ne=({customStyles:e,children:t})=>f.default.createElement(Ke,{customStyles:e},t),Ye=m.default.div`
|
|
826
833
|
display: ${({vertical:e})=>e?"inline-block":"block"};
|
|
827
834
|
background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
|
|
828
835
|
content: '';
|
|
829
836
|
height: ${({vertical:e,thickness:t,height:l})=>e?l:t};
|
|
830
837
|
width: ${({vertical:e,thickness:t})=>e?t:null};
|
|
831
|
-
`,
|
|
838
|
+
`,De=({vertical:e,borderColor:t,thickness:o,height:r,...a})=>{const i=l.useTheme()||z;return f.default.createElement(Ye,v({theme:i,borderColor:t,thickness:o,vertical:e,height:r},a))};De.propTypes={thickness:p.default.string,borderColor:p.default.string,vertical:p.default.bool,height:p.default.string},De.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const $e=m.default.div`
|
|
832
839
|
//Set the styles from the default styles object
|
|
833
840
|
${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const l in e[t])delete e.common[l],r[l]=e[t][l];r=l?{...r,...e["drawer-open"]}:{...r,...e["drawer-close"]}}return{...r,...o}}}}
|
|
834
|
-
`,
|
|
841
|
+
`,_e=({customStyles:e,drawerOpen:t,children:l,...o})=>f.default.createElement($e,v({inBuiltCss:B,customStyles:e,type:"drawer",drawerOpen:t},o),l);_e.propTypes={customStyles:p.default.object,drawerOpen:p.default.bool};class et extends t.Component{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;var l=f.default.createElement(t.Fragment,null,f.default.createElement("h3",null,f.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},f.default.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),f.default.createElement(we,{onClick:()=>this.refreshPage()},"Click to refresh"));return e?l:this.props.children}}et.propTypes={children:p.default.any};const tt=l.css`
|
|
835
842
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
836
843
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
837
844
|
background: ${({theme:e})=>he(e.primary["primary-1"],.04)};
|
|
838
|
-
`,
|
|
845
|
+
`,lt=m.default.button`
|
|
839
846
|
font-size: 14px;
|
|
840
847
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
841
848
|
background: ${({theme:e})=>he(e.variant["neutral-5"],.7)};
|
|
@@ -845,17 +852,17 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
845
852
|
outline: none;
|
|
846
853
|
cursor: pointer;
|
|
847
854
|
|
|
848
|
-
${({selected:e})=>e?
|
|
855
|
+
${({selected:e})=>e?tt:null}
|
|
849
856
|
|
|
850
857
|
&:not(:first-child) {
|
|
851
858
|
margin-left: 8px;
|
|
852
859
|
}
|
|
853
|
-
`,
|
|
860
|
+
`,ot=({options:e,selected:t,onClick:o,...r})=>{const a=l.useTheme()||z,i=e.map(((e,l)=>f.default.createElement(lt,{theme:a,key:`${e.label}_${l}_${e.value}`,selected:t===e.value,onClick:()=>{o(e.value)}},e.label)));return f.default.createElement(f.default.Fragment,null,i)};ot.propTypes={options:p.default.array,selected:p.default.string,onClick:p.default.func},ot.defaultProps={options:[],selected:""};const rt=m.default.footer`
|
|
854
861
|
//Set the styles from the default styles object
|
|
855
862
|
${({theme:e,type:t})=>be(e,t)}
|
|
856
863
|
// custom styles
|
|
857
864
|
${({customStyles:e})=>e}
|
|
858
|
-
`,
|
|
865
|
+
`,at=t.forwardRef((({theme:e,customStyles:t,...l},o)=>f.default.createElement(rt,v({ref:o,theme:e,type:"footer",customStyles:t},l),l.children)));at.propTypes={theme:p.default.object,customStyles:p.default.object,type:p.default.string},rt.defaultProps={theme:p.default.object},at.defaultProps={theme:B,customStyles:null};const it=m.default.div`
|
|
859
866
|
font-size: 14px;
|
|
860
867
|
background-color: transparent;
|
|
861
868
|
display: flex;
|
|
@@ -871,7 +878,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
871
878
|
${({footerWidth:e})=>{if(e<650)return l.css`
|
|
872
879
|
flex-direction: column;
|
|
873
880
|
`}}
|
|
874
|
-
`,
|
|
881
|
+
`,nt=m.default.div`
|
|
875
882
|
display: flex;
|
|
876
883
|
${({footerWidth:e})=>{if(e<650)return l.css`
|
|
877
884
|
margin-bottom: 5px;
|
|
@@ -881,29 +888,29 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
881
888
|
align-items: center;
|
|
882
889
|
margin-bottom: 0;
|
|
883
890
|
`}}
|
|
884
|
-
`,
|
|
891
|
+
`,ct=m.default.div`
|
|
885
892
|
margin-top: inherit;
|
|
886
893
|
margin-bottom: inherit;
|
|
887
894
|
${({footerWidth:e})=>{if(e<350)return l.css`
|
|
888
895
|
margin-bottom: 5px;
|
|
889
896
|
`}}
|
|
890
|
-
`,
|
|
897
|
+
`,st=m.default.div`
|
|
891
898
|
margin: 0 10px;
|
|
892
899
|
${({footerWidth:e})=>{if(e<350)return l.css`
|
|
893
900
|
display: none;
|
|
894
901
|
`}}
|
|
895
|
-
`,
|
|
902
|
+
`,dt=m.default.header`
|
|
896
903
|
//Set the styles from the default styles object
|
|
897
904
|
${({theme:e,type:t})=>be(e,t)}
|
|
898
905
|
// custom styles
|
|
899
906
|
${({customStyles:e})=>e}
|
|
900
|
-
`,
|
|
907
|
+
`,ut=({theme:e,type:t,customStyles:l,...o})=>f.default.createElement(dt,v({theme:e,type:"header",customStyles:l},o),o.children);ut.propTypes={theme:p.default.object,customStyles:p.default.object,type:p.default.string},dt.defaultProps={theme:p.default.object},ut.defaultProps={theme:B,type:"header",customStyles:null};const pt=m.default.label`
|
|
901
908
|
//Set the styles from the default styles object
|
|
902
909
|
${({theme:e,type:t})=>be(e,t)}
|
|
903
910
|
|
|
904
911
|
// custom styles
|
|
905
912
|
${({customStyles:e})=>e}
|
|
906
|
-
`,
|
|
913
|
+
`,ft=({customStyles:e,text:t,className:l,required:o,...r})=>{const a=B;return f.default.createElement(pt,v({required:o,theme:a,customStyles:e,type:"label"},r),t,o&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${z.variant.error}`}},"*"))};ft.propTypes={customStyles:p.default.object,text:p.default.string},ft.defaultProps={text:""};const mt=m.default.div`
|
|
907
914
|
box-sizing: initial;
|
|
908
915
|
|
|
909
916
|
//Set the styles from the default styles object
|
|
@@ -914,7 +921,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
914
921
|
|
|
915
922
|
// custom styles
|
|
916
923
|
${({checkBoxOuterStyle:e})=>e}
|
|
917
|
-
`;
|
|
924
|
+
`;mt.defaultProps={theme:z};const gt=m.default.div`
|
|
918
925
|
box-sizing: initial;
|
|
919
926
|
|
|
920
927
|
//Set the styles from the default styles object
|
|
@@ -929,7 +936,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
929
936
|
align-items: center;
|
|
930
937
|
// custom styles
|
|
931
938
|
${({checkBoxInnerStyle:e})=>e}
|
|
932
|
-
`;
|
|
939
|
+
`;gt.defaultProps={theme:z};const bt=m.default.span`
|
|
933
940
|
//Set the styles from the default styles object
|
|
934
941
|
${({inBuiltCss:e,type:t})=>be(e,t)}
|
|
935
942
|
|
|
@@ -939,7 +946,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
939
946
|
|
|
940
947
|
// custom styles
|
|
941
948
|
${({optionTextStyle:e})=>e}
|
|
942
|
-
`;
|
|
949
|
+
`;bt.defaultProps={theme:z};const ht=m.default.label`
|
|
943
950
|
width: fit-content;
|
|
944
951
|
margin-bottom: ${({inline:e})=>e?"":"18px !important"};
|
|
945
952
|
cursor: pointer;
|
|
@@ -949,10 +956,10 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
949
956
|
|
|
950
957
|
// custom styles
|
|
951
958
|
${({wrapperStyles:e})=>e}
|
|
952
|
-
`,
|
|
959
|
+
`,yt=m.default.div`
|
|
953
960
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
954
961
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
955
|
-
`,
|
|
962
|
+
`,xt=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:a,defaultBorderColor:i,defaultTextColor:n,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:d,label:u,options:p,setOptions:m,wrapperStyles:g,inline:b,wrapperStyle:h,isRequired:y,...x})=>{const A=l.useTheme()||z;t.useEffect((()=>{C(p)}),[]);const C=t=>{let l=t.filter((e=>!1!==e.checked));e(l)},S=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return f.default.createElement("div",v({style:S},x),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ft,v({customStyles:d,type:"check-label",text:u},x)),y&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),f.default.createElement(yt,v({style:{display:"flex",flexWrap:"wrap"},inline:b},x),p?.map(((e,t)=>f.default.createElement(ht,v({inline:b,id:e.id,key:`${e.name}-${t}`,onClick:()=>{((e,t)=>{let l=[...p];l[t].checked=!e.checked,m(l),C(l)})(e,t)},wrapperStyles:g},x),e.checked?f.default.createElement(gt,v({theme:A,inBuiltCss:B,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:i,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),f.default.createElement(F,{icon:"check-icon",size:18,color:"white"})):f.default.createElement(mt,v({inBuiltCss:B,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:i,theme:A},x)),f.default.createElement(bt,{theme:A,inline:b,optionTextStyle:{...a,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:n,checkedTextColor:c},e.label))))))};xt.propTypes={wrapperStyle:p.default.object,label:p.default.string,labelStyle:p.default.object,checkBoxOuterStyle:p.default.object,checkBoxInnerStyle:p.default.object,optionTextStyle:p.default.object,defaultTextColor:p.default.string,checkedTextColor:p.default.string,defaultBorderColor:p.default.string,checkedCheckBoxColor:p.default.string,inline:p.default.bool,options:p.default.array,setOptions:p.default.func,getCheckedArr:p.default.func,isRequired:p.default.bool,wrapperStyles:p.default.object},xt.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const At=m.default.div`
|
|
956
963
|
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
957
964
|
background-color: ${({theme:e})=>e.bgColor};
|
|
958
965
|
|
|
@@ -964,7 +971,7 @@ ${({inBuiltCss:e,defaultColorWrapperStyle:t})=>be(e,t)}
|
|
|
964
971
|
// custom styles
|
|
965
972
|
${({customColorWrapperStyle:e})=>e}
|
|
966
973
|
|
|
967
|
-
`,
|
|
974
|
+
`,vt=m.default.input`
|
|
968
975
|
|
|
969
976
|
border: 0.5px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
970
977
|
box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
|
|
@@ -985,7 +992,7 @@ padding: 0;
|
|
|
985
992
|
${({inBuiltCss:e,defaultInputColorStyle:t})=>be(e,t)}
|
|
986
993
|
// custom styles
|
|
987
994
|
${({customInputColorStyle:e})=>e}
|
|
988
|
-
`,
|
|
995
|
+
`,Ct=({label:e,labelStyle:t,value:o,setValue:r,customInputColorStyle:a,customColorWrapperStyle:i,id:n,...c})=>{const s=l.useTheme()||z;return f.default.createElement(At,v({customColorWrapperStyle:i,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:B},c),f.default.createElement(vt,v({id:n,customInputColorStyle:a,defaultInputColorStyle:"input-color",inBuiltCss:B,theme:s},c,{type:"color",value:o,onChange:e=>{r(e.target.value)}})),f.default.createElement(ft,v({themeColor:z,customStyles:t,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};Ct.propTypes={label:p.default.string,labelStyle:p.default.object,value:p.default.string,setValue:p.default.func,customInputColorStyle:p.default.object,customColorWrapperStyle:p.default.object,id:p.default.string},Ct.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const St=m.default.div`
|
|
989
996
|
display: flex;
|
|
990
997
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
991
998
|
|
|
@@ -1124,24 +1131,24 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1124
1131
|
.react-datepicker::after {
|
|
1125
1132
|
box-sizing: initial !important;
|
|
1126
1133
|
}
|
|
1127
|
-
`;
|
|
1134
|
+
`;St.defaultProps={theme:z};const wt=m.default.div`
|
|
1128
1135
|
display: flex;
|
|
1129
1136
|
align-items: flex-start;
|
|
1130
1137
|
justify-content: center;
|
|
1131
1138
|
font-size: 16px;
|
|
1132
1139
|
padding-top: 12px;
|
|
1133
1140
|
padding-bottom: 15px;
|
|
1134
|
-
`,
|
|
1141
|
+
`,Et=m.default.div`
|
|
1135
1142
|
display: flex;
|
|
1136
1143
|
justify-content: center;
|
|
1137
1144
|
margin-left: 6px;
|
|
1138
|
-
`,
|
|
1145
|
+
`,kt=m.default("div")`
|
|
1139
1146
|
width: inherit;
|
|
1140
|
-
`,
|
|
1147
|
+
`,zt=m.default("div")`
|
|
1141
1148
|
display: flex;
|
|
1142
1149
|
flex-direction: row;
|
|
1143
1150
|
cursor: pointer;
|
|
1144
|
-
`,
|
|
1151
|
+
`,Vt=m.default("div")`
|
|
1145
1152
|
margin-top: 8px;
|
|
1146
1153
|
position: absolute;
|
|
1147
1154
|
z-index: 100;
|
|
@@ -1152,7 +1159,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1152
1159
|
background: white;
|
|
1153
1160
|
box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
|
|
1154
1161
|
border-radius: 4px;
|
|
1155
|
-
`,
|
|
1162
|
+
`,Mt=m.default("ul")`
|
|
1156
1163
|
list-style: none;
|
|
1157
1164
|
padding: 0;
|
|
1158
1165
|
margin: 12px;
|
|
@@ -1179,7 +1186,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1179
1186
|
background-color: ${({theme:e})=>e.neutral["neutral-4"]};
|
|
1180
1187
|
border-radius: 10px;
|
|
1181
1188
|
}
|
|
1182
|
-
`;
|
|
1189
|
+
`;Mt.defaultProps={theme:z};const Bt=m.default("li")`
|
|
1183
1190
|
text-align: left;
|
|
1184
1191
|
font-style: normal;
|
|
1185
1192
|
font-weight: normal;
|
|
@@ -1188,7 +1195,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1188
1195
|
padding-left: 12px;
|
|
1189
1196
|
padding-bottom: 12px;
|
|
1190
1197
|
cursor: pointer;
|
|
1191
|
-
`,
|
|
1198
|
+
`,It=({startDate:e,setStartDate:o,disabled:r,theme:a,...i})=>{const n=l.useTheme()||z,c=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var s=[],d=2010;d<=(new Date).getFullYear()+10;d++)s.push(d);const u=t.useRef(null),p=t.useRef(null),[m,b]=t.useState(!1),[h,y]=t.useState(!1),[x,A]=t.useState(!1),[C,S]=t.useState(!1),[w,E]=t.useState(e.getFullYear()),[k,V]=t.useState(c[e.getMonth()]);t.useEffect((()=>{V(c[e.getMonth()]),E(e.getFullYear())}),[e]),t.useEffect((()=>(document.addEventListener("click",M,!0),()=>{document.removeEventListener("click",M,!0)})),[]);const M=e=>{u.current&&!u.current.contains(e.target)&&b(!1)},B=e=>{p.current&&!p.current.contains(e.target)&&y(!1)};return t.useEffect((()=>(document.addEventListener("click",B,!0),()=>{document.removeEventListener("click",B,!0)})),[]),f.default.createElement(St,v({disabled:r,theme:a},i),f.default.createElement(g.default,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:r,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:t,changeMonth:l})=>f.default.createElement(wt,null,f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(kt,{ref:u},f.default.createElement(zt,{onClick:()=>{b(!m),y(!1)}},f.default.createElement("span",{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),style:{color:`${x?n.variant["primary-1"]:n.textColor}`}},c[e.getMonth()]),f.default.createElement(Et,null,f.default.createElement(F,{icon:"triangle-down",color:x?n.variant["primary-1"]:n.textColor,size:7}))),m&&f.default.createElement(Vt,null,f.default.createElement(Mt,{theme:a,onMouseEnter:()=>A(!0)},c.map(((e,t)=>f.default.createElement(Bt,{selectedMonth:k,onClick:()=>{A(!1),l(t),b(!1),V(c[t])},key:Math.random()},f.default.createElement("span",{style:{color:`${k===e?n.variant["primary-1"]:n.textColor}`}},e))))))),f.default.createElement(kt,{ref:p},f.default.createElement(zt,{style:{marginLeft:"28px"},onClick:()=>{y(!h),b(!1)}},f.default.createElement("span",{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),style:{color:`${C?n.variant["primary-1"]:n.textColor}`}},e.getFullYear()),f.default.createElement(Et,null,f.default.createElement(F,{icon:"triangle-down",color:C?n.variant["primary-1"]:n.textColor,size:7}))),h&&f.default.createElement(Vt,null,f.default.createElement(Mt,{onMouseEnter:()=>S(!0)},s.map(((e,l)=>f.default.createElement(Bt,{onClick:()=>{S(!1),t(e),E(e),y(!1)},key:Math.random()},f.default.createElement("span",{style:{color:`${w===e?n.variant["primary-1"]:n.textColor}`}},e)))))))))}))};It.propTypes={startDate:p.default.any,setStartDate:p.default.func,disabled:p.default.bool,theme:p.default.object},It.defaultProps={theme:z,startDate:"",setStartDate:()=>{},disabled:!1};const Rt=m.default.div`
|
|
1192
1199
|
|
|
1193
1200
|
.master-dropdown,
|
|
1194
1201
|
.new-select {
|
|
@@ -1335,7 +1342,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1335
1342
|
.new-select__control--is-focused {
|
|
1336
1343
|
border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
|
|
1337
1344
|
}
|
|
1338
|
-
`;
|
|
1345
|
+
`;Rt.defaultProps={theme:z};const Wt=m.default.div`
|
|
1339
1346
|
// Default style
|
|
1340
1347
|
display: flex;
|
|
1341
1348
|
|
|
@@ -1343,11 +1350,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1343
1350
|
${({inBuiltCss:e,labelWrapperStyle:t})=>be(e,t)}
|
|
1344
1351
|
// custom styles
|
|
1345
1352
|
${({customLabelStyles:e})=>e}
|
|
1346
|
-
`,
|
|
1353
|
+
`,Pt=m.default.div`
|
|
1347
1354
|
margin-left: 6px;
|
|
1348
1355
|
margin-top: -14px;
|
|
1349
1356
|
cursor: pointer;
|
|
1350
|
-
`,
|
|
1357
|
+
`,Lt=({label:e,labelStyle:t,optionArr:o,selectedValue:r,setSelectedValue:i,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:V,iconSize:M,showIndicator:I,leftIcon:R,leftIconColor:W,leftIconSize:P,...L})=>{const T=l.useTheme()||z,q=e=>{const t=f.default.createElement(a.components.DropdownIndicator,e,f.default.createElement(Pt,null,f.default.createElement(F,{icon:k,color:V,size:M})));return!0===I?t:null},H=e=>f.default.createElement(a.components.ClearIndicator,e,c?f.default.createElement(Pt,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(F,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(a.components.ValueContainer,l,""===R?null:f.default.createElement(Pt,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},f.default.createElement(F,{icon:R,color:W,size:P})),t,o>1&&f.default.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},G=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??T.primary["primary-1"]}},f.default.createElement(F,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(a.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)))},O=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("span",{className:"text-main-alt-value"},l)},X={control:(e,t)=>({...e,border:s?"1px solid "+T.border:"1px solid "+T.ui.error,minWidth:"226px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),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:"226px"}),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?T.neutral["neutral-5"]:T.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return f.default.createElement(Rt,{style:y,isValid:s,fontSize:u,theme:T},e&&f.default.createElement(Wt,{inBuiltCss:B,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(ft,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${T.ui.error}`}},"*")),"multiSelect"===C?f.default.createElement(b.default,v({components:{DropdownIndicator:q,MultiValue:O,Option:G,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:r,options:o,styles:X,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,id:E,isClearable:c},L)):"asyncSingleSelect"===C?f.default.createElement(h.default,v({loadOptions:p,defaultOptions:!0,onInputChange:m,styles:X,components:{DropdownIndicator:q,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:w,isDisabled:S,id:E,isClearable:c},L)):"asyncMultiSelect"===C?f.default.createElement(h.default,v({components:{DropdownIndicator:q,MultiValue:O,ValueContainer:j,Option:G,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:X,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,loadOptions:p,defaultOptions:!0,onInputChange:m,id:E,isClearable:c},L)):f.default.createElement(b.default,v({components:{DropdownIndicator:q,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:S,value:{value:r?r.value:"",label:r?r.label:""},styles:X,onChange:i,isLoading:w,id:E,isClearable:c},L)))};Lt.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},Lt.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 Tt=m.default.div`
|
|
1351
1358
|
//Set the styles from the default styles object
|
|
1352
1359
|
${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
|
|
1353
1360
|
|
|
@@ -1364,48 +1371,48 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1364
1371
|
|
|
1365
1372
|
// custom styles
|
|
1366
1373
|
${({customDropzoneStyles:e})=>e}
|
|
1367
|
-
`,
|
|
1374
|
+
`,qt=m.default.div`
|
|
1368
1375
|
//Set the styles from the default styles object
|
|
1369
1376
|
${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
|
|
1370
1377
|
|
|
1371
1378
|
// custom styles
|
|
1372
1379
|
${({customFileStyles:e})=>e}
|
|
1373
|
-
`,
|
|
1380
|
+
`,Ht=m.default.input`
|
|
1374
1381
|
display: none;
|
|
1375
|
-
`,
|
|
1382
|
+
`,jt=m.default.div`
|
|
1376
1383
|
//Set the styles from the default styles object
|
|
1377
1384
|
${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
|
|
1378
1385
|
|
|
1379
1386
|
// custom styles
|
|
1380
1387
|
${({customTextStyles:e})=>e}
|
|
1381
|
-
`,
|
|
1388
|
+
`,Ft=m.default.span`
|
|
1382
1389
|
//Set the styles from the default styles object
|
|
1383
1390
|
${({inBuiltCss:e,type:t})=>be(e,t)}
|
|
1384
1391
|
|
|
1385
1392
|
// custom styles
|
|
1386
1393
|
${({customFileNameStyles:e})=>e}
|
|
1387
|
-
`,
|
|
1394
|
+
`,Gt=m.default.div`
|
|
1388
1395
|
cursor: pointer;
|
|
1389
1396
|
padding-left: 1px;
|
|
1390
1397
|
margin-left: auto;
|
|
1391
1398
|
margin-right: 10px;
|
|
1392
1399
|
display: flex;
|
|
1393
1400
|
justify-content: center;
|
|
1394
|
-
`,
|
|
1401
|
+
`,Ot=m.default.div`
|
|
1395
1402
|
margin-left: 11px;
|
|
1396
1403
|
padding-left: 2px;
|
|
1397
|
-
`,
|
|
1404
|
+
`,Xt=m.default.div`
|
|
1398
1405
|
color: #494949;
|
|
1399
1406
|
margin-left: 11px;
|
|
1400
1407
|
padding-left: 2px;
|
|
1401
|
-
`,
|
|
1408
|
+
`,Zt=m.default.p`
|
|
1402
1409
|
color: #494949;
|
|
1403
1410
|
display: flex;
|
|
1404
1411
|
justify-content: center;
|
|
1405
1412
|
align-items: center;
|
|
1406
1413
|
margin: 20px 0px;
|
|
1407
1414
|
font-size: 14px;
|
|
1408
|
-
`,
|
|
1415
|
+
`,Jt=({isValid:e,label:o,labelStyle:r,labelInline:a,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 V(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(ft,v({customStyles:r,type:"label-text",labelInline:a,text:o,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},C)),i&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement(Tt,{theme:S,inBuiltCss:B,defaultStyles:"dropzone-parent",backgroundColor:b,customDropzoneStyles:u,onDragLeave:function(e){V(e),E(!1)},onDragOver:function(e){V(e),E(!0)},onDrop:function(e){V(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(Ht,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(F,{icon:"file-upload",color:w?S.bgColor:S.primary["primary-1"],size:24}):null,f.default.createElement(jt,{isValid:e,hover:w,customTextStyles:m,inBuiltCss:B,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(Zt,null,x)," ",c?.map(((e,t)=>f.default.createElement(qt,{inBuiltCss:B,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},f.default.createElement(Ot,null,f.default.createElement(F,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?f.default.createElement(Ft,{inBuiltCss:B,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(Xt,null,e?.otherInfo),f.default.createElement(Gt,{key:101*Math.random()|0,onClick:()=>I(e)},f.default.createElement("div",{style:{marginRight:"7px"}},f.default.createElement(F,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),f.default.createElement(F,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Jt.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},Jt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Ut=m.default.div`
|
|
1409
1416
|
border: 1px solid
|
|
1410
1417
|
${({theme:e})=>e.border};
|
|
1411
1418
|
border-radius: 4px;
|
|
@@ -1425,7 +1432,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1425
1432
|
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1426
1433
|
}
|
|
1427
1434
|
}
|
|
1428
|
-
`;
|
|
1435
|
+
`;Ut.defaultProps={theme:z};const Qt=m.default.input`
|
|
1436
|
+
width: 85%;
|
|
1429
1437
|
border: 0;
|
|
1430
1438
|
outline: 0;
|
|
1431
1439
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1437,12 +1445,12 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1437
1445
|
|
|
1438
1446
|
// custom styles
|
|
1439
1447
|
${({inputStyle:e})=>e}
|
|
1440
|
-
`;
|
|
1448
|
+
`;Qt.defaultProps={theme:z},l.css`
|
|
1441
1449
|
&:after {
|
|
1442
1450
|
content: ' *';
|
|
1443
1451
|
color: ${({theme:e})=>e.variant.error};
|
|
1444
1452
|
}
|
|
1445
|
-
`;const
|
|
1453
|
+
`;const Kt=m.default.label`
|
|
1446
1454
|
display: flex;
|
|
1447
1455
|
margin-right: 10px;
|
|
1448
1456
|
align-content: center;
|
|
@@ -1453,16 +1461,16 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1453
1461
|
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1454
1462
|
padding-bottom: 0px;
|
|
1455
1463
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1456
|
-
`;
|
|
1464
|
+
`;Kt.defaultProps={theme:z};const Nt=l.css`
|
|
1457
1465
|
display: flex;
|
|
1458
1466
|
align-items: center;
|
|
1459
|
-
`,
|
|
1460
|
-
${({labelInline:e})=>e?
|
|
1467
|
+
`,Yt=m.default.div`
|
|
1468
|
+
${({labelInline:e})=>e?Nt:null}
|
|
1461
1469
|
|
|
1462
1470
|
> div {
|
|
1463
1471
|
flex: 1 0 auto;
|
|
1464
1472
|
}
|
|
1465
|
-
`;
|
|
1473
|
+
`;Yt.defaultProps={theme:z};const Dt=({label:e,inputValue:t,inputStyle:l,iconBefore:o,iconAfter:r,onChange:a,theme:i,id:n,...c})=>f.default.createElement(Yt,c,e.length>0&&f.default.createElement(Kt,c,e),f.default.createElement("div",null,f.default.createElement(Ut,c,f.default.createElement("div",{className:"input-icon"},o),f.default.createElement(Qt,v({},c,{inputStyle:l,value:t,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&a(t)},type:"number",id:n})),f.default.createElement("div",{className:"input-icon"},r))));Dt.propTypes={theme:p.default.object,label:p.default.string,labelInline:p.default.bool,inputValue:p.default.any,inputStyle:p.default.object,id:p.default.string},Dt.defaultProps={theme:z,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:""};const $t=m.default.div`
|
|
1466
1474
|
//Set the styles from the default styles object
|
|
1467
1475
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
|
|
1468
1476
|
|
|
@@ -1486,8 +1494,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1486
1494
|
|
|
1487
1495
|
// custom styles
|
|
1488
1496
|
${({textBoxStyle:e})=>e}
|
|
1489
|
-
|
|
1490
|
-
width:
|
|
1497
|
+
`;$t.defaultProps={theme:z};const _t=m.default.input`
|
|
1498
|
+
width: 85%;
|
|
1491
1499
|
-webkit-text-security: ${({showEye:e})=>e?"none":"disc"} ;
|
|
1492
1500
|
|
|
1493
1501
|
//Set the styles from the default styles object
|
|
@@ -1500,18 +1508,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1500
1508
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1501
1509
|
}
|
|
1502
1510
|
|
|
1503
|
-
`;
|
|
1511
|
+
`;_t.defaultProps={theme:z};const el=l.css`
|
|
1504
1512
|
display: flex;
|
|
1505
1513
|
gap: 7px;
|
|
1506
1514
|
align-items: start;
|
|
1507
|
-
`,
|
|
1508
|
-
${({labelInline:e})=>e
|
|
1515
|
+
`,tl=m.default.div`
|
|
1516
|
+
${({labelInline:e})=>e?el:null}
|
|
1509
1517
|
.err-text {
|
|
1510
1518
|
color: ${({theme:e})=>e.variant.error};
|
|
1511
1519
|
margin-top: 5px;
|
|
1512
1520
|
font-size: 10px;
|
|
1513
1521
|
}
|
|
1514
|
-
`;
|
|
1522
|
+
`;tl.defaultProps={theme:z};const ll=({theme:e,passwordRules:l,textBoxStyle:o,labelStyle:r,inputStyle:a,errMsg:i,required:n,label:c,labelInline:s,isValid:d,rulesStyle:u,id:p,showHideIcon:m,...g})=>{const[b,h]=t.useState(!1);return f.default.createElement(tl,v({labelInline:s,inBuiltCss:B},g),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ft,v({customStyles:r,type:"label-text",text:c,errMsg:i,style:{display:"flex",marginBottom:""+(s?"0px":"7px"),paddingBottom:"0px"}},g)),n&&f.default.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${e.variant.error}`}},"*")),f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},f.default.createElement($t,v({required:n,theme:e,textBoxStyle:o,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:B},g),f.default.createElement(_t,v({inputStyle:a,type:"text",id:p,showEye:b,theme:e,defaultInputStyle:"input-wrapper",inBuiltCss:B},g)),!0===m?f.default.createElement("div",{className:"input-icon",onClick:()=>h(!b)},b?f.default.createElement(F,{icon:"eye-show"}):f.default.createElement(F,{icon:"eye-hide"})):""),l?f.default.createElement("div",{style:{...u,marginLeft:"5px"}},l):""),i.length>0&&f.default.createElement("div",{className:"err-text"},i))};ll.propTypes={inBuiltCss:p.default.object,theme:p.default.object,label:p.default.string,required:p.default.bool,labelInline:p.default.bool,errMsg:p.default.string,textBoxStyle:p.default.object,labelStyle:p.default.object,inputStyle:p.default.object,passwordRules:p.default.string,rulesStyle:p.default.object,id:p.default.string,showHideIcon:p.default.bool},ll.defaultProps={theme:z,inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const ol=m.default.div`
|
|
1515
1523
|
box-sizing: initial;
|
|
1516
1524
|
|
|
1517
1525
|
//Set the styles from the default styles object
|
|
@@ -1521,7 +1529,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1521
1529
|
|
|
1522
1530
|
// custom styles
|
|
1523
1531
|
${({radioOuterCircleStyle:e})=>e}
|
|
1524
|
-
`;
|
|
1532
|
+
`;ol.defaultProps={theme:z};const rl=m.default.div`
|
|
1525
1533
|
box-sizing: initial;
|
|
1526
1534
|
|
|
1527
1535
|
//Set the styles from the default styles object
|
|
@@ -1533,7 +1541,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1533
1541
|
|
|
1534
1542
|
// custom styles
|
|
1535
1543
|
${({radioInnerCircleStyle:e})=>e}
|
|
1536
|
-
`;
|
|
1544
|
+
`;rl.defaultProps={theme:z};const al=m.default.div`
|
|
1537
1545
|
//Set the styles from the default styles object
|
|
1538
1546
|
${({inBuiltCss:e,defaultOptionStyle:t})=>be(e,t)}
|
|
1539
1547
|
margin-right: ${({inline:e})=>e?"":"30px"};
|
|
@@ -1541,7 +1549,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1541
1549
|
|
|
1542
1550
|
// custom styles
|
|
1543
1551
|
${({optionStyle:e})=>e}
|
|
1544
|
-
`;
|
|
1552
|
+
`;al.defaultProps={theme:z};const il=m.default.div`
|
|
1545
1553
|
margin-bottom: ${({inline:e})=>e?"":"14px"};
|
|
1546
1554
|
cursor: pointer;
|
|
1547
1555
|
align-items: center;
|
|
@@ -1550,11 +1558,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1550
1558
|
|
|
1551
1559
|
// custom styles
|
|
1552
1560
|
${({WrapperDivStyle:e})=>e}
|
|
1553
|
-
`,
|
|
1561
|
+
`,nl=m.default.div`
|
|
1554
1562
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1555
1563
|
width: max-content;
|
|
1556
1564
|
margin: 0;
|
|
1557
|
-
`,
|
|
1565
|
+
`,cl=({radioOuterCircleStyle:e,radioInnerCircleStyle:t,labelStyle:o,label:r,optionStyle:a,options:i,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:u,height:p,inline:m,defaultBorderColor:g,defaultOptionColor:b,WrapperDivStyle:h,...y})=>{const x=l.useTheme()||z;return f.default.createElement("div",null,f.default.createElement(ft,{customStyles:o,type:"radio-label",text:r}),f.default.createElement(nl,{inline:m},i.map(((l,o)=>f.default.createElement(il,{WrapperDivStyle:h,key:o+101*Math.random(),id:l.id,inline:m,onClick:()=>{!l?.disabled&&s(l.value)}},f.default.createElement(ol,{theme:x,inBuiltCss:B,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:l?.disabled?"not-allowed ":" pointer",borderColor:l?.disabled&&l?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:l.value,selected:!l?.disabled&&d},f.default.createElement(rl,{inBuiltCss:B,theme:x,width:u,height:p,selectedCircleColor:n,radioInnerCircleStyle:{...t,cursor:l?.disabled?"not-allowed ":" pointer",backgroundColor:l?.disabled?"transparent":l?.value===d?t?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:l.value,selected:d})),f.default.createElement(al,{defaultOptionColor:b,optionStyle:{...a,cursor:l?.disabled?"not-allowed ":" pointer",color:l?.disabled&&l?.disabledColor},inBuiltCss:B,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!l?.disabled&&l.value===d},l.label))))))};cl.propTypes={label:p.default.string,labelStyle:p.default.object,inline:p.default.bool,options:p.default.array,optionStyle:p.default.object,WrapperDivStyle:p.default.object,selected:p.default.string,onChange:p.default.func,defaultOptionColor:p.default.string,defaultBorderColor:p.default.string,radioOuterCircleStyle:p.default.object,radioInnerCircleStyle:p.default.object,width:p.default.string,height:p.default.string,selectedCircleColor:p.default.string,selectedOptionTextColor:p.default.string},cl.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const sl=m.default.div`
|
|
1558
1566
|
//Set the styles from the default styles object
|
|
1559
1567
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
|
|
1560
1568
|
|
|
@@ -1577,8 +1585,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1577
1585
|
${({textBoxStyle:e})=>e}
|
|
1578
1586
|
|
|
1579
1587
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1580
|
-
`,
|
|
1581
|
-
width:
|
|
1588
|
+
`,dl=m.default.input`
|
|
1589
|
+
width: 85%;
|
|
1582
1590
|
//Set the styles from the default styles object
|
|
1583
1591
|
${({inBuiltCss:e,defaultInputStyle:t})=>be(e,t)}
|
|
1584
1592
|
|
|
@@ -1589,18 +1597,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1589
1597
|
color: ${z.variant["neutral-3"]};
|
|
1590
1598
|
}
|
|
1591
1599
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1592
|
-
`,
|
|
1600
|
+
`,ul=l.css`
|
|
1593
1601
|
display: flex;
|
|
1594
1602
|
gap: 7px;
|
|
1595
1603
|
align-items: center;
|
|
1596
|
-
`,
|
|
1597
|
-
${({labelInline:e})=>e?
|
|
1604
|
+
`,pl=m.default.div`
|
|
1605
|
+
${({labelInline:e})=>e?ul:null}
|
|
1598
1606
|
.err-text {
|
|
1599
1607
|
color: ${({theme:e})=>e.variant.error};
|
|
1600
1608
|
margin-top: 5px;
|
|
1601
1609
|
font-size: 10px;
|
|
1602
1610
|
}
|
|
1603
|
-
`;
|
|
1611
|
+
`;pl.defaultProps={theme:z};const fl=({textBoxStyle:e,labelStyle:t,inputStyle:l,errMsg:o,required:r,label:a,labelInline:i,iconBefore:n,iconAfter:c,isValid:s,type:d,theme:u,isDisabled:p,id:m,...g})=>f.default.createElement(pl,v({labelInline:i},g,{theme:u}),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ft,v({customStyles:t,type:"label-text",labelInline:i,text:a,errMsg:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},g)),r&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${u.variant.error}`}},"*")),f.default.createElement(sl,v({required:r,isDisabled:p,theme:u,textBoxStyle:e,isValid:s,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper"},g),f.default.createElement("div",{className:"input-icon"},n),f.default.createElement(dl,v({inputStyle:l,type:d,theme:u,id:m,defaultInputStyle:"input-wrapper",isDisabled:p,disabled:p},g)),f.default.createElement("div",{className:"input-icon"},c)),o.length>0&&f.default.createElement("div",{className:"err-text"},o));fl.propTypes={inBuiltCss:p.default.object,label:p.default.string,required:p.default.bool,labelInline:p.default.bool,errMsg:p.default.string,iconBefore:p.default.any,iconAfter:p.default.any,textBoxStyle:p.default.object,labelStyle:p.default.object,inputStyle:p.default.object,type:p.default.string,isDisabled:p.default.bool,theme:p.default.object,id:p.default.string},dl.defaultProps={theme:z},sl.defaultProps={theme:z},pl.defaultProps={theme:z},fl.defaultProps={theme:z,inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:""};const ml=({label:e,placeholder:t,handleSearch:l,searchInput:o,customStylesForm:r,customStyleObject:a,textBoxStyle:i,id:n,...c})=>f.default.createElement(fl,v({iconAfter:f.default.createElement(F,{icon:"magnifier-icon"}),label:e,textBoxStyle:i,placeholder:t,ref:o,onChange:l,id:n},c)),gl=m.default.div`
|
|
1604
1612
|
//Set the styles from the default styles object
|
|
1605
1613
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>be(e,t)}
|
|
1606
1614
|
|
|
@@ -1609,7 +1617,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1609
1617
|
&:focus-within {
|
|
1610
1618
|
border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
|
|
1611
1619
|
}
|
|
1612
|
-
`,
|
|
1620
|
+
`,bl=m.default.div`
|
|
1613
1621
|
//Set the styles from the default styles object
|
|
1614
1622
|
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>be(e,t)}
|
|
1615
1623
|
|
|
@@ -1621,7 +1629,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1621
1629
|
border-left: ${({signIcon:e})=>e?"":"none"};
|
|
1622
1630
|
margin-left: ${({signIcon:e})=>e?"":"42px"};
|
|
1623
1631
|
position: ${({signIcon:e})=>e?"absolute":""};
|
|
1624
|
-
`,
|
|
1632
|
+
`,hl=m.default.div`
|
|
1625
1633
|
width: 39px;
|
|
1626
1634
|
height: 44px;
|
|
1627
1635
|
display: flex;
|
|
@@ -1631,7 +1639,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1631
1639
|
border-bottom: ${({penIcon:e,isMyInputFocused:t,activeColor:l,defaultColor:o,theme:r})=>e?t?`1px solid ${l||r.primary["primary-1"]}`:`1px solid ${o||r.neutral["neutral-3"]}`:""};
|
|
1632
1640
|
background-color: rgba(255, 255, 255, 0.05);
|
|
1633
1641
|
cursor: pointer;
|
|
1634
|
-
`,
|
|
1642
|
+
`,yl=m.default.input`
|
|
1635
1643
|
${({inBuiltCss:e,defaultInputStyle:t})=>be(e,t)}
|
|
1636
1644
|
|
|
1637
1645
|
border-bottom: ${({value:e,defaultColor:t,theme:l})=>e.length>0?"none":t};
|
|
@@ -1656,17 +1664,17 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1656
1664
|
|
|
1657
1665
|
// custom styles
|
|
1658
1666
|
${({customInputStyle:e})=>e}
|
|
1659
|
-
`,
|
|
1667
|
+
`,xl=m.default.div`
|
|
1660
1668
|
position: relative;
|
|
1661
1669
|
width: inherit;
|
|
1662
1670
|
display: flex;
|
|
1663
1671
|
margin: 4px;
|
|
1664
|
-
`,
|
|
1672
|
+
`,Al=m.default.div`
|
|
1665
1673
|
padding-left: 2px;
|
|
1666
1674
|
display: flex;
|
|
1667
1675
|
justify-content: center;
|
|
1668
1676
|
cursor: pointer;
|
|
1669
|
-
`,
|
|
1677
|
+
`,vl=({onChange:e,activeColor:o,defaultColor:r,placeholderColor:a,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),V=t.useRef(null);t.useEffect((()=>{E&&(I(),m(V.current))}),[!0===E]);const M=()=>{u(""),m(V.current),V.current&&V.current.clear(),w(!1),k(!1)},I=()=>(s(V.current.toData()),b(V.current.toDataURL("image/png")),[g,c]);return f.default.createElement(gl,{inBuiltCss:B,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:v,activeColor:o,defaultColor:r,theme:A},f.default.createElement(bl,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:r,selected:v,isMyInputFocused:S,signIcon:!0,theme:A},f.default.createElement(hl,{activeColor:o,defaultColor:r,isMyInputFocused:S,theme:A,penIcon:!0,onClick:()=>{C("default"),M()}},f.default.createElement(F,{icon:"pen-icon",color:"default"===v?o||A.primary["primary-1"]:A.black})),f.default.createElement(hl,{activeColor:o,defaultColor:r,theme:A,isMyInputFocused:S,penIcon:!1,onClick:()=>{C("sign"),M()}},f.default.createElement(F,{icon:"sign-icon",color:"default"!==v?o||A.primary["primary-1"]:A.black}))),f.default.createElement(bl,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:r,theme:A,selected:v,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===v?f.default.createElement(yl,{inBuiltCss:B,defaultInputStyle:"signature-input-text",placeholder:i,placeholderColor:a,customInputStyle:n,onBlur:()=>w(!1),onFocus:()=>w(!0),id:h,value:d,defaultColor:r,theme:A,onChange:e=>u(e.target.value)}):f.default.createElement(xl,{onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),onClick:()=>{k(!0),I()}},f.default.createElement(y.default,{ref:V,id:h,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(d||E)&&f.default.createElement(Al,{selected:v,onClick:()=>M()},f.default.createElement(F,{icon:"cross-icon",color:r||A.neutral["neutral-3"]}))))};vl.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},vl.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Cl=m.default.div`
|
|
1670
1678
|
//Set the styles from the default styles object
|
|
1671
1679
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
|
|
1672
1680
|
|
|
@@ -1687,19 +1695,19 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1687
1695
|
|
|
1688
1696
|
// custom styles
|
|
1689
1697
|
${({textAreaStyle:e})=>e}
|
|
1690
|
-
`,
|
|
1698
|
+
`,Sl=m.default.textarea`
|
|
1691
1699
|
//Set the styles from the default styles object
|
|
1692
1700
|
${({inBuiltCss:e,defaultInputStyle:t})=>be(e,t)}
|
|
1693
1701
|
margin: 0;
|
|
1694
1702
|
overflow: auto;
|
|
1695
1703
|
resize: vertical // custom styles
|
|
1696
1704
|
${({inputStyle:e})=>e};
|
|
1697
|
-
`,
|
|
1705
|
+
`,wl=l.css`
|
|
1698
1706
|
display: flex;
|
|
1699
1707
|
gap: 7px;
|
|
1700
1708
|
align-items: center;
|
|
1701
|
-
`,
|
|
1702
|
-
${({labelInline:e})=>e?
|
|
1709
|
+
`,El=m.default.div`
|
|
1710
|
+
${({labelInline:e})=>e?wl:null}
|
|
1703
1711
|
${({customStylesForm:e})=>{if(e)return{...e}}}
|
|
1704
1712
|
position: relative;
|
|
1705
1713
|
.err-text {
|
|
@@ -1707,7 +1715,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1707
1715
|
margin-top: 5px;
|
|
1708
1716
|
font-size: 10px;
|
|
1709
1717
|
}
|
|
1710
|
-
`,
|
|
1718
|
+
`,kl=f.default.forwardRef((({customStylesForm:e,textAreaStyle:t,labelStyle:o,inputStyle:r,errMsg:a,required:i,label:n,labelInline:c,iconBefore:s,iconAfter:d,isValid:u,rows:p,cols:m,id:g,...b},h)=>{const y=l.useTheme()||z;return f.default.createElement(El,v({labelInline:c,customStylesForm:e,theme:y},b),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ft,v({customStyles:o,type:"label-text",labelInline:c,text:n,errMsg:a,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},b)),i&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),f.default.createElement(Cl,v({theme:y,required:i,textAreaStyle:t,isValid:u,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper"},b),f.default.createElement("div",{className:"input-icon"},s),f.default.createElement(Sl,v({ref:h,inputStyle:r,defaultInputStyle:"textarea-wrapper",cols:m,rows:p,inBuiltCss:B,id:g},b,{size:"1"})),f.default.createElement("div",{className:"input-icon"},d)),f.default.createElement("div",{className:"err-text"},a))}));kl.propTypes={rows:p.default.number,label:p.default.string,required:p.default.bool,labelInline:p.default.bool,errMsg:p.default.string,iconBefore:p.default.any,iconAfter:p.default.any,textAreaStyle:p.default.object,labelStyle:p.default.object,inputStyle:p.default.object,id:p.default.string},kl.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const zl=m.default.div`
|
|
1711
1719
|
color: #a9b1b8;
|
|
1712
1720
|
font-size: 21px;
|
|
1713
1721
|
border: 1px solid
|
|
@@ -1721,7 +1729,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1721
1729
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1722
1730
|
outline: none;
|
|
1723
1731
|
}
|
|
1724
|
-
`,
|
|
1732
|
+
`,Vl=m.default.input`
|
|
1725
1733
|
border: 0;
|
|
1726
1734
|
outline: 0;
|
|
1727
1735
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1731,23 +1739,23 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1731
1739
|
width: 24px;
|
|
1732
1740
|
text-align:center;
|
|
1733
1741
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1734
|
-
`,
|
|
1742
|
+
`,Ml=l.css`
|
|
1735
1743
|
&:after {
|
|
1736
1744
|
content: ' *';
|
|
1737
1745
|
color: ${({theme:e})=>e.variant.error};
|
|
1738
1746
|
}
|
|
1739
|
-
`,
|
|
1747
|
+
`,Bl=m.default.label`
|
|
1740
1748
|
display: block;
|
|
1741
1749
|
margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
|
|
1742
1750
|
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1743
1751
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1744
|
-
${({required:e})=>e?
|
|
1752
|
+
${({required:e})=>e?Ml:null}
|
|
1745
1753
|
padding-bottom: 0px;
|
|
1746
|
-
`,
|
|
1754
|
+
`,Il=l.css`
|
|
1747
1755
|
display: flex;
|
|
1748
1756
|
align-items: center;
|
|
1749
|
-
`,
|
|
1750
|
-
${({labelInline:e})=>e?
|
|
1757
|
+
`,Rl=m.default.div`
|
|
1758
|
+
${({labelInline:e})=>e?Il:null}
|
|
1751
1759
|
.err-text {
|
|
1752
1760
|
color: ${({theme:e})=>e.variant.error};
|
|
1753
1761
|
margin-top: 5px;
|
|
@@ -1757,7 +1765,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1757
1765
|
> div {
|
|
1758
1766
|
flex: 1 0 auto;
|
|
1759
1767
|
}
|
|
1760
|
-
`,
|
|
1768
|
+
`,Wl=m.default.button`
|
|
1761
1769
|
border: none;
|
|
1762
1770
|
outline: none;
|
|
1763
1771
|
border-radius: 4px;
|
|
@@ -1766,9 +1774,9 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1766
1774
|
padding: 5px 6px;
|
|
1767
1775
|
font-size: 18px;
|
|
1768
1776
|
cursor: pointer;
|
|
1769
|
-
`,
|
|
1777
|
+
`,Pl=({label:e,errMsg:t,hour:o,minute:r,period:a,onChange:i,id:n,...c})=>{const s=l.useTheme()||z;return f.default.createElement(Rl,v({theme:s},c),f.default.createElement(Bl,v({theme:s},c,{errMsg:t}),e),f.default.createElement("div",null,f.default.createElement(zl,v({theme:s,id:n},c),f.default.createElement(Vl,{theme:s,value:o,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;i({hour:t,minute:r,period:a})}}),":",f.default.createElement(Vl,{theme:s,value:r,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;i({hour:o,minute:t,period:a})}}),f.default.createElement(Wl,{theme:s,onClick:function(e){i({hour:o,minute:r,period:"AM"===a?"PM":"AM"})}},a)),f.default.createElement("div",{className:"err-text"},t)))};Pl.propTypes={label:p.default.string,hour:p.default.number.isRequired,minute:p.default.number.isRequired,period:p.default.string.isRequired,required:p.default.bool,labelInline:p.default.bool,isValid:p.default.bool,errMsg:p.default.string,id:p.default.string},Pl.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Ll=m.default.div`
|
|
1770
1778
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>be(e,t)}
|
|
1771
|
-
`,
|
|
1779
|
+
`,Tl=m.default.label`
|
|
1772
1780
|
//Set the styles from the default styles object
|
|
1773
1781
|
${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>be(e,t)}
|
|
1774
1782
|
background-color: ${({checked:e,backgroundColor:t,disabledColor:l,theme:o})=>e&&t?t:e&&!t?o.primary["primary-1"]:!e&&l?l:e||l?void 0:o.neutral["neutral-2"]};
|
|
@@ -1788,20 +1796,20 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1788
1796
|
// custom styles
|
|
1789
1797
|
${({customSwitchStyle:e})=>e}
|
|
1790
1798
|
}
|
|
1791
|
-
`,
|
|
1799
|
+
`,ql=m.default.input.attrs({type:"checkbox"})`
|
|
1792
1800
|
opacity: 0;
|
|
1793
1801
|
z-index: 1;
|
|
1794
1802
|
border-radius: 31px;
|
|
1795
1803
|
width: 45px;
|
|
1796
1804
|
height: 22px;
|
|
1797
1805
|
cursor: pointer;
|
|
1798
|
-
`,
|
|
1806
|
+
`,Hl=m.default.span`
|
|
1799
1807
|
//Set the styles from the default styles object
|
|
1800
1808
|
${({inBuiltCss:e,defaultOptionTextStyle:t})=>be(e,t)}
|
|
1801
1809
|
|
|
1802
1810
|
// custom styles
|
|
1803
1811
|
${({optionStyle:e})=>e}
|
|
1804
|
-
`,
|
|
1812
|
+
`,jl=({checked:e,customSwitchStyle:t,customToggleBoxStyle:o,backgroundColor:r,disabledColor:a,switchColor:i,onClick:n,trueLabel:c,falseLabel:s,optionStyle:d,id:u,...p})=>{const m=l.useTheme()||z;return f.default.createElement(Ll,v({inBuiltCss:B,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},p),f.default.createElement(ql,v({},p,{id:"checkbox",inBuiltCss:B,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{n(!e)},isChecked:e})),f.default.createElement(Tl,v({},p,{htmlFor:"checkbox",customToggleBoxStyle:o,customSwitchStyle:t,disabledColor:a,backgroundColor:r,switchColor:i,inBuiltCss:B,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:m})),f.default.createElement(Hl,v({optionStyle:d,inBuiltCss:B,defaultOptionTextStyle:"toggle-switch-option-text"},p),e?c:s))};jl.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},jl.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:""};const Fl=m.default.div`
|
|
1805
1813
|
box-sizing: border-box;
|
|
1806
1814
|
display: flex;
|
|
1807
1815
|
justify-content: center;
|
|
@@ -1809,8 +1817,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1809
1817
|
width: auto;
|
|
1810
1818
|
|
|
1811
1819
|
${({size:e})=>l.css`height: ${e}px;`}
|
|
1812
|
-
`,
|
|
1813
|
-
`,
|
|
1820
|
+
`,Gl=m.default.div`
|
|
1821
|
+
`,Ol=m.default.div`
|
|
1814
1822
|
box-sizing: border-box;
|
|
1815
1823
|
display: flex;
|
|
1816
1824
|
justify-content: center;
|
|
@@ -1839,18 +1847,11 @@ svg {
|
|
|
1839
1847
|
`}
|
|
1840
1848
|
}
|
|
1841
1849
|
}
|
|
1842
|
-
`,
|
|
1850
|
+
`,Xl=({theme:e,toggleSet:t,slide:l,color:o,size:r,transform:a,ratingValue:i,starVal:n,hover:c,...s})=>f.default.createElement(Ol,v({theme:e,ratingValue:i,starVal:n,hover:c,toggleSet:t,color:o,size:r,transform:a},s),f.default.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},f.default.createElement("defs",null,f.default.createElement("clipPath",{id:"starFilled"},f.default.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),f.default.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),f.default.createElement("rect",{x:l,y:"0",fill:o,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function Zl(e,t){let l=5*e/t;const o=[],r=l;for(let e=0;e<5;e++){if(l-1>=0)o.push("0");else if(l-1<0&&l-1>-1){const e=(24*l-24).toString();o.push(e)}else o.push("-24");l-=1}return{array:o,value:r}}function Jl(e,t){return 100*e/t}const Ul=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:a,color:i,size:n,handleClick:c,transform:s,maxRange:d,value:u,toggleStar:p,toggleSet:m,identifier:g,...b})=>{l.useTheme();const[h,y]=t.useState(void 0),[x,A]=t.useState(void 0),[C,S]=t.useState(void 0),[w,E]=t.useState(void 0);t.useEffect((()=>{y(Zl(u,d).array),A(Zl(u,d).value),S(Jl(u,d))}),[u,d]),t.useEffect((()=>{w?y(Zl(w,d).array):(y(Zl(u,d).array),A(Zl(u,d).value),S(Jl(u,d)))}),[w]);const k=f.default.createElement(f.default.Fragment,null,h?.map(((e,t)=>{const l=20*(t+1);return f.default.createElement(Xl,{ratingValue:l,starVal:x,hover:w,toggleSet:m,onClick:m?()=>c(l):null,onMouseEnter:m?()=>{E(l)}:null,onMouseLeave:m?()=>{E(null)}:null,slide:e,color:i,className:"star",size:n,transform:s,key:g?.concat(t),customStyles:r})})));return f.default.createElement(Fl,v({customStyles:o,type:e,size:n},b,{className:"container"}),p?k:f.default.createElement(Gl,{type:e,customStyles:a},C,"%"))};Ul.propTypes={customStylesContainer:p.default.object,customStylesStar:p.default.object,customStylesPercentage:p.default.object,type:p.default.string,color:p.default.string,size:p.default.number,transform:p.default.object,handleClick:p.default.func,maxRange:p.default.number,value:p.default.number,toggleStar:p.default.bool,toggleSet:p.default.bool,identifier:p.default.string},Ul.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Ql=m.default.div`
|
|
1843
1851
|
.form-check-input {
|
|
1844
1852
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
1845
1853
|
}
|
|
1846
|
-
`,
|
|
1847
|
-
width: 40vw;
|
|
1848
|
-
display: flex;
|
|
1849
|
-
justify-content: center;
|
|
1850
|
-
flex-direction: column;
|
|
1851
|
-
gap: 20px;
|
|
1852
|
-
${({customStyles:e})=>e}
|
|
1853
|
-
`,Kl=({customStyles:e})=>f.default.createElement(Ql,{customStyles:e}),Nl=({title:e,subtitle:t,wrapperStyle:o,imgLink:r,imgStyle:a,iconSize:i})=>{const n=l.useTheme()||z,c={fontSize:"26px",fontWeight:"bold",color:`${n.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${n.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return f.default.createElement("div",{style:o},f.default.createElement("div",{style:c},r?f.default.createElement("img",{src:r,alt:"userIcon",srcset:"",style:a}):f.default.createElement(F,{icon:"user-icon",size:i,color:n.primary["primary-1"]})," ",f.default.createElement("h4",null,e)),f.default.createElement("div",{style:s},f.default.createElement("p",null,t)))};Nl.propTypes={size:p.default.number},Nl.defaultProps={iconSize:23};const Yl=l.createGlobalStyle`
|
|
1854
|
+
`,Kl=({customStyles:e,inBuiltCss:t,type:o="table",sortIcon:r,data:a,tableColumns:i,progressPending:n,defaultSortFieldId:c,handleOnSort:s,sortServer:d,progressComponent:u,responsive:p,conditionalRowStyles:m,fixedHeader:g,fixedHeaderScrollHeight:b,checkboxColor:h,...y})=>{let A={};if(t&&t[o]&&(A=t[o]),e)for(const t in e)A[t]=e[t];const C=l.useTheme()||z,S=f.default.forwardRef((({onClick:e,...t},l)=>f.default.createElement(Ql,{theme:C},f.default.createElement("input",v({type:"checkbox",className:"form-check-input",ref:l,onClick:e},t)))));return f.default.createElement(x.default,v({responsive:p,data:a,columns:i,noHeader:!0,highlightOnHover:!0,sortIcon:r,progressPending:n,customStyles:A,defaultSortFieldId:c,progressComponent:u||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:m,fixedHeader:g,fixedHeaderScrollHeight:b,selectableRowsComponent:S},y))};Kl.propTypes={inBuiltCss:p.default.object,sortIcon:p.default.any,data:p.default.array,tableColumns:p.default.array,progressPending:p.default.bool,progressComponent:p.default.any,defaultSortFieldId:p.default.number,sortServer:p.default.bool,handleOnSort:p.default.any,responsive:p.default.bool,conditionalRowStyles:p.default.array,fixedHeader:p.default.bool,fixedHeaderScrollHeight:p.default.string,customStyle:p.default.object},Kl.defaultProps={inBuiltCss:B,sortIcon:f.default.createElement(F,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,l)=>{console.log(e,t,l)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const Nl=({title:e,subtitle:t,wrapperStyle:o,imgLink:r,imgStyle:a,iconSize:i})=>{const n=l.useTheme()||z,c={fontSize:"26px",fontWeight:"bold",color:`${n.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${n.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return f.default.createElement("div",{style:o},f.default.createElement("div",{style:c},r?f.default.createElement("img",{src:r,alt:"userIcon",srcset:"",style:a}):f.default.createElement(F,{icon:"user-icon",size:i,color:n.primary["primary-1"]})," ",f.default.createElement("h4",null,e)),f.default.createElement("div",{style:s},f.default.createElement("p",null,t)))};Nl.propTypes={size:p.default.number},Nl.defaultProps={iconSize:23};const Yl=l.createGlobalStyle`
|
|
1854
1855
|
@font-face {
|
|
1855
1856
|
font-family: "Averta";
|
|
1856
1857
|
font-weight: 100;
|
|
@@ -2192,7 +2193,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2192
2193
|
${({progressBarStyle:e})=>e}
|
|
2193
2194
|
width: ${({now:e})=>e+"%"};
|
|
2194
2195
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2195
|
-
`,qo=({labelStyle:e,progressBarStyle:t,label:o,now:r,color:a,...i})=>{const n=l.useTheme()||z;return f.default.createElement("div",null,f.default.createElement(
|
|
2196
|
+
`,qo=({labelStyle:e,progressBarStyle:t,label:o,now:r,color:a,...i})=>{const n=l.useTheme()||z;return f.default.createElement("div",null,f.default.createElement(ft,v({inBuiltCss:B,customStyles:e,type:"progressbarLabel",text:o},i)),f.default.createElement(Lo,v({progressBarStyle:t,theme:n,color:a},i),f.default.createElement(To,v({progressBarStyle:t,now:r,theme:n,color:a},i))))};qo.propTypes={labelStyle:p.default.object,progressBarStyle:p.default.object,color:p.default.string,label:p.default.string,now:p.default.number},qo.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Ho=m.default.div`
|
|
2196
2197
|
background: transparent;
|
|
2197
2198
|
display: flex;
|
|
2198
2199
|
align-items: center;
|
|
@@ -2501,4 +2502,4 @@ overflow: hidden;
|
|
|
2501
2502
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
2502
2503
|
font-size: ${({size:e})=>Ar[e].fontSize};
|
|
2503
2504
|
line-height: ${({size:e})=>Ar[e].lineHeight};
|
|
2504
|
-
`,Cr=({size:e,children:t,bg:o,text:r,...a})=>{const i=l.useTheme()||z;return f.default.createElement(vr,v({theme:i,bg:o,text:r,size:e},a),f.default.createElement(Yl,{theme:i}),t)};Cr.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},Cr.defaultProps={size:"md"},exports.Accordion=O,exports.AccordionSB=X,exports.AccordionSBfooter=Z,exports.ActionContainer=Fe,exports.ActionItem=Xe,exports.ArrowBar=K,exports.Avatar=ee,exports.AvatarSB=re,exports.AvatarSBfooter=ce,exports.Banner=ue,exports.Breadcrumb=ge,exports.ButtonPopup=oo,exports.Card=M,exports.CardRef=R,exports.CheckBoxInput=
|
|
2505
|
+
`,Cr=({size:e,children:t,bg:o,text:r,...a})=>{const i=l.useTheme()||z;return f.default.createElement(vr,v({theme:i,bg:o,text:r,size:e},a),f.default.createElement(Yl,{theme:i}),t)};Cr.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},Cr.defaultProps={size:"md"},exports.Accordion=O,exports.AccordionSB=X,exports.AccordionSBfooter=Z,exports.ActionContainer=Fe,exports.ActionItem=Xe,exports.ArrowBar=K,exports.Avatar=ee,exports.AvatarSB=re,exports.AvatarSBfooter=ce,exports.Banner=ue,exports.Breadcrumb=ge,exports.ButtonPopup=oo,exports.Card=M,exports.CardRef=R,exports.CheckBoxInput=xt,exports.ColorInput=Ct,exports.Content=Ie,exports.DarkSecondaryLink=Zo,exports.DateSelect=It,exports.Divider=De,exports.DocumentCard=q,exports.Drawer=_e,exports.DropdownSelect=Lt,exports.DropzoneInput=Jt,exports.ErrorBoundary=et,exports.FilterChip=ot,exports.Footer=at,exports.FooterContent=({variant:e,textColor:t,size:l,width:o,footerWidth:r,...a})=>f.default.createElement(it,v({variant:e,textColor:t,footerWidth:r},a),f.default.createElement(nt,{footerWidth:r},f.default.createElement(ct,{footerWidth:r},"Premise HQ"),f.default.createElement(st,{footerWidth:r},"|"),f.default.createElement(ct,{footerWidth:r},"All Rights Restricted 2020 ©")),f.default.createElement(nt,{footerWidth:r},f.default.createElement(ct,{footerWidth:r},"Terms of use"),f.default.createElement(st,{footerWidth:r},"|"),f.default.createElement(ct,{footerWidth:r},"Privacy Policy"))),exports.FormComponent=({formData:e,customStyles:l,...o})=>{const r=e=>{switch(e.type){case"header":return(e=>f.default.createElement(t.Fragment,null,f.default.createElement(ut,v({},e,o),e.children),e))(e);case"label":return(e=>f.default.createElement(ft,v({style:{marginBottom:"7px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>f.default.createElement(fl,v({},e,o)))(e);case"textArea":return(e=>f.default.createElement(kl,v({},e,o)))(e);case"number":return(e=>f.default.createElement(Dt,v({},e,o)))(e);case"radio":return(e=>f.default.createElement(cl,v({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>f.default.createElement(xt,v({},e,o)))(e);case"singleSelect":return(e=>f.default.createElement(Lt,v({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>f.default.createElement(Lt,v({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>f.default.createElement(Lt,v({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>f.default.createElement(Lt,v({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>f.default.createElement(vl,v({},e,o)))(e);case"fileUpload":return(e=>f.default.createElement(Jt,v({},e,o)))(e);case"date":return(e=>f.default.createElement(It,v({},e,o)))(e);case"toggle":return(e=>f.default.createElement(jl,v({},e,o)))(e);case"rating":return(e=>f.default.createElement(Ul,v({},e,o)))(e);case"buttonPrimary":return(e=>f.default.createElement(we,v({},e,o)))(e);case"buttonSecondary":return(e=>f.default.createElement(ze,v({},e,o)))(e);case"buttonTiny":return(e=>f.default.createElement(Me,v({},e,o)))(e);case"search":return(e=>f.default.createElement(ml,v({},e,o)))(e);case"table":return(e=>f.default.createElement(Kl,v({},e,o)))(e);case"passwordInput":return(e=>f.default.createElement(ll,v({},e,o)))(e);case"headerComponent":return(e=>f.default.createElement(Nl,v({},e,o)))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(Ze,{defaultThemeColor:z},f.default.createElement(Ne,{onSubmit:()=>{console.log("form submit")},customStyles:l},e.map(((e,t)=>e.length>1?f.default.createElement(Ue,null,e.map(((t,l)=>f.default.createElement(Qe,{cols:e.length},r(t))))):r(e[0]))))))},exports.FormContainer=Ze,exports.FormWrapper=Ne,exports.GroupAvatars=_l,exports.GroupButtons=no,exports.GroupButtonsPopup=po,exports.GroupStatusCircle=yo,exports.Header=ut,exports.HeaderComponent=Nl,exports.HyperLink=vo,exports.Icon=F,exports.Image=Y,exports.Label=ft,exports.LightSecondaryLink=Uo,exports.Loader=Ae,exports.ModalComp=Mo,exports.MultiColumnDiv=Qe,exports.MultiColumnWrapper=Ue,exports.Navbar=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:a,setApp:i,toggleSideBarOpen:n,headerStyles:c,selectedStyle:s,notSelectedStyle:d,customStylesNameHover:u,listElementStyle:p,...m})=>{const g=l.useTheme()||z,[b,h]=t.useState(null),[y,x]=t.useState(null);return f.default.createElement("div",{onMouseLeave:()=>{h(null),x(null)},style:{display:"flex",flexDirection:"column",height:"100vh"},className:"NavbarDiv"},f.default.createElement(Qo,{theme:g,headerStyles:c},e),f.default.createElement(Ko,null,o?.map(((e,t)=>f.default.createElement(X,{key:e.id,index:t,handleClick:e=>{!function(e){x(null),h(e)}(e)},isAccordionOpen:t===b,isSelected:e.userName===a.lev1,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(re,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===a.lev1?"600":"400"},customStylesNameHover:u,size:"LG",user:e,isSelected:e.userName===a.lev1}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.subdirectory?.map(((t,l)=>f.default.createElement(No,{listElementStyle:p,key:e.id+t,onClick:()=>{console.log("Click: ",e.fullName,t),i({lev1:`${e.userName}`,lev2:`${t}`})}},f.default.createElement("span",{style:{visibility:a.lev2===t?"visible":"hidden"}}),f.default.createElement("p",{style:{marginTop:0===l&&"0px"}},t)))))})))),f.default.createElement(Yo,null,f.default.createElement(Z,{index:0,handleClick:e=>{!function(e){h(null),x(e)}(e)},isAccordionOpen:0===y,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(re,{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:"My Account",userName:"My Account",url:"https://picsum.photos/30"}}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},f.default.createElement(Do,{listElementStyle:p,onClick:()=>{}},f.default.createElement("p",null,"Change Password")),f.default.createElement(Do,{onClick:()=>{}},f.default.createElement("p",null,"Sign Out")))}),f.default.createElement(Z,{handleClick:()=>{},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(ce,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:{"text-decoration":"underline"},size:"LG",user:{fullName:"Users",userName:"Users"},value:"+"+r.length}),disable:!0})))},exports.NumericInput=Dt,exports.Overlay=Io,exports.OverlayOptionContainer=Ge,exports.OverlayOptionItemLabel=Oe,exports.PageContent=Re,exports.Pagination=Wo,exports.PasswordInput=ll,exports.PrimaryButton=we,exports.PrimaryStatusChip=or,exports.ProgressBar=qo,exports.ProgressSteps=Oo,exports.RadioInput=cl,exports.Rating=Ul,exports.SearchInput=ml,exports.SecondaryButton=ze,exports.SecondaryStatusChip=ir,exports.Sidebar=er,exports.SignatureInput=vl,exports.SlimPrimaryStatusChip=sr,exports.SlimSecondaryStatusChip=pr,exports.StatusCircle=mo,exports.StyledCentralBar=Le,exports.StyledClearSearch=Pe,exports.StyledCreateRow=qe,exports.StyledRow=He,exports.StyledRowSearch=We,exports.StyledSearchRow=je,exports.StyledWarning=Te,exports.SubmitButtonContainer=Je,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:o,style:r,...a})=>{const i=e=>{switch(e.type){case"submit":return(e=>f.default.createElement(we,{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(ze,{block:e.block,disabled:a.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(Je,{style:r},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Kl,exports.TextArea=kl,exports.TextInput=fl,exports.TimeInput=Pl,exports.TinyButton=Me,exports.ToggleSwitch=jl,exports.Tooltip=xr,exports.Typography=Cr,exports.graphColor=k,exports.hexToRGB=he,exports.neutralColor=w,exports.primaryColor=C,exports.shadeColor=E,exports.uiColor=S;
|