@evoke-platform/ui-components 1.5.0-dev.1 → 1.5.0-dev.3

package/dist/published/components/core/List/ListItemIcon/ListItemIcon.d.ts

@@ -0,0 +1,4 @@
+import { ListItemIconProps } from '@mui/material';
+import React from 'react';
+declare const ListItemIcon: (props: ListItemIconProps) => React.JSX.Element;
+export default ListItemIcon;

package/dist/published/components/core/List/ListItemIcon/ListItemIcon.js

@@ -0,0 +1,6 @@
+import { ListItemIcon as MUIListItemIcon } from '@mui/material';
+import React from 'react';
+const ListItemIcon = (props) => {
+    return React.createElement(MUIListItemIcon, { ...props });
+};
+export default ListItemIcon;

package/dist/published/components/core/List/ListItemIcon/index.d.ts

@@ -0,0 +1,3 @@
+import ListItemIcon from './ListItemIcon';
+export default ListItemIcon;
+export { ListItemIcon };

package/dist/published/components/core/List/ListItemIcon/index.js

@@ -0,0 +1,3 @@
+import ListItemIcon from './ListItemIcon';
+export default ListItemIcon;
+export { ListItemIcon };

package/dist/published/components/core/List/index.d.ts

@@ -1,4 +1,5 @@
 import List from './List';
 import ListItem from './ListItem';
+import ListItemIcon from './ListItemIcon';
 export default List;
-export { List, ListItem };
+export { List, ListItem, ListItemIcon };

package/dist/published/components/core/List/index.js

@@ -1,4 +1,5 @@
 import List from './List';
 import ListItem from './ListItem';
+import ListItemIcon from './ListItemIcon';
 export default List;
-export { List, ListItem };
+export { List, ListItem, ListItemIcon };

package/dist/published/components/core/index.d.ts

@@ -24,7 +24,7 @@ export { FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } f
 export { IconButton } from './IconButton';
 export { LinearProgress } from './LinearProgress';
 export { Link } from './Link';
-export { List, ListItem } from './List';
+export { List, ListItem, ListItemIcon } from './List';
 export { LoadingButton } from './LoadingButton';
 export * from './LocalizationProvider';
 export { Menu, MenuItem } from './Menu';

package/dist/published/components/core/index.js

@@ -24,7 +24,7 @@ export { FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } f
 export { IconButton } from './IconButton';
 export { LinearProgress } from './LinearProgress';
 export { Link } from './Link';
-export { List, ListItem } from './List';
+export { List, ListItem, ListItemIcon } from './List';
 export { LoadingButton } from './LoadingButton';
 export * from './LocalizationProvider';
 export { Menu, MenuItem } from './Menu';

package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.js

@@ -41,7 +41,7 @@ export const RelatedObjectInstance = (props) => {
         handleClose();
         setErrors([]);
     };
-    const createNewInstance = async (submission) => {
+    const createNewInstance = async (submission, setSubmitting) => {
         if (!relatedObject) {
             // Handle the case where relatedObject is undefined
             return { isSuccessful: false };
@@ -74,12 +74,12 @@ export const RelatedObjectInstance = (props) => {
                 setSnackbarError({
                     showAlert: true,
                     message: err.response?.data?.error?.details?.[0]?.message ??
-                        err.data?.error?.message ??
+                        err.response?.data?.error?.message ??
                         `An error occurred. The new instance was not created.`,
                     isError: true,
                 });
             error = err.response?.data?.error;
-            onClose();
+            setSubmitting && setSubmitting(false);
         }
         return { isSuccessful, error };
     };

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js

@@ -250,13 +250,13 @@ const RepeatableField = (props) => {
                 isSuccessful = true;
             }
             catch (err) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                error = err.response?.data?.error;
                 setSnackbarError({
                     showAlert: true,
-                    message: `An error occurred while creating an instance`,
+                    message: error?.message ?? `An error occurred while creating an instance`,
                     isError: true,
                 });
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                error = err.response?.data?.error;
                 setSubmitting && setSubmitting(false);
             }
         }
@@ -284,13 +284,14 @@ const RepeatableField = (props) => {
                 isSuccessful = true;
             }
             catch (err) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                error = err.response?.data?.error;
                 setSnackbarError({
                     showAlert: true,
-                    message: `An error occurred while ${actionType === 'delete' ? ' deleting' : ' updating'} an instance`,
+                    message: error?.message ??
+                        `An error occurred while ${actionType === 'delete' ? ' deleting' : ' updating'} an instance`,
                     isError: true,
                 });
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                error = err.response?.data?.error;
             }
         }
         return { isSuccessful, error };

package/dist/published/components/layout/Box/Box.d.ts

@@ -1,8 +1,8 @@
-import { BoxProps } from '@mui/material';
+import { BoxProps as MUIBoxProps } from '@mui/material';
 import React, { ElementType } from 'react';
-type CustomBoxProps = BoxProps & {
+export type BoxProps = MUIBoxProps & {
     sx?: object;
     component?: ElementType;
 };
-declare const Box: (props: CustomBoxProps) => React.JSX.Element;
+declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<unknown>>;
 export default Box;

package/dist/published/components/layout/Box/Box.js

@@ -1,8 +1,8 @@
 import { Box as MUIBox } from '@mui/material';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import UIThemeProvider from '../../../theme';
-const Box = (props) => {
+const Box = forwardRef((props, ref) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIBox, { ...props })));
-};
+        React.createElement(MUIBox, { ref: ref, ...props })));
+});
 export default Box;

package/dist/published/icons/custom/NoNavigation.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from '@mui/material';
+import React from 'react';
+export declare const NoNavigation: (props: SvgIconProps) => React.JSX.Element;

package/dist/published/icons/custom/NoNavigation.js

@@ -0,0 +1,10 @@
+import { SvgIcon } from '@mui/material';
+import React from 'react';
+export const NoNavigation = (props) => (React.createElement(SvgIcon, { ...props, viewBox: '0 0 24 24', sx: {
+        verticalAlign: 'top',
+        maxWidth: props.width ?? '24',
+        maxHeight: props.height ?? '24',
+        ...(props.sx ?? {}),
+    } },
+    React.createElement("g", { id: "icon/no_navigation" },
+        React.createElement("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "1.25", stroke: props?.htmlColor ?? '#212B36', strokeWidth: "1.5", fill: "transparent" }))));

package/dist/published/icons/custom/SideNavigation.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from '@mui/material';
+import React from 'react';
+export declare const SideNavigation: (props: SvgIconProps) => React.JSX.Element;

package/dist/published/icons/custom/SideNavigation.js

@@ -0,0 +1,11 @@
+import { SvgIcon } from '@mui/material';
+import React from 'react';
+export const SideNavigation = (props) => (React.createElement(SvgIcon, { ...props, viewBox: '0 0 24 24', sx: {
+        verticalAlign: 'top',
+        maxWidth: props.width ?? '24',
+        maxHeight: props.height ?? '24',
+        ...(props.sx ?? {}),
+    } },
+    React.createElement("g", { id: "icon/side_navigation" },
+        React.createElement("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "1.25", stroke: props?.htmlColor ?? '#212B36', strokeWidth: "1.5", fill: "transparent" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H11V4H4ZM4.5 6C4.22386 6 4 6.22386 4 6.5C4 6.77614 4.22386 7 4.5 7H8.5C8.77614 7 9 6.77614 9 6.5C9 6.22386 8.77614 6 8.5 6H4.5ZM4 8.5C4 8.22386 4.22386 8 4.5 8H7.5C7.77614 8 8 8.22386 8 8.5C8 8.77614 7.77614 9 7.5 9H4.5C4.22386 9 4 8.77614 4 8.5ZM4.5 10C4.22386 10 4 10.2239 4 10.5C4 10.7761 4.22386 11 4.5 11H8.5C8.77614 11 9 10.7761 9 10.5C9 10.2239 8.77614 10 8.5 10H4.5ZM4 14.5C4 14.2239 4.22386 14 4.5 14H8.5C8.77614 14 9 14.2239 9 14.5C9 14.7761 8.77614 15 8.5 15H4.5C4.22386 15 4 14.7761 4 14.5ZM4.5 12C4.22386 12 4 12.2239 4 12.5C4 12.7761 4.22386 13 4.5 13H7.5C7.77614 13 8 12.7761 8 12.5C8 12.2239 7.77614 12 7.5 12H4.5Z", fill: props?.htmlColor ?? '#212B36' }))));

package/dist/published/icons/custom/TopNavigation.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from '@mui/material';
+import React from 'react';
+export declare const TopNavigation: (props: SvgIconProps) => React.JSX.Element;

package/dist/published/icons/custom/TopNavigation.js

@@ -0,0 +1,11 @@
+import { SvgIcon } from '@mui/material';
+import React from 'react';
+export const TopNavigation = (props) => (React.createElement(SvgIcon, { ...props, viewBox: '0 0 24 24', sx: {
+        verticalAlign: 'top',
+        maxWidth: props.width ?? '24',
+        maxHeight: props.height ?? '24',
+        ...(props.sx ?? {}),
+    } },
+    React.createElement("g", { id: "icon/top_navigation" },
+        React.createElement("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "1.25", stroke: props?.htmlColor ?? '#212B36', "stroke-width": "1.5", "stroke-linejoin": "round", fill: "transparent" }),
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 5.66667C22 4.74619 21.2538 4 20.3333 4H3.66667C2.74619 4 2 4.74619 2 5.66667V9L22 9V5.66667ZM4.5 6C4.22386 6 4 6.22386 4 6.5C4 6.77614 4.22386 7 4.5 7H7.5C7.77614 7 8 6.77614 8 6.5C8 6.22386 7.77614 6 7.5 6H4.5ZM9 6.5C9 6.22386 9.22386 6 9.5 6H11.5C11.7761 6 12 6.22386 12 6.5C12 6.77614 11.7761 7 11.5 7H9.5C9.22386 7 9 6.77614 9 6.5ZM13.5 6C13.2239 6 13 6.22386 13 6.5C13 6.77614 13.2239 7 13.5 7H16.5C16.7761 7 17 6.77614 17 6.5C17 6.22386 16.7761 6 16.5 6H13.5Z", fill: props?.htmlColor ?? '#212B36' }))));

package/dist/published/icons/custom/index.d.ts

@@ -1,5 +1,8 @@
 export * from './FileWithExtension';
 export * from './Inherited';
+export * from './NoNavigation';
 export * from './Overrides';
+export * from './SideNavigation';
+export * from './TopNavigation';
 export * from './TrashCan';
 export * from './UploadCloud';

package/dist/published/icons/custom/index.js

@@ -1,5 +1,8 @@
 export * from './FileWithExtension';
 export * from './Inherited';
+export * from './NoNavigation';
 export * from './Overrides';
+export * from './SideNavigation';
+export * from './TopNavigation';
 export * from './TrashCan';
 export * from './UploadCloud';

package/dist/published/stories/Box.stories.d.ts

@@ -1,15 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
-    sx?: object | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}) => React.JSX.Element>;
+import { BoxProps } from '../components/layout/Box/Box';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<unknown>>>;
 export default _default;
-export declare const Box: ComponentStory<(props: import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
-    sx?: object | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}) => React.JSX.Element>;
+export declare const Box: ComponentStory<React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<unknown>>>;

package/dist/published/stories/Palette.stories.d.ts

@@ -1,15 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme>> & {
-    sx?: object | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}) => React.JSX.Element>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<import("../components/layout/Box/Box").BoxProps, "ref"> & React.RefAttributes<unknown>>>;
 export default _default;
-export declare const Palette: ComponentStory<(props: import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme>> & {
-    sx?: object | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}) => React.JSX.Element>;
+export declare const Palette: ComponentStory<React.ForwardRefExoticComponent<Omit<import("../components/layout/Box/Box").BoxProps, "ref"> & React.RefAttributes<unknown>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.5.0-dev.1",
+    "version": "1.5.0-dev.3",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",