@apexcura/ui-components 0.0.14-Beta261 → 0.0.14-Beta263
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +25 -25
- package/dist/index.js +75 -179
- package/dist/index.mjs +44 -148
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -437,44 +437,44 @@ video {
|
|
|
437
437
|
.bg-sky-700 .icon-active {
|
|
438
438
|
filter: brightness(0) invert(1);
|
|
439
439
|
}
|
|
440
|
-
.submit
|
|
440
|
+
.submit.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
|
|
441
441
|
color: #472D7A;
|
|
442
442
|
background-color: white;
|
|
443
443
|
border: solid 1px #472D7A;
|
|
444
444
|
}
|
|
445
|
-
|
|
446
|
-
border: 1px solid #919191;
|
|
445
|
+
.ant-radio-button-wrapper {
|
|
446
|
+
border: 1px solid #919191 !important;
|
|
447
447
|
}
|
|
448
|
-
|
|
449
|
-
border: solid 1px #919191;
|
|
450
|
-
width: 275px;
|
|
451
|
-
height: 16px;
|
|
452
|
-
padding: 16px;
|
|
453
|
-
gap: 10px;
|
|
448
|
+
.ant-input-affix-wrapper {
|
|
449
|
+
border: solid 1px #919191 !important;
|
|
450
|
+
width: 275px !important;
|
|
451
|
+
height: 16px !important;
|
|
452
|
+
padding: 16px !important;
|
|
453
|
+
gap: 10px !important;
|
|
454
454
|
}
|
|
455
|
-
|
|
456
|
-
border: solid 1px #919191;
|
|
455
|
+
.ant-input-outlined:hover {
|
|
456
|
+
border: solid 1px #919191 !important;
|
|
457
457
|
}
|
|
458
|
-
|
|
459
|
-
border: solid 1px #919191;
|
|
458
|
+
.ant-input-outlined:focus {
|
|
459
|
+
border: solid 1px #919191 !important;
|
|
460
460
|
}
|
|
461
|
-
|
|
462
|
-
border: solid 1px #919191;
|
|
461
|
+
.ant-input-outlined:focus-within {
|
|
462
|
+
border: solid 1px #919191 !important;
|
|
463
463
|
}
|
|
464
|
-
|
|
465
|
-
display: none;
|
|
464
|
+
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
|
|
465
|
+
display: none !important;
|
|
466
466
|
}
|
|
467
|
-
|
|
468
|
-
display: none;
|
|
467
|
+
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
|
|
468
|
+
display: none !important;
|
|
469
469
|
}
|
|
470
|
-
|
|
471
|
-
width: 0;
|
|
470
|
+
.ant-radio-button-wrapper:not(:first-child)::before {
|
|
471
|
+
width: 0 !important;
|
|
472
472
|
}
|
|
473
|
-
|
|
474
|
-
border-inline-start: 1px solid rgb(145 145 145);
|
|
473
|
+
.ant-radio-button-wrapper:first-child {
|
|
474
|
+
border-inline-start: 1px solid rgb(145 145 145) !important;
|
|
475
475
|
}
|
|
476
|
-
|
|
477
|
-
margin: 0px;
|
|
476
|
+
.ant-tabs-top > .ant-tabs-nav {
|
|
477
|
+
margin: 0px !important;
|
|
478
478
|
}
|
|
479
479
|
.hover\:bg-\[\#F2F2F2\]:hover {
|
|
480
480
|
--tw-bg-opacity: 1;
|
package/dist/index.js
CHANGED
|
@@ -748,109 +748,16 @@ var Navbar = (props) => {
|
|
|
748
748
|
};
|
|
749
749
|
|
|
750
750
|
// src/Components/TableElement.tsx
|
|
751
|
-
var import_react21 = __toESM(require("react"));
|
|
752
|
-
var import_antd14 = require("antd");
|
|
753
|
-
|
|
754
|
-
// src/Components/Model.tsx
|
|
755
|
-
var import_react20 = __toESM(require("react"));
|
|
756
|
-
var import_antd13 = require("antd");
|
|
757
|
-
|
|
758
|
-
// src/Components/ModelBody.tsx
|
|
759
751
|
var import_react19 = __toESM(require("react"));
|
|
760
|
-
var
|
|
761
|
-
var ModelBody = (props) => {
|
|
762
|
-
return /* @__PURE__ */ import_react19.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields[1].fields.map(
|
|
763
|
-
(eachField) => {
|
|
764
|
-
if (eachField.element === "div") {
|
|
765
|
-
return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ import_react19.default.createElement(
|
|
766
|
-
"p",
|
|
767
|
-
{
|
|
768
|
-
style: {
|
|
769
|
-
fontSize: "10px",
|
|
770
|
-
textAlign: eachField.source === "bot" ? "left" : "right"
|
|
771
|
-
}
|
|
772
|
-
},
|
|
773
|
-
(0, import_moment.default)(eachField.dateTime).format("LT")
|
|
774
|
-
) : "");
|
|
775
|
-
} else if (eachField.element === "input-radio") {
|
|
776
|
-
return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ import_react19.default.createElement(
|
|
777
|
-
"p",
|
|
778
|
-
{
|
|
779
|
-
style: {
|
|
780
|
-
fontSize: "10px",
|
|
781
|
-
textAlign: eachField.source === "bot" ? "left" : "right"
|
|
782
|
-
}
|
|
783
|
-
},
|
|
784
|
-
(0, import_moment.default)(eachField.dateTime).format("LT")
|
|
785
|
-
) : "");
|
|
786
|
-
} else if (eachField.element === "button") {
|
|
787
|
-
return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ import_react19.default.createElement(
|
|
788
|
-
"p",
|
|
789
|
-
{
|
|
790
|
-
style: {
|
|
791
|
-
fontSize: "10px",
|
|
792
|
-
textAlign: eachField.source === "bot" ? "left" : "right"
|
|
793
|
-
}
|
|
794
|
-
},
|
|
795
|
-
(0, import_moment.default)(eachField.dateTime).format("LT")
|
|
796
|
-
) : "");
|
|
797
|
-
} else {
|
|
798
|
-
return null;
|
|
799
|
-
}
|
|
800
|
-
}
|
|
801
|
-
));
|
|
802
|
-
};
|
|
803
|
-
|
|
804
|
-
// src/Components/Model.tsx
|
|
805
|
-
var ModelElement = (props) => {
|
|
806
|
-
const { model, onCancel, modalContent } = props;
|
|
807
|
-
return /* @__PURE__ */ import_react20.default.createElement(
|
|
808
|
-
import_antd13.Modal,
|
|
809
|
-
{
|
|
810
|
-
centered: true,
|
|
811
|
-
open: model,
|
|
812
|
-
onCancel,
|
|
813
|
-
footer: null,
|
|
814
|
-
width: 850,
|
|
815
|
-
title: /* @__PURE__ */ import_react20.default.createElement(
|
|
816
|
-
"div",
|
|
817
|
-
{
|
|
818
|
-
style: {
|
|
819
|
-
display: "flex",
|
|
820
|
-
flexWrap: "wrap",
|
|
821
|
-
padding: "20px",
|
|
822
|
-
width: "full",
|
|
823
|
-
margin: "-10px"
|
|
824
|
-
}
|
|
825
|
-
},
|
|
826
|
-
modalContent && modalContent.fields[0].fields.map((eachField) => {
|
|
827
|
-
return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ import_react20.default.createElement(
|
|
828
|
-
"span",
|
|
829
|
-
{
|
|
830
|
-
style: {
|
|
831
|
-
fontWeight: "200",
|
|
832
|
-
color: "gray",
|
|
833
|
-
paddingRight: "10px"
|
|
834
|
-
}
|
|
835
|
-
},
|
|
836
|
-
eachField.fields[0].label
|
|
837
|
-
), eachField.fields[0].label !== "" ? eachField.fields[0].label : "--");
|
|
838
|
-
})
|
|
839
|
-
)
|
|
840
|
-
},
|
|
841
|
-
/* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
|
|
842
|
-
);
|
|
843
|
-
};
|
|
844
|
-
|
|
845
|
-
// src/Components/TableElement.tsx
|
|
752
|
+
var import_antd13 = require("antd");
|
|
846
753
|
var import_icons5 = require("@ant-design/icons");
|
|
847
754
|
var TableElement = (props) => {
|
|
848
755
|
const { thead, tbody } = props;
|
|
849
|
-
const [selectedRecord, setSelectedRecord] = (0,
|
|
850
|
-
const [
|
|
851
|
-
|
|
756
|
+
const [selectedRecord, setSelectedRecord] = (0, import_react19.useState)({});
|
|
757
|
+
const [dataSource, setDataSource] = (0, import_react19.useState)([]);
|
|
758
|
+
console.log(selectedRecord);
|
|
852
759
|
const defaultVal = props.value;
|
|
853
|
-
(0,
|
|
760
|
+
(0, import_react19.useEffect)(() => {
|
|
854
761
|
if (tbody) {
|
|
855
762
|
setDataSource(
|
|
856
763
|
tbody.map((row, index) => ({
|
|
@@ -900,18 +807,17 @@ var TableElement = (props) => {
|
|
|
900
807
|
dataIndex: "View",
|
|
901
808
|
key: "View",
|
|
902
809
|
render: (_, record) => {
|
|
903
|
-
return /* @__PURE__ */
|
|
810
|
+
return /* @__PURE__ */ import_react19.default.createElement(
|
|
904
811
|
"a",
|
|
905
812
|
{
|
|
906
813
|
onClick: () => {
|
|
907
814
|
if (props.view) {
|
|
908
815
|
setSelectedRecord(record);
|
|
909
816
|
handleChange(record);
|
|
910
|
-
setModel(true);
|
|
911
817
|
}
|
|
912
818
|
}
|
|
913
819
|
},
|
|
914
|
-
/* @__PURE__ */
|
|
820
|
+
/* @__PURE__ */ import_react19.default.createElement(import_icons5.EyeOutlined, null)
|
|
915
821
|
);
|
|
916
822
|
}
|
|
917
823
|
});
|
|
@@ -944,8 +850,8 @@ var TableElement = (props) => {
|
|
|
944
850
|
}
|
|
945
851
|
}
|
|
946
852
|
} : void 0;
|
|
947
|
-
return /* @__PURE__ */
|
|
948
|
-
|
|
853
|
+
return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
|
|
854
|
+
import_antd13.Table,
|
|
949
855
|
{
|
|
950
856
|
loading: props.loading,
|
|
951
857
|
className: props.className,
|
|
@@ -962,7 +868,6 @@ var TableElement = (props) => {
|
|
|
962
868
|
if (props.view) {
|
|
963
869
|
setSelectedRecord(record);
|
|
964
870
|
handleChange(record);
|
|
965
|
-
setModel(true);
|
|
966
871
|
}
|
|
967
872
|
},
|
|
968
873
|
style: { cursor: "pointer" }
|
|
@@ -975,27 +880,18 @@ var TableElement = (props) => {
|
|
|
975
880
|
bordered: true,
|
|
976
881
|
onChange: onChangeTable
|
|
977
882
|
}
|
|
978
|
-
), model && /* @__PURE__ */ import_react21.default.createElement(
|
|
979
|
-
ModelElement,
|
|
980
|
-
{
|
|
981
|
-
selectedRecord,
|
|
982
|
-
...props,
|
|
983
|
-
columns,
|
|
984
|
-
model,
|
|
985
|
-
onCancel: () => setModel(false)
|
|
986
|
-
}
|
|
987
883
|
));
|
|
988
884
|
};
|
|
989
885
|
|
|
990
886
|
// src/Components/DatePicker.tsx
|
|
991
|
-
var
|
|
992
|
-
var
|
|
887
|
+
var import_react20 = __toESM(require("react"));
|
|
888
|
+
var import_antd14 = require("antd");
|
|
993
889
|
var import_dayjs = __toESM(require("dayjs"));
|
|
994
890
|
var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"));
|
|
995
|
-
var
|
|
891
|
+
var import_moment = __toESM(require("moment"));
|
|
996
892
|
import_dayjs.default.extend(import_customParseFormat.default);
|
|
997
893
|
var DatePickerElement = (props) => {
|
|
998
|
-
const [dateState, setDateState] = (0,
|
|
894
|
+
const [dateState, setDateState] = (0, import_react20.useState)("");
|
|
999
895
|
const handleChange = (date, dateString) => {
|
|
1000
896
|
if (date) {
|
|
1001
897
|
const formattedDate = dateString;
|
|
@@ -1011,10 +907,10 @@ var DatePickerElement = (props) => {
|
|
|
1011
907
|
}
|
|
1012
908
|
};
|
|
1013
909
|
const disabledDate = (current) => {
|
|
1014
|
-
return current && current > (0,
|
|
910
|
+
return current && current > (0, import_moment.default)();
|
|
1015
911
|
};
|
|
1016
|
-
return /* @__PURE__ */
|
|
1017
|
-
|
|
912
|
+
return /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement(
|
|
913
|
+
import_antd14.DatePicker,
|
|
1018
914
|
{
|
|
1019
915
|
disabledDate,
|
|
1020
916
|
placeholder: props.placeholder,
|
|
@@ -1026,13 +922,13 @@ var DatePickerElement = (props) => {
|
|
|
1026
922
|
};
|
|
1027
923
|
|
|
1028
924
|
// src/Components/DateRangePickerElement.tsx
|
|
1029
|
-
var
|
|
1030
|
-
var
|
|
925
|
+
var import_react21 = __toESM(require("react"));
|
|
926
|
+
var import_antd15 = require("antd");
|
|
1031
927
|
var import_dayjs2 = __toESM(require("dayjs"));
|
|
1032
|
-
var
|
|
928
|
+
var import_moment2 = __toESM(require("moment"));
|
|
1033
929
|
var DateRangePickerElement = (props) => {
|
|
1034
930
|
const { value } = props;
|
|
1035
|
-
const { RangePicker } =
|
|
931
|
+
const { RangePicker } = import_antd15.DatePicker;
|
|
1036
932
|
const dateValues = value ? value.map((date) => (0, import_dayjs2.default)(date, "DD-MM-YYYY")) : null;
|
|
1037
933
|
const handleChange = (dates, dateStrings) => {
|
|
1038
934
|
if (dates) {
|
|
@@ -1048,9 +944,9 @@ var DateRangePickerElement = (props) => {
|
|
|
1048
944
|
{ label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
|
|
1049
945
|
];
|
|
1050
946
|
const disabledDate = (current) => {
|
|
1051
|
-
return current && current > (0,
|
|
947
|
+
return current && current > (0, import_moment2.default)();
|
|
1052
948
|
};
|
|
1053
|
-
return /* @__PURE__ */
|
|
949
|
+
return /* @__PURE__ */ import_react21.default.createElement(import_antd15.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react21.default.createElement(
|
|
1054
950
|
RangePicker,
|
|
1055
951
|
{
|
|
1056
952
|
disabledDate,
|
|
@@ -1063,28 +959,28 @@ var DateRangePickerElement = (props) => {
|
|
|
1063
959
|
};
|
|
1064
960
|
|
|
1065
961
|
// src/Components/Image.tsx
|
|
1066
|
-
var
|
|
962
|
+
var import_react22 = __toESM(require("react"));
|
|
1067
963
|
var Image = (props) => {
|
|
1068
|
-
return /* @__PURE__ */
|
|
964
|
+
return /* @__PURE__ */ import_react22.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
|
|
1069
965
|
};
|
|
1070
966
|
|
|
1071
967
|
// src/Components/SingleCheckbox.tsx
|
|
1072
|
-
var
|
|
1073
|
-
var
|
|
968
|
+
var import_react23 = __toESM(require("react"));
|
|
969
|
+
var import_antd16 = require("antd");
|
|
1074
970
|
var SingleCheckbox = (props) => {
|
|
1075
971
|
const handleChange = (e) => {
|
|
1076
972
|
if (props.onChange) {
|
|
1077
973
|
props.onChange(e.target.checked);
|
|
1078
974
|
}
|
|
1079
975
|
};
|
|
1080
|
-
return /* @__PURE__ */
|
|
976
|
+
return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
|
|
1081
977
|
};
|
|
1082
978
|
|
|
1083
979
|
// src/Components/DropDownGroup.tsx
|
|
1084
|
-
var
|
|
1085
|
-
var
|
|
980
|
+
var import_react24 = __toESM(require("react"));
|
|
981
|
+
var import_antd17 = require("antd");
|
|
1086
982
|
var DropDownGroup = (props) => {
|
|
1087
|
-
const [selectedValue, setSelectedValue] = (0,
|
|
983
|
+
const [selectedValue, setSelectedValue] = (0, import_react24.useState)({
|
|
1088
984
|
firstValue: {},
|
|
1089
985
|
secondValue: {},
|
|
1090
986
|
temp: ""
|
|
@@ -1122,8 +1018,8 @@ var DropDownGroup = (props) => {
|
|
|
1122
1018
|
const secondFilterOptions = (input, option) => {
|
|
1123
1019
|
return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
|
|
1124
1020
|
};
|
|
1125
|
-
return /* @__PURE__ */
|
|
1126
|
-
|
|
1021
|
+
return /* @__PURE__ */ import_react24.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react24.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react24.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react24.default.createElement(
|
|
1022
|
+
import_antd17.Select,
|
|
1127
1023
|
{
|
|
1128
1024
|
onChange: handleFirstChange,
|
|
1129
1025
|
variant: props.variant,
|
|
@@ -1132,8 +1028,8 @@ var DropDownGroup = (props) => {
|
|
|
1132
1028
|
filterOption: firstFilterOptions,
|
|
1133
1029
|
showSearch: true
|
|
1134
1030
|
}
|
|
1135
|
-
), /* @__PURE__ */
|
|
1136
|
-
|
|
1031
|
+
), /* @__PURE__ */ import_react24.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react24.default.createElement(
|
|
1032
|
+
import_antd17.Select,
|
|
1137
1033
|
{
|
|
1138
1034
|
onChange: handleSecondChange,
|
|
1139
1035
|
variant: props.variant,
|
|
@@ -1146,12 +1042,12 @@ var DropDownGroup = (props) => {
|
|
|
1146
1042
|
};
|
|
1147
1043
|
|
|
1148
1044
|
// src/Components/FilesUpload.tsx
|
|
1149
|
-
var
|
|
1150
|
-
var
|
|
1045
|
+
var import_react25 = __toESM(require("react"));
|
|
1046
|
+
var import_antd18 = require("antd");
|
|
1151
1047
|
var import_icons6 = require("@ant-design/icons");
|
|
1152
1048
|
var FileUpload = (props) => {
|
|
1153
|
-
const { Dragger } =
|
|
1154
|
-
const [files, setFiles] = (0,
|
|
1049
|
+
const { Dragger } = import_antd18.Upload;
|
|
1050
|
+
const [files, setFiles] = (0, import_react25.useState)([]);
|
|
1155
1051
|
const handleChange = ({ fileList }) => {
|
|
1156
1052
|
setFiles(fileList);
|
|
1157
1053
|
if (props.onChange) {
|
|
@@ -1166,7 +1062,7 @@ var FileUpload = (props) => {
|
|
|
1166
1062
|
onSuccess("ok");
|
|
1167
1063
|
}, 0);
|
|
1168
1064
|
};
|
|
1169
|
-
return /* @__PURE__ */
|
|
1065
|
+
return /* @__PURE__ */ import_react25.default.createElement("div", null, /* @__PURE__ */ import_react25.default.createElement(
|
|
1170
1066
|
Dragger,
|
|
1171
1067
|
{
|
|
1172
1068
|
action: "",
|
|
@@ -1179,35 +1075,35 @@ var FileUpload = (props) => {
|
|
|
1179
1075
|
showUploadList: true,
|
|
1180
1076
|
customRequest
|
|
1181
1077
|
},
|
|
1182
|
-
/* @__PURE__ */
|
|
1183
|
-
/* @__PURE__ */
|
|
1078
|
+
/* @__PURE__ */ import_react25.default.createElement("p", null, /* @__PURE__ */ import_react25.default.createElement(import_icons6.InboxOutlined, null)),
|
|
1079
|
+
/* @__PURE__ */ import_react25.default.createElement("p", null, "Click or drag file to upload")
|
|
1184
1080
|
));
|
|
1185
1081
|
};
|
|
1186
1082
|
|
|
1187
1083
|
// src/Components/TabsElement.tsx
|
|
1188
|
-
var
|
|
1189
|
-
var
|
|
1084
|
+
var import_react26 = __toESM(require("react"));
|
|
1085
|
+
var import_antd19 = require("antd");
|
|
1190
1086
|
var TabsElement = (props) => {
|
|
1191
1087
|
const handleChange = (key) => {
|
|
1192
1088
|
if (props.onChange) {
|
|
1193
1089
|
props.onChange(props.options?.find((eachOption) => eachOption.key === key));
|
|
1194
1090
|
}
|
|
1195
1091
|
};
|
|
1196
|
-
return /* @__PURE__ */
|
|
1092
|
+
return /* @__PURE__ */ import_react26.default.createElement(import_antd19.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
|
|
1197
1093
|
};
|
|
1198
1094
|
|
|
1199
1095
|
// src/Components/SwitchElement.tsx
|
|
1200
|
-
var
|
|
1201
|
-
var
|
|
1096
|
+
var import_react27 = __toESM(require("react"));
|
|
1097
|
+
var import_antd20 = require("antd");
|
|
1202
1098
|
var onChange = (checked) => {
|
|
1203
1099
|
console.log(`switch to ${checked}`);
|
|
1204
1100
|
};
|
|
1205
|
-
var SwitchElement = () => /* @__PURE__ */
|
|
1101
|
+
var SwitchElement = () => /* @__PURE__ */ import_react27.default.createElement(import_antd20.Switch, { defaultChecked: true, onChange });
|
|
1206
1102
|
|
|
1207
1103
|
// src/Components/Upload.tsx
|
|
1208
|
-
var
|
|
1104
|
+
var import_react28 = __toESM(require("react"));
|
|
1209
1105
|
var Upload2 = (props) => {
|
|
1210
|
-
const [file, setFile] = (0,
|
|
1106
|
+
const [file, setFile] = (0, import_react28.useState)();
|
|
1211
1107
|
const handleFileChange = (e) => {
|
|
1212
1108
|
setFile(e.target.files[0]);
|
|
1213
1109
|
if (props.onChange) {
|
|
@@ -1220,7 +1116,7 @@ var Upload2 = (props) => {
|
|
|
1220
1116
|
return;
|
|
1221
1117
|
}
|
|
1222
1118
|
};
|
|
1223
|
-
return /* @__PURE__ */
|
|
1119
|
+
return /* @__PURE__ */ import_react28.default.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ import_react28.default.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ import_react28.default.createElement(
|
|
1224
1120
|
"button",
|
|
1225
1121
|
{
|
|
1226
1122
|
type: "button",
|
|
@@ -1233,12 +1129,12 @@ var Upload2 = (props) => {
|
|
|
1233
1129
|
};
|
|
1234
1130
|
|
|
1235
1131
|
// src/Components/OtpElement.tsx
|
|
1236
|
-
var
|
|
1237
|
-
var
|
|
1132
|
+
var import_react29 = __toESM(require("react"));
|
|
1133
|
+
var import_antd21 = require("antd");
|
|
1238
1134
|
var OtpElement = (props) => {
|
|
1239
1135
|
const length = props.length;
|
|
1240
|
-
const [otp, setOtp] = (0,
|
|
1241
|
-
const inputRefs = (0,
|
|
1136
|
+
const [otp, setOtp] = (0, import_react29.useState)(Array(length).fill(""));
|
|
1137
|
+
const inputRefs = (0, import_react29.useRef)([]);
|
|
1242
1138
|
const handleChange = (e, index) => {
|
|
1243
1139
|
const value = e.target.value;
|
|
1244
1140
|
if (/^[0-9]$/.test(value) || value === "") {
|
|
@@ -1270,11 +1166,11 @@ var OtpElement = (props) => {
|
|
|
1270
1166
|
});
|
|
1271
1167
|
}
|
|
1272
1168
|
};
|
|
1273
|
-
(0,
|
|
1169
|
+
(0, import_react29.useEffect)(() => {
|
|
1274
1170
|
inputRefs.current[0]?.focus();
|
|
1275
1171
|
}, []);
|
|
1276
|
-
return /* @__PURE__ */
|
|
1277
|
-
|
|
1172
|
+
return /* @__PURE__ */ import_react29.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react29.default.createElement(
|
|
1173
|
+
import_antd21.Input,
|
|
1278
1174
|
{
|
|
1279
1175
|
key: index,
|
|
1280
1176
|
className: props.className,
|
|
@@ -1289,7 +1185,7 @@ var OtpElement = (props) => {
|
|
|
1289
1185
|
};
|
|
1290
1186
|
|
|
1291
1187
|
// src/Components/CircleDonut.tsx
|
|
1292
|
-
var
|
|
1188
|
+
var import_react30 = __toESM(require("react"));
|
|
1293
1189
|
var import_react_chartjs_2 = require("react-chartjs-2");
|
|
1294
1190
|
var import_chart = require("chart.js");
|
|
1295
1191
|
import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
|
|
@@ -1366,11 +1262,11 @@ var CircleDonut = (props) => {
|
|
|
1366
1262
|
ctx.restore();
|
|
1367
1263
|
}
|
|
1368
1264
|
};
|
|
1369
|
-
return /* @__PURE__ */
|
|
1265
|
+
return /* @__PURE__ */ import_react30.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react30.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react30.default.createElement(import_react_chartjs_2.Doughnut, { data, options, plugins: [centerTextPlugin] }));
|
|
1370
1266
|
};
|
|
1371
1267
|
|
|
1372
1268
|
// src/Components/SemiCircleDonut.tsx
|
|
1373
|
-
var
|
|
1269
|
+
var import_react31 = __toESM(require("react"));
|
|
1374
1270
|
var import_react_chartjs_22 = require("react-chartjs-2");
|
|
1375
1271
|
var import_chart2 = require("chart.js");
|
|
1376
1272
|
import_chart2.Chart.register(import_chart2.DoughnutController, import_chart2.ArcElement, import_chart2.Tooltip, import_chart2.Legend);
|
|
@@ -1447,11 +1343,11 @@ var SemiCircleDonut = (props) => {
|
|
|
1447
1343
|
ctx.restore();
|
|
1448
1344
|
}
|
|
1449
1345
|
};
|
|
1450
|
-
return /* @__PURE__ */
|
|
1346
|
+
return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_22.Doughnut, { data, options, plugins: [centerTextPlugin] }));
|
|
1451
1347
|
};
|
|
1452
1348
|
|
|
1453
1349
|
// src/Components/HorizontalBarChart.tsx
|
|
1454
|
-
var
|
|
1350
|
+
var import_react32 = __toESM(require("react"));
|
|
1455
1351
|
var import_react_chartjs_23 = require("react-chartjs-2");
|
|
1456
1352
|
var import_chart3 = require("chart.js");
|
|
1457
1353
|
import_chart3.Chart.register(import_chart3.BarElement, import_chart3.CategoryScale, import_chart3.LinearScale, import_chart3.Tooltip);
|
|
@@ -1500,22 +1396,22 @@ var HorizontalBarChart = (props) => {
|
|
|
1500
1396
|
}
|
|
1501
1397
|
}
|
|
1502
1398
|
};
|
|
1503
|
-
return /* @__PURE__ */
|
|
1399
|
+
return /* @__PURE__ */ import_react32.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react32.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_23.Bar, { data, options }));
|
|
1504
1400
|
};
|
|
1505
1401
|
|
|
1506
1402
|
// src/Components/LineChart.tsx
|
|
1507
|
-
var
|
|
1403
|
+
var import_react33 = __toESM(require("react"));
|
|
1508
1404
|
var import_auto = __toESM(require("chart.js/auto"));
|
|
1509
1405
|
var LineChart = (props) => {
|
|
1510
|
-
const chartRef = (0,
|
|
1511
|
-
const chartInstance = (0,
|
|
1406
|
+
const chartRef = (0, import_react33.useRef)(null);
|
|
1407
|
+
const chartInstance = (0, import_react33.useRef)(null);
|
|
1512
1408
|
const data = [
|
|
1513
1409
|
{ label: "ROI", data: [10, 13, 20, 15, 10] },
|
|
1514
1410
|
{ label: "Engagement Rate", data: [20, 23, 30, 28, 20] },
|
|
1515
1411
|
{ label: "Conversion Rate", data: [50, 100, 150, 180, 50] }
|
|
1516
1412
|
];
|
|
1517
1413
|
const labels = ["Instagram", "Whatsapp", "Messages", "Telegram", "Linkedin"];
|
|
1518
|
-
(0,
|
|
1414
|
+
(0, import_react33.useEffect)(() => {
|
|
1519
1415
|
if (chartRef.current) {
|
|
1520
1416
|
if (chartInstance.current) {
|
|
1521
1417
|
chartInstance.current.destroy();
|
|
@@ -1573,16 +1469,16 @@ var LineChart = (props) => {
|
|
|
1573
1469
|
}
|
|
1574
1470
|
};
|
|
1575
1471
|
}, [labels, data]);
|
|
1576
|
-
return /* @__PURE__ */
|
|
1472
|
+
return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement("canvas", { ref: chartRef }));
|
|
1577
1473
|
};
|
|
1578
1474
|
|
|
1579
1475
|
// src/Components/DoubleBarChart.tsx
|
|
1580
|
-
var
|
|
1476
|
+
var import_react34 = __toESM(require("react"));
|
|
1581
1477
|
var import_auto2 = __toESM(require("chart.js/auto"));
|
|
1582
1478
|
var DoubleBarChart = (props) => {
|
|
1583
|
-
const chartRef = (0,
|
|
1584
|
-
const chartInstance = (0,
|
|
1585
|
-
(0,
|
|
1479
|
+
const chartRef = (0, import_react34.useRef)(null);
|
|
1480
|
+
const chartInstance = (0, import_react34.useRef)(null);
|
|
1481
|
+
(0, import_react34.useEffect)(() => {
|
|
1586
1482
|
if (chartRef.current) {
|
|
1587
1483
|
if (chartInstance.current) {
|
|
1588
1484
|
chartInstance.current.destroy();
|
|
@@ -1651,11 +1547,11 @@ var DoubleBarChart = (props) => {
|
|
|
1651
1547
|
}
|
|
1652
1548
|
};
|
|
1653
1549
|
}, []);
|
|
1654
|
-
return /* @__PURE__ */
|
|
1550
|
+
return /* @__PURE__ */ import_react34.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react34.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react34.default.createElement("canvas", { ref: chartRef }));
|
|
1655
1551
|
};
|
|
1656
1552
|
|
|
1657
1553
|
// src/Components/BarChart.tsx
|
|
1658
|
-
var
|
|
1554
|
+
var import_react35 = __toESM(require("react"));
|
|
1659
1555
|
var import_react_chartjs_24 = require("react-chartjs-2");
|
|
1660
1556
|
var import_chart4 = require("chart.js");
|
|
1661
1557
|
import_chart4.Chart.register(import_chart4.BarElement, import_chart4.CategoryScale, import_chart4.LinearScale, import_chart4.Tooltip);
|
|
@@ -1717,7 +1613,7 @@ var BarChart = (props) => {
|
|
|
1717
1613
|
}
|
|
1718
1614
|
}
|
|
1719
1615
|
};
|
|
1720
|
-
return /* @__PURE__ */
|
|
1616
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react35.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react35.default.createElement(import_react_chartjs_24.Bar, { data, options }));
|
|
1721
1617
|
};
|
|
1722
1618
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1723
1619
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -682,107 +682,14 @@ var Navbar = (props) => {
|
|
|
682
682
|
};
|
|
683
683
|
|
|
684
684
|
// src/Components/TableElement.tsx
|
|
685
|
-
import
|
|
685
|
+
import React19, { useState as useState5, useEffect as useEffect2 } from "react";
|
|
686
686
|
import { Table as Table2 } from "antd";
|
|
687
|
-
|
|
688
|
-
// src/Components/Model.tsx
|
|
689
|
-
import React20 from "react";
|
|
690
|
-
import { Modal } from "antd";
|
|
691
|
-
|
|
692
|
-
// src/Components/ModelBody.tsx
|
|
693
|
-
import React19 from "react";
|
|
694
|
-
import moment from "moment";
|
|
695
|
-
var ModelBody = (props) => {
|
|
696
|
-
return /* @__PURE__ */ React19.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields[1].fields.map(
|
|
697
|
-
(eachField) => {
|
|
698
|
-
if (eachField.element === "div") {
|
|
699
|
-
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
|
|
700
|
-
"p",
|
|
701
|
-
{
|
|
702
|
-
style: {
|
|
703
|
-
fontSize: "10px",
|
|
704
|
-
textAlign: eachField.source === "bot" ? "left" : "right"
|
|
705
|
-
}
|
|
706
|
-
},
|
|
707
|
-
moment(eachField.dateTime).format("LT")
|
|
708
|
-
) : "");
|
|
709
|
-
} else if (eachField.element === "input-radio") {
|
|
710
|
-
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, /* @__PURE__ */ React19.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
|
|
711
|
-
"p",
|
|
712
|
-
{
|
|
713
|
-
style: {
|
|
714
|
-
fontSize: "10px",
|
|
715
|
-
textAlign: eachField.source === "bot" ? "left" : "right"
|
|
716
|
-
}
|
|
717
|
-
},
|
|
718
|
-
moment(eachField.dateTime).format("LT")
|
|
719
|
-
) : "");
|
|
720
|
-
} else if (eachField.element === "button") {
|
|
721
|
-
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, /* @__PURE__ */ React19.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
|
|
722
|
-
"p",
|
|
723
|
-
{
|
|
724
|
-
style: {
|
|
725
|
-
fontSize: "10px",
|
|
726
|
-
textAlign: eachField.source === "bot" ? "left" : "right"
|
|
727
|
-
}
|
|
728
|
-
},
|
|
729
|
-
moment(eachField.dateTime).format("LT")
|
|
730
|
-
) : "");
|
|
731
|
-
} else {
|
|
732
|
-
return null;
|
|
733
|
-
}
|
|
734
|
-
}
|
|
735
|
-
));
|
|
736
|
-
};
|
|
737
|
-
|
|
738
|
-
// src/Components/Model.tsx
|
|
739
|
-
var ModelElement = (props) => {
|
|
740
|
-
const { model, onCancel, modalContent } = props;
|
|
741
|
-
return /* @__PURE__ */ React20.createElement(
|
|
742
|
-
Modal,
|
|
743
|
-
{
|
|
744
|
-
centered: true,
|
|
745
|
-
open: model,
|
|
746
|
-
onCancel,
|
|
747
|
-
footer: null,
|
|
748
|
-
width: 850,
|
|
749
|
-
title: /* @__PURE__ */ React20.createElement(
|
|
750
|
-
"div",
|
|
751
|
-
{
|
|
752
|
-
style: {
|
|
753
|
-
display: "flex",
|
|
754
|
-
flexWrap: "wrap",
|
|
755
|
-
padding: "20px",
|
|
756
|
-
width: "full",
|
|
757
|
-
margin: "-10px"
|
|
758
|
-
}
|
|
759
|
-
},
|
|
760
|
-
modalContent && modalContent.fields[0].fields.map((eachField) => {
|
|
761
|
-
return /* @__PURE__ */ React20.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ React20.createElement(
|
|
762
|
-
"span",
|
|
763
|
-
{
|
|
764
|
-
style: {
|
|
765
|
-
fontWeight: "200",
|
|
766
|
-
color: "gray",
|
|
767
|
-
paddingRight: "10px"
|
|
768
|
-
}
|
|
769
|
-
},
|
|
770
|
-
eachField.fields[0].label
|
|
771
|
-
), eachField.fields[0].label !== "" ? eachField.fields[0].label : "--");
|
|
772
|
-
})
|
|
773
|
-
)
|
|
774
|
-
},
|
|
775
|
-
/* @__PURE__ */ React20.createElement(ModelBody, { ...props })
|
|
776
|
-
);
|
|
777
|
-
};
|
|
778
|
-
|
|
779
|
-
// src/Components/TableElement.tsx
|
|
780
687
|
import { EyeOutlined } from "@ant-design/icons";
|
|
781
688
|
var TableElement = (props) => {
|
|
782
689
|
const { thead, tbody } = props;
|
|
783
690
|
const [selectedRecord, setSelectedRecord] = useState5({});
|
|
784
|
-
const [model, setModel] = useState5(false);
|
|
785
691
|
const [dataSource, setDataSource] = useState5([]);
|
|
692
|
+
console.log(selectedRecord);
|
|
786
693
|
const defaultVal = props.value;
|
|
787
694
|
useEffect2(() => {
|
|
788
695
|
if (tbody) {
|
|
@@ -834,18 +741,17 @@ var TableElement = (props) => {
|
|
|
834
741
|
dataIndex: "View",
|
|
835
742
|
key: "View",
|
|
836
743
|
render: (_, record) => {
|
|
837
|
-
return /* @__PURE__ */
|
|
744
|
+
return /* @__PURE__ */ React19.createElement(
|
|
838
745
|
"a",
|
|
839
746
|
{
|
|
840
747
|
onClick: () => {
|
|
841
748
|
if (props.view) {
|
|
842
749
|
setSelectedRecord(record);
|
|
843
750
|
handleChange(record);
|
|
844
|
-
setModel(true);
|
|
845
751
|
}
|
|
846
752
|
}
|
|
847
753
|
},
|
|
848
|
-
/* @__PURE__ */
|
|
754
|
+
/* @__PURE__ */ React19.createElement(EyeOutlined, null)
|
|
849
755
|
);
|
|
850
756
|
}
|
|
851
757
|
});
|
|
@@ -878,7 +784,7 @@ var TableElement = (props) => {
|
|
|
878
784
|
}
|
|
879
785
|
}
|
|
880
786
|
} : void 0;
|
|
881
|
-
return /* @__PURE__ */
|
|
787
|
+
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
|
|
882
788
|
Table2,
|
|
883
789
|
{
|
|
884
790
|
loading: props.loading,
|
|
@@ -896,7 +802,6 @@ var TableElement = (props) => {
|
|
|
896
802
|
if (props.view) {
|
|
897
803
|
setSelectedRecord(record);
|
|
898
804
|
handleChange(record);
|
|
899
|
-
setModel(true);
|
|
900
805
|
}
|
|
901
806
|
},
|
|
902
807
|
style: { cursor: "pointer" }
|
|
@@ -909,24 +814,15 @@ var TableElement = (props) => {
|
|
|
909
814
|
bordered: true,
|
|
910
815
|
onChange: onChangeTable
|
|
911
816
|
}
|
|
912
|
-
), model && /* @__PURE__ */ React21.createElement(
|
|
913
|
-
ModelElement,
|
|
914
|
-
{
|
|
915
|
-
selectedRecord,
|
|
916
|
-
...props,
|
|
917
|
-
columns,
|
|
918
|
-
model,
|
|
919
|
-
onCancel: () => setModel(false)
|
|
920
|
-
}
|
|
921
817
|
));
|
|
922
818
|
};
|
|
923
819
|
|
|
924
820
|
// src/Components/DatePicker.tsx
|
|
925
|
-
import
|
|
821
|
+
import React20, { useState as useState6 } from "react";
|
|
926
822
|
import { DatePicker } from "antd";
|
|
927
823
|
import dayjs from "dayjs";
|
|
928
824
|
import customParseFormat from "dayjs/plugin/customParseFormat.js";
|
|
929
|
-
import
|
|
825
|
+
import moment from "moment";
|
|
930
826
|
dayjs.extend(customParseFormat);
|
|
931
827
|
var DatePickerElement = (props) => {
|
|
932
828
|
const [dateState, setDateState] = useState6("");
|
|
@@ -945,9 +841,9 @@ var DatePickerElement = (props) => {
|
|
|
945
841
|
}
|
|
946
842
|
};
|
|
947
843
|
const disabledDate = (current) => {
|
|
948
|
-
return current && current >
|
|
844
|
+
return current && current > moment();
|
|
949
845
|
};
|
|
950
|
-
return /* @__PURE__ */
|
|
846
|
+
return /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement(
|
|
951
847
|
DatePicker,
|
|
952
848
|
{
|
|
953
849
|
disabledDate,
|
|
@@ -960,10 +856,10 @@ var DatePickerElement = (props) => {
|
|
|
960
856
|
};
|
|
961
857
|
|
|
962
858
|
// src/Components/DateRangePickerElement.tsx
|
|
963
|
-
import
|
|
859
|
+
import React21 from "react";
|
|
964
860
|
import { DatePicker as DatePicker2, Space } from "antd";
|
|
965
861
|
import dayjs2 from "dayjs";
|
|
966
|
-
import
|
|
862
|
+
import moment2 from "moment";
|
|
967
863
|
var DateRangePickerElement = (props) => {
|
|
968
864
|
const { value } = props;
|
|
969
865
|
const { RangePicker } = DatePicker2;
|
|
@@ -982,9 +878,9 @@ var DateRangePickerElement = (props) => {
|
|
|
982
878
|
{ label: "Last 90 Days", value: [dayjs2().add(-90, "d"), dayjs2()] }
|
|
983
879
|
];
|
|
984
880
|
const disabledDate = (current) => {
|
|
985
|
-
return current && current >
|
|
881
|
+
return current && current > moment2();
|
|
986
882
|
};
|
|
987
|
-
return /* @__PURE__ */
|
|
883
|
+
return /* @__PURE__ */ React21.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React21.createElement(
|
|
988
884
|
RangePicker,
|
|
989
885
|
{
|
|
990
886
|
disabledDate,
|
|
@@ -997,13 +893,13 @@ var DateRangePickerElement = (props) => {
|
|
|
997
893
|
};
|
|
998
894
|
|
|
999
895
|
// src/Components/Image.tsx
|
|
1000
|
-
import
|
|
896
|
+
import React22 from "react";
|
|
1001
897
|
var Image = (props) => {
|
|
1002
|
-
return /* @__PURE__ */
|
|
898
|
+
return /* @__PURE__ */ React22.createElement("img", { className: props.className, src: props.img, alt: "image" });
|
|
1003
899
|
};
|
|
1004
900
|
|
|
1005
901
|
// src/Components/SingleCheckbox.tsx
|
|
1006
|
-
import
|
|
902
|
+
import React23 from "react";
|
|
1007
903
|
import { Checkbox as Checkbox2 } from "antd";
|
|
1008
904
|
var SingleCheckbox = (props) => {
|
|
1009
905
|
const handleChange = (e) => {
|
|
@@ -1011,11 +907,11 @@ var SingleCheckbox = (props) => {
|
|
|
1011
907
|
props.onChange(e.target.checked);
|
|
1012
908
|
}
|
|
1013
909
|
};
|
|
1014
|
-
return /* @__PURE__ */
|
|
910
|
+
return /* @__PURE__ */ React23.createElement(Checkbox2, { onChange: (e) => handleChange(e), className: props.className }, props.label);
|
|
1015
911
|
};
|
|
1016
912
|
|
|
1017
913
|
// src/Components/DropDownGroup.tsx
|
|
1018
|
-
import
|
|
914
|
+
import React24, { useState as useState7 } from "react";
|
|
1019
915
|
import { Select as Select4 } from "antd";
|
|
1020
916
|
var DropDownGroup = (props) => {
|
|
1021
917
|
const [selectedValue, setSelectedValue] = useState7({
|
|
@@ -1056,7 +952,7 @@ var DropDownGroup = (props) => {
|
|
|
1056
952
|
const secondFilterOptions = (input, option) => {
|
|
1057
953
|
return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
|
|
1058
954
|
};
|
|
1059
|
-
return /* @__PURE__ */
|
|
955
|
+
return /* @__PURE__ */ React24.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React24.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React24.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React24.createElement(
|
|
1060
956
|
Select4,
|
|
1061
957
|
{
|
|
1062
958
|
onChange: handleFirstChange,
|
|
@@ -1066,7 +962,7 @@ var DropDownGroup = (props) => {
|
|
|
1066
962
|
filterOption: firstFilterOptions,
|
|
1067
963
|
showSearch: true
|
|
1068
964
|
}
|
|
1069
|
-
), /* @__PURE__ */
|
|
965
|
+
), /* @__PURE__ */ React24.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React24.createElement(
|
|
1070
966
|
Select4,
|
|
1071
967
|
{
|
|
1072
968
|
onChange: handleSecondChange,
|
|
@@ -1080,7 +976,7 @@ var DropDownGroup = (props) => {
|
|
|
1080
976
|
};
|
|
1081
977
|
|
|
1082
978
|
// src/Components/FilesUpload.tsx
|
|
1083
|
-
import
|
|
979
|
+
import React25, { useState as useState8 } from "react";
|
|
1084
980
|
import { Upload } from "antd";
|
|
1085
981
|
import { InboxOutlined } from "@ant-design/icons";
|
|
1086
982
|
var FileUpload = (props) => {
|
|
@@ -1100,7 +996,7 @@ var FileUpload = (props) => {
|
|
|
1100
996
|
onSuccess("ok");
|
|
1101
997
|
}, 0);
|
|
1102
998
|
};
|
|
1103
|
-
return /* @__PURE__ */
|
|
999
|
+
return /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement(
|
|
1104
1000
|
Dragger,
|
|
1105
1001
|
{
|
|
1106
1002
|
action: "",
|
|
@@ -1113,13 +1009,13 @@ var FileUpload = (props) => {
|
|
|
1113
1009
|
showUploadList: true,
|
|
1114
1010
|
customRequest
|
|
1115
1011
|
},
|
|
1116
|
-
/* @__PURE__ */
|
|
1117
|
-
/* @__PURE__ */
|
|
1012
|
+
/* @__PURE__ */ React25.createElement("p", null, /* @__PURE__ */ React25.createElement(InboxOutlined, null)),
|
|
1013
|
+
/* @__PURE__ */ React25.createElement("p", null, "Click or drag file to upload")
|
|
1118
1014
|
));
|
|
1119
1015
|
};
|
|
1120
1016
|
|
|
1121
1017
|
// src/Components/TabsElement.tsx
|
|
1122
|
-
import
|
|
1018
|
+
import React26 from "react";
|
|
1123
1019
|
import { Tabs } from "antd";
|
|
1124
1020
|
var TabsElement = (props) => {
|
|
1125
1021
|
const handleChange = (key) => {
|
|
@@ -1127,19 +1023,19 @@ var TabsElement = (props) => {
|
|
|
1127
1023
|
props.onChange(props.options?.find((eachOption) => eachOption.key === key));
|
|
1128
1024
|
}
|
|
1129
1025
|
};
|
|
1130
|
-
return /* @__PURE__ */
|
|
1026
|
+
return /* @__PURE__ */ React26.createElement(Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
|
|
1131
1027
|
};
|
|
1132
1028
|
|
|
1133
1029
|
// src/Components/SwitchElement.tsx
|
|
1134
|
-
import
|
|
1030
|
+
import React27 from "react";
|
|
1135
1031
|
import { Switch } from "antd";
|
|
1136
1032
|
var onChange = (checked) => {
|
|
1137
1033
|
console.log(`switch to ${checked}`);
|
|
1138
1034
|
};
|
|
1139
|
-
var SwitchElement = () => /* @__PURE__ */
|
|
1035
|
+
var SwitchElement = () => /* @__PURE__ */ React27.createElement(Switch, { defaultChecked: true, onChange });
|
|
1140
1036
|
|
|
1141
1037
|
// src/Components/Upload.tsx
|
|
1142
|
-
import
|
|
1038
|
+
import React28, { useState as useState9 } from "react";
|
|
1143
1039
|
var Upload2 = (props) => {
|
|
1144
1040
|
const [file, setFile] = useState9();
|
|
1145
1041
|
const handleFileChange = (e) => {
|
|
@@ -1154,7 +1050,7 @@ var Upload2 = (props) => {
|
|
|
1154
1050
|
return;
|
|
1155
1051
|
}
|
|
1156
1052
|
};
|
|
1157
|
-
return /* @__PURE__ */
|
|
1053
|
+
return /* @__PURE__ */ React28.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React28.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ React28.createElement(
|
|
1158
1054
|
"button",
|
|
1159
1055
|
{
|
|
1160
1056
|
type: "button",
|
|
@@ -1167,7 +1063,7 @@ var Upload2 = (props) => {
|
|
|
1167
1063
|
};
|
|
1168
1064
|
|
|
1169
1065
|
// src/Components/OtpElement.tsx
|
|
1170
|
-
import
|
|
1066
|
+
import React29, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
|
|
1171
1067
|
import { Input as Input3 } from "antd";
|
|
1172
1068
|
var OtpElement = (props) => {
|
|
1173
1069
|
const length = props.length;
|
|
@@ -1207,7 +1103,7 @@ var OtpElement = (props) => {
|
|
|
1207
1103
|
useEffect3(() => {
|
|
1208
1104
|
inputRefs.current[0]?.focus();
|
|
1209
1105
|
}, []);
|
|
1210
|
-
return /* @__PURE__ */
|
|
1106
|
+
return /* @__PURE__ */ React29.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React29.createElement(
|
|
1211
1107
|
Input3,
|
|
1212
1108
|
{
|
|
1213
1109
|
key: index,
|
|
@@ -1223,7 +1119,7 @@ var OtpElement = (props) => {
|
|
|
1223
1119
|
};
|
|
1224
1120
|
|
|
1225
1121
|
// src/Components/CircleDonut.tsx
|
|
1226
|
-
import
|
|
1122
|
+
import React30 from "react";
|
|
1227
1123
|
import { Doughnut } from "react-chartjs-2";
|
|
1228
1124
|
import {
|
|
1229
1125
|
Chart as ChartJS,
|
|
@@ -1306,11 +1202,11 @@ var CircleDonut = (props) => {
|
|
|
1306
1202
|
ctx.restore();
|
|
1307
1203
|
}
|
|
1308
1204
|
};
|
|
1309
|
-
return /* @__PURE__ */
|
|
1205
|
+
return /* @__PURE__ */ React30.createElement("div", { className: props.className }, /* @__PURE__ */ React30.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React30.createElement(Doughnut, { data, options, plugins: [centerTextPlugin] }));
|
|
1310
1206
|
};
|
|
1311
1207
|
|
|
1312
1208
|
// src/Components/SemiCircleDonut.tsx
|
|
1313
|
-
import
|
|
1209
|
+
import React31 from "react";
|
|
1314
1210
|
import { Doughnut as Doughnut2 } from "react-chartjs-2";
|
|
1315
1211
|
import {
|
|
1316
1212
|
Chart as ChartJS2,
|
|
@@ -1393,11 +1289,11 @@ var SemiCircleDonut = (props) => {
|
|
|
1393
1289
|
ctx.restore();
|
|
1394
1290
|
}
|
|
1395
1291
|
};
|
|
1396
|
-
return /* @__PURE__ */
|
|
1292
|
+
return /* @__PURE__ */ React31.createElement("div", { className: props.className }, /* @__PURE__ */ React31.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React31.createElement(Doughnut2, { data, options, plugins: [centerTextPlugin] }));
|
|
1397
1293
|
};
|
|
1398
1294
|
|
|
1399
1295
|
// src/Components/HorizontalBarChart.tsx
|
|
1400
|
-
import
|
|
1296
|
+
import React32 from "react";
|
|
1401
1297
|
import { Bar } from "react-chartjs-2";
|
|
1402
1298
|
import {
|
|
1403
1299
|
Chart as ChartJS3,
|
|
@@ -1452,11 +1348,11 @@ var HorizontalBarChart = (props) => {
|
|
|
1452
1348
|
}
|
|
1453
1349
|
}
|
|
1454
1350
|
};
|
|
1455
|
-
return /* @__PURE__ */
|
|
1351
|
+
return /* @__PURE__ */ React32.createElement("div", { className: props.className }, /* @__PURE__ */ React32.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React32.createElement(Bar, { data, options }));
|
|
1456
1352
|
};
|
|
1457
1353
|
|
|
1458
1354
|
// src/Components/LineChart.tsx
|
|
1459
|
-
import
|
|
1355
|
+
import React33, { useEffect as useEffect4, useRef as useRef2 } from "react";
|
|
1460
1356
|
import Chart from "chart.js/auto";
|
|
1461
1357
|
var LineChart = (props) => {
|
|
1462
1358
|
const chartRef = useRef2(null);
|
|
@@ -1525,11 +1421,11 @@ var LineChart = (props) => {
|
|
|
1525
1421
|
}
|
|
1526
1422
|
};
|
|
1527
1423
|
}, [labels, data]);
|
|
1528
|
-
return /* @__PURE__ */
|
|
1424
|
+
return /* @__PURE__ */ React33.createElement("div", { className: props.className }, /* @__PURE__ */ React33.createElement("canvas", { ref: chartRef }));
|
|
1529
1425
|
};
|
|
1530
1426
|
|
|
1531
1427
|
// src/Components/DoubleBarChart.tsx
|
|
1532
|
-
import
|
|
1428
|
+
import React34, { useEffect as useEffect5, useRef as useRef3 } from "react";
|
|
1533
1429
|
import Chart2 from "chart.js/auto";
|
|
1534
1430
|
var DoubleBarChart = (props) => {
|
|
1535
1431
|
const chartRef = useRef3(null);
|
|
@@ -1603,11 +1499,11 @@ var DoubleBarChart = (props) => {
|
|
|
1603
1499
|
}
|
|
1604
1500
|
};
|
|
1605
1501
|
}, []);
|
|
1606
|
-
return /* @__PURE__ */
|
|
1502
|
+
return /* @__PURE__ */ React34.createElement("div", { className: props.className }, /* @__PURE__ */ React34.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React34.createElement("canvas", { ref: chartRef }));
|
|
1607
1503
|
};
|
|
1608
1504
|
|
|
1609
1505
|
// src/Components/BarChart.tsx
|
|
1610
|
-
import
|
|
1506
|
+
import React35 from "react";
|
|
1611
1507
|
import { Bar as Bar2 } from "react-chartjs-2";
|
|
1612
1508
|
import {
|
|
1613
1509
|
Chart as ChartJS4,
|
|
@@ -1675,7 +1571,7 @@ var BarChart = (props) => {
|
|
|
1675
1571
|
}
|
|
1676
1572
|
}
|
|
1677
1573
|
};
|
|
1678
|
-
return /* @__PURE__ */
|
|
1574
|
+
return /* @__PURE__ */ React35.createElement("div", { className: props.className }, /* @__PURE__ */ React35.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React35.createElement(Bar2, { data, options }));
|
|
1679
1575
|
};
|
|
1680
1576
|
export {
|
|
1681
1577
|
AddMoreTable,
|