@apexcura/ui-components 0.0.11-Beta246 → 0.0.11-Beta248

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +23 -16
  2. package/dist/index.mjs +23 -16
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -656,7 +656,7 @@ var ModelElement = (props) => {
656
656
  },
657
657
  Object.entries(selectedRecord).map(([key, value]) => {
658
658
  const record = columns.filter((eachColumn) => eachColumn.key === key);
659
- return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "500", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { fontWeight: "200", color: "gray", paddingRight: "10px" } }, record[0].title), String(value));
659
+ return record.length > 0 ? /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "500", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { fontWeight: "200", color: "gray", paddingRight: "10px" } }, record[0].title), String(value)) : "";
660
660
  })
661
661
  )
662
662
  },
@@ -669,6 +669,11 @@ var TableElement = (props) => {
669
669
  const { thead, tbody } = props;
670
670
  const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
671
671
  const [model, setModel] = (0, import_react21.useState)(false);
672
+ const handleChange = (record) => {
673
+ if (props.onChange) {
674
+ props.onChange(record);
675
+ }
676
+ };
672
677
  let columns = [];
673
678
  if (thead) {
674
679
  columns = [
@@ -708,6 +713,7 @@ var TableElement = (props) => {
708
713
  return {
709
714
  onClick: () => {
710
715
  setSelectedRecord(record);
716
+ handleChange(record);
711
717
  setModel(true);
712
718
  }
713
719
  };
@@ -772,22 +778,23 @@ var DatePickerElement = (props) => {
772
778
  var import_react23 = __toESM(require("react"));
773
779
  var import_antd16 = require("antd");
774
780
  var import_dayjs = __toESM(require("dayjs"));
775
- var { RangePicker } = import_antd16.DatePicker;
776
- var onRangeChange = (dates, dateStrings) => {
777
- if (dates) {
778
- console.log("From: ", dates[0], ", to: ", dates[1]);
779
- console.log("From: ", dateStrings[0], ", to: ", dateStrings[1]);
780
- } else {
781
- console.log("Clear");
782
- }
781
+ var DateRangePickerElement = (props) => {
782
+ const { RangePicker } = import_antd16.DatePicker;
783
+ const handleChange = (dates, dateStrings) => {
784
+ if (dates && props.onChange) {
785
+ props.onChange(dateStrings);
786
+ } else {
787
+ console.log("Clear");
788
+ }
789
+ };
790
+ const rangePresets = [
791
+ { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d"), (0, import_dayjs.default)()] },
792
+ { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d"), (0, import_dayjs.default)()] },
793
+ { label: "Last 30 Days", value: [(0, import_dayjs.default)().add(-30, "d"), (0, import_dayjs.default)()] },
794
+ { label: "Last 90 Days", value: [(0, import_dayjs.default)().add(-90, "d"), (0, import_dayjs.default)()] }
795
+ ];
796
+ return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
783
797
  };
784
- var rangePresets = [
785
- { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d"), (0, import_dayjs.default)()] },
786
- { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d"), (0, import_dayjs.default)()] },
787
- { label: "Last 30 Days", value: [(0, import_dayjs.default)().add(-30, "d"), (0, import_dayjs.default)()] },
788
- { label: "Last 90 Days", value: [(0, import_dayjs.default)().add(-90, "d"), (0, import_dayjs.default)()] }
789
- ];
790
- var DateRangePickerElement = (props) => /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(RangePicker, { presets: rangePresets, onChange: onRangeChange }));
791
798
  // Annotate the CommonJS export names for ESM import in node:
792
799
  0 && (module.exports = {
793
800
  AddMoreTable,
package/dist/index.mjs CHANGED
@@ -604,7 +604,7 @@ var ModelElement = (props) => {
604
604
  },
605
605
  Object.entries(selectedRecord).map(([key, value]) => {
606
606
  const record = columns.filter((eachColumn) => eachColumn.key === key);
607
- return /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "500", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { fontWeight: "200", color: "gray", paddingRight: "10px" } }, record[0].title), String(value));
607
+ return record.length > 0 ? /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "500", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { fontWeight: "200", color: "gray", paddingRight: "10px" } }, record[0].title), String(value)) : "";
608
608
  })
609
609
  )
610
610
  },
@@ -617,6 +617,11 @@ var TableElement = (props) => {
617
617
  const { thead, tbody } = props;
618
618
  const [selectedRecord, setSelectedRecord] = useState5({});
619
619
  const [model, setModel] = useState5(false);
620
+ const handleChange = (record) => {
621
+ if (props.onChange) {
622
+ props.onChange(record);
623
+ }
624
+ };
620
625
  let columns = [];
621
626
  if (thead) {
622
627
  columns = [
@@ -656,6 +661,7 @@ var TableElement = (props) => {
656
661
  return {
657
662
  onClick: () => {
658
663
  setSelectedRecord(record);
664
+ handleChange(record);
659
665
  setModel(true);
660
666
  }
661
667
  };
@@ -720,22 +726,23 @@ var DatePickerElement = (props) => {
720
726
  import React22 from "react";
721
727
  import { DatePicker as DatePicker2, Space as Space2 } from "antd";
722
728
  import dayjs from "dayjs";
723
- var { RangePicker } = DatePicker2;
724
- var onRangeChange = (dates, dateStrings) => {
725
- if (dates) {
726
- console.log("From: ", dates[0], ", to: ", dates[1]);
727
- console.log("From: ", dateStrings[0], ", to: ", dateStrings[1]);
728
- } else {
729
- console.log("Clear");
730
- }
729
+ var DateRangePickerElement = (props) => {
730
+ const { RangePicker } = DatePicker2;
731
+ const handleChange = (dates, dateStrings) => {
732
+ if (dates && props.onChange) {
733
+ props.onChange(dateStrings);
734
+ } else {
735
+ console.log("Clear");
736
+ }
737
+ };
738
+ const rangePresets = [
739
+ { label: "Last 7 Days", value: [dayjs().add(-7, "d"), dayjs()] },
740
+ { label: "Last 14 Days", value: [dayjs().add(-14, "d"), dayjs()] },
741
+ { label: "Last 30 Days", value: [dayjs().add(-30, "d"), dayjs()] },
742
+ { label: "Last 90 Days", value: [dayjs().add(-90, "d"), dayjs()] }
743
+ ];
744
+ return /* @__PURE__ */ React22.createElement(Space2, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
731
745
  };
732
- var rangePresets = [
733
- { label: "Last 7 Days", value: [dayjs().add(-7, "d"), dayjs()] },
734
- { label: "Last 14 Days", value: [dayjs().add(-14, "d"), dayjs()] },
735
- { label: "Last 30 Days", value: [dayjs().add(-30, "d"), dayjs()] },
736
- { label: "Last 90 Days", value: [dayjs().add(-90, "d"), dayjs()] }
737
- ];
738
- var DateRangePickerElement = (props) => /* @__PURE__ */ React22.createElement(Space2, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: onRangeChange }));
739
746
  export {
740
747
  AddMoreTable,
741
748
  ButtonElement,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.11-Beta246",
3
+ "version": "0.0.11-Beta248",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",