@apexcura/core 0.0.17-Beta72 → 0.0.17-Beta721

package/dist/services/http-service.d.ts

@@ -0,0 +1,8 @@
+interface ResponseData {
+    [x: string]: string | boolean | undefined;
+    status: boolean;
+    token?: string;
+    IS_MAINTENANCE_MODE?: boolean;
+}
+export default function postService(url: string, method: string, data: string): Promise<false | ResponseData>;
+export {};

package/dist/services/local-storage.d.ts

@@ -0,0 +1,13 @@
+type StorageProps = {
+    key: string;
+    data?: object;
+};
+declare class Storage {
+    store({ key, data }: StorageProps): void;
+    getJson({ key }: StorageProps): any;
+    get({ key }: StorageProps): string | null;
+    remove({ key }: StorageProps): void;
+    clearAll(): void;
+}
+declare const _default: Storage;
+export default _default;

package/package.json

@@ -1,54 +1,57 @@
 {
   "name": "@apexcura/core",
-  "version": "0.0.17-Beta72",
-  "description": "Apex cura React components library",
-  "keywords": [
-    "apex cura",
-    "input",
-    "ui",
-    "react",
-    "react-component"
-  ],
-  "homepage": "https://www.apexcura.com/",
-  "bugs": {
-    "url": "https://github.com/apexcura/core/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/apexcura/core.git",
-    "directory": "packages/core"
+  "version": "0.0.17-Beta721",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "lint": "eslint src",
+    "format": "prettier --write src",
+    "prepare": "npm run build"
   },
-  "author": "Apex Cura <hello@apexcura.com>",
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "",
   "license": "ISC",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "test": "jest",
-    "build": "tsup"
+  "description": "",
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ]
   },
-  "dependencies": {
-    "@apexcura/ui-components": "^0.0.15-Beta61",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.6",
-    "@types/react-global-configuration": "^1.3.3",
-    "antd": "^5.16.5",
-    "axios": "^1.6.8",
-    "moment": "^2.30.1",
+  "peerDependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "tsup": "^8.0.2"
+    "react-dom": "^18.3.1"
   },
-  "devDependencies": {
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.3.1",
-    "@types/testing-library__react": "^10.2.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.4.5"
+  "dependencies": {
+    "@apexcura/highcharts": "^0.0.0-Beta186",
+    "@apexcura/ui-components": "^0.0.16-Beta481",
+    "antd": "^5.19.2",
+    "axios": "^1.7.2"
   },
-  "engines": {
-    "node": ">=18.0.0"
+  "devDependencies": {
+    "@types/highcharts": "^7.0.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-webpack-plugin": "^4.2.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.3.2",
+    "source-map-loader": "^5.0.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.5.3",
+    "webpack": "^5.92.1",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-cli": "^5.1.4"
   }
 }

package/dist/index.mjs

@@ -1,435 +0,0 @@
-// src/libraries/element-executor.tsx
-import React, { useEffect, 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,
-  Upload,
-  OtpElement,
-  CircleDonut,
-  SemiCircleDonut,
-  HorizontalBarChart,
-  DoubleBarChart,
-  LineChart,
-  BarChart,
-  DivContainer,
-  ColorPickerElement,
-  NotificationAlert
-} from "@apexcura/ui-components";
-import moment from "moment";
-
-// src/services/http-service.tsx
-import axios from "axios";
-
-// 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 && 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.setData(updatedSchema);
-  };
-  useEffect(() => {
-    if (props?.data?.schema) {
-      setSchema([...props.data.schema]);
-    }
-  }, [props.data]);
-  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(
-          DivContainer,
-          {
-            ...elementProps,
-            onClick: () => props.selectedRecord && props.selectedRecord(elementProps)
-          }
-        );
-      case "button":
-        return /* @__PURE__ */ React.createElement(
-          ButtonElement,
-          {
-            ...elementProps,
-            onClick: () => props.selectedRecord && 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 "datetimepicker":
-        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)
-          }
-        );
-      case "color-picker":
-        return /* @__PURE__ */ React.createElement(
-          ColorPickerElement,
-          {
-            ...elementProps,
-            onChange: (value) => onHandleChange(elementProps.name || "", value)
-          }
-        );
-      case "alert":
-        return /* @__PURE__ */ React.createElement(
-          NotificationAlert,
-          {
-            ...elementProps,
-            onChange: (value) => onHandleChange(elementProps.name || "", value)
-          }
-        );
-      default:
-        return null;
-    }
-  };
-  const renderFields = (schema2) => {
-    return schema2 && schema2.map((eachSection, 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), /* @__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(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: props.data.className }, renderFields(schema)));
-};
-export {
-  ElementExecutor
-};

package/jest.config.js

@@ -1,9 +0,0 @@
-module.exports = {
-    preset: 'ts-jest',
-    testEnvironment: 'jsdom',
-    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-    moduleNameMapper: {
-      '\\.(css|less)$': 'identity-obj-proxy', 
-    },
-    testMatch: ['**/__tests__/**/*.ts?(x)', '**/?(*.)+(spec|test).ts?(x)'],
-  };