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

package/dist/published/components/custom/FormField/Select/Select.js

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react';
 import { Autocomplete, TextField } from '../../../core';
 import InputFieldComponent from '../InputFieldComponent/InputFieldComponent';
 const Select = (props) => {
-    var _a, _b;
     const { id, property, defaultValue, error, errorMessage, onBlur, readOnly, selectOptions, required, size, isOptionEqualToValue, renderOption, getOptionLabel, disableCloseOnSelect, additionalProps, } = props;
     const [value, setValue] = useState(defaultValue);
     const [inputValue, setInputValue] = useState('');
@@ -12,8 +11,8 @@ const Select = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const handleChange = (event, selected) => {
         if (Array.isArray(selected)) {
-            setValue(selected.map((option) => { var _a; return (_a = option.value) !== null && _a !== void 0 ? _a : option; }));
-            props.onChange(property.id, selected.map((option) => { var _a; return (_a = option.value) !== null && _a !== void 0 ? _a : option; }), property);
+            setValue(selected.map((option) => option.value ?? option));
+            props.onChange(property.id, selected.map((option) => option.value ?? option), property);
         }
         else {
             setValue(selected);
@@ -23,16 +22,16 @@ const Select = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const handleInputValueChange = (event, selectValue) => {
         if (Array.isArray(selectValue)) {
-            setValue(selectValue.map((item) => { var _a; return (_a = item.value) !== null && _a !== void 0 ? _a : item; }));
+            setValue(selectValue.map((item) => item.value ?? item));
         }
         else {
             setInputValue(selectValue);
         }
     };
-    return readOnly ? (React.createElement(InputFieldComponent, Object.assign({}, props))) : (React.createElement(Autocomplete, Object.assign({ multiple: (property === null || property === void 0 ? void 0 : property.type) === 'array' ? true : false, id: id, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { value: value, fullWidth: true, onBlur: onBlur }))), value: value !== null && value !== void 0 ? value : ((property === null || property === void 0 ? void 0 : property.type) === 'array' ? [] : undefined), onChange: handleChange, options: (_b = (_a = selectOptions) !== null && _a !== void 0 ? _a : property === null || property === void 0 ? void 0 : property.enum) !== null && _b !== void 0 ? _b : [], disableClearable: true, inputValue: inputValue !== null && inputValue !== void 0 ? inputValue : '', error: error, errorMessage: errorMessage, required: required, onInputChange: handleInputValueChange, size: size, isOptionEqualToValue: isOptionEqualToValue
+    return readOnly ? (React.createElement(InputFieldComponent, { ...props })) : (React.createElement(Autocomplete, { multiple: property?.type === 'array' ? true : false, id: id, renderInput: (params) => (React.createElement(TextField, { ...params, value: value, fullWidth: true, onBlur: onBlur })), value: value ?? (property?.type === 'array' ? [] : undefined), onChange: handleChange, options: selectOptions ?? property?.enum ?? [], disableClearable: true, inputValue: inputValue ?? '', error: error, errorMessage: errorMessage, required: required, onInputChange: handleInputValueChange, size: size, isOptionEqualToValue: isOptionEqualToValue
             ? (option, value) => isOptionEqualToValue(option, value)
             : undefined, getOptionLabel: getOptionLabel ? (option) => getOptionLabel(option) : undefined, renderOption: renderOption
             ? (props, option, state) => renderOption(props, option, state)
-            : undefined, disableCloseOnSelect: disableCloseOnSelect }, (additionalProps !== null && additionalProps !== void 0 ? additionalProps : {}))));
+            : undefined, disableCloseOnSelect: disableCloseOnSelect, ...(additionalProps ?? {}) }));
 };
 export default Select;

package/dist/published/components/custom/FormField/Select/Select.test.js

@@ -1,12 +1,3 @@
-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 '@testing-library/jest-dom/extend-expect';
 import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
@@ -20,27 +11,27 @@ describe('Single select', () => {
         name: 'Select Options',
         type: 'choices',
     };
-    test('returns selected option', () => __awaiter(void 0, void 0, void 0, function* () {
+    test('returns selected option', async () => {
         const user = userEvent.setup();
         const onChangeMock = jest.fn((name, value, property) => { });
         const options = ['option 1', 'option 2', 'option 3'];
         render(React.createElement(Select, { id: "testSelect", property: choiceProperty, selectOptions: options, onChange: onChangeMock }));
         const input = screen.getByRole('combobox');
-        yield user.click(input);
-        const option2 = yield screen.findByRole('option', { name: 'option 2' });
-        yield user.click(option2);
+        await user.click(input);
+        const option2 = await screen.findByRole('option', { name: 'option 2' });
+        await user.click(option2);
         expect(onChangeMock).toBeCalledWith('selectOptions', expect.objectContaining({ label: 'option 2', value: 'option 2' }), choiceProperty);
-    }));
-    test('displays matching options', () => __awaiter(void 0, void 0, void 0, function* () {
+    });
+    test('displays matching options', async () => {
         const user = userEvent.setup();
         const options = ['option 1', 'option 2', 'something different'];
         render(React.createElement(Select, { id: "testSelect", property: choiceProperty, selectOptions: options, onChange: () => { } }));
         const input = screen.getByRole('combobox');
-        yield user.type(input, 'option');
-        yield screen.findByRole('option', { name: 'option 1' });
-        yield screen.findByRole('option', { name: 'option 2' });
+        await user.type(input, 'option');
+        await screen.findByRole('option', { name: 'option 1' });
+        await screen.findByRole('option', { name: 'option 2' });
         expect(screen.queryByRole('option', { name: 'something different' })).not.toBeInTheDocument();
-    }));
+    });
 });
 describe('Multi select', () => {
     // Right now an object property is required for this to function, but eventually this should go
@@ -50,19 +41,19 @@ describe('Multi select', () => {
         name: 'Select Multiple',
         type: 'array',
     };
-    test('returns selected options', () => __awaiter(void 0, void 0, void 0, function* () {
+    test('returns selected options', async () => {
         const user = userEvent.setup();
         const onChangeMock = jest.fn((name, value, property) => { });
         const options = ['option 1', 'option 2', 'option 3'];
         render(React.createElement(Select, { id: "testSelect", property: multiChoiceProperty, selectOptions: options, onChange: onChangeMock }));
         const input = screen.getByRole('combobox');
-        yield user.click(input);
-        const option2 = yield screen.findByRole('option', { name: 'option 2' });
-        yield user.click(option2);
-        yield user.click(input); // selecting option closes the dropdown, re-open the options
-        const option3 = yield screen.findByRole('option', { name: 'option 3' });
-        yield user.click(option3);
+        await user.click(input);
+        const option2 = await screen.findByRole('option', { name: 'option 2' });
+        await user.click(option2);
+        await user.click(input); // selecting option closes the dropdown, re-open the options
+        const option3 = await screen.findByRole('option', { name: 'option 3' });
+        await user.click(option3);
         expect(onChangeMock).toBeCalledTimes(2);
         expect(onChangeMock).lastCalledWith('multiSelect', ['option 2', 'option 3'], multiChoiceProperty);
-    }));
+    });
 });

package/dist/published/components/custom/FormField/TimePickerSelect/TimePickerSelect.js

@@ -29,9 +29,9 @@ const TimePickerSelect = (props) => {
         }
         else if (date instanceof LocalDateTime) {
             setValue(date);
-            const hour = padStart(date === null || date === void 0 ? void 0 : date.hour().toString(), 2, '0');
-            const minute = padStart(date === null || date === void 0 ? void 0 : date.minute().toString(), 2, '0');
-            const second = padStart(date === null || date === void 0 ? void 0 : date.second().toString(), 2, '0');
+            const hour = padStart(date?.hour().toString(), 2, '0');
+            const minute = padStart(date?.minute().toString(), 2, '0');
+            const second = padStart(date?.second().toString(), 2, '0');
             props.onChange(property.id, `${hour}:${minute}:${second}`, property);
         }
         else {
@@ -40,6 +40,6 @@ const TimePickerSelect = (props) => {
         }
     };
     return (React.createElement(LocalizationProvider, null,
-        React.createElement(TimePicker, { value: value, onChange: handleChange, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { id: id, error: error, errorMessage: errorMessage, onBlur: onBlur, fullWidth: true, required: required, sx: { background: 'white', borderRadius: '8px' }, size: size !== null && size !== void 0 ? size : 'medium', placeholder: placeholder, readOnly: readOnly }, (additionalProps !== null && additionalProps !== void 0 ? additionalProps : {})))), readOnly: readOnly })));
+        React.createElement(TimePicker, { value: value, onChange: handleChange, renderInput: (params) => (React.createElement(TextField, { ...params, id: id, error: error, errorMessage: errorMessage, onBlur: onBlur, fullWidth: true, required: required, sx: { background: 'white', borderRadius: '8px' }, size: size ?? 'medium', placeholder: placeholder, readOnly: readOnly, ...(additionalProps ?? {}) })), readOnly: readOnly })));
 };
 export default TimePickerSelect;

package/dist/published/components/custom/HistoryLog/DisplayedProperty.js

@@ -7,37 +7,36 @@ const DisplayedProperty = (props) => {
     const { property, value } = props;
     const getAddressAsString = (address) => {
         let stringAddress = '';
-        if (address === null || address === void 0 ? void 0 : address.line1)
+        if (address?.line1)
             stringAddress = stringAddress.concat(address.line1);
-        if (address === null || address === void 0 ? void 0 : address.line2)
+        if (address?.line2)
             stringAddress = stringAddress ? stringAddress.concat(' ' + address.line2) : address.line2;
-        if (address === null || address === void 0 ? void 0 : address.city)
+        if (address?.city)
             stringAddress = stringAddress ? stringAddress.concat(', ' + address.city) : address.city;
-        if (address === null || address === void 0 ? void 0 : address.county)
+        if (address?.county)
             stringAddress = stringAddress ? stringAddress.concat(', ' + address.county) : address.county;
-        if (address === null || address === void 0 ? void 0 : address.state)
+        if (address?.state)
             stringAddress = stringAddress ? stringAddress.concat(', ' + address.state) : address.state;
-        if (address === null || address === void 0 ? void 0 : address.zipCode)
+        if (address?.zipCode)
             stringAddress = stringAddress ? stringAddress.concat(' ' + address.zipCode) : address.zipCode;
         return stringAddress;
     };
     const formatData = (property, value) => {
-        var _a, _b;
-        if (property === null || property === void 0 ? void 0 : property.objectId) {
-            return (_a = value === null || value === void 0 ? void 0 : value.name) !== null && _a !== void 0 ? _a : value === null || value === void 0 ? void 0 : value.id;
+        if (property?.objectId) {
+            return value?.name ?? value?.id;
         }
-        switch (property === null || property === void 0 ? void 0 : property.type) {
+        switch (property?.type) {
             case 'string':
             case 'boolean':
             case 'number':
             case 'integer':
-                return value === null || value === void 0 ? void 0 : value.toString();
+                return value?.toString();
             case 'array':
-                return value === null || value === void 0 ? void 0 : value.toString().replaceAll(',', ', ');
+                return value?.toString().replaceAll(',', ', ');
             case 'address':
                 return getAddressAsString(value);
             case 'user':
-                return (_b = value === null || value === void 0 ? void 0 : value.name) !== null && _b !== void 0 ? _b : value === null || value === void 0 ? void 0 : value.id;
+                return value?.name ?? value?.id;
             case 'time':
                 return value
                     ? DateTime.fromISO(DateTime.now().toISODate() + 'T' + value).toFormat('hh:mm a')

package/dist/published/components/custom/HistoryLog/HistoryData.js

@@ -32,52 +32,56 @@ const styles = {
 const HistoricalData = (props) => {
     const { records, documentHistory, object } = props;
     const getPastDocumentVersion = (history) => {
-        var _a, _b, _c;
-        const documentVersions = (_c = documentHistory === null || documentHistory === void 0 ? void 0 : documentHistory[(_b = (_a = history.subject) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 'unknown']) !== null && _c !== void 0 ? _c : [];
-        const currentVersion = documentVersions === null || documentVersions === void 0 ? void 0 : documentVersions.map((v) => v.timestamp).indexOf(history.timestamp);
+        const documentVersions = documentHistory?.[history.subject?.id ?? 'unknown'] ?? [];
+        const currentVersion = documentVersions?.map((v) => v.timestamp).indexOf(history.timestamp);
         return currentVersion ? documentVersions[currentVersion - 1] : undefined;
     };
-    return (React.createElement(Box, { sx: styles.timelineConnector }, records.map((r) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (React.createElement(Box, { margin: '16px 0px', key: `${r.timestamp}-${nanoid()}` },
-            React.createElement(Box, { sx: { display: 'flex', justifyContent: 'space-between' } },
-                React.createElement(Box, { sx: { display: 'flex', maxWidth: '60%', alignContent: 'flex-start' } },
-                    React.createElement(Typography, { sx: { fontSize: '12px', color: '#637381' } },
-                        React.createElement(Typography, { component: 'span', sx: { fontWeight: 600, fontSize: '12px' } }, (_a = r.user.name) !== null && _a !== void 0 ? _a : 'Unknown User'),
-                        "\u00A0",
-                        ['document', 'correspondence'].includes(r.type) ? lowerCase(r.event) : `- ${r.event}`)),
-                React.createElement(Box, null,
-                    React.createElement(Typography, { sx: { fontSize: '12px', color: '#637381' } }, new Date(r.timestamp).getHours() === 12
-                        ? format(new Date(r.timestamp), 'MMM dd, yyyy H:mm a')
-                        : format(new Date(r.timestamp), 'MMM dd, yyyy h:mm a')))),
-            ((r.data && r.eventType !== 'create' && r.type === 'instance') ||
-                ['document', 'correspondence'].includes(r.type)) && (React.createElement(Box, { sx: {
-                    backgroundColor: '#F4F6F8',
-                    borderRadius: '4px',
-                    paddingTop: ((_b = r.data) === null || _b === void 0 ? void 0 : _b.length) ? '4px' : '0px',
-                    paddingBottom: ((_c = r.data) === null || _c === void 0 ? void 0 : _c.length) ? '4px' : '0px',
-                } },
-                r.type === 'instance' && r.data && (React.createElement(Box, null, r.data.map((d) => {
-                    var _a;
-                    const property = (_a = object.properties) === null || _a === void 0 ? void 0 : _a.find((p) => p.id === d.property);
-                    return (property && (React.createElement(Grid, { container: true, key: property.id, display: "flex", gridTemplateColumns: 'fit-content(25%) fit-content(80%) fit-content(2%) fit-content(80%)', alignItems: "flex-start", justifyContent: "center", sx: {
-                            overflowWrap: 'break-word',
-                        } },
-                        React.createElement(Grid, { item: true, xs: 2 },
-                            React.createElement(Typography, { sx: Object.assign(Object.assign({}, styles.historyData), { fontWeight: 600, minWidth: 'fit-content', alignSelf: 'flex-start' }) }, property.name)),
-                        React.createElement(DisplayedProperty, { property: property, value: d.historicalValue }),
-                        React.createElement(Grid, { item: true, xs: 0.5 },
-                            React.createElement(ArrowForward, { sx: { fontSize: '12px' } })),
-                        React.createElement(DisplayedProperty, { property: property, value: d.updatedValue }))));
-                }))),
-                ['document', 'correspondence'].includes(r.type) && (React.createElement(Box, null,
-                    React.createElement(Box, { display: "grid", gridTemplateColumns: 'fit-content(100%) fit-content(2%) fit-content(100%)', alignItems: "center", sx: { overflowWrap: 'break-word' } },
-                        r.type === 'document' &&
-                            r.event === 'Uploaded Document Version' &&
-                            ((_d = r.subject) === null || _d === void 0 ? void 0 : _d.name) !== ((_f = (_e = getPastDocumentVersion(r)) === null || _e === void 0 ? void 0 : _e.subject) === null || _f === void 0 ? void 0 : _f.name) && (React.createElement(React.Fragment, null,
-                            React.createElement(Typography, { sx: styles.historyData }, (_h = (_g = getPastDocumentVersion(r)) === null || _g === void 0 ? void 0 : _g.subject) === null || _h === void 0 ? void 0 : _h.name),
-                            React.createElement(ArrowForward, { sx: { fontSize: '8px' } }))),
-                        React.createElement(Typography, { sx: Object.assign(Object.assign({}, styles.historyData), { fontWeight: 600, minWidth: 'fit-content' }) }, (_j = r.subject) === null || _j === void 0 ? void 0 : _j.name))))))));
-    })));
+    return (React.createElement(Box, { sx: styles.timelineConnector }, records.map((r) => (React.createElement(Box, { margin: '16px 0px', key: `${r.timestamp}-${nanoid()}` },
+        React.createElement(Box, { sx: { display: 'flex', justifyContent: 'space-between' } },
+            React.createElement(Box, { sx: { display: 'flex', maxWidth: '60%', alignContent: 'flex-start' } },
+                React.createElement(Typography, { sx: { fontSize: '12px', color: '#637381' } },
+                    React.createElement(Typography, { component: 'span', sx: { fontWeight: 600, fontSize: '12px' } }, r.user.name ?? 'Unknown User'),
+                    "\u00A0",
+                    ['document', 'correspondence'].includes(r.type) ? lowerCase(r.event) : `- ${r.event}`)),
+            React.createElement(Box, null,
+                React.createElement(Typography, { sx: { fontSize: '12px', color: '#637381' } }, new Date(r.timestamp).getHours() === 12
+                    ? format(new Date(r.timestamp), 'MMM dd, yyyy H:mm a')
+                    : format(new Date(r.timestamp), 'MMM dd, yyyy h:mm a')))),
+        ((r.data && r.eventType !== 'create' && r.type === 'instance') ||
+            ['document', 'correspondence'].includes(r.type)) && (React.createElement(Box, { sx: {
+                backgroundColor: '#F4F6F8',
+                borderRadius: '4px',
+                paddingTop: r.data?.length ? '4px' : '0px',
+                paddingBottom: r.data?.length ? '4px' : '0px',
+            } },
+            r.type === 'instance' && r.data && (React.createElement(Box, null, r.data.map((d) => {
+                const property = object.properties?.find((p) => p.id === d.property);
+                return (property && (React.createElement(Grid, { container: true, key: property.id, display: "flex", gridTemplateColumns: 'fit-content(25%) fit-content(80%) fit-content(2%) fit-content(80%)', alignItems: "flex-start", justifyContent: "center", sx: {
+                        overflowWrap: 'break-word',
+                    } },
+                    React.createElement(Grid, { item: true, xs: 2 },
+                        React.createElement(Typography, { sx: {
+                                ...styles.historyData,
+                                fontWeight: 600,
+                                minWidth: 'fit-content',
+                                alignSelf: 'flex-start',
+                            } }, property.name)),
+                    React.createElement(DisplayedProperty, { property: property, value: d.historicalValue }),
+                    React.createElement(Grid, { item: true, xs: 0.5 },
+                        React.createElement(ArrowForward, { sx: { fontSize: '12px' } })),
+                    React.createElement(DisplayedProperty, { property: property, value: d.updatedValue }))));
+            }))),
+            ['document', 'correspondence'].includes(r.type) && (React.createElement(Box, null,
+                React.createElement(Box, { display: "grid", gridTemplateColumns: 'fit-content(100%) fit-content(2%) fit-content(100%)', alignItems: "center", sx: { overflowWrap: 'break-word' } },
+                    r.type === 'document' &&
+                        r.event === 'Uploaded Document Version' &&
+                        r.subject?.name !== getPastDocumentVersion(r)?.subject?.name && (React.createElement(React.Fragment, null,
+                        React.createElement(Typography, { sx: styles.historyData }, getPastDocumentVersion(r)?.subject?.name),
+                        React.createElement(ArrowForward, { sx: { fontSize: '8px' } }))),
+                    React.createElement(Typography, { sx: {
+                            ...styles.historyData,
+                            fontWeight: 600,
+                            minWidth: 'fit-content',
+                        } }, r.subject?.name)))))))))));
 };
 export default HistoricalData;

package/dist/published/components/custom/HistoryLog/HistoryLoading.js

@@ -25,15 +25,15 @@ const HistoryLoading = () => {
             React.createElement(Skeleton, { variant: "text", sx: styles.headerSkeleton })),
         React.createElement(Box, { sx: styles.timelineConnector },
             React.createElement(Box, { margin: '4px 0px 24px 0px' },
-                React.createElement(Skeleton, { variant: "text", sx: Object.assign(Object.assign({}, styles.dataSkeleton), { width: '120px' }) }),
-                React.createElement(Skeleton, { variant: "text", sx: Object.assign(Object.assign({}, styles.dataSkeleton), { width: '65%' }) }),
-                React.createElement(Skeleton, { variant: "text", sx: Object.assign(Object.assign({}, styles.dataSkeleton), { width: '75%' }) }))),
+                React.createElement(Skeleton, { variant: "text", sx: { ...styles.dataSkeleton, width: '120px' } }),
+                React.createElement(Skeleton, { variant: "text", sx: { ...styles.dataSkeleton, width: '65%' } }),
+                React.createElement(Skeleton, { variant: "text", sx: { ...styles.dataSkeleton, width: '75%' } }))),
         React.createElement(Box, { sx: { display: 'flex', alignItems: 'center' } },
             React.createElement(Circle, { color: "primary", sx: { fontSize: '12px', marginRight: '12px' } }),
             React.createElement(Skeleton, { variant: "text", sx: styles.headerSkeleton })),
         React.createElement(Box, { sx: styles.timelineConnector },
             React.createElement(Box, { margin: '4px 0px 20px 0px' },
-                React.createElement(Skeleton, { variant: "text", sx: Object.assign(Object.assign({}, styles.dataSkeleton), { width: '120px' }) }),
-                React.createElement(Skeleton, { variant: "text", sx: Object.assign(Object.assign({}, styles.dataSkeleton), { width: '55%' }) })))));
+                React.createElement(Skeleton, { variant: "text", sx: { ...styles.dataSkeleton, width: '120px' } }),
+                React.createElement(Skeleton, { variant: "text", sx: { ...styles.dataSkeleton, width: '55%' } })))));
 };
 export default HistoryLoading;

package/dist/published/components/custom/HistoryLog/index.js

@@ -35,11 +35,10 @@ export const HistoryLog = (props) => {
         const groupedHistory = {};
         const documentHistory = {};
         history.forEach((h) => {
-            var _a, _b, _c, _d, _e, _f;
             const timestamp = DateTime.fromISO(h.timestamp).toFormat('yyyy-MM-dd');
-            groupedHistory[timestamp] = ((_a = groupedHistory[timestamp]) !== null && _a !== void 0 ? _a : []).concat(h);
+            groupedHistory[timestamp] = (groupedHistory[timestamp] ?? []).concat(h);
             if (h.type === 'document') {
-                documentHistory[(_c = (_b = h.subject) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : 'unknown'] = ((_f = documentHistory[(_e = (_d = h.subject) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : 'unknown']) !== null && _f !== void 0 ? _f : []).concat(h);
+                documentHistory[h.subject?.id ?? 'unknown'] = (documentHistory[h.subject?.id ?? 'unknown'] ?? []).concat(h);
             }
         });
         setHistoryMap(sortGroupedHistoryByDate(groupedHistory, 'desc'));
@@ -48,10 +47,10 @@ export const HistoryLog = (props) => {
     }, [history]);
     useEffect(() => {
         if (!filter.length) {
-            setFilteredHistory(sortGroupedHistoryByDate(historyMap !== null && historyMap !== void 0 ? historyMap : {}, order));
+            setFilteredHistory(sortGroupedHistoryByDate(historyMap ?? {}, order));
         }
         else {
-            const filtered = Object.fromEntries(Object.entries(historyMap !== null && historyMap !== void 0 ? historyMap : {}).map(([date, historicalData]) => [
+            const filtered = Object.fromEntries(Object.entries(historyMap ?? {}).map(([date, historicalData]) => [
                 date,
                 historicalData.filter((r) => filter.includes(r.type)),
             ]));
@@ -59,7 +58,7 @@ export const HistoryLog = (props) => {
         }
     }, [filter, historyMap, order]);
     useEffect(() => {
-        setFilteredHistory(sortGroupedHistoryByDate(filteredHistory !== null && filteredHistory !== void 0 ? filteredHistory : {}, order));
+        setFilteredHistory(sortGroupedHistoryByDate(filteredHistory ?? {}, order));
     }, [order]);
     return (React.createElement(Box, { sx: { margin: '15px 24px 24px 24px' } },
         !!title && (React.createElement(Box, { sx: { backgroundColor: '#fff', position: 'sticky', top: 0, padding: '15px 0', zIndex: 1400 } },

package/dist/published/components/custom/Menubar/Menubar.js

@@ -17,8 +17,8 @@ export default function MenuBar(props) {
         React.createElement(AppBar, { color: "inherit", position: "fixed", elevation: 0, sx: { zIndex: (theme) => theme.zIndex.drawer + 1, borderBottom: '1px solid #919EAB3D' } },
             React.createElement(Toolbar, { sx: { justifyContent: 'space-between' } },
                 React.createElement(Box, { sx: classes.title }, !props.envName ? (React.createElement(CardMedia, { component: 'img', src: props.logo, alt: props.logoAltText, sx: classes.logo })) : (React.createElement(Box, { mt: 2 },
-                    React.createElement(Typography, { variant: "h5" }, props === null || props === void 0 ? void 0 :
-                        props.envName,
+                    React.createElement(Typography, { variant: "h5" },
+                        props?.envName,
                         " ")))),
                 props.navItems))));
 }

package/dist/published/components/custom/MultiSelect/MultiSelect.js

@@ -51,7 +51,7 @@ export default function MultiSelect(props) {
     const [optionsArray, setOptions] = useState(options);
     const [selectAll, setSelectAll] = useState(false);
     const [searchText, setSearchText] = useState('');
-    const [deletedOptions] = useState(options.filter((opt) => opt.deleted).map((opt) => { var _a; return (_a = opt.id) !== null && _a !== void 0 ? _a : ''; }));
+    const [deletedOptions] = useState(options.filter((opt) => opt.deleted).map((opt) => opt.id ?? ''));
     const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates,
     }), useSensor(PointerSensor, {
@@ -60,7 +60,7 @@ export default function MultiSelect(props) {
         },
     }));
     useEffect(() => {
-        if (optionsArray === null || optionsArray === void 0 ? void 0 : optionsArray.every((option) => option.value === true)) {
+        if (optionsArray?.every((option) => option.value === true)) {
             setSelectAll(true);
         }
         else {
@@ -69,13 +69,12 @@ export default function MultiSelect(props) {
     }, [optionsArray]);
     const handleFlagChange = (event, idOrLabel) => {
         const newOptions = optionsArray.map((option) => {
-            var _a;
-            if ((_a = idOrLabel === option.id) !== null && _a !== void 0 ? _a : option.label) {
+            if (idOrLabel === option.id ?? option.label) {
                 option.value = event.target.checked;
             }
             return option;
         });
-        const allOptions = options === null || options === void 0 ? void 0 : options.map((option) => optionsArray.find((o) => o.id === option.id) || option);
+        const allOptions = options?.map((option) => optionsArray.find((o) => o.id === option.id) || option);
         onChange(allOptions);
         setOptions(newOptions);
     };
@@ -123,17 +122,16 @@ export default function MultiSelect(props) {
         const { active, over } = event;
         const items = [...optionsArray];
         let reOrderedItems = [];
-        if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+        if (active.id !== over?.id) {
             const oldIndex = items.findIndex((item) => item.id === active.id);
-            const newIndex = items.findIndex((item) => item.id === (over === null || over === void 0 ? void 0 : over.id));
+            const newIndex = items.findIndex((item) => item.id === over?.id);
             reOrderedItems = arrayMove(items, oldIndex, newIndex);
             setOptions(reOrderedItems);
             onChange(reOrderedItems);
         }
     };
     const getToolTip = (option) => {
-        var _a;
-        return ((_a = options.find((o) => o.id === option.id)) === null || _a === void 0 ? void 0 : _a.disabled) ? option.tooltip : undefined;
+        return options.find((o) => o.id === option.id)?.disabled ? option.tooltip : undefined;
     };
     const arrayMove = (items, fromIndex, toIndex) => {
         const element = items[fromIndex];
@@ -165,49 +163,39 @@ export default function MultiSelect(props) {
                         startAdornment: (React.createElement(InputAdornment, { position: "start" },
                             React.createElement(Search, null))),
                     }, fullWidth: true, sx: styles.textField, value: searchText, onChange: filterItems }))),
-            (optionsArray === null || optionsArray === void 0 ? void 0 : optionsArray.length) > 1 && (React.createElement(Grid, { container: true },
+            optionsArray?.length > 1 && (React.createElement(Grid, { container: true },
                 React.createElement(Grid, { item: true, xs: 4, md: 3 },
-                    React.createElement(Button, { sx: Object.assign(Object.assign({}, styles.button), { fontWeight: 'bold' }), variant: "text", onClick: (e) => handleSelectAllChange(e), disabled: optionsArray.every((option) => option.disabled === true || selectAll) }, "Select All")),
+                    React.createElement(Button, { sx: { ...styles.button, fontWeight: 'bold' }, variant: "text", onClick: (e) => handleSelectAllChange(e), disabled: optionsArray.every((option) => option.disabled === true || selectAll) }, "Select All")),
                 React.createElement(Grid, { item: true, xs: 8, md: 9 },
-                    React.createElement(Button, { sx: Object.assign(Object.assign({}, styles.button), { fontWeight: 'bold' }), variant: "text", onClick: (e) => handleClearAll(e), disabled: optionsArray.every((option) => option.disabled === true) ||
+                    React.createElement(Button, { sx: { ...styles.button, fontWeight: 'bold' }, variant: "text", onClick: (e) => handleClearAll(e), disabled: optionsArray.every((option) => option.disabled === true) ||
                             optionsArray.every((option) => option.value === false) }, "Clear All")))),
-            React.createElement(Box, { sx: Object.assign(Object.assign({}, styles.list), { maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : 'auto' }) }, isSortable ? (React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis, restrictToWindowEdges] },
-                React.createElement(SortableContext, { items: optionsArray, strategy: verticalListSortingStrategy }, optionsArray.map((option) => {
-                    var _a, _b;
-                    return (React.createElement(SortableItem
+            React.createElement(Box, { sx: { ...styles.list, maxHeight: maxHeight ?? 'auto' } }, isSortable ? (React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis, restrictToWindowEdges] },
+                React.createElement(SortableContext, { items: optionsArray, strategy: verticalListSortingStrategy }, optionsArray.map((option) => (React.createElement(SortableItem
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                , { 
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    , { 
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        Item: (props) => {
-                            var _a, _b;
-                            return (React.createElement(Grid, { item: true, m: 1, sx: styles.listItem, key: (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label },
-                                React.createElement(Grid, { container: true, justifyContent: "space-between", wrap: "nowrap" },
-                                    React.createElement(Grid, { alignSelf: "center", pl: 1, display: "flex", item: true },
-                                        React.createElement(Box, Object.assign({ sx: styles.dragHandleBox, ref: props.activatorRef }, props.listeners),
-                                            React.createElement(IconButton, { size: "medium", sx: styles.dragHandle },
-                                                React.createElement(DragHandleOutlined, null))),
-                                        React.createElement(Typography, { sx: { lineHeight: '36px' } },
-                                            ' ', option === null || option === void 0 ? void 0 :
-                                            option.label,
-                                            ' ')),
-                                    React.createElement(Grid, { item: true },
-                                        React.createElement(Tooltip, { title: getToolTip(option) },
-                                            React.createElement(Switch, { sx: styles.disabledSwitch, id: (_b = option === null || option === void 0 ? void 0 : option.id) !== null && _b !== void 0 ? _b : option === null || option === void 0 ? void 0 : option.label, checked: option.value, onChange: (event) => {
-                                                    var _a;
-                                                    handleFlagChange(event, (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label);
-                                                }, disabled: option.disabled }))))));
-                        }, key: (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label, id: (_b = option === null || option === void 0 ? void 0 : option.id) !== null && _b !== void 0 ? _b : option === null || option === void 0 ? void 0 : option.label }));
-                })))) : (React.createElement(React.Fragment, null, sortBy(optionsArray, 'label').map((option) => {
-                var _a, _b;
-                return (React.createElement(Grid, { item: true, m: 1, sx: styles.listItem, key: (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label },
-                    React.createElement(Grid, { container: true, justifyContent: "space-between" },
-                        React.createElement(Grid, { alignSelf: "center", pl: 1 },
-                            React.createElement(Typography, null,
-                                " ", option === null || option === void 0 ? void 0 :
-                                option.label,
-                                " ")),
-                        React.createElement(Grid, null,
-                            React.createElement(Tooltip, { title: getToolTip(option) },
-                                React.createElement(Switch, { sx: styles.disabledSwitch, id: (_b = option === null || option === void 0 ? void 0 : option.id) !== null && _b !== void 0 ? _b : option === null || option === void 0 ? void 0 : option.label, checked: option.value, onChange: (event) => { var _a; return handleFlagChange(event, (_a = option === null || option === void 0 ? void 0 : option.id) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.label); }, disabled: option.disabled }))))));
-            })))))));
+                    Item: (props) => (React.createElement(Grid, { item: true, m: 1, sx: styles.listItem, key: option?.id ?? option?.label },
+                        React.createElement(Grid, { container: true, justifyContent: "space-between", wrap: "nowrap" },
+                            React.createElement(Grid, { alignSelf: "center", pl: 1, display: "flex", item: true },
+                                React.createElement(Box, { sx: styles.dragHandleBox, ref: props.activatorRef, ...props.listeners },
+                                    React.createElement(IconButton, { size: "medium", sx: styles.dragHandle },
+                                        React.createElement(DragHandleOutlined, null))),
+                                React.createElement(Typography, { sx: { lineHeight: '36px' } },
+                                    ' ',
+                                    option?.label,
+                                    ' ')),
+                            React.createElement(Grid, { item: true },
+                                React.createElement(Tooltip, { title: getToolTip(option) },
+                                    React.createElement(Switch, { sx: styles.disabledSwitch, id: option?.id ?? option?.label, checked: option.value, onChange: (event) => {
+                                            handleFlagChange(event, option?.id ?? option?.label);
+                                        }, disabled: option.disabled })))))), key: option?.id ?? option?.label, id: option?.id ?? option?.label })))))) : (React.createElement(React.Fragment, null, sortBy(optionsArray, 'label').map((option) => (React.createElement(Grid, { item: true, m: 1, sx: styles.listItem, key: option?.id ?? option?.label },
+                React.createElement(Grid, { container: true, justifyContent: "space-between" },
+                    React.createElement(Grid, { alignSelf: "center", pl: 1 },
+                        React.createElement(Typography, null,
+                            " ",
+                            option?.label,
+                            " ")),
+                    React.createElement(Grid, null,
+                        React.createElement(Tooltip, { title: getToolTip(option) },
+                            React.createElement(Switch, { sx: styles.disabledSwitch, id: option?.id ?? option?.label, checked: option.value, onChange: (event) => handleFlagChange(event, option?.id ?? option?.label), disabled: option.disabled })))))))))))));
 }

package/dist/published/components/custom/MultiSelect/SortableItem.js

@@ -12,7 +12,7 @@ export const SortableItem = (props) => {
         transform: CSS.Transform.toString(transform),
         transition,
     };
-    return (React.createElement("div", Object.assign({ ref: setNodeRef }, attributes),
+    return (React.createElement("div", { ref: setNodeRef, ...attributes },
         React.createElement(Box, { sx: styles },
             React.createElement(Item, { activatorRef: setActivatorNodeRef, listeners: listeners }))));
 };