@dartech/arsenal-ui 0.3.37 → 0.3.39

package/package.json

@@ -1,35 +1,35 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "0.3.37",
+  "version": "0.3.39",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "license": "ISC",
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./index.d.ts",
   "dependencies": {
-    "react": "18.2.0",
-    "react-hook-form": "^7.5.2",
-    "@mui/x-date-pickers": "^5.0.0-alpha.0",
-    "@mui/x-data-grid": "^5.17.18",
-    "@mui/icons-material": "^5.11.0",
-    "@mui/lab": "^5.0.0-alpha.114",
-    "@mui/material": "^5.11.7",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "date-fns": "^2.22.1",
-    "react-ace": "^10.1.0",
-    "ace-builds": "^1.5.3",
-    "react-router-dom": "6.8.0",
-    "react-toastify": "^9.1.1",
-    "classnames": "^2.3.1",
-    "@tanstack/react-query": "^4.24.10",
+    "@emotion/react": "11.10.6",
+    "@emotion/styled": "11.10.6",
+    "@mui/icons-material": "5.11.16",
+    "@mui/lab": "5.0.0-alpha.125",
+    "@mui/material": "5.11.16",
+    "@mui/x-data-grid": "5.17.26",
+    "@mui/x-date-pickers": "5.0.20",
     "@rollup/plugin-node-resolve": "13.3.0",
+    "@tanstack/react-query": "4.29.1",
+    "ace-builds": "1.16.0",
+    "classnames": "2.3.2",
+    "date-fns": "2.29.3",
     "qs": "6.11.0",
+    "react": "18.2.0",
+    "react-ace": "10.1.0",
+    "react-hook-form": "7.43.9",
+    "react-router-dom": "6.10.0",
+    "react-toastify": "9.1.2",
     "tss-react": "4.6.0"
   },
-  "module": "./index.js",
-  "main": "./index.js",
-  "type": "module",
-  "types": "./index.d.ts",
   "peerDependencies": {}
 }

package/src/lib/Sidebar/Sidebar.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { Theme } from '@mui/material/styles';
 import type { Route } from '../../interfaces';
 type Props = {
     routes: Route[];
-    theme?: Theme;
+    theme?: any;
     title?: string;
 };
-export declare const Sidebar: ({ routes, theme: customTheme, title }: Props) => JSX.Element;
+export declare const Sidebar: ({ routes, theme, title }: Props) => JSX.Element;
 export {};

package/src/lib/Sidebar/Sidebar.styled.d.ts

@@ -1,6 +1,15 @@
 /// <reference types="react" />
-export declare const Drawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
+export declare const Drawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material/Toolbar").ToolbarClasses>;
+    disableGutters?: boolean;
+    variant?: "regular" | "dense";
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "disableGutters" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemButton").ListItemButtonBaseProps & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
     centerRipple?: boolean;
     children?: import("react").ReactNode;
@@ -12,50 +21,50 @@ export declare const ListItemButton: import("@emotion/styled").StyledComponent<i
     focusVisibleClassName?: string;
     LinkComponent?: import("react").ElementType<any>;
     onFocusVisible?: import("react").FocusEventHandler<any>;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
     tabIndex?: number;
     TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "classes" | "children" | "style" | "className" | "tabIndex" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "dense" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "classes" | "children" | "style" | "className" | "tabIndex" | "sx" | "alignItems" | "disableGutters" | "dense" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const List: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ListClasses>;
+    classes?: Partial<import("@mui/material/List").ListClasses>;
     dense?: boolean;
     disablePadding?: boolean;
     subheader?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
     ref?: import("react").Ref<HTMLUListElement>;
-}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ListItem: import("@emotion/styled").StyledComponent<{
     button?: false;
-} & import("@mui/material").ListItemBaseProps & {
+} & import("@mui/material/ListItem").ListItemBaseProps & {
     components?: {
         Root?: import("react").ElementType<any>;
     };
     componentsProps?: {
-        root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides;
+        root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material/ListItem").ListItemComponentsPropsOverrides;
     };
     slotProps?: {
-        root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides;
+        root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material/ListItem").ListItemComponentsPropsOverrides;
     };
     slots?: {
         root?: import("react").ElementType<any>;
     };
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: import("react").Ref<HTMLLIElement>;
-}, "classes" | "slotProps" | "children" | "slots" | "button" | "style" | "className" | "components" | "componentsProps" | "sx" | "alignItems" | "disabled" | "autoFocus" | "dense" | "disableGutters" | "divider" | "selected" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "classes" | "slotProps" | "children" | "slots" | "button" | "style" | "className" | "components" | "componentsProps" | "sx" | "alignItems" | "disableGutters" | "dense" | "disabled" | "autoFocus" | "divider" | "selected" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemIcon").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ListSubheader: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ListSubheaderClasses>;
+    classes?: Partial<import("@mui/material/ListSubheader").ListSubheaderClasses>;
     color?: "inherit" | "default" | "primary";
     disableGutters?: boolean;
     disableSticky?: boolean;
     inset?: boolean;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: import("react").Ref<HTMLLIElement>;
-}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "inset" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "inset" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/src/lib/Table/SimpleTable/useTableSorting.d.ts

@@ -1,7 +1,6 @@
-import { SortDirection } from '@mui/material';
 declare const useTableSorting: () => {
     sortParams: string[][];
     onSortChanged: (sortKey: string) => void;
-    getColumnSorting: (sortKey: string) => SortDirection;
+    getColumnSorting: (sortKey: string) => string | false;
 };
 export default useTableSorting;

package/src/theme/baseTheme.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@mui/material").Theme;
+declare const _default: import("@mui/material/styles").Theme;
 export default _default;

package/src/theme/index.d.ts

@@ -1 +1 @@
-export declare const theme: import("@mui/material").Theme;
+export declare const theme: import("@mui/material/styles").Theme;

package/src/theme/inputThemeOptions.d.ts

@@ -1,3 +1,117 @@
-import { ThemeOptions } from '@mui/material';
-declare const inputThemeOptions: ThemeOptions;
+declare const inputThemeOptions: {
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    lineHeight: number;
+                };
+            };
+        };
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    minWidth: string;
+                    background: string;
+                };
+                input: {
+                    minWidth: string;
+                };
+            };
+        };
+        MuiSelect: {
+            styleOverrides: {
+                nativeInput: {
+                    padding: number;
+                    height: string;
+                };
+            };
+        };
+        MuiTextField: {
+            styleOverrides: {
+                root: {
+                    minWidth: string;
+                };
+            };
+        };
+        MuiInputLabel: {
+            styleOverrides: {
+                root: {
+                    position: string;
+                    overflow: string;
+                    transform: string;
+                    marginBottom: string;
+                    fontWeight: number;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+            };
+        };
+        MuiOutlinedInput: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    minWidth: string;
+                };
+                notchedOutline: {
+                    top: number;
+                    '& legend': {
+                        display: string;
+                        transition: string;
+                    };
+                };
+            };
+        };
+        MuiAutocomplete: {
+            styleOverrides: {
+                paper: {
+                    marginTop: number;
+                    borderRadius: number;
+                    boxShadow: string;
+                };
+                listbox: {
+                    '::-webkit-scrollbar': {
+                        width: string;
+                        backgroundColor: string;
+                    };
+                    '::-webkit-scrollbar-thumb': {
+                        borderRadius: string;
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        MuiMenu: {
+            styleOverrides: {
+                list: {
+                    paddingTop: number;
+                    paddingBottom: number;
+                    background: string;
+                    '& li.Mui-selected': {
+                        background: string;
+                    };
+                };
+            };
+        };
+        MuiPopover: {
+            styleOverrides: {
+                paper: {
+                    marginTop: number;
+                    borderRadius: number;
+                    boxShadow: string;
+                };
+            };
+        };
+        MuiFormLabel: {
+            styleOverrides: {
+                asterisk: {
+                    color: string;
+                    '&$error': {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
 export default inputThemeOptions;

package/src/theme/stepperThemeOptions.d.ts

@@ -1,3 +1,16 @@
-import { ThemeOptions } from '@mui/material';
-declare const stepperThemeOptions: ThemeOptions;
+declare const stepperThemeOptions: {
+    components: {
+        MuiStepIcon: {
+            styleOverrides: {
+                root: {
+                    fontSize: string;
+                    color: string;
+                    '&.Mui-active, &.Mui-completed': {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
 export default stepperThemeOptions;

package/src/theme/tableThemeOptions.d.ts

@@ -1,3 +1,47 @@
-import { ThemeOptions } from '@mui/material';
-declare const tableThemeOptions: ThemeOptions;
+declare const tableThemeOptions: {
+    components: {
+        MuiTableContainer: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    border: string;
+                };
+            };
+        };
+        MuiTableHead: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        MuiTableCell: {
+            styleOverrides: {
+                root: {
+                    minHeight: number;
+                    padding: string;
+                    '&:first-of-type': {
+                        paddingLeft: string;
+                    };
+                };
+                head: {
+                    maxHeight: string;
+                    padding: string;
+                    color: string;
+                };
+                body: {
+                    wordBreak: string;
+                };
+            };
+        };
+        MuiTableSortLabel: {
+            styleOverrides: {
+                root: {
+                    maxHeight: string;
+                    lineHeight: number;
+                };
+            };
+        };
+    };
+};
 export default tableThemeOptions;

package/src/theme/typographyThemeOptions.d.ts

@@ -1,3 +1,29 @@
-import { ThemeOptions } from '@mui/material';
-declare const typographyThemeOptions: ThemeOptions;
+declare const typographyThemeOptions: {
+    components: {
+        MuiTypography: {
+            styleOverrides: {
+                h1: {
+                    [x: string]: {
+                        fontSize: string;
+                    };
+                };
+                h3: {
+                    [x: string]: string | {
+                        fontSize: string;
+                    };
+                    fontSize: string;
+                };
+                h4: {
+                    [x: string]: string | {
+                        fontSize: string;
+                    };
+                    fontSize: string;
+                };
+                subtitle2: {
+                    color: string;
+                };
+            };
+        };
+    };
+};
 export default typographyThemeOptions;