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