@evoke-platform/ui-components 1.0.0-dev.226 → 1.0.0-dev.228

package/dist/published/stories/Drawer.stories.js

@@ -17,11 +17,11 @@ const DrawerTemplate = (args) => {
             (event.key === 'Tab' || event.key === 'Shift')) {
             return;
         }
-        setState(Object.assign(Object.assign({}, state), { [anchor]: open }));
+        setState({ ...state, [anchor]: open });
     };
     return (React.createElement("div", null, ['left', 'right', 'top', 'bottom'].map((anchor) => (React.createElement(Fragment, { key: anchor },
         React.createElement(Button, { onClick: toggleDrawer(anchor, true) }, anchor),
-        React.createElement(CustomDrawer, Object.assign({ anchor: anchor, open: state[anchor], onClose: toggleDrawer(anchor, false) }, args),
+        React.createElement(CustomDrawer, { anchor: anchor, open: state[anchor], onClose: toggleDrawer(anchor, false), ...args },
             React.createElement(Typography, { variant: "h6" }, "Testing Drawer")))))));
 };
 export const Drawer = DrawerTemplate.bind({});

package/dist/published/stories/FormControl.stories.js

@@ -5,7 +5,7 @@ export default {
     title: 'Form Elements/FormControl',
     component: CustomFormControl,
 };
-const FormControlTemplate = (args) => (React.createElement(CustomFormControl, Object.assign({}, args),
+const FormControlTemplate = (args) => (React.createElement(CustomFormControl, { ...args },
     React.createElement(FormLabel, { id: "demo-radio-buttons-group-label" }, "Gender"),
     React.createElement(RadioGroup, { "aria-labelledby": "demo-radio-buttons-group-label", defaultValue: "female", name: "radio-buttons-group" },
         React.createElement(FormControlLabel, { value: "female", control: React.createElement(Radio, null), label: "Female" }),

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({}, args, { control: React.createElement(Switch, { defaultChecked: true }), label: "Label" })));
+const FormControlLabelTemplate = (args) => (React.createElement(CustomFormControlLabel, { ...args, control: React.createElement(Switch, { defaultChecked: true }), label: "Label" }));
 export const FormControlLabel = FormControlLabelTemplate.bind({});

package/dist/published/stories/FormField.stories.js

@@ -1,19 +1,10 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import React from 'react';
 import { FormField } from '../index';
 export default {
     title: 'Input/FormField',
     component: FormField,
 };
-const FormFieldTemplate = (args) => React.createElement(FormField, Object.assign({}, args));
+const FormFieldTemplate = (args) => React.createElement(FormField, { ...args });
 export const InputField = FormFieldTemplate.bind({});
 InputField.args = {
     property: {
@@ -197,7 +188,7 @@ AddressField.args = {
     placeholder: 'string',
     isMultiLineText: true,
     rows: 5,
-    queryAddresses: (value) => __awaiter(void 0, void 0, void 0, function* () {
+    queryAddresses: async (value) => {
         return [
             {
                 address: {
@@ -290,5 +281,5 @@ AddressField.args = {
                 },
             },
         ];
-    }),
+    },
 };

package/dist/published/stories/FormGroup.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Form Elements/FormGroup',
     component: CustomFormGroup,
 };
-const FormGroupTemplate = (args) => (React.createElement(CustomFormGroup, Object.assign({}, args),
+const FormGroupTemplate = (args) => (React.createElement(CustomFormGroup, { ...args },
     React.createElement(FormControlLabel, { control: React.createElement(Switch, { defaultChecked: true }), label: "Label" }),
     React.createElement(FormControlLabel, { disabled: true, control: React.createElement(Switch, null), label: "Disabled" })));
 export const FormGroup = FormGroupTemplate.bind({});

package/dist/published/stories/FormHelperText.stories.js

@@ -6,5 +6,5 @@ export default {
 };
 const FormHelperTextTemplate = (args) => (React.createElement(FormControl, null,
     React.createElement(TextField, null),
-    React.createElement(CustomFormHelperText, Object.assign({ id: "my-helper-text" }, args), "Form Helper text.")));
+    React.createElement(CustomFormHelperText, { id: "my-helper-text", ...args }, "Form Helper text.")));
 export const FormHelperText = FormHelperTextTemplate.bind({});

package/dist/published/stories/FormLabel.stories.js

@@ -6,7 +6,7 @@ export default {
     component: CustomFormLabel,
 };
 const FormLabelTemplate = (args) => (React.createElement(FormControl, null,
-    React.createElement(CustomFormLabel, Object.assign({ id: "demo-row-radio-buttons-group-label" }, args), "Gender"),
+    React.createElement(CustomFormLabel, { id: "demo-row-radio-buttons-group-label", ...args }, "Gender"),
     React.createElement(RadioGroup, { row: true, "aria-labelledby": "demo-row-radio-buttons-group-label", name: "row-radio-buttons-group" },
         React.createElement(FormControlLabel, { value: "female", control: React.createElement(Radio, null), label: "Female" }),
         React.createElement(FormControlLabel, { value: "male", control: React.createElement(Radio, null), label: "Male" }))));

package/dist/published/stories/Grid.stories.js

@@ -4,5 +4,5 @@ export default {
     title: 'Layout/Grid',
     component: CustomGrid,
 };
-const GridTemplate = (args) => React.createElement(CustomGrid, Object.assign({}, args));
+const GridTemplate = (args) => React.createElement(CustomGrid, { ...args });
 export const Grid = GridTemplate.bind({});

package/dist/published/stories/HistoryLog.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Custom/HistoryLog',
     component: CustomHistoryLog,
 };
-const HistoryLogTemplate = (args) => (React.createElement(CustomHistoryLog, Object.assign({}, args)));
+const HistoryLogTemplate = (args) => (React.createElement(CustomHistoryLog, { ...args }));
 export const HistoryLog = HistoryLogTemplate.bind({});
 HistoryLog.args = {
     title: 'History Log',

package/dist/published/stories/IconButton.stories.js

@@ -6,12 +6,12 @@ export default {
     component: CustomIconButton,
 };
 const IconButtonTemplate = (args) => (React.createElement(Stack, { direction: "row", spacing: 1 },
-    React.createElement(CustomIconButton, Object.assign({ "aria-label": "delete" }, args),
+    React.createElement(CustomIconButton, { "aria-label": "delete", ...args },
         React.createElement(Delete, null)),
-    React.createElement(CustomIconButton, Object.assign({ "aria-label": "delete", disabled: true, color: "primary" }, args),
+    React.createElement(CustomIconButton, { "aria-label": "delete", disabled: true, color: "primary", ...args },
         React.createElement(Delete, null)),
-    React.createElement(CustomIconButton, Object.assign({ color: "secondary", "aria-label": "add an alarm" }, args),
+    React.createElement(CustomIconButton, { color: "secondary", "aria-label": "add an alarm", ...args },
         React.createElement(Alarm, null)),
-    React.createElement(CustomIconButton, Object.assign({ color: "primary", "aria-label": "add to shopping cart" }, args),
+    React.createElement(CustomIconButton, { color: "primary", "aria-label": "add to shopping cart", ...args },
         React.createElement(ShoppingCart, null))));
 export const IconButton = IconButtonTemplate.bind({});

package/dist/published/stories/LinearProgress.stories.js

@@ -4,5 +4,5 @@ export default {
     title: 'Data Display/LinearProgress',
     component: CustomLinearProgress,
 };
-const LinearProgressTemplate = (args) => (React.createElement(CustomLinearProgress, Object.assign({}, args)));
+const LinearProgressTemplate = (args) => (React.createElement(CustomLinearProgress, { ...args }));
 export const LinearProgress = LinearProgressTemplate.bind({});

package/dist/published/stories/Link.stories.js

@@ -12,5 +12,5 @@ export default {
         },
     },
 };
-const LinkTemplate = (args) => React.createElement(CustomLink, Object.assign({}, args), "Link");
+const LinkTemplate = (args) => React.createElement(CustomLink, { ...args }, "Link");
 export const Link = LinkTemplate.bind({});

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

@@ -8,7 +8,7 @@ export default {
 };
 const ListTemplate = (args) => (React.createElement(Box, { sx: { width: '100%', maxWidth: 360, bgcolor: 'background.paper' } },
     React.createElement("nav", { "aria-label": "main mailbox folders" },
-        React.createElement(CustomList, Object.assign({}, args),
+        React.createElement(CustomList, { ...args },
             React.createElement(ListItem, { disablePadding: true },
                 React.createElement(ListItemButton, null,
                     React.createElement(ListItemIcon, null,
@@ -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({}, args),
+        React.createElement(CustomList, { ...args },
             React.createElement(ListItem, { disablePadding: true },
                 React.createElement(ListItemButton, null,
                     React.createElement(ListItemText, { primary: "Trash" }))),

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, onClose: handleClose, MenuListProps: {
+        React.createElement(CustomMenu, { id: "basic-menu", anchorEl: anchorEl, onClose: handleClose, MenuListProps: {
                 'aria-labelledby': 'basic-button',
-            } }, args, { open: open }),
+            }, ...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

@@ -21,5 +21,5 @@ export default {
         envName: { defaultValue: 'System Automation' },
     },
 };
-const Template = (props) => React.createElement(CustomMenuBar, Object.assign({}, props));
+const Template = (props) => React.createElement(CustomMenuBar, { ...props });
 export const MenuBar = Template.bind({});

package/dist/published/stories/MultiSelect.stories.js

@@ -16,11 +16,11 @@ export default {
 const MultiSelectTemplate = (args) => (React.createElement(Grid, { container: true, gap: 10 },
     React.createElement(Grid, { item: true, sm: 4 },
         React.createElement(Typography, { variant: "h4" }, "More than 4 options:"),
-        React.createElement(CustomMultiSelect, Object.assign({}, args, { isSortable: true }))),
+        React.createElement(CustomMultiSelect, { ...args, isSortable: true })),
     React.createElement(Grid, { item: true, sm: 4 },
         React.createElement(Typography, { variant: "h4" }, "Less than 4 options:"),
-        React.createElement(CustomMultiSelect, Object.assign({}, args, { options: [
+        React.createElement(CustomMultiSelect, { ...args, options: [
                 { id: 'name', label: 'Name', value: false },
                 { id: 'type', label: 'Type', value: false },
-            ] })))));
+            ] }))));
 export const MultiSelect = MultiSelectTemplate.bind({});

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

@@ -42,48 +42,48 @@ const PaletteTemplate = () => {
                         classes.contentCenter,
                         classes.mainColorSection,
                         {
-                            backgroundColor: `${item === null || item === void 0 ? void 0 : item.colorName}.main`,
+                            backgroundColor: `${item?.colorName}.main`,
                         },
                     ] },
-                    React.createElement(Typography, { color: classes.textColor }, item === null || item === void 0 ? void 0 : item.colorName.toUpperCase()),
-                    React.createElement(Typography, { variant: "caption", color: classes.textColor }, item === null || item === void 0 ? void 0 : item.main))),
+                    React.createElement(Typography, { color: classes.textColor }, item?.colorName.toUpperCase()),
+                    React.createElement(Typography, { variant: "caption", color: classes.textColor }, item?.main))),
             React.createElement(Grid, { item: true, xs: 6, sm: 6 },
                 React.createElement(Grid, { container: true, gap: 1 },
                     React.createElement(Box, { sx: [
                             classes.contentCenter,
                             classes.otherColorSection,
                             {
-                                backgroundColor: `${item === null || item === void 0 ? void 0 : item.colorName}.main`,
+                                backgroundColor: `${item?.colorName}.main`,
                             },
                         ] },
                         React.createElement(Typography, { variant: "body2", color: classes.textColor }, "Main"),
-                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item === null || item === void 0 ? void 0 : item.main)),
+                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item?.main)),
                     React.createElement(Box, { sx: [
                             classes.contentCenter,
                             classes.otherColorSection,
                             {
-                                backgroundColor: `${item === null || item === void 0 ? void 0 : item.colorName}.light`,
+                                backgroundColor: `${item?.colorName}.light`,
                             },
                         ] },
                         React.createElement(Typography, { variant: "body2", color: classes.textColor }, "Light"),
-                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item === null || item === void 0 ? void 0 : item.light)),
+                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item?.light)),
                     React.createElement(Box, { sx: [
                             classes.contentCenter,
                             classes.otherColorSection,
                             {
-                                backgroundColor: `${item === null || item === void 0 ? void 0 : item.colorName}.dark`,
+                                backgroundColor: `${item?.colorName}.dark`,
                             },
                         ] },
                         React.createElement(Typography, { variant: "body2", color: classes.textColor }, "Dark"),
-                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item === null || item === void 0 ? void 0 : item.dark)),
+                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item?.dark)),
                     React.createElement(Box, { sx: [
                             classes.contentCenter,
                             classes.otherColorSection,
                             {
-                                backgroundColor: item === null || item === void 0 ? void 0 : item.darker,
+                                backgroundColor: item?.darker,
                             },
                         ] },
                         React.createElement(Typography, { variant: "body2", color: classes.textColor }, "Darker"),
-                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item === null || item === void 0 ? void 0 : item.darker))))))))));
+                        React.createElement(Typography, { variant: "caption", color: classes.textColor }, item?.darker))))))))));
 };
 export const Palette = PaletteTemplate.bind({});

package/dist/published/stories/Paper.stories.js

@@ -11,5 +11,5 @@ const PaperTemplate = (args) => (React.createElement(Box, { sx: {
             height: 128,
         },
     } },
-    React.createElement(CustomPaper, Object.assign({ elevation: 3 }, args))));
+    React.createElement(CustomPaper, { elevation: 3, ...args })));
 export const Paper = PaperTemplate.bind({});

package/dist/published/stories/RadioGroup.stories.js

@@ -6,7 +6,7 @@ export default {
 };
 const RadioGroupTemplate = (args) => (React.createElement(FormControl, null,
     React.createElement(FormLabel, { id: "demo-radio-buttons-group-label" }, "Gender"),
-    React.createElement(CustomRadioGroup, Object.assign({ "aria-labelledby": "demo-radio-buttons-group-label", defaultValue: "female", name: "radio-buttons-group" }, args),
+    React.createElement(CustomRadioGroup, { "aria-labelledby": "demo-radio-buttons-group-label", defaultValue: "female", name: "radio-buttons-group", ...args },
         React.createElement(FormControlLabel, { value: "female", control: React.createElement(Radio, null), label: "Female" }),
         React.createElement(FormControlLabel, { value: "male", control: React.createElement(Radio, null), label: "Male" }),
         React.createElement(FormControlLabel, { value: "other", control: React.createElement(Radio, null), label: "Other" }))));

package/dist/published/stories/RepeatableField.stories.js

@@ -23,14 +23,13 @@ const Template = (props) => {
         textField: 'Default text',
         checkbox: false,
     };
-    return (React.createElement(CustomRepeatableField, Object.assign({}, props, { dynamicHeaders: dynamicHeaders }), (handler, index, selectedField) => {
-        var _a, _b, _c;
+    return (React.createElement(CustomRepeatableField, { ...props, dynamicHeaders: dynamicHeaders }, (handler, index, selectedField) => {
         return (React.createElement(React.Fragment, null,
-            React.createElement(TextField, { variant: "outlined", label: "Button Label", labelPlacement: "outside-top", placeholder: "Label", name: "textField", value: ((_a = selectedField[index]) === null || _a === void 0 ? void 0 : _a.textField) || defaultValues.textField, onChange: (event) => handler(event, index) }),
-            React.createElement(Checkbox, { name: "checkbox", onChange: (event) => handler(event, index), checked: ((_b = selectedField[index]) === null || _b === void 0 ? void 0 : _b.checkbox) || false, sx: { width: 0 } }),
-            React.createElement(Autocomplete, { label: "Movies", disablePortal: true, id: "combo-box-demo", options: top100Films, value: (_c = selectedField[index]) === null || _c === void 0 ? void 0 : _c.movies, onChange: (event, value) => {
-                    handler(Object.assign(Object.assign({}, event), { target: Object.assign(Object.assign({}, event.target), { value: value, name: 'movies' }) }), index);
-                }, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { label: "Movie" })) })));
+            React.createElement(TextField, { variant: "outlined", label: "Button Label", labelPlacement: "outside-top", placeholder: "Label", name: "textField", value: selectedField[index]?.textField || defaultValues.textField, onChange: (event) => handler(event, index) }),
+            React.createElement(Checkbox, { name: "checkbox", onChange: (event) => handler(event, index), checked: selectedField[index]?.checkbox || false, sx: { width: 0 } }),
+            React.createElement(Autocomplete, { label: "Movies", disablePortal: true, id: "combo-box-demo", options: top100Films, value: selectedField[index]?.movies, onChange: (event, value) => {
+                    handler({ ...event, target: { ...event.target, ...{ value: value, name: 'movies' } } }, index);
+                }, renderInput: (params) => React.createElement(TextField, { ...params, label: "Movie" }) })));
     }));
 };
 export const RepeatableField = Template.bind({});

package/dist/published/stories/RichTextViewer.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Custom/RichTextViewer',
     component: CustomRichTextViewer,
 };
-const RichTextViewerTemplate = (args) => (React.createElement(CustomRichTextViewer, Object.assign({}, args)));
+const RichTextViewerTemplate = (args) => (React.createElement(CustomRichTextViewer, { ...args }));
 export const RichTextViewer = RichTextViewerTemplate.bind({});
 RichTextViewer.args = {
     // This is a sample RTF content generated from the evoke rich text editor.

package/dist/published/stories/Skeleton.stories.js

@@ -4,5 +4,5 @@ export default {
     title: 'Data Display/Skeleton',
     component: CustomSkeleton,
 };
-const SkeletonTemplate = (args) => React.createElement(CustomSkeleton, Object.assign({}, args));
+const SkeletonTemplate = (args) => React.createElement(CustomSkeleton, { ...args });
 export const Skeleton = SkeletonTemplate.bind({});

package/dist/published/stories/Snackbar.stories.js

@@ -17,6 +17,6 @@ const SnackbarTemplate = (args) => {
     };
     return (React.createElement("div", null,
         React.createElement(Button, { onClick: handleClick }, "Open simple snackbar"),
-        React.createElement(CustomSnackbar, Object.assign({ open: open, autoHideDuration: 6000, handleClose: handleClose, message: "Note archived. You are good to go.", error: false }, args))));
+        React.createElement(CustomSnackbar, { open: open, autoHideDuration: 6000, handleClose: handleClose, message: "Note archived. You are good to go.", error: false, ...args })));
 };
 export const Snackbar = SnackbarTemplate.bind({});

package/dist/published/stories/Stack.stories.js

@@ -32,7 +32,7 @@ export default {
     },
 };
 const StackTemplate = (args) => {
-    return (React.createElement(CustomStack, Object.assign({}, args),
+    return (React.createElement(CustomStack, { ...args },
         React.createElement("div", null, "Item1 "),
         React.createElement("div", null, "Item2 "),
         React.createElement("div", null, "Item3 ")));

package/dist/published/stories/StaticDatePicker.stories.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useState } from 'react';
 import { StaticDatePicker as CustomStaticDatePicker, LocalizationProvider, } from '../index';
 export default {
@@ -23,14 +12,14 @@ export default {
     },
 };
 const StaticDatePickerTemplate = (args) => {
-    const { value: initialValue, onChange } = args, rest = __rest(args, ["value", "onChange"]);
-    const [value, setValue] = useState(initialValue !== null && initialValue !== void 0 ? initialValue : null);
+    const { value: initialValue, onChange, ...rest } = args;
+    const [value, setValue] = useState(initialValue ?? null);
     const handleChange = (newValue, input) => {
         onChange(newValue, input);
         setValue(newValue);
     };
     return (React.createElement(LocalizationProvider, null,
-        React.createElement(CustomStaticDatePicker, Object.assign({}, rest, { value: value, onChange: handleChange }))));
+        React.createElement(CustomStaticDatePicker, { ...rest, value: value, onChange: handleChange })));
 };
 export const Desktop = StaticDatePickerTemplate.bind({});
 Desktop.args = {

package/dist/published/stories/Stepper.stories.js

@@ -43,7 +43,7 @@ const StepperTemplate = (args) => {
         setActiveStep(0);
     };
     return (React.createElement(Box, { sx: { width: '100%' } },
-        React.createElement(CustomStepper, Object.assign({ activeStep: activeStep }, args), steps.map((label, index) => {
+        React.createElement(CustomStepper, { activeStep: activeStep, ...args }, steps.map((label, index) => {
             const stepProps = {};
             const labelProps = {};
             if (isStepOptional(index)) {
@@ -52,8 +52,8 @@ const StepperTemplate = (args) => {
             if (isStepSkipped(index)) {
                 stepProps.completed = false;
             }
-            return (React.createElement(Step, Object.assign({ key: label }, stepProps),
-                React.createElement(StepLabel, Object.assign({}, labelProps), label)));
+            return (React.createElement(Step, { key: label, ...stepProps },
+                React.createElement(StepLabel, { ...labelProps }, label)));
         })),
         activeStep === steps.length ? (React.createElement(Fragment, null,
             React.createElement(Typography, { sx: { mt: 2, mb: 1 } }, "All steps completed - you're finished"),

package/dist/published/stories/Switch.stories.js

@@ -4,5 +4,5 @@ export default {
     title: 'Input/Switch',
     component: CustomSwitch,
 };
-const SwitchTemplate = (args) => React.createElement(CustomSwitch, Object.assign({}, args));
+const SwitchTemplate = (args) => React.createElement(CustomSwitch, { ...args });
 export const Switch = SwitchTemplate.bind({});

package/dist/published/stories/Table.stories.js

@@ -32,7 +32,7 @@ const TableTemplate = (args) => {
         setPage(0);
     };
     return (React.createElement(TableContainer, { component: Paper },
-        React.createElement(CustomTable, Object.assign({ sx: { minWidth: 650 }, "aria-label": "simple table" }, args),
+        React.createElement(CustomTable, { sx: { minWidth: 650 }, "aria-label": "simple table", ...args },
             React.createElement(TableHead, null,
                 React.createElement(TableRow, null,
                     React.createElement(TableCell, null, "Dessert (100g serving)"),
@@ -40,7 +40,7 @@ const TableTemplate = (args) => {
                     React.createElement(TableCell, { align: "right" }, "Fat\u00A0(g)"),
                     React.createElement(TableCell, { align: "right" }, "Carbs\u00A0(g)"),
                     React.createElement(TableCell, { align: "right" }, "Protein\u00A0(g)"))),
-            React.createElement(TableBody, null, rows === null || rows === void 0 ? void 0 : rows.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row) => (React.createElement(TableRow, { key: row.name, sx: { '&:last-child td, &:last-child th': { border: 0 } } },
+            React.createElement(TableBody, null, rows?.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row) => (React.createElement(TableRow, { key: row.name, sx: { '&:last-child td, &:last-child th': { border: 0 } } },
                 React.createElement(TableCell, { component: "th", scope: "row" }, row.name),
                 React.createElement(TableCell, { align: "right" }, row.calories),
                 React.createElement(TableCell, { align: "right" }, row.fat),

package/dist/published/stories/Tabs.stories.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useState } from 'react';
 import { Box, Tabs as CustomTabs, Tab, Typography } from '../index';
 export default {
@@ -16,8 +5,8 @@ export default {
     component: CustomTabs,
 };
 function TabPanel(props) {
-    const { children, value, index } = props, other = __rest(props, ["children", "value", "index"]);
-    return (React.createElement("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `simple-tabpanel-${index}`, "aria-labelledby": `simple-tab-${index}` }, other), value === index && (React.createElement(Box, { sx: { p: 3 } },
+    const { children, value, index, ...other } = props;
+    return (React.createElement("div", { role: "tabpanel", hidden: value !== index, id: `simple-tabpanel-${index}`, "aria-labelledby": `simple-tab-${index}`, ...other }, value === index && (React.createElement(Box, { sx: { p: 3 } },
         React.createElement(Typography, null, children)))));
 }
 function a11yProps(index) {
@@ -34,10 +23,10 @@ const TabsTemplate = (args) => {
     };
     return (React.createElement(Box, { sx: { width: '100%' } },
         React.createElement(Box, { sx: { borderBottom: 1, borderColor: 'divider' } },
-            React.createElement(CustomTabs, Object.assign({}, args, { value: value, onChange: handleChange, "aria-label": "basic tabs example" }),
-                React.createElement(Tab, Object.assign({ label: "Item One" }, a11yProps(0))),
-                React.createElement(Tab, Object.assign({ label: "Item Two" }, a11yProps(1))),
-                React.createElement(Tab, Object.assign({ label: "Item Three" }, a11yProps(2))))),
+            React.createElement(CustomTabs, { ...args, value: value, onChange: handleChange, "aria-label": "basic tabs example" },
+                React.createElement(Tab, { label: "Item One", ...a11yProps(0) }),
+                React.createElement(Tab, { label: "Item Two", ...a11yProps(1) }),
+                React.createElement(Tab, { label: "Item Three", ...a11yProps(2) }))),
         React.createElement(TabPanel, { value: value, index: 0 }, "Item One"),
         React.createElement(TabPanel, { value: value, index: 1 }, "Item Two"),
         React.createElement(TabPanel, { value: value, index: 2 }, "Item Three")));

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, { ...args }));
 export const TextField = TextFieldTemplate.bind({});
 TextField.argTypes = {
     variant: {

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

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useState } from 'react';
 import { LocalizationProvider, TextField, TimePicker } from '../index';
 export default {
@@ -23,12 +12,12 @@ export default {
     },
 };
 const TimePickerTemplate = (args) => {
-    const { value: initialValue, onChange } = args, rest = __rest(args, ["value", "onChange"]);
-    const [value, setValue] = useState(initialValue !== null && initialValue !== void 0 ? initialValue : null);
+    const { value: initialValue, onChange, ...rest } = args;
+    const [value, setValue] = useState(initialValue ?? null);
     const handleChange = (newValue, input) => {
         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, { ...rest, value: value, onChange: handleChange, renderInput: (params) => React.createElement(TextField, { ...params, fullWidth: true, size: 'small' }) })));
 };
 export const DatePicker = TimePickerTemplate.bind({});

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

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useState } from 'react';
 import TimePickerSelect from '../components/custom/FormField/TimePickerSelect/TimePickerSelect';
 export default {
@@ -22,11 +11,11 @@ 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 { defaultValue, ...rest } = args;
+    const [value, setValue] = useState(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, { ...rest, value: value, onChange: handleChange, property: { id: '1' } });
 };
 export const TimePicker = TimePickerSelectTemplate.bind({});

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({ "aria-label": "left aligned" }, args, { value: "left" }),
+        React.createElement(CustomToggleButton, { "aria-label": "left aligned", ...args, value: "left" },
             React.createElement(FormatAlignLeft, null)),
-        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "centered" }, args, { value: "center" }),
+        React.createElement(CustomToggleButton, { "aria-label": "centered", ...args, value: "center" },
             React.createElement(FormatAlignCenter, null)),
-        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "right aligned" }, args, { value: "right" }),
+        React.createElement(CustomToggleButton, { "aria-label": "right aligned", ...args, value: "right" },
             React.createElement(FormatAlignRight, null)),
-        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "justified", disabled: true }, args, { value: "justify" }),
+        React.createElement(CustomToggleButton, { "aria-label": "justified", disabled: true, ...args, value: "justify" },
             React.createElement(FormatAlignJustify, null))));
 };
 export const ToggleButton = ToggleButtonTemplate.bind({});

package/dist/published/theme/UIThemeProvider.js

@@ -2,9 +2,8 @@ import { createTheme, ThemeProvider } from '@mui/material';
 import React from 'react';
 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 = args?.theme?.palette?.primary?.main ? createTheme(args?.theme) : defaultTheme;
     return React.createElement(ThemeProvider, { theme: theme }, children);
 }
 export default UIThemeProvider;

package/package.json

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