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