npm - @apexcura/core - Versions diffs - 0.0.16-Beta221 → 0.0.16-Beta224 - Mend

@apexcura/core 0.0.16-Beta221 → 0.0.16-Beta224

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 (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -1,5 +1,184 @@
 import React from 'react';
-declare const HighchartsLineChart: (props: any) => React.JSX.Element;
+type styling = {
+    horizontalGutter?: number;
+    verticalGutter?: number;
+};
+type FormExecutorProps = {
+    data: {
+        className: string;
+        schema?: {
+            name?: string;
+            label?: string;
+            source?: string;
+            visible?: boolean;
+            element?: string;
+            className?: string;
+            action?: string;
+            order?: number;
+            size?: string;
+            colCount?: number;
+            disabled?: boolean;
+            activeClassName?: string;
+            listClassName?: string;
+            listItemClassName?: string;
+            buttonClassName?: string;
+            icon?: string;
+            placement?: string;
+            profileImageClassName?: string;
+            value?: string | number | boolean | any[] | null | object;
+            img?: string;
+            primaryText?: string;
+            secondaryText?: string;
+            count?: number;
+            profileImage?: string;
+            profileSubClassName?: string;
+            containerClassName?: string;
+            subContainerClassName?: string;
+            secondTextClassName?: string;
+            iconsClassName?: string;
+            labelClassName?: string;
+            view?: boolean;
+            isSVGStylesOverride?: boolean;
+            rowSelection?: boolean;
+            length?: number;
+            loading?: boolean;
+            fillText1?: string;
+            fillText2?: string;
+            labels?: any[];
+            data?: any[];
+            modalContent?: {
+                className?: string;
+                fields?: {
+                    _id?: string;
+                    name?: string;
+                    label?: string;
+                    source?: string;
+                    initial_message?: boolean;
+                    element: string;
+                    className?: string;
+                    position?: string;
+                }[];
+            };
+            items?: {
+                icon?: React.JSX.Element | string;
+                label?: string;
+                active?: boolean;
+                text?: string;
+                time?: string;
+                name?: string;
+                y?: number;
+                color?: string;
+            }[];
+            fields?: {
+                name?: string;
+                label?: string;
+                placeholder?: string;
+                element?: string;
+                type?: string;
+                value?: string | number | boolean | any[] | null | object;
+                options?: {
+                    key?: number;
+                    label: string;
+                    value: string;
+                }[];
+                firstOptions?: {
+                    key?: number;
+                    label: string;
+                    value: string;
+                }[];
+                secondOptions?: {
+                    key?: number;
+                    label: string;
+                    value: string;
+                }[];
+                selectBefore?: {
+                    label: string;
+                    value: string;
+                }[];
+                selectAfter?: {
+                    label: string;
+                    value: string;
+                }[];
+                dropDownOptions?: any[];
+                visible?: boolean;
+                disabled?: boolean;
+                required?: boolean;
+                prefix?: React.ReactNode;
+                suffix?: React.ReactNode;
+                addonBefore?: React.ReactNode;
+                defaultValue?: string;
+                status?: "error" | "warning";
+                styles?: React.CSSProperties;
+                fieldClassName?: string;
+                elementClassName?: string;
+                variant?: string;
+                thead?: {
+                    id: number;
+                    name?: string;
+                    label?: string;
+                    visible?: boolean;
+                    required?: boolean;
+                    key?: string;
+                    render?: () => void;
+                    ellipsis: boolean;
+                }[];
+                tbody?: {
+                    id?: number;
+                    name?: string;
+                    label?: string;
+                    element?: string;
+                    type?: string;
+                    variable_data?: {
+                        id: {
+                            id?: number;
+                        };
+                        Route?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Dose?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Frequency?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        When?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Duration?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Instructions?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        SubRows?: {
+                            label: string;
+                        };
+                    }[];
+                }[];
+                payload_keys?: string[];
+                api_endpoint?: string;
+                next_id?: string;
+                action?: string;
+            }[];
+        }[];
+    };
+    setData: Function;
+    selectedRecord: Function;
+};
+type ElementExecutorProps = FormExecutorProps & styling;
+declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
-export { HighchartsLineChart };
+export { ElementExecutor };

package/dist/index.d.ts CHANGED Viewed

@@ -1,5 +1,184 @@
 import React from 'react';
-declare const HighchartsLineChart: (props: any) => React.JSX.Element;
+type styling = {
+    horizontalGutter?: number;
+    verticalGutter?: number;
+};
+type FormExecutorProps = {
+    data: {
+        className: string;
+        schema?: {
+            name?: string;
+            label?: string;
+            source?: string;
+            visible?: boolean;
+            element?: string;
+            className?: string;
+            action?: string;
+            order?: number;
+            size?: string;
+            colCount?: number;
+            disabled?: boolean;
+            activeClassName?: string;
+            listClassName?: string;
+            listItemClassName?: string;
+            buttonClassName?: string;
+            icon?: string;
+            placement?: string;
+            profileImageClassName?: string;
+            value?: string | number | boolean | any[] | null | object;
+            img?: string;
+            primaryText?: string;
+            secondaryText?: string;
+            count?: number;
+            profileImage?: string;
+            profileSubClassName?: string;
+            containerClassName?: string;
+            subContainerClassName?: string;
+            secondTextClassName?: string;
+            iconsClassName?: string;
+            labelClassName?: string;
+            view?: boolean;
+            isSVGStylesOverride?: boolean;
+            rowSelection?: boolean;
+            length?: number;
+            loading?: boolean;
+            fillText1?: string;
+            fillText2?: string;
+            labels?: any[];
+            data?: any[];
+            modalContent?: {
+                className?: string;
+                fields?: {
+                    _id?: string;
+                    name?: string;
+                    label?: string;
+                    source?: string;
+                    initial_message?: boolean;
+                    element: string;
+                    className?: string;
+                    position?: string;
+                }[];
+            };
+            items?: {
+                icon?: React.JSX.Element | string;
+                label?: string;
+                active?: boolean;
+                text?: string;
+                time?: string;
+                name?: string;
+                y?: number;
+                color?: string;
+            }[];
+            fields?: {
+                name?: string;
+                label?: string;
+                placeholder?: string;
+                element?: string;
+                type?: string;
+                value?: string | number | boolean | any[] | null | object;
+                options?: {
+                    key?: number;
+                    label: string;
+                    value: string;
+                }[];
+                firstOptions?: {
+                    key?: number;
+                    label: string;
+                    value: string;
+                }[];
+                secondOptions?: {
+                    key?: number;
+                    label: string;
+                    value: string;
+                }[];
+                selectBefore?: {
+                    label: string;
+                    value: string;
+                }[];
+                selectAfter?: {
+                    label: string;
+                    value: string;
+                }[];
+                dropDownOptions?: any[];
+                visible?: boolean;
+                disabled?: boolean;
+                required?: boolean;
+                prefix?: React.ReactNode;
+                suffix?: React.ReactNode;
+                addonBefore?: React.ReactNode;
+                defaultValue?: string;
+                status?: "error" | "warning";
+                styles?: React.CSSProperties;
+                fieldClassName?: string;
+                elementClassName?: string;
+                variant?: string;
+                thead?: {
+                    id: number;
+                    name?: string;
+                    label?: string;
+                    visible?: boolean;
+                    required?: boolean;
+                    key?: string;
+                    render?: () => void;
+                    ellipsis: boolean;
+                }[];
+                tbody?: {
+                    id?: number;
+                    name?: string;
+                    label?: string;
+                    element?: string;
+                    type?: string;
+                    variable_data?: {
+                        id: {
+                            id?: number;
+                        };
+                        Route?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Dose?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Frequency?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        When?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Duration?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        Instructions?: {
+                            label: string;
+                            element: string;
+                            type: string;
+                        };
+                        SubRows?: {
+                            label: string;
+                        };
+                    }[];
+                }[];
+                payload_keys?: string[];
+                api_endpoint?: string;
+                next_id?: string;
+                action?: string;
+            }[];
+        }[];
+    };
+    setData: Function;
+    selectedRecord: Function;
+};
+type ElementExecutorProps = FormExecutorProps & styling;
+declare const ElementExecutor: (props: ElementExecutorProps) => React.JSX.Element;
-export { HighchartsLineChart };
+export { ElementExecutor };

package/dist/index.js CHANGED Viewed

@@ -30,16 +30,483 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  HighchartsLineChart: () => HighchartsLineChart
+  ElementExecutor: () => ElementExecutor
 });
 module.exports = __toCommonJS(src_exports);
 // src/libraries/element-executor.tsx
 var import_react = __toESM(require("react"));
-var HighchartsLineChart = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h1", null, "asf"));
+var import_highcharts = __toESM(require("highcharts"));
+var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
+var import_ui_components = require("@apexcura/ui-components");
+// src/services/http-service.tsx
+var import_axios = __toESM(require("axios"));
+// src/constants/network-list.tsx
+var networkList = {
+  base_url: "https://dummyjson.com"
+};
+var network_list_default = networkList;
+// src/services/http-service.tsx
+var HttpClient = import_axios.default.create({
+  baseURL: network_list_default.base_url,
+  headers: {
+    "Content-Type": "application/json",
+    "accept": "application/json"
+  }
+});
+function postService(url, method, data) {
+  const token = JSON.parse(localStorage.getItem("token") || "null");
+  const setHref = (str) => {
+    window.location.href = str;
+  };
+  const currenthref = window.location.pathname;
+  return HttpClient({
+    method,
+    url,
+    data,
+    headers: {
+      "authorization": token
+    }
+  }).then((response) => {
+    const responseData = response.data;
+    const status = response.status;
+    if (status === 200) {
+      if (responseData.status) {
+        return responseData;
+      } else {
+        if (responseData.token === "invalid" && currenthref !== "/") {
+          localStorage.clearAll();
+          setHref("/");
+          return;
+        } else if (responseData.IS_MAINTENANCE_MODE && url !== "checkAuthToken" && url !== "login") {
+          localStorage.clearAll();
+          setHref("/");
+          return;
+        } else {
+          return responseData;
+        }
+      }
+    } else {
+      return false;
+    }
+  }).catch((error) => {
+    return false;
+  });
+}
+// src/libraries/element-executor.tsx
+var ElementExecutor = (props) => {
+  const [data, setData] = (0, import_react.useState)([]);
+  const [schema, setSchema] = (0, import_react.useState)(props.data.schema);
+  const onHandleChange = (name, value) => {
+    const updateSchema = (schema2) => {
+      return schema2.map((field) => {
+        if (field.name === name) {
+          field["value"] = value;
+          props.selectedRecord(field);
+        }
+        if (field.fields && field.fields.length) {
+          field.fields = updateSchema(field.fields);
+        }
+        return field;
+      });
+    };
+    const updatedSchema = updateSchema(schema);
+    setSchema(updatedSchema);
+    props.setData({ ...props.data, schema: updatedSchema });
+  };
+  const handleSelectData = async () => {
+    try {
+      const response = await postService("/products/", "POST", []);
+      if (response !== false && typeof response === "object") {
+        setData(response.products);
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const renderElement = (elementProps) => {
+    switch (elementProps.element) {
+      case "input-text":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.TextElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "input-number":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.NumberElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "input-textarea":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.TextareaElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "single-select":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.SelectElement,
+          {
+            ...elementProps,
+            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,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "input-radio":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.RadioElement,
+          {
+            ...elementProps,
+            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,
+          {
+            ...elementProps,
+            dropDownOptions: data.length > 0 ? data : [],
+            onChange: (value) => onHandleChange(elementProps.name || "", value),
+            onClick: handleSelectData
+          }
+        );
+      case "input-multiple-select":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.MultipleSelectElement,
+          {
+            ...elementProps,
+            dropDownOptions: data.length > 0 ? data : [],
+            onChange: (value) => onHandleChange(elementProps.name || "", value),
+            onClick: handleSelectData
+          }
+        );
+      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);
+      case "button":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.ButtonElement,
+          {
+            ...elementProps,
+            onClick: () => props.selectedRecord(elementProps)
+          }
+        );
+      case "sidebar":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.Sidebar,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "navbar":
+        return /* @__PURE__ */ import_react.default.createElement(import_ui_components.Navbar, { ...elementProps });
+      case "table":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.TableElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "daterangepicker":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.DateRangePickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "datepicker":
+        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,
+          {
+            ...elementProps,
+            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":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.PasswordElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "single-checkbox":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.SingleCheckbox,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "dropdown-group":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.DropDownGroup,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "tabs":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.TabsElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "otp":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_ui_components.OtpElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      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)
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  const renderFields = (schema2) => {
+    return schema2 && schema2.map((eachSection) => {
+      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 null;
+    });
+  };
+  let graph_data = {
+    chart: {
+      height: "50%"
+    },
+    title: {
+      text: "U.S Solar Employment Growth",
+      align: "left"
+    },
+    subtitle: {
+      text: 'By Job Category. Source: <a href="https://irecusa.org/programs/solar-jobs-census/" target="_blank">IREC</a>.',
+      align: "left"
+    },
+    yAxis: {
+      title: {
+        text: "Number of Employees"
+      }
+    },
+    xAxis: {
+      accessibility: {
+        rangeDescription: "Range: 2010 to 2020"
+      }
+    },
+    legend: {
+      layout: "vertical",
+      align: "right",
+      verticalAlign: "middle"
+    },
+    plotOptions: {
+      series: {
+        label: {
+          connectorAllowed: false
+        },
+        pointStart: 2010
+      }
+    },
+    series: [{
+      name: "Installation & Developers",
+      data: [
+        43934,
+        48656,
+        65165,
+        81827,
+        112143,
+        142383,
+        171533,
+        165174,
+        155157,
+        161454,
+        154610
+      ]
+    }, {
+      name: "Manufacturing",
+      data: [
+        24916,
+        37941,
+        29742,
+        29851,
+        32490,
+        30282,
+        38121,
+        36885,
+        33726,
+        34243,
+        31050
+      ]
+    }, {
+      name: "Sales & Distribution",
+      data: [
+        11744,
+        3e4,
+        16005,
+        19771,
+        20185,
+        24377,
+        32147,
+        30912,
+        29243,
+        29213,
+        25663
+      ]
+    }, {
+      name: "Operations & Maintenance",
+      data: [
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        11164,
+        11218,
+        10077
+      ]
+    }, {
+      name: "Other",
+      data: [
+        21908,
+        5548,
+        8105,
+        11248,
+        8989,
+        11816,
+        18274,
+        17300,
+        13053,
+        11906,
+        10073
+      ]
+    }],
+    responsive: {
+      rules: [{
+        condition: {
+          maxWidth: 500
+        },
+        chartOptions: {
+          legend: {
+            layout: "horizontal",
+            align: "center",
+            verticalAlign: "bottom"
+          }
+        }
+      }]
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("h1", null, "direct"), /* @__PURE__ */ import_react.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: graph_data }), /* @__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 = {
-  HighchartsLineChart
+  ElementExecutor
 });

package/dist/index.mjs CHANGED Viewed

@@ -1,8 +1,506 @@
 // src/libraries/element-executor.tsx
-import React from "react";
-var HighchartsLineChart = (props) => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", null, "asf"));
+import React, { useState } from "react";
+import Highcharts from "highcharts";
+import HighchartsReact from "highcharts-react-official";
+import {
+  TextElement,
+  NumberElement,
+  TextareaElement,
+  SelectElement,
+  ButtonElement,
+  RadioElement,
+  CheckboxElement,
+  CkEditor,
+  SingleSelectElement,
+  MultipleSelectElement,
+  AddMoreTable,
+  Sidebar,
+  Navbar,
+  TableElement,
+  DateRangePickerElement,
+  DatePickerElement,
+  Image,
+  PasswordElement,
+  SingleCheckbox,
+  DropDownGroup,
+  FileUpload,
+  TabsElement,
+  Upload,
+  OtpElement,
+  CircleDonut,
+  SemiCircleDonut,
+  HorizontalBarChart,
+  DoubleBarChart,
+  LineChart,
+  BarChart
+} from "@apexcura/ui-components";
+// src/services/http-service.tsx
+import axios from "axios";
+// src/constants/network-list.tsx
+var networkList = {
+  base_url: "https://dummyjson.com"
+};
+var network_list_default = networkList;
+// src/services/http-service.tsx
+var HttpClient = axios.create({
+  baseURL: network_list_default.base_url,
+  headers: {
+    "Content-Type": "application/json",
+    "accept": "application/json"
+  }
+});
+function postService(url, method, data) {
+  const token = JSON.parse(localStorage.getItem("token") || "null");
+  const setHref = (str) => {
+    window.location.href = str;
+  };
+  const currenthref = window.location.pathname;
+  return HttpClient({
+    method,
+    url,
+    data,
+    headers: {
+      "authorization": token
+    }
+  }).then((response) => {
+    const responseData = response.data;
+    const status = response.status;
+    if (status === 200) {
+      if (responseData.status) {
+        return responseData;
+      } else {
+        if (responseData.token === "invalid" && currenthref !== "/") {
+          localStorage.clearAll();
+          setHref("/");
+          return;
+        } else if (responseData.IS_MAINTENANCE_MODE && url !== "checkAuthToken" && url !== "login") {
+          localStorage.clearAll();
+          setHref("/");
+          return;
+        } else {
+          return responseData;
+        }
+      }
+    } else {
+      return false;
+    }
+  }).catch((error) => {
+    return false;
+  });
+}
+// src/libraries/element-executor.tsx
+var ElementExecutor = (props) => {
+  const [data, setData] = useState([]);
+  const [schema, setSchema] = useState(props.data.schema);
+  const onHandleChange = (name, value) => {
+    const updateSchema = (schema2) => {
+      return schema2.map((field) => {
+        if (field.name === name) {
+          field["value"] = value;
+          props.selectedRecord(field);
+        }
+        if (field.fields && field.fields.length) {
+          field.fields = updateSchema(field.fields);
+        }
+        return field;
+      });
+    };
+    const updatedSchema = updateSchema(schema);
+    setSchema(updatedSchema);
+    props.setData({ ...props.data, schema: updatedSchema });
+  };
+  const handleSelectData = async () => {
+    try {
+      const response = await postService("/products/", "POST", []);
+      if (response !== false && typeof response === "object") {
+        setData(response.products);
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const renderElement = (elementProps) => {
+    switch (elementProps.element) {
+      case "input-text":
+        return /* @__PURE__ */ React.createElement(
+          TextElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "input-number":
+        return /* @__PURE__ */ React.createElement(
+          NumberElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "input-textarea":
+        return /* @__PURE__ */ React.createElement(
+          TextareaElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "single-select":
+        return /* @__PURE__ */ React.createElement(
+          SelectElement,
+          {
+            ...elementProps,
+            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,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "input-radio":
+        return /* @__PURE__ */ React.createElement(
+          RadioElement,
+          {
+            ...elementProps,
+            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,
+          {
+            ...elementProps,
+            dropDownOptions: data.length > 0 ? data : [],
+            onChange: (value) => onHandleChange(elementProps.name || "", value),
+            onClick: handleSelectData
+          }
+        );
+      case "input-multiple-select":
+        return /* @__PURE__ */ React.createElement(
+          MultipleSelectElement,
+          {
+            ...elementProps,
+            dropDownOptions: data.length > 0 ? data : [],
+            onChange: (value) => onHandleChange(elementProps.name || "", value),
+            onClick: handleSelectData
+          }
+        );
+      case "add-more":
+        return /* @__PURE__ */ React.createElement(AddMoreTable, { ...elementProps });
+      case "div":
+        return /* @__PURE__ */ React.createElement("div", { className: elementProps.className }, elementProps.label);
+      case "button":
+        return /* @__PURE__ */ React.createElement(
+          ButtonElement,
+          {
+            ...elementProps,
+            onClick: () => props.selectedRecord(elementProps)
+          }
+        );
+      case "sidebar":
+        return /* @__PURE__ */ React.createElement(
+          Sidebar,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "navbar":
+        return /* @__PURE__ */ React.createElement(Navbar, { ...elementProps });
+      case "table":
+        return /* @__PURE__ */ React.createElement(
+          TableElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "daterangepicker":
+        return /* @__PURE__ */ React.createElement(
+          DateRangePickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "datepicker":
+        return /* @__PURE__ */ React.createElement(
+          DatePickerElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "upload":
+        return /* @__PURE__ */ React.createElement(
+          FileUpload,
+          {
+            ...elementProps,
+            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":
+        return /* @__PURE__ */ React.createElement(
+          PasswordElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "single-checkbox":
+        return /* @__PURE__ */ React.createElement(
+          SingleCheckbox,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "dropdown-group":
+        return /* @__PURE__ */ React.createElement(
+          DropDownGroup,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "tabs":
+        return /* @__PURE__ */ React.createElement(
+          TabsElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      case "otp":
+        return /* @__PURE__ */ React.createElement(
+          OtpElement,
+          {
+            ...elementProps,
+            onChange: (value) => onHandleChange(elementProps.name || "", value)
+          }
+        );
+      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)
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  const renderFields = (schema2) => {
+    return schema2 && schema2.map((eachSection) => {
+      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 null;
+    });
+  };
+  let graph_data = {
+    chart: {
+      height: "50%"
+    },
+    title: {
+      text: "U.S Solar Employment Growth",
+      align: "left"
+    },
+    subtitle: {
+      text: 'By Job Category. Source: <a href="https://irecusa.org/programs/solar-jobs-census/" target="_blank">IREC</a>.',
+      align: "left"
+    },
+    yAxis: {
+      title: {
+        text: "Number of Employees"
+      }
+    },
+    xAxis: {
+      accessibility: {
+        rangeDescription: "Range: 2010 to 2020"
+      }
+    },
+    legend: {
+      layout: "vertical",
+      align: "right",
+      verticalAlign: "middle"
+    },
+    plotOptions: {
+      series: {
+        label: {
+          connectorAllowed: false
+        },
+        pointStart: 2010
+      }
+    },
+    series: [{
+      name: "Installation & Developers",
+      data: [
+        43934,
+        48656,
+        65165,
+        81827,
+        112143,
+        142383,
+        171533,
+        165174,
+        155157,
+        161454,
+        154610
+      ]
+    }, {
+      name: "Manufacturing",
+      data: [
+        24916,
+        37941,
+        29742,
+        29851,
+        32490,
+        30282,
+        38121,
+        36885,
+        33726,
+        34243,
+        31050
+      ]
+    }, {
+      name: "Sales & Distribution",
+      data: [
+        11744,
+        3e4,
+        16005,
+        19771,
+        20185,
+        24377,
+        32147,
+        30912,
+        29243,
+        29213,
+        25663
+      ]
+    }, {
+      name: "Operations & Maintenance",
+      data: [
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        null,
+        11164,
+        11218,
+        10077
+      ]
+    }, {
+      name: "Other",
+      data: [
+        21908,
+        5548,
+        8105,
+        11248,
+        8989,
+        11816,
+        18274,
+        17300,
+        13053,
+        11906,
+        10073
+      ]
+    }],
+    responsive: {
+      rules: [{
+        condition: {
+          maxWidth: 500
+        },
+        chartOptions: {
+          legend: {
+            layout: "horizontal",
+            align: "center",
+            verticalAlign: "bottom"
+          }
+        }
+      }]
+    }
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h1", null, "direct"), /* @__PURE__ */ React.createElement(HighchartsReact, { highcharts: Highcharts, options: graph_data }), /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
 };
 export {
-  HighchartsLineChart
+  ElementExecutor
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/core",
-  "version": "0.0.16-Beta221",
+  "version": "0.0.16-Beta224",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -28,6 +28,7 @@
     "build": "tsup"
   },
   "dependencies": {
+    "@apexcura/ui-components": "^0.0.14-Beta196",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.6",
     "@types/react-global-configuration": "^1.3.3",