@dartech/arsenal-ui 1.3.0 → 1.3.1

package/src/theme/inputThemeOptions.ts

@@ -1,126 +0,0 @@
-import baseTheme from './baseTheme';
-
-const inputThemeOptions = {
-  components: {
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          lineHeight: 1.429,
-        },
-      },
-    },
-    MuiInputBase: {
-      styleOverrides: {
-        root: {
-          borderRadius: baseTheme.spacing(3),
-          minWidth: baseTheme.spacing(25),
-          background: baseTheme.palette.background.default
-          // height: 40
-        },
-        // sizeSmall: {
-        //   padding: baseTheme.spacing(1, 0, 1, 4),
-        // },
-        input: {
-          minWidth: baseTheme.spacing(25),
-          // padding: 0,
-          // height: '32px',
-        },
-      },
-    },
-    MuiSelect: {
-      styleOverrides: {
-        nativeInput: {
-          padding: 0,
-          height: '32px',
-        },
-      },
-    },
-    MuiTextField: {
-      styleOverrides: {
-        root: {
-          minWidth: baseTheme.spacing(25),
-        },
-      },
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        root: {
-          position: 'relative',
-          overflow: 'initial',
-          transform: 'none',
-          marginBottom: baseTheme.spacing(1),
-          fontWeight: 500,
-          fontSize: '14px',
-          lineHeight: '20px',
-        },
-      },
-    },
-    MuiOutlinedInput: {
-      styleOverrides: {
-        root: {
-          borderRadius: baseTheme.spacing(3),
-          minWidth: baseTheme.spacing(25),
-        },
-        notchedOutline: {
-          top: 0,
-          '& legend': {
-            display: 'none',
-            transition: 'none',
-          },
-        },
-      },
-    },
-    MuiAutocomplete: {
-      styleOverrides: {
-        paper: {
-          marginTop: 8,
-          borderRadius: 12,
-          boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.04)',
-        },
-        listbox: {
-          '::-webkit-scrollbar': {
-            width: '6px',
-            backgroundColor: 'white',
-          },
-          '::-webkit-scrollbar-thumb': {
-            borderRadius: '10px',
-            backgroundColor: 'rgba(38, 40, 66, 0.24)',
-          },
-        },
-      },
-    },
-    MuiMenu: {
-      styleOverrides: {
-        list: {
-          paddingTop: 0,
-          paddingBottom: 0,
-          background: 'white',
-          '& li.Mui-selected': {
-            background: 'rgba(38, 40, 66, 0.08) !important',
-          },
-        },
-      },
-    },
-    MuiPopover: {
-      styleOverrides: {
-        paper: {
-          marginTop: 8,
-          borderRadius: 12,
-          boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.04)',
-        },
-      },
-    },
-    MuiFormLabel: {
-      styleOverrides: {
-        asterisk: {
-          color: '#D6331F',
-          '&$error': {
-            color: '#D6331F',
-          },
-        },
-      },
-    },
-  },
-};
-
-export default inputThemeOptions;

package/src/theme/stepperThemeOptions.ts

@@ -1,20 +0,0 @@
-import baseTheme from './baseTheme';
-
-const stepperThemeOptions = {
-  components: {
-    MuiStepIcon: {
-      styleOverrides: {
-        root: {
-          fontSize: '20px',
-          color: baseTheme.palette.text.disabled,
-          '&.Mui-active, &.Mui-completed': {
-            color: baseTheme.palette.secondary.main
-          }
-        }
-      }
-      
-    }
-  }
-}
-
-export default stepperThemeOptions;

package/src/theme/tableThemeOptions.ts

@@ -1,50 +0,0 @@
-import baseTheme from './baseTheme';
-
-const tableThemeOptions = {
-  components: {
-    MuiTableContainer: {
-      styleOverrides: {
-        root: {
-          borderRadius: baseTheme.spacing(3),
-          border: '1px solid rgba(38, 40, 66, 0.08)',
-        },
-      },
-    },
-    MuiTableHead: {
-      styleOverrides: {
-        root: {
-          backgroundColor: '#F7F8FC',
-        },
-      },
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        root: {
-          minHeight: 48,
-          padding: baseTheme.spacing(1, 2),
-          '&:first-of-type': {
-            paddingLeft: baseTheme.spacing(4),
-          }
-        },
-        head: {
-          maxHeight: '40px',
-          padding: baseTheme.spacing(2.75, 2),
-          color: '#6D6E85'
-        },
-        body: {
-          wordBreak: 'break-all'
-        },
-      },
-    },
-    MuiTableSortLabel: {
-      styleOverrides: {
-        root: {
-          maxHeight: '24px',
-          lineHeight: 1,
-        },
-      },
-    },
-  },
-};
-
-export default tableThemeOptions;

package/src/theme/typographyThemeOptions.ts

@@ -1,32 +0,0 @@
-import baseTheme from './baseTheme';
-
-const typographyThemeOptions = {
-  components: {
-    MuiTypography: {
-      styleOverrides: {
-        h1: {
-          [baseTheme.breakpoints.up('lg')]: {
-            fontSize: '1.5rem'
-          }
-        },
-        h3: {
-          fontSize: '1.25rem',
-          [baseTheme.breakpoints.up('lg')]: {
-            fontSize: '1.125rem'
-          }
-        },
-        h4: {
-          fontSize: '1rem',
-          [baseTheme.breakpoints.up('lg')]: {
-            fontSize: '1rem'
-          }
-        },
-        subtitle2: {
-          color: '#6D6E85'
-        }
-      }
-    }
-  }
-}
-
-export default typographyThemeOptions;

package/src/utils/common.ts

@@ -1,73 +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: Record<string, unknown>, b: Record<string, unknown>, 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(JSON.parse(value), null, 2) 
-    } catch (error) {
-      return value;
-    }
-  } else {
-    try {
-      return JSON.stringify(value, null, 2);
-    } catch (error) {
-      return 'Failed to stringify JSON';
-    }
-  }
-};
-
-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;
-// };