@apexcura/core 0.0.17-Beta6 → 0.0.17-Beta61

package/dist/index.d.mts

@@ -25,8 +25,19 @@ type FormExecutorProps = {
             buttonClassName?: string;
             icon?: string;
             placement?: string;
+            firstValue?: string;
+            secondValue?: string;
+            firstPlaceholder?: string;
+            secondPlaceholder?: string;
+            enabled_dates?: string;
             profileImageClassName?: string;
             value?: string | number | boolean | any[] | null | object;
+            message?: string;
+            description?: string;
+            notificationType?: string;
+            showProgress?: boolean;
+            picker?: "date" | "week" | "month" | "quarter" | "year";
+            weekrange?: boolean;
             img?: string;
             primaryText?: string;
             secondaryText?: string;
@@ -43,18 +54,20 @@ type FormExecutorProps = {
             rowSelection?: boolean;
             length?: number;
             loading?: boolean;
+            fillText1?: string;
+            fillText2?: string;
+            labels?: any[];
+            data?: any[];
+            pagination?: boolean;
+            is_detail?: boolean;
+            dateTime?: string;
+            minRows?: number;
+            maxRows?: number;
+            mode?: "multiple" | "tags" | undefined;
             modalContent?: {
+                name?: string;
                 className?: string;
-                fields?: {
-                    _id?: string;
-                    name?: string;
-                    label?: string;
-                    source?: string;
-                    initial_message?: boolean;
-                    element: string;
-                    className?: string;
-                    position?: string;
-                }[];
+                fields?: any[];
             };
             items?: {
                 icon?: React.JSX.Element | string;
@@ -171,8 +184,8 @@ type FormExecutorProps = {
             }[];
         }[];
     };
-    setData: Function;
-    selectedRecord: Function;
+    setData?: Function;
+    selectedRecord?: Function;
 };
 type ElementExecutorProps = FormExecutorProps & styling;
 declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;

package/dist/index.d.ts

@@ -25,8 +25,19 @@ type FormExecutorProps = {
             buttonClassName?: string;
             icon?: string;
             placement?: string;
+            firstValue?: string;
+            secondValue?: string;
+            firstPlaceholder?: string;
+            secondPlaceholder?: string;
+            enabled_dates?: string;
             profileImageClassName?: string;
             value?: string | number | boolean | any[] | null | object;
+            message?: string;
+            description?: string;
+            notificationType?: string;
+            showProgress?: boolean;
+            picker?: "date" | "week" | "month" | "quarter" | "year";
+            weekrange?: boolean;
             img?: string;
             primaryText?: string;
             secondaryText?: string;
@@ -43,18 +54,20 @@ type FormExecutorProps = {
             rowSelection?: boolean;
             length?: number;
             loading?: boolean;
+            fillText1?: string;
+            fillText2?: string;
+            labels?: any[];
+            data?: any[];
+            pagination?: boolean;
+            is_detail?: boolean;
+            dateTime?: string;
+            minRows?: number;
+            maxRows?: number;
+            mode?: "multiple" | "tags" | undefined;
             modalContent?: {
+                name?: string;
                 className?: string;
-                fields?: {
-                    _id?: string;
-                    name?: string;
-                    label?: string;
-                    source?: string;
-                    initial_message?: boolean;
-                    element: string;
-                    className?: string;
-                    position?: string;
-                }[];
+                fields?: any[];
             };
             items?: {
                 icon?: React.JSX.Element | string;
@@ -171,8 +184,8 @@ type FormExecutorProps = {
             }[];
         }[];
     };
-    setData: Function;
-    selectedRecord: Function;
+    setData?: Function;
+    selectedRecord?: Function;
 };
 type ElementExecutorProps = FormExecutorProps & styling;
 declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;

package/dist/index.js

@@ -37,6 +37,7 @@ module.exports = __toCommonJS(src_exports);
 // src/libraries/element-executor.tsx
 var import_react = __toESM(require("react"));
 var import_ui_components = require("@apexcura/ui-components");
+var import_moment = __toESM(require("moment"));
 
 // src/services/http-service.tsx
 var import_axios = __toESM(require("axios"));
@@ -104,7 +105,7 @@ var ElementExecutor = (props) => {
       return schema2.map((field) => {
         if (field.name === name) {
           field["value"] = value;
-          props.selectedRecord(field);
+          props.selectedRecord && props.selectedRecord(field);
         }
         if (field.fields && field.fields.length) {
           field.fields = updateSchema(field.fields);
@@ -114,8 +115,13 @@ var ElementExecutor = (props) => {
     };
     const updatedSchema = updateSchema(schema);
     setSchema(updatedSchema);
-    props.setData({ ...props.data, schema: updatedSchema });
+    props.setData && props.setData({ ...props.data, schema: updatedSchema });
   };
+  (0, import_react.useEffect)(() => {
+    if (props?.data?.schema) {
+      setSchema([...props.data.schema]);
+    }
+  }, [props.data]);
   const handleSelectData = async () => {
     try {
       const response = await postService("/products/", "POST", []);
@@ -215,13 +221,19 @@ var ElementExecutor = (props) => {
       case "add-more":
         return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
       case "div":
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: elementProps.className }, elementProps.label);
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.DivContainer,
+          {
+            ...elementProps,
+            onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
+          }
+        );
       case "button":
         return /* @__PURE__ */ import_react.default.createElement(
           import_ui_components.ButtonElement,
           {
             ...elementProps,
-            onClick: () => props.selectedRecord(elementProps)
+            onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
           }
         );
       case "sidebar":
@@ -258,6 +270,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "datetimepicker":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.DatePickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "upload":
         return /* @__PURE__ */ import_react.default.createElement(
           import_ui_components.FileUpload,
@@ -316,16 +336,96 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "donut":
-        return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Donut, { ...elementProps });
+      case "circle-donut":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.CircleDonut,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "semicircle-donut":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.SemiCircleDonut,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "horizontal-barchart":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.HorizontalBarChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "linechart":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.LineChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "double-barchart":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.DoubleBarChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "barchart":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.BarChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "color-picker":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.ColorPickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "alert":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.NotificationAlert,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       default:
         return null;
     }
   };
   const renderFields = (schema2) => {
-    return schema2 && schema2.map((eachSection) => {
+    return schema2 && schema2.map((eachSection, index) => {
       if (eachSection.visible !== false) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: eachSection.name }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), /* @__PURE__ */ import_react.default.createElement("div", { className: eachSection.className, key: eachSection.name }, renderFields(eachSection.fields))) : renderElement(eachSection));
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), /* @__PURE__ */ import_react.default.createElement("div", { className: eachSection.className, key: index }, renderFields(eachSection.fields)), eachSection.dateTime ? /* @__PURE__ */ import_react.default.createElement(
+          "p",
+          {
+            style: {
+              fontSize: "10px",
+              textAlign: eachSection.source === "bot" ? "left" : "right"
+            }
+          },
+          (0, import_moment.default)(eachSection.dateTime).format("LT")
+        ) : "") : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ import_react.default.createElement(
+          "p",
+          {
+            style: {
+              fontSize: "10px",
+              textAlign: eachSection.source === "bot" ? "left" : "right"
+            }
+          },
+          (0, import_moment.default)(eachSection.dateTime).format("LT")
+        ) : ""));
       }
       return null;
     });

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/libraries/element-executor.tsx
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import {
   TextElement,
   NumberElement,
@@ -25,8 +25,17 @@ import {
   TabsElement,
   Upload,
   OtpElement,
-  Donut
+  CircleDonut,
+  SemiCircleDonut,
+  HorizontalBarChart,
+  DoubleBarChart,
+  LineChart,
+  BarChart,
+  DivContainer,
+  ColorPickerElement,
+  NotificationAlert
 } from "@apexcura/ui-components";
+import moment from "moment";
 
 // src/services/http-service.tsx
 import axios from "axios";
@@ -94,7 +103,7 @@ var ElementExecutor = (props) => {
       return schema2.map((field) => {
         if (field.name === name) {
           field["value"] = value;
-          props.selectedRecord(field);
+          props.selectedRecord && props.selectedRecord(field);
         }
         if (field.fields && field.fields.length) {
           field.fields = updateSchema(field.fields);
@@ -104,8 +113,13 @@ var ElementExecutor = (props) => {
     };
     const updatedSchema = updateSchema(schema);
     setSchema(updatedSchema);
-    props.setData({ ...props.data, schema: updatedSchema });
+    props.setData && props.setData({ ...props.data, schema: updatedSchema });
   };
+  useEffect(() => {
+    if (props?.data?.schema) {
+      setSchema([...props.data.schema]);
+    }
+  }, [props.data]);
   const handleSelectData = async () => {
     try {
       const response = await postService("/products/", "POST", []);
@@ -205,13 +219,19 @@ var ElementExecutor = (props) => {
       case "add-more":
         return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
       case "div":
-        return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
+        return /* @__PURE__ */ React.createElement(
+          DivContainer,
+          {
+            ...elementProps,
+            onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
+          }
+        );
       case "button":
         return /* @__PURE__ */ React.createElement(
           ButtonElement,
           {
             ...elementProps,
-            onClick: () => props.selectedRecord(elementProps)
+            onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
           }
         );
       case "sidebar":
@@ -248,6 +268,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "datetimepicker":
+        return /* @__PURE__ */ React.createElement(
+          DatePickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "upload":
         return /* @__PURE__ */ React.createElement(
           FileUpload,
@@ -306,16 +334,96 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "donut":
-        return /* @__PURE__ */ React.createElement(Donut, { ...elementProps });
+      case "circle-donut":
+        return /* @__PURE__ */ React.createElement(
+          CircleDonut,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "semicircle-donut":
+        return /* @__PURE__ */ React.createElement(
+          SemiCircleDonut,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "horizontal-barchart":
+        return /* @__PURE__ */ React.createElement(
+          HorizontalBarChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "linechart":
+        return /* @__PURE__ */ React.createElement(
+          LineChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "double-barchart":
+        return /* @__PURE__ */ React.createElement(
+          DoubleBarChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "barchart":
+        return /* @__PURE__ */ React.createElement(
+          BarChart,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "color-picker":
+        return /* @__PURE__ */ React.createElement(
+          ColorPickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "alert":
+        return /* @__PURE__ */ React.createElement(
+          NotificationAlert,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       default:
         return null;
     }
   };
   const renderFields = (schema2) => {
-    return schema2 && schema2.map((eachSection) => {
+    return schema2 && schema2.map((eachSection, index) => {
       if (eachSection.visible !== false) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, { key: eachSection.name }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), /* @__PURE__ */ React.createElement("div", { className: eachSection.className, key: eachSection.name }, renderFields(eachSection.fields))) : renderElement(eachSection));
+        return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), /* @__PURE__ */ React.createElement("div", { className: eachSection.className, key: index }, renderFields(eachSection.fields)), eachSection.dateTime ? /* @__PURE__ */ React.createElement(
+          "p",
+          {
+            style: {
+              fontSize: "10px",
+              textAlign: eachSection.source === "bot" ? "left" : "right"
+            }
+          },
+          moment(eachSection.dateTime).format("LT")
+        ) : "") : /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), eachSection.dateTime ? /* @__PURE__ */ React.createElement(
+          "p",
+          {
+            style: {
+              fontSize: "10px",
+              textAlign: eachSection.source === "bot" ? "left" : "right"
+            }
+          },
+          moment(eachSection.dateTime).format("LT")
+        ) : ""));
       }
       return null;
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/core",
-  "version": "0.0.17-Beta6",
+  "version": "0.0.17-Beta61",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -28,12 +28,13 @@
     "build": "tsup"
   },
   "dependencies": {
-    "@apexcura/ui-components": "^0.0.15-Beta8",
+    "@apexcura/ui-components": "^0.0.15-Beta51",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.6",
     "@types/react-global-configuration": "^1.3.3",
     "antd": "^5.16.5",
     "axios": "^1.6.8",
+    "moment": "^2.30.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tsup": "^8.0.2"