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.es.js
CHANGED
|
@@ -822,27 +822,20 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
822
822
|
max-width: 48%;
|
|
823
823
|
min-width: 48%;
|
|
824
824
|
|
|
825
|
-
`,Ye=
|
|
826
|
-
width: 40vw;
|
|
827
|
-
display: flex;
|
|
828
|
-
justify-content: center;
|
|
829
|
-
flex-direction: column;
|
|
830
|
-
gap: 20px;
|
|
831
|
-
${({customStyles:e})=>e}
|
|
832
|
-
`;return t.createElement(o,{customStyles:e})},De=s.div`
|
|
825
|
+
`,Ye=s.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:o})=>e?o:t};
|
|
837
830
|
width: ${({vertical:e,thickness:t})=>e?t:null};
|
|
838
|
-
|
|
831
|
+
`,De=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=d()||M;return t.createElement(Ye,w({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};De.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},De.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const $e=s.div`
|
|
839
832
|
//Set the styles from the default styles object
|
|
840
833
|
${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];l=o?{...l,...e["drawer-open"]}:{...l,...e["drawer-close"]}}return{...l,...r}}}}
|
|
841
|
-
`,
|
|
834
|
+
`,_e=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement($e,w({inBuiltCss:W,customStyles:e,type:"drawer",drawerOpen:o},l),r);_e.propTypes={customStyles:e.object,drawerOpen:e.bool};class et extends n{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;return e?t.createElement(a,null,t.createElement("h3",null,t.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"},t.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."),t.createElement(ke,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}et.propTypes={children:e.any};const tt=p`
|
|
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})=>xe(e.primary["primary-1"],.04)};
|
|
845
|
-
`,
|
|
838
|
+
`,ot=s.button`
|
|
846
839
|
font-size: 14px;
|
|
847
840
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
848
841
|
background: ${({theme:e})=>xe(e.variant["neutral-5"],.7)};
|
|
@@ -852,17 +845,17 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
852
845
|
outline: none;
|
|
853
846
|
cursor: pointer;
|
|
854
847
|
|
|
855
|
-
${({selected:e})=>e?
|
|
848
|
+
${({selected:e})=>e?tt:null}
|
|
856
849
|
|
|
857
850
|
&:not(:first-child) {
|
|
858
851
|
margin-left: 8px;
|
|
859
852
|
}
|
|
860
|
-
`,
|
|
853
|
+
`,rt=({options:e,selected:o,onClick:r,...l})=>{const i=d()||M,n=e.map(((e,l)=>t.createElement(ot,{theme:i,key:`${e.label}_${l}_${e.value}`,selected:o===e.value,onClick:()=>{r(e.value)}},e.label)));return t.createElement(t.Fragment,null,n)};rt.propTypes={options:e.array,selected:e.string,onClick:e.func},rt.defaultProps={options:[],selected:""};const lt=s.footer`
|
|
861
854
|
//Set the styles from the default styles object
|
|
862
855
|
${({theme:e,type:t})=>ye(e,t)}
|
|
863
856
|
// custom styles
|
|
864
857
|
${({customStyles:e})=>e}
|
|
865
|
-
`,
|
|
858
|
+
`,it=o((({theme:e,customStyles:o,...r},l)=>t.createElement(lt,w({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));it.propTypes={theme:e.object,customStyles:e.object,type:e.string},lt.defaultProps={theme:e.object},it.defaultProps={theme:W,customStyles:null};const nt=s.div`
|
|
866
859
|
font-size: 14px;
|
|
867
860
|
background-color: transparent;
|
|
868
861
|
display: flex;
|
|
@@ -878,7 +871,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
878
871
|
${({footerWidth:e})=>{if(e<650)return p`
|
|
879
872
|
flex-direction: column;
|
|
880
873
|
`}}
|
|
881
|
-
`,
|
|
874
|
+
`,at=s.div`
|
|
882
875
|
display: flex;
|
|
883
876
|
${({footerWidth:e})=>{if(e<650)return p`
|
|
884
877
|
margin-bottom: 5px;
|
|
@@ -888,29 +881,29 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
888
881
|
align-items: center;
|
|
889
882
|
margin-bottom: 0;
|
|
890
883
|
`}}
|
|
891
|
-
`,
|
|
884
|
+
`,ct=s.div`
|
|
892
885
|
margin-top: inherit;
|
|
893
886
|
margin-bottom: inherit;
|
|
894
887
|
${({footerWidth:e})=>{if(e<350)return p`
|
|
895
888
|
margin-bottom: 5px;
|
|
896
889
|
`}}
|
|
897
|
-
`,
|
|
890
|
+
`,st=s.div`
|
|
898
891
|
margin: 0 10px;
|
|
899
892
|
${({footerWidth:e})=>{if(e<350)return p`
|
|
900
893
|
display: none;
|
|
901
894
|
`}}
|
|
902
|
-
`,
|
|
895
|
+
`,dt=({variant:e,textColor:o,size:r,width:l,footerWidth:i,...n})=>t.createElement(nt,w({variant:e,textColor:o,footerWidth:i},n),t.createElement(at,{footerWidth:i},t.createElement(ct,{footerWidth:i},"Premise HQ"),t.createElement(st,{footerWidth:i},"|"),t.createElement(ct,{footerWidth:i},"All Rights Restricted 2020 ©")),t.createElement(at,{footerWidth:i},t.createElement(ct,{footerWidth:i},"Terms of use"),t.createElement(st,{footerWidth:i},"|"),t.createElement(ct,{footerWidth:i},"Privacy Policy"))),pt=s.header`
|
|
903
896
|
//Set the styles from the default styles object
|
|
904
897
|
${({theme:e,type:t})=>ye(e,t)}
|
|
905
898
|
// custom styles
|
|
906
899
|
${({customStyles:e})=>e}
|
|
907
|
-
`,
|
|
900
|
+
`,mt=({theme:e,type:o,customStyles:r,...l})=>t.createElement(pt,w({theme:e,type:"header",customStyles:r},l),l.children);mt.propTypes={theme:e.object,customStyles:e.object,type:e.string},pt.defaultProps={theme:e.object},mt.defaultProps={theme:W,type:"header",customStyles:null};const ut=s.label`
|
|
908
901
|
//Set the styles from the default styles object
|
|
909
902
|
${({theme:e,type:t})=>ye(e,t)}
|
|
910
903
|
|
|
911
904
|
// custom styles
|
|
912
905
|
${({customStyles:e})=>e}
|
|
913
|
-
`,
|
|
906
|
+
`,gt=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=W;return t.createElement(ut,w({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${M.variant.error}`}},"*"))};gt.propTypes={customStyles:e.object,text:e.string},gt.defaultProps={text:""};const bt=s.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:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
921
914
|
|
|
922
915
|
// custom styles
|
|
923
916
|
${({checkBoxOuterStyle:e})=>e}
|
|
924
|
-
`;
|
|
917
|
+
`;bt.defaultProps={theme:M};const ft=s.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:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
936
929
|
align-items: center;
|
|
937
930
|
// custom styles
|
|
938
931
|
${({checkBoxInnerStyle:e})=>e}
|
|
939
|
-
`;
|
|
932
|
+
`;ft.defaultProps={theme:M};const ht=s.span`
|
|
940
933
|
//Set the styles from the default styles object
|
|
941
934
|
${({inBuiltCss:e,type:t})=>ye(e,t)}
|
|
942
935
|
|
|
@@ -946,7 +939,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
946
939
|
|
|
947
940
|
// custom styles
|
|
948
941
|
${({optionTextStyle:e})=>e}
|
|
949
|
-
`;
|
|
942
|
+
`;ht.defaultProps={theme:M};const yt=s.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:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
956
949
|
|
|
957
950
|
// custom styles
|
|
958
951
|
${({wrapperStyles:e})=>e}
|
|
959
|
-
`,
|
|
952
|
+
`,xt=s.div`
|
|
960
953
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
961
954
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
962
|
-
`,
|
|
955
|
+
`,At=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:p,label:m,options:u,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const A=d()||M;i((()=>{v(u)}),[]);const v=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",w({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(gt,w({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(xt,w({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(yt,w({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...u];o[t].checked=!e.checked,g(o),v(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement(ft,w({theme:A,inBuiltCss:W,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:n,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),t.createElement(X,{icon:"check-icon",size:18,color:"white"})):t.createElement(bt,w({inBuiltCss:W,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:A},x)),t.createElement(ht,{theme:A,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};At.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object},At.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const vt=s.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})=>ye(e,t)}
|
|
|
971
964
|
// custom styles
|
|
972
965
|
${({customColorWrapperStyle:e})=>e}
|
|
973
966
|
|
|
974
|
-
`,
|
|
967
|
+
`,Ct=s.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})=>ye(e,t)}
|
|
993
986
|
// custom styles
|
|
994
987
|
${({customInputColorStyle:e})=>e}
|
|
995
|
-
`,
|
|
988
|
+
`,wt=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(vt,w({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:W},c),t.createElement(Ct,w({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:W,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(gt,w({themeColor:M,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};wt.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},wt.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const St=s.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
|
+
`;St.defaultProps={theme:M};const Et=s.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
|
+
`,kt=s.div`
|
|
1142
1135
|
display: flex;
|
|
1143
1136
|
justify-content: center;
|
|
1144
1137
|
margin-left: 6px;
|
|
1145
|
-
`,
|
|
1138
|
+
`,zt=s("div")`
|
|
1146
1139
|
width: inherit;
|
|
1147
|
-
`,
|
|
1140
|
+
`,Vt=s("div")`
|
|
1148
1141
|
display: flex;
|
|
1149
1142
|
flex-direction: row;
|
|
1150
1143
|
cursor: pointer;
|
|
1151
|
-
`,
|
|
1144
|
+
`,Mt=s("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
|
+
`,Bt=s("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
|
+
`;Bt.defaultProps={theme:M};const It=s("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
|
+
`,Wt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=d()||M,p=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]);const I=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},W=e=>{f.current&&!f.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]),t.createElement(St,w({disabled:n,theme:a},c),t.createElement(b,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(Et,null,t.createElement("div",{style:{display:"flex"}},t.createElement(zt,{ref:g},t.createElement(Vt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},p[e.getMonth()]),t.createElement(kt,null,t.createElement(X,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(Mt,null,t.createElement(Bt,{theme:a,onMouseEnter:()=>C(!0)},p.map(((e,o)=>t.createElement(It,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(p[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(zt,{ref:f},t.createElement(Vt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(kt,null,t.createElement(X,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(Mt,null,t.createElement(Bt,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(It,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Wt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Wt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Rt=s.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
|
+
`;Rt.defaultProps={theme:M};const Pt=s.div`
|
|
1339
1339
|
// Default style
|
|
1340
1340
|
display: flex;
|
|
1341
1341
|
|
|
@@ -1343,11 +1343,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1343
1343
|
${({inBuiltCss:e,labelWrapperStyle:t})=>ye(e,t)}
|
|
1344
1344
|
// custom styles
|
|
1345
1345
|
${({customLabelStyles:e})=>e}
|
|
1346
|
-
`,
|
|
1346
|
+
`,Lt=s.div`
|
|
1347
1347
|
margin-left: 6px;
|
|
1348
1348
|
margin-top: -14px;
|
|
1349
1349
|
cursor: pointer;
|
|
1350
|
-
`,
|
|
1350
|
+
`,qt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:I,leftIconColor:R,leftIconSize:P,...L})=>{const q=d()||M,H=e=>{const o=t.createElement(h.DropdownIndicator,e,t.createElement(Lt,null,t.createElement(X,{icon:k,color:z,size:V})));return!0===B?o:null},T=e=>t.createElement(h.ClearIndicator,e,a?t.createElement(Lt,{onClick:()=>{g(),e.clearValue()}},t.createElement(X,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,""===I?null:t.createElement(Lt,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},t.createElement(X,{icon:I,color:R,size:P})),o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(X,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(h.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"226px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:p+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}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:p+"px",width:"100%",minWidth:"226px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return t.createElement(Rt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(Pt,{inBuiltCss:W,labelWrapperStyle:"selectComp-label-wrapper",style:x},t.createElement(gt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(f,w({components:{DropdownIndicator:H,MultiValue:G,Option:F,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:a},L)):"asyncSingleSelect"===v?t.createElement(y,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:a},L)):"asyncMultiSelect"===v?t.createElement(y,w({components:{DropdownIndicator:H,MultiValue:G,ValueContainer:j,Option:F,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:a},L)):t.createElement(f,w({components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:a},L)))};qt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},qt.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 Ht=s.div`
|
|
1351
1351
|
//Set the styles from the default styles object
|
|
1352
1352
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1353
1353
|
|
|
@@ -1364,48 +1364,48 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1364
1364
|
|
|
1365
1365
|
// custom styles
|
|
1366
1366
|
${({customDropzoneStyles:e})=>e}
|
|
1367
|
-
`,
|
|
1367
|
+
`,Tt=s.div`
|
|
1368
1368
|
//Set the styles from the default styles object
|
|
1369
1369
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1370
1370
|
|
|
1371
1371
|
// custom styles
|
|
1372
1372
|
${({customFileStyles:e})=>e}
|
|
1373
|
-
`,
|
|
1373
|
+
`,jt=s.input`
|
|
1374
1374
|
display: none;
|
|
1375
|
-
`,
|
|
1375
|
+
`,Ft=s.div`
|
|
1376
1376
|
//Set the styles from the default styles object
|
|
1377
1377
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1378
1378
|
|
|
1379
1379
|
// custom styles
|
|
1380
1380
|
${({customTextStyles:e})=>e}
|
|
1381
|
-
`,
|
|
1381
|
+
`,Gt=s.span`
|
|
1382
1382
|
//Set the styles from the default styles object
|
|
1383
1383
|
${({inBuiltCss:e,type:t})=>ye(e,t)}
|
|
1384
1384
|
|
|
1385
1385
|
// custom styles
|
|
1386
1386
|
${({customFileNameStyles:e})=>e}
|
|
1387
|
-
`,
|
|
1387
|
+
`,Xt=s.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
|
+
`,Ot=s.div`
|
|
1395
1395
|
margin-left: 11px;
|
|
1396
1396
|
padding-left: 2px;
|
|
1397
|
-
`,
|
|
1397
|
+
`,Zt=s.div`
|
|
1398
1398
|
color: #494949;
|
|
1399
1399
|
margin-left: 11px;
|
|
1400
1400
|
padding-left: 2px;
|
|
1401
|
-
`,
|
|
1401
|
+
`,Jt=s.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
|
+
`,Ut=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:p,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=d()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),p(o),k(!1),o}function I(e,t){if(e instanceof File){const t=s.filter((t=>t.name!==e.name));p(t)}else!function(e,t){const o=s.filter((t=>t.name!==e.name));p(o),m(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(gt,w({customStyles:r,type:"label-text",labelInline:i,text:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},C)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),t.createElement(Ht,{theme:S,inBuiltCss:W,defaultStyles:"dropzone-parent",backgroundColor:h,customDropzoneStyles:u,onDragLeave:function(e){V(e),k(!1)},onDragOver:function(e){V(e),k(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;k(!0),C.onFilesAdded(B(t,y))},onClick:function(){z.current.click()},hover:E,isValid:e,fileArr:s},t.createElement(jt,w({ref:z,type:"file",id:v,multiple:1!=y,onChange:function(e){const{files:t}=e.target;k(!1),C.onFilesAdded(B(t,y))},onClick:e=>e.target.value=null},C)),e?t.createElement(X,{icon:"file-upload",color:E?S.bgColor:S.primary["primary-1"],size:24}):null,t.createElement(Ft,{isValid:e,hover:E,customTextStyles:b,inBuiltCss:W,defaultStyles:"dropzone-text-div"},e?t.createElement("div",null,t.createElement("span",{style:{color:E?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:E?S.bgColor:S.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:E?S.bgColor:S.textColor}},"drag ",y?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:S.textColor}},a.length>x?a.slice(0,x):a)))),A.length>0&&t.createElement(Jt,null,A)," ",s?.map(((e,o)=>t.createElement(Tt,{inBuiltCss:W,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Ot,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Gt,{inBuiltCss:W,type:"dropzone-file-name",customFileNameStyles:f},e.name):t.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),t.createElement(Zt,null,e?.otherInfo),t.createElement(Xt,{key:101*Math.random()|0,onClick:()=>I(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(X,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),t.createElement(X,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Ut.propTypes={onFilesAdded:e.func,isValid:e.bool,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,additionalText:e.string,id:e.string},Ut.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Qt=s.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
|
+
`;Qt.defaultProps={theme:M};const Kt=s.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
|
+
`;Kt.defaultProps={theme:M},p`
|
|
1441
1441
|
&:after {
|
|
1442
1442
|
content: ' *';
|
|
1443
1443
|
color: ${({theme:e})=>e.variant.error};
|
|
1444
1444
|
}
|
|
1445
|
-
`;const
|
|
1445
|
+
`;const Nt=s.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
|
+
`;Nt.defaultProps={theme:M};const Yt=p`
|
|
1457
1457
|
display: flex;
|
|
1458
1458
|
align-items: center;
|
|
1459
|
-
|
|
1460
|
-
${({labelInline:e})=>e?
|
|
1459
|
+
`,Dt=s.div`
|
|
1460
|
+
${({labelInline:e})=>e?Yt:null}
|
|
1461
1461
|
|
|
1462
1462
|
> div {
|
|
1463
1463
|
flex: 1 0 auto;
|
|
1464
1464
|
}
|
|
1465
|
-
|
|
1465
|
+
`;Dt.defaultProps={theme:M};const $t=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,...s})=>t.createElement(Dt,s,e.length>0&&t.createElement(Nt,s,e),t.createElement("div",null,t.createElement(Qt,s,t.createElement("div",{className:"input-icon"},l),t.createElement(Kt,w({},s,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&n(t)},type:"number",id:c})),t.createElement("div",{className:"input-icon"},i))));$t.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string},$t.defaultProps={theme:M,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:""};const _t=s.div`
|
|
1466
1466
|
//Set the styles from the default styles object
|
|
1467
1467
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1468
1468
|
|
|
@@ -1486,7 +1486,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1486
1486
|
|
|
1487
1487
|
// custom styles
|
|
1488
1488
|
${({textBoxStyle:e})=>e}
|
|
1489
|
-
`;
|
|
1489
|
+
`;_t.defaultProps={theme:M};const eo=s.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
|
+
`;eo.defaultProps={theme:M};const to=p`
|
|
1504
1504
|
display: flex;
|
|
1505
1505
|
gap: 7px;
|
|
1506
1506
|
align-items: start;
|
|
1507
|
-
`,
|
|
1508
|
-
${({labelInline:e})=>e?
|
|
1507
|
+
`,oo=s.div`
|
|
1508
|
+
${({labelInline:e})=>e?to: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
|
+
`;oo.defaultProps={theme:M};const ro=({theme:e,passwordRules:o,textBoxStyle:r,labelStyle:i,inputStyle:n,errMsg:a,required:c,label:s,labelInline:d,isValid:p,rulesStyle:m,id:u,showHideIcon:g,...b})=>{const[f,h]=l(!1);return t.createElement(oo,w({labelInline:d,inBuiltCss:W},b),t.createElement("div",{style:{display:"flex"}},t.createElement(gt,w({customStyles:i,type:"label-text",text:s,errMsg:a,style:{display:"flex",marginBottom:""+(d?"0px":"7px"),paddingBottom:"0px"}},b)),c&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${e.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},t.createElement(_t,w({required:c,theme:e,textBoxStyle:r,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:W},b),t.createElement(eo,w({inputStyle:n,type:"text",id:u,showEye:f,theme:e,defaultInputStyle:"input-wrapper",inBuiltCss:W},b)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>h(!f)},f?t.createElement(X,{icon:"eye-show"}):t.createElement(X,{icon:"eye-hide"})):""),o?t.createElement("div",{style:{...m,marginLeft:"5px"}},o):""),a.length>0&&t.createElement("div",{className:"err-text"},a))};ro.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,passwordRules:e.string,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},ro.defaultProps={theme:M,inBuiltCss:W,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const lo=s.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
|
+
`;lo.defaultProps={theme:M};const io=s.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
|
+
`;io.defaultProps={theme:M};const no=s.div`
|
|
1537
1537
|
//Set the styles from the default styles object
|
|
1538
1538
|
${({inBuiltCss:e,defaultOptionStyle:t})=>ye(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
|
+
`;no.defaultProps={theme:M};const ao=s.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
|
+
`,co=s.div`
|
|
1554
1554
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1555
1555
|
width: max-content;
|
|
1556
1556
|
margin: 0;
|
|
1557
|
-
`,
|
|
1557
|
+
`,so=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:p,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=d()||M;return t.createElement("div",null,t.createElement(gt,{customStyles:r,type:"radio-label",text:l}),t.createElement(co,{inline:g},n.map(((r,l)=>t.createElement(ao,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(lo,{theme:x,inBuiltCss:W,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&p},t.createElement(io,{inBuiltCss:W,theme:x,width:m,height:u,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===p?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:p})),t.createElement(no,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:W,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===p},r.label))))))};so.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},so.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const po=s.div`
|
|
1558
1558
|
//Set the styles from the default styles object
|
|
1559
1559
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(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
|
+
`,mo=s.input`
|
|
1581
1581
|
width: 98%;
|
|
1582
1582
|
//Set the styles from the default styles object
|
|
1583
1583
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
@@ -1589,18 +1589,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1589
1589
|
color: ${M.variant["neutral-3"]};
|
|
1590
1590
|
}
|
|
1591
1591
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1592
|
-
`,
|
|
1592
|
+
`,uo=p`
|
|
1593
1593
|
display: flex;
|
|
1594
1594
|
gap: 7px;
|
|
1595
1595
|
align-items: center;
|
|
1596
|
-
`,
|
|
1597
|
-
${({labelInline:e})=>e?
|
|
1596
|
+
`,go=s.div`
|
|
1597
|
+
${({labelInline:e})=>e?uo: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
|
+
`;go.defaultProps={theme:M};const bo=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:d,type:p,theme:m,isDisabled:u,id:g,...b})=>t.createElement(go,w({labelInline:a},b,{theme:m}),t.createElement("div",{style:{display:"flex"}},t.createElement(gt,w({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},b)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${m.variant.error}`}},"*")),t.createElement(po,w({required:i,isDisabled:u,theme:m,textBoxStyle:e,isValid:d,inBuiltCss:W,defaultWrapperStyle:"textbox-wrapper"},b),t.createElement("div",{className:"input-icon"},c),t.createElement(mo,w({inputStyle:r,type:p,theme:m,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u},b)),t.createElement("div",{className:"input-icon"},s)),l.length>0&&t.createElement("div",{className:"err-text"},l));bo.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,theme:e.object,id:e.string},mo.defaultProps={theme:M},po.defaultProps={theme:M},go.defaultProps={theme:M},bo.defaultProps={theme:M,inBuiltCss:W,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:""};const fo=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(bo,w({iconAfter:t.createElement(X,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),ho=s.div`
|
|
1604
1604
|
//Set the styles from the default styles object
|
|
1605
1605
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>ye(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
|
+
`,yo=s.div`
|
|
1613
1613
|
//Set the styles from the default styles object
|
|
1614
1614
|
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>ye(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
|
+
`,xo=s.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:o,defaultColor:r,theme:l})=>e?t?`1px solid ${o||l.primary["primary-1"]}`:`1px solid ${r||l.neutral["neutral-3"]}`:""};
|
|
1632
1632
|
background-color: rgba(255, 255, 255, 0.05);
|
|
1633
1633
|
cursor: pointer;
|
|
1634
|
-
`,
|
|
1634
|
+
`,Ao=s.input`
|
|
1635
1635
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
1636
1636
|
|
|
1637
1637
|
border-bottom: ${({value:e,defaultColor:t,theme:o})=>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
|
+
`,vo=s.div`
|
|
1660
1660
|
position: relative;
|
|
1661
1661
|
width: inherit;
|
|
1662
1662
|
display: flex;
|
|
1663
1663
|
margin: 4px;
|
|
1664
|
-
`,
|
|
1664
|
+
`,Co=s.div`
|
|
1665
1665
|
padding-left: 2px;
|
|
1666
1666
|
display: flex;
|
|
1667
1667
|
justify-content: center;
|
|
1668
1668
|
cursor: pointer;
|
|
1669
|
-
`,
|
|
1669
|
+
`,wo=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:p,setPointsArray:m,value:u,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:A,...v})=>{const C=d()||M,[w,S]=l("default"),[E,k]=l(!1),[z,V]=l(!1),B=r(null);i((()=>{z&&(R(),f(B.current))}),[!0===z]);const I=()=>{g(""),f(B.current),B.current&&B.current.clear(),k(!1),V(!1)},R=()=>(m(B.current.toData()),y(B.current.toDataURL("image/png")),[h,p]);return t.createElement(ho,{inBuiltCss:W,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:w,activeColor:o,defaultColor:n,theme:C},t.createElement(yo,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:w,isMyInputFocused:E,signIcon:!0,theme:C},t.createElement(xo,{activeColor:o,defaultColor:n,isMyInputFocused:E,theme:C,penIcon:!0,onClick:()=>{S("default"),I()}},t.createElement(X,{icon:"pen-icon",color:"default"===w?o||C.primary["primary-1"]:C.black})),t.createElement(xo,{activeColor:o,defaultColor:n,theme:C,isMyInputFocused:E,penIcon:!1,onClick:()=>{S("sign"),I()}},t.createElement(X,{icon:"sign-icon",color:"default"!==w?o||C.primary["primary-1"]:C.black}))),t.createElement(yo,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:w,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===w?t.createElement(Ao,{inBuiltCss:W,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>k(!1),onFocus:()=>k(!0),id:A,value:u,defaultColor:n,theme:C,onChange:e=>g(e.target.value)}):t.createElement(vo,{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),onClick:()=>{V(!0),R()}},t.createElement(x,{ref:B,id:A,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(u||z)&&t.createElement(Co,{selected:w,onClick:()=>I()},t.createElement(X,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};wo.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},wo.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const So=s.div`
|
|
1670
1670
|
//Set the styles from the default styles object
|
|
1671
1671
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1672
1672
|
|
|
@@ -1687,19 +1687,19 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1687
1687
|
|
|
1688
1688
|
// custom styles
|
|
1689
1689
|
${({textAreaStyle:e})=>e}
|
|
1690
|
-
`,
|
|
1690
|
+
`,Eo=s.textarea`
|
|
1691
1691
|
//Set the styles from the default styles object
|
|
1692
1692
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
1693
1693
|
margin: 0;
|
|
1694
1694
|
overflow: auto;
|
|
1695
1695
|
resize: vertical // custom styles
|
|
1696
1696
|
${({inputStyle:e})=>e};
|
|
1697
|
-
`,
|
|
1697
|
+
`,ko=p`
|
|
1698
1698
|
display: flex;
|
|
1699
1699
|
gap: 7px;
|
|
1700
1700
|
align-items: center;
|
|
1701
|
-
`,
|
|
1702
|
-
${({labelInline:e})=>e?
|
|
1701
|
+
`,zo=s.div`
|
|
1702
|
+
${({labelInline:e})=>e?ko: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
|
+
`,Vo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:p,isValid:m,rows:u,cols:g,id:b,...f},h)=>{const y=d()||M;return t.createElement(zo,w({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(gt,w({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(So,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:W,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(Eo,w({ref:h,inputStyle:l,defaultInputStyle:"textarea-wrapper",cols:g,rows:u,inBuiltCss:W,id:b},f,{size:"1"})),t.createElement("div",{className:"input-icon"},p)),t.createElement("div",{className:"err-text"},i))}));Vo.propTypes={rows:e.number,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,labelStyle:e.object,inputStyle:e.object,id:e.string},Vo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const Mo=s.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
|
+
`,Bo=s.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
|
+
`,Io=p`
|
|
1735
1735
|
&:after {
|
|
1736
1736
|
content: ' *';
|
|
1737
1737
|
color: ${({theme:e})=>e.variant.error};
|
|
1738
1738
|
}
|
|
1739
|
-
`,
|
|
1739
|
+
`,Wo=s.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?Io:null}
|
|
1745
1745
|
padding-bottom: 0px;
|
|
1746
|
-
`,
|
|
1746
|
+
`,Ro=p`
|
|
1747
1747
|
display: flex;
|
|
1748
1748
|
align-items: center;
|
|
1749
|
-
`,
|
|
1750
|
-
${({labelInline:e})=>e?
|
|
1749
|
+
`,Po=s.div`
|
|
1750
|
+
${({labelInline:e})=>e?Ro: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
|
+
`,Lo=s.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
|
+
`,qo=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(Po,w({theme:s},c),t.createElement(Wo,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Mo,w({theme:s,id:a},c),t.createElement(Bo,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(Bo,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(Lo,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};qo.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},qo.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Ho=s.div`
|
|
1770
1770
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>ye(e,t)}
|
|
1771
|
-
`,
|
|
1771
|
+
`,To=s.label`
|
|
1772
1772
|
//Set the styles from the default styles object
|
|
1773
1773
|
${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>ye(e,t)}
|
|
1774
1774
|
background-color: ${({checked:e,backgroundColor:t,disabledColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
|
|
@@ -1788,20 +1788,20 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1788
1788
|
// custom styles
|
|
1789
1789
|
${({customSwitchStyle:e})=>e}
|
|
1790
1790
|
}
|
|
1791
|
-
`,
|
|
1791
|
+
`,jo=s.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
|
+
`,Fo=s.span`
|
|
1799
1799
|
//Set the styles from the default styles object
|
|
1800
1800
|
${({inBuiltCss:e,defaultOptionTextStyle:t})=>ye(e,t)}
|
|
1801
1801
|
|
|
1802
1802
|
// custom styles
|
|
1803
1803
|
${({optionStyle:e})=>e}
|
|
1804
|
-
`,
|
|
1804
|
+
`,Go=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:p,id:m,...u})=>{const g=d()||M;return t.createElement(Ho,w({inBuiltCss:W,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},u),t.createElement(jo,w({},u,{id:"checkbox",inBuiltCss:W,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(To,w({},u,{htmlFor:"checkbox",customToggleBoxStyle:r,customSwitchStyle:o,disabledColor:i,backgroundColor:l,switchColor:n,inBuiltCss:W,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:g})),t.createElement(Fo,w({optionStyle:p,inBuiltCss:W,defaultOptionTextStyle:"toggle-switch-option-text"},u),e?c:s))};Go.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string},Go.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:""};const Xo=s.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})=>p`height: ${e}px;`}
|
|
1812
|
+
`,Oo=s.div`
|
|
1812
1813
|
`,Zo=s.div`
|
|
1813
|
-
`,Jo=s.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
|
+
`,Jo=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(Zo,w({theme:e,ratingValue:a,starVal:c,hover:s,toggleSet:o,color:l,size:i,transform:n},d),t.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"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.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"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:r,y:"0",fill:l,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function Uo(e,t){let o=5*e/t;const r=[],l=o;for(let e=0;e<5;e++){if(o-1>=0)r.push("0");else if(o-1<0&&o-1>-1){const e=(24*o-24).toString();r.push(e)}else r.push("-24");o-=1}return{array:r,value:l}}function Qo(e,t){return 100*e/t}const Ko=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:n,color:a,size:c,handleClick:s,transform:p,maxRange:m,value:u,toggleStar:g,toggleSet:b,identifier:f,...h})=>{d();const[y,x]=l(void 0),[A,v]=l(void 0),[C,S]=l(void 0),[E,k]=l(void 0);i((()=>{x(Uo(u,m).array),v(Uo(u,m).value),S(Qo(u,m))}),[u,m]),i((()=>{E?x(Uo(E,m).array):(x(Uo(u,m).array),v(Uo(u,m).value),S(Qo(u,m)))}),[E]);const z=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(Jo,{ratingValue:l,starVal:A,hover:E,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{k(l)}:null,onMouseLeave:b?()=>{k(null)}:null,slide:e,color:a,className:"star",size:c,transform:p,key:f?.concat(o),customStyles:r})})));return t.createElement(Xo,w({customStyles:o,type:e,size:c},h,{className:"container"}),g?z:t.createElement(Oo,{type:e,customStyles:n},C,"%"))};Ko.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},Ko.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const No=s.div`
|
|
1843
1843
|
.form-check-input {
|
|
1844
1844
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
1845
1845
|
}
|
|
1846
|
-
`,
|
|
1846
|
+
`,Yo=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:p,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=d()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(No,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:p,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};Yo.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Yo.defaultProps={inBuiltCss:W,sortIcon:t.createElement(X,{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,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const Do=s.form`
|
|
1847
|
+
width: 40vw;
|
|
1848
|
+
display: flex;
|
|
1849
|
+
justify-content: center;
|
|
1850
|
+
flex-direction: column;
|
|
1851
|
+
gap: 20px;
|
|
1852
|
+
${({customStyles:e})=>e}
|
|
1853
|
+
`,$o=({customStyles:e})=>t.createElement(Do,{customStyles:e}),_o=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=d()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(X,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};_o.propTypes={size:e.number},_o.defaultProps={iconSize:23};const er=({formData:e,customStyles:o,...r})=>{const l=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(mt,w({},e,r),e.children),e))(e);case"label":return(e=>t.createElement(gt,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,r)))(e);case"text":return(e=>t.createElement(bo,w({},e,r)))(e);case"textArea":return(e=>t.createElement(Vo,w({},e,r)))(e);case"number":return(e=>t.createElement($t,w({},e,r)))(e);case"radio":return(e=>t.createElement(so,w({key:101*Math.random()|0},e,r)))(e);case"checkBox":return(e=>t.createElement(At,w({},e,r)))(e);case"singleSelect":return(e=>t.createElement(qt,w({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement(qt,w({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement(qt,w({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement(qt,w({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(wo,w({},e,r)))(e);case"fileUpload":return(e=>t.createElement(Ut,w({},e,r)))(e);case"date":return(e=>t.createElement(Wt,w({},e,r)))(e);case"toggle":return(e=>t.createElement(Go,w({},e,r)))(e);case"rating":return(e=>t.createElement(Ko,w({},e,r)))(e);case"buttonPrimary":return(e=>t.createElement(ke,w({},e,r)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,r)))(e);case"buttonTiny":return(e=>t.createElement(Ie,w({},e,r)))(e);case"search":return(e=>t.createElement(fo,w({},e,r)))(e);case"table":return(e=>t.createElement(Yo,w({},e,r)))(e);case"passwordInput":return(e=>t.createElement(ro,w({},e,r)))(e);case"headerComponent":return(e=>t.createElement(_o,w({},e,r)))(e)}};return t.createElement(a,null,t.createElement(Ue,{defaultThemeColor:M},t.createElement($o,{onSubmit:()=>{console.log("form submit")},customStyles:o},e.map(((e,o)=>e.length>1?t.createElement(Ke,null,e.map(((o,r)=>t.createElement(Ne,{cols:e.length},l(o))))):l(e[0]))))))},tr=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Qe,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const or=u`
|
|
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
|
+
`,rr=s.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
|
+
`,lr=s.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
|
+
`,ir=({items:e,block:o,size:r,variantCircle:l,variantName:i,variantQty:n,flagName:a,user:c,colorCircle:s,colorBorderCircle:p,...m})=>{const u=d()||M;return t.createElement(rr,w({block:o},m),e?.map(((o,n)=>{let a={},c={};return a.backgroundColor=s?`${u.variant[s]}`:`${u.variant[l]}`,0!==n&&(a.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`,c.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`),1===e.length?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!0,user:o,customStylesCircle:a,customStylesImage:c}):n<=3?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!1,user:o,customStylesCircle:a,customStylesImage:c}):null})),e.length-4>0?t.createElement(lr,{theme:u,variantQty:n},"+",e.length-4):null)};ir.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},ir.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const nr=s.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
|
+
`,ar=s.div`
|
|
1995
2002
|
display: flex;
|
|
1996
2003
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
1997
2004
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2006,24 +2013,24 @@ svg {
|
|
|
2006
2013
|
svg path {
|
|
2007
2014
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2008
2015
|
}
|
|
2009
|
-
`,
|
|
2016
|
+
`,cr=s.div`
|
|
2010
2017
|
display: flex;
|
|
2011
2018
|
justify-content: space-evenly;
|
|
2012
2019
|
flex-grow: 1;
|
|
2013
2020
|
align-items: stretch;
|
|
2014
|
-
`,
|
|
2021
|
+
`,sr=({label:e,index:o,style:r,items:l,variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,divider:m,indexPrefix:u,onClick:g,icon:b,variantTPtext:f,variantTPbg:h,...y})=>{d();const{getArrowProps:x,getTooltipProps:A,setTooltipRef:C,setTriggerRef:S,visible:E}=v();return t.createElement(t.Fragment,null,t.createElement(cr,{ref:S},t.createElement(ar,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,onClick:p?null:()=>{g(g)}},b),m),E&&t.createElement(nr,w({variantTPtext:f,variantTPbg:h,ref:C},A({className:"tooltip-container"})),e,t.createElement("div",x({className:"tooltip-arrow"}))))};sr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},cr.defaultProps={theme:M},ar.defaultProps={theme:M},nr.defaultProps={theme:M},sr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const dr=s.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
|
+
`,pr=s.div`
|
|
2022
2029
|
display: flex;
|
|
2023
2030
|
justify-content: space-evenly;
|
|
2024
2031
|
flex-grow: 1;
|
|
2025
2032
|
align-items: stretch;
|
|
2026
|
-
`,
|
|
2033
|
+
`,mr=s.div`
|
|
2027
2034
|
display: flex;
|
|
2028
2035
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2029
2036
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2038,19 +2045,19 @@ svg {
|
|
|
2038
2045
|
svg path {
|
|
2039
2046
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2040
2047
|
}
|
|
2041
|
-
`,
|
|
2048
|
+
`,ur=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,...u})=>(d(),t.createElement(dr,w({variant:r,borderVariant:l},u),o?.map(((e,d)=>t.createElement(pr,{key:p.concat(d)},t.createElement(mr,{variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>m(e.label)},e.icon),o?.length-1!==d&&s)))));ur.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},dr.defaultProps={theme:M},pr.defaultProps={theme:M},mr.defaultProps={theme:M},ur.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const gr=s.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
|
+
`,br=s.div`
|
|
2049
2056
|
display: flex;
|
|
2050
2057
|
justify-content: space-evenly;
|
|
2051
2058
|
flex-grow: 1;
|
|
2052
2059
|
align-items: stretch;
|
|
2053
|
-
`,
|
|
2060
|
+
`,fr=s.div`
|
|
2054
2061
|
display: flex;
|
|
2055
2062
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2056
2063
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2065,28 +2072,28 @@ svg {
|
|
|
2065
2072
|
svg path {
|
|
2066
2073
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2067
2074
|
}
|
|
2068
|
-
`,
|
|
2075
|
+
`,hr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,variantTPtext:u,variantTPbg:g,...b})=>(d(),t.createElement(gr,w({variant:r,borderVariant:l},b),o?.map(((e,d)=>t.createElement(sr,{key:p.concat(d),variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{m(e.label)},divider:o?.length-1!==d&&s,icon:e.icon,index:d,label:e.label,variantTPtext:u,variantTPbg:g})))));hr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},gr.defaultProps={theme:M},br.defaultProps={theme:M},fr.defaultProps={theme:M},hr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const yr=s.div`
|
|
2069
2076
|
background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
|
|
2070
2077
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:o})=>o||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
|
+
`,xr=({variant:e,bgColor:o,borderColor:r,...l})=>(d(),t.createElement(yr,w({variant:e,borderColor:r,bgColor:o},l)));xr.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},yr.defaultProps={theme:M},xr.defaultProps={theme:M,variant:"primary-1",size:11};const Ar=s.div`
|
|
2076
2083
|
display: inline-flex;
|
|
2077
2084
|
align-items: center;
|
|
2078
2085
|
background-color: transparent;
|
|
2079
2086
|
min-height: 24px;
|
|
2080
|
-
`,
|
|
2087
|
+
`,vr=s.div`
|
|
2081
2088
|
display: flex;
|
|
2082
2089
|
justify-content: space-evenly;
|
|
2083
2090
|
width: 69px;
|
|
2084
|
-
`,
|
|
2091
|
+
`,Cr=s.p`
|
|
2085
2092
|
display: flex;
|
|
2086
2093
|
color: ${({theme:e,variantText:t,colorText:o})=>o||e.variant[t]};
|
|
2087
2094
|
font-size: 16px;
|
|
2088
2095
|
margin: 0 5px;
|
|
2089
|
-
`,
|
|
2096
|
+
`,wr=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(d(),t.createElement(Ar,s,t.createElement(vr,null,[1,2,3,4].map(((e,r)=>{let i="#D4D7E3",c=null,s=null;return l<=0&&(l=0),l>=4&&(l=4),n?l>=e?(c=n[l],i=n[l]):c=n[0]:l>=e?(s=o,i=o):s="#FFFFFF",t.createElement(xr,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(Cr,{variantText:r,colorText:c},i[l])));wr.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},Cr.defaultProps={theme:M},wr.defaultProps={theme:M,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const Sr={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},Er=s.button`
|
|
2090
2097
|
${({underlined:e})=>e?null:p`&: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})=>Sr[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
|
+
`,kr=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(d(),t.createElement(Er,w({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));kr.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},Er.defaultProps={theme:M},kr.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const zr=s.button`
|
|
2111
2118
|
//Set the styles from the default styles object
|
|
2112
2119
|
${({theme:e,type:t})=>ye(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
|
-
`,Vr=s.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
|
+
`,Vr=s.div`
|
|
2128
|
+
margin-top: 10px;
|
|
2129
|
+
|
|
2132
2130
|
// custom styles
|
|
2133
2131
|
${({customModalHeaderStyle:e})=>e}
|
|
2134
2132
|
`,Mr=s.div`
|
|
2135
|
-
|
|
2136
2133
|
//Set the styles from the default styles object
|
|
2137
2134
|
${({theme:e,type:t})=>ye(e,t)}
|
|
2138
2135
|
// custom styles
|
|
@@ -2146,15 +2143,14 @@ svg {
|
|
|
2146
2143
|
// custom styles
|
|
2147
2144
|
${({customModalFooterStyle:e})=>e}
|
|
2148
2145
|
`,Wr=s.div`
|
|
2149
|
-
|
|
2146
|
+
padding: 0.5rem 3rem 0rem 3rem;
|
|
2150
2147
|
`,Rr=s.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{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:p,...m})=>{const u=d()||M;return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:kr,contentLabel:"Modal"},m),t.createElement(Rr,{theme:u},t.createElement(zr,{theme:W,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Wr,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:W,type:"modalComp-modal-body",style:s},t.createElement(Wr,null," ",i)),t.createElement(Ir,{theme:W,type:"modalComp-modal-footer",style:p},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Lr=s.div`
|
|
2152
|
+
border-bottom: 1px solid ${({theme:e})=>e.border};
|
|
2153
|
+
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:p,customWidth:m,customMinWidth:u,customMaxWidth:g,...b})=>{const f=d()||M,h={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:M.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",minWidth:u,maxHeight:"85vh",overflow:"hidden",width:m&&m,maxWidth:g&&g}};return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:h,contentLabel:"Modal"},b),t.createElement(Rr,{theme:f},t.createElement(zr,{theme:W,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Wr,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:W,type:"modalComp-modal-body",style:s},t.createElement(Wr,null," ",i)),t.createElement(Ir,{theme:W,type:"modalComp-modal-footer",style:p},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:""};const Lr=s.div`
|
|
2158
2154
|
${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
|
|
2159
2155
|
}
|
|
2160
2156
|
`,qr=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:b}=v({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),b&&t.createElement(Lr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};qr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},qr.defaultProps={theme:W,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const Hr=s.div`
|
|
@@ -2196,7 +2192,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};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
|
-
`,Xr=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(
|
|
2195
|
+
`,Xr=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(gt,w({inBuiltCss:W,customStyles:e,type:"progressbarLabel",text:r},n)),t.createElement(Fr,w({progressBarStyle:o,theme:a,color:i},n),t.createElement(Gr,w({progressBarStyle:o,now:l,theme:a,color:i},n))))};Xr.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},Xr.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Or=s.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})=>kl[e].fontSize};
|
|
2507
2503
|
line-height: ${({size:e})=>kl[e].lineHeight};
|
|
2508
|
-
`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(
|
|
2504
|
+
`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(or,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,sr as ButtonPopup,I as Card,P as CardRef,At as CheckBoxInput,wt as ColorInput,Re as Content,Nr as DarkSecondaryLink,Wt as DateSelect,De as Divider,j as DocumentCard,_e as Drawer,qt as DropdownSelect,Ut as DropzoneInput,et as ErrorBoundary,rt as FilterChip,it as Footer,dt as FooterContent,er as FormComponent,Ue as FormContainer,$o as FormWrapper,ir as GroupAvatars,ur as GroupButtons,hr as GroupButtonsPopup,wr as GroupStatusCircle,mt as Header,_o as HeaderComponent,kr as HyperLink,X as Icon,$ as Image,gt as Label,Dr as LightSecondaryLink,Ce as Loader,Pr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,rl as Navbar,$t as NumericInput,qr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,Tr as Pagination,ro as PasswordInput,ke as PrimaryButton,sl as PrimaryStatusChip,Xr as ProgressBar,Qr as ProgressSteps,so as RadioInput,Ko as Rating,fo as SearchInput,Me as SecondaryButton,ml as SecondaryStatusChip,nl as Sidebar,wo as SignatureInput,bl as SlimPrimaryStatusChip,yl as SlimSecondaryStatusChip,xr as StatusCircle,He as StyledCentralBar,qe as StyledClearSearch,je as StyledCreateRow,Fe as StyledRow,Le as StyledRowSearch,Ge as StyledSearchRow,Te as StyledWarning,Qe as SubmitButtonContainer,tr as SubmitComponent,Yo as Table,Vo as TextArea,bo as TextInput,qo as TimeInput,Ie as TinyButton,Go as ToggleSwitch,El as Tooltip,Vl as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};
|