@apexcura/ui-components 0.0.11-Beta216 → 0.0.11-Beta218

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 (5) hide show
  1. package/dist/index.d.mts +2 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +34 -16
  4. package/dist/index.mjs +31 -13
  5. package/package.json +1 -2
package/dist/index.d.mts CHANGED
@@ -23,6 +23,7 @@ type ElementType = {
23
23
  maxLength?: number;
24
24
  fieldNames?: any[];
25
25
  fields?: any[];
26
+ schema?: any[];
26
27
  options?: any[];
27
28
  onChange?: (value: string | number | boolean | object | any[]) => void;
28
29
  dropDownOptions?: any[];
@@ -52,6 +53,7 @@ type ElementType = {
52
53
  iconsClassName?: string;
53
54
  labelClassName?: string;
54
55
  containerClassName?: string;
56
+ modalContent?: any;
55
57
  };
56
58
 
57
59
  interface ElementExecuterProps$3 extends ElementType {
package/dist/index.d.ts CHANGED
@@ -23,6 +23,7 @@ type ElementType = {
23
23
  maxLength?: number;
24
24
  fieldNames?: any[];
25
25
  fields?: any[];
26
+ schema?: any[];
26
27
  options?: any[];
27
28
  onChange?: (value: string | number | boolean | object | any[]) => void;
28
29
  dropDownOptions?: any[];
@@ -52,6 +53,7 @@ type ElementType = {
52
53
  iconsClassName?: string;
53
54
  labelClassName?: string;
54
55
  containerClassName?: string;
56
+ modalContent?: any;
55
57
  };
56
58
 
57
59
  interface ElementExecuterProps$3 extends ElementType {
package/dist/index.js CHANGED
@@ -608,45 +608,63 @@ var Navbar = (props) => {
608
608
  };
609
609
 
610
610
  // src/Components/TableElement.tsx
611
- var import_react20 = __toESM(require("react"));
611
+ var import_react21 = __toESM(require("react"));
612
612
  var import_antd14 = require("antd");
613
613
 
614
614
  // src/Components/Model.tsx
615
- var import_react19 = __toESM(require("react"));
615
+ var import_react20 = __toESM(require("react"));
616
616
  var import_antd13 = require("antd");
617
+
618
+ // src/Components/ModelBody.tsx
619
+ var import_react19 = __toESM(require("react"));
620
+ var ModelBody = (props) => {
621
+ return /* @__PURE__ */ import_react19.default.createElement("div", null, props.modalContent && props.modalContent.fields.map((eachField) => {
622
+ console.log("eachField==========", eachField);
623
+ if (eachField.element === "div") {
624
+ /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, eachField.label);
625
+ } else if (eachField.element === "input-radio") {
626
+ /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(RadioElement, { ...eachField }));
627
+ } else if (eachField.element === "button") {
628
+ /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(ButtonElement, { ...eachField }));
629
+ }
630
+ }));
631
+ };
632
+
633
+ // src/Components/Model.tsx
617
634
  var ModelElement = (props) => {
618
635
  const { onCancel, model, selectedRecord } = props;
619
636
  console.log("selectedRecord in model", selectedRecord);
620
637
  console.log("model", model);
621
- return /* @__PURE__ */ import_react19.default.createElement(
638
+ return /* @__PURE__ */ import_react20.default.createElement(
622
639
  import_antd13.Modal,
623
640
  {
624
641
  open: model,
625
642
  onCancel,
626
643
  footer: null,
627
- title: /* @__PURE__ */ import_react19.default.createElement(
644
+ width: 900,
645
+ title: /* @__PURE__ */ import_react20.default.createElement(
628
646
  "div",
629
647
  {
630
648
  style: {
631
- backgroundColor: "#D4D4D4",
632
649
  display: "flex",
633
650
  flexWrap: "wrap",
634
651
  padding: "10px",
635
- width: "full"
652
+ width: "full",
653
+ margin: "-10px"
636
654
  }
637
655
  },
638
- Object.entries(selectedRecord).map(([key, value]) => /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react19.default.createElement("span", { style: { color: "gray" } }, key), String(value)))
656
+ Object.entries(selectedRecord).map(([key, value]) => /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, key), String(value)))
639
657
  )
640
658
  },
641
- /* @__PURE__ */ import_react19.default.createElement("p", null, "Model opened")
659
+ /* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
642
660
  );
643
661
  };
644
662
 
645
663
  // src/Components/TableElement.tsx
646
664
  var TableElement = (props) => {
647
665
  const { thead, tbody } = props;
648
- const [selectedRecord, setSelectedRecord] = (0, import_react20.useState)({});
649
- const [model, setModel] = (0, import_react20.useState)(false);
666
+ const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
667
+ const [model, setModel] = (0, import_react21.useState)(false);
650
668
  console.log("selectedRecord", selectedRecord);
651
669
  let columns = [];
652
670
  if (thead) {
@@ -676,7 +694,7 @@ var TableElement = (props) => {
676
694
  ...row,
677
695
  [columns[0].key]: index + 1
678
696
  }));
679
- return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
697
+ return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
680
698
  import_antd14.Table,
681
699
  {
682
700
  dataSource,
@@ -692,16 +710,16 @@ var TableElement = (props) => {
692
710
  };
693
711
  }
694
712
  }
695
- ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, selectedRecord, model, onCancel: () => setModel(false) }));
713
+ ), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, selectedRecord, model, onCancel: () => setModel(false) }));
696
714
  };
697
715
 
698
716
  // src/Components/DatePicker.tsx
699
- var import_react21 = __toESM(require("react"));
717
+ var import_react22 = __toESM(require("react"));
700
718
  var import_antd15 = require("antd");
701
719
  var import_icons4 = require("@ant-design/icons");
702
720
  var import_moment = __toESM(require("moment"));
703
721
  var DatePickerElement = (props) => {
704
- const [date, setDate] = (0, import_react21.useState)(null);
722
+ const [date, setDate] = (0, import_react22.useState)(null);
705
723
  const handleChange = (date2, dateString) => {
706
724
  console.log("date---------", date2);
707
725
  console.log("datestring", dateString);
@@ -736,7 +754,7 @@ var DatePickerElement = (props) => {
736
754
  props.onChange(newDate.format("lll"));
737
755
  }
738
756
  };
739
- return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react21.default.createElement(import_icons4.LeftOutlined, null)), /* @__PURE__ */ import_react21.default.createElement(
757
+ return /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react22.default.createElement(import_icons4.LeftOutlined, null)), /* @__PURE__ */ import_react22.default.createElement(
740
758
  import_antd15.DatePicker,
741
759
  {
742
760
  placeholder: props.placeholder,
@@ -744,7 +762,7 @@ var DatePickerElement = (props) => {
744
762
  variant: "borderless",
745
763
  onChange: handleChange
746
764
  }
747
- ), /* @__PURE__ */ import_react21.default.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ import_react21.default.createElement(import_icons4.RightOutlined, null)));
765
+ ), /* @__PURE__ */ import_react22.default.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ import_react22.default.createElement(import_icons4.RightOutlined, null)));
748
766
  };
749
767
  // Annotate the CommonJS export names for ESM import in node:
750
768
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -557,37 +557,55 @@ var Navbar = (props) => {
557
557
  };
558
558
 
559
559
  // src/Components/TableElement.tsx
560
- import React19, { useState as useState5 } from "react";
560
+ import React20, { useState as useState5 } from "react";
561
561
  import { Table as Table2 } from "antd";
562
562
 
563
563
  // src/Components/Model.tsx
564
- import React18 from "react";
564
+ import React19 from "react";
565
565
  import { Modal } from "antd";
566
+
567
+ // src/Components/ModelBody.tsx
568
+ import React18 from "react";
569
+ var ModelBody = (props) => {
570
+ return /* @__PURE__ */ React18.createElement("div", null, props.modalContent && props.modalContent.fields.map((eachField) => {
571
+ console.log("eachField==========", eachField);
572
+ if (eachField.element === "div") {
573
+ /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label);
574
+ } else if (eachField.element === "input-radio") {
575
+ /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(RadioElement, { ...eachField }));
576
+ } else if (eachField.element === "button") {
577
+ /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(ButtonElement, { ...eachField }));
578
+ }
579
+ }));
580
+ };
581
+
582
+ // src/Components/Model.tsx
566
583
  var ModelElement = (props) => {
567
584
  const { onCancel, model, selectedRecord } = props;
568
585
  console.log("selectedRecord in model", selectedRecord);
569
586
  console.log("model", model);
570
- return /* @__PURE__ */ React18.createElement(
587
+ return /* @__PURE__ */ React19.createElement(
571
588
  Modal,
572
589
  {
573
590
  open: model,
574
591
  onCancel,
575
592
  footer: null,
576
- title: /* @__PURE__ */ React18.createElement(
593
+ width: 900,
594
+ title: /* @__PURE__ */ React19.createElement(
577
595
  "div",
578
596
  {
579
597
  style: {
580
- backgroundColor: "#D4D4D4",
581
598
  display: "flex",
582
599
  flexWrap: "wrap",
583
600
  padding: "10px",
584
- width: "full"
601
+ width: "full",
602
+ margin: "-10px"
585
603
  }
586
604
  },
587
- Object.entries(selectedRecord).map(([key, value]) => /* @__PURE__ */ React18.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React18.createElement("span", { style: { color: "gray" } }, key), String(value)))
605
+ Object.entries(selectedRecord).map(([key, value]) => /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, key), String(value)))
588
606
  )
589
607
  },
590
- /* @__PURE__ */ React18.createElement("p", null, "Model opened")
608
+ /* @__PURE__ */ React19.createElement(ModelBody, { ...props })
591
609
  );
592
610
  };
593
611
 
@@ -625,7 +643,7 @@ var TableElement = (props) => {
625
643
  ...row,
626
644
  [columns[0].key]: index + 1
627
645
  }));
628
- return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
646
+ return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
629
647
  Table2,
630
648
  {
631
649
  dataSource,
@@ -641,11 +659,11 @@ var TableElement = (props) => {
641
659
  };
642
660
  }
643
661
  }
644
- ), model && /* @__PURE__ */ React19.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, selectedRecord, model, onCancel: () => setModel(false) }));
662
+ ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, selectedRecord, model, onCancel: () => setModel(false) }));
645
663
  };
646
664
 
647
665
  // src/Components/DatePicker.tsx
648
- import React20, { useState as useState6 } from "react";
666
+ import React21, { useState as useState6 } from "react";
649
667
  import { DatePicker } from "antd";
650
668
  import { LeftOutlined, RightOutlined } from "@ant-design/icons";
651
669
  import moment from "moment";
@@ -685,7 +703,7 @@ var DatePickerElement = (props) => {
685
703
  props.onChange(newDate.format("lll"));
686
704
  }
687
705
  };
688
- return /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ React20.createElement(LeftOutlined, null)), /* @__PURE__ */ React20.createElement(
706
+ return /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ React21.createElement(LeftOutlined, null)), /* @__PURE__ */ React21.createElement(
689
707
  DatePicker,
690
708
  {
691
709
  placeholder: props.placeholder,
@@ -693,7 +711,7 @@ var DatePickerElement = (props) => {
693
711
  variant: "borderless",
694
712
  onChange: handleChange
695
713
  }
696
- ), /* @__PURE__ */ React20.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ React20.createElement(RightOutlined, null)));
714
+ ), /* @__PURE__ */ React21.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ React21.createElement(RightOutlined, null)));
697
715
  };
698
716
  export {
699
717
  AddMoreTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.11-Beta216",
3
+ "version": "0.0.11-Beta218",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",
@@ -48,7 +48,6 @@
48
48
  "node": ">=18.0.0"
49
49
  },
50
50
  "dependencies": {
51
- "@apexcura/core": "^0.0.13-Beta152",
52
51
  "@tinymce/tinymce-react": "^5.0.1",
53
52
  "autoprefixer": "^10.4.19",
54
53
  "date-fns": "^3.6.0",