npm - @apexcura/core - Versions diffs - 0.0.16-Beta22 → 0.0.16-Beta220 - Mend

@apexcura/core 0.0.16-Beta22 → 0.0.16-Beta220

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,171 +1,5 @@
 import React from 'react';
-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;
-            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;
-                label?: string;
-                active?: boolean;
-                text?: string;
-                time?: 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;
-                }[];
-                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;
+declare const HighchartsLineChart: (props: any) => React.JSX.Element;
-export { ElementExecutor };
+export { HighchartsLineChart };

package/dist/index.d.ts CHANGED Viewed

@@ -1,171 +1,5 @@
 import React from 'react';
-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;
-            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;
-                label?: string;
-                active?: boolean;
-                text?: string;
-                time?: 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;
-                }[];
-                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;
+declare const HighchartsLineChart: (props: any) => React.JSX.Element;
-export { ElementExecutor };
+export { HighchartsLineChart };

package/dist/index.js CHANGED Viewed

@@ -30,291 +30,141 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ElementExecutor: () => ElementExecutor
+  HighchartsLineChart: () => HighchartsLineChart
 });
 module.exports = __toCommonJS(src_exports);
 // src/libraries/element-executor.tsx
 var import_react = __toESM(require("react"));
-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;
-        }
+var import_highcharts = __toESM(require("highcharts"));
+var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
+var HighchartsLineChart = (props) => {
+  let graph_data = {
+    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"
       }
-    } 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);
+    },
+    xAxis: {
+      accessibility: {
+        rangeDescription: "Range: 2010 to 2020"
       }
-    } 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 "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)
+    },
+    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"
           }
-        );
-      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, null, 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;
-    });
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: props.data.className }, renderFields(schema)));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: graph_data }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ElementExecutor
+  HighchartsLineChart
 });

package/dist/index.mjs CHANGED Viewed

@@ -1,306 +1,133 @@
 // src/libraries/element-executor.tsx
-import React, { useState } from "react";
-import {
-  TextElement,
-  NumberElement,
-  TextareaElement,
-  SelectElement,
-  ButtonElement,
-  RadioElement,
-  CheckboxElement,
-  CkEditor,
-  SingleSelectElement,
-  MultipleSelectElement,
-  AddMoreTable,
-  Sidebar,
-  Navbar,
-  TableElement,
-  DateRangePickerElement,
-  DatePickerElement,
-  Image,
-  PasswordElement,
-  SingleCheckbox,
-  DropDownGroup,
-  FileUpload,
-  TabsElement
-} 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;
-        }
+import React from "react";
+import Highcharts from "highcharts";
+import HighchartsReact from "highcharts-react-official";
+var HighchartsLineChart = (props) => {
+  let graph_data = {
+    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"
       }
-    } 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);
+    },
+    xAxis: {
+      accessibility: {
+        rangeDescription: "Range: 2010 to 2020"
       }
-    } 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 "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)
+    },
+    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"
           }
-        );
-      default:
-        return null;
+        }
+      }]
     }
   };
-  const renderFields = (schema2) => {
-    return schema2 && schema2.map((eachSection) => {
-      if (eachSection.visible !== false) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, 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;
-    });
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(HighchartsReact, { highcharts: Highcharts, options: graph_data }));
 };
 export {
-  ElementExecutor
+  HighchartsLineChart
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/core",
-  "version": "0.0.16-Beta22",
+  "version": "0.0.16-Beta220",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -28,12 +28,13 @@
     "build": "tsup"
   },
   "dependencies": {
-    "@apexcura/ui-components": "^0.0.14-Beta22",
     "@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",
+    "highcharts": "^11.4.3",
+    "highcharts-react-official": "^3.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tsup": "^8.0.2"