@dartech/arsenal-ui 1.2.6 → 1.2.7

package/rollup.config.js

@@ -1,146 +0,0 @@
-/* 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

@@ -1,3 +0,0 @@
-<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

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

package/src/interfaces/common.ts

@@ -1,18 +0,0 @@
-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

@@ -1,143 +0,0 @@
-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/ui.ts

@@ -1,80 +0,0 @@
-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[];
-}

package/src/lib/Alert/Alert.tsx

@@ -1,108 +0,0 @@
-import React from 'react';
-import Button from '@mui/material/Button';
-import Dialog, { DialogProps } from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import Box from '@mui/material/Box';
-import { Loader } from '../Loader';
-
-/**
- * This interface is referencing the [[AlertDialog]] component props.
- * @category Common UI components
- */
-export interface AlertDialogProps {
-  /**
-   * Is dialog open flag
-   */
-  open: boolean;
-  /**
-   * Dialog title
-   */
-  title: string;
-  /**
-   * Dialog description
-   */
-  description?: string;
-  /**
-   * Close button text
-   */
-  closeButtonTitle?: string;
-  /**
-   * Confirm button text
-   */
-  confirmButtonTitle?: string;
-  /**
-   * onClose event handle function
-   */
-  onClose: () => void;
-  /**
-   * onConfirm event handle function
-   */
-  
-  onConfirm?: (values?: any) => void;
-  /**
-   * children components
-   */
-  children?: React.ReactNode;
-  /**
-   * Material UI Dialog component props
-   */
-  dialogProps?: Partial<DialogProps>;
-  loading?: boolean;
-  confirmButtonDisabled?: boolean;
-  maxWidth?: false | "xs" | "sm" | "md" | "lg" | "xl";
-};
-
-/**
- * Alert dialog component. Used for popup information
- * @category Common UI components
- */
-export const AlertDialog = ({
-  open,
-  title,
-  description,
-  closeButtonTitle="Close",
-  onClose,
-  confirmButtonTitle = "Confirm",
-  confirmButtonDisabled = false,
-  onConfirm,
-  children,
-  dialogProps,
-  loading,
-  maxWidth="xs"
-}: AlertDialogProps) => {
-  return (
-    <div>
-      <Dialog
-        open={open}
-        onClose={onClose}
-        aria-labelledby="alert-dialog-title"
-        aria-describedby="alert-dialog-description"
-        fullWidth
-        maxWidth={maxWidth}
-        {...dialogProps}
-      >
-        {loading && <Loader />}
-        <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
-        <DialogContent>
-          { description && <DialogContentText id="alert-dialog-description">{description}</DialogContentText>}          
-          <Box maxWidth="100%" overflow="hidden">{children}</Box>
-        </DialogContent>
-        <DialogActions>
-          <Button onClick={onClose} color="primary" variant="contained">
-            {closeButtonTitle}
-          </Button>
-          {confirmButtonTitle && onConfirm ? (
-            <Button onClick={onConfirm} color="secondary" variant="contained" autoFocus disabled={confirmButtonDisabled}>
-              {confirmButtonTitle}
-            </Button>
-          ) : null}
-        </DialogActions>
-      </Dialog>
-    </div>
-  );
-};
-
-export default AlertDialog;

package/src/lib/Alert/index.ts

@@ -1 +0,0 @@
-export * from './Alert';

package/src/lib/Breadcrumbs/Breadcrumbs.styled.tsx

@@ -1,16 +0,0 @@
-import { Link } from 'react-router-dom';
-import { styled } from '@mui/material/styles';
-
-// export const StyledBreadcrumbs = styled(Breadcrumbs)(() => ({
-//   '& li': {
-//     color: '#6D6E85',
-//     '&:last-child': {
-//       color: '#262842',
-//     },
-//   },
-// }));
-
-export const StyledLink = styled(Link)(() => ({
-  textDecoration: 'none',
-  color: 'inherit',
-}));

package/src/lib/Breadcrumbs/Breadcrumbs.tsx

@@ -1,40 +0,0 @@
-import Typography from '@mui/material/Typography';
-import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
-import { StyledLink } from './Breadcrumbs.styled';
-import NavigateNextIcon from '@mui/icons-material/NavigateNext';
-
-type Props = {
-  crumbs: {
-    title: string;
-    link?: string;
-  }[];
-};
-
-export const Breadcrumbs = ({ crumbs }: Props) => {
-  return (
-    <MuiBreadcrumbs
-      separator={<NavigateNextIcon fontSize="small" />}
-      aria-label="breadcrumb"
-      sx={{
-        '& li': {
-          color: '#6D6E85',
-          '&:last-child': {
-            color: '#262842',
-          },
-        },
-      }}
-    >
-      {crumbs.map((crumb, index) =>
-        crumb.link ? (
-          <StyledLink key={index} to={crumb.link} className="breadcrumb">
-            {crumb.title}
-          </StyledLink>
-        ) : (
-          <Typography key={index} className="breadcrumb">
-            {crumb.title}
-          </Typography>
-        )
-      )}
-    </MuiBreadcrumbs>
-  );
-};

package/src/lib/ContentLayout/ContentLayout.tsx

@@ -1,31 +0,0 @@
-import { Suspense, ReactNode } from 'react';
-import Box from '@mui/material/Box';
-import { SxProps, Theme } from '@mui/material/styles';
-import Toolbar from '@mui/material/Toolbar';
-import { Outlet } from 'react-router-dom';
-import { Loader } from '../Loader';
-
-type Props = {
-  children?: ReactNode;
-  toolbar?: ReactNode;
-  contentSx?: SxProps<Theme>;
-}
-
-export const ContentLayout = ({ children, toolbar, contentSx }: Props) => {
-  return (
-    <Box component="main" sx={{ flexGrow: 1, bgcolor: 'background.default' }}>
-      <Toolbar
-        sx={{
-          borderBottom: '1px solid rgba(38, 40, 66, 0.08)',
-        }}
-      >{toolbar}</Toolbar>
-      <Box sx={{ ...contentSx, height: 'calc(100vh - 56px)', overflow: 'scroll' }}>
-        <Suspense fallback={<Loader />}>
-          {
-            children ?? <Outlet />
-          }          
-        </Suspense>        
-      </Box>
-    </Box>
-  );
-};

package/src/lib/ContentLayout/index.ts

@@ -1 +0,0 @@
-export * from './ContentLayout';

package/src/lib/Definition/CreateDefinition/CreateDefinition.tsx

@@ -1,78 +0,0 @@
-import Box from '@mui/material/Box';
-import Grid from '@mui/material/Unstable_Grid2';
-import Typography from '@mui/material/Typography';
-import { ControlInput, ControlNumberInput } from '../../Forms';
-import CreatePropertiesList from '../../Property/UpsertProperty/CreatePropertiesList';
-
-import { useFormContext } from 'react-hook-form';
-
-type Props = {
-  definitionFieldName?: string;
-  title?: string;
-  hideCodeField?: boolean;
-  hideVersionField?: boolean;
-  hideNameField?: boolean;
-  required?: boolean;
-};
-
-export const CreateDefinition = ({
-  definitionFieldName,
-  title,
-  hideCodeField,
-  hideVersionField,
-  hideNameField,
-  required = false,
-}: Props) => {
-  const { control } = useFormContext();
-
-  return (
-    <Grid container direction="column" spacing={2}>
-      {title && (
-        <Grid sm={12}>
-          <Box my={2}>
-            <Typography variant="h6">{title}</Typography>
-          </Box>
-        </Grid>
-      )}
-      {!hideNameField && (
-        <Grid sm={12}>
-          <ControlInput
-            required
-            control={control}
-            name={definitionFieldName ? `${definitionFieldName}.name` : `name`}
-            label="Name"
-          />
-        </Grid>
-      )}
-      {!hideCodeField && (
-        <Grid sm={12}>
-          <ControlInput
-            required
-            control={control}
-            name={definitionFieldName ? `${definitionFieldName}.code` : `code`}
-            label="Code"
-          />
-        </Grid>
-      )}
-      {!hideVersionField && (
-        <Grid sm={12}>
-          <ControlNumberInput
-            required
-            control={control}
-            name={
-              definitionFieldName ? `${definitionFieldName}.version` : `version`
-            }
-            label="Version"
-          />
-        </Grid>
-      )}
-
-      <CreatePropertiesList
-        required={required}
-        parentFieldName={definitionFieldName}
-      />
-    </Grid>
-  );
-};
-
-export default CreateDefinition;