@apexcura/ui-components 0.0.14-Beta221 → 0.0.14-Beta223

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