@apexcura/ui-components 0.0.11-Beta193 → 0.0.11-Beta195

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -609,16 +609,18 @@ var Navbar = (props) => {
609
609
 
610
610
  // src/Components/TableElement.tsx
611
611
  var import_react20 = __toESM(require("react"));
612
- var import_antd13 = require("antd");
612
+ var import_antd14 = require("antd");
613
613
 
614
614
  // src/Components/Model.tsx
615
615
  var import_react19 = __toESM(require("react"));
616
- var ModelElement = (props) => /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("p", null, "Model opened"));
616
+ var import_antd13 = require("antd");
617
+ var ModelElement = (props, model) => /* @__PURE__ */ import_react19.default.createElement(import_antd13.Modal, { open: model }, /* @__PURE__ */ import_react19.default.createElement("p", null, "Model opened"));
617
618
 
618
619
  // src/Components/TableElement.tsx
619
620
  var TableElement = (props) => {
620
621
  const { thead, tbody } = props;
621
622
  const [selectedRecord, setSelectedRecord] = (0, import_react20.useState)({});
623
+ const [model, setModel] = (0, import_react20.useState)(false);
622
624
  let columns = [];
623
625
  if (thead) {
624
626
  columns = [
@@ -640,7 +642,7 @@ var TableElement = (props) => {
640
642
  [columns[0].key]: index + 1
641
643
  }));
642
644
  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
643
- import_antd13.Table,
645
+ import_antd14.Table,
644
646
  {
645
647
  dataSource,
646
648
  columns,
@@ -650,16 +652,17 @@ var TableElement = (props) => {
650
652
  return {
651
653
  onClick: () => {
652
654
  setSelectedRecord(record);
655
+ setModel(true);
653
656
  }
654
657
  };
655
658
  }
656
659
  }
657
- ), selectedRecord && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, ...selectedRecord, onClose: () => setSelectedRecord({}) }));
660
+ ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, ...selectedRecord, model, onCancel: () => setModel(false) }));
658
661
  };
659
662
 
660
663
  // src/Components/DatePicker.tsx
661
664
  var import_react21 = __toESM(require("react"));
662
- var import_antd14 = require("antd");
665
+ var import_antd15 = require("antd");
663
666
  var import_icons4 = require("@ant-design/icons");
664
667
  var import_moment = __toESM(require("moment"));
665
668
  var DatePickerElement = (props) => {
@@ -699,7 +702,7 @@ var DatePickerElement = (props) => {
699
702
  }
700
703
  };
701
704
  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(
702
- import_antd14.DatePicker,
705
+ import_antd15.DatePicker,
703
706
  {
704
707
  placeholder: props.placeholder,
705
708
  value: date,
package/dist/index.mjs CHANGED
@@ -562,12 +562,14 @@ import { Table as Table2 } from "antd";
562
562
 
563
563
  // src/Components/Model.tsx
564
564
  import React18 from "react";
565
- var ModelElement = (props) => /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("p", null, "Model opened"));
565
+ import { Modal } from "antd";
566
+ var ModelElement = (props, model) => /* @__PURE__ */ React18.createElement(Modal, { open: model }, /* @__PURE__ */ React18.createElement("p", null, "Model opened"));
566
567
 
567
568
  // src/Components/TableElement.tsx
568
569
  var TableElement = (props) => {
569
570
  const { thead, tbody } = props;
570
571
  const [selectedRecord, setSelectedRecord] = useState5({});
572
+ const [model, setModel] = useState5(false);
571
573
  let columns = [];
572
574
  if (thead) {
573
575
  columns = [
@@ -599,11 +601,12 @@ var TableElement = (props) => {
599
601
  return {
600
602
  onClick: () => {
601
603
  setSelectedRecord(record);
604
+ setModel(true);
602
605
  }
603
606
  };
604
607
  }
605
608
  }
606
- ), selectedRecord && /* @__PURE__ */ React19.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, ...selectedRecord, onClose: () => setSelectedRecord({}) }));
609
+ ), model && /* @__PURE__ */ React19.createElement(ModelElement, { selectedStyle: false, style: false, className: void 0, ...selectedRecord, model, onCancel: () => setModel(false) }));
607
610
  };
608
611
 
609
612
  // src/Components/DatePicker.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.11-Beta193",
3
+ "version": "0.0.11-Beta195",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",