@apexcura/ui-components 0.0.14-Beta220 → 0.0.14-Beta222
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.js +107 -110
- package/dist/index.mjs +84 -87
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -382,11 +382,19 @@ var MultipleSelectElement = (props) => {
|
|
|
382
382
|
};
|
|
383
383
|
|
|
384
384
|
// src/Components/Button.tsx
|
|
385
|
+
var import_react12 = __toESM(require("react"));
|
|
386
|
+
|
|
387
|
+
// src/constants/icons.tsx
|
|
385
388
|
var import_react11 = __toESM(require("react"));
|
|
389
|
+
var icons = {
|
|
390
|
+
download: /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M18.4602 4.67108H6.6883C5.5994 4.67108 4.72632 5.55397 4.72632 6.63306V20.3669C4.72632 21.446 5.5994 22.3289 6.6883 22.3289H20.4222C21.5013 22.3289 22.3842 21.446 22.3842 20.3669V8.59505L18.4602 4.67108ZM13.5552 20.3669C11.9268 20.3669 10.6123 19.0524 10.6123 17.424C10.6123 15.7955 11.9268 14.481 13.5552 14.481C15.1837 14.481 16.4982 15.7955 16.4982 17.424C16.4982 19.0524 15.1837 20.3669 13.5552 20.3669ZM16.4982 10.557H6.6883V6.63306H16.4982V10.557Z", fill: "#A3A3A3" }))
|
|
391
|
+
};
|
|
392
|
+
|
|
393
|
+
// src/Components/Button.tsx
|
|
386
394
|
var ButtonElement = (props) => {
|
|
387
395
|
const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
|
|
388
396
|
console.log(textColorClass);
|
|
389
|
-
return /* @__PURE__ */
|
|
397
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
|
390
398
|
"button",
|
|
391
399
|
{
|
|
392
400
|
onClick: props.onClick,
|
|
@@ -396,29 +404,18 @@ var ButtonElement = (props) => {
|
|
|
396
404
|
cursor: props.loading ? "no-drop" : "pointer"
|
|
397
405
|
}
|
|
398
406
|
},
|
|
399
|
-
|
|
400
|
-
/* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ import_react11.default.createElement(
|
|
401
|
-
"span",
|
|
402
|
-
{
|
|
403
|
-
className: props.iconsClassName,
|
|
404
|
-
dangerouslySetInnerHTML: { __html: props.icon || "" }
|
|
405
|
-
}
|
|
406
|
-
), /* @__PURE__ */ import_react11.default.createElement("style", null, `.${props.iconsClassName} path {
|
|
407
|
-
fill: ${textColorClass};
|
|
408
|
-
}`, `.${props.iconsClassName}:hover path {
|
|
409
|
-
filter: brightness(0) invert(1);
|
|
410
|
-
}`)),
|
|
407
|
+
icons.download,
|
|
411
408
|
props.label
|
|
412
409
|
);
|
|
413
410
|
};
|
|
414
411
|
|
|
415
412
|
// src/Components/AddMoreTable.tsx
|
|
416
|
-
var
|
|
413
|
+
var import_react13 = __toESM(require("react"));
|
|
417
414
|
var import_antd10 = require("antd");
|
|
418
|
-
var
|
|
415
|
+
var import_icons3 = require("@ant-design/icons");
|
|
419
416
|
var AddMoreTable = (props) => {
|
|
420
417
|
const { thead, tbody } = props;
|
|
421
|
-
const [rows, setRows] = (0,
|
|
418
|
+
const [rows, setRows] = (0, import_react13.useState)(tbody || []);
|
|
422
419
|
const onHandleRows = () => {
|
|
423
420
|
const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
|
|
424
421
|
let newRow = {
|
|
@@ -483,16 +480,16 @@ var AddMoreTable = (props) => {
|
|
|
483
480
|
});
|
|
484
481
|
});
|
|
485
482
|
};
|
|
486
|
-
(0,
|
|
483
|
+
(0, import_react13.useEffect)(() => {
|
|
487
484
|
console.log(rows);
|
|
488
485
|
}, [rows]);
|
|
489
486
|
const renderInputElement = (element, value) => {
|
|
490
487
|
if (!element) return null;
|
|
491
488
|
const { element: type, label } = element;
|
|
492
489
|
if (type === "single-select") {
|
|
493
|
-
return /* @__PURE__ */
|
|
490
|
+
return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
|
|
494
491
|
} else if (type === "textarea") {
|
|
495
|
-
return /* @__PURE__ */
|
|
492
|
+
return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
|
|
496
493
|
} else {
|
|
497
494
|
return null;
|
|
498
495
|
}
|
|
@@ -509,13 +506,13 @@ var AddMoreTable = (props) => {
|
|
|
509
506
|
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
510
507
|
Object.keys(variable).forEach((key) => {
|
|
511
508
|
if (key === "SubRows") {
|
|
512
|
-
rowData[`${key}`] = /* @__PURE__ */
|
|
509
|
+
rowData[`${key}`] = /* @__PURE__ */ import_react13.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.PlusOutlined, null)));
|
|
513
510
|
} else {
|
|
514
511
|
rowData[`${key}`] = renderInputElement(variable[key]);
|
|
515
512
|
}
|
|
516
513
|
});
|
|
517
514
|
});
|
|
518
|
-
rowData.actions = /* @__PURE__ */
|
|
515
|
+
rowData.actions = /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.PlusOutlined, null)));
|
|
519
516
|
console.log("=====rowdata", rowData);
|
|
520
517
|
return rowData;
|
|
521
518
|
});
|
|
@@ -531,7 +528,7 @@ var AddMoreTable = (props) => {
|
|
|
531
528
|
key: "actions"
|
|
532
529
|
});
|
|
533
530
|
}
|
|
534
|
-
return /* @__PURE__ */
|
|
531
|
+
return /* @__PURE__ */ import_react13.default.createElement(
|
|
535
532
|
import_antd10.Table,
|
|
536
533
|
{
|
|
537
534
|
columns,
|
|
@@ -543,15 +540,15 @@ var AddMoreTable = (props) => {
|
|
|
543
540
|
};
|
|
544
541
|
|
|
545
542
|
// src/Components/Sidebar.tsx
|
|
546
|
-
var
|
|
543
|
+
var import_react14 = __toESM(require("react"));
|
|
547
544
|
var Sidebar = (props) => {
|
|
548
545
|
const handleChange = (item) => {
|
|
549
546
|
if (props.onChange) {
|
|
550
547
|
props.onChange(item);
|
|
551
548
|
}
|
|
552
549
|
};
|
|
553
|
-
return /* @__PURE__ */
|
|
554
|
-
return /* @__PURE__ */
|
|
550
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react14.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
|
|
551
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react14.default.createElement(
|
|
555
552
|
ButtonElement,
|
|
556
553
|
{
|
|
557
554
|
...item,
|
|
@@ -567,29 +564,29 @@ var Sidebar = (props) => {
|
|
|
567
564
|
};
|
|
568
565
|
|
|
569
566
|
// src/Components/Navbar.tsx
|
|
570
|
-
var
|
|
567
|
+
var import_react18 = __toESM(require("react"));
|
|
571
568
|
|
|
572
569
|
// src/Components/Notification.tsx
|
|
573
|
-
var
|
|
570
|
+
var import_react15 = __toESM(require("react"));
|
|
574
571
|
var import_antd11 = require("antd");
|
|
575
572
|
var import_io = require("react-icons/io");
|
|
576
573
|
var popoverContentStyle = {
|
|
577
574
|
minWidth: "300px",
|
|
578
575
|
maxWidth: "100%"
|
|
579
576
|
};
|
|
580
|
-
var Notification = (props) => /* @__PURE__ */
|
|
577
|
+
var Notification = (props) => /* @__PURE__ */ import_react15.default.createElement(
|
|
581
578
|
import_antd11.Popover,
|
|
582
579
|
{
|
|
583
580
|
className: props.className,
|
|
584
|
-
content: /* @__PURE__ */
|
|
581
|
+
content: /* @__PURE__ */ import_react15.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react15.default.createElement(
|
|
585
582
|
import_antd11.List,
|
|
586
583
|
{
|
|
587
584
|
itemLayout: "horizontal",
|
|
588
585
|
dataSource: props.items,
|
|
589
|
-
renderItem: (item, index) => /* @__PURE__ */
|
|
586
|
+
renderItem: (item, index) => /* @__PURE__ */ import_react15.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react15.default.createElement(
|
|
590
587
|
import_antd11.List.Item.Meta,
|
|
591
588
|
{
|
|
592
|
-
avatar: /* @__PURE__ */
|
|
589
|
+
avatar: /* @__PURE__ */ import_react15.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
|
|
593
590
|
title: item.text,
|
|
594
591
|
description: item.time
|
|
595
592
|
}
|
|
@@ -599,49 +596,49 @@ var Notification = (props) => /* @__PURE__ */ import_react14.default.createEleme
|
|
|
599
596
|
trigger: "focus",
|
|
600
597
|
placement: "bottomRight"
|
|
601
598
|
},
|
|
602
|
-
/* @__PURE__ */
|
|
599
|
+
/* @__PURE__ */ import_react15.default.createElement(import_antd11.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react15.default.createElement(import_antd11.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react15.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react15.default.createElement(import_io.IoIosNotifications, null))))
|
|
603
600
|
);
|
|
604
601
|
|
|
605
602
|
// src/Components/SpanElement.tsx
|
|
606
|
-
var
|
|
607
|
-
var SpanElement = (props) => /* @__PURE__ */
|
|
603
|
+
var import_react16 = __toESM(require("react"));
|
|
604
|
+
var SpanElement = (props) => /* @__PURE__ */ import_react16.default.createElement("span", { className: props.className }, props.label);
|
|
608
605
|
|
|
609
606
|
// src/Components/Profile.tsx
|
|
610
|
-
var
|
|
607
|
+
var import_react17 = __toESM(require("react"));
|
|
611
608
|
var import_antd12 = require("antd");
|
|
612
|
-
var
|
|
613
|
-
var Profile = (props) => /* @__PURE__ */
|
|
609
|
+
var import_icons4 = require("@ant-design/icons");
|
|
610
|
+
var Profile = (props) => /* @__PURE__ */ import_react17.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react17.default.createElement(import_antd12.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react17.default.createElement(import_icons4.UserOutlined, null) }), /* @__PURE__ */ import_react17.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react17.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react17.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
|
|
614
611
|
|
|
615
612
|
// src/Components/Navbar.tsx
|
|
616
613
|
var Navbar = (props) => {
|
|
617
|
-
return /* @__PURE__ */
|
|
614
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
|
|
618
615
|
if (item.element === "span") {
|
|
619
|
-
return /* @__PURE__ */
|
|
616
|
+
return /* @__PURE__ */ import_react18.default.createElement(SpanElement, { ...item });
|
|
620
617
|
} else if (item.element === "notifications") {
|
|
621
|
-
return /* @__PURE__ */
|
|
618
|
+
return /* @__PURE__ */ import_react18.default.createElement(Notification, { ...item });
|
|
622
619
|
} else if (item.name === "profile") {
|
|
623
|
-
return /* @__PURE__ */
|
|
620
|
+
return /* @__PURE__ */ import_react18.default.createElement(Profile, { ...item });
|
|
624
621
|
}
|
|
625
622
|
return null;
|
|
626
623
|
}));
|
|
627
624
|
};
|
|
628
625
|
|
|
629
626
|
// src/Components/TableElement.tsx
|
|
630
|
-
var
|
|
627
|
+
var import_react21 = __toESM(require("react"));
|
|
631
628
|
var import_antd14 = require("antd");
|
|
632
629
|
|
|
633
630
|
// src/Components/Model.tsx
|
|
634
|
-
var
|
|
631
|
+
var import_react20 = __toESM(require("react"));
|
|
635
632
|
var import_antd13 = require("antd");
|
|
636
633
|
|
|
637
634
|
// src/Components/ModelBody.tsx
|
|
638
|
-
var
|
|
635
|
+
var import_react19 = __toESM(require("react"));
|
|
639
636
|
var import_moment = __toESM(require("moment"));
|
|
640
637
|
var ModelBody = (props) => {
|
|
641
|
-
return /* @__PURE__ */
|
|
638
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
|
|
642
639
|
(eachField) => {
|
|
643
640
|
if (eachField.element === "div") {
|
|
644
|
-
return /* @__PURE__ */
|
|
641
|
+
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(
|
|
645
642
|
"p",
|
|
646
643
|
{
|
|
647
644
|
style: {
|
|
@@ -652,7 +649,7 @@ var ModelBody = (props) => {
|
|
|
652
649
|
(0, import_moment.default)(eachField.dateTime).format("LT")
|
|
653
650
|
) : "");
|
|
654
651
|
} else if (eachField.element === "input-radio") {
|
|
655
|
-
return /* @__PURE__ */
|
|
652
|
+
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(
|
|
656
653
|
"p",
|
|
657
654
|
{
|
|
658
655
|
style: {
|
|
@@ -663,7 +660,7 @@ var ModelBody = (props) => {
|
|
|
663
660
|
(0, import_moment.default)(eachField.dateTime).format("LT")
|
|
664
661
|
) : "");
|
|
665
662
|
} else if (eachField.element === "button") {
|
|
666
|
-
return /* @__PURE__ */
|
|
663
|
+
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(
|
|
667
664
|
"p",
|
|
668
665
|
{
|
|
669
666
|
style: {
|
|
@@ -683,7 +680,7 @@ var ModelBody = (props) => {
|
|
|
683
680
|
// src/Components/Model.tsx
|
|
684
681
|
var ModelElement = (props) => {
|
|
685
682
|
const { model, onCancel, selectedRecord, columns } = props;
|
|
686
|
-
return /* @__PURE__ */
|
|
683
|
+
return /* @__PURE__ */ import_react20.default.createElement(
|
|
687
684
|
import_antd13.Modal,
|
|
688
685
|
{
|
|
689
686
|
centered: true,
|
|
@@ -691,7 +688,7 @@ var ModelElement = (props) => {
|
|
|
691
688
|
onCancel,
|
|
692
689
|
footer: null,
|
|
693
690
|
width: 850,
|
|
694
|
-
title: /* @__PURE__ */
|
|
691
|
+
title: /* @__PURE__ */ import_react20.default.createElement(
|
|
695
692
|
"div",
|
|
696
693
|
{
|
|
697
694
|
style: {
|
|
@@ -704,7 +701,7 @@ var ModelElement = (props) => {
|
|
|
704
701
|
},
|
|
705
702
|
columns.map((eachColumn) => {
|
|
706
703
|
if (!["index", "View"].includes(eachColumn.key) && eachColumn?.["is_detail"] !== false) {
|
|
707
|
-
return /* @__PURE__ */
|
|
704
|
+
return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ import_react20.default.createElement(
|
|
708
705
|
"span",
|
|
709
706
|
{
|
|
710
707
|
style: {
|
|
@@ -721,20 +718,20 @@ var ModelElement = (props) => {
|
|
|
721
718
|
})
|
|
722
719
|
)
|
|
723
720
|
},
|
|
724
|
-
/* @__PURE__ */
|
|
721
|
+
/* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
|
|
725
722
|
);
|
|
726
723
|
};
|
|
727
724
|
|
|
728
725
|
// src/Components/TableElement.tsx
|
|
729
|
-
var
|
|
726
|
+
var import_icons5 = require("@ant-design/icons");
|
|
730
727
|
var TableElement = (props) => {
|
|
731
728
|
const { thead, tbody } = props;
|
|
732
|
-
const [selectedRecord, setSelectedRecord] = (0,
|
|
733
|
-
const [model, setModel] = (0,
|
|
734
|
-
const [dataSource, setDataSource] = (0,
|
|
729
|
+
const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
|
|
730
|
+
const [model, setModel] = (0, import_react21.useState)(false);
|
|
731
|
+
const [dataSource, setDataSource] = (0, import_react21.useState)([]);
|
|
735
732
|
console.log(props.value);
|
|
736
733
|
const defaultVal = props.value;
|
|
737
|
-
(0,
|
|
734
|
+
(0, import_react21.useEffect)(() => {
|
|
738
735
|
if (tbody) {
|
|
739
736
|
setDataSource(
|
|
740
737
|
tbody.map((row, index) => ({
|
|
@@ -784,7 +781,7 @@ var TableElement = (props) => {
|
|
|
784
781
|
dataIndex: "View",
|
|
785
782
|
key: "View",
|
|
786
783
|
render: (_, record) => {
|
|
787
|
-
return /* @__PURE__ */
|
|
784
|
+
return /* @__PURE__ */ import_react21.default.createElement(
|
|
788
785
|
"a",
|
|
789
786
|
{
|
|
790
787
|
onClick: () => {
|
|
@@ -795,7 +792,7 @@ var TableElement = (props) => {
|
|
|
795
792
|
}
|
|
796
793
|
}
|
|
797
794
|
},
|
|
798
|
-
/* @__PURE__ */
|
|
795
|
+
/* @__PURE__ */ import_react21.default.createElement(import_icons5.EyeOutlined, null)
|
|
799
796
|
);
|
|
800
797
|
}
|
|
801
798
|
});
|
|
@@ -828,7 +825,7 @@ var TableElement = (props) => {
|
|
|
828
825
|
}
|
|
829
826
|
}
|
|
830
827
|
} : void 0;
|
|
831
|
-
return /* @__PURE__ */
|
|
828
|
+
return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
|
|
832
829
|
import_antd14.Table,
|
|
833
830
|
{
|
|
834
831
|
loading: props.loading,
|
|
@@ -859,7 +856,7 @@ var TableElement = (props) => {
|
|
|
859
856
|
bordered: true,
|
|
860
857
|
onChange: onChangeTable
|
|
861
858
|
}
|
|
862
|
-
), model && /* @__PURE__ */
|
|
859
|
+
), model && /* @__PURE__ */ import_react21.default.createElement(
|
|
863
860
|
ModelElement,
|
|
864
861
|
{
|
|
865
862
|
selectedRecord,
|
|
@@ -872,14 +869,14 @@ var TableElement = (props) => {
|
|
|
872
869
|
};
|
|
873
870
|
|
|
874
871
|
// src/Components/DatePicker.tsx
|
|
875
|
-
var
|
|
872
|
+
var import_react22 = __toESM(require("react"));
|
|
876
873
|
var import_antd15 = require("antd");
|
|
877
874
|
var import_dayjs = __toESM(require("dayjs"));
|
|
878
875
|
var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"));
|
|
879
876
|
var import_moment2 = __toESM(require("moment"));
|
|
880
877
|
import_dayjs.default.extend(import_customParseFormat.default);
|
|
881
878
|
var DatePickerElement = (props) => {
|
|
882
|
-
const [dateState, setDateState] = (0,
|
|
879
|
+
const [dateState, setDateState] = (0, import_react22.useState)("");
|
|
883
880
|
const handleChange = (date, dateString) => {
|
|
884
881
|
if (date) {
|
|
885
882
|
const formattedDate = dateString;
|
|
@@ -897,7 +894,7 @@ var DatePickerElement = (props) => {
|
|
|
897
894
|
const disabledDate = (current) => {
|
|
898
895
|
return current && current > (0, import_moment2.default)();
|
|
899
896
|
};
|
|
900
|
-
return /* @__PURE__ */
|
|
897
|
+
return /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement(
|
|
901
898
|
import_antd15.DatePicker,
|
|
902
899
|
{
|
|
903
900
|
disabledDate,
|
|
@@ -910,7 +907,7 @@ var DatePickerElement = (props) => {
|
|
|
910
907
|
};
|
|
911
908
|
|
|
912
909
|
// src/Components/DateRangePickerElement.tsx
|
|
913
|
-
var
|
|
910
|
+
var import_react23 = __toESM(require("react"));
|
|
914
911
|
var import_antd16 = require("antd");
|
|
915
912
|
var import_dayjs2 = __toESM(require("dayjs"));
|
|
916
913
|
var import_moment3 = __toESM(require("moment"));
|
|
@@ -933,7 +930,7 @@ var DateRangePickerElement = (props) => {
|
|
|
933
930
|
const disabledDate = (current) => {
|
|
934
931
|
return current && current > (0, import_moment3.default)();
|
|
935
932
|
};
|
|
936
|
-
return /* @__PURE__ */
|
|
933
|
+
return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(
|
|
937
934
|
RangePicker,
|
|
938
935
|
{
|
|
939
936
|
disabledDate,
|
|
@@ -946,13 +943,13 @@ var DateRangePickerElement = (props) => {
|
|
|
946
943
|
};
|
|
947
944
|
|
|
948
945
|
// src/Components/Image.tsx
|
|
949
|
-
var
|
|
946
|
+
var import_react24 = __toESM(require("react"));
|
|
950
947
|
var Image = (props) => {
|
|
951
|
-
return /* @__PURE__ */
|
|
948
|
+
return /* @__PURE__ */ import_react24.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
|
|
952
949
|
};
|
|
953
950
|
|
|
954
951
|
// src/Components/SingleCheckbox.tsx
|
|
955
|
-
var
|
|
952
|
+
var import_react25 = __toESM(require("react"));
|
|
956
953
|
var import_antd17 = require("antd");
|
|
957
954
|
var SingleCheckbox = (props) => {
|
|
958
955
|
const handleChange = (e) => {
|
|
@@ -960,14 +957,14 @@ var SingleCheckbox = (props) => {
|
|
|
960
957
|
props.onChange(e.target.checked);
|
|
961
958
|
}
|
|
962
959
|
};
|
|
963
|
-
return /* @__PURE__ */
|
|
960
|
+
return /* @__PURE__ */ import_react25.default.createElement(import_antd17.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
|
|
964
961
|
};
|
|
965
962
|
|
|
966
963
|
// src/Components/DropDownGroup.tsx
|
|
967
|
-
var
|
|
964
|
+
var import_react26 = __toESM(require("react"));
|
|
968
965
|
var import_antd18 = require("antd");
|
|
969
966
|
var DropDownGroup = (props) => {
|
|
970
|
-
const [selectedValue, setSelectedValue] = (0,
|
|
967
|
+
const [selectedValue, setSelectedValue] = (0, import_react26.useState)({
|
|
971
968
|
firstValue: {},
|
|
972
969
|
secondValue: {},
|
|
973
970
|
temp: ""
|
|
@@ -999,7 +996,7 @@ var DropDownGroup = (props) => {
|
|
|
999
996
|
return newValue;
|
|
1000
997
|
});
|
|
1001
998
|
};
|
|
1002
|
-
return /* @__PURE__ */
|
|
999
|
+
return /* @__PURE__ */ import_react26.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react26.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react26.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react26.default.createElement(
|
|
1003
1000
|
import_antd18.Select,
|
|
1004
1001
|
{
|
|
1005
1002
|
onChange: handleFirstChange,
|
|
@@ -1007,7 +1004,7 @@ var DropDownGroup = (props) => {
|
|
|
1007
1004
|
options: props.firstOptions,
|
|
1008
1005
|
className: props.className
|
|
1009
1006
|
}
|
|
1010
|
-
), /* @__PURE__ */
|
|
1007
|
+
), /* @__PURE__ */ import_react26.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react26.default.createElement(
|
|
1011
1008
|
import_antd18.Select,
|
|
1012
1009
|
{
|
|
1013
1010
|
onChange: handleSecondChange,
|
|
@@ -1019,12 +1016,12 @@ var DropDownGroup = (props) => {
|
|
|
1019
1016
|
};
|
|
1020
1017
|
|
|
1021
1018
|
// src/Components/FilesUpload.tsx
|
|
1022
|
-
var
|
|
1019
|
+
var import_react27 = __toESM(require("react"));
|
|
1023
1020
|
var import_antd19 = require("antd");
|
|
1024
|
-
var
|
|
1021
|
+
var import_icons6 = require("@ant-design/icons");
|
|
1025
1022
|
var FileUpload = (props) => {
|
|
1026
1023
|
const { Dragger } = import_antd19.Upload;
|
|
1027
|
-
const [files, setFiles] = (0,
|
|
1024
|
+
const [files, setFiles] = (0, import_react27.useState)([]);
|
|
1028
1025
|
const handleChange = ({ fileList }) => {
|
|
1029
1026
|
setFiles(fileList);
|
|
1030
1027
|
if (props.onChange) {
|
|
@@ -1039,7 +1036,7 @@ var FileUpload = (props) => {
|
|
|
1039
1036
|
onSuccess("ok");
|
|
1040
1037
|
}, 0);
|
|
1041
1038
|
};
|
|
1042
|
-
return /* @__PURE__ */
|
|
1039
|
+
return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement(
|
|
1043
1040
|
Dragger,
|
|
1044
1041
|
{
|
|
1045
1042
|
action: "",
|
|
@@ -1052,13 +1049,13 @@ var FileUpload = (props) => {
|
|
|
1052
1049
|
showUploadList: true,
|
|
1053
1050
|
customRequest
|
|
1054
1051
|
},
|
|
1055
|
-
/* @__PURE__ */
|
|
1056
|
-
/* @__PURE__ */
|
|
1052
|
+
/* @__PURE__ */ import_react27.default.createElement("p", null, /* @__PURE__ */ import_react27.default.createElement(import_icons6.InboxOutlined, null)),
|
|
1053
|
+
/* @__PURE__ */ import_react27.default.createElement("p", null, "Click or drag file to upload")
|
|
1057
1054
|
));
|
|
1058
1055
|
};
|
|
1059
1056
|
|
|
1060
1057
|
// src/Components/TabsElement.tsx
|
|
1061
|
-
var
|
|
1058
|
+
var import_react28 = __toESM(require("react"));
|
|
1062
1059
|
var import_antd20 = require("antd");
|
|
1063
1060
|
var TabsElement = (props) => {
|
|
1064
1061
|
const handleChange = (key) => {
|
|
@@ -1066,21 +1063,21 @@ var TabsElement = (props) => {
|
|
|
1066
1063
|
props.onChange(props.options?.find((eachOption) => eachOption.key === key));
|
|
1067
1064
|
}
|
|
1068
1065
|
};
|
|
1069
|
-
return /* @__PURE__ */
|
|
1066
|
+
return /* @__PURE__ */ import_react28.default.createElement(import_antd20.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
|
|
1070
1067
|
};
|
|
1071
1068
|
|
|
1072
1069
|
// src/Components/SwitchElement.tsx
|
|
1073
|
-
var
|
|
1070
|
+
var import_react29 = __toESM(require("react"));
|
|
1074
1071
|
var import_antd21 = require("antd");
|
|
1075
1072
|
var onChange = (checked) => {
|
|
1076
1073
|
console.log(`switch to ${checked}`);
|
|
1077
1074
|
};
|
|
1078
|
-
var SwitchElement = () => /* @__PURE__ */
|
|
1075
|
+
var SwitchElement = () => /* @__PURE__ */ import_react29.default.createElement(import_antd21.Switch, { defaultChecked: true, onChange });
|
|
1079
1076
|
|
|
1080
1077
|
// src/Components/Upload.tsx
|
|
1081
|
-
var
|
|
1078
|
+
var import_react30 = __toESM(require("react"));
|
|
1082
1079
|
var Upload2 = (props) => {
|
|
1083
|
-
const [file, setFile] = (0,
|
|
1080
|
+
const [file, setFile] = (0, import_react30.useState)();
|
|
1084
1081
|
const handleFileChange = (e) => {
|
|
1085
1082
|
setFile(e.target.files[0]);
|
|
1086
1083
|
if (props.onChange) {
|
|
@@ -1093,7 +1090,7 @@ var Upload2 = (props) => {
|
|
|
1093
1090
|
return;
|
|
1094
1091
|
}
|
|
1095
1092
|
};
|
|
1096
|
-
return /* @__PURE__ */
|
|
1093
|
+
return /* @__PURE__ */ import_react30.default.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ import_react30.default.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ import_react30.default.createElement(
|
|
1097
1094
|
"button",
|
|
1098
1095
|
{
|
|
1099
1096
|
type: "button",
|
|
@@ -1106,12 +1103,12 @@ var Upload2 = (props) => {
|
|
|
1106
1103
|
};
|
|
1107
1104
|
|
|
1108
1105
|
// src/Components/OtpElement.tsx
|
|
1109
|
-
var
|
|
1106
|
+
var import_react31 = __toESM(require("react"));
|
|
1110
1107
|
var import_antd22 = require("antd");
|
|
1111
1108
|
var OtpElement = (props) => {
|
|
1112
1109
|
const length = props.length;
|
|
1113
|
-
const [otp, setOtp] = (0,
|
|
1114
|
-
const inputRefs = (0,
|
|
1110
|
+
const [otp, setOtp] = (0, import_react31.useState)(Array(length).fill(""));
|
|
1111
|
+
const inputRefs = (0, import_react31.useRef)([]);
|
|
1115
1112
|
const handleChange = (e, index) => {
|
|
1116
1113
|
const value = e.target.value;
|
|
1117
1114
|
if (/^[0-9]$/.test(value) || value === "") {
|
|
@@ -1143,10 +1140,10 @@ var OtpElement = (props) => {
|
|
|
1143
1140
|
});
|
|
1144
1141
|
}
|
|
1145
1142
|
};
|
|
1146
|
-
(0,
|
|
1143
|
+
(0, import_react31.useEffect)(() => {
|
|
1147
1144
|
inputRefs.current[0]?.focus();
|
|
1148
1145
|
}, []);
|
|
1149
|
-
return /* @__PURE__ */
|
|
1146
|
+
return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react31.default.createElement(
|
|
1150
1147
|
import_antd22.Input,
|
|
1151
1148
|
{
|
|
1152
1149
|
key: index,
|
|
@@ -1162,7 +1159,7 @@ var OtpElement = (props) => {
|
|
|
1162
1159
|
};
|
|
1163
1160
|
|
|
1164
1161
|
// src/Components/CircleDonut.tsx
|
|
1165
|
-
var
|
|
1162
|
+
var import_react32 = __toESM(require("react"));
|
|
1166
1163
|
var import_react_chartjs_2 = require("react-chartjs-2");
|
|
1167
1164
|
var import_chart = require("chart.js");
|
|
1168
1165
|
import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
|
|
@@ -1239,11 +1236,11 @@ var CircleDonut = (props) => {
|
|
|
1239
1236
|
ctx.restore();
|
|
1240
1237
|
}
|
|
1241
1238
|
};
|
|
1242
|
-
return /* @__PURE__ */
|
|
1239
|
+
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_2.Doughnut, { data, options, plugins: [centerTextPlugin] }));
|
|
1243
1240
|
};
|
|
1244
1241
|
|
|
1245
1242
|
// src/Components/SemiCircleDonut.tsx
|
|
1246
|
-
var
|
|
1243
|
+
var import_react33 = __toESM(require("react"));
|
|
1247
1244
|
var import_react_chartjs_22 = require("react-chartjs-2");
|
|
1248
1245
|
var import_chart2 = require("chart.js");
|
|
1249
1246
|
import_chart2.Chart.register(import_chart2.DoughnutController, import_chart2.ArcElement, import_chart2.Tooltip, import_chart2.Legend);
|
|
@@ -1320,11 +1317,11 @@ var SemiCircleDonut = (props) => {
|
|
|
1320
1317
|
ctx.restore();
|
|
1321
1318
|
}
|
|
1322
1319
|
};
|
|
1323
|
-
return /* @__PURE__ */
|
|
1320
|
+
return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react33.default.createElement(import_react_chartjs_22.Doughnut, { data, options, plugins: [centerTextPlugin] }));
|
|
1324
1321
|
};
|
|
1325
1322
|
|
|
1326
1323
|
// src/Components/HorizontalBarChart.tsx
|
|
1327
|
-
var
|
|
1324
|
+
var import_react34 = __toESM(require("react"));
|
|
1328
1325
|
var import_react_chartjs_23 = require("react-chartjs-2");
|
|
1329
1326
|
var import_chart3 = require("chart.js");
|
|
1330
1327
|
import_chart3.Chart.register(import_chart3.BarElement, import_chart3.CategoryScale, import_chart3.LinearScale, import_chart3.Tooltip);
|
|
@@ -1373,22 +1370,22 @@ var HorizontalBarChart = (props) => {
|
|
|
1373
1370
|
}
|
|
1374
1371
|
}
|
|
1375
1372
|
};
|
|
1376
|
-
return /* @__PURE__ */
|
|
1373
|
+
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(import_react_chartjs_23.Bar, { data, options }));
|
|
1377
1374
|
};
|
|
1378
1375
|
|
|
1379
1376
|
// src/Components/LineChart.tsx
|
|
1380
|
-
var
|
|
1377
|
+
var import_react35 = __toESM(require("react"));
|
|
1381
1378
|
var import_auto = __toESM(require("chart.js/auto"));
|
|
1382
1379
|
var LineChart = (props) => {
|
|
1383
|
-
const chartRef = (0,
|
|
1384
|
-
const chartInstance = (0,
|
|
1380
|
+
const chartRef = (0, import_react35.useRef)(null);
|
|
1381
|
+
const chartInstance = (0, import_react35.useRef)(null);
|
|
1385
1382
|
const data = [
|
|
1386
1383
|
{ label: "ROI", data: [10, 13, 20, 15, 10] },
|
|
1387
1384
|
{ label: "Engagement Rate", data: [20, 23, 30, 28, 20] },
|
|
1388
1385
|
{ label: "Conversion Rate", data: [50, 100, 150, 180, 50] }
|
|
1389
1386
|
];
|
|
1390
1387
|
const labels = ["Instagram", "Whatsapp", "Messages", "Telegram", "Linkedin"];
|
|
1391
|
-
(0,
|
|
1388
|
+
(0, import_react35.useEffect)(() => {
|
|
1392
1389
|
if (chartRef.current) {
|
|
1393
1390
|
if (chartInstance.current) {
|
|
1394
1391
|
chartInstance.current.destroy();
|
|
@@ -1446,16 +1443,16 @@ var LineChart = (props) => {
|
|
|
1446
1443
|
}
|
|
1447
1444
|
};
|
|
1448
1445
|
}, [labels, data]);
|
|
1449
|
-
return /* @__PURE__ */
|
|
1446
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react35.default.createElement("canvas", { ref: chartRef }));
|
|
1450
1447
|
};
|
|
1451
1448
|
|
|
1452
1449
|
// src/Components/DoubleBarChart.tsx
|
|
1453
|
-
var
|
|
1450
|
+
var import_react36 = __toESM(require("react"));
|
|
1454
1451
|
var import_auto2 = __toESM(require("chart.js/auto"));
|
|
1455
1452
|
var DoubleBarChart = (props) => {
|
|
1456
|
-
const chartRef = (0,
|
|
1457
|
-
const chartInstance = (0,
|
|
1458
|
-
(0,
|
|
1453
|
+
const chartRef = (0, import_react36.useRef)(null);
|
|
1454
|
+
const chartInstance = (0, import_react36.useRef)(null);
|
|
1455
|
+
(0, import_react36.useEffect)(() => {
|
|
1459
1456
|
if (chartRef.current) {
|
|
1460
1457
|
if (chartInstance.current) {
|
|
1461
1458
|
chartInstance.current.destroy();
|
|
@@ -1524,11 +1521,11 @@ var DoubleBarChart = (props) => {
|
|
|
1524
1521
|
}
|
|
1525
1522
|
};
|
|
1526
1523
|
}, []);
|
|
1527
|
-
return /* @__PURE__ */
|
|
1524
|
+
return /* @__PURE__ */ import_react36.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react36.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react36.default.createElement("canvas", { ref: chartRef }));
|
|
1528
1525
|
};
|
|
1529
1526
|
|
|
1530
1527
|
// src/Components/BarChart.tsx
|
|
1531
|
-
var
|
|
1528
|
+
var import_react37 = __toESM(require("react"));
|
|
1532
1529
|
var import_react_chartjs_24 = require("react-chartjs-2");
|
|
1533
1530
|
var import_chart4 = require("chart.js");
|
|
1534
1531
|
import_chart4.Chart.register(import_chart4.BarElement, import_chart4.CategoryScale, import_chart4.LinearScale, import_chart4.Tooltip);
|
|
@@ -1590,7 +1587,7 @@ var BarChart = (props) => {
|
|
|
1590
1587
|
}
|
|
1591
1588
|
}
|
|
1592
1589
|
};
|
|
1593
|
-
return /* @__PURE__ */
|
|
1590
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react37.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react37.default.createElement(import_react_chartjs_24.Bar, { data, options }));
|
|
1594
1591
|
};
|
|
1595
1592
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1596
1593
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -316,11 +316,19 @@ var MultipleSelectElement = (props) => {
|
|
|
316
316
|
};
|
|
317
317
|
|
|
318
318
|
// src/Components/Button.tsx
|
|
319
|
+
import React12 from "react";
|
|
320
|
+
|
|
321
|
+
// src/constants/icons.tsx
|
|
319
322
|
import React11 from "react";
|
|
323
|
+
var icons = {
|
|
324
|
+
download: /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React11.createElement("path", { d: "M18.4602 4.67108H6.6883C5.5994 4.67108 4.72632 5.55397 4.72632 6.63306V20.3669C4.72632 21.446 5.5994 22.3289 6.6883 22.3289H20.4222C21.5013 22.3289 22.3842 21.446 22.3842 20.3669V8.59505L18.4602 4.67108ZM13.5552 20.3669C11.9268 20.3669 10.6123 19.0524 10.6123 17.424C10.6123 15.7955 11.9268 14.481 13.5552 14.481C15.1837 14.481 16.4982 15.7955 16.4982 17.424C16.4982 19.0524 15.1837 20.3669 13.5552 20.3669ZM16.4982 10.557H6.6883V6.63306H16.4982V10.557Z", fill: "#A3A3A3" }))
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
// src/Components/Button.tsx
|
|
320
328
|
var ButtonElement = (props) => {
|
|
321
329
|
const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
|
|
322
330
|
console.log(textColorClass);
|
|
323
|
-
return /* @__PURE__ */
|
|
331
|
+
return /* @__PURE__ */ React12.createElement(
|
|
324
332
|
"button",
|
|
325
333
|
{
|
|
326
334
|
onClick: props.onClick,
|
|
@@ -330,24 +338,13 @@ var ButtonElement = (props) => {
|
|
|
330
338
|
cursor: props.loading ? "no-drop" : "pointer"
|
|
331
339
|
}
|
|
332
340
|
},
|
|
333
|
-
|
|
334
|
-
/* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ React11.createElement(
|
|
335
|
-
"span",
|
|
336
|
-
{
|
|
337
|
-
className: props.iconsClassName,
|
|
338
|
-
dangerouslySetInnerHTML: { __html: props.icon || "" }
|
|
339
|
-
}
|
|
340
|
-
), /* @__PURE__ */ React11.createElement("style", null, `.${props.iconsClassName} path {
|
|
341
|
-
fill: ${textColorClass};
|
|
342
|
-
}`, `.${props.iconsClassName}:hover path {
|
|
343
|
-
filter: brightness(0) invert(1);
|
|
344
|
-
}`)),
|
|
341
|
+
icons.download,
|
|
345
342
|
props.label
|
|
346
343
|
);
|
|
347
344
|
};
|
|
348
345
|
|
|
349
346
|
// src/Components/AddMoreTable.tsx
|
|
350
|
-
import
|
|
347
|
+
import React13, { useEffect, useState as useState4 } from "react";
|
|
351
348
|
import { Table, Button } from "antd";
|
|
352
349
|
import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
|
|
353
350
|
var AddMoreTable = (props) => {
|
|
@@ -424,9 +421,9 @@ var AddMoreTable = (props) => {
|
|
|
424
421
|
if (!element) return null;
|
|
425
422
|
const { element: type, label } = element;
|
|
426
423
|
if (type === "single-select") {
|
|
427
|
-
return /* @__PURE__ */
|
|
424
|
+
return /* @__PURE__ */ React13.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
|
|
428
425
|
} else if (type === "textarea") {
|
|
429
|
-
return /* @__PURE__ */
|
|
426
|
+
return /* @__PURE__ */ React13.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
|
|
430
427
|
} else {
|
|
431
428
|
return null;
|
|
432
429
|
}
|
|
@@ -443,13 +440,13 @@ var AddMoreTable = (props) => {
|
|
|
443
440
|
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
444
441
|
Object.keys(variable).forEach((key) => {
|
|
445
442
|
if (key === "SubRows") {
|
|
446
|
-
rowData[`${key}`] = /* @__PURE__ */
|
|
443
|
+
rowData[`${key}`] = /* @__PURE__ */ React13.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ React13.createElement(Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ React13.createElement(DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ React13.createElement(Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ React13.createElement(PlusOutlined, null)));
|
|
447
444
|
} else {
|
|
448
445
|
rowData[`${key}`] = renderInputElement(variable[key]);
|
|
449
446
|
}
|
|
450
447
|
});
|
|
451
448
|
});
|
|
452
|
-
rowData.actions = /* @__PURE__ */
|
|
449
|
+
rowData.actions = /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement(Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ React13.createElement(DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ React13.createElement(Button, { onClick: onHandleRows }, /* @__PURE__ */ React13.createElement(PlusOutlined, null)));
|
|
453
450
|
console.log("=====rowdata", rowData);
|
|
454
451
|
return rowData;
|
|
455
452
|
});
|
|
@@ -465,7 +462,7 @@ var AddMoreTable = (props) => {
|
|
|
465
462
|
key: "actions"
|
|
466
463
|
});
|
|
467
464
|
}
|
|
468
|
-
return /* @__PURE__ */
|
|
465
|
+
return /* @__PURE__ */ React13.createElement(
|
|
469
466
|
Table,
|
|
470
467
|
{
|
|
471
468
|
columns,
|
|
@@ -477,15 +474,15 @@ var AddMoreTable = (props) => {
|
|
|
477
474
|
};
|
|
478
475
|
|
|
479
476
|
// src/Components/Sidebar.tsx
|
|
480
|
-
import
|
|
477
|
+
import React14 from "react";
|
|
481
478
|
var Sidebar = (props) => {
|
|
482
479
|
const handleChange = (item) => {
|
|
483
480
|
if (props.onChange) {
|
|
484
481
|
props.onChange(item);
|
|
485
482
|
}
|
|
486
483
|
};
|
|
487
|
-
return /* @__PURE__ */
|
|
488
|
-
return /* @__PURE__ */
|
|
484
|
+
return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: props.name }, /* @__PURE__ */ React14.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ React14.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ React14.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
|
|
485
|
+
return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: item.label }, /* @__PURE__ */ React14.createElement(
|
|
489
486
|
ButtonElement,
|
|
490
487
|
{
|
|
491
488
|
...item,
|
|
@@ -501,29 +498,29 @@ var Sidebar = (props) => {
|
|
|
501
498
|
};
|
|
502
499
|
|
|
503
500
|
// src/Components/Navbar.tsx
|
|
504
|
-
import
|
|
501
|
+
import React18 from "react";
|
|
505
502
|
|
|
506
503
|
// src/Components/Notification.tsx
|
|
507
|
-
import
|
|
504
|
+
import React15 from "react";
|
|
508
505
|
import { Popover, Badge, Button as Button2, Avatar, List } from "antd";
|
|
509
506
|
import { IoIosNotifications } from "react-icons/io";
|
|
510
507
|
var popoverContentStyle = {
|
|
511
508
|
minWidth: "300px",
|
|
512
509
|
maxWidth: "100%"
|
|
513
510
|
};
|
|
514
|
-
var Notification = (props) => /* @__PURE__ */
|
|
511
|
+
var Notification = (props) => /* @__PURE__ */ React15.createElement(
|
|
515
512
|
Popover,
|
|
516
513
|
{
|
|
517
514
|
className: props.className,
|
|
518
|
-
content: /* @__PURE__ */
|
|
515
|
+
content: /* @__PURE__ */ React15.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ React15.createElement(
|
|
519
516
|
List,
|
|
520
517
|
{
|
|
521
518
|
itemLayout: "horizontal",
|
|
522
519
|
dataSource: props.items,
|
|
523
|
-
renderItem: (item, index) => /* @__PURE__ */
|
|
520
|
+
renderItem: (item, index) => /* @__PURE__ */ React15.createElement(List.Item, { key: item.text }, /* @__PURE__ */ React15.createElement(
|
|
524
521
|
List.Item.Meta,
|
|
525
522
|
{
|
|
526
|
-
avatar: /* @__PURE__ */
|
|
523
|
+
avatar: /* @__PURE__ */ React15.createElement(Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
|
|
527
524
|
title: item.text,
|
|
528
525
|
description: item.time
|
|
529
526
|
}
|
|
@@ -533,49 +530,49 @@ var Notification = (props) => /* @__PURE__ */ React14.createElement(
|
|
|
533
530
|
trigger: "focus",
|
|
534
531
|
placement: "bottomRight"
|
|
535
532
|
},
|
|
536
|
-
/* @__PURE__ */
|
|
533
|
+
/* @__PURE__ */ React15.createElement(Button2, { className: props.buttonClassName }, /* @__PURE__ */ React15.createElement(Badge, { size: "small", count: props.count }, /* @__PURE__ */ React15.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ React15.createElement(IoIosNotifications, null))))
|
|
537
534
|
);
|
|
538
535
|
|
|
539
536
|
// src/Components/SpanElement.tsx
|
|
540
|
-
import
|
|
541
|
-
var SpanElement = (props) => /* @__PURE__ */
|
|
537
|
+
import React16 from "react";
|
|
538
|
+
var SpanElement = (props) => /* @__PURE__ */ React16.createElement("span", { className: props.className }, props.label);
|
|
542
539
|
|
|
543
540
|
// src/Components/Profile.tsx
|
|
544
|
-
import
|
|
541
|
+
import React17 from "react";
|
|
545
542
|
import { Avatar as Avatar2 } from "antd";
|
|
546
543
|
import { UserOutlined } from "@ant-design/icons";
|
|
547
|
-
var Profile = (props) => /* @__PURE__ */
|
|
544
|
+
var Profile = (props) => /* @__PURE__ */ React17.createElement("div", { className: props.className }, /* @__PURE__ */ React17.createElement(Avatar2, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ React17.createElement(UserOutlined, null) }), /* @__PURE__ */ React17.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ React17.createElement("p", null, props.primaryText), /* @__PURE__ */ React17.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
|
|
548
545
|
|
|
549
546
|
// src/Components/Navbar.tsx
|
|
550
547
|
var Navbar = (props) => {
|
|
551
|
-
return /* @__PURE__ */
|
|
548
|
+
return /* @__PURE__ */ React18.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
|
|
552
549
|
if (item.element === "span") {
|
|
553
|
-
return /* @__PURE__ */
|
|
550
|
+
return /* @__PURE__ */ React18.createElement(SpanElement, { ...item });
|
|
554
551
|
} else if (item.element === "notifications") {
|
|
555
|
-
return /* @__PURE__ */
|
|
552
|
+
return /* @__PURE__ */ React18.createElement(Notification, { ...item });
|
|
556
553
|
} else if (item.name === "profile") {
|
|
557
|
-
return /* @__PURE__ */
|
|
554
|
+
return /* @__PURE__ */ React18.createElement(Profile, { ...item });
|
|
558
555
|
}
|
|
559
556
|
return null;
|
|
560
557
|
}));
|
|
561
558
|
};
|
|
562
559
|
|
|
563
560
|
// src/Components/TableElement.tsx
|
|
564
|
-
import
|
|
561
|
+
import React21, { useState as useState5, useEffect as useEffect2 } from "react";
|
|
565
562
|
import { Table as Table2 } from "antd";
|
|
566
563
|
|
|
567
564
|
// src/Components/Model.tsx
|
|
568
|
-
import
|
|
565
|
+
import React20 from "react";
|
|
569
566
|
import { Modal } from "antd";
|
|
570
567
|
|
|
571
568
|
// src/Components/ModelBody.tsx
|
|
572
|
-
import
|
|
569
|
+
import React19 from "react";
|
|
573
570
|
import moment from "moment";
|
|
574
571
|
var ModelBody = (props) => {
|
|
575
|
-
return /* @__PURE__ */
|
|
572
|
+
return /* @__PURE__ */ React19.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
|
|
576
573
|
(eachField) => {
|
|
577
574
|
if (eachField.element === "div") {
|
|
578
|
-
return /* @__PURE__ */
|
|
575
|
+
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
|
|
579
576
|
"p",
|
|
580
577
|
{
|
|
581
578
|
style: {
|
|
@@ -586,7 +583,7 @@ var ModelBody = (props) => {
|
|
|
586
583
|
moment(eachField.dateTime).format("LT")
|
|
587
584
|
) : "");
|
|
588
585
|
} else if (eachField.element === "input-radio") {
|
|
589
|
-
return /* @__PURE__ */
|
|
586
|
+
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, /* @__PURE__ */ React19.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
|
|
590
587
|
"p",
|
|
591
588
|
{
|
|
592
589
|
style: {
|
|
@@ -597,7 +594,7 @@ var ModelBody = (props) => {
|
|
|
597
594
|
moment(eachField.dateTime).format("LT")
|
|
598
595
|
) : "");
|
|
599
596
|
} else if (eachField.element === "button") {
|
|
600
|
-
return /* @__PURE__ */
|
|
597
|
+
return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, /* @__PURE__ */ React19.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
|
|
601
598
|
"p",
|
|
602
599
|
{
|
|
603
600
|
style: {
|
|
@@ -617,7 +614,7 @@ var ModelBody = (props) => {
|
|
|
617
614
|
// src/Components/Model.tsx
|
|
618
615
|
var ModelElement = (props) => {
|
|
619
616
|
const { model, onCancel, selectedRecord, columns } = props;
|
|
620
|
-
return /* @__PURE__ */
|
|
617
|
+
return /* @__PURE__ */ React20.createElement(
|
|
621
618
|
Modal,
|
|
622
619
|
{
|
|
623
620
|
centered: true,
|
|
@@ -625,7 +622,7 @@ var ModelElement = (props) => {
|
|
|
625
622
|
onCancel,
|
|
626
623
|
footer: null,
|
|
627
624
|
width: 850,
|
|
628
|
-
title: /* @__PURE__ */
|
|
625
|
+
title: /* @__PURE__ */ React20.createElement(
|
|
629
626
|
"div",
|
|
630
627
|
{
|
|
631
628
|
style: {
|
|
@@ -638,7 +635,7 @@ var ModelElement = (props) => {
|
|
|
638
635
|
},
|
|
639
636
|
columns.map((eachColumn) => {
|
|
640
637
|
if (!["index", "View"].includes(eachColumn.key) && eachColumn?.["is_detail"] !== false) {
|
|
641
|
-
return /* @__PURE__ */
|
|
638
|
+
return /* @__PURE__ */ React20.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ React20.createElement(
|
|
642
639
|
"span",
|
|
643
640
|
{
|
|
644
641
|
style: {
|
|
@@ -655,7 +652,7 @@ var ModelElement = (props) => {
|
|
|
655
652
|
})
|
|
656
653
|
)
|
|
657
654
|
},
|
|
658
|
-
/* @__PURE__ */
|
|
655
|
+
/* @__PURE__ */ React20.createElement(ModelBody, { ...props })
|
|
659
656
|
);
|
|
660
657
|
};
|
|
661
658
|
|
|
@@ -718,7 +715,7 @@ var TableElement = (props) => {
|
|
|
718
715
|
dataIndex: "View",
|
|
719
716
|
key: "View",
|
|
720
717
|
render: (_, record) => {
|
|
721
|
-
return /* @__PURE__ */
|
|
718
|
+
return /* @__PURE__ */ React21.createElement(
|
|
722
719
|
"a",
|
|
723
720
|
{
|
|
724
721
|
onClick: () => {
|
|
@@ -729,7 +726,7 @@ var TableElement = (props) => {
|
|
|
729
726
|
}
|
|
730
727
|
}
|
|
731
728
|
},
|
|
732
|
-
/* @__PURE__ */
|
|
729
|
+
/* @__PURE__ */ React21.createElement(EyeOutlined, null)
|
|
733
730
|
);
|
|
734
731
|
}
|
|
735
732
|
});
|
|
@@ -762,7 +759,7 @@ var TableElement = (props) => {
|
|
|
762
759
|
}
|
|
763
760
|
}
|
|
764
761
|
} : void 0;
|
|
765
|
-
return /* @__PURE__ */
|
|
762
|
+
return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
|
|
766
763
|
Table2,
|
|
767
764
|
{
|
|
768
765
|
loading: props.loading,
|
|
@@ -793,7 +790,7 @@ var TableElement = (props) => {
|
|
|
793
790
|
bordered: true,
|
|
794
791
|
onChange: onChangeTable
|
|
795
792
|
}
|
|
796
|
-
), model && /* @__PURE__ */
|
|
793
|
+
), model && /* @__PURE__ */ React21.createElement(
|
|
797
794
|
ModelElement,
|
|
798
795
|
{
|
|
799
796
|
selectedRecord,
|
|
@@ -806,7 +803,7 @@ var TableElement = (props) => {
|
|
|
806
803
|
};
|
|
807
804
|
|
|
808
805
|
// src/Components/DatePicker.tsx
|
|
809
|
-
import
|
|
806
|
+
import React22, { useState as useState6 } from "react";
|
|
810
807
|
import { DatePicker } from "antd";
|
|
811
808
|
import dayjs from "dayjs";
|
|
812
809
|
import customParseFormat from "dayjs/plugin/customParseFormat.js";
|
|
@@ -831,7 +828,7 @@ var DatePickerElement = (props) => {
|
|
|
831
828
|
const disabledDate = (current) => {
|
|
832
829
|
return current && current > moment2();
|
|
833
830
|
};
|
|
834
|
-
return /* @__PURE__ */
|
|
831
|
+
return /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement(
|
|
835
832
|
DatePicker,
|
|
836
833
|
{
|
|
837
834
|
disabledDate,
|
|
@@ -844,7 +841,7 @@ var DatePickerElement = (props) => {
|
|
|
844
841
|
};
|
|
845
842
|
|
|
846
843
|
// src/Components/DateRangePickerElement.tsx
|
|
847
|
-
import
|
|
844
|
+
import React23 from "react";
|
|
848
845
|
import { DatePicker as DatePicker2, Space } from "antd";
|
|
849
846
|
import dayjs2 from "dayjs";
|
|
850
847
|
import moment3 from "moment";
|
|
@@ -867,7 +864,7 @@ var DateRangePickerElement = (props) => {
|
|
|
867
864
|
const disabledDate = (current) => {
|
|
868
865
|
return current && current > moment3();
|
|
869
866
|
};
|
|
870
|
-
return /* @__PURE__ */
|
|
867
|
+
return /* @__PURE__ */ React23.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React23.createElement(
|
|
871
868
|
RangePicker,
|
|
872
869
|
{
|
|
873
870
|
disabledDate,
|
|
@@ -880,13 +877,13 @@ var DateRangePickerElement = (props) => {
|
|
|
880
877
|
};
|
|
881
878
|
|
|
882
879
|
// src/Components/Image.tsx
|
|
883
|
-
import
|
|
880
|
+
import React24 from "react";
|
|
884
881
|
var Image = (props) => {
|
|
885
|
-
return /* @__PURE__ */
|
|
882
|
+
return /* @__PURE__ */ React24.createElement("img", { className: props.className, src: props.img, alt: "image" });
|
|
886
883
|
};
|
|
887
884
|
|
|
888
885
|
// src/Components/SingleCheckbox.tsx
|
|
889
|
-
import
|
|
886
|
+
import React25 from "react";
|
|
890
887
|
import { Checkbox as Checkbox2 } from "antd";
|
|
891
888
|
var SingleCheckbox = (props) => {
|
|
892
889
|
const handleChange = (e) => {
|
|
@@ -894,11 +891,11 @@ var SingleCheckbox = (props) => {
|
|
|
894
891
|
props.onChange(e.target.checked);
|
|
895
892
|
}
|
|
896
893
|
};
|
|
897
|
-
return /* @__PURE__ */
|
|
894
|
+
return /* @__PURE__ */ React25.createElement(Checkbox2, { onChange: (e) => handleChange(e), className: props.className }, props.label);
|
|
898
895
|
};
|
|
899
896
|
|
|
900
897
|
// src/Components/DropDownGroup.tsx
|
|
901
|
-
import
|
|
898
|
+
import React26, { useState as useState7 } from "react";
|
|
902
899
|
import { Select as Select4 } from "antd";
|
|
903
900
|
var DropDownGroup = (props) => {
|
|
904
901
|
const [selectedValue, setSelectedValue] = useState7({
|
|
@@ -933,7 +930,7 @@ var DropDownGroup = (props) => {
|
|
|
933
930
|
return newValue;
|
|
934
931
|
});
|
|
935
932
|
};
|
|
936
|
-
return /* @__PURE__ */
|
|
933
|
+
return /* @__PURE__ */ React26.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React26.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React26.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React26.createElement(
|
|
937
934
|
Select4,
|
|
938
935
|
{
|
|
939
936
|
onChange: handleFirstChange,
|
|
@@ -941,7 +938,7 @@ var DropDownGroup = (props) => {
|
|
|
941
938
|
options: props.firstOptions,
|
|
942
939
|
className: props.className
|
|
943
940
|
}
|
|
944
|
-
), /* @__PURE__ */
|
|
941
|
+
), /* @__PURE__ */ React26.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React26.createElement(
|
|
945
942
|
Select4,
|
|
946
943
|
{
|
|
947
944
|
onChange: handleSecondChange,
|
|
@@ -953,7 +950,7 @@ var DropDownGroup = (props) => {
|
|
|
953
950
|
};
|
|
954
951
|
|
|
955
952
|
// src/Components/FilesUpload.tsx
|
|
956
|
-
import
|
|
953
|
+
import React27, { useState as useState8 } from "react";
|
|
957
954
|
import { Upload } from "antd";
|
|
958
955
|
import { InboxOutlined } from "@ant-design/icons";
|
|
959
956
|
var FileUpload = (props) => {
|
|
@@ -973,7 +970,7 @@ var FileUpload = (props) => {
|
|
|
973
970
|
onSuccess("ok");
|
|
974
971
|
}, 0);
|
|
975
972
|
};
|
|
976
|
-
return /* @__PURE__ */
|
|
973
|
+
return /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement(
|
|
977
974
|
Dragger,
|
|
978
975
|
{
|
|
979
976
|
action: "",
|
|
@@ -986,13 +983,13 @@ var FileUpload = (props) => {
|
|
|
986
983
|
showUploadList: true,
|
|
987
984
|
customRequest
|
|
988
985
|
},
|
|
989
|
-
/* @__PURE__ */
|
|
990
|
-
/* @__PURE__ */
|
|
986
|
+
/* @__PURE__ */ React27.createElement("p", null, /* @__PURE__ */ React27.createElement(InboxOutlined, null)),
|
|
987
|
+
/* @__PURE__ */ React27.createElement("p", null, "Click or drag file to upload")
|
|
991
988
|
));
|
|
992
989
|
};
|
|
993
990
|
|
|
994
991
|
// src/Components/TabsElement.tsx
|
|
995
|
-
import
|
|
992
|
+
import React28 from "react";
|
|
996
993
|
import { Tabs } from "antd";
|
|
997
994
|
var TabsElement = (props) => {
|
|
998
995
|
const handleChange = (key) => {
|
|
@@ -1000,19 +997,19 @@ var TabsElement = (props) => {
|
|
|
1000
997
|
props.onChange(props.options?.find((eachOption) => eachOption.key === key));
|
|
1001
998
|
}
|
|
1002
999
|
};
|
|
1003
|
-
return /* @__PURE__ */
|
|
1000
|
+
return /* @__PURE__ */ React28.createElement(Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
|
|
1004
1001
|
};
|
|
1005
1002
|
|
|
1006
1003
|
// src/Components/SwitchElement.tsx
|
|
1007
|
-
import
|
|
1004
|
+
import React29 from "react";
|
|
1008
1005
|
import { Switch } from "antd";
|
|
1009
1006
|
var onChange = (checked) => {
|
|
1010
1007
|
console.log(`switch to ${checked}`);
|
|
1011
1008
|
};
|
|
1012
|
-
var SwitchElement = () => /* @__PURE__ */
|
|
1009
|
+
var SwitchElement = () => /* @__PURE__ */ React29.createElement(Switch, { defaultChecked: true, onChange });
|
|
1013
1010
|
|
|
1014
1011
|
// src/Components/Upload.tsx
|
|
1015
|
-
import
|
|
1012
|
+
import React30, { useState as useState9 } from "react";
|
|
1016
1013
|
var Upload2 = (props) => {
|
|
1017
1014
|
const [file, setFile] = useState9();
|
|
1018
1015
|
const handleFileChange = (e) => {
|
|
@@ -1027,7 +1024,7 @@ var Upload2 = (props) => {
|
|
|
1027
1024
|
return;
|
|
1028
1025
|
}
|
|
1029
1026
|
};
|
|
1030
|
-
return /* @__PURE__ */
|
|
1027
|
+
return /* @__PURE__ */ React30.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React30.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ React30.createElement(
|
|
1031
1028
|
"button",
|
|
1032
1029
|
{
|
|
1033
1030
|
type: "button",
|
|
@@ -1040,7 +1037,7 @@ var Upload2 = (props) => {
|
|
|
1040
1037
|
};
|
|
1041
1038
|
|
|
1042
1039
|
// src/Components/OtpElement.tsx
|
|
1043
|
-
import
|
|
1040
|
+
import React31, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
|
|
1044
1041
|
import { Input as Input3 } from "antd";
|
|
1045
1042
|
var OtpElement = (props) => {
|
|
1046
1043
|
const length = props.length;
|
|
@@ -1080,7 +1077,7 @@ var OtpElement = (props) => {
|
|
|
1080
1077
|
useEffect3(() => {
|
|
1081
1078
|
inputRefs.current[0]?.focus();
|
|
1082
1079
|
}, []);
|
|
1083
|
-
return /* @__PURE__ */
|
|
1080
|
+
return /* @__PURE__ */ React31.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React31.createElement(
|
|
1084
1081
|
Input3,
|
|
1085
1082
|
{
|
|
1086
1083
|
key: index,
|
|
@@ -1096,7 +1093,7 @@ var OtpElement = (props) => {
|
|
|
1096
1093
|
};
|
|
1097
1094
|
|
|
1098
1095
|
// src/Components/CircleDonut.tsx
|
|
1099
|
-
import
|
|
1096
|
+
import React32 from "react";
|
|
1100
1097
|
import { Doughnut } from "react-chartjs-2";
|
|
1101
1098
|
import {
|
|
1102
1099
|
Chart as ChartJS,
|
|
@@ -1179,11 +1176,11 @@ var CircleDonut = (props) => {
|
|
|
1179
1176
|
ctx.restore();
|
|
1180
1177
|
}
|
|
1181
1178
|
};
|
|
1182
|
-
return /* @__PURE__ */
|
|
1179
|
+
return /* @__PURE__ */ React32.createElement("div", { className: props.className }, /* @__PURE__ */ React32.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React32.createElement(Doughnut, { data, options, plugins: [centerTextPlugin] }));
|
|
1183
1180
|
};
|
|
1184
1181
|
|
|
1185
1182
|
// src/Components/SemiCircleDonut.tsx
|
|
1186
|
-
import
|
|
1183
|
+
import React33 from "react";
|
|
1187
1184
|
import { Doughnut as Doughnut2 } from "react-chartjs-2";
|
|
1188
1185
|
import {
|
|
1189
1186
|
Chart as ChartJS2,
|
|
@@ -1266,11 +1263,11 @@ var SemiCircleDonut = (props) => {
|
|
|
1266
1263
|
ctx.restore();
|
|
1267
1264
|
}
|
|
1268
1265
|
};
|
|
1269
|
-
return /* @__PURE__ */
|
|
1266
|
+
return /* @__PURE__ */ React33.createElement("div", { className: props.className }, /* @__PURE__ */ React33.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React33.createElement(Doughnut2, { data, options, plugins: [centerTextPlugin] }));
|
|
1270
1267
|
};
|
|
1271
1268
|
|
|
1272
1269
|
// src/Components/HorizontalBarChart.tsx
|
|
1273
|
-
import
|
|
1270
|
+
import React34 from "react";
|
|
1274
1271
|
import { Bar } from "react-chartjs-2";
|
|
1275
1272
|
import {
|
|
1276
1273
|
Chart as ChartJS3,
|
|
@@ -1325,11 +1322,11 @@ var HorizontalBarChart = (props) => {
|
|
|
1325
1322
|
}
|
|
1326
1323
|
}
|
|
1327
1324
|
};
|
|
1328
|
-
return /* @__PURE__ */
|
|
1325
|
+
return /* @__PURE__ */ React34.createElement("div", { className: props.className }, /* @__PURE__ */ React34.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React34.createElement(Bar, { data, options }));
|
|
1329
1326
|
};
|
|
1330
1327
|
|
|
1331
1328
|
// src/Components/LineChart.tsx
|
|
1332
|
-
import
|
|
1329
|
+
import React35, { useEffect as useEffect4, useRef as useRef2 } from "react";
|
|
1333
1330
|
import Chart from "chart.js/auto";
|
|
1334
1331
|
var LineChart = (props) => {
|
|
1335
1332
|
const chartRef = useRef2(null);
|
|
@@ -1398,11 +1395,11 @@ var LineChart = (props) => {
|
|
|
1398
1395
|
}
|
|
1399
1396
|
};
|
|
1400
1397
|
}, [labels, data]);
|
|
1401
|
-
return /* @__PURE__ */
|
|
1398
|
+
return /* @__PURE__ */ React35.createElement("div", { className: props.className }, /* @__PURE__ */ React35.createElement("canvas", { ref: chartRef }));
|
|
1402
1399
|
};
|
|
1403
1400
|
|
|
1404
1401
|
// src/Components/DoubleBarChart.tsx
|
|
1405
|
-
import
|
|
1402
|
+
import React36, { useEffect as useEffect5, useRef as useRef3 } from "react";
|
|
1406
1403
|
import Chart2 from "chart.js/auto";
|
|
1407
1404
|
var DoubleBarChart = (props) => {
|
|
1408
1405
|
const chartRef = useRef3(null);
|
|
@@ -1476,11 +1473,11 @@ var DoubleBarChart = (props) => {
|
|
|
1476
1473
|
}
|
|
1477
1474
|
};
|
|
1478
1475
|
}, []);
|
|
1479
|
-
return /* @__PURE__ */
|
|
1476
|
+
return /* @__PURE__ */ React36.createElement("div", { className: props.className }, /* @__PURE__ */ React36.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React36.createElement("canvas", { ref: chartRef }));
|
|
1480
1477
|
};
|
|
1481
1478
|
|
|
1482
1479
|
// src/Components/BarChart.tsx
|
|
1483
|
-
import
|
|
1480
|
+
import React37 from "react";
|
|
1484
1481
|
import { Bar as Bar2 } from "react-chartjs-2";
|
|
1485
1482
|
import {
|
|
1486
1483
|
Chart as ChartJS4,
|
|
@@ -1548,7 +1545,7 @@ var BarChart = (props) => {
|
|
|
1548
1545
|
}
|
|
1549
1546
|
}
|
|
1550
1547
|
};
|
|
1551
|
-
return /* @__PURE__ */
|
|
1548
|
+
return /* @__PURE__ */ React37.createElement("div", { className: props.className }, /* @__PURE__ */ React37.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React37.createElement(Bar2, { data, options }));
|
|
1552
1549
|
};
|
|
1553
1550
|
export {
|
|
1554
1551
|
AddMoreTable,
|