groundfloor-react-ui 1.2.4 → 1.2.5
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 +1 -22
- package/components/Form/FormComponent.js +6 -4
- package/components/Form/FormWrapper.js +15 -0
- package/components/Form/index.js +2 -0
- package/components/Inputs/DropdownSelect.js +18 -14
- package/components/Modal/ModalComp.js +44 -50
- package/dist/index.es.js +135 -139
- package/dist/index.js +135 -139
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -822,27 +822,20 @@ ${({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=
|
|
826
|
-
width: 40vw;
|
|
827
|
-
display: flex;
|
|
828
|
-
justify-content: center;
|
|
829
|
-
flex-direction: column;
|
|
830
|
-
gap: 20px;
|
|
831
|
-
${({customStyles:e})=>e}
|
|
832
|
-
`;return f.default.createElement(t,{customStyles:e})},Ne=m.default.div`
|
|
825
|
+
`,Ke=m.default.div`
|
|
833
826
|
display: ${({vertical:e})=>e?"inline-block":"block"};
|
|
834
827
|
background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
|
|
835
828
|
content: '';
|
|
836
829
|
height: ${({vertical:e,thickness:t,height:l})=>e?l:t};
|
|
837
830
|
width: ${({vertical:e,thickness:t})=>e?t:null};
|
|
838
|
-
`,
|
|
831
|
+
`,Ne=({vertical:e,borderColor:t,thickness:o,height:r,...a})=>{const i=l.useTheme()||z;return f.default.createElement(Ke,v({theme:i,borderColor:t,thickness:o,vertical:e,height:r},a))};Ne.propTypes={thickness:p.default.string,borderColor:p.default.string,vertical:p.default.bool,height:p.default.string},Ne.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const Ye=m.default.div`
|
|
839
832
|
//Set the styles from the default styles object
|
|
840
833
|
${({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}}}}
|
|
841
|
-
|
|
834
|
+
`,De=({customStyles:e,drawerOpen:t,children:l,...o})=>f.default.createElement(Ye,v({inBuiltCss:B,customStyles:e,type:"drawer",drawerOpen:t},o),l);De.propTypes={customStyles:p.default.object,drawerOpen:p.default.bool};class $e 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}}$e.propTypes={children:p.default.any};const _e=l.css`
|
|
842
835
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
843
836
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
844
837
|
background: ${({theme:e})=>he(e.primary["primary-1"],.04)};
|
|
845
|
-
`,
|
|
838
|
+
`,et=m.default.button`
|
|
846
839
|
font-size: 14px;
|
|
847
840
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
848
841
|
background: ${({theme:e})=>he(e.variant["neutral-5"],.7)};
|
|
@@ -852,17 +845,17 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
852
845
|
outline: none;
|
|
853
846
|
cursor: pointer;
|
|
854
847
|
|
|
855
|
-
${({selected:e})=>e?
|
|
848
|
+
${({selected:e})=>e?_e:null}
|
|
856
849
|
|
|
857
850
|
&:not(:first-child) {
|
|
858
851
|
margin-left: 8px;
|
|
859
852
|
}
|
|
860
|
-
`,
|
|
853
|
+
`,tt=({options:e,selected:t,onClick:o,...r})=>{const a=l.useTheme()||z,i=e.map(((e,l)=>f.default.createElement(et,{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)};tt.propTypes={options:p.default.array,selected:p.default.string,onClick:p.default.func},tt.defaultProps={options:[],selected:""};const lt=m.default.footer`
|
|
861
854
|
//Set the styles from the default styles object
|
|
862
855
|
${({theme:e,type:t})=>be(e,t)}
|
|
863
856
|
// custom styles
|
|
864
857
|
${({customStyles:e})=>e}
|
|
865
|
-
`,
|
|
858
|
+
`,ot=t.forwardRef((({theme:e,customStyles:t,...l},o)=>f.default.createElement(lt,v({ref:o,theme:e,type:"footer",customStyles:t},l),l.children)));ot.propTypes={theme:p.default.object,customStyles:p.default.object,type:p.default.string},lt.defaultProps={theme:p.default.object},ot.defaultProps={theme:B,customStyles:null};const rt=m.default.div`
|
|
866
859
|
font-size: 14px;
|
|
867
860
|
background-color: transparent;
|
|
868
861
|
display: flex;
|
|
@@ -878,7 +871,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
878
871
|
${({footerWidth:e})=>{if(e<650)return l.css`
|
|
879
872
|
flex-direction: column;
|
|
880
873
|
`}}
|
|
881
|
-
`,
|
|
874
|
+
`,at=m.default.div`
|
|
882
875
|
display: flex;
|
|
883
876
|
${({footerWidth:e})=>{if(e<650)return l.css`
|
|
884
877
|
margin-bottom: 5px;
|
|
@@ -888,29 +881,29 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
888
881
|
align-items: center;
|
|
889
882
|
margin-bottom: 0;
|
|
890
883
|
`}}
|
|
891
|
-
`,
|
|
884
|
+
`,it=m.default.div`
|
|
892
885
|
margin-top: inherit;
|
|
893
886
|
margin-bottom: inherit;
|
|
894
887
|
${({footerWidth:e})=>{if(e<350)return l.css`
|
|
895
888
|
margin-bottom: 5px;
|
|
896
889
|
`}}
|
|
897
|
-
`,
|
|
890
|
+
`,nt=m.default.div`
|
|
898
891
|
margin: 0 10px;
|
|
899
892
|
${({footerWidth:e})=>{if(e<350)return l.css`
|
|
900
893
|
display: none;
|
|
901
894
|
`}}
|
|
902
|
-
`,
|
|
895
|
+
`,ct=m.default.header`
|
|
903
896
|
//Set the styles from the default styles object
|
|
904
897
|
${({theme:e,type:t})=>be(e,t)}
|
|
905
898
|
// custom styles
|
|
906
899
|
${({customStyles:e})=>e}
|
|
907
|
-
`,
|
|
900
|
+
`,st=({theme:e,type:t,customStyles:l,...o})=>f.default.createElement(ct,v({theme:e,type:"header",customStyles:l},o),o.children);st.propTypes={theme:p.default.object,customStyles:p.default.object,type:p.default.string},ct.defaultProps={theme:p.default.object},st.defaultProps={theme:B,type:"header",customStyles:null};const dt=m.default.label`
|
|
908
901
|
//Set the styles from the default styles object
|
|
909
902
|
${({theme:e,type:t})=>be(e,t)}
|
|
910
903
|
|
|
911
904
|
// custom styles
|
|
912
905
|
${({customStyles:e})=>e}
|
|
913
|
-
`,
|
|
906
|
+
`,ut=({customStyles:e,text:t,className:l,required:o,...r})=>{const a=B;return f.default.createElement(dt,v({required:o,theme:a,customStyles:e,type:"label"},r),t,o&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${z.variant.error}`}},"*"))};ut.propTypes={customStyles:p.default.object,text:p.default.string},ut.defaultProps={text:""};const pt=m.default.div`
|
|
914
907
|
box-sizing: initial;
|
|
915
908
|
|
|
916
909
|
//Set the styles from the default styles object
|
|
@@ -921,7 +914,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
921
914
|
|
|
922
915
|
// custom styles
|
|
923
916
|
${({checkBoxOuterStyle:e})=>e}
|
|
924
|
-
`;
|
|
917
|
+
`;pt.defaultProps={theme:z};const ft=m.default.div`
|
|
925
918
|
box-sizing: initial;
|
|
926
919
|
|
|
927
920
|
//Set the styles from the default styles object
|
|
@@ -936,7 +929,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
936
929
|
align-items: center;
|
|
937
930
|
// custom styles
|
|
938
931
|
${({checkBoxInnerStyle:e})=>e}
|
|
939
|
-
`;
|
|
932
|
+
`;ft.defaultProps={theme:z};const mt=m.default.span`
|
|
940
933
|
//Set the styles from the default styles object
|
|
941
934
|
${({inBuiltCss:e,type:t})=>be(e,t)}
|
|
942
935
|
|
|
@@ -946,7 +939,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
946
939
|
|
|
947
940
|
// custom styles
|
|
948
941
|
${({optionTextStyle:e})=>e}
|
|
949
|
-
`;
|
|
942
|
+
`;mt.defaultProps={theme:z};const gt=m.default.label`
|
|
950
943
|
width: fit-content;
|
|
951
944
|
margin-bottom: ${({inline:e})=>e?"":"18px !important"};
|
|
952
945
|
cursor: pointer;
|
|
@@ -956,10 +949,10 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let r={};if(e[t]){
|
|
|
956
949
|
|
|
957
950
|
// custom styles
|
|
958
951
|
${({wrapperStyles:e})=>e}
|
|
959
|
-
`,
|
|
952
|
+
`,bt=m.default.div`
|
|
960
953
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
961
954
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
962
|
-
`,
|
|
955
|
+
`,ht=({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(ut,v({customStyles:d,type:"check-label",text:u},x)),y&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),f.default.createElement(bt,v({style:{display:"flex",flexWrap:"wrap"},inline:b},x),p?.map(((e,t)=>f.default.createElement(gt,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(ft,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(pt,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(mt,{theme:A,inline:b,optionTextStyle:{...a,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:n,checkedTextColor:c},e.label))))))};ht.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},ht.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const yt=m.default.div`
|
|
963
956
|
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
964
957
|
background-color: ${({theme:e})=>e.bgColor};
|
|
965
958
|
|
|
@@ -971,7 +964,7 @@ ${({inBuiltCss:e,defaultColorWrapperStyle:t})=>be(e,t)}
|
|
|
971
964
|
// custom styles
|
|
972
965
|
${({customColorWrapperStyle:e})=>e}
|
|
973
966
|
|
|
974
|
-
`,
|
|
967
|
+
`,xt=m.default.input`
|
|
975
968
|
|
|
976
969
|
border: 0.5px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
977
970
|
box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
|
|
@@ -992,7 +985,7 @@ padding: 0;
|
|
|
992
985
|
${({inBuiltCss:e,defaultInputColorStyle:t})=>be(e,t)}
|
|
993
986
|
// custom styles
|
|
994
987
|
${({customInputColorStyle:e})=>e}
|
|
995
|
-
`,
|
|
988
|
+
`,At=({label:e,labelStyle:t,value:o,setValue:r,customInputColorStyle:a,customColorWrapperStyle:i,id:n,...c})=>{const s=l.useTheme()||z;return f.default.createElement(yt,v({customColorWrapperStyle:i,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:B},c),f.default.createElement(xt,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(ut,v({themeColor:z,customStyles:t,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};At.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},At.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const vt=m.default.div`
|
|
996
989
|
display: flex;
|
|
997
990
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
998
991
|
|
|
@@ -1131,24 +1124,24 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1131
1124
|
.react-datepicker::after {
|
|
1132
1125
|
box-sizing: initial !important;
|
|
1133
1126
|
}
|
|
1134
|
-
`;
|
|
1127
|
+
`;vt.defaultProps={theme:z};const Ct=m.default.div`
|
|
1135
1128
|
display: flex;
|
|
1136
1129
|
align-items: flex-start;
|
|
1137
1130
|
justify-content: center;
|
|
1138
1131
|
font-size: 16px;
|
|
1139
1132
|
padding-top: 12px;
|
|
1140
1133
|
padding-bottom: 15px;
|
|
1141
|
-
`,
|
|
1134
|
+
`,St=m.default.div`
|
|
1142
1135
|
display: flex;
|
|
1143
1136
|
justify-content: center;
|
|
1144
1137
|
margin-left: 6px;
|
|
1145
|
-
`,
|
|
1138
|
+
`,wt=m.default("div")`
|
|
1146
1139
|
width: inherit;
|
|
1147
|
-
`,
|
|
1140
|
+
`,Et=m.default("div")`
|
|
1148
1141
|
display: flex;
|
|
1149
1142
|
flex-direction: row;
|
|
1150
1143
|
cursor: pointer;
|
|
1151
|
-
`,
|
|
1144
|
+
`,kt=m.default("div")`
|
|
1152
1145
|
margin-top: 8px;
|
|
1153
1146
|
position: absolute;
|
|
1154
1147
|
z-index: 100;
|
|
@@ -1159,7 +1152,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1159
1152
|
background: white;
|
|
1160
1153
|
box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
|
|
1161
1154
|
border-radius: 4px;
|
|
1162
|
-
`,
|
|
1155
|
+
`,zt=m.default("ul")`
|
|
1163
1156
|
list-style: none;
|
|
1164
1157
|
padding: 0;
|
|
1165
1158
|
margin: 12px;
|
|
@@ -1186,7 +1179,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1186
1179
|
background-color: ${({theme:e})=>e.neutral["neutral-4"]};
|
|
1187
1180
|
border-radius: 10px;
|
|
1188
1181
|
}
|
|
1189
|
-
`;
|
|
1182
|
+
`;zt.defaultProps={theme:z};const Vt=m.default("li")`
|
|
1190
1183
|
text-align: left;
|
|
1191
1184
|
font-style: normal;
|
|
1192
1185
|
font-weight: normal;
|
|
@@ -1195,7 +1188,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1195
1188
|
padding-left: 12px;
|
|
1196
1189
|
padding-bottom: 12px;
|
|
1197
1190
|
cursor: pointer;
|
|
1198
|
-
`,
|
|
1191
|
+
`,Mt=({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(vt,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(Ct,null,f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(wt,{ref:u},f.default.createElement(Et,{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(St,null,f.default.createElement(F,{icon:"triangle-down",color:x?n.variant["primary-1"]:n.textColor,size:7}))),m&&f.default.createElement(kt,null,f.default.createElement(zt,{theme:a,onMouseEnter:()=>A(!0)},c.map(((e,t)=>f.default.createElement(Vt,{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(wt,{ref:p},f.default.createElement(Et,{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(St,null,f.default.createElement(F,{icon:"triangle-down",color:C?n.variant["primary-1"]:n.textColor,size:7}))),h&&f.default.createElement(kt,null,f.default.createElement(zt,{onMouseEnter:()=>S(!0)},s.map(((e,l)=>f.default.createElement(Vt,{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)))))))))}))};Mt.propTypes={startDate:p.default.any,setStartDate:p.default.func,disabled:p.default.bool,theme:p.default.object},Mt.defaultProps={theme:z,startDate:"",setStartDate:()=>{},disabled:!1};const Bt=m.default.div`
|
|
1199
1192
|
|
|
1200
1193
|
.master-dropdown,
|
|
1201
1194
|
.new-select {
|
|
@@ -1304,11 +1297,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1304
1297
|
color:${({theme:e})=>e.textColor} !important;
|
|
1305
1298
|
margin-right: 0px;
|
|
1306
1299
|
}
|
|
1300
|
+
.text-main-alt-value {
|
|
1301
|
+
color:${({theme:e})=>e.textColor} !important;
|
|
1302
|
+
white-space: nowrap;
|
|
1303
|
+
overflow: hidden;
|
|
1304
|
+
text-overflow: ellipsis;
|
|
1305
|
+
|
|
1306
|
+
}
|
|
1307
1307
|
.text-more-alt{
|
|
1308
1308
|
font-size:12px;
|
|
1309
1309
|
color: ${({theme:e})=>e.neutral["neutral-2"]};
|
|
1310
1310
|
padding-right: 0px;
|
|
1311
|
-
|
|
1311
|
+
|
|
1312
1312
|
|
|
1313
1313
|
}
|
|
1314
1314
|
.css-mohuvp-dummyInput-DummyInput{
|
|
@@ -1335,7 +1335,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1335
1335
|
.new-select__control--is-focused {
|
|
1336
1336
|
border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
|
|
1337
1337
|
}
|
|
1338
|
-
`;
|
|
1338
|
+
`;Bt.defaultProps={theme:z};const It=m.default.div`
|
|
1339
1339
|
// Default style
|
|
1340
1340
|
display: flex;
|
|
1341
1341
|
|
|
@@ -1343,11 +1343,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1343
1343
|
${({inBuiltCss:e,labelWrapperStyle:t})=>be(e,t)}
|
|
1344
1344
|
// custom styles
|
|
1345
1345
|
${({customLabelStyles:e})=>e}
|
|
1346
|
-
`,
|
|
1346
|
+
`,Rt=m.default.div`
|
|
1347
1347
|
margin-left: 6px;
|
|
1348
1348
|
margin-top: -14px;
|
|
1349
1349
|
cursor: pointer;
|
|
1350
|
-
`,
|
|
1350
|
+
`,Wt=({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(Rt,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(Rt,{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(Rt,{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(Bt,{style:y,isValid:s,fontSize:u,theme:T},e&&f.default.createElement(It,{inBuiltCss:B,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(ut,{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)))};Wt.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},Wt.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 Pt=m.default.div`
|
|
1351
1351
|
//Set the styles from the default styles object
|
|
1352
1352
|
${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
|
|
1353
1353
|
|
|
@@ -1364,48 +1364,48 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1364
1364
|
|
|
1365
1365
|
// custom styles
|
|
1366
1366
|
${({customDropzoneStyles:e})=>e}
|
|
1367
|
-
`,
|
|
1367
|
+
`,Lt=m.default.div`
|
|
1368
1368
|
//Set the styles from the default styles object
|
|
1369
1369
|
${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
|
|
1370
1370
|
|
|
1371
1371
|
// custom styles
|
|
1372
1372
|
${({customFileStyles:e})=>e}
|
|
1373
|
-
`,
|
|
1373
|
+
`,Tt=m.default.input`
|
|
1374
1374
|
display: none;
|
|
1375
|
-
`,
|
|
1375
|
+
`,qt=m.default.div`
|
|
1376
1376
|
//Set the styles from the default styles object
|
|
1377
1377
|
${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
|
|
1378
1378
|
|
|
1379
1379
|
// custom styles
|
|
1380
1380
|
${({customTextStyles:e})=>e}
|
|
1381
|
-
`,
|
|
1381
|
+
`,Ht=m.default.span`
|
|
1382
1382
|
//Set the styles from the default styles object
|
|
1383
1383
|
${({inBuiltCss:e,type:t})=>be(e,t)}
|
|
1384
1384
|
|
|
1385
1385
|
// custom styles
|
|
1386
1386
|
${({customFileNameStyles:e})=>e}
|
|
1387
|
-
`,
|
|
1387
|
+
`,jt=m.default.div`
|
|
1388
1388
|
cursor: pointer;
|
|
1389
1389
|
padding-left: 1px;
|
|
1390
1390
|
margin-left: auto;
|
|
1391
1391
|
margin-right: 10px;
|
|
1392
1392
|
display: flex;
|
|
1393
1393
|
justify-content: center;
|
|
1394
|
-
`,
|
|
1394
|
+
`,Ft=m.default.div`
|
|
1395
1395
|
margin-left: 11px;
|
|
1396
1396
|
padding-left: 2px;
|
|
1397
|
-
`,
|
|
1397
|
+
`,Gt=m.default.div`
|
|
1398
1398
|
color: #494949;
|
|
1399
1399
|
margin-left: 11px;
|
|
1400
1400
|
padding-left: 2px;
|
|
1401
|
-
`,
|
|
1401
|
+
`,Ot=m.default.p`
|
|
1402
1402
|
color: #494949;
|
|
1403
1403
|
display: flex;
|
|
1404
1404
|
justify-content: center;
|
|
1405
1405
|
align-items: center;
|
|
1406
1406
|
margin: 20px 0px;
|
|
1407
1407
|
font-size: 14px;
|
|
1408
|
-
`,
|
|
1408
|
+
`,Xt=({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(ut,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(Pt,{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(Tt,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(qt,{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(Ot,null,x)," ",c?.map(((e,t)=>f.default.createElement(Lt,{inBuiltCss:B,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},f.default.createElement(Ft,null,f.default.createElement(F,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?f.default.createElement(Ht,{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(Gt,null,e?.otherInfo),f.default.createElement(jt,{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}))))))};Xt.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},Xt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Zt=m.default.div`
|
|
1409
1409
|
border: 1px solid
|
|
1410
1410
|
${({theme:e})=>e.border};
|
|
1411
1411
|
border-radius: 4px;
|
|
@@ -1425,7 +1425,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1425
1425
|
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1426
1426
|
}
|
|
1427
1427
|
}
|
|
1428
|
-
`;
|
|
1428
|
+
`;Zt.defaultProps={theme:z};const Jt=m.default.input`
|
|
1429
1429
|
border: 0;
|
|
1430
1430
|
outline: 0;
|
|
1431
1431
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1437,12 +1437,12 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1437
1437
|
|
|
1438
1438
|
// custom styles
|
|
1439
1439
|
${({inputStyle:e})=>e}
|
|
1440
|
-
`;
|
|
1440
|
+
`;Jt.defaultProps={theme:z},l.css`
|
|
1441
1441
|
&:after {
|
|
1442
1442
|
content: ' *';
|
|
1443
1443
|
color: ${({theme:e})=>e.variant.error};
|
|
1444
1444
|
}
|
|
1445
|
-
`;const
|
|
1445
|
+
`;const Ut=m.default.label`
|
|
1446
1446
|
display: flex;
|
|
1447
1447
|
margin-right: 10px;
|
|
1448
1448
|
align-content: center;
|
|
@@ -1453,16 +1453,16 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1453
1453
|
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1454
1454
|
padding-bottom: 0px;
|
|
1455
1455
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1456
|
-
`;
|
|
1456
|
+
`;Ut.defaultProps={theme:z};const Qt=l.css`
|
|
1457
1457
|
display: flex;
|
|
1458
1458
|
align-items: center;
|
|
1459
|
-
`,
|
|
1460
|
-
${({labelInline:e})=>e?
|
|
1459
|
+
`,Kt=m.default.div`
|
|
1460
|
+
${({labelInline:e})=>e?Qt:null}
|
|
1461
1461
|
|
|
1462
1462
|
> div {
|
|
1463
1463
|
flex: 1 0 auto;
|
|
1464
1464
|
}
|
|
1465
|
-
`;
|
|
1465
|
+
`;Kt.defaultProps={theme:z};const Nt=({label:e,inputValue:t,inputStyle:l,iconBefore:o,iconAfter:r,onChange:a,theme:i,id:n,...c})=>f.default.createElement(Kt,c,e.length>0&&f.default.createElement(Ut,c,e),f.default.createElement("div",null,f.default.createElement(Zt,c,f.default.createElement("div",{className:"input-icon"},o),f.default.createElement(Jt,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))));Nt.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},Nt.defaultProps={theme:z,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:""};const Yt=m.default.div`
|
|
1466
1466
|
//Set the styles from the default styles object
|
|
1467
1467
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
|
|
1468
1468
|
|
|
@@ -1486,7 +1486,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1486
1486
|
|
|
1487
1487
|
// custom styles
|
|
1488
1488
|
${({textBoxStyle:e})=>e}
|
|
1489
|
-
`;
|
|
1489
|
+
`;Yt.defaultProps={theme:z};const Dt=m.default.input`
|
|
1490
1490
|
width: auto;
|
|
1491
1491
|
-webkit-text-security: ${({showEye:e})=>e?"none":"disc"} ;
|
|
1492
1492
|
|
|
@@ -1500,18 +1500,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1500
1500
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1501
1501
|
}
|
|
1502
1502
|
|
|
1503
|
-
|
|
1503
|
+
`;Dt.defaultProps={theme:z};const $t=l.css`
|
|
1504
1504
|
display: flex;
|
|
1505
1505
|
gap: 7px;
|
|
1506
1506
|
align-items: start;
|
|
1507
|
-
`,
|
|
1508
|
-
${({labelInline:e})=>e
|
|
1507
|
+
`,_t=m.default.div`
|
|
1508
|
+
${({labelInline:e})=>e?$t:null}
|
|
1509
1509
|
.err-text {
|
|
1510
1510
|
color: ${({theme:e})=>e.variant.error};
|
|
1511
1511
|
margin-top: 5px;
|
|
1512
1512
|
font-size: 10px;
|
|
1513
1513
|
}
|
|
1514
|
-
`;
|
|
1514
|
+
`;_t.defaultProps={theme:z};const el=({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(_t,v({labelInline:s,inBuiltCss:B},g),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ut,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(Yt,v({required:n,theme:e,textBoxStyle:o,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:B},g),f.default.createElement(Dt,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))};el.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},el.defaultProps={theme:z,inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const tl=m.default.div`
|
|
1515
1515
|
box-sizing: initial;
|
|
1516
1516
|
|
|
1517
1517
|
//Set the styles from the default styles object
|
|
@@ -1521,7 +1521,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1521
1521
|
|
|
1522
1522
|
// custom styles
|
|
1523
1523
|
${({radioOuterCircleStyle:e})=>e}
|
|
1524
|
-
`;
|
|
1524
|
+
`;tl.defaultProps={theme:z};const ll=m.default.div`
|
|
1525
1525
|
box-sizing: initial;
|
|
1526
1526
|
|
|
1527
1527
|
//Set the styles from the default styles object
|
|
@@ -1533,7 +1533,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1533
1533
|
|
|
1534
1534
|
// custom styles
|
|
1535
1535
|
${({radioInnerCircleStyle:e})=>e}
|
|
1536
|
-
`;
|
|
1536
|
+
`;ll.defaultProps={theme:z};const ol=m.default.div`
|
|
1537
1537
|
//Set the styles from the default styles object
|
|
1538
1538
|
${({inBuiltCss:e,defaultOptionStyle:t})=>be(e,t)}
|
|
1539
1539
|
margin-right: ${({inline:e})=>e?"":"30px"};
|
|
@@ -1541,7 +1541,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1541
1541
|
|
|
1542
1542
|
// custom styles
|
|
1543
1543
|
${({optionStyle:e})=>e}
|
|
1544
|
-
`;
|
|
1544
|
+
`;ol.defaultProps={theme:z};const rl=m.default.div`
|
|
1545
1545
|
margin-bottom: ${({inline:e})=>e?"":"14px"};
|
|
1546
1546
|
cursor: pointer;
|
|
1547
1547
|
align-items: center;
|
|
@@ -1550,11 +1550,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1550
1550
|
|
|
1551
1551
|
// custom styles
|
|
1552
1552
|
${({WrapperDivStyle:e})=>e}
|
|
1553
|
-
`,
|
|
1553
|
+
`,al=m.default.div`
|
|
1554
1554
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1555
1555
|
width: max-content;
|
|
1556
1556
|
margin: 0;
|
|
1557
|
-
`,
|
|
1557
|
+
`,il=({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(ut,{customStyles:o,type:"radio-label",text:r}),f.default.createElement(al,{inline:m},i.map(((l,o)=>f.default.createElement(rl,{WrapperDivStyle:h,key:o+101*Math.random(),id:l.id,inline:m,onClick:()=>{!l?.disabled&&s(l.value)}},f.default.createElement(tl,{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(ll,{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(ol,{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))))))};il.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},il.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const nl=m.default.div`
|
|
1558
1558
|
//Set the styles from the default styles object
|
|
1559
1559
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
|
|
1560
1560
|
|
|
@@ -1577,7 +1577,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1577
1577
|
${({textBoxStyle:e})=>e}
|
|
1578
1578
|
|
|
1579
1579
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1580
|
-
`,
|
|
1580
|
+
`,cl=m.default.input`
|
|
1581
1581
|
width: 98%;
|
|
1582
1582
|
//Set the styles from the default styles object
|
|
1583
1583
|
${({inBuiltCss:e,defaultInputStyle:t})=>be(e,t)}
|
|
@@ -1589,18 +1589,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1589
1589
|
color: ${z.variant["neutral-3"]};
|
|
1590
1590
|
}
|
|
1591
1591
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1592
|
-
`,
|
|
1592
|
+
`,sl=l.css`
|
|
1593
1593
|
display: flex;
|
|
1594
1594
|
gap: 7px;
|
|
1595
1595
|
align-items: center;
|
|
1596
|
-
`,
|
|
1597
|
-
${({labelInline:e})=>e?
|
|
1596
|
+
`,dl=m.default.div`
|
|
1597
|
+
${({labelInline:e})=>e?sl:null}
|
|
1598
1598
|
.err-text {
|
|
1599
1599
|
color: ${({theme:e})=>e.variant.error};
|
|
1600
1600
|
margin-top: 5px;
|
|
1601
1601
|
font-size: 10px;
|
|
1602
1602
|
}
|
|
1603
|
-
`;
|
|
1603
|
+
`;dl.defaultProps={theme:z};const ul=({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(dl,v({labelInline:i},g,{theme:u}),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ut,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(nl,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(cl,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));ul.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},cl.defaultProps={theme:z},nl.defaultProps={theme:z},dl.defaultProps={theme:z},ul.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 pl=({label:e,placeholder:t,handleSearch:l,searchInput:o,customStylesForm:r,customStyleObject:a,textBoxStyle:i,id:n,...c})=>f.default.createElement(ul,v({iconAfter:f.default.createElement(F,{icon:"magnifier-icon"}),label:e,textBoxStyle:i,placeholder:t,ref:o,onChange:l,id:n},c)),fl=m.default.div`
|
|
1604
1604
|
//Set the styles from the default styles object
|
|
1605
1605
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>be(e,t)}
|
|
1606
1606
|
|
|
@@ -1609,7 +1609,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1609
1609
|
&:focus-within {
|
|
1610
1610
|
border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
|
|
1611
1611
|
}
|
|
1612
|
-
`,
|
|
1612
|
+
`,ml=m.default.div`
|
|
1613
1613
|
//Set the styles from the default styles object
|
|
1614
1614
|
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>be(e,t)}
|
|
1615
1615
|
|
|
@@ -1621,7 +1621,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1621
1621
|
border-left: ${({signIcon:e})=>e?"":"none"};
|
|
1622
1622
|
margin-left: ${({signIcon:e})=>e?"":"42px"};
|
|
1623
1623
|
position: ${({signIcon:e})=>e?"absolute":""};
|
|
1624
|
-
`,
|
|
1624
|
+
`,gl=m.default.div`
|
|
1625
1625
|
width: 39px;
|
|
1626
1626
|
height: 44px;
|
|
1627
1627
|
display: flex;
|
|
@@ -1631,7 +1631,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1631
1631
|
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
1632
|
background-color: rgba(255, 255, 255, 0.05);
|
|
1633
1633
|
cursor: pointer;
|
|
1634
|
-
`,
|
|
1634
|
+
`,bl=m.default.input`
|
|
1635
1635
|
${({inBuiltCss:e,defaultInputStyle:t})=>be(e,t)}
|
|
1636
1636
|
|
|
1637
1637
|
border-bottom: ${({value:e,defaultColor:t,theme:l})=>e.length>0?"none":t};
|
|
@@ -1656,17 +1656,17 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1656
1656
|
|
|
1657
1657
|
// custom styles
|
|
1658
1658
|
${({customInputStyle:e})=>e}
|
|
1659
|
-
`,
|
|
1659
|
+
`,hl=m.default.div`
|
|
1660
1660
|
position: relative;
|
|
1661
1661
|
width: inherit;
|
|
1662
1662
|
display: flex;
|
|
1663
1663
|
margin: 4px;
|
|
1664
|
-
`,
|
|
1664
|
+
`,yl=m.default.div`
|
|
1665
1665
|
padding-left: 2px;
|
|
1666
1666
|
display: flex;
|
|
1667
1667
|
justify-content: center;
|
|
1668
1668
|
cursor: pointer;
|
|
1669
|
-
`,
|
|
1669
|
+
`,xl=({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(fl,{inBuiltCss:B,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:v,activeColor:o,defaultColor:r,theme:A},f.default.createElement(ml,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:r,selected:v,isMyInputFocused:S,signIcon:!0,theme:A},f.default.createElement(gl,{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(gl,{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(ml,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:r,theme:A,selected:v,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===v?f.default.createElement(bl,{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(hl,{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(yl,{selected:v,onClick:()=>M()},f.default.createElement(F,{icon:"cross-icon",color:r||A.neutral["neutral-3"]}))))};xl.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},xl.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Al=m.default.div`
|
|
1670
1670
|
//Set the styles from the default styles object
|
|
1671
1671
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
|
|
1672
1672
|
|
|
@@ -1687,19 +1687,19 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1687
1687
|
|
|
1688
1688
|
// custom styles
|
|
1689
1689
|
${({textAreaStyle:e})=>e}
|
|
1690
|
-
`,
|
|
1690
|
+
`,vl=m.default.textarea`
|
|
1691
1691
|
//Set the styles from the default styles object
|
|
1692
1692
|
${({inBuiltCss:e,defaultInputStyle:t})=>be(e,t)}
|
|
1693
1693
|
margin: 0;
|
|
1694
1694
|
overflow: auto;
|
|
1695
1695
|
resize: vertical // custom styles
|
|
1696
1696
|
${({inputStyle:e})=>e};
|
|
1697
|
-
`,
|
|
1697
|
+
`,Cl=l.css`
|
|
1698
1698
|
display: flex;
|
|
1699
1699
|
gap: 7px;
|
|
1700
1700
|
align-items: center;
|
|
1701
|
-
`,
|
|
1702
|
-
${({labelInline:e})=>e?
|
|
1701
|
+
`,Sl=m.default.div`
|
|
1702
|
+
${({labelInline:e})=>e?Cl:null}
|
|
1703
1703
|
${({customStylesForm:e})=>{if(e)return{...e}}}
|
|
1704
1704
|
position: relative;
|
|
1705
1705
|
.err-text {
|
|
@@ -1707,7 +1707,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1707
1707
|
margin-top: 5px;
|
|
1708
1708
|
font-size: 10px;
|
|
1709
1709
|
}
|
|
1710
|
-
`,
|
|
1710
|
+
`,wl=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(Sl,v({labelInline:c,customStylesForm:e,theme:y},b),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(ut,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(Al,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(vl,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))}));wl.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},wl.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const El=m.default.div`
|
|
1711
1711
|
color: #a9b1b8;
|
|
1712
1712
|
font-size: 21px;
|
|
1713
1713
|
border: 1px solid
|
|
@@ -1721,7 +1721,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1721
1721
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1722
1722
|
outline: none;
|
|
1723
1723
|
}
|
|
1724
|
-
`,
|
|
1724
|
+
`,kl=m.default.input`
|
|
1725
1725
|
border: 0;
|
|
1726
1726
|
outline: 0;
|
|
1727
1727
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1731,23 +1731,23 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1731
1731
|
width: 24px;
|
|
1732
1732
|
text-align:center;
|
|
1733
1733
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1734
|
-
`,
|
|
1734
|
+
`,zl=l.css`
|
|
1735
1735
|
&:after {
|
|
1736
1736
|
content: ' *';
|
|
1737
1737
|
color: ${({theme:e})=>e.variant.error};
|
|
1738
1738
|
}
|
|
1739
|
-
`,
|
|
1739
|
+
`,Vl=m.default.label`
|
|
1740
1740
|
display: block;
|
|
1741
1741
|
margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
|
|
1742
1742
|
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1743
1743
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1744
|
-
${({required:e})=>e?
|
|
1744
|
+
${({required:e})=>e?zl:null}
|
|
1745
1745
|
padding-bottom: 0px;
|
|
1746
|
-
`,
|
|
1746
|
+
`,Ml=l.css`
|
|
1747
1747
|
display: flex;
|
|
1748
1748
|
align-items: center;
|
|
1749
|
-
`,
|
|
1750
|
-
${({labelInline:e})=>e?
|
|
1749
|
+
`,Bl=m.default.div`
|
|
1750
|
+
${({labelInline:e})=>e?Ml:null}
|
|
1751
1751
|
.err-text {
|
|
1752
1752
|
color: ${({theme:e})=>e.variant.error};
|
|
1753
1753
|
margin-top: 5px;
|
|
@@ -1757,7 +1757,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1757
1757
|
> div {
|
|
1758
1758
|
flex: 1 0 auto;
|
|
1759
1759
|
}
|
|
1760
|
-
`,
|
|
1760
|
+
`,Il=m.default.button`
|
|
1761
1761
|
border: none;
|
|
1762
1762
|
outline: none;
|
|
1763
1763
|
border-radius: 4px;
|
|
@@ -1766,9 +1766,9 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1766
1766
|
padding: 5px 6px;
|
|
1767
1767
|
font-size: 18px;
|
|
1768
1768
|
cursor: pointer;
|
|
1769
|
-
`,
|
|
1769
|
+
`,Rl=({label:e,errMsg:t,hour:o,minute:r,period:a,onChange:i,id:n,...c})=>{const s=l.useTheme()||z;return f.default.createElement(Bl,v({theme:s},c),f.default.createElement(Vl,v({theme:s},c,{errMsg:t}),e),f.default.createElement("div",null,f.default.createElement(El,v({theme:s,id:n},c),f.default.createElement(kl,{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(kl,{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(Il,{theme:s,onClick:function(e){i({hour:o,minute:r,period:"AM"===a?"PM":"AM"})}},a)),f.default.createElement("div",{className:"err-text"},t)))};Rl.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},Rl.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Wl=m.default.div`
|
|
1770
1770
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>be(e,t)}
|
|
1771
|
-
`,
|
|
1771
|
+
`,Pl=m.default.label`
|
|
1772
1772
|
//Set the styles from the default styles object
|
|
1773
1773
|
${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>be(e,t)}
|
|
1774
1774
|
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 +1788,20 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1788
1788
|
// custom styles
|
|
1789
1789
|
${({customSwitchStyle:e})=>e}
|
|
1790
1790
|
}
|
|
1791
|
-
`,
|
|
1791
|
+
`,Ll=m.default.input.attrs({type:"checkbox"})`
|
|
1792
1792
|
opacity: 0;
|
|
1793
1793
|
z-index: 1;
|
|
1794
1794
|
border-radius: 31px;
|
|
1795
1795
|
width: 45px;
|
|
1796
1796
|
height: 22px;
|
|
1797
1797
|
cursor: pointer;
|
|
1798
|
-
`,
|
|
1798
|
+
`,Tl=m.default.span`
|
|
1799
1799
|
//Set the styles from the default styles object
|
|
1800
1800
|
${({inBuiltCss:e,defaultOptionTextStyle:t})=>be(e,t)}
|
|
1801
1801
|
|
|
1802
1802
|
// custom styles
|
|
1803
1803
|
${({optionStyle:e})=>e}
|
|
1804
|
-
`,
|
|
1804
|
+
`,ql=({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(Wl,v({inBuiltCss:B,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},p),f.default.createElement(Ll,v({},p,{id:"checkbox",inBuiltCss:B,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{n(!e)},isChecked:e})),f.default.createElement(Pl,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(Tl,v({optionStyle:d,inBuiltCss:B,defaultOptionTextStyle:"toggle-switch-option-text"},p),e?c:s))};ql.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},ql.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:""};const Hl=m.default.div`
|
|
1805
1805
|
box-sizing: border-box;
|
|
1806
1806
|
display: flex;
|
|
1807
1807
|
justify-content: center;
|
|
@@ -1809,8 +1809,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1809
1809
|
width: auto;
|
|
1810
1810
|
|
|
1811
1811
|
${({size:e})=>l.css`height: ${e}px;`}
|
|
1812
|
+
`,jl=m.default.div`
|
|
1812
1813
|
`,Fl=m.default.div`
|
|
1813
|
-
`,Gl=m.default.div`
|
|
1814
1814
|
box-sizing: border-box;
|
|
1815
1815
|
display: flex;
|
|
1816
1816
|
justify-content: center;
|
|
@@ -1839,11 +1839,18 @@ svg {
|
|
|
1839
1839
|
`}
|
|
1840
1840
|
}
|
|
1841
1841
|
}
|
|
1842
|
-
`,
|
|
1842
|
+
`,Gl=({theme:e,toggleSet:t,slide:l,color:o,size:r,transform:a,ratingValue:i,starVal:n,hover:c,...s})=>f.default.createElement(Fl,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 Ol(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 Xl(e,t){return 100*e/t}const Zl=({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(Ol(u,d).array),A(Ol(u,d).value),S(Xl(u,d))}),[u,d]),t.useEffect((()=>{w?y(Ol(w,d).array):(y(Ol(u,d).array),A(Ol(u,d).value),S(Xl(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(Gl,{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(Hl,v({customStyles:o,type:e,size:n},b,{className:"container"}),p?k:f.default.createElement(jl,{type:e,customStyles:a},C,"%"))};Zl.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},Zl.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Jl=m.default.div`
|
|
1843
1843
|
.form-check-input {
|
|
1844
1844
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
1845
1845
|
}
|
|
1846
|
-
`,
|
|
1846
|
+
`,Ul=({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(Jl,{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))};Ul.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},Ul.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 Ql=m.default.form`
|
|
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`
|
|
1847
1854
|
@font-face {
|
|
1848
1855
|
font-family: "Averta";
|
|
1849
1856
|
font-weight: 100;
|
|
@@ -1951,7 +1958,7 @@ svg {
|
|
|
1951
1958
|
* {
|
|
1952
1959
|
font-family: "Averta";
|
|
1953
1960
|
}
|
|
1954
|
-
`,
|
|
1961
|
+
`,Dl=m.default.span`
|
|
1955
1962
|
background: transparent;
|
|
1956
1963
|
position: relative;
|
|
1957
1964
|
display: flex;
|
|
@@ -1960,12 +1967,12 @@ svg {
|
|
|
1960
1967
|
&>span:not(:first-of-type){
|
|
1961
1968
|
margin-left: -13px;
|
|
1962
1969
|
}
|
|
1963
|
-
|
|
1970
|
+
`,$l=m.default.p`
|
|
1964
1971
|
color: ${({theme:e,variantQty:t})=>e.variant[t]};
|
|
1965
1972
|
margin: 0;
|
|
1966
1973
|
margin-left: 7px;
|
|
1967
1974
|
font-size: 16px;
|
|
1968
|
-
|
|
1975
|
+
`,_l=({items:e,block:t,size:o,variantCircle:r,variantName:a,variantQty:i,flagName:n,user:c,colorCircle:s,colorBorderCircle:d,...u})=>{const p=l.useTheme()||z;return f.default.createElement(Dl,v({block:t},u),e?.map(((t,l)=>{let i={},n={};return i.backgroundColor=s?`${p.variant[s]}`:`${p.variant[r]}`,0!==l&&(i.border=d?`2px solid ${d}`:`2px solid ${p.variant[r]}`,n.border=d?`2px solid ${d}`:`2px solid ${p.variant[r]}`),1===e.length?f.default.createElement(ee,{key:t.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${p.variant[{variantName:a}]}`},size:o,toggleName:!0,user:t,customStylesCircle:i,customStylesImage:n}):l<=3?f.default.createElement(ee,{key:t.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${p.variant[{variantName:a}]}`},size:o,toggleName:!1,user:t,customStylesCircle:i,customStylesImage:n}):null})),e.length-4>0?f.default.createElement($l,{theme:p,variantQty:i},"+",e.length-4):null)};_l.propTypes={variantCircle:p.default.string,variantName:p.default.string,size:p.default.oneOf(["SM","MD","LG"]),user:p.default.object,theme:p.default.object,colorCircle:p.default.string,colorBorderCircle:p.default.string,variantQty:p.default.string},_l.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const eo=m.default.div`
|
|
1969
1976
|
max-width: inherit;
|
|
1970
1977
|
width: inherit;
|
|
1971
1978
|
font-size: 14px;
|
|
@@ -1991,7 +1998,7 @@ svg {
|
|
|
1991
1998
|
&[data-popper-placement*='top'] .tooltip-arrow::after {
|
|
1992
1999
|
border-color: ${({theme:e,variantTPbg:t})=>t?e.variant[t]:"#6b747f"} transparent transparent transparent;
|
|
1993
2000
|
}
|
|
1994
|
-
`,
|
|
2001
|
+
`,to=m.default.div`
|
|
1995
2002
|
display: flex;
|
|
1996
2003
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
1997
2004
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
@@ -2006,24 +2013,24 @@ svg {
|
|
|
2006
2013
|
svg path {
|
|
2007
2014
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2008
2015
|
}
|
|
2009
|
-
`,
|
|
2016
|
+
`,lo=m.default.div`
|
|
2010
2017
|
display: flex;
|
|
2011
2018
|
justify-content: space-evenly;
|
|
2012
2019
|
flex-grow: 1;
|
|
2013
2020
|
align-items: stretch;
|
|
2014
|
-
`,
|
|
2021
|
+
`,oo=({label:e,index:t,style:o,items:r,variant:a,borderVariant:i,bgVariant:n,variantDisable:c,variantBgDisable:d,disabled:u,divider:p,indexPrefix:m,onClick:g,icon:b,variantTPtext:h,variantTPbg:y,...x})=>{l.useTheme();const{getArrowProps:A,getTooltipProps:C,setTooltipRef:S,setTriggerRef:w,visible:E}=s.usePopperTooltip();return f.default.createElement(f.default.Fragment,null,f.default.createElement(lo,{ref:w},f.default.createElement(to,{variant:a,borderVariant:i,bgVariant:n,variantDisable:c,variantBgDisable:d,disabled:u,onClick:u?null:()=>{g(g)}},b),p),E&&f.default.createElement(eo,v({variantTPtext:h,variantTPbg:y,ref:S},C({className:"tooltip-container"})),e,f.default.createElement("div",A({className:"tooltip-arrow"}))))};oo.propTypes={variant:p.default.string,borderVariant:p.default.string,bgVariant:p.default.string,variantDisable:p.default.string,variantBgDisable:p.default.string,indexPrefix:p.default.string,theme:p.default.object,items:p.default.array,allDisabled:p.default.bool,divider:p.default.any,onClick:p.default.func,variantTPtext:p.default.string,variantTPbg:p.default.string},lo.defaultProps={theme:z},to.defaultProps={theme:z},eo.defaultProps={theme:z},oo.defaultProps={theme:z,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const ro=m.default.div`
|
|
2015
2022
|
display: flex;
|
|
2016
2023
|
justify-content: space-evenly;
|
|
2017
2024
|
align-items: stretch;
|
|
2018
2025
|
height: 42px;
|
|
2019
2026
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2020
2027
|
border-radius: 3px;
|
|
2021
|
-
`,
|
|
2028
|
+
`,ao=m.default.div`
|
|
2022
2029
|
display: flex;
|
|
2023
2030
|
justify-content: space-evenly;
|
|
2024
2031
|
flex-grow: 1;
|
|
2025
2032
|
align-items: stretch;
|
|
2026
|
-
`,
|
|
2033
|
+
`,io=m.default.div`
|
|
2027
2034
|
display: flex;
|
|
2028
2035
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2029
2036
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
@@ -2038,19 +2045,19 @@ svg {
|
|
|
2038
2045
|
svg path {
|
|
2039
2046
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2040
2047
|
}
|
|
2041
|
-
`,
|
|
2048
|
+
`,no=({style:e,items:t,variant:o,borderVariant:r,bgVariant:a,variantDisable:i,variantBgDisable:n,allDisabled:c,divider:s,indexPrefix:d,onClick:u,...p})=>(l.useTheme(),f.default.createElement(ro,v({variant:o,borderVariant:r},p),t?.map(((e,l)=>f.default.createElement(ao,{key:d.concat(l)},f.default.createElement(io,{variant:o,borderVariant:r,bgVariant:a,variantDisable:i,variantBgDisable:n,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>u(e.label)},e.icon),t?.length-1!==l&&s)))));no.propTypes={variant:p.default.string,borderVariant:p.default.string,bgVariant:p.default.string,variantDisable:p.default.string,variantBgDisable:p.default.string,indexPrefix:p.default.string,theme:p.default.object,items:p.default.array,allDisabled:p.default.bool,divider:p.default.any,onClick:p.default.func},ro.defaultProps={theme:z},ao.defaultProps={theme:z},io.defaultProps={theme:z},no.defaultProps={theme:z,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const co=m.default.div`
|
|
2042
2049
|
display: flex;
|
|
2043
2050
|
justify-content: space-evenly;
|
|
2044
2051
|
align-items: stretch;
|
|
2045
2052
|
height: 42px;
|
|
2046
2053
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2047
2054
|
border-radius: 3px;
|
|
2048
|
-
`,
|
|
2055
|
+
`,so=m.default.div`
|
|
2049
2056
|
display: flex;
|
|
2050
2057
|
justify-content: space-evenly;
|
|
2051
2058
|
flex-grow: 1;
|
|
2052
2059
|
align-items: stretch;
|
|
2053
|
-
`,
|
|
2060
|
+
`,uo=m.default.div`
|
|
2054
2061
|
display: flex;
|
|
2055
2062
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2056
2063
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
@@ -2065,28 +2072,28 @@ svg {
|
|
|
2065
2072
|
svg path {
|
|
2066
2073
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2067
2074
|
}
|
|
2068
|
-
`,
|
|
2075
|
+
`,po=({style:e,items:t,variant:o,borderVariant:r,bgVariant:a,variantDisable:i,variantBgDisable:n,allDisabled:c,divider:s,indexPrefix:d,onClick:u,variantTPtext:p,variantTPbg:m,...g})=>(l.useTheme(),f.default.createElement(co,v({variant:o,borderVariant:r},g),t?.map(((e,l)=>f.default.createElement(oo,{key:d.concat(l),variant:o,borderVariant:r,bgVariant:a,variantDisable:i,variantBgDisable:n,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{u(e.label)},divider:t?.length-1!==l&&s,icon:e.icon,index:l,label:e.label,variantTPtext:p,variantTPbg:m})))));po.propTypes={variant:p.default.string,borderVariant:p.default.string,bgVariant:p.default.string,variantDisable:p.default.string,variantBgDisable:p.default.string,indexPrefix:p.default.string,theme:p.default.object,items:p.default.array,allDisabled:p.default.bool,divider:p.default.any,onClick:p.default.func,variantTPtext:p.default.string,variantTPbg:p.default.string},co.defaultProps={theme:z},so.defaultProps={theme:z},uo.defaultProps={theme:z},po.defaultProps={theme:z,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const fo=m.default.div`
|
|
2069
2076
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
2070
2077
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
2071
2078
|
border-radius: 50%;
|
|
2072
2079
|
width: ${({size:e})=>e}px;
|
|
2073
2080
|
height: ${({size:e})=>e}px;
|
|
2074
2081
|
box-sizing: border-box;
|
|
2075
|
-
`,
|
|
2082
|
+
`,mo=({variant:e,bgColor:t,borderColor:o,...r})=>(l.useTheme(),f.default.createElement(fo,v({variant:e,borderColor:o,bgColor:t},r)));mo.propTypes={variant:p.default.string,size:p.default.number,theme:p.default.object,borderColor:p.default.string,bgColor:p.default.string},fo.defaultProps={theme:z},mo.defaultProps={theme:z,variant:"primary-1",size:11};const go=m.default.div`
|
|
2076
2083
|
display: inline-flex;
|
|
2077
2084
|
align-items: center;
|
|
2078
2085
|
background-color: transparent;
|
|
2079
2086
|
min-height: 24px;
|
|
2080
|
-
`,
|
|
2087
|
+
`,bo=m.default.div`
|
|
2081
2088
|
display: flex;
|
|
2082
2089
|
justify-content: space-evenly;
|
|
2083
2090
|
width: 69px;
|
|
2084
|
-
`,
|
|
2091
|
+
`,ho=m.default.p`
|
|
2085
2092
|
display: flex;
|
|
2086
2093
|
color: ${({theme:e,variantText:t,colorText:l})=>l||e.variant[t]};
|
|
2087
2094
|
font-size: 16px;
|
|
2088
2095
|
margin: 0 5px;
|
|
2089
|
-
`,
|
|
2096
|
+
`,yo=({style:e,variantCircle:t,variantText:o,level:r,textArray:a,colorArray:i,indexPrefix:n,colorText:c,...s})=>(l.useTheme(),f.default.createElement(go,s,f.default.createElement(bo,null,[1,2,3,4].map(((e,l)=>{let o="#D4D7E3",a=null,c=null;return r<=0&&(r=0),r>=4&&(r=4),i?r>=e?(a=i[r],o=i[r]):a=i[0]:r>=e?(c=t,o=t):c="#FFFFFF",f.default.createElement(mo,{key:n.concat(l),variant:c,borderColor:o,bgColor:a,size:11})}))),a&&f.default.createElement(ho,{variantText:o,colorText:c},a[r])));yo.propTypes={variantCircle:p.default.string,variantText:p.default.string,level:p.default.number,indexPrefix:p.default.string,theme:p.default.object,block:p.default.bool,textArray:p.default.array,colorArray:p.default.array,colorText:p.default.string},ho.defaultProps={theme:z},yo.defaultProps={theme:z,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const xo={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},Ao=m.default.button`
|
|
2090
2097
|
${({underlined:e})=>e?null:l.css`&:hover {text-decoration: underline}`};
|
|
2091
2098
|
background: transparent;
|
|
2092
2099
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
@@ -2097,7 +2104,7 @@ svg {
|
|
|
2097
2104
|
justify-content: start;
|
|
2098
2105
|
border: none;
|
|
2099
2106
|
cursor: pointer;
|
|
2100
|
-
font-size: ${({size:e})=>
|
|
2107
|
+
font-size: ${({size:e})=>xo[e].fontSize};
|
|
2101
2108
|
|
|
2102
2109
|
&:disabled {
|
|
2103
2110
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
@@ -2107,32 +2114,22 @@ svg {
|
|
|
2107
2114
|
* {
|
|
2108
2115
|
outline: none;
|
|
2109
2116
|
}
|
|
2110
|
-
`,
|
|
2117
|
+
`,vo=({block:e,size:t,style:o,variant:r,disabled:a,underlined:i,...n})=>(l.useTheme(),f.default.createElement(Ao,v({block:e,variant:r,type:"button",style:o,size:t,disabled:a,underlined:i},n),n.children));vo.propTypes={variant:p.default.string,disabled:p.default.bool,size:p.default.oneOf(["xsm","sm","md","lg"]),block:p.default.bool,onClick:p.default.func,theme:p.default.object,underlined:p.default.bool},Ao.defaultProps={theme:z},vo.defaultProps={theme:z,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const Co=m.default.button`
|
|
2111
2118
|
//Set the styles from the default styles object
|
|
2112
2119
|
${({theme:e,type:t})=>be(e,t)}
|
|
2113
2120
|
// custom styles
|
|
2114
2121
|
${({customModalCloseStyle:e})=>e}
|
|
2115
2122
|
//Set the styles from the default styles object
|
|
2116
|
-
&:focus{
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
}
|
|
2120
|
-
`,So=m.default.div`
|
|
2121
|
-
.header-title {
|
|
2122
|
-
display: flex;
|
|
2123
|
-
gap: 10px;
|
|
2124
|
-
align-items: center;
|
|
2125
|
-
}
|
|
2126
|
-
.header-description {
|
|
2127
|
-
margin-top: 5px;
|
|
2128
|
-
}
|
|
2129
|
-
h4 {
|
|
2130
|
-
margin-bottom: 0;
|
|
2123
|
+
&:focus {
|
|
2124
|
+
outline: none;
|
|
2125
|
+
border: none;
|
|
2131
2126
|
}
|
|
2127
|
+
`,So=m.default.div`
|
|
2128
|
+
margin-top: 10px;
|
|
2129
|
+
|
|
2132
2130
|
// custom styles
|
|
2133
2131
|
${({customModalHeaderStyle:e})=>e}
|
|
2134
2132
|
`,wo=m.default.div`
|
|
2135
|
-
|
|
2136
2133
|
//Set the styles from the default styles object
|
|
2137
2134
|
${({theme:e,type:t})=>be(e,t)}
|
|
2138
2135
|
// custom styles
|
|
@@ -2146,15 +2143,14 @@ svg {
|
|
|
2146
2143
|
// custom styles
|
|
2147
2144
|
${({customModalFooterStyle:e})=>e}
|
|
2148
2145
|
`,zo=m.default.div`
|
|
2149
|
-
|
|
2146
|
+
padding: 0.5rem 3rem 0rem 3rem;
|
|
2150
2147
|
`,Vo=m.default.div`
|
|
2151
2148
|
position: sticky;
|
|
2152
|
-
background-color: ${({theme:e})=>e.bgColor};
|
|
2153
|
-
width: 100%;
|
|
2149
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
2150
|
+
width: 100%;
|
|
2154
2151
|
top: 0px;
|
|
2155
|
-
border-bottom: 1px solid
|
|
2156
|
-
|
|
2157
|
-
`;try{A.default.setAppElement("#root")}catch(e){A.default.setAppElement("#__next")}const Mo=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:o,headerContent:r,bodyContent:a,footerContent:i,customModalCloseStyle:n,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,...u})=>{const p=l.useTheme()||z;return f.default.createElement(A.default,v({isOpen:e,onRequestClose:o?t:void 0,style:vo,contentLabel:"Modal"},u),f.default.createElement(Vo,{theme:p},f.default.createElement(Co,{theme:B,type:"modalComp-modal-close",style:n,onClick:t},f.default.createElement(F,{icon:"cross-icon",color:z.neutral["neutral-2"],size:15})),f.default.createElement(So,{style:c},f.default.createElement(zo,null,r))),f.default.createElement(Eo,null,f.default.createElement(wo,{theme:B,type:"modalComp-modal-body",style:s},f.default.createElement(zo,null," ",a)),f.default.createElement(ko,{theme:B,type:"modalComp-modal-footer",style:d},i)))};Mo.propTypes={modalIsOpen:p.default.bool,toggleModal:p.default.func,closeOnOutsideClick:p.default.bool,headerContent:p.default.any,bodyContent:p.default.any,footerContent:p.default.any,customModalCloseStyle:p.default.object,customModalHeaderStyle:p.default.object,customModalBodyStyle:p.default.object,customModalFooterStyle:p.default.object},Mo.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Bo=m.default.div`
|
|
2152
|
+
border-bottom: 1px solid ${({theme:e})=>e.border};
|
|
2153
|
+
`;try{A.default.setAppElement("#root")}catch(e){A.default.setAppElement("#__next")}const Mo=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:o,headerContent:r,bodyContent:a,footerContent:i,customModalCloseStyle:n,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,customWidth:u,customMinWidth:p,customMaxWidth:m,...g})=>{const b=l.useTheme()||z,h={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:z.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",minWidth:p,maxHeight:"85vh",overflow:"hidden",width:u&&u,maxWidth:m&&m}};return f.default.createElement(A.default,v({isOpen:e,onRequestClose:o?t:void 0,style:h,contentLabel:"Modal"},g),f.default.createElement(Vo,{theme:b},f.default.createElement(Co,{theme:B,type:"modalComp-modal-close",style:n,onClick:t},f.default.createElement(F,{icon:"cross-icon",color:z.neutral["neutral-2"],size:15})),f.default.createElement(So,{style:c},f.default.createElement(zo,null,r))),f.default.createElement(Eo,null,f.default.createElement(wo,{theme:B,type:"modalComp-modal-body",style:s},f.default.createElement(zo,null," ",a)),f.default.createElement(ko,{theme:B,type:"modalComp-modal-footer",style:d},i)))};Mo.propTypes={modalIsOpen:p.default.bool,toggleModal:p.default.func,closeOnOutsideClick:p.default.bool,headerContent:p.default.any,bodyContent:p.default.any,footerContent:p.default.any,customModalCloseStyle:p.default.object,customModalHeaderStyle:p.default.object,customModalBodyStyle:p.default.object,customModalFooterStyle:p.default.object,customMinWidth:p.default.string},Mo.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:""};const Bo=m.default.div`
|
|
2158
2154
|
${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
2159
2155
|
}
|
|
2160
2156
|
`,Io=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:o,popperOptionsP:r,settingsP:a,customStyles:i,...n})=>{let c={},d={};t?(c={...c,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(c={...c,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),c={...c,...r},d={...d,...a};const{getArrowProps:u,getTooltipProps:p,setTooltipRef:m,setTriggerRef:g,visible:b}=s.usePopperTooltip({...d},c);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(Bo,v({type:t?"simple-overlay":"overlay",theme:e,ref:m},p({className:"tooltip-container"}),{customStyles:i}),o))};Io.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},Io.defaultProps={theme:B,contentTrigger:f.default.createElement("div",null,"Trigger"),contentOverlay:f.default.createElement("div",null,"I am the Overlay")};const Ro=m.default.div`
|
|
@@ -2196,7 +2192,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2196
2192
|
${({progressBarStyle:e})=>e}
|
|
2197
2193
|
width: ${({now:e})=>e+"%"};
|
|
2198
2194
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2199
|
-
`,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(
|
|
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(ut,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`
|
|
2200
2196
|
background: transparent;
|
|
2201
2197
|
display: flex;
|
|
2202
2198
|
align-items: center;
|
|
@@ -2505,4 +2501,4 @@ overflow: hidden;
|
|
|
2505
2501
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
2506
2502
|
font-size: ${({size:e})=>Ar[e].fontSize};
|
|
2507
2503
|
line-height: ${({size:e})=>Ar[e].lineHeight};
|
|
2508
|
-
`,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(
|
|
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=ht,exports.ColorInput=At,exports.Content=Ie,exports.DarkSecondaryLink=Zo,exports.DateSelect=Mt,exports.Divider=Ne,exports.DocumentCard=q,exports.Drawer=De,exports.DropdownSelect=Wt,exports.DropzoneInput=Xt,exports.ErrorBoundary=$e,exports.FilterChip=tt,exports.Footer=ot,exports.FooterContent=({variant:e,textColor:t,size:l,width:o,footerWidth:r,...a})=>f.default.createElement(rt,v({variant:e,textColor:t,footerWidth:r},a),f.default.createElement(at,{footerWidth:r},f.default.createElement(it,{footerWidth:r},"Premise HQ"),f.default.createElement(nt,{footerWidth:r},"|"),f.default.createElement(it,{footerWidth:r},"All Rights Restricted 2020 ©")),f.default.createElement(at,{footerWidth:r},f.default.createElement(it,{footerWidth:r},"Terms of use"),f.default.createElement(nt,{footerWidth:r},"|"),f.default.createElement(it,{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(st,v({},e,o),e.children),e))(e);case"label":return(e=>f.default.createElement(ut,v({style:{marginBottom:"7px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>f.default.createElement(ul,v({},e,o)))(e);case"textArea":return(e=>f.default.createElement(wl,v({},e,o)))(e);case"number":return(e=>f.default.createElement(Nt,v({},e,o)))(e);case"radio":return(e=>f.default.createElement(il,v({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>f.default.createElement(ht,v({},e,o)))(e);case"singleSelect":return(e=>f.default.createElement(Wt,v({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>f.default.createElement(Wt,v({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>f.default.createElement(Wt,v({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>f.default.createElement(Wt,v({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>f.default.createElement(xl,v({},e,o)))(e);case"fileUpload":return(e=>f.default.createElement(Xt,v({},e,o)))(e);case"date":return(e=>f.default.createElement(Mt,v({},e,o)))(e);case"toggle":return(e=>f.default.createElement(ql,v({},e,o)))(e);case"rating":return(e=>f.default.createElement(Zl,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(pl,v({},e,o)))(e);case"table":return(e=>f.default.createElement(Ul,v({},e,o)))(e);case"passwordInput":return(e=>f.default.createElement(el,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(Kl,{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=Kl,exports.GroupAvatars=_l,exports.GroupButtons=no,exports.GroupButtonsPopup=po,exports.GroupStatusCircle=yo,exports.Header=st,exports.HeaderComponent=Nl,exports.HyperLink=vo,exports.Icon=F,exports.Image=Y,exports.Label=ut,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=Nt,exports.Overlay=Io,exports.OverlayOptionContainer=Ge,exports.OverlayOptionItemLabel=Oe,exports.PageContent=Re,exports.Pagination=Wo,exports.PasswordInput=el,exports.PrimaryButton=we,exports.PrimaryStatusChip=or,exports.ProgressBar=qo,exports.ProgressSteps=Oo,exports.RadioInput=il,exports.Rating=Zl,exports.SearchInput=pl,exports.SecondaryButton=ze,exports.SecondaryStatusChip=ir,exports.Sidebar=er,exports.SignatureInput=xl,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=Ul,exports.TextArea=wl,exports.TextInput=ul,exports.TimeInput=Rl,exports.TinyButton=Me,exports.ToggleSwitch=ql,exports.Tooltip=xr,exports.Typography=Cr,exports.graphColor=k,exports.hexToRGB=he,exports.neutralColor=w,exports.primaryColor=C,exports.shadeColor=E,exports.uiColor=S;
|