@evoke-platform/ui-components 1.0.0-dev.226 → 1.0.0-dev.227
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/published/components/core/Accordion/Accordion.js +1 -1
- package/dist/published/components/core/Accordion/AccordionActions/AccordionActions.js +1 -1
- package/dist/published/components/core/Accordion/AccordionDetails/AccordionDetails.js +1 -1
- package/dist/published/components/core/Accordion/AccordionSummary/AccordionSummary.js +1 -1
- package/dist/published/components/core/Alert/Alert.js +8 -9
- package/dist/published/components/core/AlertTitle/AlertTitle.js +1 -1
- package/dist/published/components/core/AppBar/AppBar.js +1 -1
- package/dist/published/components/core/Autocomplete/Autocomplete.js +33 -15
- package/dist/published/components/core/Autocomplete/Autocomplete.test.js +1 -1
- package/dist/published/components/core/Avatar/Avatar.js +7 -4
- package/dist/published/components/core/Backdrop/Backdrop.js +1 -1
- package/dist/published/components/core/Badge/Badge.js +1 -1
- package/dist/published/components/core/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/published/components/core/Button/Button.js +1 -1
- package/dist/published/components/core/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/published/components/core/Card/Card.js +1 -1
- package/dist/published/components/core/Checkbox/Checkbox.js +1 -1
- package/dist/published/components/core/Chip/Chip.js +1 -1
- package/dist/published/components/core/CircularProgress/CircularProgress.js +1 -1
- package/dist/published/components/core/Collapse/Collapse.js +1 -1
- package/dist/published/components/core/DatePicker/DatePicker.js +4 -16
- package/dist/published/components/core/DateTimePicker/DateTimePicker.js +3 -15
- package/dist/published/components/core/Dialog/Dialog.js +1 -1
- package/dist/published/components/core/Dialog/DialogActions/DialogActions.js +2 -13
- package/dist/published/components/core/Dialog/DialogContent/DialogContent.js +1 -1
- package/dist/published/components/core/Dialog/DialogContentText/DialogContentText.js +1 -1
- package/dist/published/components/core/Dialog/DialogTitle/DialogTitle.js +1 -1
- package/dist/published/components/core/Divider/Divider.js +1 -1
- package/dist/published/components/core/Drawer/Drawer.js +1 -1
- package/dist/published/components/core/FieldError/FieldError.js +1 -2
- package/dist/published/components/core/FormElements/FormControl/FormControl.js +1 -1
- package/dist/published/components/core/FormElements/FormControlLabel/FormControlLabel.js +1 -1
- package/dist/published/components/core/FormElements/FormGroup/FormGroup.js +1 -1
- package/dist/published/components/core/FormElements/FormHelperText/FormHelperText.js +1 -1
- package/dist/published/components/core/FormElements/FormLabel/FormLabel.js +1 -1
- package/dist/published/components/core/IconButton/IconButton.js +1 -1
- package/dist/published/components/core/LinearProgress/LinearProgress.js +1 -1
- package/dist/published/components/core/Link/Link.js +1 -1
- package/dist/published/components/core/List/List.js +1 -1
- package/dist/published/components/core/List/ListItem.js +1 -1
- package/dist/published/components/core/List/ListItemText/ListItemText.js +1 -1
- package/dist/published/components/core/LoadingButton/LoadingButton.js +1 -1
- package/dist/published/components/core/LocalizationProvider/LocalizationProvider.js +3 -14
- package/dist/published/components/core/Menu/Menu.js +1 -1
- package/dist/published/components/core/Menu/MenuItem/MenuItem.js +1 -1
- package/dist/published/components/core/Paper/Paper.js +1 -1
- package/dist/published/components/core/Popover/Popover.js +1 -1
- package/dist/published/components/core/Popper/Popper.js +1 -1
- package/dist/published/components/core/RadioGroup/Radio.js +1 -1
- package/dist/published/components/core/RadioGroup/RadioGroup.js +1 -1
- package/dist/published/components/core/Select/Select.js +11 -4
- package/dist/published/components/core/Skeleton/Skeleton.js +1 -1
- package/dist/published/components/core/Snackbar/Snackbar.js +2 -2
- package/dist/published/components/core/StaticDatePicker/StaticDatePicker.js +3 -15
- package/dist/published/components/core/Stepper/Step/Step.js +1 -1
- package/dist/published/components/core/Stepper/StepButton/StepButton.js +1 -1
- package/dist/published/components/core/Stepper/StepConnector/StepConnector.js +1 -1
- package/dist/published/components/core/Stepper/StepContent/StepContent.js +1 -1
- package/dist/published/components/core/Stepper/StepIcon/StepIcon.js +1 -1
- package/dist/published/components/core/Stepper/StepLabel/StepLabel.js +1 -1
- package/dist/published/components/core/Stepper/Stepper.js +1 -1
- package/dist/published/components/core/Switch/Switch.js +1 -1
- package/dist/published/components/core/Table/Table.js +1 -1
- package/dist/published/components/core/Tabs/Tab/Tab.js +1 -1
- package/dist/published/components/core/Tabs/Tabs.js +1 -1
- package/dist/published/components/core/TextField/TextField.js +12 -6
- package/dist/published/components/core/ToggleButton/ToggleButton.js +1 -1
- package/dist/published/components/core/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/dist/published/components/core/Tooltip/Tooltip.js +15 -2
- package/dist/published/components/core/Typography/index.js +1 -1
- package/dist/published/components/custom/BuilderGrid/BuilderGrid.js +33 -29
- package/dist/published/components/custom/BuilderGrid/BuilderGridToolbar.js +1 -2
- package/dist/published/components/custom/BuilderGrid/EmptyContent.js +4 -5
- package/dist/published/components/custom/BuilderGrid/EmptyContentIllustration.js +6 -1
- package/dist/published/components/custom/BuilderGrid/ToolbarActions.js +3 -1
- package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.js +46 -27
- package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.test.js +12 -21
- package/dist/published/components/custom/CriteriaBuilder/ValueEditor.js +27 -34
- package/dist/published/components/custom/DataGrid/DataGrid.js +38 -33
- package/dist/published/components/custom/DataGrid/DateTimeCustomOperator.js +3 -5
- package/dist/published/components/custom/DataGrid/Toolbar.js +3 -4
- package/dist/published/components/custom/ErrorComponent/ErrorComponent.js +11 -1
- package/dist/published/components/custom/Form/Common/Form.js +106 -80
- package/dist/published/components/custom/Form/Common/FormComponentWrapper.js +20 -11
- package/dist/published/components/custom/Form/FormComponents/ButtonComponent.js +9 -20
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.js +10 -20
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.js +24 -28
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.js +49 -64
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.d.ts +1 -0
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.js +109 -34
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.d.ts +2 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.js +13 -25
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.d.ts +3 -1
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.js +30 -9
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.js +26 -31
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts +5 -4
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +70 -22
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.js +93 -75
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.d.ts +2 -2
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.js +17 -26
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js +20 -24
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.js +22 -33
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.js +12 -9
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js +61 -60
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +8 -6
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.d.ts +3 -1
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.js +55 -12
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.js +32 -30
- package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.js +12 -9
- package/dist/published/components/custom/Form/types.d.ts +5 -5
- package/dist/published/components/custom/Form/utils.js +611 -446
- package/dist/published/components/custom/FormField/AddressFieldComponent/AddressFieldComponent.test.js +41 -54
- package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js +7 -8
- package/dist/published/components/custom/FormField/BooleanSelect/BooleanSelect.js +1 -1
- package/dist/published/components/custom/FormField/BooleanSelect/BooleanSelect.test.js +5 -14
- package/dist/published/components/custom/FormField/DatePickerSelect/DatePickerSelect.js +2 -2
- package/dist/published/components/custom/FormField/DatePickerSelect/DatePickerSelect.test.js +12 -21
- package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.js +2 -2
- package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.test.js +12 -21
- package/dist/published/components/custom/FormField/FileUpload/FileUpload.js +10 -11
- package/dist/published/components/custom/FormField/FormField.js +10 -10
- package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.js +22 -30
- package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.test.js +8 -17
- package/dist/published/components/custom/FormField/Select/Select.js +5 -6
- package/dist/published/components/custom/FormField/Select/Select.test.js +18 -27
- package/dist/published/components/custom/FormField/TimePickerSelect/TimePickerSelect.js +4 -4
- package/dist/published/components/custom/HistoryLog/DisplayedProperty.js +12 -13
- package/dist/published/components/custom/HistoryLog/HistoryData.js +49 -45
- package/dist/published/components/custom/HistoryLog/HistoryLoading.js +5 -5
- package/dist/published/components/custom/HistoryLog/index.js +5 -6
- package/dist/published/components/custom/Menubar/Menubar.js +2 -2
- package/dist/published/components/custom/MultiSelect/MultiSelect.js +38 -50
- package/dist/published/components/custom/MultiSelect/SortableItem.js +1 -1
- package/dist/published/components/custom/RepeatableField/RepeatableField.js +14 -16
- package/dist/published/components/custom/UserAvatar/UserAvatar.js +12 -5
- package/dist/published/components/custom/util.js +1 -1
- package/dist/published/components/layout/Box/Box.js +1 -1
- package/dist/published/components/layout/Container/Container.js +1 -1
- package/dist/published/components/layout/Grid/Grid.js +1 -1
- package/dist/published/components/layout/Stack/Stack.js +1 -1
- package/dist/published/icons/custom/FileWithExtension.js +8 -4
- package/dist/published/icons/custom/Inherited.js +8 -6
- package/dist/published/icons/custom/Overrides.js +9 -7
- package/dist/published/icons/custom/TrashCan.js +10 -8
- package/dist/published/icons/custom/UploadCloud.js +9 -7
- package/dist/published/stories/Accordion.stories.js +2 -2
- package/dist/published/stories/Alert.stories.js +1 -1
- package/dist/published/stories/AlertTitle.stories.js +1 -1
- package/dist/published/stories/Autocomplete.stories.js +2 -2
- package/dist/published/stories/Avatar.stories.js +1 -1
- package/dist/published/stories/Backdrop.stories.js +1 -1
- package/dist/published/stories/Badge.stories.js +1 -1
- package/dist/published/stories/Box.stories.js +2 -2
- package/dist/published/stories/Breadcrumbs.stories.js +1 -1
- package/dist/published/stories/Button.stories.js +1 -1
- package/dist/published/stories/ButtonGroup.stories.js +1 -1
- package/dist/published/stories/Card.stories.js +1 -1
- package/dist/published/stories/Checkbox.stories.js +1 -1
- package/dist/published/stories/Chip.stories.js +1 -1
- package/dist/published/stories/CircularProgress.stories.js +1 -1
- package/dist/published/stories/Collapse.stories.js +1 -1
- package/dist/published/stories/Container.stories.js +1 -1
- package/dist/published/stories/CriteriaBuilder.stories.js +7 -3
- package/dist/published/stories/DataGrid.stories.js +3 -3
- package/dist/published/stories/DatePicker.stories.js +3 -14
- package/dist/published/stories/Dialog.stories.js +1 -1
- package/dist/published/stories/Divider.stories.js +1 -1
- package/dist/published/stories/Drawer.stories.js +2 -2
- package/dist/published/stories/FormControl.stories.js +1 -1
- package/dist/published/stories/FormControlLabel.stories.js +1 -1
- package/dist/published/stories/FormField.stories.js +3 -12
- package/dist/published/stories/FormGroup.stories.js +1 -1
- package/dist/published/stories/FormHelperText.stories.js +1 -1
- package/dist/published/stories/FormLabel.stories.js +1 -1
- package/dist/published/stories/Grid.stories.js +1 -1
- package/dist/published/stories/HistoryLog.stories.js +1 -1
- package/dist/published/stories/IconButton.stories.js +4 -4
- package/dist/published/stories/LinearProgress.stories.js +1 -1
- package/dist/published/stories/Link.stories.js +1 -1
- package/dist/published/stories/List.stories.js +2 -2
- package/dist/published/stories/Menu.stories.js +2 -2
- package/dist/published/stories/MenuBar.stories.js +1 -1
- package/dist/published/stories/MultiSelect.stories.js +3 -3
- package/dist/published/stories/Palette.stories.js +11 -11
- package/dist/published/stories/Paper.stories.js +1 -1
- package/dist/published/stories/RadioGroup.stories.js +1 -1
- package/dist/published/stories/RepeatableField.stories.js +6 -7
- package/dist/published/stories/RichTextViewer.stories.js +1 -1
- package/dist/published/stories/Skeleton.stories.js +1 -1
- package/dist/published/stories/Snackbar.stories.js +1 -1
- package/dist/published/stories/Stack.stories.js +1 -1
- package/dist/published/stories/StaticDatePicker.stories.js +3 -14
- package/dist/published/stories/Stepper.stories.js +3 -3
- package/dist/published/stories/Switch.stories.js +1 -1
- package/dist/published/stories/Table.stories.js +2 -2
- package/dist/published/stories/Tabs.stories.js +6 -17
- package/dist/published/stories/TextField.stories.js +1 -1
- package/dist/published/stories/TimePicker.stories.js +3 -14
- package/dist/published/stories/TimePickerSelect.stories.js +3 -14
- package/dist/published/stories/ToggleButton.stories.js +4 -4
- package/dist/published/theme/UIThemeProvider.js +1 -2
- package/package.json +1 -1
@@ -44,20 +44,19 @@ export default function RepeatableField(props) {
|
|
44
44
|
const handler = (event, index) => {
|
45
45
|
const updatedFields = cloneDeep(selectedField);
|
46
46
|
if (event.target.type === 'checkbox') {
|
47
|
-
updatedFields[index] =
|
47
|
+
updatedFields[index] = { ...updatedFields[index], [event.target.name]: event.target.checked };
|
48
48
|
}
|
49
49
|
else {
|
50
|
-
updatedFields[index] =
|
50
|
+
updatedFields[index] = { ...updatedFields[index], [event.target.name]: event.target.value };
|
51
51
|
}
|
52
52
|
onChange(updatedFields);
|
53
53
|
setSelectField(updatedFields);
|
54
54
|
};
|
55
55
|
const createInitialStateForFields = (index) => {
|
56
|
-
var _a, _b;
|
57
56
|
if (children) {
|
58
57
|
const childNodes = children(handler, 0, selectedField);
|
59
|
-
if (
|
60
|
-
const fieldNames =
|
58
|
+
if (childNodes?.props?.children.length) {
|
59
|
+
const fieldNames = childNodes?.props?.children.map((item) => item?.props?.name);
|
61
60
|
const initialState = {};
|
62
61
|
fieldNames.map((name) => {
|
63
62
|
if (name === 'checkbox') {
|
@@ -75,7 +74,7 @@ export default function RepeatableField(props) {
|
|
75
74
|
}
|
76
75
|
};
|
77
76
|
useEffect(() => {
|
78
|
-
if (value
|
77
|
+
if (value?.length) {
|
79
78
|
onChange(value);
|
80
79
|
setSelectField(value);
|
81
80
|
}
|
@@ -94,29 +93,28 @@ export default function RepeatableField(props) {
|
|
94
93
|
createInitialStateForFields(selectedField.length);
|
95
94
|
};
|
96
95
|
const displayHeaders = (index) => {
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
return (_a = selectedField[index][dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.field]) === null || _a === void 0 ? void 0 : _a[`${dynamicHeaders.mapping}`];
|
96
|
+
if (dynamicHeaders?.displayTitle) {
|
97
|
+
if (dynamicHeaders?.mapping) {
|
98
|
+
return selectedField[index][dynamicHeaders?.field]?.[`${dynamicHeaders.mapping}`];
|
101
99
|
}
|
102
100
|
else {
|
103
|
-
return selectedField[index][dynamicHeaders
|
101
|
+
return selectedField[index][dynamicHeaders?.field] || dynamicHeaders.displayTitle;
|
104
102
|
}
|
105
103
|
}
|
106
104
|
return `Item ${index + 1}`;
|
107
105
|
};
|
108
106
|
return (React.createElement(UIThemeProvider, null,
|
109
|
-
React.createElement("div", null,
|
110
|
-
selectedField
|
107
|
+
React.createElement("div", null,
|
108
|
+
selectedField?.map((field, index) => (React.createElement(Accordion, { key: index, elevation: 0, sx: styles.accordion },
|
111
109
|
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel1a-content", sx: styles.accordionSummary, color: '#F4F6F8' },
|
112
|
-
|
110
|
+
dynamicHeaders?.isError && dynamicHeaders?.isError(field) && (React.createElement(InfoRounded, { sx: { color: '#A12723', paddingRight: '4px' } })),
|
113
111
|
React.createElement(Typography, { sx: { padding: '4px' } }, displayHeaders(index))),
|
114
112
|
React.createElement(AccordionDetails, { sx: styles.accordionDetails },
|
115
113
|
React.createElement(Fragment, null, children(handler, index, selectedField)),
|
116
114
|
React.createElement(Button, { variant: "outlined", color: "error", size: "small", sx: { margin: '15px 0 0 0', borderRadius: '8px', width: 'max-content' }, onClick: () => handleRemoveSelectField(index) },
|
117
115
|
"Delete ",
|
118
|
-
|
116
|
+
dynamicHeaders?.displayTitle || 'Item'))))),
|
119
117
|
React.createElement(Button, { variant: "outlined", color: "primary", size: "large", startIcon: React.createElement(AddIcon, null), fullWidth: true, sx: { margin: '15px 0px', borderRadius: '8px' }, onClick: () => handleAddSelectedField() },
|
120
118
|
"Add ",
|
121
|
-
|
119
|
+
dynamicHeaders?.displayTitle || 'Item'))));
|
122
120
|
}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Avatar } from '../../core';
|
3
3
|
export default function UserAvatar(props) {
|
4
|
-
var _a, _b;
|
5
4
|
const { user, imageUrl } = props;
|
6
5
|
const determineColor = (userId) => {
|
7
6
|
const availableColors = ['#BCD340', '#EB6B0A', '#FFC107', '#A10E0E', '#52437E', '#0075A7', '#547B29'];
|
@@ -14,9 +13,17 @@ export default function UserAvatar(props) {
|
|
14
13
|
return availableColors[sum % availableColors.length];
|
15
14
|
}
|
16
15
|
};
|
17
|
-
const backgroundColor = determineColor(user
|
18
|
-
return (React.createElement(Avatar,
|
19
|
-
|
20
|
-
|
16
|
+
const backgroundColor = determineColor(user?.id);
|
17
|
+
return (React.createElement(Avatar, { ...props, src: imageUrl ?? '', sx: {
|
18
|
+
...props.sx,
|
19
|
+
backgroundColor: backgroundColor,
|
20
|
+
color: ['#BCD340', '#FFC107'].includes(backgroundColor) ? 'black' : 'white',
|
21
|
+
} }, user?.id && user?.name
|
22
|
+
? user.name
|
23
|
+
.match(/(\b\S)?/g)
|
24
|
+
?.join('')
|
25
|
+
.match(/(^\S|\S$)?/g)
|
26
|
+
?.join('')
|
27
|
+
.toUpperCase()
|
21
28
|
: undefined));
|
22
29
|
}
|
@@ -8,7 +8,7 @@ export function difference(object, base) {
|
|
8
8
|
return object;
|
9
9
|
}
|
10
10
|
return transform(object, (result, value, key) => {
|
11
|
-
const baseValue = base
|
11
|
+
const baseValue = base?.[key];
|
12
12
|
if (!isEqual(value, baseValue)) {
|
13
13
|
result[key] = isObject(value) && isObject(baseValue) ? difference(value, baseValue) : value;
|
14
14
|
}
|
@@ -3,6 +3,6 @@ import React from 'react';
|
|
3
3
|
import UIThemeProvider from '../../../theme';
|
4
4
|
const Box = (props) => {
|
5
5
|
return (React.createElement(UIThemeProvider, null,
|
6
|
-
React.createElement(MUIBox,
|
6
|
+
React.createElement(MUIBox, { ...props })));
|
7
7
|
};
|
8
8
|
export default Box;
|
@@ -3,6 +3,6 @@ import React from 'react';
|
|
3
3
|
import UIThemeProvider from '../../../theme';
|
4
4
|
const Container = (props) => {
|
5
5
|
return (React.createElement(UIThemeProvider, null,
|
6
|
-
React.createElement(MUIContainer,
|
6
|
+
React.createElement(MUIContainer, { ...props }, props?.children)));
|
7
7
|
};
|
8
8
|
export default Container;
|
@@ -3,6 +3,6 @@ import React from 'react';
|
|
3
3
|
import UIThemeProvider from '../../../theme';
|
4
4
|
const Grid = (props) => {
|
5
5
|
return (React.createElement(UIThemeProvider, null,
|
6
|
-
React.createElement(MUIGrid,
|
6
|
+
React.createElement(MUIGrid, { ...props }, props?.children)));
|
7
7
|
};
|
8
8
|
export default Grid;
|
@@ -3,6 +3,6 @@ import React from 'react';
|
|
3
3
|
import UIThemeProvider from '../../../theme';
|
4
4
|
const Grid = (props) => {
|
5
5
|
return (React.createElement(UIThemeProvider, null,
|
6
|
-
React.createElement(MUIStack,
|
6
|
+
React.createElement(MUIStack, { ...props })));
|
7
7
|
};
|
8
8
|
export default Grid;
|
@@ -13,11 +13,15 @@ const extensionColors = {
|
|
13
13
|
csv: '#08660D',
|
14
14
|
};
|
15
15
|
export const FileWithExtension = (props) => {
|
16
|
-
|
17
|
-
|
18
|
-
|
16
|
+
const color = props?.sx?.color ?? extensionColors[props.fileExtension ?? ''] ?? '#454F5B';
|
17
|
+
return (React.createElement(SvgIcon, { ...props, viewBox: "0 0 22 28", fill: "none", sx: {
|
18
|
+
verticalAlign: 'top',
|
19
|
+
maxWidth: props.sx?.['width'] ?? '22',
|
20
|
+
maxHeight: props.sx?.['height'] ?? '28',
|
21
|
+
...props.sx,
|
22
|
+
} },
|
19
23
|
React.createElement("g", { id: "icon/ic_file" },
|
20
|
-
props.fileExtension && (React.createElement("text", { x: "50%", y: "60%", textAnchor: "middle", dominantBaseline: "middle", fontSize: props.fileExtension.length <= 3 ? '9' : '7.5', fontWeight: 700, fontFamily: "'Roboto Condensed', 'Source Sans Pro', 'Lucida Grande', sans-serif", fill: color, dx: -0.5 },
|
24
|
+
props.fileExtension && (React.createElement("text", { x: "50%", y: "60%", textAnchor: "middle", dominantBaseline: "middle", fontSize: props.fileExtension.length <= 3 ? '9' : '7.5', fontWeight: 700, fontFamily: "'Roboto Condensed', 'Source Sans Pro', 'Lucida Grande', sans-serif", fill: color, dx: -0.5 }, props.fileExtension?.toUpperCase())),
|
21
25
|
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5604 7.16363C20.7781 7.41012 20.8992 7.73101 20.9 8.0641V23.5198C20.8949 23.9664 20.8043 24.4075 20.6335 24.818C20.4627 25.2285 20.2149 25.6004 19.9044 25.9124C19.5939 26.2244 19.2267 26.4704 18.8237 26.6364C18.4208 26.8024 17.99 26.8851 17.556 26.8798H3.344C2.91 26.8851 2.47923 26.8024 2.07628 26.6364C1.67334 26.4704 1.30613 26.2244 0.9956 25.9124C0.685075 25.6004 0.437325 25.2285 0.266499 24.818C0.0956725 24.4075 0.00511577 23.9664 0 23.5198V3.36018C0.00511577 2.91364 0.0956725 2.47252 0.266499 2.06199C0.437325 1.65146 0.685075 1.27958 0.9956 0.967574C1.30613 0.655568 1.67334 0.409553 2.07628 0.243577C2.47923 0.0776012 2.91 -0.00508442 3.344 0.000241884H13.794C13.9105 0.000525092 14.0261 0.0168279 14.1378 0.0484847C14.2009 0.0663776 14.2628 0.0891756 14.3229 0.116758C14.4894 0.193142 14.6385 0.304528 14.7606 0.443754L20.5604 7.16363ZM13.002 1.11954H3.33753L3.33105 1.11946C3.03959 1.11589 2.75032 1.17142 2.47977 1.28286C2.20923 1.3943 1.96275 1.55944 1.75438 1.76881C1.54602 1.97817 1.37984 2.22764 1.26528 2.50294C1.15148 2.77642 1.09082 3.0701 1.08666 3.36744V23.5126C1.09082 23.8099 1.15148 24.1036 1.26528 24.3771C1.37984 24.6524 1.54602 24.9018 1.75438 25.1112C1.96275 25.3206 2.20923 25.4857 2.47977 25.5971C2.75032 25.7086 3.03959 25.7641 3.33105 25.7605L3.33753 25.7605H17.5625L17.5689 25.7605C17.8604 25.7641 18.1497 25.7086 18.4202 25.5971C18.6908 25.4857 18.9372 25.3206 19.1456 25.1112C19.354 24.9018 19.5202 24.6524 19.6347 24.3771C19.7485 24.1036 19.8092 23.8099 19.8133 23.5126V8.12757H15.0226L14.9899 8.12554C14.7092 8.10811 14.4347 8.03333 14.1824 7.90553C13.93 7.77773 13.7048 7.59946 13.52 7.38104C13.3352 7.16263 13.1944 6.90845 13.1061 6.63333C13.0229 6.37448 12.9877 6.102 13.002 5.83002V1.11954ZM14.0887 5.86589C14.078 6.00646 14.0947 6.14781 14.1377 6.28168C14.1807 6.41556 14.2492 6.53928 14.3392 6.64562C14.4292 6.75196 14.5388 6.8388 14.6618 6.90107C14.7847 6.96333 14.9185 6.99978 15.0553 7.00827H18.9741L14.0887 1.63237V5.86589Z", fill: color }),
|
22
26
|
React.createElement("path", { d: "M2.2002 4.48154C2.2002 3.24452 3.20291 2.24169 4.43992 2.24154L14.1764 2.24036C14.8417 2.24028 15.4714 2.53663 15.9033 3.04275C17.677 5.1213 19.722 7.34811 21.479 9.41785C21.8178 9.81693 22.0002 10.3243 22.0002 10.8478V25.7602C22.0002 26.9974 20.9973 28.0002 19.7602 28.0002H4.4402C3.20308 28.0002 2.2002 26.9974 2.2002 25.7602V4.48154Z", fill: color, "fill-opacity": "0.12" }))));
|
23
27
|
};
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import { SvgIcon } from '@mui/material';
|
2
2
|
import React from 'react';
|
3
|
-
export const Inherited = (props) => {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
}
|
3
|
+
export const Inherited = (props) => (React.createElement(SvgIcon, { ...props, viewBox: '0 0 16 16', sx: {
|
4
|
+
verticalAlign: 'top',
|
5
|
+
maxWidth: props.sx?.['width'] ?? '16',
|
6
|
+
maxHeight: props.sx?.['height'] ?? '16',
|
7
|
+
...props.sx,
|
8
|
+
} },
|
9
|
+
React.createElement("g", { id: "icon/ic_inherited" },
|
10
|
+
React.createElement("path", { id: "Union", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.4854 7.89997C9.89477 7.6684 10.97 6.44461 10.97 4.9697C10.97 3.32958 9.64041 2 8.0003 2C6.36018 2 5.0306 3.32958 5.0306 4.9697C5.0306 6.4448 6.10609 7.6687 7.51571 7.90005V9.24446L5.38405 10.5562C5.02475 10.2117 4.5371 10 4 10C2.89543 10 2 10.8954 2 12C2 13.1046 2.89543 14 4 14C5.10457 14 6 13.1046 6 12C6 11.7824 5.96524 11.5729 5.90098 11.3767L8.00056 10.0847L10.0992 11.3762C10.0348 11.5725 10 11.7822 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C11.4631 10 10.9756 10.2115 10.6164 10.5558L8.4854 9.24446V7.89997ZM6.21848 4.9697C6.21848 5.95377 7.01622 6.75152 8.0003 6.75152C8.98437 6.75152 9.78211 5.95377 9.78211 4.9697C9.78211 3.98563 8.98437 3.18788 8.0003 3.18788C7.01622 3.18788 6.21848 3.98563 6.21848 4.9697ZM3 12C3 12.5523 3.44772 13 4 13C4.55228 13 5 12.5523 5 12C5 11.4477 4.55228 11 4 11C3.44772 11 3 11.4477 3 12ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13Z", fill: "#637381" }))));
|
@@ -1,9 +1,11 @@
|
|
1
1
|
import { SvgIcon } from '@mui/material';
|
2
2
|
import React from 'react';
|
3
|
-
export const Overrides = (props) => {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
}
|
3
|
+
export const Overrides = (props) => (React.createElement(SvgIcon, { ...props, viewBox: '0 0 16 16', sx: {
|
4
|
+
verticalAlign: 'top',
|
5
|
+
maxWidth: props.sx?.['width'] ?? '16',
|
6
|
+
maxHeight: props.sx?.['height'] ?? '16',
|
7
|
+
...props.sx,
|
8
|
+
} },
|
9
|
+
React.createElement("g", { id: "icon/ic_overrides" },
|
10
|
+
React.createElement("rect", { width: "16", height: "16", rx: "2", fill: "#0075A7" }),
|
11
|
+
React.createElement("path", { id: "Union", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.4854 7.89997C9.89477 7.6684 10.97 6.44461 10.97 4.9697C10.97 3.32958 9.64041 2 8.0003 2C6.36018 2 5.0306 3.32958 5.0306 4.9697C5.0306 6.4448 6.10609 7.6687 7.51571 7.90005V9.24446L5.38405 10.5562C5.02475 10.2117 4.5371 10 4 10C2.89543 10 2 10.8954 2 12C2 13.1046 2.89543 14 4 14C5.10457 14 6 13.1046 6 12C6 11.7824 5.96524 11.5729 5.90098 11.3767L8.00056 10.0847L10.0992 11.3762C10.0348 11.5725 10 11.7822 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C11.4631 10 10.9756 10.2115 10.6164 10.5558L8.4854 9.24446V7.89997ZM6.21848 4.9697C6.21848 5.95377 7.01622 6.75152 8.0003 6.75152C8.98437 6.75152 9.78211 5.95377 9.78211 4.9697C9.78211 3.98563 8.98437 3.18788 8.0003 3.18788C7.01622 3.18788 6.21848 3.98563 6.21848 4.9697ZM3 12C3 12.5523 3.44772 13 4 13C4.55228 13 5 12.5523 5 12C5 11.4477 4.55228 11 4 11C3.44772 11 3 11.4477 3 12ZM12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13Z", fill: "white" }))));
|
@@ -1,10 +1,12 @@
|
|
1
1
|
import { SvgIcon } from '@mui/material';
|
2
2
|
import React from 'react';
|
3
|
-
export const TrashCan = (props) => {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
}
|
3
|
+
export const TrashCan = (props) => (React.createElement(SvgIcon, { ...props, viewBox: '0 0 20 20', sx: {
|
4
|
+
verticalAlign: 'top',
|
5
|
+
maxWidth: props.sx?.['width'] ?? '24',
|
6
|
+
maxHeight: props.sx?.['height'] ?? '24',
|
7
|
+
...props.sx,
|
8
|
+
} },
|
9
|
+
React.createElement("g", { id: "icon/ic_trash" },
|
10
|
+
React.createElement("path", { id: "Vector", d: "M17.5003 5.00001L13.3337 5.00001V3.60834C13.3141 3.07486 13.0838 2.57089 12.6933 2.20692C12.3028 1.84295 11.7839 1.64867 11.2503 1.66668H8.75033C8.21679 1.64867 7.69788 1.84295 7.30735 2.20692C6.91682 2.57089 6.68654 3.07486 6.66699 3.60834V5.00001H2.50033C2.27931 5.00001 2.06735 5.08781 1.91107 5.24409C1.75479 5.40037 1.66699 5.61233 1.66699 5.83334C1.66699 6.05436 1.75479 6.26632 1.91107 6.4226C2.06735 6.57888 2.27931 6.66668 2.50033 6.66668H3.33366L3.33366 15.8333C3.33366 16.4964 3.59705 17.1323 4.06589 17.6011C4.53473 18.07 5.17062 18.3333 5.83366 18.3333H14.167C14.83 18.3333 15.4659 18.07 15.9348 17.6011C16.4036 17.1323 16.667 16.4964 16.667 15.8333V6.66668H17.5003C17.7213 6.66668 17.9333 6.57888 18.0896 6.4226C18.2459 6.26632 18.3337 6.05436 18.3337 5.83334C18.3337 5.61233 18.2459 5.40037 18.0896 5.24409C17.9333 5.08781 17.7213 5.00001 17.5003 5.00001ZM8.33366 3.60834C8.33366 3.47501 8.50866 3.33334 8.75033 3.33334H11.2503C11.492 3.33334 11.667 3.47501 11.667 3.60834V5.00001H8.33366V3.60834ZM15.0003 15.8333C15.0003 16.0544 14.9125 16.2663 14.7562 16.4226C14.6 16.5789 14.388 16.6667 14.167 16.6667H5.83366C5.61265 16.6667 5.40068 16.5789 5.2444 16.4226C5.08812 16.2663 5.00033 16.0544 5.00033 15.8333L5.00033 6.66668L15.0003 6.66668V15.8333Z", fill: props?.sx?.['color'] ?? '#637381' }),
|
11
|
+
React.createElement("path", { id: "Vector_2", d: "M7.50033 14.1667C7.72134 14.1667 7.9333 14.0789 8.08958 13.9226C8.24586 13.7663 8.33366 13.5543 8.33366 13.3333V9.99999C8.33366 9.77898 8.24586 9.56701 8.08958 9.41073C7.9333 9.25445 7.72134 9.16666 7.50033 9.16666C7.27931 9.16666 7.06735 9.25445 6.91107 9.41073C6.75479 9.56701 6.66699 9.77898 6.66699 9.99999V13.3333C6.66699 13.5543 6.75479 13.7663 6.91107 13.9226C7.06735 14.0789 7.27931 14.1667 7.50033 14.1667Z", fill: props?.sx?.['color'] ?? '#637381' }),
|
12
|
+
React.createElement("path", { id: "Vector_3", d: "M12.5003 14.1667C12.7213 14.1667 12.9333 14.0789 13.0896 13.9226C13.2459 13.7663 13.3337 13.5543 13.3337 13.3333V9.99999C13.3337 9.77898 13.2459 9.56701 13.0896 9.41073C12.9333 9.25445 12.7213 9.16666 12.5003 9.16666C12.2793 9.16666 12.0674 9.25445 11.9111 9.41073C11.7548 9.56701 11.667 9.77898 11.667 9.99999V13.3333C11.667 13.5543 11.7548 13.7663 11.9111 13.9226C12.0674 14.0789 12.2793 14.1667 12.5003 14.1667Z", fill: props?.sx?.['color'] ?? '#637381' }))));
|
@@ -1,9 +1,11 @@
|
|
1
1
|
import { SvgIcon } from '@mui/material';
|
2
2
|
import React from 'react';
|
3
|
-
export const UploadCloud = (props) => {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
}
|
3
|
+
export const UploadCloud = (props) => (React.createElement(SvgIcon, { ...props, viewBox: "0 0 41 28", fill: "none", sx: {
|
4
|
+
verticalAlign: 'top',
|
5
|
+
maxWidth: props.sx?.['width'] ?? '41',
|
6
|
+
maxHeight: props.sx?.['height'] ?? '28',
|
7
|
+
...props.sx,
|
8
|
+
} },
|
9
|
+
React.createElement("g", { id: "icon/ic_upload_cloud" },
|
10
|
+
React.createElement("path", { d: "M32.4328 10.47C32.5314 10.9006 32.8932 11.2155 33.3244 11.265C37.2285 11.713 40.25 14.9896 40.25 18.9998C40.25 23.3237 36.7405 26.8332 32.4167 26.8332H10.75C5.50948 26.8332 1.25 22.5737 1.25 17.3332C1.25 12.5282 4.8242 8.54753 9.46608 7.92743C9.78781 7.88445 10.0736 7.69157 10.2315 7.40367C12.2706 3.68623 16.219 1.1665 20.75 1.1665C26.4458 1.1665 31.209 5.13038 32.4328 10.47Z", stroke: props.sx?.['color'] ?? '#919EAB', fill: "none", strokeWidth: 1 }),
|
11
|
+
React.createElement("path", { d: "M16.083 15.0002L16.9055 15.8227L20.1663 12.5677V19.6668H21.333V12.5677L24.588 15.8285L25.4163 15.0002L20.7497 10.3335L16.083 15.0002Z", fill: props.sx?.['width'] ?? '919EAB', strokeWidth: 5 }))));
|
@@ -7,12 +7,12 @@ export default {
|
|
7
7
|
};
|
8
8
|
const AccordionTemplate = (args) => {
|
9
9
|
return (React.createElement("div", null,
|
10
|
-
React.createElement(CustomAccordion,
|
10
|
+
React.createElement(CustomAccordion, { ...args },
|
11
11
|
React.createElement(AccordionSummary, { "aria-controls": "panel1a-content", id: "panel1a-header" },
|
12
12
|
React.createElement(Typography, null, "Accordion 1")),
|
13
13
|
React.createElement(AccordionDetails, null,
|
14
14
|
React.createElement(Typography, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."))),
|
15
|
-
React.createElement(CustomAccordion,
|
15
|
+
React.createElement(CustomAccordion, { ...args },
|
16
16
|
React.createElement(AccordionSummary, { "aria-controls": "panel2a-content", id: "panel2a-header" },
|
17
17
|
React.createElement(Typography, null, "Accordion 2")),
|
18
18
|
React.createElement(AccordionDetails, null,
|
@@ -12,7 +12,7 @@ export default {
|
|
12
12
|
},
|
13
13
|
},
|
14
14
|
};
|
15
|
-
const AlertTemplate = (args) => (React.createElement(CustomAlert,
|
15
|
+
const AlertTemplate = (args) => (React.createElement(CustomAlert, { ...args }, "This is an alert \u2014 check it out!"));
|
16
16
|
export const Alert = AlertTemplate.bind({});
|
17
17
|
Alert.args = {
|
18
18
|
severity: 'error',
|
@@ -5,6 +5,6 @@ export default {
|
|
5
5
|
component: CustomAlertTitle,
|
6
6
|
};
|
7
7
|
const AlertTitleTemplate = (args) => (React.createElement(Alert, { severity: "error" },
|
8
|
-
React.createElement(CustomAlertTitle,
|
8
|
+
React.createElement(CustomAlertTitle, { ...args }, "Success"),
|
9
9
|
"Your data was successfully submitted."));
|
10
10
|
export const AlertTitle = AlertTitleTemplate.bind({});
|
@@ -38,7 +38,7 @@ export default {
|
|
38
38
|
`,
|
39
39
|
type: 'function',
|
40
40
|
defaultValue: (params) => {
|
41
|
-
return React.createElement(TextField,
|
41
|
+
return React.createElement(TextField, { ...params, label: "Placeholder" });
|
42
42
|
},
|
43
43
|
},
|
44
44
|
autoComplete: {
|
@@ -409,5 +409,5 @@ export default {
|
|
409
409
|
},
|
410
410
|
},
|
411
411
|
};
|
412
|
-
const AutocompleteTemplate = (args) => (React.createElement(CustomAutocomplete,
|
412
|
+
const AutocompleteTemplate = (args) => (React.createElement(CustomAutocomplete, { ...args }));
|
413
413
|
export const Autocomplete = AutocompleteTemplate.bind({});
|
@@ -4,5 +4,5 @@ export default {
|
|
4
4
|
title: 'Data Display/Avatar',
|
5
5
|
component: CustomAvatar,
|
6
6
|
};
|
7
|
-
const AvatarTemplate = (args) => (React.createElement(CustomAvatar,
|
7
|
+
const AvatarTemplate = (args) => (React.createElement(CustomAvatar, { ...args }, "AZ"));
|
8
8
|
export const Avatar = AvatarTemplate.bind({});
|
@@ -14,7 +14,7 @@ const BackdropTemplate = (args) => {
|
|
14
14
|
};
|
15
15
|
return (React.createElement("div", null,
|
16
16
|
React.createElement(Button, { onClick: handleToggle }, "Show backdrop"),
|
17
|
-
React.createElement(CustomBackdrop,
|
17
|
+
React.createElement(CustomBackdrop, { sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, onClick: handleClose, ...args, open: open },
|
18
18
|
React.createElement(CircularProgress, { color: "inherit" }))));
|
19
19
|
};
|
20
20
|
export const Backdrop = BackdropTemplate.bind({});
|
@@ -5,6 +5,6 @@ export default {
|
|
5
5
|
title: 'Data Display/Badge',
|
6
6
|
component: CustomBadge,
|
7
7
|
};
|
8
|
-
const BadgeTemplate = (args) => (React.createElement(CustomBadge,
|
8
|
+
const BadgeTemplate = (args) => (React.createElement(CustomBadge, { badgeContent: "4", color: "primary", ...args },
|
9
9
|
React.createElement(Mail, null)));
|
10
10
|
export const Badge = BadgeTemplate.bind({});
|
@@ -5,7 +5,7 @@ export default {
|
|
5
5
|
component: CustomBox,
|
6
6
|
};
|
7
7
|
const BoxTemplate = (args) => {
|
8
|
-
return (React.createElement(CustomBox,
|
8
|
+
return (React.createElement(CustomBox, { ...args, sx: {
|
9
9
|
width: 300,
|
10
10
|
height: 300,
|
11
11
|
backgroundColor: 'primary.dark',
|
@@ -13,6 +13,6 @@ const BoxTemplate = (args) => {
|
|
13
13
|
backgroundColor: 'primary.main',
|
14
14
|
opacity: [0.9, 0.8, 0.7],
|
15
15
|
},
|
16
|
-
} }))
|
16
|
+
} }));
|
17
17
|
};
|
18
18
|
export const Box = BoxTemplate.bind({});
|
@@ -4,7 +4,7 @@ export default {
|
|
4
4
|
title: 'Data Display/Breadcrumbs',
|
5
5
|
component: CustomBreadcrumbs,
|
6
6
|
};
|
7
|
-
const BreadcrumbsTemplate = (args) => (React.createElement(CustomBreadcrumbs,
|
7
|
+
const BreadcrumbsTemplate = (args) => (React.createElement(CustomBreadcrumbs, { "aria-label": "breadcrumb", ...args },
|
8
8
|
React.createElement(Link, { underline: "hover", color: "inherit", href: "https://mui.com" }, "MUI"),
|
9
9
|
React.createElement(Link, { underline: "hover", color: "inherit", href: "https://mui.com/material-ui/getting-started/overview/" }, "Core"),
|
10
10
|
React.createElement(Typography, { color: "text.primary" }, "Breadcrumbs")));
|
@@ -4,5 +4,5 @@ export default {
|
|
4
4
|
title: 'Input/Button',
|
5
5
|
component: CustomButton,
|
6
6
|
};
|
7
|
-
const ButtonTemplate = (args) => (React.createElement(CustomButton,
|
7
|
+
const ButtonTemplate = (args) => (React.createElement(CustomButton, { ...args }, "Button"));
|
8
8
|
export const Button = ButtonTemplate.bind({});
|
@@ -4,7 +4,7 @@ export default {
|
|
4
4
|
title: 'Data Display/ButtonGroup',
|
5
5
|
component: CustomButtonGroup,
|
6
6
|
};
|
7
|
-
const ButtonGroupTemplate = (args) => (React.createElement(CustomButtonGroup,
|
7
|
+
const ButtonGroupTemplate = (args) => (React.createElement(CustomButtonGroup, { variant: "contained", "aria-label": "outlined primary button group", ...args },
|
8
8
|
React.createElement(Button, null, "One"),
|
9
9
|
React.createElement(Button, null, "Two"),
|
10
10
|
React.createElement(Button, null, "Three")));
|
@@ -4,7 +4,7 @@ export default {
|
|
4
4
|
title: 'Data Display/Card',
|
5
5
|
component: CustomCard,
|
6
6
|
};
|
7
|
-
const CardTemplate = (args) => (React.createElement(CustomCard,
|
7
|
+
const CardTemplate = (args) => (React.createElement(CustomCard, { sx: { maxWidth: 345 }, ...args },
|
8
8
|
React.createElement(CardMedia, { component: "img", height: "180", image: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBQUExcSFBIYFxcaGxsYGBoXGhceFxcXGxsbIBobGxsbISwkHR0qHhgXJTYlKS4wMzMzGiI5PjkyPSwyMzIBCwsLEA4QHhISHjsqJCo7MjQyMjIyMjQ0MjIyMjIyMjIyMjQyMjIyNDIyMjIyMjIyMjIyMjIyMjQyMjIyMjIyMv/AABEIALEBHAMBIgACEQEDEQH/xAAcAAABBQEBAQAAAAAAAAAAAAAAAQIDBAUGBwj/xABCEAACAQMDAwIDBAcGBQMFAAABAhEAAyEEEjEiQVEFYRMycQZCgZEUIzNSobHBB0NictHwFYKSsuGzwvEkNERjg//EABkBAQADAQEAAAAAAAAAAAAAAAABAgMEBf/EACYRAAICAwACAgICAwEAAAAAAAABAhEDITESQQRRE2EigXGRsRT/2gAMAwEAAhEDEQA/APG2OabStSUCCiiigCiiigCiiigCiiigCiiuw+yv2X+Kq6m6s2txCJwbpE8kssIGEYlmIIA7gEY/o/2e1OqP6m0SsxvaFtjz1HBj2k1v2vsCYG/VW1OJCgsBMnk7ew5iK9ItqxAVEEDBaAFwQMdtkTwIA48VA+kEFrodVB6jcG1JETjcGI6R8ozPGDVHJjSOAP2DkwupzMANbjJIAmHPcgTH+lZGt+yestn9ibi9mtHep/LI/ECvQ29SGBp7fYdVz5RJ3YBMnDeV7RgGqZ1QY/rdQ7wci0rkCCIBKAEkY59vArOWWv2ZzyRR57/wTVCf/pruOeh+xg9vP8j4NZ5HnFev6a9pRwrLOJuIw/Lcu3tPuQZBrQ0NvSoZfT2ru4kbjbttcJzy5Ul4gDMRJqkc6bpqikcqk6qjxCB5qNzX0YmlsASumtCB2toDHUAJC94I/HtjemrXT7evSoxyMIMRI5iAf2pwD8o5hZ284rZbzS2z5yoiveb2k0TNLaG1PB/V25nqG49IJ4GOefaaT6PRyR+iWYHUAbVvmSMwAYAK4P17VX/0QIeZJWeJ0V6l6x6BpLtuVtLafbCtbBAG2T1KMPPMxMd+K8412guWW2uhXmDB2tHJU8EVaGWM+FseWM1op0UsUlaGgUUUUAUUUUAUUUUAUUUUAUUUUAUUrc0lAFFFFAFFFFAFFFFAFanpnoWp1MmxYZ1UwWAhAeyljA3HsJkzXQf2efYxvULu+4SmnQw7d3aJ2L7xknsPcivUXuW7JOkti2iIyhQgaGUgQyrulAGJnLSVJMCZc6Vc0unnfpf9n+1t+rcFRH6u0W3E9wxKggQD8oM/vDmu8W6qqNtsgINqC2pwgEKJwVHKiAPyE1haPX6q7Zd9TY+EzPsCqHBuJBBYpPIbaJAAO6YxIkc3du+EX7/SkKDMoCBgjazAEz3k8xhkyxi6bCyRNTWXypyVtqWltpO9sLO0naDg5dgFAkQYmsHU3PiMq5KWxCAgGBOcSSZgdR5nmYmA6W5MOSctA33DG4zCkEowkcMCSRmeaW7p2QQpwc5GRuBkicyRHjk4IkVzzzJ6iZZMmqQ3ValereT8NAAypt3XLhOEHfbnPPftIMVn1C61xbVtLFtsFVZjvggBYG4SxBEQMz3moNapCqAkqr73A3blWDBCxkZGQe1YvrHpF25qPio6ulxyysWHRPVtZfmhexAIIAjwIhvro1wY4uN1Z0ev9XawVS6kbphrYMCIBEFpkTxjkc1p2dUkGDO4CVyOw2yh48fKDjxJrL9Z1Vu9dUnqVGLtMZMRBnBJxjOYwYNRJca42Qc8iJ2rjaIEdWZgZg+azjFygm++zL5MIxm1E6mx6oVHJkk5B7QDgt0nIU7Rgg98QresEg9TRM7jtiIjqmV4UjOSMgSKy7Xn26okjaSu4EiZBC4E5z4inuDyCQRjG8MhwOk5YdTniMiCD8o1i2unPGVdLj390yTH0YmJ3cgCIBWRnkz4qjqWKNtyOY5k8nAjAGRxgEd5hgRhInkAxnaMEgCWMgCeBGBMmqvqNlmTdGVMNIAIkgcDsODkxkdsZzikyJJJ6eitr9cR0ryeJg/w4jn8uPPO+tXJs7WYnqBUERtPf24n+HMCrrWy7dR8dzgY/r9axvXeiEEGTukROARBjnJ/CK2+PFJm2GKXDGY0ylpK7TpQUUUUJCiiigCiiigCiiigCiiigHsKZUjGo6hEIKKKKkkKKKWgEpQKIpVoQeu/YJiNCiglQxY9Jg7g7DcD5jFXLulW4Wb4lyQzAF/hsJ2/4QDy9we2a5f7CNafT3bbNDh92MPsKqBtYZ5Vu/jzXSWLBtqBbvMzMPleGSTljOG2gnkt/E1nkTkqs5M1xdpjmDAHcA0yCVZmGCefiZwx4B7nvBpWXdkyCPCtA5ja+cSPlYsMmpU324t3ERlGFZHO9yT2Vl2g8md3viJpEt256iwYkgDYxIWCY6JB4bzz4rklilvRipvv/BlnTscKwbJgKxMnwykxBAnB8cGkeyydJTagxwYXvHygQTB27gZP4Ge06sxUXlICiAzKN26Zw2Z6B2+8Oand2UCDglRjjJA4+WM+9Y/ip/TM5TkmYtzRKwlSfYqWKjjgxuVcmdwYGO0Vh6n0qelVtheZDbRJnsZbzxj8q7bUosFmORmITnzwPHmqjuuN15DMCbluQueRuJmSR47eK3ha9GmP5Ejk9H6axO0SxH3bYPI5JJzIHcxHYjNa3p+kKqdygEbd2UKCThQ25t3zCWhcjiGIOsTbJ+G+qtGACFbaQcMBKhA0gRndmeM1Z1Gna2FO0hYOy4Np4+aGQrwDMFQD1TgEjZ3V0XlkbKLmBt5MEwQSWJAG6e4LOPlEY5EYq/Fg44kmQeRtifGSB+Ak74gWdQnI2xzgrc4GMFstAJ7Y3MBB2mqVwfWe2cmRwI+8cSR/hAzArFxRVCKwXBORjvBKic4J43DkEQpIWKs6PUIxlWBgGRIPsswYIggCCVPR1ZIqjdYbDyJEyJG2SAsAeBMds+TUVi18Ngu6Y6hk/NBjA/3gxUOFx2aqC8XZJ6p6XvVntjIHUskEY7HOOR3me9eZ6q5uYn8vpXqpusR0YbJUCMnsuCSR/MDvIFcF9qPTyl03R8rknj5WOSpjE96fEl4ycX/RPx34txZgUUUV3nWFFFFAFFFFAFFFFAFFFFAFFFFAKxpKKKAKWilFQQJS0sURQCU5RQBT1FQ2Q2T6TUPbYOjQw/iPB8iu19I9XS4o6jbdewiYEdyMjA5/pjhQKltuVIZSQR3HORB/hVGrKSVnqOn19w7XIDdONpyAeT3BMRkAd45qw3qW9DCsJxuG0xkBiImYEkEVw3p/rUjY52z3Hyn2P7nbOZk8V0tv1EhRKT4I4+v/AI/hVHF+mc8sS7Rufp1uAslRgAZAgcRPsKqXrlkuSSjQMbtjAkkzO7mNo/6qbb1VogsXE+/AnnA/lmr1pgo3RaAiSdzSY7nHjt71DU+WZVXEykbmnx+rs8rP6u2TAInMYBAI7d6fevWtvRprJgYK2bfSRkZVcCe3cVp2kB3MbiCTPBaMAQJI8T+PfufCQoTKndzDrB+ikSAfGOe1F5/ZG0ypfu27ilX0aY46VtlZkTI2kfnGM1F+i7RNm6xgQRdXcg+oufswYgneZMYp2oIORP8A1RIzGVY+/wCc4zVS69wdXV4BkrE8AMIAMkYJP8c2/JP2XjBk7uT07AQDgqqmGAOSygZzAkAxJDiZqkxBwIyZkAHB2xhTgHcfYncOkuQH3NVcEb1aBBG4XCigR1ZaIA9tv4VCtycECeqYkZO0BiIIkwOI9s5qGr6i6VFe7JUxOIMr4CqeeO8+TvkwRFT6ZFZZPMnJ4xtgk+efczVtAo6hESVHymSTkBhEGerYQGJZgE5m1ZKjDAWyCJXfbBBxP94rKR08gYPCmYnwajRPnUaRh6++yrKzBIgd1cdonAjjBnGOaq6pH1VhkdgWgbBgQ04J98fkTgmtLVaQ8P0LuGzcDBaOnauABzBAAJJ+btXv/q2VJwSzRMGMT3C5APn8a4m6la6iknxo831One25R1KsMEHkVCRXpev0C6q24NpTcCwjcOhElRggwTOCsRJ9684u2ypKsCCCQQeQRyCPNd+LKsi/Z148imv2RUUUVqaBRRRQBRRRQBRRRQBSxSVKhxUEN0RUoopaABSxQBTwKiyLEApYpwFKBUNkWNC08ClC08LVWyrY0CnRTgKIqtlbEAq5o/UblvCmV/dPH4eOKqRSxSxZ0en9ctt8ytbbyCYk85Hb8OPpWvptfADLtYZiNseRzIwQeM1wsVa0mra2ZU47jsfr/rUW/RPdHpGj1ltiB0oZkSqq2eeuCnJiCvcZmDWuguMNwecdTArMA46ijJAkyRA94rg9D6hbuCOG7gxPPbGcHn2HFX7NzYSUcpODtYifY8CInmcAYwalZvHTRlLHZ1Zt3do3HnG7c8M2Z2gMUbIOCwAAOMGo108tJg5H7pPJxJ5Agf3iqM8wQcm163fUyzKxJBJI2seMF12tHSsx7czmynrUjqSPp8ojIwY3eZuF+Z7mr/liyjjJFv4CCIUTOJFoHcD9wFVVmyOoNsXye6/DGJAjO3czgGZ3BSzjp7tc3ZwADMVU/wCIgk7WgER1YBXsHK4ImRsCgZzzTRr8kjvBOSPoWFslQOYXaJ75k1SeauEeLLr2lB3Z+X5upSVic3GytsmYVbkHvOarm+UG1TxEKGKcztAVWUKI3ELnOSx4qq2sUTDQZknpmcSzFCjFvAjjt4qarUg/3gHIM7sSZPM+xOfbvXNLK5MsoP2adu29xi7wEyVGVEk8/KD+ZPaZrP1Wlm5uQyJO7bGCBkDaV7EcjvzgVmrbFx4W4T5J6QAcmSefoOYnA43bF61ZtbSbgHcfDkEx2/xfiM1nJNvRXJB+ukDWjbUkNtABJAEADvEYBx/Enq7U/WPTbOos7Sq/H2whBAfd2DRyPMzGTip9fqHuKAUNu0x5uEC40HBCiYGAsmOT5qrpld7ga0WuKsjkwfpmCAMT795xVXB2mZK4bs82vWmRirAhgYIPIIqOvTvtD9lv0qLqEW7sQwfAYRjier3E/wAK871mle1ca26wymCP9D3Fejiyqa136O/FmjNa79FSipIpprU0sbRRRQkKBRSk0AVraD0i5cTeIAJMSwExiR7TI/CpvRfRfiD410lLKnJgzcP7qDuec1o+q6tPibTbA2jaq8bVBO0EeYqrZeMPLZyYpQKAKcBRsyYoFOAoApwFVbKtgBTlFKBTwKq2Q2IBSgUoFOiqtlRsUsU6ioIG0U6m0AUUUUA5WrV9P9VKkLckj96cj+GRxWVRUPfSbO5toGEo0iJ4xH/uMZgZ5EeUeyRzj+Y5kkcgd8xz4JA5TReovbxyviYP4Ht/4rqNF6hvTcrSszDDChdsiRBBhhweMZxOMoNBA28fyz/vnjvP8zG19sdP9Y/OfrNWnvqCVezBElvhlZhRk7CAYyCAwP8AqrNY/edTx8jGDzHeJBmQRWbRZJFIaryDHkNEf0j8KUaq13tXG/FGH/aJ/wBirW/SCCbh75CsMjnIAI78zSLrLCglbb3OOFiZxyxIJn+dRTXot/Qum9RuHos2Cs4lpX8wnYDJx9a2tPpYG+8+5jwpZQqnvCsR2jME9R4OKzk9auCBa0yjv1HsBHCjiZzPkTAqvc1Gpvt1OFHi2D3I8kk/d/h4qzj7Wikor/Bpa/WWFIe+VcE9AO1gB42hm3HjBAjn3OD6h6zqdSdlpAtv7qbRJxIJC4nHAmKv6b0i3uXy2ySDL9TQNqruY4TM5G7Fa+k0iqm4DgKSSBB6ZAaTuYkqsQIImBNRqByTnGL0jkL+p19q2X+IAPlAUncSSeAMDg/hXN+ua+7ecNeA3hQC0AFh2JjnxXpNzSDUPtZiBb7FpIIUBvmyYMAbYmccAVgfaf7OEsriQMK5EFeQMYBnqHb2k1pizRUtqv2XxZop7OI0mluXXCW0Z2PARSW/IV1mg/s51j9VwJZH+NgW/wClZj8SK7n7O6JNMgSyAJGWAl3IPOcHjmY8Vf1erYDJUHPzEuw9wo48cRimT5buoonJ8l3UTil/s6tKOrWFj4RBM+3UakP2K0ZhFuXFfvuKfvIOCM/MeP3Tz26eypcwWdxxAREn2JMH2/3nP9dHwwz2xLjkDqBJK9O1vELx4/GqYs85ypsxjmnKVWYuo/subHw9SDPAZCDPjBP8uM+YoaH7DFWZr91WRRxZJYsfEkDb+RPsOa6ZdXqXtyxZFPzmQGYEdIDZaQGPUOARE1k+setOT+j2YB27XIBJX/CuTLnyZP8ATtj5e2elgxzq8n+idFtht2BasCbacK90ELmOVDFFHcweSawPUtDd1FxrpG0nEFgrGO7CeTz/AA7VFqLzWWS2pi6XBKiDsCrCKSeT1MT7sTTPXPXN92TEhVB2jEgdsVbZ1Wq2c3FOApStOC0s4rEUU8ClApwFVbKtgBSgUAU+qtkCRS0UVUgKKKKAKKKKkDaKdRQBRRRUBhVjR6prb71+hH7yyCR7cVXooRw7f031Bb6EMZBIBBBcq+CkTMAHcu4RIiatWdChO+QBIIUpkknawUfKQCePHHYng9Pea2wdeR5yD7EeK7L0b1HfDWxBYsjogMKptywWQdoJWcHz3rOUaJ36Lw9PCiCI6WXOwSQ5WAPvHkbTmRV61pF3YHcwASd2dqyZAgHuJ5zUel1RZeACVslsNB23OpmcwQcSSJ/GpgVRWbdvADgMCNhKw4gf3kiecRJ+7FQ4rqCbF+Cm0jbiJjBLQxUxExIzuMkSOZp5tAztAOMnGCW2q2eFJYnPcYmJKWstvbChzO4gCGKks+PlkTP3ipAws0h1YlEQgtFsSRCyrsSbazIEAjqM5ziijq2ZzbLCKcvJKruYQ9xbai2CF6yRI5IIEZ9pFL1HVfDC27bI10wogEyQEHzA4Un4kqOSD3JFP1F8WwXbaXhNsktc37wxIM9MsqTAAhRxtrN0amTcuP1nnBJyW2xAOMkyR354rKWjma9s1/Tx8Ndo3HGfuzJClj3mFIIz9PExuoxZGKHdIIlWJljAAK72buBuB9wcnPdwueMzLmSNogYnic4MflR+kH5N5mVBB4MAk5BET1e+PNc+7M0t2Tm2qRbUDb1Ei4QMzjesndAnpkHGRxLmuxAD4gGUt8YP74PYcyNwmqVi5cENBUgAQAd/kBdwO4eHOQe+TVG/6uwk77mCQCXBnMcTjP5THFaOLaLqDkzcva0W0ktdMCTknG3EAEycY/AeKzLyN1XLjKArQoBJO6SDAxJifYZ74rKveqwPiOSST0qCQVBGNzEwMj6jIzWDr/tDdDMN8n5QqgfDQcwPJ811YMDj/Jnp/H+NHH/KXTa1/qj2yVQKrEyd7cAj5wDPEDJrIveoE3Es6cncR1sIBNwzu4AMD6/j55xnd2kkszHvJLE/zrovs/eRCEOlFyBN1gTuPzQkHCjdAMcha62jq823Rp+o+iNaVmBZx8Obt1gSxYxuVSciFiPMGsaxaAUblIYiSI4ngflFdXqfX7qWxbGnQKRxkvumdxYkzAiPECuU1F592HH4kURMkvRlFaAtPilArKzgGAU4ClilqLICiiioAUUUUAUUUUAUUUUAUUUUAUUUUAUUUUAV3PpOnVNJbGwEt+sMQSxORIPyiFUbjPgctHK+l+lXL7Qinb95owPb3bwK7Zk22kQEkIi8naIB2guwmcSAoJ4PMwKZHoznKuGY90AbCBOxkGFwCAV4XtHntzS/pNyJVT1YyxiCAHHkt04GBk4qX4GIHHgKYwY7zzThpAfu9uYJJ7SBzMqP9Kw/JRCyPgvwrlyWe4WEltoxk8nyMLy0nvg8q2uS2CEUFurInbA44xIUAdjO76l6aMNys4zOTzH4j/LxieaLtsLB7dJ7R8wgg8EdJ7jA8SBZTvTIvyeyK3YZmNx+T4B2gAKMTAAERNTbyIyfptiDgqJCg4k96jXUQACcARM46fmM/d8eMVXvaznLDHE9QLQAQecLPj6dhm02PAtpqmHnPSSe+YyBiCZ7irH6ZAAn7zSjHkFTMEtwY7f+Kw31yzgiCYmBBC56p4zuFVjcuXBKKdsyZ/ZiZOHA5AkwM1McTYWHyZY9U9QddqW1JLAALg9mHQ44jGO3NZ128tgjePiXSAcAbLRIGJxueBPt4qb4gRSS6KWwGBG5udwC7pUQYLgGc8wCMq1cuXT8O3akt0loLbc8Bj2iJ/pXdjxpI78eNQRNe1/xJCyXJwVY7VnkAQATjmIAHaq1n0W9tV9k7vlyIWCRub2wYrYuaS3p0W2EBcgb3JE7iCYC+II7+3mmNrSr/DVt6iCxlogRIZZ7CQIxWulo1py2UPTtGEJmWeIMQV54H1jmtjT2Pg7iFBd9pVIaGny3fkj8Ks+mXLNpmn73c5XMYJAmYk//ABTl1iXNc5t3ALZhbS/vALxtOACdwn3qLssopD9TpXu7ALbG6+SFgLbQAkjOZ4rkrtqGIdDukzjvNdFb9RZLm65qWQwZ/eIBgLA4Gfyms/XN8Rt8Ks5yTLSSd34zUr9iVPhj0UUVznnhRRRQBRRRQBRRRQBRRRQBRRRQBRRRQBRRRUgK6L0L7NNdi5dlLeCBjc4n6yo94k9h3p/2T9DF1heuRsVhtQxN1hkiD90Y9jPsa7O/qgRG5iDI3EAif/1gDGAeqTHsM1ScqMsmStIr3NKiWyiL8MKCpUKQFjsWPxAXP0n5szUGpQhN46iNxyJgMMEdbW1klx2Me5EWbamYWASu4KpKhWEAlhME57iBGcYpmoQCM/eVsgqXDsMEgLugsW4wQDzxg5+jGMm2U3UhthJ3AkRuzgqDhvJ7gnkRPJRXG6W4CsORyxECBzIB+sx3rF1+ra2U2tDznIggogDADAgqT+M+1SJ6kpMEKZKnMnksxDecR9KSxNbRv+N9NV9aFPOJgdoABkrP0IK/XmKztTr2PiY5wDkgCCCCOBgzEADiSi6hTBByVckDbg7lwZmSJIzmqep1C7RmJCn73G7xz+Hb3qYxrReMaIX1TkycAQABEgZ2geeeMz+EVWuXxk/Xj8cr4bOarM5e4LdpXdjhVRWLECThRkwM16B6J/Z6y6S9rNan6wI7WbDkqoZVO1rxVgZJC9IIHmZgdEcTZqonDWbVy4QwkKSRv+6Y+YDszDEngSJImrOp9RFlFS22VlWJExBysN+OOASTBbIk1vrzGAIwIG1QgWfuoqfIoJ+VYGecmk0VhNPF7UKhuEwqSpFtSuGZYwZkQB2kDvW0YI6FFRWukOh9PVit3UqQbk/DXbGMdbAcDOBx/CtS5qbdpHSxbIZMFlAJncJ29jEnkiI71ianVvcBZwGwZZ8sw9yTHviBxEcUNcIARTtH3RwMicjvir+VcJUfsq6r1C4bg3A7icgk+cz5PvWjb1aopzAJjbtkDPb2mqOn9PbcWZlYA4IjInkTx5pfU7qW4trDkDJxz3qCU2ulkazcxRUyW3IQC27B5GAMVV02tuIwu7YVese8dp+sVD8faA6CNq7d2erETnjOPzqnd1VxgELEjEDt7CKkhyo0PT7L3H+Js3E7jLfKD2+sVY/4feaWYFiTypMfhTtL+rRQzm3IAOOR3oT1xVkAMRJgzGPpVdsvpdM40hpxpprA88KKKKAKKKKAKKKKAKKKKAKKKKAKKBS0A01d9J0Bv3Am4KILMT2RfmI8n2qnXf8AoGgWxp1L9Fxz+sAYC4V5UAMuVHQWzAwecGG6RWbpaNNXi2ttZVNo6V2svwyRtQqvJzyJkzkTS2LfBjiCoWZWSN3TxOBI7mfFNF5QSzMu7dLMRBDbRMNJDYOATgdsUx/UEXk5k5gfEODysTGf4eDNck5fZx7ky/uUAgkMoJPzZM8rP48zmTXNeuerLbSJIjG05BAIIWe/Y96j1/rEQBLNwo2kmRgAeTNY7+l3L0veOwT0gnGRzMx3iPrWmLE5O3w68OBvpg39eGMxJ8+3iPHtTk9REQQfP4nv+VWfUPSVtGGIGN0TkKeCeT4/Oq+l9GvXZ+HZYgTLSNgAiQXMLPUuJnIxmu9wjWzqcEhj60cBmwIEdp5pdKt2+62bW93eFVF5JGQMeMmfxNPueh3VYp+raCBK3LcdvJHmM17z/Zv6PptLpLbIttrrIrXbg6iGYn9Xujp2gxtHMEnmSSj6J8aK/wBi/sVZ9Nsvc1IR7gIdru2AgWCVViZKKy7iSF3eCAK4/wC3P2puakbN7Ja3KygYNxhBBME7QuSBPJB5g1qfaz18XfjXGLfAVvhi3J23GUQCR+88ggfdXJGa8yuXrmqvMzAewnoUZIB9hzx2zR7NFGqsmtaVd6OqOoLArDc7SOpcSADMHj8q1rqMAbzwp2ERbkFpRt+7cST0yDJpfTFnY5PbbI3ZgMTAxC7jIUQBVL7R6zZNpSMcmROcQO+Bj8fapRZ6KrX0dFMCcdEkzP8AQU1NQJQFQxIIJkgCOCPy/hTbemKMi9ILrvY/NCgnA/JT5qHUEL33MT5hQO+Yxz2qtbJvQus1xyqqAJ7Y7D8eM1TtKNu4mTPb2nP0pl7q6hwMfx4FNtK7dK8ccwPxNWopZIZfqLSeRxED2plkwymDAMn396mSyYh2KqOR9eI81HcbeR2EDHtUiia/ce60E8e3apv0MVE17a6xx8vtVu7q0BjcKr0vwrEURTyKaa5zgGUUpoqQJRRRQBRRRQBRRRQBRRRQBS0UUBpegWVe8pYSqDeRMTBEZkHkg8iIkkAEj0D07TW2A3KGcqGYK1sw+0hiEZOQ20ZEsXx82PPPSbxVyOxGcTlZI/qI9/xHT6DVqPmHMZHzqoYMdpncdoUiBki4uYwJsHWJ6HprhxbuLwo2SGACkwB+74gZz2hqpv8AZGwyki7qIIBBV7RG2BtENbEseoQrNBB85Zpb5hQUdjIBDMAfl2/dkiSNs87VJBElqvLrixTcVBkEAksS0OSWg+AZUAYEf4Tm6vhjezl9f9jbtphd0twXWUsNlyVZpXgYWTB4xmRJg1ybi7u23F+EwJViwcEE8iDPMjJwfJr1G3qZUTsgqq7gcAPJABKlflXcZEIMKCMmjrPT7eq2/GRXBB2BZ3JMmNzkOWJKDbuABuIIcg1tjk306ceV0eXay/cJDNHECIldvvPM+Sc/WuqvNts27Rmdi7p+6WgsVPKsWLT2IIH3RW4n2J0qE3P1j4J2O6G37SQASo25M5Anztpeuei31LXQm+MhVjcCATG3BLTGBnjFJyvhrGalKiD7K6Cxc1Vv4oPwAzqxlYIW2z9TDKoNpGP/ACOr+0NrS6K29yytyy29rdsK7N8VVcq+GJ4aSPBVPY1l/ZCxYSybl64y/ARXKCNzOxJRCBktu2k5GZUiN08r6/6m+t1CncN5kARCW1yYAESFWRMck4k40UUatsq3fUL2rfZ1bN222kYRXeJcrEsZjJkk1v6b0BXQXDdLdOzH0gJyceT4jFUr2kOntqLZGOsGATcur1QD22hSPrx72W9bJ0puZDm5tKSysp2qYEEHYRGefpUrZZa70f6rq0tWAgABkqpzgcEkTkjqz5+lcgtrY4LSUbuDlge27+f1qXVs5Ny87bngSRA2klfmXxEgCIEiq72ndVl9xMQO4wAMnt7e1SVZMjAh7qCNsKsEySxnk98dveq9kAqVYQvJIjcY4EngZmor1vYFAbJyYPkY/qKUW8ksYUcCDBJ7fWhFkoRWiyrLtA3M3+hP1pt3VQNqABVkL/iJwW+sfzqJ3WIKjHBGMVA5nM/7FKIH/pDRkz9TzUZfMjFL8OflM/0p1mwWIAB/KmiKdkbuTTIp9wQY8f7ijd9KlEM1DSNRRXGjmEpKKKkBSUUVICiiigCg0UUAUUUUAtOWiioB2Ppn7FvpVTQfs1/zp/O3SUUiRH2a6/O//L/6rVl6n9lc+n/upaKl9K+zc1n7O79bn8xV/T/tP+dv56iiirosi76f8if/AM/++s3S8L/k/q1FFUnwvHqOf9Z5uf57X/piua+zf/3Df5Ln/Y1JRW0OI6vo6b/8JPpc/m9cqP7r6f6UUVMfZrL0Ra3m9/y/91P03zL/AL/eooqTNEPq/wC1H0/qarpyf8xooqSPbIRy30qI0UVJQn0/zfgf5Vpen8fl/KloqpeJkXvmb6n+dR0UVYzP/9k=", alt: "green iguana" }),
|
9
9
|
React.createElement(CardContent, null,
|
10
10
|
React.createElement(Typography, { gutterBottom: true, variant: "h5", component: "div" }, "Lizard"),
|
@@ -4,5 +4,5 @@ export default {
|
|
4
4
|
title: 'Input/Checkbox',
|
5
5
|
component: CustomCheckbox,
|
6
6
|
};
|
7
|
-
const CheckboxTemplate = (args) => React.createElement(CustomCheckbox,
|
7
|
+
const CheckboxTemplate = (args) => React.createElement(CustomCheckbox, { ...args });
|
8
8
|
export const Checkbox = CheckboxTemplate.bind({});
|
@@ -4,5 +4,5 @@ export default {
|
|
4
4
|
title: 'Data Display/Chip',
|
5
5
|
component: CustomChip,
|
6
6
|
};
|
7
|
-
const ChipTemplate = (args) => React.createElement(CustomChip,
|
7
|
+
const ChipTemplate = (args) => React.createElement(CustomChip, { ...args });
|
8
8
|
export const Chip = ChipTemplate.bind({});
|
@@ -4,5 +4,5 @@ export default {
|
|
4
4
|
title: 'Data Display/CircularProgress',
|
5
5
|
component: CustomCircularProgress,
|
6
6
|
};
|
7
|
-
const CircularProgressTemplate = (args) => (React.createElement(CustomCircularProgress,
|
7
|
+
const CircularProgressTemplate = (args) => (React.createElement(CustomCircularProgress, { ...args }));
|
8
8
|
export const CircularProgress = CircularProgressTemplate.bind({});
|
@@ -21,6 +21,6 @@ const CollapseTemplate = (args) => {
|
|
21
21
|
},
|
22
22
|
} },
|
23
23
|
React.createElement("div", null,
|
24
|
-
React.createElement(CustomCollapse,
|
24
|
+
React.createElement(CustomCollapse, { in: checked, ...args }, children)))));
|
25
25
|
};
|
26
26
|
export const Collapse = CollapseTemplate.bind({});
|
@@ -6,7 +6,7 @@ export default {
|
|
6
6
|
};
|
7
7
|
const ContainerTemplate = (args) => {
|
8
8
|
return (React.createElement(Fragment, null,
|
9
|
-
React.createElement(CustomContainer,
|
9
|
+
React.createElement(CustomContainer, { maxWidth: "sm", ...args },
|
10
10
|
React.createElement(Box, { sx: { bgcolor: '#cfe8fc', height: '200px' } }))));
|
11
11
|
};
|
12
12
|
export const Container = ContainerTemplate.bind({});
|
@@ -4,7 +4,7 @@ export default {
|
|
4
4
|
title: 'Input/CriteriaBuilder',
|
5
5
|
component: BuildCriteria,
|
6
6
|
};
|
7
|
-
const CriteriaBuilderTemplate = (args) => (React.createElement(BuildCriteria,
|
7
|
+
const CriteriaBuilderTemplate = (args) => (React.createElement(BuildCriteria, { ...args }));
|
8
8
|
export const CriteriaBuilder = CriteriaBuilderTemplate.bind({});
|
9
9
|
CriteriaBuilder.args = {
|
10
10
|
properties: [
|
@@ -110,7 +110,9 @@ CriteriaBuilder.args = {
|
|
110
110
|
enablePresetValues: false,
|
111
111
|
};
|
112
112
|
export const FreeSolo = CriteriaBuilderTemplate.bind({});
|
113
|
-
FreeSolo.args =
|
113
|
+
FreeSolo.args = {
|
114
|
+
...CriteriaBuilder.args,
|
115
|
+
criteria: {
|
114
116
|
$or: [
|
115
117
|
{
|
116
118
|
'person.license.name': 'bert',
|
@@ -125,7 +127,9 @@ FreeSolo.args = Object.assign(Object.assign({}, CriteriaBuilder.args), { criteri
|
|
125
127
|
issueDate: '2023-03-16',
|
126
128
|
},
|
127
129
|
],
|
128
|
-
},
|
130
|
+
},
|
131
|
+
freeSolo: true,
|
132
|
+
};
|
129
133
|
export const CriteriaBuilderPresetUserID = CriteriaBuilderTemplate.bind({});
|
130
134
|
CriteriaBuilderPresetUserID.args = {
|
131
135
|
properties: [
|
@@ -32,13 +32,13 @@ export default {
|
|
32
32
|
const DataGridTemplate = (args) => (React.createElement(Grid, { container: true, width: '100%', display: 'block' },
|
33
33
|
React.createElement(Grid, { item: true, xs: 12 },
|
34
34
|
React.createElement(Typography, { variant: "h6" }, "With filtering options:"),
|
35
|
-
React.createElement(CustomDataGrid,
|
35
|
+
React.createElement(CustomDataGrid, { key: 'data-grid', ...args })),
|
36
36
|
React.createElement(Grid, { item: true, xs: 12, sx: { marginTop: '14px' } },
|
37
37
|
React.createElement(Typography, { variant: "h6" }, "With title and bulk action:"),
|
38
|
-
React.createElement(CustomDataGrid,
|
38
|
+
React.createElement(CustomDataGrid, { ...args, key: 'data-grid-with-bulk-action', title: 'Data Grid', bulkAction: {
|
39
39
|
label: 'Bulk Action',
|
40
40
|
onClick: () => {
|
41
41
|
console.log('Bulk acion clicked');
|
42
42
|
},
|
43
|
-
} }))))
|
43
|
+
} }))));
|
44
44
|
export const DataGrid = DataGridTemplate.bind({});
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
-
var t = {};
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
-
t[p] = s[p];
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
-
t[p[i]] = s[p[i]];
|
9
|
-
}
|
10
|
-
return t;
|
11
|
-
};
|
12
1
|
import React, { useState } from 'react';
|
13
2
|
import { DatePicker as CustomDatePicker, LocalizationProvider } from '../index';
|
14
3
|
export default {
|
@@ -23,13 +12,13 @@ export default {
|
|
23
12
|
},
|
24
13
|
};
|
25
14
|
const DatePickerTemplate = (args) => {
|
26
|
-
const { value: initialValue, onChange
|
27
|
-
const [value, setValue] = useState(initialValue
|
15
|
+
const { value: initialValue, onChange, ...rest } = args;
|
16
|
+
const [value, setValue] = useState(initialValue ?? null);
|
28
17
|
const handleChange = (newValue, input) => {
|
29
18
|
onChange(newValue, input);
|
30
19
|
setValue(newValue);
|
31
20
|
};
|
32
21
|
return (React.createElement(LocalizationProvider, null,
|
33
|
-
React.createElement(CustomDatePicker,
|
22
|
+
React.createElement(CustomDatePicker, { ...rest, value: value, onChange: handleChange })));
|
34
23
|
};
|
35
24
|
export const DatePicker = DatePickerTemplate.bind({});
|
@@ -14,7 +14,7 @@ const DialogTemplate = (args) => {
|
|
14
14
|
};
|
15
15
|
return (React.createElement(React.Fragment, null,
|
16
16
|
React.createElement(Button, { variant: "outlined", onClick: handleClickOpen }, "Open simple dialog"),
|
17
|
-
React.createElement(CustomDialog,
|
17
|
+
React.createElement(CustomDialog, { onClose: handleClose, ...args, open: open },
|
18
18
|
React.createElement(DialogTitle, null, "Add backup account"),
|
19
19
|
React.createElement(DialogContent, null,
|
20
20
|
React.createElement(Typography, null, "Backup Account:"),
|
@@ -4,5 +4,5 @@ export default {
|
|
4
4
|
title: 'Data Display/Divider',
|
5
5
|
component: CustomDivider,
|
6
6
|
};
|
7
|
-
const DividerTemplate = (args) => React.createElement(CustomDivider,
|
7
|
+
const DividerTemplate = (args) => React.createElement(CustomDivider, { ...args });
|
8
8
|
export const Divider = DividerTemplate.bind({});
|