@dartech/arsenal-ui 1.2.4 → 1.2.6

package/.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage",
+        "importSource": "@emotion/react"
+      }
+    ]
+  ],
+  "plugins": ["@emotion/babel-plugin"]
+}

package/.eslintrc.json

@@ -0,0 +1,22 @@
+{
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "parserOptions": {
+        "sourceType": "module",
+        "allowImportExportEverywhere": true
+      },
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/{index.d.ts → index.ts}

@@ -1,5 +1,5 @@
-export * from './src/interfaces';
-export * from './src/lib';
-export * from './src/utils';
-export * from './src/theme';
-export * from './src/consts';
+export * from './src/interfaces';
+export * from './src/lib';
+export * from './src/utils';
+export * from './src/theme';
+export * from './src/consts';

package/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'arsenal-ui',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nrwl/react/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/packages/arsenal-ui',
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,15 +24,6 @@
     "react-router-dom": "6.8.0",
     "react-toastify": "^9.1.1",
     "classnames": "^2.3.1",
-    "@tanstack/react-query": "^4.24.10",
-    "@dartech/arsenal-ui": "0.3.69",
-    "@rollup/plugin-node-resolve": "13.3.0",
-    "qs": "6.11.0",
-    "tss-react": "4.6.0"
-  },
-  "module": "./index.js",
-  "main": "./index.js",
-  "type": "module",
-  "types": "./index.d.ts",
-  "peerDependencies": {}
+    "@tanstack/react-query": "^4.24.10"
+  }
 }

package/project.json

@@ -0,0 +1,94 @@
+{
+  "name": "arsenal-ui",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/arsenal-ui/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["packages/arsenal-ui/**/*.{ts,tsx,js,jsx}"]
+      }
+    },
+    "build": {
+      "executor": "@nrwl/rollup:rollup",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/packages/arsenal-ui",
+        "tsConfig": "packages/arsenal-ui/tsconfig.lib.json",
+        "project": "packages/arsenal-ui/package.json",
+        "entryFile": "packages/arsenal-ui/index.ts",
+        "rollupConfig": "packages/arsenal-ui/rollup.config",
+        "buildableProjectDepsInPackageJsonType": "dependencies",
+        "compiler": "babel",
+        "external": [
+          "@emotion/react/jsx-runtime",
+          "react",
+          "react/jsx-runtime",
+          "axios",
+          "url-join",
+          "dmn-js",
+          "jspdf",
+          "canvg",
+          "react-toastify",
+          "react-router-dom",
+          "@mui/material",
+          "@mui/icons-material",
+          "@mui/material",
+          "@mui/x-date-pickers",
+          "@mui/x-data-grid",
+          "classnames",
+          "react-hook-form",
+          "ace-builds",
+          "react-ace",
+          "date-fns",
+          "uuid",
+          "tslib",
+          "@tanstack/react-query",
+          "tss-react",
+          "@uiw/react-codemirror"
+        ],
+        "assets": [
+          {
+            "glob": "packages/arsenal-ui/src/assets/fonts/Euclid",
+            "input": ".",
+            "output": "./src/assets/fonts"
+          },
+          {
+            "glob": "packages/arsenal-ui/src/assets/chevron_left.svg",
+            "input": ".",
+            "output": "./src/assets"
+          },
+          {
+            "glob": "packages/arsenal-ui/README.md",
+            "input": ".",
+            "output": "."
+          }
+        ]
+      }
+    },
+    "publish": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "node tools/scripts/publish.mjs arsenal-ui"
+      },
+      "dependsOn": ["build"]
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "packages/arsenal-ui/jest.config.ts",
+        "passWithNoTests": true
+      },
+      "configurations": {
+        "ci": {
+          "ci": true,
+          "codeCoverage": true
+        }
+      }
+    }
+  }
+}

package/rollup.config.js

@@ -0,0 +1,146 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+// @ts-nocheck
+
+Object.defineProperty(exports, '__esModule', { value: true });
+const nrwlConfig = require('@nrwl/react/plugins/bundle-rollup');
+const builtins = require('rollup-plugin-node-builtins');
+const resolve = require('@rollup/plugin-node-resolve');
+const json = require('@rollup/plugin-json');
+const terser = require('rollup-plugin-terser');
+const path = require('path');
+// const copy = require('@web/rollup-plugin-copy').copy;
+const fileExtensions = [
+  '.mjs',
+  '.esm.js',
+  'cjs',
+  '.js',
+  '.ts',
+  '.tsx',
+  '.json',
+  '.jsx',
+];
+const url = require('@rollup/plugin-url');
+
+function getRollupOptions(options) {
+  const extraGlobals = {
+    react: 'React',
+    classnames: 'cn',
+    crypto: 'crypto',
+    '@mui/x-data-grid': 'xDataGrid',
+    'react-dom': 'ReactDOM',
+    'react-router-dom': 'ReactRouterDOM',
+    'styled-components': 'styled',
+    '@emotion/react': 'emotionReact',
+    '@emotion/styled': 'emotionStyled',
+    axios: 'axios',
+    'url-join': 'urlJoin',
+    '@mui/material': 'materialUiCore',
+    'react-hook-form': 'reactHookForm',
+    '@mui/icons-material/DeleteForever': 'DeleteForeverIcon',
+    '@mui/material/TextField': 'TextField',
+    '@mui/material/MenuItem': 'MenuItem',
+    '@mui/material/Button': 'Button',
+    '@mui/material/Dialog': 'Dialog',
+    '@mui/material/DialogActions': 'DialogActions',
+    '@mui/material/DialogContent': 'DialogContent',
+    '@mui/material/DialogContentText': 'DialogContentText',
+    '@mui/material/DialogTitle': 'DialogTitle',
+    '@mui/material/Box': 'Box',
+    '@mui/material/Unstable_Grid2': 'Grid',
+    '@mui/material/Checkbox': 'Checkbox',
+    '@mui/material/FormControl': 'FormControl',
+    '@mui/material/InputLabel': 'InputLabel',
+    '@mui/material/Typography': 'Typography',
+    '@mui/material/FormHelperText': 'FormHelperText',
+    '@mui/x-date-pickers/DatePicker': 'DatePicker',
+    '@mui/x-date-pickers/TimePicker': 'TimePicker',
+    '@mui/x-date-pickers/DateTimePicker': 'DateTimePicker',
+    '@mui/material/Card': 'Card',
+    '@mui/material/CardContent': 'CardContent',
+    '@mui/material/TablePagination': 'TablePagination',
+    '@mui/icons-material/CheckCircle': 'CheckCircleIcon',
+    '@mui/material/FormControlLabel': 'FormControlLabel',
+    '@mui/material/IconButton': 'IconButton',
+    '@mui/material/Tooltip': 'Tooltip',
+    '@mui/icons-material/Add': 'AddIcon',
+    '@mui/icons-material/FileCopyOutlined': 'FileCopyOutlined',
+    '@mui/material/CircularProgress': 'CircularProgress',
+    '@mui/icons-material/ZoomInOutlined': 'ZoomInIcon',
+    '@mui/icons-material/ZoomOutOutlined': 'ZoomOutIcon',
+    '@mui/icons-material/AspectRatioOutlined': 'AspectRatioOutlinedIcon',
+    '@mui/icons-material/DeleteForeverOutlined': 'DeleteForeverOutlinedIcon',
+    '@mui/icons-material/ReplayOutlined': 'ReplayOutlinedIcon',
+    '@mui/icons-material/Settings': 'SettingsIcon',
+    '@mui/icons-material/Pause': 'PauseIcon',
+    '@mui/icons-material/PlayArrow': 'PlayArrowIcon',
+    '@mui/icons-material/Fullscreen': 'Fullscreen',
+    '@mui/icons-material/NotInterested': 'NotInterestedIcon',
+    '@mui/material/ButtonGroup': 'ButtonGroupIcon',
+    '@mui/material/Radio': 'Radio',
+    '@mui/material/RadioGroup': 'RadioGroup',
+    '@mui/material/List': 'List',
+    '@mui/material/ListItem': 'ListItem',
+    '@mui/material/ListItemText': 'ListItemText',
+    '@mui/material/ListItemSecondaryAction': 'ListItemSecondaryAction',
+    '@mui/material/Collapse': 'Collapse',
+    '@mui/material/Table': 'MuiTable',
+    '@mui/material/TableRow': 'TableRow',
+    '@mui/material/TableCell': 'TableCell',
+    '@mui/material/TableBody': 'TableBody',
+    '@mui/material/TableContainer': 'TableContainer',
+    '@mui/material/TableHead': 'TableHead',
+    '@mui/material/Breadcrumbs': 'Breadcrumbs',
+    '@mui/icons-material/Close': 'CloseIcon',
+    'react-ace': 'AceEditor',
+    'date-fns': 'dateFns',
+    tslib: 'tslib',
+    'draft-js': 'draftJs',
+    'react-toastify': 'reactToastify',
+  };
+  if (Array.isArray(options.output)) {
+    options.output.forEach((o) => {
+      o.globals = Object.assign(Object.assign({}, o.globals), extraGlobals);
+      o.output.compact = true;
+      // o.output.inlineDynamicImports = false;
+    });
+  } else {
+    options.output = Object.assign(Object.assign({}, options.output), {
+      globals: Object.assign(
+        Object.assign({}, options.output.globals),
+        extraGlobals
+      ),
+      compact: true,
+      // inlineDynamicImports: false
+    });
+  }
+
+  options.treeshake = {
+    moduleSideEffects: false,
+    preset: 'recommended',
+  };
+  options.external = (id) => {
+    return !id.startsWith('.') && !path.isAbsolute(id);
+  };
+
+  options.plugins.push(
+    resolve.nodeResolve({
+      mainFields: ['module', 'browser', 'main'],
+      preferBuiltins: true,
+      extensions: fileExtensions,
+      moduleDirectories: ['dist/libs', 'node_modules'], // IMPORTANT
+    })
+  );
+  options.plugins.push(
+    url({
+      limit: Infinity,
+      include: ['**/*.woff', '**/*.woff2'],
+    })
+  );
+  // options.output.sourcemap = true;
+  options.plugins.push(builtins());
+  options.plugins.push(json());
+  options.plugins.push(terser.terser());
+  return options;
+}
+
+module.exports = getRollupOptions;

package/src/assets/chevron_left_gray.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.47054 0.861939C6.59552 0.986958 6.66573 1.1565 6.66573 1.33327C6.66573 1.51005 6.59552 1.67959 6.47054 1.80461L2.27521 5.99994L6.47054 10.1953C6.59198 10.321 6.65917 10.4894 6.65766 10.6642C6.65614 10.839 6.58602 11.0062 6.46242 11.1298C6.33881 11.2534 6.1716 11.3235 5.99681 11.3251C5.82201 11.3266 5.65361 11.2594 5.52787 11.1379L0.861207 6.47127C0.736226 6.34625 0.666016 6.17672 0.666016 5.99994C0.666016 5.82316 0.736226 5.65362 0.861207 5.52861L5.52787 0.861939C5.65289 0.736958 5.82243 0.666748 5.99921 0.666748C6.17598 0.666748 6.34552 0.736958 6.47054 0.861939V0.861939Z" fill="#8B8C9E"/>
+</svg>

package/src/consts/index.ts

@@ -0,0 +1,13 @@
+export const defaultDefinitionArrayValue = {
+  code: '',
+  name: '',
+  version: 0,
+  properties: [],
+};
+
+export const defaultDefinitionObjectValue = {
+  code: '',
+  name: '',
+  version: 0,
+  properties: {},
+};

package/src/interfaces/common.ts

@@ -0,0 +1,18 @@
+export enum RoundingMode {
+  UP = 'UP',
+  DOWN = 'DOWN',
+  CEILING = 'CEILING',
+  FLOOR = 'FLOOR',
+  HALF_UP = 'HALF_UP',
+  HALF_DOWN = 'HALF_DOWN',
+  HALF_EVEN = 'HALF_EVEN',
+  UNNECESSARY = 'UNNECESSARY',
+}
+
+export interface PaginateData<T> {
+  collection: T[];
+  totalItems: number;
+  totalPages: number;
+  total?: number;
+  pageNumber: number;
+}

package/src/interfaces/definition.ts

@@ -0,0 +1,143 @@
+import { RoundingMode } from './common';
+
+export enum PropertyType {
+  STRING = 'STRING',
+  INTEGER = 'INTEGER',
+  BIG_INTEGER = 'BIG_INTEGER',
+  BIG_DECIMAL = 'BIG_DECIMAL',
+  FLOAT = 'FLOAT',
+  LONG = 'LONG',
+  DOUBLE = 'DOUBLE',
+  BOOLEAN = 'BOOLEAN',
+  ENTITY_REFERENCE = 'ENTITY_REFERENCE',
+  ENTITY = 'ENTITY',
+  JSON = 'JSON',
+  DATE = 'DATE',
+  TIME = 'TIME',
+  DATE_TIME = 'DATE_TIME',
+  ANY = 'ANY',
+}
+
+export interface Definition<T = Record<string, never>> {
+  code: string;
+  version: number;
+  name: string;
+  properties: PropertiesObjectType<T>;
+}
+
+export type PropertiesObjectType<T = Record<string, never>> = Record<string, PropertyUnion & T>;
+export type PropertiesArrayType<T = Record<string, never>> = Array<PropertyUnion & T>;
+
+export interface CreateDefinitionType<T = Record<string, never>> extends Omit<Definition<T>, 'properties'> {
+  properties: PropertiesArrayType<T>;
+}
+export interface UpdateDefinitionType<T = Record<string, never>> extends Omit<Definition<T>, 'properties'> {
+  properties: PropertiesArrayType<T>;
+}
+
+export interface Property {
+  propertyType: keyof typeof PropertyType | { value: keyof typeof PropertyType };
+  name: string;
+  defaultValue: unknown;
+  defaultValues: unknown[];
+  isRequired: boolean;
+  isMultiple: boolean;
+  sortOrder: number;
+  isEnabled: boolean;
+  uiSettings: unknown;
+  validationNode: unknown;
+  // FRONTEND FIELDS
+  key?: string;
+}
+
+export interface BigDecimalProperty extends Property {
+  propertyType: PropertyType.BIG_DECIMAL;
+  precisionScale: number;
+  roundingMode: keyof typeof RoundingMode;
+}
+
+export interface BigIntegerProperty extends Property {
+  propertyType: PropertyType.BIG_INTEGER;
+}
+
+export interface BooleanProperty extends Property {
+  propertyType: PropertyType.BOOLEAN;
+}
+
+export interface DateProperty extends Property {
+  propertyType: PropertyType.DATE;
+  format: string;
+}
+
+export interface DateTimeProperty extends Property {
+  propertyType: PropertyType.DATE_TIME;
+  format: string;
+}
+
+export interface DoubleProperty extends Property {
+  propertyType: PropertyType.DOUBLE;
+}
+
+export interface EntityTypeProperty<T = Record<string, never>> extends Property {
+  propertyType: PropertyType.ENTITY;
+  properties: PropertiesObjectType<T> | PropertiesArrayType<T>;
+}
+
+export interface EntityReferenceProperty extends Property {
+  propertyType: PropertyType.ENTITY_REFERENCE;
+  definitionCode: string;
+  definitionVersion: string;
+  labelPropertyCode: string;
+  valuePropertyCode: string;
+}
+
+export interface FloatProperty extends Property {
+  propertyType: PropertyType.FLOAT;
+}
+
+export interface StringProperty extends Property {
+  propertyType: PropertyType.STRING;
+  restrictedValues: string[];
+}
+
+export interface IntegerProperty extends Property {
+  propertyType: PropertyType.INTEGER;
+}
+
+export interface JsonProperty extends Property {
+  propertyType: PropertyType.JSON;
+}
+
+export interface LongProperty extends Property {
+  propertyType: PropertyType.LONG;
+}
+
+export interface TimeProperty extends Property {
+  propertyType: PropertyType.TIME;
+  format: string;
+}
+
+export interface AnyProperty extends Property {
+  propertyType: PropertyType.ANY;
+}
+
+export type PropertyUnion<T = Record<string, never>> =
+  | BigDecimalProperty
+  | BigIntegerProperty
+  | BooleanProperty
+  | DateProperty
+  | DateTimeProperty
+  | DoubleProperty
+  | EntityTypeProperty<T>
+  | EntityReferenceProperty
+  | FloatProperty
+  | StringProperty
+  | IntegerProperty
+  | JsonProperty
+  | LongProperty
+  | TimeProperty
+  | AnyProperty;
+
+export const DATE_DEFAULT_FORMAT = 'yyyy-MM-dd';
+export const TIME_DEFAULT_FORMAT = 'HH:mm:ss';
+export const DATE_TIME_DEFAULT_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSSXXX";

package/src/interfaces/{index.d.ts → index.ts}

@@ -1,3 +1,3 @@
-export * from './definition';
-export * from './ui';
-export * from './common';
+export * from './definition';
+export * from './ui';
+export * from './common';

package/src/interfaces/ui.ts

@@ -0,0 +1,80 @@
+import { PaginateData } from './common';
+import { PropertiesArrayType } from './definition';
+import { ReactNode } from 'react';
+
+type PaginateParams = {
+  page: string;
+  size: string;
+  [key: string]: string;
+};
+
+export interface FilterField {
+  name: string;
+  label: string;
+  type: 'text' | 'select' | 'autocomplete' | 'date' | 'number' | 'date_time' | 'query_autocomplete';
+  value?: unknown;
+  multiple?: boolean;
+  options?: {
+    value: string;
+    label: string;
+  }[];
+  searchBy?: string;
+  sortBy?: string;
+  labelKey?: string;
+  valueKey?: string;
+  queryFunction?: (params: PaginateParams) => Promise<PaginateData<unknown>>;
+}
+
+export interface Option<T = string> {
+  value: T;
+  label: string;
+}
+
+export type TableDataType = 'id' | 'JSON' | 'JSON_text' | 'JSON_copy' | 'copy' | 'boolean' | 'date' | 'status' | 'array';
+
+export type JsonPathPickerProperty = {
+  properties: PropertiesArrayType;
+  pathPrefix: string;
+  title: string;
+};
+
+export type CustomPropertyFieldProps = {
+  name: string;
+  label?: string;
+  type: 'text' | 'checkbox' | 'number' | 'select' | 'autocomplete' | 'json';
+  decimal?: boolean;
+  options?: string[] | { value: unknown; label: string }[];
+  required?: boolean;
+};
+
+export type PropertyFillType = 'expression' | 'widget' | 'null' | 'string' | 'json_valid' | 'json_notvalid' | 'dem_builder';
+
+export type StatusVariant = 'default' | 'success' | 'error' | 'warning';
+
+export type ValidateFunc = (value: string) => boolean | string;
+
+
+
+export interface Column<T> {
+  id: string;
+  label: string;
+  align?: 'right' | 'left';
+  type?: TableDataType;
+  sortKey?: string;
+  width?: number;
+  renderCell?: (row: Row<T>, rowIndex: number) => ReactNode;
+}
+
+export type Row<T> = T & {
+  id?: string;
+  onClick?: (event: React.MouseEvent<HTMLTableRowElement>) => void;
+};
+
+export type Route = {
+  name: string;
+  main?: boolean;
+  icon?: ReactNode;
+  link?: string;
+  query?: string;
+  children?: Route[];
+}