@dartech/arsenal-ui 0.0.1

package/src/utils/ui-utils.tsx

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

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

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

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

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