@apexcura/ui-components 0.0.16-Beta18 → 0.0.16-Beta19

package/dist/index.js

@@ -278,22 +278,25 @@ var RadioElement = (props) => {
 var import_react7 = __toESM(require("react"));
 var import_antd7 = require("antd");
 var CheckboxGroup = import_antd7.Checkbox.Group;
-var defaultCheckedList = [];
 var CheckboxElement = (props) => {
-  const [checkedList, setCheckedList] = (0, import_react7.useState)(defaultCheckedList);
-  const options = props.options || [];
-  const checkAll = options.length > 0 && options.length === checkedList.length;
+  const [checkedList, setCheckedList] = (0, import_react7.useState)([]);
+  const options = (props.options || []).map((option) => ({
+    key: option.key,
+    label: option.label ?? "",
+    value: option.value
+  }));
+  const checkAll = options.length > 0 && options.length === (checkedList && checkedList.length);
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
       const selectedOptions = options.filter(
-        (option) => list.includes(option.value)
+        (option) => option.value && list.includes(option.value)
       );
       props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? options.map((option) => option.value) : [];
+    const newList = e.target.checked ? options.map((option) => option.value).filter((value) => value !== void 0) : [];
     setCheckedList(newList);
     if (props.onChange) {
       const selectedOptions = e.target.checked ? options : [];
@@ -381,12 +384,12 @@ var import_react10 = __toESM(require("react"));
 var import_ckeditor5_react = require("@ckeditor/ckeditor5-react");
 var import_ckeditor5_build_classic = __toESM(require("@ckeditor/ckeditor5-build-classic"));
 var Editor2 = (props) => {
-  return /* @__PURE__ */ import_react10.default.createElement("div", { style: { height: "500px" } }, /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react10.default.createElement(
     import_ckeditor5_react.CKEditor,
     {
       editor: import_ckeditor5_build_classic.default,
       config: {
-        removePlugins: ["CKEditorInspector", "PoweredBy"],
+        removePlugins: ["CKEditorInspector"],
         placeholder: `Enter Text`,
         toolbar: {
           items: [
@@ -407,6 +410,7 @@ var Editor2 = (props) => {
             "|",
             "insertTable",
             "blockQuote",
+            "pageBreak",
             "|",
             "selectAll"
           ]
@@ -416,6 +420,10 @@ var Editor2 = (props) => {
       onChange: (event, editor) => {
         console.log(editor.getData());
         props.onChange && props.onChange(editor.getData());
+      },
+      onBlur: (event, editor) => {
+      },
+      onFocus: (event, editor) => {
       }
     }
   ));
@@ -608,7 +616,8 @@ var icons = {
       d: "M7.75254 21.4868C7.213 21.4868 6.75128 21.2948 6.36738 20.9109C5.98284 20.5264 5.79056 20.0643 5.79056 19.5248V6.77189C5.51261 6.77189 5.27947 6.67804 5.09111 6.49035C4.90342 6.302 4.80957 6.06885 4.80957 5.7909C4.80957 5.51295 4.90342 5.2798 5.09111 5.09145C5.27947 4.90376 5.51261 4.80991 5.79056 4.80991H9.71453C9.71453 4.53196 9.8087 4.29881 9.99705 4.11046C10.1847 3.92277 10.4176 3.82892 10.6955 3.82892H14.6195C14.8974 3.82892 15.1306 3.92277 15.3189 4.11046C15.5066 4.29881 15.6005 4.53196 15.6005 4.80991H19.5244C19.8024 4.80991 20.0352 4.90376 20.2229 5.09145C20.4113 5.2798 20.5054 5.51295 20.5054 5.7909C20.5054 6.06885 20.4113 6.302 20.2229 6.49035C20.0352 6.67804 19.8024 6.77189 19.5244 6.77189V19.5248C19.5244 20.0643 19.3325 20.5264 18.9486 20.9109C18.564 21.2948 18.102 21.4868 17.5625 21.4868H7.75254ZM9.71453 16.5818C9.71453 16.8597 9.8087 17.0926 9.99705 17.2803C10.1847 17.4686 10.4176 17.5628 10.6955 17.5628C10.9735 17.5628 11.2066 17.4686 11.395 17.2803C11.5827 17.0926 11.6765 16.8597 11.6765 16.5818V9.71486C11.6765 9.43692 11.5827 9.20377 11.395 9.01542C11.2066 8.82772 10.9735 8.73387 10.6955 8.73387C10.4176 8.73387 10.1847 8.82772 9.99705 9.01542C9.8087 9.20377 9.71453 9.43692 9.71453 9.71486V16.5818ZM13.6385 16.5818C13.6385 16.8597 13.7327 17.0926 13.921 17.2803C14.1087 17.4686 14.3415 17.5628 14.6195 17.5628C14.8974 17.5628 15.1306 17.4686 15.3189 17.2803C15.5066 17.0926 15.6005 16.8597 15.6005 16.5818V9.71486C15.6005 9.43692 15.5066 9.20377 15.3189 9.01542C15.1306 8.82772 14.8974 8.73387 14.6195 8.73387C14.3415 8.73387 14.1087 8.82772 13.921 9.01542C13.7327 9.20377 13.6385 9.43692 13.6385 9.71486V16.5818Z",
       fill: "#D9363E"
     }
-  ))
+  )),
+  profile: /* @__PURE__ */ import_react13.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M17 19.5C18.3411 19.5 19.5979 18.3735 19.2664 16.9062C19.1476 16.3806 18.9841 15.8647 18.7769 15.3645C18.2994 14.2119 17.5997 13.1646 16.7175 12.2825C15.8354 11.4003 14.7881 10.7006 13.6355 10.2231C12.4829 9.74572 11.2476 9.5 10 9.5C8.75244 9.5 7.5171 9.74572 6.36451 10.2231C5.21191 10.7006 4.16464 11.4003 3.28249 12.2825C2.40033 13.1646 1.70056 14.2119 1.22314 15.3645C1.01594 15.8647 0.852378 16.3806 0.733607 16.9062C0.402069 18.3735 1.65891 19.5 3 19.5L10 19.5H17Z", fill: "#505050", stroke: "white" }), /* @__PURE__ */ import_react13.default.createElement("circle", { cx: "10", cy: "6", r: "5.5", fill: "#505050", stroke: "white" }))
 };
 
 // src/Components/Button.tsx
@@ -1010,22 +1019,23 @@ var DateRangePickerElement = (props) => {
   const { RangePicker } = import_antd15.DatePicker;
   const dateValues = value ? value.map((date) => (0, import_dayjs2.default)(date, "DD-MM-YYYY")) : null;
   const today = (0, import_dayjs2.default)();
-  const handleChange = (dates, dateStrings) => {
+  const handleChange = (dates) => {
     if (dates) {
-      let [start, end] = dates;
+      let end;
+      const [start, initialEnd] = dates;
+      end = initialEnd;
       if (start && start.isBefore(today) && end && end.isAfter(today)) {
         end = today;
       }
       const adjustedDates = [start, end].map(
         (date) => date ? date.format("DD-MM-YYYY") : null
       );
-      console.log("1", adjustedDates);
       props.onChange && props.onChange(adjustedDates);
     } else {
       props.onChange && props.onChange("");
     }
   };
-  let rangePresets = [
+  const rangePresets = [
     { label: "Last 7 Days", value: [(0, import_dayjs2.default)().subtract(6, "d"), today] },
     { label: "Last 14 Days", value: [(0, import_dayjs2.default)().subtract(13, "d"), today] },
     { label: "Last 30 Days", value: [(0, import_dayjs2.default)().subtract(29, "d"), today] },
@@ -1121,7 +1131,7 @@ var DropDownGroup = (props) => {
       value: props.value.firstValue,
       showSearch: true
     }
-  ), /* @__PURE__ */ import_react26.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "31px" } }), /* @__PURE__ */ import_react26.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement("div", { style: { borderLeft: "1px solid gray" } }), /* @__PURE__ */ import_react26.default.createElement(
     import_antd17.Select,
     {
       onChange: handleSecondChange,
@@ -1779,7 +1789,7 @@ var NotificationAlert = (props) => {
 // src/Components/TooltipElement.tsx
 var import_react41 = __toESM(require("react"));
 var import_antd24 = require("antd");
-var TooltipElement = (props) => /* @__PURE__ */ import_react41.default.createElement(import_antd24.Tooltip, { title: props.title }, /* @__PURE__ */ import_react41.default.createElement("span", null, props.description));
+var TooltipElement = (props) => /* @__PURE__ */ import_react41.default.createElement(import_antd24.Tooltip, { title: props.title }, /* @__PURE__ */ import_react41.default.createElement("span", { className: props.className }, props.description));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,

package/dist/index.mjs

@@ -207,22 +207,25 @@ var RadioElement = (props) => {
 import React7, { useState as useState3 } from "react";
 import { Checkbox } from "antd";
 var CheckboxGroup = Checkbox.Group;
-var defaultCheckedList = [];
 var CheckboxElement = (props) => {
-  const [checkedList, setCheckedList] = useState3(defaultCheckedList);
-  const options = props.options || [];
-  const checkAll = options.length > 0 && options.length === checkedList.length;
+  const [checkedList, setCheckedList] = useState3([]);
+  const options = (props.options || []).map((option) => ({
+    key: option.key,
+    label: option.label ?? "",
+    value: option.value
+  }));
+  const checkAll = options.length > 0 && options.length === (checkedList && checkedList.length);
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
       const selectedOptions = options.filter(
-        (option) => list.includes(option.value)
+        (option) => option.value && list.includes(option.value)
       );
       props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? options.map((option) => option.value) : [];
+    const newList = e.target.checked ? options.map((option) => option.value).filter((value) => value !== void 0) : [];
     setCheckedList(newList);
     if (props.onChange) {
       const selectedOptions = e.target.checked ? options : [];
@@ -310,12 +313,12 @@ import React9 from "react";
 import { CKEditor } from "@ckeditor/ckeditor5-react";
 import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
 var Editor2 = (props) => {
-  return /* @__PURE__ */ React9.createElement("div", { style: { height: "500px" } }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React9.createElement("div", { className: props.className }, /* @__PURE__ */ React9.createElement(
     CKEditor,
     {
       editor: ClassicEditor,
       config: {
-        removePlugins: ["CKEditorInspector", "PoweredBy"],
+        removePlugins: ["CKEditorInspector"],
         placeholder: `Enter Text`,
         toolbar: {
           items: [
@@ -336,6 +339,7 @@ var Editor2 = (props) => {
             "|",
             "insertTable",
             "blockQuote",
+            "pageBreak",
             "|",
             "selectAll"
           ]
@@ -345,6 +349,10 @@ var Editor2 = (props) => {
       onChange: (event, editor) => {
         console.log(editor.getData());
         props.onChange && props.onChange(editor.getData());
+      },
+      onBlur: (event, editor) => {
+      },
+      onFocus: (event, editor) => {
       }
     }
   ));
@@ -537,7 +545,8 @@ var icons = {
       d: "M7.75254 21.4868C7.213 21.4868 6.75128 21.2948 6.36738 20.9109C5.98284 20.5264 5.79056 20.0643 5.79056 19.5248V6.77189C5.51261 6.77189 5.27947 6.67804 5.09111 6.49035C4.90342 6.302 4.80957 6.06885 4.80957 5.7909C4.80957 5.51295 4.90342 5.2798 5.09111 5.09145C5.27947 4.90376 5.51261 4.80991 5.79056 4.80991H9.71453C9.71453 4.53196 9.8087 4.29881 9.99705 4.11046C10.1847 3.92277 10.4176 3.82892 10.6955 3.82892H14.6195C14.8974 3.82892 15.1306 3.92277 15.3189 4.11046C15.5066 4.29881 15.6005 4.53196 15.6005 4.80991H19.5244C19.8024 4.80991 20.0352 4.90376 20.2229 5.09145C20.4113 5.2798 20.5054 5.51295 20.5054 5.7909C20.5054 6.06885 20.4113 6.302 20.2229 6.49035C20.0352 6.67804 19.8024 6.77189 19.5244 6.77189V19.5248C19.5244 20.0643 19.3325 20.5264 18.9486 20.9109C18.564 21.2948 18.102 21.4868 17.5625 21.4868H7.75254ZM9.71453 16.5818C9.71453 16.8597 9.8087 17.0926 9.99705 17.2803C10.1847 17.4686 10.4176 17.5628 10.6955 17.5628C10.9735 17.5628 11.2066 17.4686 11.395 17.2803C11.5827 17.0926 11.6765 16.8597 11.6765 16.5818V9.71486C11.6765 9.43692 11.5827 9.20377 11.395 9.01542C11.2066 8.82772 10.9735 8.73387 10.6955 8.73387C10.4176 8.73387 10.1847 8.82772 9.99705 9.01542C9.8087 9.20377 9.71453 9.43692 9.71453 9.71486V16.5818ZM13.6385 16.5818C13.6385 16.8597 13.7327 17.0926 13.921 17.2803C14.1087 17.4686 14.3415 17.5628 14.6195 17.5628C14.8974 17.5628 15.1306 17.4686 15.3189 17.2803C15.5066 17.0926 15.6005 16.8597 15.6005 16.5818V9.71486C15.6005 9.43692 15.5066 9.20377 15.3189 9.01542C15.1306 8.82772 14.8974 8.73387 14.6195 8.73387C14.3415 8.73387 14.1087 8.82772 13.921 9.01542C13.7327 9.20377 13.6385 9.43692 13.6385 9.71486V16.5818Z",
       fill: "#D9363E"
     }
-  ))
+  )),
+  profile: /* @__PURE__ */ React12.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React12.createElement("path", { d: "M17 19.5C18.3411 19.5 19.5979 18.3735 19.2664 16.9062C19.1476 16.3806 18.9841 15.8647 18.7769 15.3645C18.2994 14.2119 17.5997 13.1646 16.7175 12.2825C15.8354 11.4003 14.7881 10.7006 13.6355 10.2231C12.4829 9.74572 11.2476 9.5 10 9.5C8.75244 9.5 7.5171 9.74572 6.36451 10.2231C5.21191 10.7006 4.16464 11.4003 3.28249 12.2825C2.40033 13.1646 1.70056 14.2119 1.22314 15.3645C1.01594 15.8647 0.852378 16.3806 0.733607 16.9062C0.402069 18.3735 1.65891 19.5 3 19.5L10 19.5H17Z", fill: "#505050", stroke: "white" }), /* @__PURE__ */ React12.createElement("circle", { cx: "10", cy: "6", r: "5.5", fill: "#505050", stroke: "white" }))
 };
 
 // src/Components/Button.tsx
@@ -939,22 +948,23 @@ var DateRangePickerElement = (props) => {
   const { RangePicker } = DatePicker2;
   const dateValues = value ? value.map((date) => dayjs2(date, "DD-MM-YYYY")) : null;
   const today = dayjs2();
-  const handleChange = (dates, dateStrings) => {
+  const handleChange = (dates) => {
     if (dates) {
-      let [start, end] = dates;
+      let end;
+      const [start, initialEnd] = dates;
+      end = initialEnd;
       if (start && start.isBefore(today) && end && end.isAfter(today)) {
         end = today;
       }
       const adjustedDates = [start, end].map(
         (date) => date ? date.format("DD-MM-YYYY") : null
       );
-      console.log("1", adjustedDates);
       props.onChange && props.onChange(adjustedDates);
     } else {
       props.onChange && props.onChange("");
     }
   };
-  let rangePresets = [
+  const rangePresets = [
     { label: "Last 7 Days", value: [dayjs2().subtract(6, "d"), today] },
     { label: "Last 14 Days", value: [dayjs2().subtract(13, "d"), today] },
     { label: "Last 30 Days", value: [dayjs2().subtract(29, "d"), today] },
@@ -1050,7 +1060,7 @@ var DropDownGroup = (props) => {
       value: props.value.firstValue,
       showSearch: true
     }
-  ), /* @__PURE__ */ React25.createElement("div", { style: { borderLeft: "1px solid gray", height: "31px" } }), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React25.createElement("div", { style: { borderLeft: "1px solid gray" } }), /* @__PURE__ */ React25.createElement(
     Select4,
     {
       onChange: handleSecondChange,
@@ -1732,7 +1742,7 @@ var NotificationAlert = (props) => {
 // src/Components/TooltipElement.tsx
 import React40 from "react";
 import { Tooltip as Tooltip5 } from "antd";
-var TooltipElement = (props) => /* @__PURE__ */ React40.createElement(Tooltip5, { title: props.title }, /* @__PURE__ */ React40.createElement("span", null, props.description));
+var TooltipElement = (props) => /* @__PURE__ */ React40.createElement(Tooltip5, { title: props.title }, /* @__PURE__ */ React40.createElement("span", { className: props.className }, props.description));
 export {
   AddMoreTable,
   BarChart,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.16-Beta18",
+  "version": "0.0.16-Beta19",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",