@evoke-platform/ui-components 1.0.0-dev.185 → 1.0.0-dev.188

package/dist/published/stories/Dialog.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dialog as CustomDialog, Button, DialogTitle, DialogActions, DialogContent, TextField, Typography } from '../index';
+import { Dialog as CustomDialog, Button, DialogTitle, DialogActions, DialogContent, TextField, Typography, } from '../index';
 export default {
     title: 'Data Display/Dialog',
     component: CustomDialog,
@@ -14,11 +14,11 @@ const DialogTemplate = (args) => {
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { variant: "outlined", onClick: handleClickOpen }, "Open simple dialog"),
-        React.createElement(CustomDialog, Object.assign({ onClose: handleClose, open: open }, args),
+        React.createElement(CustomDialog, Object.assign({ onClose: handleClose }, args, { open: open }),
             React.createElement(DialogTitle, null, "Add backup account"),
             React.createElement(DialogContent, null,
                 React.createElement(Typography, null, "Backup Account:"),
-                React.createElement(TextField, { placeholder: 'Account Name' })),
+                React.createElement(TextField, { placeholder: "Account Name" })),
             React.createElement(DialogActions, { defaultAction: { text: 'Add', onClick: () => { } }, defaultCancel: { text: 'Cancel', onClick: handleClose } }))));
 };
 export const Dialog = DialogTemplate.bind({});

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").DividerProps<"hr", {}>) => JSX.Element>;
+import { DividerProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: DividerProps<"hr", {}>) => JSX.Element>;
 export default _default;
-export declare const Divider: ComponentStory<(props: import("@mui/material").DividerProps<"hr", {}>) => JSX.Element>;
+export declare const Divider: ComponentStory<(props: DividerProps<"hr", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").DrawerProps) => JSX.Element>;
+import { DrawerProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: DrawerProps) => JSX.Element>;
 export default _default;
-export declare const Drawer: ComponentStory<(props: import("@mui/material").DrawerProps) => JSX.Element>;
+export declare const Drawer: ComponentStory<(props: DrawerProps) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormControlProps<"div", {}>) => JSX.Element>;
+import { FormControlProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormControlProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const FormControl: ComponentStory<(props: import("@mui/material").FormControlProps<"div", {}>) => JSX.Element>;
+export declare const FormControl: ComponentStory<(props: FormControlProps<"div", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormControlLabelProps) => JSX.Element>;
+import { FormControlLabelProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormControlLabelProps) => JSX.Element>;
 export default _default;
-export declare const FormControlLabel: ComponentStory<(props: import("@mui/material").FormControlLabelProps) => JSX.Element>;
+export declare const FormControlLabel: ComponentStory<(props: FormControlLabelProps) => JSX.Element>;

package/dist/published/stories/FormControlLabel.stories.js

@@ -4,5 +4,5 @@ export default {
     title: 'Form Elements/FormControlLabel',
     component: CustomFormControlLabel,
 };
-const FormControlLabelTemplate = (args) => (React.createElement(CustomFormControlLabel, Object.assign({ control: React.createElement(Switch, { defaultChecked: true }), label: "Label" }, args)));
+const FormControlLabelTemplate = (args) => (React.createElement(CustomFormControlLabel, Object.assign({}, args, { control: React.createElement(Switch, { defaultChecked: true }), label: "Label" })));
 export const FormControlLabel = FormControlLabelTemplate.bind({});

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

@@ -1,12 +1,14 @@
+/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
+import { FormFieldProps } from '../components/custom/FormField/FormField';
+declare const _default: ComponentMeta<(props: FormFieldProps) => JSX.Element>;
 export default _default;
-export declare const InputField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const NumberField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const MaskedInput: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const ChoicesSelectField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const DatePickerField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const BooleanField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const FileUploadField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const ArraySelectField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const AddressField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
+export declare const InputField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const NumberField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const MaskedInput: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const ChoicesSelectField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const DatePickerField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const BooleanField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const FileUploadField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const ArraySelectField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const AddressField: ComponentStory<(props: FormFieldProps) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormGroupProps) => JSX.Element>;
+import { FormGroupProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormGroupProps) => JSX.Element>;
 export default _default;
-export declare const FormGroup: ComponentStory<(props: import("@mui/material").FormGroupProps) => JSX.Element>;
+export declare const FormGroup: ComponentStory<(props: FormGroupProps) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material/FormHelperText/FormHelperText").FormHelperTextProps<"p", {}>) => JSX.Element>;
+import { FormHelperTextProps } from '../index';
+declare const _default: ComponentMeta<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;
 export default _default;
-export declare const FormHelperText: ComponentStory<(props: import("@mui/material/FormHelperText/FormHelperText").FormHelperTextProps<"p", {}>) => JSX.Element>;
+export declare const FormHelperText: ComponentStory<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormLabelProps<"label", {}>) => JSX.Element>;
+import { FormLabelProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormLabelProps<"label", {}>) => JSX.Element>;
 export default _default;
-export declare const FormLabel: ComponentStory<(props: import("@mui/material").FormLabelProps<"label", {}>) => JSX.Element>;
+export declare const FormLabel: ComponentStory<(props: FormLabelProps<"label", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").GridProps<"div", {}>) => JSX.Element>;
+import { GridProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: GridProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Grid: ComponentStory<(props: import("@mui/material").GridProps<"div", {}>) => JSX.Element>;
+export declare const Grid: ComponentStory<(props: GridProps<"div", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").IconButtonProps<"button", {}>) => JSX.Element>;
+import { IconButtonProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: IconButtonProps<"button", {}>) => JSX.Element>;
 export default _default;
-export declare const IconButton: ComponentStory<(props: import("@mui/material").IconButtonProps<"button", {}>) => JSX.Element>;
+export declare const IconButton: ComponentStory<(props: IconButtonProps<"button", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").LinearProgressProps) => JSX.Element>;
+import { LinearProgressProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: LinearProgressProps) => JSX.Element>;
 export default _default;
-export declare const LinearProgress: ComponentStory<(props: import("@mui/material").LinearProgressProps) => JSX.Element>;
+export declare const LinearProgress: ComponentStory<(props: LinearProgressProps) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").LinkProps<"a", {}>) => JSX.Element>;
+import { LinkProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: LinkProps<"a", {}>) => JSX.Element>;
 export default _default;
-export declare const Link: ComponentStory<(props: import("@mui/material").LinkProps<"a", {}>) => JSX.Element>;
+export declare const Link: ComponentStory<(props: LinkProps<"a", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ListProps<"ul", {}>) => JSX.Element>;
+import { ListProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ListProps<"ul", {}>) => JSX.Element>;
 export default _default;
-export declare const List: ComponentStory<(props: import("@mui/material").ListProps<"ul", {}>) => JSX.Element>;
+export declare const List: ComponentStory<(props: ListProps<"ul", {}>) => JSX.Element>;

package/dist/published/stories/List.stories.js

@@ -21,7 +21,7 @@ const ListTemplate = (args) => (React.createElement(Box, { sx: { width: '100%',
                     React.createElement(ListItemText, { primary: "Drafts" }))))),
     React.createElement(Divider, null),
     React.createElement("nav", { "aria-label": "secondary mailbox folders" },
-        React.createElement(CustomList, Object.assign({}, Object.assign({}, args.props)),
+        React.createElement(CustomList, Object.assign({}, args),
             React.createElement(ListItem, { disablePadding: true },
                 React.createElement(ListItemButton, null,
                     React.createElement(ListItemText, { primary: "Trash" }))),

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").MenuProps) => JSX.Element>;
+import { MenuProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: MenuProps) => JSX.Element>;
 export default _default;
-export declare const Menu: ComponentStory<(props: import("@mui/material").MenuProps) => JSX.Element>;
+export declare const Menu: ComponentStory<(props: MenuProps) => JSX.Element>;

package/dist/published/stories/Menu.stories.js

@@ -15,9 +15,9 @@ const MenuTemplate = (args) => {
     };
     return (React.createElement("div", null,
         React.createElement(Button, { id: "basic-button", "aria-controls": open ? 'basic-menu' : undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: handleClick }, "Dashboard"),
-        React.createElement(CustomMenu, Object.assign({ id: "basic-menu", anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: {
+        React.createElement(CustomMenu, Object.assign({ id: "basic-menu", anchorEl: anchorEl, onClose: handleClose, MenuListProps: {
                 'aria-labelledby': 'basic-button',
-            } }, args),
+            } }, args, { open: open }),
             React.createElement(MenuItem, { onClick: handleClose }, "Profile"),
             React.createElement(MenuItem, { onClick: handleClose }, "My account"),
             React.createElement(MenuItem, { onClick: handleClose }, "Logout"))));

package/dist/published/stories/MenuBar.stories.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { MenuBar as CustomMenuBar } from '../index';
 import { Link } from '@mui/material';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const logo = require('../assets/SA_logo.jpeg');
 export default {
     title: 'Data Display/MenuBar',

package/dist/published/stories/Palette.stories.js

@@ -34,7 +34,7 @@ const colors = [
     { colorName: 'success', main: '#54D62C', light: '#AAF27F', dark: '#229A16', darker: '#08660D' },
     { colorName: 'error', main: '#A12723', light: '#FF695C', dark: '#B72136', darker: '#7A0C2E' },
 ];
-const PaletteTemplate = (args) => {
+const PaletteTemplate = () => {
     return (React.createElement(Grid, { container: true, spacing: 2 }, colors.map((item) => (React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 6 },
         React.createElement(Grid, { container: true, sx: { backgroundColor: 'rgba(145, 158, 171, 0.08)', padding: 2 } },
             React.createElement(Grid, { item: true, xs: 6, sm: 6, sx: { px: '5px' } },

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").PaperProps<"div", {}>) => JSX.Element>;
+import { PaperProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: PaperProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Paper: ComponentStory<(props: import("@mui/material").PaperProps<"div", {}>) => JSX.Element>;
+export declare const Paper: ComponentStory<(props: PaperProps<"div", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").RadioGroupProps) => JSX.Element>;
+import { RadioGroupProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: RadioGroupProps) => JSX.Element>;
 export default _default;
-export declare const RadioGroup: ComponentStory<(props: import("@mui/material").RadioGroupProps) => JSX.Element>;
+export declare const RadioGroup: ComponentStory<(props: RadioGroupProps) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").SkeletonProps<"span", {}>) => JSX.Element>;
+import { SkeletonProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: SkeletonProps<"span", {}>) => JSX.Element>;
 export default _default;
-export declare const Skeleton: ComponentStory<(props: import("@mui/material").SkeletonProps<"span", {}>) => JSX.Element>;
+export declare const Skeleton: ComponentStory<(props: SkeletonProps<"span", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").StackProps<"div", {}>) => JSX.Element>;
+import { StackProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: StackProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Stack: ComponentStory<(props: import("@mui/material").StackProps<"div", {}>) => JSX.Element>;
+export declare const Stack: ComponentStory<(props: StackProps<"div", {}>) => JSX.Element>;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").StepperProps<"div", {
+import { StepperProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: StepperProps<"div", {
     component?: React.ElementType<any> | undefined;
 }>) => JSX.Element>;
 export default _default;
-export declare const Stepper: ComponentStory<(props: import("@mui/material").StepperProps<"div", {
+export declare const Stepper: ComponentStory<(props: StepperProps<"div", {
     component?: React.ElementType<any> | undefined;
 }>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").SwitchProps) => JSX.Element>;
+import { SwitchProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: SwitchProps) => JSX.Element>;
 export default _default;
-export declare const Switch: ComponentStory<(props: import("@mui/material").SwitchProps) => JSX.Element>;
+export declare const Switch: ComponentStory<(props: SwitchProps) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").TableProps<"table", {}>) => JSX.Element>;
+import { TableProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: TableProps<"table", {}>) => JSX.Element>;
 export default _default;
-export declare const Table: ComponentStory<(props: import("@mui/material").TableProps<"table", {}>) => JSX.Element>;
+export declare const Table: ComponentStory<(props: TableProps<"table", {}>) => JSX.Element>;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
+import { TabsProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
 export default _default;
-export declare const Tabs: ComponentStory<(props: import("@mui/material").TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
+export declare const Tabs: ComponentStory<(props: TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;

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

@@ -1,19 +1,20 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").TextFieldProps & {
+import { TextFieldProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: TextFieldProps & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
 }) => JSX.Element>;
 export default _default;
-export declare const TextField: ComponentStory<(props: import("@mui/material").TextFieldProps & {
+export declare const TextField: ComponentStory<(props: TextFieldProps & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
 }) => JSX.Element>;
-export declare const TextFieldReadOnly: ComponentStory<(props: import("@mui/material").TextFieldProps & {
+export declare const TextFieldReadOnly: ComponentStory<(props: TextFieldProps & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;

package/dist/published/stories/TextField.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Input/TextField',
     component: CustomTextField,
 };
-const TextFieldTemplate = (args) => React.createElement(CustomTextField, Object.assign({}, args));
+const TextFieldTemplate = (args) => (React.createElement(CustomTextField, Object.assign({}, args)));
 export const TextField = TextFieldTemplate.bind({});
 TextField.argTypes = {
     variant: {
@@ -42,7 +42,7 @@ TextField.argTypes = {
     },
     required: {
         type: 'boolean',
-        defaultValue: false
+        defaultValue: false,
     },
     instructionText: {
         type: 'string',

package/dist/published/stories/TimePicker.stories.js

@@ -29,6 +29,6 @@ const TimePickerTemplate = (args) => {
         setValue(newValue);
     };
     return (React.createElement(LocalizationProvider, null,
-        React.createElement(TimePicker, Object.assign({}, rest, { value: value, onChange: handleChange, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { fullWidth: true, size: 'small' }))) }))));
+        React.createElement(TimePicker, Object.assign({}, rest, { value: value, onChange: handleChange, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { fullWidth: true, size: 'small' })) }))));
 };
 export const DatePicker = TimePickerTemplate.bind({});

package/dist/published/stories/TimePickerSelect.stories.js

@@ -20,12 +20,13 @@ export default {
         },
     },
 };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const TimePickerSelectTemplate = (args) => {
     const { defaultValue } = args, rest = __rest(args, ["defaultValue"]);
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (id, newValue, property) => {
         setValue(newValue);
     };
-    return (React.createElement(TimePickerSelect, Object.assign({}, rest, { value: value, onChange: handleChange, property: { id: '1' } })));
+    return React.createElement(TimePickerSelect, Object.assign({}, rest, { value: value, onChange: handleChange, property: { id: '1' } }));
 };
 export const TimePicker = TimePickerSelectTemplate.bind({});

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ToggleButtonProps<"button", {}>) => JSX.Element>;
+import { ToggleButtonProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;
 export default _default;
-export declare const ToggleButton: ComponentStory<(props: import("@mui/material").ToggleButtonProps<"button", {}>) => JSX.Element>;
+export declare const ToggleButton: ComponentStory<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;

package/dist/published/stories/ToggleButton.stories.js

@@ -11,13 +11,13 @@ const ToggleButtonTemplate = (args) => {
         setAlignment(newAlignment);
     };
     return (React.createElement(ToggleButtonGroup, { value: alignment, exclusive: true, onChange: handleAlignment, "aria-label": "text alignment" },
-        React.createElement(CustomToggleButton, Object.assign({ value: "left", "aria-label": "left aligned" }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "left aligned" }, args, { value: "left" }),
             React.createElement(FormatAlignLeft, null)),
-        React.createElement(CustomToggleButton, Object.assign({ value: "center", "aria-label": "centered" }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "centered" }, args, { value: "center" }),
             React.createElement(FormatAlignCenter, null)),
-        React.createElement(CustomToggleButton, Object.assign({ value: "right", "aria-label": "right aligned" }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "right aligned" }, args, { value: "right" }),
             React.createElement(FormatAlignRight, null)),
-        React.createElement(CustomToggleButton, Object.assign({ value: "justify", "aria-label": "justified", disabled: true }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "justified", disabled: true }, args, { value: "justify" }),
             React.createElement(FormatAlignJustify, null))));
 };
 export const ToggleButton = ToggleButtonTemplate.bind({});

package/dist/published/stories/Typography.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Theme/Typography',
     component: CustomTypography,
 };
-const TypographyTemplate = (args) => (React.createElement(Box, null,
+const TypographyTemplate = () => (React.createElement(Box, null,
     React.createElement(CustomTypography, { variant: "h1", component: "div", gutterBottom: true }, "h1. Heading"),
     React.createElement(CustomTypography, { variant: "h2", gutterBottom: true, component: "div" }, "h2. Heading"),
     React.createElement(CustomTypography, { variant: "h3", gutterBottom: true, component: "div" }, "h3. Heading"),

package/dist/published/theme/UIThemeProvider.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
+import { Theme } from '@mui/material';
 declare type ThemeProviderPropType = {
-    args?: any;
+    args?: {
+        theme?: Theme;
+    };
     children: React.ReactNode | string;
 };
 declare function UIThemeProvider(props: ThemeProviderPropType): JSX.Element;

package/dist/published/theme/UIThemeProvider.js

@@ -4,7 +4,7 @@ import { defaultTheme } from './defaultTheme';
 function UIThemeProvider(props) {
     var _a, _b, _c;
     const { args, children } = props;
-    const theme = !!((_c = (_b = (_a = args === null || args === void 0 ? void 0 : args.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) ? createTheme(args === null || args === void 0 ? void 0 : args.theme) : defaultTheme;
+    const theme = ((_c = (_b = (_a = args === null || args === void 0 ? void 0 : args.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) ? createTheme(args === null || args === void 0 ? void 0 : args.theme) : defaultTheme;
     return React.createElement(ThemeProvider, { theme: theme }, children);
 }
 export default UIThemeProvider;

package/dist/published/theme/defaultTheme.js

@@ -9,7 +9,7 @@ export const defaultTheme = createTheme({
         secondary: {
             main: '#DFE3E8',
             light: '#F1F6FC',
-            dark: '#C7C9CC'
+            dark: '#C7C9CC',
         },
         info: {
             main: '#1890FF',
@@ -95,9 +95,9 @@ export const defaultTheme = createTheme({
             styleOverrides: {
                 root: {
                     textTransform: 'none',
-                    fontWeight: 700
-                }
-            }
-        }
+                    fontWeight: 700,
+                },
+            },
+        },
     },
 });

package/dist/published/types.d.ts

@@ -57,6 +57,7 @@ export declare type Page = {
         id: string;
     }[];
     children?: (ContainerView | ConfiguredWidget)[];
+    slug?: string;
 };
 export declare type ConfiguredWidget = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.185",
+    "version": "1.0.0-dev.188",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -22,12 +22,13 @@
         "prepublish": "rm -rf ./dist && tsc && npm run copy-styles",
         "storybook": "start-storybook -p 6006",
         "build-storybook": "build-storybook",
-        "lint": "prettier --check src/**/*.*",
-        "format": "prettier --write .",
-        "eslint": "eslint . --ext .ts, --ext .tsx",
-        "eslint:fix": "eslint . --ext .ts, --ext .tsx --fix",
-        "prettier:fix": "prettier --write \"**/*.{ts,tsx,md}\"",
-        "lint:fix": "npm run eslint:fix && npm run prettier:fix"
+        "lint": "npm run prettier:check && npm run eslint",
+        "lint:fix": "npm run eslint:fix && npm run prettier:fix",
+        "prettier:cli": "prettier \"**/*.tsx\" \"**/*.js\" \"**/*.json\" \"**/*.md\"",
+        "prettier:check": "npm run prettier:cli -- -l",
+        "prettier:fix": "npm run prettier:cli -- --write",
+        "eslint": "eslint src",
+        "eslint:fix": "npm run eslint -- --fix"
     },
     "author": "",
     "license": "MIT",
@@ -49,19 +50,22 @@
         "@types/node": "^17.0.41",
         "@types/react": "^17.0.49",
         "@types/react-dom": "^18.0.5",
+        "@typescript-eslint/eslint-plugin": "^5.52.0",
         "babel-jest": "^28.1.2",
         "babel-loader": "^8.2.5",
         "copyfiles": "^2.4.1",
-        "eslint": "^8.22.0",
+        "eslint": "^8.57.0",
+        "eslint-config-prettier": "^8.6.0",
         "eslint-plugin-jest-dom": "^5.2.0",
-        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-no-inline-styles": "^1.0.5",
+        "eslint-plugin-prettier": "^5.1.2",
         "eslint-plugin-testing-library": "^6.2.0",
         "husky": "^4.3.8",
         "is-ci": "^3.0.1",
         "jest": "^28.1.2",
         "jest-environment-jsdom": "^28.1.2",
         "lint-staged": "^13.0.1",
-        "prettier": "^2.6.2",
+        "prettier": "^3.0.0",
         "react": "^18.1.0",
         "react-dom": "^18.1.0",
         "rimraf": "^3.0.2",
@@ -88,7 +92,7 @@
         "@mui/x-data-grid": "^6.2.1",
         "@mui/x-date-pickers": "^5.0.13",
         "@react-querybuilder/dnd": "^5.4.1",
-        "@react-querybuilder/material": "^5.4.1",
+        "@react-querybuilder/material": "^6.5.0",
         "@types/react-input-mask": "^3.0.2",
         "@typescript-eslint/parser": "^5.35.1",
         "@typescript-eslint/typescript-estree": "^5.35.1",
@@ -97,7 +101,6 @@
         "devextreme-dist": "^23.1.5",
         "eslint-plugin-no-inline-styles": "^1.0.5",
         "formiojs": "^4.15.0-rc.23",
-        "lodash-es": "^4.17.21",
         "pluralize": "^8.0.0",
         "react-dropzone": "^14.2.2",
         "react-input-mask": "^2.0.4",
@@ -105,7 +108,14 @@
         "react-querybuilder": "^6.0.2"
     },
     "lint-staged": {
-        "*": "prettier --write"
+        "*.{js,jsx,ts,tsx,json,css,md}": [
+            "npm run lint:fix"
+        ]
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "npx lint-staged"
+        }
     },
     "jest": {
         "verbose": true,