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

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Accordion = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAccordion, Object.assign({}, props))));
+        React.createElement(MUIAccordion, { ...props })));
 };
 export default Accordion;

package/dist/published/components/core/Accordion/AccordionActions/AccordionActions.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const AccordionActions = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAccordionActions, Object.assign({}, props))));
+        React.createElement(MUIAccordionActions, { ...props })));
 };
 export default AccordionActions;

package/dist/published/components/core/Accordion/AccordionDetails/AccordionDetails.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const AccordionDetails = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAccordionDetails, Object.assign({}, props))));
+        React.createElement(MUIAccordionDetails, { ...props })));
 };
 export default AccordionDetails;

package/dist/published/components/core/Accordion/AccordionSummary/AccordionSummary.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const AccordionSummary = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAccordionSummary, Object.assign({}, props))));
+        React.createElement(MUIAccordionSummary, { ...props })));
 };
 export default AccordionSummary;

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

@@ -31,26 +31,25 @@ const colorMap = {
 const Alert = (props) => {
     const { children, action, severity, onClose, color } = props;
     const getIcon = () => {
-        var _a;
-        const iconColor = color ? (_a = colorMap[color]) !== null && _a !== void 0 ? _a : color : severity ? colorMap[severity] : colorMap['success'];
+        const iconColor = color ? colorMap[color] ?? color : severity ? colorMap[severity] : colorMap['success'];
         switch (severity) {
             case 'error':
-                return React.createElement(ErrorRounded, { sx: Object.assign(Object.assign({}, styles.icon), { color: iconColor }) });
+                return React.createElement(ErrorRounded, { sx: { ...styles.icon, color: iconColor } });
             case 'success':
-                return React.createElement(CheckCircle, { sx: Object.assign(Object.assign({}, styles.icon), { color: iconColor }) });
+                return React.createElement(CheckCircle, { sx: { ...styles.icon, color: iconColor } });
             case 'info':
-                return React.createElement(InfoRounded, { sx: Object.assign(Object.assign({}, styles.icon), { color: iconColor }) });
+                return React.createElement(InfoRounded, { sx: { ...styles.icon, color: iconColor } });
             case 'warning':
-                return React.createElement(WarningRounded, { sx: Object.assign(Object.assign({}, styles.icon), { color: iconColor }) });
+                return React.createElement(WarningRounded, { sx: { ...styles.icon, color: iconColor } });
             default:
-                return React.createElement(CheckCircle, { sx: Object.assign(Object.assign({}, styles.icon), { color: iconColor }) });
+                return React.createElement(CheckCircle, { sx: { ...styles.icon, color: iconColor } });
         }
     };
-    return (React.createElement(UIThemeProvider, null, props.variant === 'outlined' ? (React.createElement(Box, { sx: Object.assign(Object.assign({}, styles.container), props.sx) },
+    return (React.createElement(UIThemeProvider, null, props.variant === 'outlined' ? (React.createElement(Box, { sx: { ...styles.container, ...props.sx } },
         React.createElement(Box, { margin: '5px', marginRight: '10px' }, getIcon()),
         React.createElement(Typography, { fontSize: '14px', fontWeight: 400, sx: { marginRight: '3px' } }, children),
         action,
         React.createElement(IconButton, { size: "small", "aria-label": "close", color: "inherit", sx: { marginLeft: 'auto', marginRight: '15px' }, onClick: (event) => onClose && onClose(event) },
-            React.createElement(Close, { fontSize: "small" })))) : (React.createElement(MUIAlert, Object.assign({}, props)))));
+            React.createElement(Close, { fontSize: "small" })))) : (React.createElement(MUIAlert, { ...props }))));
 };
 export default Alert;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const AlertTitle = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAlertTitle, Object.assign({}, props))));
+        React.createElement(MUIAlertTitle, { ...props })));
 };
 export default AlertTitle;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const AppBar = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAppBar, Object.assign({}, props))));
+        React.createElement(MUIAppBar, { ...props })));
 };
 export default AppBar;

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

@@ -6,25 +6,27 @@ import FieldError from '../FieldError';
 import Tooltip from '../Tooltip';
 import Typography from '../Typography';
 const Autocomplete = (props) => {
-    var _a, _b, _c, _d;
     const sortedOptions = props.sortBy !== 'NONE'
         ? props.options.map((option) => {
-            var _a, _b;
-            return Object.assign(Object.assign({}, option), { label: typeof option === 'string'
+            return {
+                ...option,
+                label: typeof option === 'string'
                     ? option
-                    : typeof (option === null || option === void 0 ? void 0 : option.label) === 'boolean'
-                        ? new Boolean(option === null || option === void 0 ? void 0 : option.label).toString()
-                        : (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : '', value: (_b = option === null || option === void 0 ? void 0 : option.value) !== null && _b !== void 0 ? _b : option });
+                    : typeof option?.label === 'boolean'
+                        ? new Boolean(option?.label).toString()
+                        : option?.label ?? '',
+                value: option?.value ?? option,
+            };
         })
         : props.options;
     switch (props.sortBy) {
         case 'DESC':
-            sortedOptions === null || sortedOptions === void 0 ? void 0 : sortedOptions.sort((a, b) => b.label.localeCompare(a.label));
+            sortedOptions?.sort((a, b) => b.label.localeCompare(a.label));
             break;
         case 'NONE':
             break;
         default:
-            sortedOptions === null || sortedOptions === void 0 ? void 0 : sortedOptions.sort((a, b) => a.label.localeCompare(b.label));
+            sortedOptions?.sort((a, b) => a.label.localeCompare(b.label));
             break;
     }
     const renderInstructionText = () => {
@@ -37,7 +39,8 @@ const Autocomplete = (props) => {
     };
     if (!!props.label && props.labelPlacement === 'outside-top') {
         return (React.createElement(UIThemeProvider, null,
-            React.createElement(InputLabel, { htmlFor: (_a = props.id) !== null && _a !== void 0 ? _a : '', sx: { display: 'flex', paddingBottom: '0px', fontSize: '14px' } }, (_b = props.label) !== null && _b !== void 0 ? _b : '',
+            React.createElement(InputLabel, { htmlFor: props.id ?? '', sx: { display: 'flex', paddingBottom: '0px', fontSize: '14px' } },
+                props.label ?? '',
                 ' ',
                 props.required ? (React.createElement(Typography, { sx: { color: 'red', fontSize: '14px', marginLeft: '4px', alignSelf: 'flex-start' } }, "*")) : null,
                 props.tooltip && (React.createElement(Tooltip, { title: props.tooltip, placement: "right" },
@@ -47,20 +50,35 @@ const Autocomplete = (props) => {
                             color: (theme) => theme.palette.text.secondary,
                         } })))),
             renderInstructionText(),
-            React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined }, '& .MuiOutlinedInput-notchedOutline': {
+            React.createElement(MUIAutocomplete, { ...props, sx: {
+                    '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined },
+                    '& .MuiOutlinedInput-notchedOutline': {
                         border: props.readOnly ? 'none' : 'auto',
-                    }, '& .MuiInputBase-input.Mui-disabled': {
+                    },
+                    '& .MuiInputBase-input.Mui-disabled': {
                         WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
-                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', marginTop: '3px', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: ((_c = props.popupIcon) !== null && _c !== void 0 ? _c : (props.readOnly || props.disabled)) ? null : React.createElement(ExpandMore, null) })),
+                    },
+                    backgroundColor: props.readOnly ? '#f4f6f8' : 'auto',
+                    marginTop: '3px',
+                    borderRadius: '8px',
+                    ...props.sx,
+                }, options: sortedOptions, popupIcon: (props.popupIcon ?? (props.readOnly || props.disabled)) ? null : React.createElement(ExpandMore, null) }),
             props.error && React.createElement(FieldError, { required: props.required, label: props.errorMessage })));
     }
     else {
         return (React.createElement(UIThemeProvider, null,
-            React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined }, '& .MuiOutlinedInput-notchedOutline': {
+            React.createElement(MUIAutocomplete, { ...props, sx: {
+                    '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined },
+                    '& .MuiOutlinedInput-notchedOutline': {
                         border: props.readOnly ? 'none' : 'auto',
-                    }, '& .MuiInputBase-input.Mui-disabled': {
+                    },
+                    '& .MuiInputBase-input.Mui-disabled': {
                         WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
-                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: ((_d = props.popupIcon) !== null && _d !== void 0 ? _d : (props.readOnly || props.disabled)) ? null : React.createElement(ExpandMore, null) })),
+                    },
+                    backgroundColor: props.readOnly ? '#f4f6f8' : 'auto',
+                    borderRadius: '8px',
+                    ...props.sx,
+                }, options: sortedOptions, popupIcon: (props.popupIcon ?? (props.readOnly || props.disabled)) ? null : React.createElement(ExpandMore, null) }),
             props.error && React.createElement(FieldError, { required: props.required, label: props.errorMessage })));
     }
 };

package/dist/published/components/core/Autocomplete/Autocomplete.test.js

@@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react';
 import React from 'react';
 import TextField from '../TextField';
 import Autocomplete from './Autocomplete';
-const renderInput = (params) => React.createElement(TextField, Object.assign({}, params));
+const renderInput = (params) => React.createElement(TextField, { ...params });
 const options = [];
 test('renders with label outside outline', () => {
     render(React.createElement(Autocomplete, { id: "testinput", labelPlacement: "outside-top", label: "Title", renderInput: renderInput, options: options }));

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

@@ -4,9 +4,12 @@ import UIThemeProvider from '../../../theme';
 const Avatar = (props) => {
     const { isSelected, backgroundColor, sx } = props;
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIAvatar, Object.assign({}, props, { sx: Object.assign({
-                outline: isSelected ? `thick double ${backgroundColor || 'inherit'}` : 'none',
-                bgcolor: backgroundColor,
-            }, sx) }))));
+        React.createElement(MUIAvatar, { ...props, sx: {
+                ...{
+                    outline: isSelected ? `thick double ${backgroundColor || 'inherit'}` : 'none',
+                    bgcolor: backgroundColor,
+                },
+                ...sx,
+            } })));
 };
 export default Avatar;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Backdrop = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIBackdrop, Object.assign({}, props))));
+        React.createElement(MUIBackdrop, { ...props })));
 };
 export default Backdrop;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Badge = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIBadge, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
+        React.createElement(MUIBadge, { ...props }, props?.children)));
 };
 export default Badge;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Breadcrumbs = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIBreadcrumbs, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
+        React.createElement(MUIBreadcrumbs, { ...props }, props?.children)));
 };
 export default Breadcrumbs;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Button = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIButton, Object.assign({}, props, { sx: Object.assign({ borderRadius: '8px', boxShadow: 'none' }, props.sx) }), props === null || props === void 0 ? void 0 : props.children)));
+        React.createElement(MUIButton, { ...props, sx: { borderRadius: '8px', boxShadow: 'none', ...props.sx } }, props?.children)));
 };
 export default Button;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const ButtonGroup = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIButtonGroup, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
+        React.createElement(MUIButtonGroup, { ...props }, props?.children)));
 };
 export default ButtonGroup;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Card = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUICard, Object.assign({}, props))));
+        React.createElement(MUICard, { ...props })));
 };
 export default Card;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Checkbox = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUICheckbox, Object.assign({}, props))));
+        React.createElement(MUICheckbox, { ...props })));
 };
 export default Checkbox;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Chip = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIChip, Object.assign({}, props))));
+        React.createElement(MUIChip, { ...props })));
 };
 export default Chip;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const CircularProgress = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUICircularProgress, Object.assign({}, props))));
+        React.createElement(MUICircularProgress, { ...props })));
 };
 export default CircularProgress;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Collapse = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUICollapse, Object.assign({}, props))));
+        React.createElement(MUICollapse, { ...props })));
 };
 export default Collapse;

package/dist/published/components/core/DatePicker/DatePicker.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 { LocalDate } from '@js-joda/core';
 import { DatePicker as MUIDatePicker } from '@mui/x-date-pickers';
 import React from 'react';
@@ -16,15 +5,14 @@ import UIThemeProvider from '../../../theme';
 import { InvalidDate } from '../../../util/date';
 import TextField from '../TextField';
 const DatePicker = (props) => {
-    var _a;
-    const { value: inputValue, onChange: handleChange } = props, rest = __rest(props, ["value", "onChange"]);
+    const { value: inputValue, onChange: handleChange, ...rest } = props;
     let value = null;
     try {
         value = typeof inputValue === 'string' ? LocalDate.parse(inputValue) : inputValue;
     }
     catch (err) {
         // If we fail to parse the input string, log the error and continue as if no value was set.
-        console.error((_a = err.message) !== null && _a !== void 0 ? _a : err);
+        console.error(err.message ?? err);
     }
     const onChange = (newValue, keyboardInputValue) => {
         // Joda does not have a representation of an invalid date, so if the component fails to
@@ -36,12 +24,12 @@ const DatePicker = (props) => {
         handleChange(newValue, keyboardInputValue);
     };
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDatePicker, Object.assign({ value: value, onChange: onChange, renderInput: (params) => React.createElement(TextField, Object.assign({}, params)), PaperProps: {
+        React.createElement(MUIDatePicker, { value: value, onChange: onChange, renderInput: (params) => React.createElement(TextField, { ...params }), PaperProps: {
                 sx: {
                     '&.MuiPickersPopper-paper': {
                         borderRadius: '12px',
                     },
                 },
-            } }, rest))));
+            }, ...rest })));
 };
 export default DatePicker;

package/dist/published/components/core/DateTimePicker/DateTimePicker.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 { LocalDateTime, nativeJs } from '@js-joda/core';
 import { DateTimePicker as MUIDateTimePicker, } from '@mui/x-date-pickers';
 import React from 'react';
@@ -16,15 +5,14 @@ import UIThemeProvider from '../../../theme';
 import { InvalidDate } from '../../../util';
 import TextField from '../TextField';
 const DateTimePicker = (props) => {
-    var _a;
-    const { value: inputValue, onChange: handleChange } = props, rest = __rest(props, ["value", "onChange"]);
+    const { value: inputValue, onChange: handleChange, ...rest } = props;
     let value = null;
     try {
         value = typeof inputValue === 'string' ? LocalDateTime.from(nativeJs(new Date(inputValue))) : inputValue;
     }
     catch (err) {
         // If we fail to parse the input string, log the error and continue as if no value was set.
-        console.error((_a = err.message) !== null && _a !== void 0 ? _a : err);
+        console.error(err.message ?? err);
     }
     const onChange = (newValue, keyboardInputValue) => {
         // Joda does not have a representation of an invalid date, so if the component fails to
@@ -36,6 +24,6 @@ const DateTimePicker = (props) => {
         handleChange(newValue, keyboardInputValue);
     };
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDateTimePicker, Object.assign({ value: value, onChange: onChange, renderInput: (params) => React.createElement(TextField, Object.assign({}, params)) }, rest))));
+        React.createElement(MUIDateTimePicker, { value: value, onChange: onChange, renderInput: (params) => React.createElement(TextField, { ...params }), ...rest })));
 };
 export default DateTimePicker;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Dialog = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDialog, Object.assign({ sx: Object.assign({ '& .MuiDialog-paper': { borderRadius: '16px' } }, props.sx) }, props))));
+        React.createElement(MUIDialog, { sx: { '& .MuiDialog-paper': { borderRadius: '16px' }, ...props.sx }, ...props })));
 };
 export default Dialog;

package/dist/published/components/core/Dialog/DialogActions/DialogActions.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 { Button, DialogActions as MUIDialogActions } from '@mui/material';
 import React from 'react';
 import UIThemeProvider from '../../../../theme';
@@ -28,9 +17,9 @@ const styles = {
     },
 };
 const DialogActions = (props) => {
-    const { defaultAction, defaultCancel, children, sx } = props, muiProps = __rest(props, ["defaultAction", "defaultCancel", "children", "sx"]);
+    const { defaultAction, defaultCancel, children, sx, ...muiProps } = props;
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDialogActions, Object.assign({}, muiProps, { sx: Object.assign({ marginRight: '18px', marginBottom: '16px' }, sx) }),
+        React.createElement(MUIDialogActions, { ...muiProps, sx: { marginRight: '18px', marginBottom: '16px', ...sx } },
             children,
             defaultCancel && (React.createElement(Button, { onClick: defaultCancel.onClick, variant: 'outlined', sx: styles.cancelBtn }, defaultCancel.text)),
             defaultAction && (React.createElement(Button, { onClick: defaultAction.onClick, variant: 'contained', sx: styles.actionBtn }, defaultAction.text)))));

package/dist/published/components/core/Dialog/DialogContent/DialogContent.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const DialogContent = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDialogContent, Object.assign({}, props))));
+        React.createElement(MUIDialogContent, { ...props })));
 };
 export default DialogContent;

package/dist/published/components/core/Dialog/DialogContentText/DialogContentText.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const DialogContentText = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDialogContentText, Object.assign({}, props))));
+        React.createElement(MUIDialogContentText, { ...props })));
 };
 export default DialogContentText;

package/dist/published/components/core/Dialog/DialogTitle/DialogTitle.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const DialogTitle = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDialogTitle, Object.assign({}, props, { sx: Object.assign({ fontWeight: 700 }, props.sx) }))));
+        React.createElement(MUIDialogTitle, { ...props, sx: { fontWeight: 700, ...props.sx } })));
 };
 export default DialogTitle;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Divider = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDivider, Object.assign({}, props))));
+        React.createElement(MUIDivider, { ...props })));
 };
 export default Divider;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Drawer = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIDrawer, Object.assign({}, props))));
+        React.createElement(MUIDrawer, { ...props })));
 };
 export default Drawer;

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

@@ -2,8 +2,7 @@ import { InfoRounded } from '@mui/icons-material';
 import { Box, Typography } from '@mui/material';
 import React from 'react';
 const FieldError = (props) => {
-    var _a;
-    const label = (_a = props.label) !== null && _a !== void 0 ? _a : (props.required ? 'Required Field' : '');
+    const label = props.label ?? (props.required ? 'Required Field' : '');
     return label ? (React.createElement(Box, { display: 'flex', alignItems: 'center' },
         React.createElement(InfoRounded, { color: 'error', sx: { fontSize: '.75rem', marginRight: '3px' } }),
         React.createElement(Typography, { fontSize: '12px', color: 'error' }, label))) : null;

package/dist/published/components/core/FormElements/FormControl/FormControl.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const FormControl = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIFormControl, Object.assign({}, props))));
+        React.createElement(MUIFormControl, { ...props })));
 };
 export default FormControl;

package/dist/published/components/core/FormElements/FormControlLabel/FormControlLabel.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const FormControlLabel = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIFormControlLabel, Object.assign({}, props))));
+        React.createElement(MUIFormControlLabel, { ...props })));
 };
 export default FormControlLabel;

package/dist/published/components/core/FormElements/FormGroup/FormGroup.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const FormGroup = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIFormGroup, Object.assign({}, props))));
+        React.createElement(MUIFormGroup, { ...props })));
 };
 export default FormGroup;

package/dist/published/components/core/FormElements/FormHelperText/FormHelperText.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const FormHelperText = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIFormHelperText, Object.assign({}, props))));
+        React.createElement(MUIFormHelperText, { ...props })));
 };
 export default FormHelperText;

package/dist/published/components/core/FormElements/FormLabel/FormLabel.js

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const FormLabel = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIFormLabel, Object.assign({}, props))));
+        React.createElement(MUIFormLabel, { ...props })));
 };
 export default FormLabel;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const IconButton = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIIconButton, Object.assign({}, props))));
+        React.createElement(MUIIconButton, { ...props })));
 };
 export default IconButton;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const LinearProgress = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUILinearProgress, Object.assign({}, props))));
+        React.createElement(MUILinearProgress, { ...props })));
 };
 export default LinearProgress;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Link = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUILink, Object.assign({}, props))));
+        React.createElement(MUILink, { ...props })));
 };
 export default Link;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const List = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIList, Object.assign({}, props))));
+        React.createElement(MUIList, { ...props })));
 };
 export default List;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const ListItem = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIListItem, Object.assign({}, props))));
+        React.createElement(MUIListItem, { ...props })));
 };
 export default ListItem;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../../theme';
 const ListItemText = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUIListItemText, Object.assign({}, props))));
+        React.createElement(MUIListItemText, { ...props })));
 };
 export default ListItemText;

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

@@ -3,6 +3,6 @@ import React from 'react';
 import UIThemeProvider from '../../../theme';
 const LoadingButton = (props) => {
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUILoadingButton, Object.assign({}, props, { sx: Object.assign({ borderRadius: '8px', boxShadow: 'none', '&:hover': { boxShadow: 'none' } }, props.sx) }), props === null || props === void 0 ? void 0 : props.children)));
+        React.createElement(MUILoadingButton, { ...props, sx: { borderRadius: '8px', boxShadow: 'none', '&:hover': { boxShadow: 'none' }, ...props.sx } }, props?.children)));
 };
 export default LoadingButton;