@dartech/arsenal-ui 1.2.5 → 1.2.7

package/src/lib/Table/SimpleTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SimpleTable';
+export * from './TableActionCell';

package/src/lib/Table/SimpleTable/useTablePagination.d.ts

@@ -0,0 +1,7 @@
+declare const useTablePagination: () => {
+    page: string | number;
+    size: string | number;
+    onPageChange: (newPage: number) => void;
+    onSizeChange: (newSize: number) => void;
+};
+export default useTablePagination;

package/src/lib/Table/SimpleTable/useTableSorting.d.ts

@@ -0,0 +1,6 @@
+declare const useTableSorting: () => {
+    sortParams: string[][];
+    onSortChanged: (sortKey: string) => void;
+    getColumnSorting: (sortKey: string) => string | false;
+};
+export default useTableSorting;

package/src/lib/Table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataGrid';
+export * from './SimpleTable';

package/src/lib/Tabs/RouteTabs.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface RouteTab {
+    name: string;
+    label: string;
+    component: React.ReactElement;
+}
+interface Props {
+    tabs: RouteTab[];
+}
+export declare const RouteTabs: (props: Props) => JSX.Element;
+export default RouteTabs;

package/src/lib/Tabs/TabPanel.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+/**
+ * This interface is referencing the [[TabPanel]] component props.
+ * @category Common UI components
+ */
+export interface TabPanelProps {
+    /**
+     * Active tab value
+     */
+    value: number | string;
+    /**
+     * Index of current panel
+     */
+    index: number | string;
+    /**
+     * Rendered children component
+     */
+    children: React.ReactElement;
+}
+/**
+ * Tab panel component. Used with tabs component
+ * @category Common UI components
+ */
+export declare const TabPanel: (props: TabPanelProps) => JSX.Element;
+export default TabPanel;

package/src/lib/Tabs/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export * from './TabPanel';
-export * from './RouteTabs';
+export * from './TabPanel';
+export * from './RouteTabs';

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

@@ -1,16 +1,16 @@
-export * from './Alert';
-export * from './Forms';
-export * from './Loader';
-export * from './Table';
-export * from './Tabs';
-export * from './Modals';
-export * from './InfoItem';
-export * from './Definition';
-export * from './Property';
-export * from './Status';
-export * from './JsonView';
-export * from './JsonPathPicker';
-export * from './StepperView';
-export * from './Sidebar';
-export * from './ContentLayout';
-export * from './Breadcrumbs';
+export * from './Alert';
+export * from './Forms';
+export * from './Loader';
+export * from './Table';
+export * from './Tabs';
+export * from './Modals';
+export * from './InfoItem';
+export * from './Definition';
+export * from './Property';
+export * from './Status';
+export * from './JsonView';
+export * from './JsonPathPicker';
+export * from './StepperView';
+export * from './Sidebar';
+export * from './ContentLayout';
+export * from './Breadcrumbs';

package/src/theme/baseTheme.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@mui/material/styles").Theme;
+export default _default;

package/src/theme/index.d.ts

@@ -0,0 +1 @@
+export declare const theme: import("@mui/material/styles").Theme;

package/src/theme/inputThemeOptions.d.ts

@@ -0,0 +1,117 @@
+declare const inputThemeOptions: {
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    lineHeight: number;
+                };
+            };
+        };
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    minWidth: string;
+                    background: string;
+                };
+                input: {
+                    minWidth: string;
+                };
+            };
+        };
+        MuiSelect: {
+            styleOverrides: {
+                nativeInput: {
+                    padding: number;
+                    height: string;
+                };
+            };
+        };
+        MuiTextField: {
+            styleOverrides: {
+                root: {
+                    minWidth: string;
+                };
+            };
+        };
+        MuiInputLabel: {
+            styleOverrides: {
+                root: {
+                    position: string;
+                    overflow: string;
+                    transform: string;
+                    marginBottom: string;
+                    fontWeight: number;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+            };
+        };
+        MuiOutlinedInput: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    minWidth: string;
+                };
+                notchedOutline: {
+                    top: number;
+                    '& legend': {
+                        display: string;
+                        transition: string;
+                    };
+                };
+            };
+        };
+        MuiAutocomplete: {
+            styleOverrides: {
+                paper: {
+                    marginTop: number;
+                    borderRadius: number;
+                    boxShadow: string;
+                };
+                listbox: {
+                    '::-webkit-scrollbar': {
+                        width: string;
+                        backgroundColor: string;
+                    };
+                    '::-webkit-scrollbar-thumb': {
+                        borderRadius: string;
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        MuiMenu: {
+            styleOverrides: {
+                list: {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    background: string;
+                    '& li.Mui-selected': {
+                        background: string;
+                    };
+                };
+            };
+        };
+        MuiPopover: {
+            styleOverrides: {
+                paper: {
+                    marginTop: number;
+                    borderRadius: number;
+                    boxShadow: string;
+                };
+            };
+        };
+        MuiFormLabel: {
+            styleOverrides: {
+                asterisk: {
+                    color: string;
+                    '&$error': {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default inputThemeOptions;

package/src/theme/stepperThemeOptions.d.ts

@@ -0,0 +1,16 @@
+declare const stepperThemeOptions: {
+    components: {
+        MuiStepIcon: {
+            styleOverrides: {
+                root: {
+                    fontSize: string;
+                    color: string;
+                    '&.Mui-active, &.Mui-completed': {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default stepperThemeOptions;

package/src/theme/tableThemeOptions.d.ts

@@ -0,0 +1,47 @@
+declare const tableThemeOptions: {
+    components: {
+        MuiTableContainer: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    border: string;
+                };
+            };
+        };
+        MuiTableHead: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        MuiTableCell: {
+            styleOverrides: {
+                root: {
+                    minHeight: number;
+                    padding: string;
+                    '&:first-of-type': {
+                        paddingLeft: string;
+                    };
+                };
+                head: {
+                    maxHeight: string;
+                    padding: string;
+                    color: string;
+                };
+                body: {
+                    wordBreak: string;
+                };
+            };
+        };
+        MuiTableSortLabel: {
+            styleOverrides: {
+                root: {
+                    maxHeight: string;
+                    lineHeight: number;
+                };
+            };
+        };
+    };
+};
+export default tableThemeOptions;

package/src/theme/typographyThemeOptions.d.ts

@@ -0,0 +1,29 @@
+declare const typographyThemeOptions: {
+    components: {
+        MuiTypography: {
+            styleOverrides: {
+                h1: {
+                    [x: string]: {
+                        fontSize: string;
+                    };
+                };
+                h3: {
+                    [x: string]: string | {
+                        fontSize: string;
+                    };
+                    fontSize: string;
+                };
+                h4: {
+                    [x: string]: string | {
+                        fontSize: string;
+                    };
+                    fontSize: string;
+                };
+                subtitle2: {
+                    color: string;
+                };
+            };
+        };
+    };
+};
+export default typographyThemeOptions;

package/src/utils/common.d.ts

@@ -0,0 +1,7 @@
+export declare const removeArrayItem: (arr: Array<unknown>, index: number) => unknown[];
+export declare const validateJson: (value: string) => boolean;
+export declare function capitalize(str: string): string;
+export declare const sortArrayOfObjects: (a: Record<string, unknown>, b: Record<string, unknown>, key: string, order?: string) => 1 | -1 | 0;
+export declare const getJsonStringValue: (value: unknown) => string;
+export declare const safeParseJson: (value: string) => any;
+export declare const deepParseJson: (value: string) => any;

package/src/utils/dem.d.ts

@@ -0,0 +1,27 @@
+import { PropertyType, EntityTypeProperty, PropertiesArrayType, PropertiesObjectType, PropertyFillType } from '../interfaces';
+export declare const isPropertyValueEmpty: (value: unknown) => boolean;
+export declare const formatDefinitionData: (properties: PropertiesArrayType<unknown>, data: unknown) => {};
+export declare const propertiesArrayToObject: (properties: any, isGlobalParameter?: boolean) => PropertiesObjectType<any>;
+export declare function propertiesObjectToArray(properties: any, fields?: {
+    [key: string]: unknown;
+}): any[];
+export declare const getDemPropertyDateFormat: (defaultFormat: string, propertyFormat: string) => string;
+export declare const getEntityStarterValue: (property: EntityTypeProperty) => any;
+export declare const getMultiplePropertyFillOptions: ({ propertyType, useExpression, required, }: {
+    propertyType: PropertyType;
+    required: boolean;
+    useExpression?: boolean;
+}) => {
+    value: PropertyFillType;
+    label: string;
+    sortOrder: number;
+}[];
+export declare const getSinglePropertyFillOptions: ({ propertyType, useExpression, required, }: {
+    propertyType: PropertyType;
+    required: boolean;
+    useExpression?: boolean;
+}) => {
+    value: PropertyFillType;
+    label: string;
+    sortOrder: number;
+}[];

package/src/utils/hooks.d.ts

@@ -0,0 +1,7 @@
+export declare function useDebounce(func: (args?: any) => void, delay: number): (...args: any[]) => void;
+export declare const useToggle: () => {
+    open: boolean;
+    toggle: () => void;
+    onClose: () => void;
+    onOpen: () => void;
+};

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

@@ -1,5 +1,5 @@
-export * from './common';
-export * from './ui-utils';
-export * from './hooks';
-export * from './validators';
-export * from './dem';
+export * from './common';
+export * from './ui-utils';
+export * from './hooks';
+export * from './validators';
+export * from './dem';

package/src/utils/ui-utils.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { StatusVariant } from '../interfaces';
+export declare const formatTableRowValue: ({ value, canCopy, copyValue, shortId, fullText, textParams: { displayAs, dateFormat, statusVariant }, }: {
+    value: any;
+    canCopy?: boolean;
+    copyValue?: string;
+    shortId?: boolean;
+    fullText?: boolean;
+    textParams?: {
+        displayAs?: 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number';
+        dateFormat?: string[];
+        statusVariant?: StatusVariant;
+    };
+}) => JSX.Element | "";

package/src/utils/validators.d.ts

@@ -0,0 +1,5 @@
+import { PropertyType } from '../interfaces';
+export declare const digitsOnly: RegExp;
+export declare const floatsOnly: RegExp;
+export declare const isExpression: (value: unknown) => boolean;
+export declare const isDateType: (propertyType: PropertyType) => boolean;

package/.babelrc

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

package/.eslintrc.json

@@ -1,22 +0,0 @@
-{
-  "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/jest.config.ts

@@ -1,11 +0,0 @@
-/* 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/project.json

@@ -1,94 +0,0 @@
-{
-  "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
-        }
-      }
-    }
-  }
-}