@apexcura/core 0.0.17-Beta81 → 0.0.17-Beta82

package/dist/index.d.mts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { UploadFile } from 'antd';
 
+type styling = {
+    horizontalGutter?: number;
+    verticalGutter?: number;
+};
 type pagenationType = {
     page?: number;
     pageSize?: number;
@@ -100,7 +104,7 @@ type SchemaField = {
     styles?: React.CSSProperties;
     fieldClassName?: string;
     elementClassName?: string;
-    variant?: 'outlined' | 'borderless' | 'filled';
+    variant?: string;
     thead?: {
         id?: number;
         name?: string;
@@ -109,7 +113,7 @@ type SchemaField = {
         required?: boolean;
         key?: string | number;
         render?: (text: string) => React.JSX.Element;
-        ellipsis: boolean;
+        ellipsis?: boolean;
     }[];
     tbody?: {
         id?: number;
@@ -167,10 +171,10 @@ type Schema = {
 };
 type FormExecutorProps = {
     data: Schema;
-    setData?: (schema: Schema) => void;
+    setData?: (schema: Schema) => Schema;
     selectedRecord?: (field: SchemaField) => void;
 };
-type ElementExecutorProps = FormExecutorProps;
+type ElementExecutorProps = FormExecutorProps & styling;
 declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
 
 export { ElementExecutor };

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { UploadFile } from 'antd';
 
+type styling = {
+    horizontalGutter?: number;
+    verticalGutter?: number;
+};
 type pagenationType = {
     page?: number;
     pageSize?: number;
@@ -100,7 +104,7 @@ type SchemaField = {
     styles?: React.CSSProperties;
     fieldClassName?: string;
     elementClassName?: string;
-    variant?: 'outlined' | 'borderless' | 'filled';
+    variant?: string;
     thead?: {
         id?: number;
         name?: string;
@@ -109,7 +113,7 @@ type SchemaField = {
         required?: boolean;
         key?: string | number;
         render?: (text: string) => React.JSX.Element;
-        ellipsis: boolean;
+        ellipsis?: boolean;
     }[];
     tbody?: {
         id?: number;
@@ -167,10 +171,10 @@ type Schema = {
 };
 type FormExecutorProps = {
     data: Schema;
-    setData?: (schema: Schema) => void;
+    setData?: (schema: Schema) => Schema;
     selectedRecord?: (field: SchemaField) => void;
 };
-type ElementExecutorProps = FormExecutorProps;
+type ElementExecutorProps = FormExecutorProps & styling;
 declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
 
 export { ElementExecutor };

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"));
@@ -116,14 +117,15 @@ var ElementExecutor = (props) => {
     setSchema(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",
-        JSON.stringify({})
-      );
-      if (response !== false && typeof response === "object" && Array.isArray(response.products)) {
+      const response = await postService("/products/", "POST", []);
+      if (response !== false && typeof response === "object") {
         setData(response.products);
       }
     } catch (error) {
@@ -164,6 +166,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "input-mobile":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.NumberElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "input-checkbox":
         return /* @__PURE__ */ import_react.default.createElement(
           import_ui_components.CheckboxElement,
@@ -180,6 +190,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "input-description":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.CkEditor,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "input-single-select":
         return /* @__PURE__ */ import_react.default.createElement(
           import_ui_components.SingleSelectElement,
@@ -200,6 +218,8 @@ var ElementExecutor = (props) => {
             onClick: handleSelectData
           }
         );
+      case "add-more":
+        return /* @__PURE__ */ import_react.default.createElement(import_ui_components.AddMoreTable, { ...elementProps });
       case "div":
         return /* @__PURE__ */ import_react.default.createElement(
           import_ui_components.DivContainer,
@@ -266,6 +286,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "upload-manually":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.Upload,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "image":
         return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Image, { ...elementProps });
       case "input-password":
@@ -308,25 +336,65 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "color-picker":
+      case "circle-donut":
         return /* @__PURE__ */ import_react.default.createElement(
-          import_ui_components.ColorPickerElement,
+          import_ui_components.CircleDonut,
           {
             ...elementProps,
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "alert":
+      case "semicircle-donut":
         return /* @__PURE__ */ import_react.default.createElement(
-          import_ui_components.NotificationAlert,
+          import_ui_components.SemiCircleDonut,
           {
             ...elementProps,
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "editor":
+      case "horizontal-barchart":
         return /* @__PURE__ */ import_react.default.createElement(
-          import_ui_components.CkEditor,
+          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)
@@ -339,12 +407,30 @@ var ElementExecutor = (props) => {
   const renderFields = (schema2) => {
     return schema2 && schema2.map((eachSection, index) => {
       if (eachSection.visible !== false) {
-        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), 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;
     });
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", null, renderFields(schema));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: props.data.className }, renderFields(schema)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1,32 +1,41 @@
 // src/libraries/element-executor.tsx
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import {
   TextElement,
   NumberElement,
   TextareaElement,
   SelectElement,
-  CheckboxElement,
+  ButtonElement,
   RadioElement,
+  CheckboxElement,
+  CkEditor,
   SingleSelectElement,
   MultipleSelectElement,
-  DivContainer,
-  ButtonElement,
+  AddMoreTable,
   Sidebar,
   Navbar,
   TableElement,
   DateRangePickerElement,
   DatePickerElement,
-  FileUpload,
   Image,
   PasswordElement,
   SingleCheckbox,
   DropDownGroup,
+  FileUpload,
   TabsElement,
+  Upload,
   OtpElement,
+  CircleDonut,
+  SemiCircleDonut,
+  HorizontalBarChart,
+  DoubleBarChart,
+  LineChart,
+  BarChart,
+  DivContainer,
   ColorPickerElement,
-  NotificationAlert,
-  CkEditor
+  NotificationAlert
 } from "@apexcura/ui-components";
+import moment from "moment";
 
 // src/services/http-service.tsx
 import axios from "axios";
@@ -106,14 +115,15 @@ var ElementExecutor = (props) => {
     setSchema(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",
-        JSON.stringify({})
-      );
-      if (response !== false && typeof response === "object" && Array.isArray(response.products)) {
+      const response = await postService("/products/", "POST", []);
+      if (response !== false && typeof response === "object") {
         setData(response.products);
       }
     } catch (error) {
@@ -154,6 +164,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "input-mobile":
+        return /* @__PURE__ */ React.createElement(
+          NumberElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "input-checkbox":
         return /* @__PURE__ */ React.createElement(
           CheckboxElement,
@@ -170,6 +188,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "input-description":
+        return /* @__PURE__ */ React.createElement(
+          CkEditor,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "input-single-select":
         return /* @__PURE__ */ React.createElement(
           SingleSelectElement,
@@ -190,6 +216,8 @@ var ElementExecutor = (props) => {
             onClick: handleSelectData
           }
         );
+      case "add-more":
+        return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
       case "div":
         return /* @__PURE__ */ React.createElement(
           DivContainer,
@@ -256,6 +284,14 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
+      case "upload-manually":
+        return /* @__PURE__ */ React.createElement(
+          Upload,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
       case "image":
         return /* @__PURE__ */ React.createElement(Image, { ...elementProps });
       case "input-password":
@@ -298,25 +334,65 @@ var ElementExecutor = (props) => {
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "color-picker":
+      case "circle-donut":
         return /* @__PURE__ */ React.createElement(
-          ColorPickerElement,
+          CircleDonut,
           {
             ...elementProps,
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "alert":
+      case "semicircle-donut":
         return /* @__PURE__ */ React.createElement(
-          NotificationAlert,
+          SemiCircleDonut,
           {
             ...elementProps,
             onChange: (value) => onHandleChange(elementProps.name || "", value)
           }
         );
-      case "editor":
+      case "horizontal-barchart":
         return /* @__PURE__ */ React.createElement(
-          CkEditor,
+          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)
@@ -329,12 +405,30 @@ var ElementExecutor = (props) => {
   const renderFields = (schema2) => {
     return schema2 && schema2.map((eachSection, index) => {
       if (eachSection.visible !== false) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, eachSection.fields && eachSection.fields.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderElement(eachSection), 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;
     });
   };
-  return /* @__PURE__ */ React.createElement("div", null, renderFields(schema));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
 };
 export {
   ElementExecutor

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/core",
-  "version": "0.0.17-Beta81",
+  "version": "0.0.17-Beta82",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",