@dartech/arsenal-ui 0.0.1 → 0.0.3

package/src/utils/common.ts

@@ -1,68 +0,0 @@
-export const removeArrayItem = (arr: Array<unknown>, index: number) => {
-  const newArr = [...arr];
-  newArr.splice(index, 1);
-  return newArr;
-};
-
-export const validateJson = (value: string): boolean => {
-  try {
-    JSON.parse(value);
-  } catch (error) {
-    return false;
-  }
-  return true;
-};
-
-export function capitalize(str: string): string {
-  return str.replace(/(^\w)|([-\s]\w)/g, (c) => c.toUpperCase());
-}
-
-export const sortArrayOfObjects = (a: any, b: any, key: string, order = 'asc') => {
-  const valueA = a[key];
-  const valueB = b[key];
-
-  if (valueA < valueB) return order === 'asc' ? -1 : 1;
-  if (valueA > valueB) return order === 'asc' ? 1 : -1;
-  return 0;
-};
-
-export const getJsonStringValue = (value: unknown): string => {
-  if (!value) return '';
-  if (typeof value !== 'string') {
-    try {
-      return JSON.stringify(value, null, '\t');
-    } catch (error) {
-      return 'Failed to stringify JSON';
-    }
-  }
-  return value;
-};
-
-export const safeParseJson = (value: string) => {
-  try {
-    return JSON.parse(value);
-  } catch (error) {
-    return null;
-  }
-};
-
-export const deepParseJson = (value: string) => {
-  try {
-    const parsedValue = JSON.parse(value);
-    Object.keys(parsedValue).forEach((key) => {
-      parsedValue[key] = deepParseJson(parsedValue[key]);
-    });
-    return parsedValue;
-  } catch (error) {
-    return value;
-  }
-};
-
-// export const convertArrayToObjectByKey = (array: { [key: string]: string }[], key: string) => {
-//   const obj = {};
-//   array.forEach((el) => {
-//     obj[el[key]] = { ...el };
-//     delete obj[el[key]][key];
-//   });
-//   return obj;
-// };

package/src/utils/dem.ts

@@ -1,78 +0,0 @@
-import { PropertyType, EntityTypeProperty, PropertiesArrayType } from '../interfaces';
-import { sortArrayOfObjects } from './common';
-import { format } from 'date-fns';
-
-export const isExpression = (value: unknown): boolean => {
-  return typeof value === 'string' ? value.startsWith('$') : false;
-};
-
-export function propertiesObjectToArray(properties, fields?: { [key: string]: unknown }) {
-  return Object.keys(properties)
-    .map((key) => {
-      const propObj = { key, ...properties[key], ...(fields ? fields : {}) };
-      if (propObj['propertyType'] === PropertyType.ENTITY) {
-        propObj['properties'] = propertiesObjectToArray(propObj['properties'], fields);
-      }
-
-      if (propObj['propertyType'] === PropertyType.JSON) {
-        try {
-          propObj.defaultValue = JSON.stringify(propObj.defaultValue);
-        } catch (error) {
-          propObj.defaultValue = '';
-        }
-      }
-
-      if (propObj['uiSettings']) {
-        try {
-          propObj.uiSettings = JSON.stringify(propObj.uiSettings);
-        } catch (error) {
-          propObj.uiSettings = '';
-        }
-      }
-
-      if (propObj['isMultiple']) {
-        if ('defaultValues' in propObj) {
-          propObj['defaultValue'] = propObj.defaultValues;
-        }
-        if ('values' in propObj) {
-          propObj['value'] = propObj.values;
-        }
-      }
-
-      return propObj;
-    })
-    .sort((a, b) => sortArrayOfObjects(a, b, 'sortOrder'));
-}
-
-export const getDemPropertyDateFormat = (defaultFormat: string, propertyFormat: string) => {
-  if (propertyFormat) {
-    try {
-      const correctFormat = propertyFormat.replace(/Z/g, 'XXX');
-      format(new Date(), correctFormat);
-      return correctFormat;
-    } catch (e) {
-      console.error('Incorrect format', e);
-      return defaultFormat;
-    }
-  }
-  return defaultFormat;
-};
-
-export const getEntityStarterValue = (property: EntityTypeProperty) => {
-  let properties: PropertiesArrayType = [];
-  if (Array.isArray(property.properties)) {
-    properties = property.properties;
-  } else {
-    properties = propertiesObjectToArray(property.properties);
-  }
-
-  return properties.reduce((value, property) => {
-    const result = JSON.parse(JSON.stringify(value));
-    if (property.propertyType === PropertyType.ENTITY) {
-      result[property.key] = getEntityStarterValue(property);
-    } else {
-      result[property.key] = property.propertyType;
-    }
-    return result;
-  }, {});
-};

package/src/utils/hooks.ts

@@ -1,41 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-export function useDebounce(func: (args?: any) => void, delay: number) {
-  const timer = useRef<NodeJS.Timeout>();
-
-  useEffect(() => {
-    return () => {
-      if (!timer.current) return;
-      clearTimeout(timer.current);
-    };
-  }, []);
-
-  const debounceFunction = (...args) => {
-    clearTimeout(timer.current);
-    timer.current = setTimeout(() => {
-      func(...args);
-    }, delay);
-  };
-
-  return debounceFunction;
-}
-
-
-export const useToggle = () => {
-  const [open, setOpen] = useState(false);
-
-  const toggle = () => {
-    setOpen((prevState) => !prevState);
-  };
-
-  const onClose = () => {
-    setOpen(false);
-  };
-
-  const onOpen = () => {
-    setOpen(true);
-  };
-
-  return { open, toggle, onClose, onOpen };
-};
-

package/src/utils/ui-utils.tsx

@@ -1,71 +0,0 @@
-import Box from '@material-ui/core/Box';
-import CheckCircleIcon from '@material-ui/icons/CheckCircle';
-import NotInterestedIcon from '@material-ui/icons/NotInterested';
-import { JsonView, CopyButton, Status } from '../lib';
-import { format } from 'date-fns';
-import { getJsonStringValue } from './common';
-import { TableDataType } from '../interfaces';
-
-export const formatTableRowValue = ({
-  value,
-  type,
-  copyText,
-}: {
-  value: unknown;
-  type?: TableDataType;
-  copyText?: string;
-}) => {
-  switch (type) {
-    case 'JSON_copy':
-      return (
-        <Box width="100%">
-          <Box display="flex" alignItems="center" justifyContent="flex-end" pt={1} mb={2}>
-            <CopyButton copyText={getJsonStringValue(value)} />
-          </Box>
-          <JsonView value={value} />
-        </Box>
-      );
-    case 'JSON':
-      return <JsonView value={value} />;
-    case 'JSON_text':
-      return (
-        <Box width="100%">
-          <Box overflow="hidden" whiteSpace="nowrap">
-            {typeof value === 'object' ? JSON.stringify(value) : value}
-          </Box>
-        </Box>
-      );
-    case 'copy':
-      return (
-        <Box display="flex" alignItems="center" width="100%">
-          <Box mr="auto">{value}</Box>
-          <CopyButton copyText={(copyText ? copyText : value) as string} />
-        </Box>
-      );
-    case 'boolean':
-      return value ? <CheckCircleIcon color="primary" fontSize="small" /> : <NotInterestedIcon fontSize="small" />;
-    case 'date':
-      return value ? (
-        <div>
-          <div>{format(new Date(value as string), 'dd.MM.yyyy')}</div>
-          <div>{format(new Date(value as string), 'HH:mm:ss')}</div>
-        </div>
-      ) : (
-        ''
-      );
-    case 'status':
-      return (
-        <Status text={value as string} status={value === 'DEPLOYED' || value === 'ACTIVE' ? 'success' : 'default'} />
-      );
-    case 'array':
-      return (
-        <Box>
-          {(value as string[]).map((val, index) => (
-            <Box key={index}>{val}</Box>
-          ))}
-        </Box>
-      );
-    default:
-      return <div>{value}</div>;
-  }
-};

package/src/utils/validators.ts

@@ -1,130 +0,0 @@
-import { PropertyType } from '../interfaces';
-
-export const digitsOnly = new RegExp('^[0-9]+$');
-export const floatsOnly = new RegExp(/^(?!0\d)\d*(\.(\d+)?)?$/);
-// const numberRegex = /^\s*[+-]?(\d+|\d*\.\d+|\d+\.\d*)([Ee][+-]?\d+)?\s*$/;
-
-type ValidationResult = {
-  valid: boolean;
-  message?: string;
-  continuable?: boolean;
-  displayOnChange?: boolean;
-};
-
-const MAX_SAFE_LONG = BigInt('9223372036854775807');
-const MIN_SAFE_LONG = BigInt('-9223372036854775808');
-
-const MAX_SAFE_INTEGER = 2147483647;
-const MIN_SAFE_INTEGER = -2147483648;
-
-export function validateInteger(value: string, type: PropertyType): ValidationResult {
-  let transformValue = value + '';
-
-  const rangeValidatingValue = transformValue;
-
-  if (transformValue && transformValue.startsWith('-')) {
-    transformValue = value.substring(1);
-  }
-
-  if (value === '-') {
-    return {
-      valid: false,
-      message: 'Value cannot be -',
-      continuable: true,
-    };
-  }
-
-  if (!transformValue || !value) {
-    return {
-      valid: false,
-      message: 'Please, fill this field',
-      continuable: true,
-      displayOnChange: true,
-    };
-  }
-
-  if (!digitsOnly.test(transformValue)) {
-    return {
-      valid: false,
-    };
-  }
-
-  if (
-    type === PropertyType.LONG &&
-    (BigInt(rangeValidatingValue) > MAX_SAFE_LONG || BigInt(rangeValidatingValue) < MIN_SAFE_LONG)
-  ) {
-    return {
-      valid: false,
-      message: 'Out of Long value range',
-      continuable: true,
-      displayOnChange: true,
-    };
-  }
-
-  if (
-    type === PropertyType.INTEGER &&
-    (Number(rangeValidatingValue) > MAX_SAFE_INTEGER || Number(rangeValidatingValue) < MIN_SAFE_INTEGER)
-  ) {
-    return {
-      valid: false,
-      message: 'Out of Integer value range',
-      continuable: true,
-      displayOnChange: true,
-    };
-  }
-
-  return {
-    valid: true,
-  };
-}
-
-export function validateFloat(value: string): ValidationResult {
-  let transformValue = value + '';
-
-  if (transformValue && transformValue.startsWith('-')) {
-    transformValue = value.substring(1);
-  }
-
-  if (!floatsOnly.test(transformValue)) {
-    return {
-      valid: false,
-    };
-  }
-
-  if (value === '-') {
-    return {
-      valid: false,
-      message: 'Value cannot be -',
-      continuable: true,
-    };
-  }
-
-  if (transformValue === '.') {
-    return {
-      valid: false,
-      message: 'Value cannot be start with .',
-      continuable: false,
-    };
-  }
-
-  if (value.charAt(value.length - 1) === '.') {
-    return {
-      valid: false,
-      message: 'Value cannot end with .',
-      continuable: true,
-    };
-  }
-
-  if (!transformValue || !value) {
-    return {
-      valid: false,
-      message: 'Please, fill this field',
-      continuable: true,
-      displayOnChange: true,
-    };
-  }
-
-  return {
-    valid: true,
-  };
-}

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,    
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,22 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": ["node"]
-  },
-  "files": [
-    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
-    "../../node_modules/@nrwl/react/typings/image.d.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.spec.tsx",
-    "**/*.test.tsx",
-    "**/*.spec.js",
-    "**/*.test.js",
-    "**/*.spec.jsx",
-    "**/*.test.jsx"
-  ],
-  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
-}

package/tsconfig.spec.json

@@ -1,19 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node"]
-  },
-  "include": [
-    "**/*.test.ts",
-    "**/*.spec.ts",
-    "**/*.test.tsx",
-    "**/*.spec.tsx",
-    "**/*.test.js",
-    "**/*.spec.js",
-    "**/*.test.jsx",
-    "**/*.spec.jsx",
-    "**/*.d.ts"
-  ]
-}