@dartech/arsenal-ui 1.2.6 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.2.6",
+  "version": "1.3.0",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/project.json

@@ -51,11 +51,6 @@
           "@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": ".",

package/src/theme/baseTheme.ts

@@ -1,14 +1,4 @@
 import { createTheme } from '@mui/material/styles';
-import Euclid from '../assets/fonts/Euclid/EuclidCircularB-Regular.woff2'; 
-import EuclidItalic from '../assets/fonts/Euclid/EuclidCircularB-RegularItalic.woff2'; 
-import EuclidBold from '../assets/fonts/Euclid/EuclidCircularB-Bold.woff2'; 
-import EuclidBoldItalic from '../assets/fonts/Euclid/EuclidCircularB-BoldItalic.woff2'; 
-import EuclidLight from '../assets/fonts/Euclid/EuclidCircularB-Light.woff2'; 
-import EuclidLightItalic from '../assets/fonts/Euclid/EuclidCircularB-LightItalic.woff2'; 
-import EuclidMedium from '../assets/fonts/Euclid/EuclidCircularB-Medium.woff2'; 
-import EuclidMediumItalic from '../assets/fonts/Euclid/EuclidCircularB-MediumItalic.woff2'; 
-import EuclidSemiBold from '../assets/fonts/Euclid/EuclidCircularB-Semibold.woff2'; 
-import EuclidSemiBoldItalic from '../assets/fonts/Euclid/EuclidCircularB-SemiboldItalic.woff2'; 
 
 const baseThemeOptions = {
   spacing: 4,
@@ -24,20 +14,17 @@ const baseThemeOptions = {
       light: '#cbe8ee',
     },
     text: {
-      disabled: '#A9A9B8'
-
+      disabled: '#A9A9B8',
     },
     success: {
       main: '#2DB77B',
       light: '#DBFCEE',
     },
     grey: {
-      700: '#101F2B'
-    }
-
+      700: '#101F2B',
+    },
   },
   typography: {
-    fontFamily: 'Euclid,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"',
     fontSize: 14,
     h1: {
       fontWeight: 400,
@@ -47,82 +34,8 @@ const baseThemeOptions = {
     },
     h4: {
       fontWeight: 500,
-    }
+    },
   },
-  components: {
-    MuiCssBaseline: {
-      styleOverrides: `
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidLight}) format('woff2');
-          font-weight: 300;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidLightItalic}) format('woff2');
-          font-weight: 300;
-          font-style: italic;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${Euclid}) format('woff2');
-          font-weight: 400;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidItalic}) format('woff2');
-          font-weight: 400;
-          font-style: italic;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidMedium}) format('woff2');
-          font-weight: 500;
-        }
-
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidMediumItalic}) format('woff2');
-          font-style: italic;
-          font-weight: 500;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidSemiBold}) format('woff2');
-          font-weight: 600;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidSemiBoldItalic}) format('woff2');
-          font-style: italic;
-          font-weight: 600;
-        }
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidBold}) format('woff2');
-          font-weight: 700;
-        }
-
-        @font-face {
-          font-family: 'Euclid';
-          font-display: swap;
-          src: url(${EuclidBoldItalic}) format('woff2');
-          font-style: italic;
-          font-weight: 700;
-        }
-
-      `
-    }
-  }
 };
 
 export default createTheme(baseThemeOptions);

package/src/utils/ui-utils.tsx

@@ -6,14 +6,7 @@ import { format } from 'date-fns';
 import { StatusVariant } from '../interfaces';
 import JsonTypeCell from '../lib/Table/DataGrid/JsonTypeCell';
 
-export const formatTableRowValue = ({
-  value,
-  canCopy,
-  copyValue,
-  shortId,
-  fullText,
-  textParams: { displayAs = 'text', dateFormat, statusVariant },
-}: {
+type TableFormatProps = {
   value: any;
   canCopy?: boolean;
   copyValue?: string;
@@ -32,7 +25,16 @@ export const formatTableRowValue = ({
     dateFormat?: string[];
     statusVariant?: StatusVariant;
   };
-}) => {
+};
+
+export const formatTableRowValue = ({
+  value,
+  canCopy,
+  copyValue,
+  shortId,
+  fullText,
+  textParams: { displayAs = 'text', dateFormat, statusVariant },
+}: TableFormatProps) => {
   switch (displayAs) {
     case 'boolean':
       return value ? (