@apexcura/ui-components 0.0.14-Beta230 → 0.0.14-Beta232

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.
Files changed (3) hide show
  1. package/dist/index.js +110 -107
  2. package/dist/index.mjs +87 -84
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -382,12 +382,20 @@ 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", { className: "fill-current w-4 h-4 mr-2", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" }))
391
+ };
392
+
393
+ // src/Components/Button.tsx
386
394
  var ButtonElement = (props) => {
387
395
  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0] === "text-white";
388
396
  console.log(textColorClass);
389
397
  console.log(props.className?.match(/text-[\w-]+/g)?.[0]);
390
- return /* @__PURE__ */ import_react11.default.createElement(
398
+ return /* @__PURE__ */ import_react12.default.createElement(
391
399
  "button",
392
400
  {
393
401
  onClick: props.onClick,
@@ -397,17 +405,11 @@ var ButtonElement = (props) => {
397
405
  cursor: props.loading ? "no-drop" : "pointer"
398
406
  }
399
407
  },
400
- /* @__PURE__ */ import_react11.default.createElement("span", null, /* @__PURE__ */ import_react11.default.createElement(
401
- "span",
402
- {
403
- className: props.iconsClassName,
404
- dangerouslySetInnerHTML: { __html: props.icon || "" }
405
- }
406
- ), /* @__PURE__ */ import_react11.default.createElement("style", null, textColorClass ? `.${props.className} path {
408
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: props.iconsClassName }, icons.download, /* @__PURE__ */ import_react12.default.createElement("style", null, textColorClass ? `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
407
409
  filter: brightness(0) invert(1);
408
- }` : `.${props.className} path {
410
+ }` : `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
409
411
  fill: #A3A3A3;
410
- }`, `.${props.className}:hover path {
412
+ }`, `.${props.className?.match(/text-[\w-]+/g)?.[0]}:hover path {
411
413
  filter: brightness(0) invert(1);
412
414
  }`)),
413
415
  props.label
@@ -415,12 +417,12 @@ var ButtonElement = (props) => {
415
417
  };
416
418
 
417
419
  // src/Components/AddMoreTable.tsx
418
- var import_react12 = __toESM(require("react"));
420
+ var import_react13 = __toESM(require("react"));
419
421
  var import_antd10 = require("antd");
420
- var import_icons2 = require("@ant-design/icons");
422
+ var import_icons3 = require("@ant-design/icons");
421
423
  var AddMoreTable = (props) => {
422
424
  const { thead, tbody } = props;
423
- const [rows, setRows] = (0, import_react12.useState)(tbody || []);
425
+ const [rows, setRows] = (0, import_react13.useState)(tbody || []);
424
426
  const onHandleRows = () => {
425
427
  const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
426
428
  let newRow = {
@@ -485,16 +487,16 @@ var AddMoreTable = (props) => {
485
487
  });
486
488
  });
487
489
  };
488
- (0, import_react12.useEffect)(() => {
490
+ (0, import_react13.useEffect)(() => {
489
491
  console.log(rows);
490
492
  }, [rows]);
491
493
  const renderInputElement = (element, value) => {
492
494
  if (!element) return null;
493
495
  const { element: type, label } = element;
494
496
  if (type === "single-select") {
495
- 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: [] });
497
+ 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: [] });
496
498
  } else if (type === "textarea") {
497
- 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: [] });
499
+ 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: [] });
498
500
  } else {
499
501
  return null;
500
502
  }
@@ -511,13 +513,13 @@ var AddMoreTable = (props) => {
511
513
  eachRow.variable_data.forEach((variable, subIndex) => {
512
514
  Object.keys(variable).forEach((key) => {
513
515
  if (key === "SubRows") {
514
- 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)));
516
+ 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)));
515
517
  } else {
516
518
  rowData[`${key}`] = renderInputElement(variable[key]);
517
519
  }
518
520
  });
519
521
  });
520
- 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)));
522
+ 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)));
521
523
  console.log("=====rowdata", rowData);
522
524
  return rowData;
523
525
  });
@@ -533,7 +535,7 @@ var AddMoreTable = (props) => {
533
535
  key: "actions"
534
536
  });
535
537
  }
536
- return /* @__PURE__ */ import_react12.default.createElement(
538
+ return /* @__PURE__ */ import_react13.default.createElement(
537
539
  import_antd10.Table,
538
540
  {
539
541
  columns,
@@ -545,15 +547,15 @@ var AddMoreTable = (props) => {
545
547
  };
546
548
 
547
549
  // src/Components/Sidebar.tsx
548
- var import_react13 = __toESM(require("react"));
550
+ var import_react14 = __toESM(require("react"));
549
551
  var Sidebar = (props) => {
550
552
  const handleChange = (item) => {
551
553
  if (props.onChange) {
552
554
  props.onChange(item);
553
555
  }
554
556
  };
555
- 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) => {
556
- return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react13.default.createElement(
557
+ 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) => {
558
+ return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react14.default.createElement(
557
559
  ButtonElement,
558
560
  {
559
561
  ...item,
@@ -569,29 +571,29 @@ var Sidebar = (props) => {
569
571
  };
570
572
 
571
573
  // src/Components/Navbar.tsx
572
- var import_react17 = __toESM(require("react"));
574
+ var import_react18 = __toESM(require("react"));
573
575
 
574
576
  // src/Components/Notification.tsx
575
- var import_react14 = __toESM(require("react"));
577
+ var import_react15 = __toESM(require("react"));
576
578
  var import_antd11 = require("antd");
577
579
  var import_io = require("react-icons/io");
578
580
  var popoverContentStyle = {
579
581
  minWidth: "300px",
580
582
  maxWidth: "100%"
581
583
  };
582
- var Notification = (props) => /* @__PURE__ */ import_react14.default.createElement(
584
+ var Notification = (props) => /* @__PURE__ */ import_react15.default.createElement(
583
585
  import_antd11.Popover,
584
586
  {
585
587
  className: props.className,
586
- content: /* @__PURE__ */ import_react14.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react14.default.createElement(
588
+ content: /* @__PURE__ */ import_react15.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react15.default.createElement(
587
589
  import_antd11.List,
588
590
  {
589
591
  itemLayout: "horizontal",
590
592
  dataSource: props.items,
591
- renderItem: (item, index) => /* @__PURE__ */ import_react14.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react14.default.createElement(
593
+ renderItem: (item, index) => /* @__PURE__ */ import_react15.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react15.default.createElement(
592
594
  import_antd11.List.Item.Meta,
593
595
  {
594
- avatar: /* @__PURE__ */ import_react14.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
596
+ avatar: /* @__PURE__ */ import_react15.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
595
597
  title: item.text,
596
598
  description: item.time
597
599
  }
@@ -601,49 +603,49 @@ var Notification = (props) => /* @__PURE__ */ import_react14.default.createEleme
601
603
  trigger: "focus",
602
604
  placement: "bottomRight"
603
605
  },
604
- /* @__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))))
606
+ /* @__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))))
605
607
  );
606
608
 
607
609
  // src/Components/SpanElement.tsx
608
- var import_react15 = __toESM(require("react"));
609
- var SpanElement = (props) => /* @__PURE__ */ import_react15.default.createElement("span", { className: props.className }, props.label);
610
+ var import_react16 = __toESM(require("react"));
611
+ var SpanElement = (props) => /* @__PURE__ */ import_react16.default.createElement("span", { className: props.className }, props.label);
610
612
 
611
613
  // src/Components/Profile.tsx
612
- var import_react16 = __toESM(require("react"));
614
+ var import_react17 = __toESM(require("react"));
613
615
  var import_antd12 = require("antd");
614
- var import_icons3 = require("@ant-design/icons");
615
- 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)));
616
+ var import_icons4 = require("@ant-design/icons");
617
+ 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)));
616
618
 
617
619
  // src/Components/Navbar.tsx
618
620
  var Navbar = (props) => {
619
- return /* @__PURE__ */ import_react17.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
621
+ return /* @__PURE__ */ import_react18.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
620
622
  if (item.element === "span") {
621
- return /* @__PURE__ */ import_react17.default.createElement(SpanElement, { ...item });
623
+ return /* @__PURE__ */ import_react18.default.createElement(SpanElement, { ...item });
622
624
  } else if (item.element === "notifications") {
623
- return /* @__PURE__ */ import_react17.default.createElement(Notification, { ...item });
625
+ return /* @__PURE__ */ import_react18.default.createElement(Notification, { ...item });
624
626
  } else if (item.name === "profile") {
625
- return /* @__PURE__ */ import_react17.default.createElement(Profile, { ...item });
627
+ return /* @__PURE__ */ import_react18.default.createElement(Profile, { ...item });
626
628
  }
627
629
  return null;
628
630
  }));
629
631
  };
630
632
 
631
633
  // src/Components/TableElement.tsx
632
- var import_react20 = __toESM(require("react"));
634
+ var import_react21 = __toESM(require("react"));
633
635
  var import_antd14 = require("antd");
634
636
 
635
637
  // src/Components/Model.tsx
636
- var import_react19 = __toESM(require("react"));
638
+ var import_react20 = __toESM(require("react"));
637
639
  var import_antd13 = require("antd");
638
640
 
639
641
  // src/Components/ModelBody.tsx
640
- var import_react18 = __toESM(require("react"));
642
+ var import_react19 = __toESM(require("react"));
641
643
  var import_moment = __toESM(require("moment"));
642
644
  var ModelBody = (props) => {
643
- return /* @__PURE__ */ import_react18.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
645
+ return /* @__PURE__ */ import_react19.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
644
646
  (eachField) => {
645
647
  if (eachField.element === "div") {
646
- 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(
648
+ 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(
647
649
  "p",
648
650
  {
649
651
  style: {
@@ -654,7 +656,7 @@ var ModelBody = (props) => {
654
656
  (0, import_moment.default)(eachField.dateTime).format("LT")
655
657
  ) : "");
656
658
  } else if (eachField.element === "input-radio") {
657
- 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(
659
+ 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(
658
660
  "p",
659
661
  {
660
662
  style: {
@@ -665,7 +667,7 @@ var ModelBody = (props) => {
665
667
  (0, import_moment.default)(eachField.dateTime).format("LT")
666
668
  ) : "");
667
669
  } else if (eachField.element === "button") {
668
- 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(
670
+ 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(
669
671
  "p",
670
672
  {
671
673
  style: {
@@ -685,7 +687,7 @@ var ModelBody = (props) => {
685
687
  // src/Components/Model.tsx
686
688
  var ModelElement = (props) => {
687
689
  const { model, onCancel, selectedRecord, columns } = props;
688
- return /* @__PURE__ */ import_react19.default.createElement(
690
+ return /* @__PURE__ */ import_react20.default.createElement(
689
691
  import_antd13.Modal,
690
692
  {
691
693
  centered: true,
@@ -693,7 +695,7 @@ var ModelElement = (props) => {
693
695
  onCancel,
694
696
  footer: null,
695
697
  width: 850,
696
- title: /* @__PURE__ */ import_react19.default.createElement(
698
+ title: /* @__PURE__ */ import_react20.default.createElement(
697
699
  "div",
698
700
  {
699
701
  style: {
@@ -706,7 +708,7 @@ var ModelElement = (props) => {
706
708
  },
707
709
  columns.map((eachColumn) => {
708
710
  if (!["index", "View"].includes(eachColumn.key) && eachColumn?.["is_detail"] !== false) {
709
- return /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ import_react19.default.createElement(
711
+ return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ import_react20.default.createElement(
710
712
  "span",
711
713
  {
712
714
  style: {
@@ -723,20 +725,20 @@ var ModelElement = (props) => {
723
725
  })
724
726
  )
725
727
  },
726
- /* @__PURE__ */ import_react19.default.createElement(ModelBody, { ...props })
728
+ /* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
727
729
  );
728
730
  };
729
731
 
730
732
  // src/Components/TableElement.tsx
731
- var import_icons4 = require("@ant-design/icons");
733
+ var import_icons5 = require("@ant-design/icons");
732
734
  var TableElement = (props) => {
733
735
  const { thead, tbody } = props;
734
- const [selectedRecord, setSelectedRecord] = (0, import_react20.useState)({});
735
- const [model, setModel] = (0, import_react20.useState)(false);
736
- const [dataSource, setDataSource] = (0, import_react20.useState)([]);
736
+ const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
737
+ const [model, setModel] = (0, import_react21.useState)(false);
738
+ const [dataSource, setDataSource] = (0, import_react21.useState)([]);
737
739
  console.log(props.value);
738
740
  const defaultVal = props.value;
739
- (0, import_react20.useEffect)(() => {
741
+ (0, import_react21.useEffect)(() => {
740
742
  if (tbody) {
741
743
  setDataSource(
742
744
  tbody.map((row, index) => ({
@@ -786,7 +788,7 @@ var TableElement = (props) => {
786
788
  dataIndex: "View",
787
789
  key: "View",
788
790
  render: (_, record) => {
789
- return /* @__PURE__ */ import_react20.default.createElement(
791
+ return /* @__PURE__ */ import_react21.default.createElement(
790
792
  "a",
791
793
  {
792
794
  onClick: () => {
@@ -797,7 +799,7 @@ var TableElement = (props) => {
797
799
  }
798
800
  }
799
801
  },
800
- /* @__PURE__ */ import_react20.default.createElement(import_icons4.EyeOutlined, null)
802
+ /* @__PURE__ */ import_react21.default.createElement(import_icons5.EyeOutlined, null)
801
803
  );
802
804
  }
803
805
  });
@@ -830,7 +832,7 @@ var TableElement = (props) => {
830
832
  }
831
833
  }
832
834
  } : void 0;
833
- return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
835
+ return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
834
836
  import_antd14.Table,
835
837
  {
836
838
  loading: props.loading,
@@ -861,7 +863,7 @@ var TableElement = (props) => {
861
863
  bordered: true,
862
864
  onChange: onChangeTable
863
865
  }
864
- ), model && /* @__PURE__ */ import_react20.default.createElement(
866
+ ), model && /* @__PURE__ */ import_react21.default.createElement(
865
867
  ModelElement,
866
868
  {
867
869
  selectedRecord,
@@ -874,14 +876,14 @@ var TableElement = (props) => {
874
876
  };
875
877
 
876
878
  // src/Components/DatePicker.tsx
877
- var import_react21 = __toESM(require("react"));
879
+ var import_react22 = __toESM(require("react"));
878
880
  var import_antd15 = require("antd");
879
881
  var import_dayjs = __toESM(require("dayjs"));
880
882
  var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"));
881
883
  var import_moment2 = __toESM(require("moment"));
882
884
  import_dayjs.default.extend(import_customParseFormat.default);
883
885
  var DatePickerElement = (props) => {
884
- const [dateState, setDateState] = (0, import_react21.useState)("");
886
+ const [dateState, setDateState] = (0, import_react22.useState)("");
885
887
  const handleChange = (date, dateString) => {
886
888
  if (date) {
887
889
  const formattedDate = dateString;
@@ -899,7 +901,7 @@ var DatePickerElement = (props) => {
899
901
  const disabledDate = (current) => {
900
902
  return current && current > (0, import_moment2.default)();
901
903
  };
902
- return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement(
904
+ return /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement(
903
905
  import_antd15.DatePicker,
904
906
  {
905
907
  disabledDate,
@@ -912,13 +914,14 @@ var DatePickerElement = (props) => {
912
914
  };
913
915
 
914
916
  // src/Components/DateRangePickerElement.tsx
915
- var import_react22 = __toESM(require("react"));
917
+ var import_react23 = __toESM(require("react"));
916
918
  var import_antd16 = require("antd");
917
919
  var import_dayjs2 = __toESM(require("dayjs"));
918
920
  var import_moment3 = __toESM(require("moment"));
919
921
  var DateRangePickerElement = (props) => {
920
922
  const { value } = props;
921
923
  const { RangePicker } = import_antd16.DatePicker;
924
+ console.log(value);
922
925
  const handleChange = (dates, dateStrings) => {
923
926
  if (dates) {
924
927
  props.onChange && props.onChange(dateStrings);
@@ -935,7 +938,7 @@ var DateRangePickerElement = (props) => {
935
938
  const disabledDate = (current) => {
936
939
  return current && current > (0, import_moment3.default)();
937
940
  };
938
- return /* @__PURE__ */ import_react22.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(
941
+ return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(
939
942
  RangePicker,
940
943
  {
941
944
  disabledDate,
@@ -948,13 +951,13 @@ var DateRangePickerElement = (props) => {
948
951
  };
949
952
 
950
953
  // src/Components/Image.tsx
951
- var import_react23 = __toESM(require("react"));
954
+ var import_react24 = __toESM(require("react"));
952
955
  var Image = (props) => {
953
- return /* @__PURE__ */ import_react23.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
956
+ return /* @__PURE__ */ import_react24.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
954
957
  };
955
958
 
956
959
  // src/Components/SingleCheckbox.tsx
957
- var import_react24 = __toESM(require("react"));
960
+ var import_react25 = __toESM(require("react"));
958
961
  var import_antd17 = require("antd");
959
962
  var SingleCheckbox = (props) => {
960
963
  const handleChange = (e) => {
@@ -962,14 +965,14 @@ var SingleCheckbox = (props) => {
962
965
  props.onChange(e.target.checked);
963
966
  }
964
967
  };
965
- return /* @__PURE__ */ import_react24.default.createElement(import_antd17.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
968
+ return /* @__PURE__ */ import_react25.default.createElement(import_antd17.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
966
969
  };
967
970
 
968
971
  // src/Components/DropDownGroup.tsx
969
- var import_react25 = __toESM(require("react"));
972
+ var import_react26 = __toESM(require("react"));
970
973
  var import_antd18 = require("antd");
971
974
  var DropDownGroup = (props) => {
972
- const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
975
+ const [selectedValue, setSelectedValue] = (0, import_react26.useState)({
973
976
  firstValue: {},
974
977
  secondValue: {},
975
978
  temp: ""
@@ -1001,7 +1004,7 @@ var DropDownGroup = (props) => {
1001
1004
  return newValue;
1002
1005
  });
1003
1006
  };
1004
- 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(
1007
+ 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(
1005
1008
  import_antd18.Select,
1006
1009
  {
1007
1010
  onChange: handleFirstChange,
@@ -1009,7 +1012,7 @@ var DropDownGroup = (props) => {
1009
1012
  options: props.firstOptions,
1010
1013
  className: props.className
1011
1014
  }
1012
- ), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
1015
+ ), /* @__PURE__ */ import_react26.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react26.default.createElement(
1013
1016
  import_antd18.Select,
1014
1017
  {
1015
1018
  onChange: handleSecondChange,
@@ -1021,12 +1024,12 @@ var DropDownGroup = (props) => {
1021
1024
  };
1022
1025
 
1023
1026
  // src/Components/FilesUpload.tsx
1024
- var import_react26 = __toESM(require("react"));
1027
+ var import_react27 = __toESM(require("react"));
1025
1028
  var import_antd19 = require("antd");
1026
- var import_icons5 = require("@ant-design/icons");
1029
+ var import_icons6 = require("@ant-design/icons");
1027
1030
  var FileUpload = (props) => {
1028
1031
  const { Dragger } = import_antd19.Upload;
1029
- const [files, setFiles] = (0, import_react26.useState)([]);
1032
+ const [files, setFiles] = (0, import_react27.useState)([]);
1030
1033
  const handleChange = ({ fileList }) => {
1031
1034
  setFiles(fileList);
1032
1035
  if (props.onChange) {
@@ -1041,7 +1044,7 @@ var FileUpload = (props) => {
1041
1044
  onSuccess("ok");
1042
1045
  }, 0);
1043
1046
  };
1044
- return /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement(
1047
+ return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement(
1045
1048
  Dragger,
1046
1049
  {
1047
1050
  action: "",
@@ -1054,13 +1057,13 @@ var FileUpload = (props) => {
1054
1057
  showUploadList: true,
1055
1058
  customRequest
1056
1059
  },
1057
- /* @__PURE__ */ import_react26.default.createElement("p", null, /* @__PURE__ */ import_react26.default.createElement(import_icons5.InboxOutlined, null)),
1058
- /* @__PURE__ */ import_react26.default.createElement("p", null, "Click or drag file to upload")
1060
+ /* @__PURE__ */ import_react27.default.createElement("p", null, /* @__PURE__ */ import_react27.default.createElement(import_icons6.InboxOutlined, null)),
1061
+ /* @__PURE__ */ import_react27.default.createElement("p", null, "Click or drag file to upload")
1059
1062
  ));
1060
1063
  };
1061
1064
 
1062
1065
  // src/Components/TabsElement.tsx
1063
- var import_react27 = __toESM(require("react"));
1066
+ var import_react28 = __toESM(require("react"));
1064
1067
  var import_antd20 = require("antd");
1065
1068
  var TabsElement = (props) => {
1066
1069
  const handleChange = (key) => {
@@ -1068,21 +1071,21 @@ var TabsElement = (props) => {
1068
1071
  props.onChange(props.options?.find((eachOption) => eachOption.key === key));
1069
1072
  }
1070
1073
  };
1071
- return /* @__PURE__ */ import_react27.default.createElement(import_antd20.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
1074
+ return /* @__PURE__ */ import_react28.default.createElement(import_antd20.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
1072
1075
  };
1073
1076
 
1074
1077
  // src/Components/SwitchElement.tsx
1075
- var import_react28 = __toESM(require("react"));
1078
+ var import_react29 = __toESM(require("react"));
1076
1079
  var import_antd21 = require("antd");
1077
1080
  var onChange = (checked) => {
1078
1081
  console.log(`switch to ${checked}`);
1079
1082
  };
1080
- var SwitchElement = () => /* @__PURE__ */ import_react28.default.createElement(import_antd21.Switch, { defaultChecked: true, onChange });
1083
+ var SwitchElement = () => /* @__PURE__ */ import_react29.default.createElement(import_antd21.Switch, { defaultChecked: true, onChange });
1081
1084
 
1082
1085
  // src/Components/Upload.tsx
1083
- var import_react29 = __toESM(require("react"));
1086
+ var import_react30 = __toESM(require("react"));
1084
1087
  var Upload2 = (props) => {
1085
- const [file, setFile] = (0, import_react29.useState)();
1088
+ const [file, setFile] = (0, import_react30.useState)();
1086
1089
  const handleFileChange = (e) => {
1087
1090
  setFile(e.target.files[0]);
1088
1091
  if (props.onChange) {
@@ -1095,7 +1098,7 @@ var Upload2 = (props) => {
1095
1098
  return;
1096
1099
  }
1097
1100
  };
1098
- 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(
1101
+ 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(
1099
1102
  "button",
1100
1103
  {
1101
1104
  type: "button",
@@ -1108,12 +1111,12 @@ var Upload2 = (props) => {
1108
1111
  };
1109
1112
 
1110
1113
  // src/Components/OtpElement.tsx
1111
- var import_react30 = __toESM(require("react"));
1114
+ var import_react31 = __toESM(require("react"));
1112
1115
  var import_antd22 = require("antd");
1113
1116
  var OtpElement = (props) => {
1114
1117
  const length = props.length;
1115
- const [otp, setOtp] = (0, import_react30.useState)(Array(length).fill(""));
1116
- const inputRefs = (0, import_react30.useRef)([]);
1118
+ const [otp, setOtp] = (0, import_react31.useState)(Array(length).fill(""));
1119
+ const inputRefs = (0, import_react31.useRef)([]);
1117
1120
  const handleChange = (e, index) => {
1118
1121
  const value = e.target.value;
1119
1122
  if (/^[0-9]$/.test(value) || value === "") {
@@ -1145,10 +1148,10 @@ var OtpElement = (props) => {
1145
1148
  });
1146
1149
  }
1147
1150
  };
1148
- (0, import_react30.useEffect)(() => {
1151
+ (0, import_react31.useEffect)(() => {
1149
1152
  inputRefs.current[0]?.focus();
1150
1153
  }, []);
1151
- return /* @__PURE__ */ import_react30.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react30.default.createElement(
1154
+ return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react31.default.createElement(
1152
1155
  import_antd22.Input,
1153
1156
  {
1154
1157
  key: index,
@@ -1164,7 +1167,7 @@ var OtpElement = (props) => {
1164
1167
  };
1165
1168
 
1166
1169
  // src/Components/CircleDonut.tsx
1167
- var import_react31 = __toESM(require("react"));
1170
+ var import_react32 = __toESM(require("react"));
1168
1171
  var import_react_chartjs_2 = require("react-chartjs-2");
1169
1172
  var import_chart = require("chart.js");
1170
1173
  import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
@@ -1241,11 +1244,11 @@ var CircleDonut = (props) => {
1241
1244
  ctx.restore();
1242
1245
  }
1243
1246
  };
1244
- 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] }));
1247
+ 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] }));
1245
1248
  };
1246
1249
 
1247
1250
  // src/Components/SemiCircleDonut.tsx
1248
- var import_react32 = __toESM(require("react"));
1251
+ var import_react33 = __toESM(require("react"));
1249
1252
  var import_react_chartjs_22 = require("react-chartjs-2");
1250
1253
  var import_chart2 = require("chart.js");
1251
1254
  import_chart2.Chart.register(import_chart2.DoughnutController, import_chart2.ArcElement, import_chart2.Tooltip, import_chart2.Legend);
@@ -1322,11 +1325,11 @@ var SemiCircleDonut = (props) => {
1322
1325
  ctx.restore();
1323
1326
  }
1324
1327
  };
1325
- 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] }));
1328
+ 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] }));
1326
1329
  };
1327
1330
 
1328
1331
  // src/Components/HorizontalBarChart.tsx
1329
- var import_react33 = __toESM(require("react"));
1332
+ var import_react34 = __toESM(require("react"));
1330
1333
  var import_react_chartjs_23 = require("react-chartjs-2");
1331
1334
  var import_chart3 = require("chart.js");
1332
1335
  import_chart3.Chart.register(import_chart3.BarElement, import_chart3.CategoryScale, import_chart3.LinearScale, import_chart3.Tooltip);
@@ -1375,22 +1378,22 @@ var HorizontalBarChart = (props) => {
1375
1378
  }
1376
1379
  }
1377
1380
  };
1378
- 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 }));
1381
+ 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 }));
1379
1382
  };
1380
1383
 
1381
1384
  // src/Components/LineChart.tsx
1382
- var import_react34 = __toESM(require("react"));
1385
+ var import_react35 = __toESM(require("react"));
1383
1386
  var import_auto = __toESM(require("chart.js/auto"));
1384
1387
  var LineChart = (props) => {
1385
- const chartRef = (0, import_react34.useRef)(null);
1386
- const chartInstance = (0, import_react34.useRef)(null);
1388
+ const chartRef = (0, import_react35.useRef)(null);
1389
+ const chartInstance = (0, import_react35.useRef)(null);
1387
1390
  const data = [
1388
1391
  { label: "ROI", data: [10, 13, 20, 15, 10] },
1389
1392
  { label: "Engagement Rate", data: [20, 23, 30, 28, 20] },
1390
1393
  { label: "Conversion Rate", data: [50, 100, 150, 180, 50] }
1391
1394
  ];
1392
1395
  const labels = ["Instagram", "Whatsapp", "Messages", "Telegram", "Linkedin"];
1393
- (0, import_react34.useEffect)(() => {
1396
+ (0, import_react35.useEffect)(() => {
1394
1397
  if (chartRef.current) {
1395
1398
  if (chartInstance.current) {
1396
1399
  chartInstance.current.destroy();
@@ -1448,16 +1451,16 @@ var LineChart = (props) => {
1448
1451
  }
1449
1452
  };
1450
1453
  }, [labels, data]);
1451
- return /* @__PURE__ */ import_react34.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react34.default.createElement("canvas", { ref: chartRef }));
1454
+ return /* @__PURE__ */ import_react35.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react35.default.createElement("canvas", { ref: chartRef }));
1452
1455
  };
1453
1456
 
1454
1457
  // src/Components/DoubleBarChart.tsx
1455
- var import_react35 = __toESM(require("react"));
1458
+ var import_react36 = __toESM(require("react"));
1456
1459
  var import_auto2 = __toESM(require("chart.js/auto"));
1457
1460
  var DoubleBarChart = (props) => {
1458
- const chartRef = (0, import_react35.useRef)(null);
1459
- const chartInstance = (0, import_react35.useRef)(null);
1460
- (0, import_react35.useEffect)(() => {
1461
+ const chartRef = (0, import_react36.useRef)(null);
1462
+ const chartInstance = (0, import_react36.useRef)(null);
1463
+ (0, import_react36.useEffect)(() => {
1461
1464
  if (chartRef.current) {
1462
1465
  if (chartInstance.current) {
1463
1466
  chartInstance.current.destroy();
@@ -1526,11 +1529,11 @@ var DoubleBarChart = (props) => {
1526
1529
  }
1527
1530
  };
1528
1531
  }, []);
1529
- 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 }));
1532
+ 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 }));
1530
1533
  };
1531
1534
 
1532
1535
  // src/Components/BarChart.tsx
1533
- var import_react36 = __toESM(require("react"));
1536
+ var import_react37 = __toESM(require("react"));
1534
1537
  var import_react_chartjs_24 = require("react-chartjs-2");
1535
1538
  var import_chart4 = require("chart.js");
1536
1539
  import_chart4.Chart.register(import_chart4.BarElement, import_chart4.CategoryScale, import_chart4.LinearScale, import_chart4.Tooltip);
@@ -1592,7 +1595,7 @@ var BarChart = (props) => {
1592
1595
  }
1593
1596
  }
1594
1597
  };
1595
- 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 }));
1598
+ 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 }));
1596
1599
  };
1597
1600
  // Annotate the CommonJS export names for ESM import in node:
1598
1601
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -316,12 +316,20 @@ 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", { className: "fill-current w-4 h-4 mr-2", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, /* @__PURE__ */ React11.createElement("path", { d: "M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" }))
325
+ };
326
+
327
+ // src/Components/Button.tsx
320
328
  var ButtonElement = (props) => {
321
329
  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0] === "text-white";
322
330
  console.log(textColorClass);
323
331
  console.log(props.className?.match(/text-[\w-]+/g)?.[0]);
324
- return /* @__PURE__ */ React11.createElement(
332
+ return /* @__PURE__ */ React12.createElement(
325
333
  "button",
326
334
  {
327
335
  onClick: props.onClick,
@@ -331,17 +339,11 @@ var ButtonElement = (props) => {
331
339
  cursor: props.loading ? "no-drop" : "pointer"
332
340
  }
333
341
  },
334
- /* @__PURE__ */ React11.createElement("span", null, /* @__PURE__ */ React11.createElement(
335
- "span",
336
- {
337
- className: props.iconsClassName,
338
- dangerouslySetInnerHTML: { __html: props.icon || "" }
339
- }
340
- ), /* @__PURE__ */ React11.createElement("style", null, textColorClass ? `.${props.className} path {
342
+ /* @__PURE__ */ React12.createElement("span", { className: props.iconsClassName }, icons.download, /* @__PURE__ */ React12.createElement("style", null, textColorClass ? `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
341
343
  filter: brightness(0) invert(1);
342
- }` : `.${props.className} path {
344
+ }` : `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
343
345
  fill: #A3A3A3;
344
- }`, `.${props.className}:hover path {
346
+ }`, `.${props.className?.match(/text-[\w-]+/g)?.[0]}:hover path {
345
347
  filter: brightness(0) invert(1);
346
348
  }`)),
347
349
  props.label
@@ -349,7 +351,7 @@ var ButtonElement = (props) => {
349
351
  };
350
352
 
351
353
  // src/Components/AddMoreTable.tsx
352
- import React12, { useEffect, useState as useState4 } from "react";
354
+ import React13, { useEffect, useState as useState4 } from "react";
353
355
  import { Table, Button } from "antd";
354
356
  import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
355
357
  var AddMoreTable = (props) => {
@@ -426,9 +428,9 @@ var AddMoreTable = (props) => {
426
428
  if (!element) return null;
427
429
  const { element: type, label } = element;
428
430
  if (type === "single-select") {
429
- return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
431
+ return /* @__PURE__ */ React13.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
430
432
  } else if (type === "textarea") {
431
- return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
433
+ return /* @__PURE__ */ React13.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
432
434
  } else {
433
435
  return null;
434
436
  }
@@ -445,13 +447,13 @@ var AddMoreTable = (props) => {
445
447
  eachRow.variable_data.forEach((variable, subIndex) => {
446
448
  Object.keys(variable).forEach((key) => {
447
449
  if (key === "SubRows") {
448
- 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)));
450
+ 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)));
449
451
  } else {
450
452
  rowData[`${key}`] = renderInputElement(variable[key]);
451
453
  }
452
454
  });
453
455
  });
454
- 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)));
456
+ 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)));
455
457
  console.log("=====rowdata", rowData);
456
458
  return rowData;
457
459
  });
@@ -467,7 +469,7 @@ var AddMoreTable = (props) => {
467
469
  key: "actions"
468
470
  });
469
471
  }
470
- return /* @__PURE__ */ React12.createElement(
472
+ return /* @__PURE__ */ React13.createElement(
471
473
  Table,
472
474
  {
473
475
  columns,
@@ -479,15 +481,15 @@ var AddMoreTable = (props) => {
479
481
  };
480
482
 
481
483
  // src/Components/Sidebar.tsx
482
- import React13 from "react";
484
+ import React14 from "react";
483
485
  var Sidebar = (props) => {
484
486
  const handleChange = (item) => {
485
487
  if (props.onChange) {
486
488
  props.onChange(item);
487
489
  }
488
490
  };
489
- 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) => {
490
- return /* @__PURE__ */ React13.createElement(React13.Fragment, { key: item.label }, /* @__PURE__ */ React13.createElement(
491
+ 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) => {
492
+ return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: item.label }, /* @__PURE__ */ React14.createElement(
491
493
  ButtonElement,
492
494
  {
493
495
  ...item,
@@ -503,29 +505,29 @@ var Sidebar = (props) => {
503
505
  };
504
506
 
505
507
  // src/Components/Navbar.tsx
506
- import React17 from "react";
508
+ import React18 from "react";
507
509
 
508
510
  // src/Components/Notification.tsx
509
- import React14 from "react";
511
+ import React15 from "react";
510
512
  import { Popover, Badge, Button as Button2, Avatar, List } from "antd";
511
513
  import { IoIosNotifications } from "react-icons/io";
512
514
  var popoverContentStyle = {
513
515
  minWidth: "300px",
514
516
  maxWidth: "100%"
515
517
  };
516
- var Notification = (props) => /* @__PURE__ */ React14.createElement(
518
+ var Notification = (props) => /* @__PURE__ */ React15.createElement(
517
519
  Popover,
518
520
  {
519
521
  className: props.className,
520
- content: /* @__PURE__ */ React14.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ React14.createElement(
522
+ content: /* @__PURE__ */ React15.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ React15.createElement(
521
523
  List,
522
524
  {
523
525
  itemLayout: "horizontal",
524
526
  dataSource: props.items,
525
- renderItem: (item, index) => /* @__PURE__ */ React14.createElement(List.Item, { key: item.text }, /* @__PURE__ */ React14.createElement(
527
+ renderItem: (item, index) => /* @__PURE__ */ React15.createElement(List.Item, { key: item.text }, /* @__PURE__ */ React15.createElement(
526
528
  List.Item.Meta,
527
529
  {
528
- avatar: /* @__PURE__ */ React14.createElement(Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
530
+ avatar: /* @__PURE__ */ React15.createElement(Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
529
531
  title: item.text,
530
532
  description: item.time
531
533
  }
@@ -535,49 +537,49 @@ var Notification = (props) => /* @__PURE__ */ React14.createElement(
535
537
  trigger: "focus",
536
538
  placement: "bottomRight"
537
539
  },
538
- /* @__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))))
540
+ /* @__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))))
539
541
  );
540
542
 
541
543
  // src/Components/SpanElement.tsx
542
- import React15 from "react";
543
- var SpanElement = (props) => /* @__PURE__ */ React15.createElement("span", { className: props.className }, props.label);
544
+ import React16 from "react";
545
+ var SpanElement = (props) => /* @__PURE__ */ React16.createElement("span", { className: props.className }, props.label);
544
546
 
545
547
  // src/Components/Profile.tsx
546
- import React16 from "react";
548
+ import React17 from "react";
547
549
  import { Avatar as Avatar2 } from "antd";
548
550
  import { UserOutlined } from "@ant-design/icons";
549
- 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)));
551
+ 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)));
550
552
 
551
553
  // src/Components/Navbar.tsx
552
554
  var Navbar = (props) => {
553
- return /* @__PURE__ */ React17.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
555
+ return /* @__PURE__ */ React18.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
554
556
  if (item.element === "span") {
555
- return /* @__PURE__ */ React17.createElement(SpanElement, { ...item });
557
+ return /* @__PURE__ */ React18.createElement(SpanElement, { ...item });
556
558
  } else if (item.element === "notifications") {
557
- return /* @__PURE__ */ React17.createElement(Notification, { ...item });
559
+ return /* @__PURE__ */ React18.createElement(Notification, { ...item });
558
560
  } else if (item.name === "profile") {
559
- return /* @__PURE__ */ React17.createElement(Profile, { ...item });
561
+ return /* @__PURE__ */ React18.createElement(Profile, { ...item });
560
562
  }
561
563
  return null;
562
564
  }));
563
565
  };
564
566
 
565
567
  // src/Components/TableElement.tsx
566
- import React20, { useState as useState5, useEffect as useEffect2 } from "react";
568
+ import React21, { useState as useState5, useEffect as useEffect2 } from "react";
567
569
  import { Table as Table2 } from "antd";
568
570
 
569
571
  // src/Components/Model.tsx
570
- import React19 from "react";
572
+ import React20 from "react";
571
573
  import { Modal } from "antd";
572
574
 
573
575
  // src/Components/ModelBody.tsx
574
- import React18 from "react";
576
+ import React19 from "react";
575
577
  import moment from "moment";
576
578
  var ModelBody = (props) => {
577
- return /* @__PURE__ */ React18.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
579
+ return /* @__PURE__ */ React19.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
578
580
  (eachField) => {
579
581
  if (eachField.element === "div") {
580
- return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
582
+ return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
581
583
  "p",
582
584
  {
583
585
  style: {
@@ -588,7 +590,7 @@ var ModelBody = (props) => {
588
590
  moment(eachField.dateTime).format("LT")
589
591
  ) : "");
590
592
  } else if (eachField.element === "input-radio") {
591
- return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
593
+ return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, /* @__PURE__ */ React19.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
592
594
  "p",
593
595
  {
594
596
  style: {
@@ -599,7 +601,7 @@ var ModelBody = (props) => {
599
601
  moment(eachField.dateTime).format("LT")
600
602
  ) : "");
601
603
  } else if (eachField.element === "button") {
602
- return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
604
+ return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, /* @__PURE__ */ React19.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
603
605
  "p",
604
606
  {
605
607
  style: {
@@ -619,7 +621,7 @@ var ModelBody = (props) => {
619
621
  // src/Components/Model.tsx
620
622
  var ModelElement = (props) => {
621
623
  const { model, onCancel, selectedRecord, columns } = props;
622
- return /* @__PURE__ */ React19.createElement(
624
+ return /* @__PURE__ */ React20.createElement(
623
625
  Modal,
624
626
  {
625
627
  centered: true,
@@ -627,7 +629,7 @@ var ModelElement = (props) => {
627
629
  onCancel,
628
630
  footer: null,
629
631
  width: 850,
630
- title: /* @__PURE__ */ React19.createElement(
632
+ title: /* @__PURE__ */ React20.createElement(
631
633
  "div",
632
634
  {
633
635
  style: {
@@ -640,7 +642,7 @@ var ModelElement = (props) => {
640
642
  },
641
643
  columns.map((eachColumn) => {
642
644
  if (!["index", "View"].includes(eachColumn.key) && eachColumn?.["is_detail"] !== false) {
643
- return /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ React19.createElement(
645
+ return /* @__PURE__ */ React20.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ React20.createElement(
644
646
  "span",
645
647
  {
646
648
  style: {
@@ -657,7 +659,7 @@ var ModelElement = (props) => {
657
659
  })
658
660
  )
659
661
  },
660
- /* @__PURE__ */ React19.createElement(ModelBody, { ...props })
662
+ /* @__PURE__ */ React20.createElement(ModelBody, { ...props })
661
663
  );
662
664
  };
663
665
 
@@ -720,7 +722,7 @@ var TableElement = (props) => {
720
722
  dataIndex: "View",
721
723
  key: "View",
722
724
  render: (_, record) => {
723
- return /* @__PURE__ */ React20.createElement(
725
+ return /* @__PURE__ */ React21.createElement(
724
726
  "a",
725
727
  {
726
728
  onClick: () => {
@@ -731,7 +733,7 @@ var TableElement = (props) => {
731
733
  }
732
734
  }
733
735
  },
734
- /* @__PURE__ */ React20.createElement(EyeOutlined, null)
736
+ /* @__PURE__ */ React21.createElement(EyeOutlined, null)
735
737
  );
736
738
  }
737
739
  });
@@ -764,7 +766,7 @@ var TableElement = (props) => {
764
766
  }
765
767
  }
766
768
  } : void 0;
767
- return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
769
+ return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
768
770
  Table2,
769
771
  {
770
772
  loading: props.loading,
@@ -795,7 +797,7 @@ var TableElement = (props) => {
795
797
  bordered: true,
796
798
  onChange: onChangeTable
797
799
  }
798
- ), model && /* @__PURE__ */ React20.createElement(
800
+ ), model && /* @__PURE__ */ React21.createElement(
799
801
  ModelElement,
800
802
  {
801
803
  selectedRecord,
@@ -808,7 +810,7 @@ var TableElement = (props) => {
808
810
  };
809
811
 
810
812
  // src/Components/DatePicker.tsx
811
- import React21, { useState as useState6 } from "react";
813
+ import React22, { useState as useState6 } from "react";
812
814
  import { DatePicker } from "antd";
813
815
  import dayjs from "dayjs";
814
816
  import customParseFormat from "dayjs/plugin/customParseFormat.js";
@@ -833,7 +835,7 @@ var DatePickerElement = (props) => {
833
835
  const disabledDate = (current) => {
834
836
  return current && current > moment2();
835
837
  };
836
- return /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement(
838
+ return /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement(
837
839
  DatePicker,
838
840
  {
839
841
  disabledDate,
@@ -846,13 +848,14 @@ var DatePickerElement = (props) => {
846
848
  };
847
849
 
848
850
  // src/Components/DateRangePickerElement.tsx
849
- import React22 from "react";
851
+ import React23 from "react";
850
852
  import { DatePicker as DatePicker2, Space } from "antd";
851
853
  import dayjs2 from "dayjs";
852
854
  import moment3 from "moment";
853
855
  var DateRangePickerElement = (props) => {
854
856
  const { value } = props;
855
857
  const { RangePicker } = DatePicker2;
858
+ console.log(value);
856
859
  const handleChange = (dates, dateStrings) => {
857
860
  if (dates) {
858
861
  props.onChange && props.onChange(dateStrings);
@@ -869,7 +872,7 @@ var DateRangePickerElement = (props) => {
869
872
  const disabledDate = (current) => {
870
873
  return current && current > moment3();
871
874
  };
872
- return /* @__PURE__ */ React22.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(
875
+ return /* @__PURE__ */ React23.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React23.createElement(
873
876
  RangePicker,
874
877
  {
875
878
  disabledDate,
@@ -882,13 +885,13 @@ var DateRangePickerElement = (props) => {
882
885
  };
883
886
 
884
887
  // src/Components/Image.tsx
885
- import React23 from "react";
888
+ import React24 from "react";
886
889
  var Image = (props) => {
887
- return /* @__PURE__ */ React23.createElement("img", { className: props.className, src: props.img, alt: "image" });
890
+ return /* @__PURE__ */ React24.createElement("img", { className: props.className, src: props.img, alt: "image" });
888
891
  };
889
892
 
890
893
  // src/Components/SingleCheckbox.tsx
891
- import React24 from "react";
894
+ import React25 from "react";
892
895
  import { Checkbox as Checkbox2 } from "antd";
893
896
  var SingleCheckbox = (props) => {
894
897
  const handleChange = (e) => {
@@ -896,11 +899,11 @@ var SingleCheckbox = (props) => {
896
899
  props.onChange(e.target.checked);
897
900
  }
898
901
  };
899
- return /* @__PURE__ */ React24.createElement(Checkbox2, { onChange: (e) => handleChange(e), className: props.className }, props.label);
902
+ return /* @__PURE__ */ React25.createElement(Checkbox2, { onChange: (e) => handleChange(e), className: props.className }, props.label);
900
903
  };
901
904
 
902
905
  // src/Components/DropDownGroup.tsx
903
- import React25, { useState as useState7 } from "react";
906
+ import React26, { useState as useState7 } from "react";
904
907
  import { Select as Select4 } from "antd";
905
908
  var DropDownGroup = (props) => {
906
909
  const [selectedValue, setSelectedValue] = useState7({
@@ -935,7 +938,7 @@ var DropDownGroup = (props) => {
935
938
  return newValue;
936
939
  });
937
940
  };
938
- 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(
941
+ 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(
939
942
  Select4,
940
943
  {
941
944
  onChange: handleFirstChange,
@@ -943,7 +946,7 @@ var DropDownGroup = (props) => {
943
946
  options: props.firstOptions,
944
947
  className: props.className
945
948
  }
946
- ), /* @__PURE__ */ React25.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React25.createElement(
949
+ ), /* @__PURE__ */ React26.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React26.createElement(
947
950
  Select4,
948
951
  {
949
952
  onChange: handleSecondChange,
@@ -955,7 +958,7 @@ var DropDownGroup = (props) => {
955
958
  };
956
959
 
957
960
  // src/Components/FilesUpload.tsx
958
- import React26, { useState as useState8 } from "react";
961
+ import React27, { useState as useState8 } from "react";
959
962
  import { Upload } from "antd";
960
963
  import { InboxOutlined } from "@ant-design/icons";
961
964
  var FileUpload = (props) => {
@@ -975,7 +978,7 @@ var FileUpload = (props) => {
975
978
  onSuccess("ok");
976
979
  }, 0);
977
980
  };
978
- return /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement(
981
+ return /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement(
979
982
  Dragger,
980
983
  {
981
984
  action: "",
@@ -988,13 +991,13 @@ var FileUpload = (props) => {
988
991
  showUploadList: true,
989
992
  customRequest
990
993
  },
991
- /* @__PURE__ */ React26.createElement("p", null, /* @__PURE__ */ React26.createElement(InboxOutlined, null)),
992
- /* @__PURE__ */ React26.createElement("p", null, "Click or drag file to upload")
994
+ /* @__PURE__ */ React27.createElement("p", null, /* @__PURE__ */ React27.createElement(InboxOutlined, null)),
995
+ /* @__PURE__ */ React27.createElement("p", null, "Click or drag file to upload")
993
996
  ));
994
997
  };
995
998
 
996
999
  // src/Components/TabsElement.tsx
997
- import React27 from "react";
1000
+ import React28 from "react";
998
1001
  import { Tabs } from "antd";
999
1002
  var TabsElement = (props) => {
1000
1003
  const handleChange = (key) => {
@@ -1002,19 +1005,19 @@ var TabsElement = (props) => {
1002
1005
  props.onChange(props.options?.find((eachOption) => eachOption.key === key));
1003
1006
  }
1004
1007
  };
1005
- return /* @__PURE__ */ React27.createElement(Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
1008
+ return /* @__PURE__ */ React28.createElement(Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
1006
1009
  };
1007
1010
 
1008
1011
  // src/Components/SwitchElement.tsx
1009
- import React28 from "react";
1012
+ import React29 from "react";
1010
1013
  import { Switch } from "antd";
1011
1014
  var onChange = (checked) => {
1012
1015
  console.log(`switch to ${checked}`);
1013
1016
  };
1014
- var SwitchElement = () => /* @__PURE__ */ React28.createElement(Switch, { defaultChecked: true, onChange });
1017
+ var SwitchElement = () => /* @__PURE__ */ React29.createElement(Switch, { defaultChecked: true, onChange });
1015
1018
 
1016
1019
  // src/Components/Upload.tsx
1017
- import React29, { useState as useState9 } from "react";
1020
+ import React30, { useState as useState9 } from "react";
1018
1021
  var Upload2 = (props) => {
1019
1022
  const [file, setFile] = useState9();
1020
1023
  const handleFileChange = (e) => {
@@ -1029,7 +1032,7 @@ var Upload2 = (props) => {
1029
1032
  return;
1030
1033
  }
1031
1034
  };
1032
- return /* @__PURE__ */ React29.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React29.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ React29.createElement(
1035
+ return /* @__PURE__ */ React30.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React30.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ React30.createElement(
1033
1036
  "button",
1034
1037
  {
1035
1038
  type: "button",
@@ -1042,7 +1045,7 @@ var Upload2 = (props) => {
1042
1045
  };
1043
1046
 
1044
1047
  // src/Components/OtpElement.tsx
1045
- import React30, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
1048
+ import React31, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
1046
1049
  import { Input as Input3 } from "antd";
1047
1050
  var OtpElement = (props) => {
1048
1051
  const length = props.length;
@@ -1082,7 +1085,7 @@ var OtpElement = (props) => {
1082
1085
  useEffect3(() => {
1083
1086
  inputRefs.current[0]?.focus();
1084
1087
  }, []);
1085
- return /* @__PURE__ */ React30.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React30.createElement(
1088
+ return /* @__PURE__ */ React31.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React31.createElement(
1086
1089
  Input3,
1087
1090
  {
1088
1091
  key: index,
@@ -1098,7 +1101,7 @@ var OtpElement = (props) => {
1098
1101
  };
1099
1102
 
1100
1103
  // src/Components/CircleDonut.tsx
1101
- import React31 from "react";
1104
+ import React32 from "react";
1102
1105
  import { Doughnut } from "react-chartjs-2";
1103
1106
  import {
1104
1107
  Chart as ChartJS,
@@ -1181,11 +1184,11 @@ var CircleDonut = (props) => {
1181
1184
  ctx.restore();
1182
1185
  }
1183
1186
  };
1184
- 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] }));
1187
+ 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] }));
1185
1188
  };
1186
1189
 
1187
1190
  // src/Components/SemiCircleDonut.tsx
1188
- import React32 from "react";
1191
+ import React33 from "react";
1189
1192
  import { Doughnut as Doughnut2 } from "react-chartjs-2";
1190
1193
  import {
1191
1194
  Chart as ChartJS2,
@@ -1268,11 +1271,11 @@ var SemiCircleDonut = (props) => {
1268
1271
  ctx.restore();
1269
1272
  }
1270
1273
  };
1271
- 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] }));
1274
+ 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] }));
1272
1275
  };
1273
1276
 
1274
1277
  // src/Components/HorizontalBarChart.tsx
1275
- import React33 from "react";
1278
+ import React34 from "react";
1276
1279
  import { Bar } from "react-chartjs-2";
1277
1280
  import {
1278
1281
  Chart as ChartJS3,
@@ -1327,11 +1330,11 @@ var HorizontalBarChart = (props) => {
1327
1330
  }
1328
1331
  }
1329
1332
  };
1330
- return /* @__PURE__ */ React33.createElement("div", { className: props.className }, /* @__PURE__ */ React33.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React33.createElement(Bar, { data, options }));
1333
+ return /* @__PURE__ */ React34.createElement("div", { className: props.className }, /* @__PURE__ */ React34.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React34.createElement(Bar, { data, options }));
1331
1334
  };
1332
1335
 
1333
1336
  // src/Components/LineChart.tsx
1334
- import React34, { useEffect as useEffect4, useRef as useRef2 } from "react";
1337
+ import React35, { useEffect as useEffect4, useRef as useRef2 } from "react";
1335
1338
  import Chart from "chart.js/auto";
1336
1339
  var LineChart = (props) => {
1337
1340
  const chartRef = useRef2(null);
@@ -1400,11 +1403,11 @@ var LineChart = (props) => {
1400
1403
  }
1401
1404
  };
1402
1405
  }, [labels, data]);
1403
- return /* @__PURE__ */ React34.createElement("div", { className: props.className }, /* @__PURE__ */ React34.createElement("canvas", { ref: chartRef }));
1406
+ return /* @__PURE__ */ React35.createElement("div", { className: props.className }, /* @__PURE__ */ React35.createElement("canvas", { ref: chartRef }));
1404
1407
  };
1405
1408
 
1406
1409
  // src/Components/DoubleBarChart.tsx
1407
- import React35, { useEffect as useEffect5, useRef as useRef3 } from "react";
1410
+ import React36, { useEffect as useEffect5, useRef as useRef3 } from "react";
1408
1411
  import Chart2 from "chart.js/auto";
1409
1412
  var DoubleBarChart = (props) => {
1410
1413
  const chartRef = useRef3(null);
@@ -1478,11 +1481,11 @@ var DoubleBarChart = (props) => {
1478
1481
  }
1479
1482
  };
1480
1483
  }, []);
1481
- return /* @__PURE__ */ React35.createElement("div", { className: props.className }, /* @__PURE__ */ React35.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React35.createElement("canvas", { ref: chartRef }));
1484
+ return /* @__PURE__ */ React36.createElement("div", { className: props.className }, /* @__PURE__ */ React36.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React36.createElement("canvas", { ref: chartRef }));
1482
1485
  };
1483
1486
 
1484
1487
  // src/Components/BarChart.tsx
1485
- import React36 from "react";
1488
+ import React37 from "react";
1486
1489
  import { Bar as Bar2 } from "react-chartjs-2";
1487
1490
  import {
1488
1491
  Chart as ChartJS4,
@@ -1550,7 +1553,7 @@ var BarChart = (props) => {
1550
1553
  }
1551
1554
  }
1552
1555
  };
1553
- return /* @__PURE__ */ React36.createElement("div", { className: props.className }, /* @__PURE__ */ React36.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React36.createElement(Bar2, { data, options }));
1556
+ return /* @__PURE__ */ React37.createElement("div", { className: props.className }, /* @__PURE__ */ React37.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React37.createElement(Bar2, { data, options }));
1554
1557
  };
1555
1558
  export {
1556
1559
  AddMoreTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta230",
3
+ "version": "0.0.14-Beta232",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",