@evoke-platform/ui-components 1.0.0-dev.149-test-1056 → 1.0.0-dev.150

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

@@ -1,9 +1,9 @@
+import { ExpandMore } from '@mui/icons-material';
+import { InputLabel, Autocomplete as MUIAutocomplete } from '@mui/material';
 import * as React from 'react';
-import { Autocomplete as MUIAutocomplete, InputLabel } from '@mui/material';
 import UIThemeProvider from '../../../theme';
 import FieldError from '../FieldError';
 import Typography from '../Typography';
-import { ExpandMore } from '@mui/icons-material';
 const Autocomplete = (props) => {
     var _a, _b, _c, _d, _e;
     const sortedOptions = props.sortBy !== 'NONE'
@@ -32,12 +32,20 @@ const Autocomplete = (props) => {
                 ' ',
                 props.required ? (React.createElement(Typography, { sx: { color: 'red', fontSize: '14px' }, component: 'span' }, "*")) : null),
             props.instructionText && (React.createElement(Typography, { fontSize: '10px', lineHeight: '14px' }, props.instructionText)),
-            React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined } }, props.sx), options: sortedOptions, popupIcon: (_d = props.popupIcon) !== null && _d !== void 0 ? _d : React.createElement(ExpandMore, null) })),
+            React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined }, '& .MuiOutlinedInput-notchedOutline': {
+                        border: props.readOnly ? 'none' : 'auto',
+                    }, '& .MuiInputBase-input.Mui-disabled': {
+                        WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
+                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', marginTop: '3px', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: (_d = props.popupIcon) !== null && _d !== void 0 ? _d : React.createElement(ExpandMore, null) })),
             props.error && React.createElement(FieldError, { required: props.required, label: props.errorMessage })));
     }
     else {
         return (React.createElement(UIThemeProvider, null,
-            React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined } }, props.sx), options: sortedOptions, popupIcon: (_e = props.popupIcon) !== null && _e !== void 0 ? _e : React.createElement(ExpandMore, null) })),
+            React.createElement(MUIAutocomplete, Object.assign({}, props, { sx: Object.assign({ '& fieldset': { borderRadius: '8px', borderColor: props.error ? 'red' : undefined }, '& .MuiOutlinedInput-notchedOutline': {
+                        border: props.readOnly ? 'none' : 'auto',
+                    }, '& .MuiInputBase-input.Mui-disabled': {
+                        WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
+                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: (_e = props.popupIcon) !== null && _e !== void 0 ? _e : React.createElement(ExpandMore, null) })),
             props.error && React.createElement(FieldError, { required: props.required, label: props.errorMessage })));
     }
 };

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

@@ -1,10 +1,14 @@
-import * as React from 'react';
+import { ExpandMore } from '@mui/icons-material';
 import { Select as MUISelect } from '@mui/material';
+import * as React from 'react';
 import UIThemeProvider from '../../../theme';
-import { ExpandMore } from '@mui/icons-material';
 const Select = (props) => {
     var _a;
     return (React.createElement(UIThemeProvider, null,
-        React.createElement(MUISelect, Object.assign({}, props, { IconComponent: (_a = props.IconComponent) !== null && _a !== void 0 ? _a : ((iconProps) => (React.createElement(ExpandMore, Object.assign({}, iconProps)))) }))));
+        React.createElement(MUISelect, Object.assign({}, props, { sx: Object.assign({ '& .MuiOutlinedInput-notchedOutline': {
+                    border: props.readOnly ? 'none' : 'auto',
+                }, '& .MuiInputBase-input.Mui-disabled': {
+                    WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
+                }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', height: props.readOnly ? '40px' : 'auto', margin: props.readOnly ? '0px 5px' : 'auto', borderRadius: '8px' }, props.sx), IconComponent: (_a = props.IconComponent) !== null && _a !== void 0 ? _a : ((iconProps) => React.createElement(ExpandMore, Object.assign({}, iconProps))) }))));
 };
 export default Select;

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

@@ -1,5 +1,5 @@
+import { InputLabel, TextField as MUITextField } from '@mui/material';
 import * as React from 'react';
-import { TextField as MUITextField, InputLabel } from '@mui/material';
 import UIThemeProvider from '../../../theme';
 import FieldError from '../FieldError';
 import Typography from '../Typography';
@@ -12,6 +12,7 @@ const TextField = (props) => {
             background: '#F4F6F8',
             border: 'none',
             borderColor: 'transparent',
+            borderRadius: '8px',
         },
         '&:hover .MuiOutlinedInput-notchedOutline': {
             border: 'none',

package/dist/published/components/custom/BuilderGrid/BuilderGrid.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { GridValidRowModel, DataGridProps as MuiDataGridProps } from '@mui/x-data-grid';
+import { EmptyContentSelectOptions } from './EmptyContent';
+export declare type GridAction = {
+    label: string;
+    onClick: () => void;
+};
+export declare type BuilderGridProps<T extends GridValidRowModel> = MuiDataGridProps<T> & {
+    action?: GridAction;
+    item?: string;
+    initialSort?: string;
+    emptyContentSelectOptions?: EmptyContentSelectOptions;
+};
+declare const BuilderGrid: <T extends GridValidRowModel>(props: BuilderGridProps<T>) => JSX.Element;
+export default BuilderGrid;

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

@@ -0,0 +1,88 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Box } from '@mui/material';
+import { DataGrid as MuiDataGrid } from '@mui/x-data-grid';
+import React, { useMemo, useState } from 'react';
+import UIThemeProvider from '../../../theme';
+import BuilderGridToolbar from './BuilderGridToolbar';
+import { EmptyContent } from './EmptyContent';
+const BuilderGrid = (props) => {
+    var _a, _b;
+    const { loading, action, item, rows, initialSort, emptyContentSelectOptions } = props, rest = __rest(props, ["loading", "action", "item", "rows", "initialSort", "emptyContentSelectOptions"]);
+    const [anchorEl, setAnchorEl] = useState();
+    const toolbar = useMemo(() => () => React.createElement(BuilderGridToolbar, { loading: loading, action: action }), [loading]);
+    return (React.createElement(UIThemeProvider, null, loading || rows.length ? (React.createElement(Box, { sx: {
+            backgroundColor: '#fff',
+            borderRadius: '6px',
+            flexGrow: 1,
+            overflow: 'auto',
+            borderBottom: 'none',
+            boxShadow: 'rgba(145, 158, 171, 0.2) 0px 8px 16px',
+        } },
+        React.createElement(MuiDataGrid, Object.assign({ autoPageSize: true, onMenuOpen: (env) => setAnchorEl(env.target), loading: loading, rows: rows }, rest, { sx: Object.assign({ border: 'none', '& .MuiDataGrid-toolbarContainer': {
+                    padding: '0',
+                    fontColor: '#212B36',
+                    margin: '16px 16px 0 16px',
+                }, '& .MuiDataGrid-row': {
+                    borderBottom: '1px solid #eee',
+                }, '& .MuiDataGrid-cell': {
+                    border: 'none',
+                    padding: '0 24px',
+                }, '& .MuiDataGrid-footerContainer': {
+                    borderRadius: '0 0 6px 6px',
+                    height: '60px',
+                    borderTop: 'none',
+                }, '& .MuiTablePagination-displayedRows': {
+                    marginBottom: 0,
+                }, '& .MuiDataGrid-columnHeader:focus-within, & .MuiDataGrid-columnHeader:focus': {
+                    outline: 'none',
+                }, '& .MuiDataGrid-iconSeparator': { visibility: 'hidden' }, '& .MuiDataGrid-cell:focus-within, & .MuiDataGrid-cell:focus': {
+                    outline: 'none',
+                }, '& .MuiDataGrid-columnHeader': {
+                    backgroundColor: '#F4F6F8',
+                    padding: '0 24px',
+                }, '& .MuiDataGrid-columnHeaders': {
+                    borderTop: '1px solid #e2e2e3',
+                    borderRadius: 0,
+                }, '& .MuiDataGrid-columnHeaderTitle': {
+                    color: '#637381',
+                    fontWeight: 700,
+                }, '& .MuiDataGrid-iconButtonContainer': {
+                    marginLeft: '4px',
+                }, height: 'calc(100vh - 240px)' }, rest.sx), getRowId: (row) => row.id, disableColumnMenu: true, initialState: {
+                sorting: { sortModel: initialSort ? [{ field: initialSort, sort: 'asc' }] : [] },
+            }, componentsProps: {
+                panel: {
+                    anchorEl: anchorEl,
+                    placement: 'bottom-end',
+                    sx: {
+                        '& .MuiPaper-root': {
+                            borderRadius: '6px',
+                            boxShadow: '0px 24px 48px rgba(145, 158, 171, 0.4)',
+                            padding: '8px',
+                            stop: -120,
+                        },
+                    },
+                },
+            }, components: {
+                Toolbar: toolbar,
+            }, rowHeight: 60, columnHeaderHeight: 62 })))) : (React.createElement(React.Fragment, null, rows && !rows.length && (React.createElement(Box, { sx: {
+            backgroundColor: '#fff',
+            borderRadius: '6px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: (_b = (_a = rest.sx) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 'calc(100vh - 240px)',
+        } },
+        React.createElement(EmptyContent, { item: item, onClick: action === null || action === void 0 ? void 0 : action.onClick, selectOptions: emptyContentSelectOptions })))))));
+};
+export default BuilderGrid;

package/dist/published/components/custom/BuilderGrid/BuilderGridToolbar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
+import { GridAction } from './BuilderGrid';
+export declare type BuilderGridToolbar = MuiGridToolbarProps & {
+    action?: GridAction;
+};
+declare function BuilderGridToolbar(props: BuilderGridToolbar): JSX.Element;
+export default BuilderGridToolbar;

package/dist/published/components/custom/BuilderGrid/BuilderGridToolbar.js

@@ -0,0 +1,53 @@
+import { GridToolbarContainer, GridToolbarQuickFilter, } from '@mui/x-data-grid';
+import React from 'react';
+import UIThemeProvider from '../../../theme';
+import { Button } from '../../core';
+import { Grid } from '../../layout';
+function BuilderGridToolbar(props) {
+    var _a, _b, _c;
+    const { theme, action } = props;
+    const styles = {
+        container: { display: 'flex', justifyContent: 'space-between', margin: '0 0 15px 0' },
+        iconButton: {
+            minWidth: '36px',
+            height: '36px',
+            backgroundColor: 'rgba(145, 158, 171, 0.12)',
+            color: 'primary',
+            '&:hover': {
+                backgroundColor: '#99C8DC',
+            },
+            marginLeft: '3px',
+            marginRight: '3px',
+        },
+        icon: {
+            marginLeft: '8px',
+        },
+        quickFilter: {
+            '& .MuiOutlinedInput-root': {
+                '&.Mui-focused fieldset': {
+                    borderColor: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) !== null && _c !== void 0 ? _c : 'primary',
+                },
+            },
+            '& fieldset': {
+                borderRadius: '8px',
+                color: '#919EAB',
+                borderColor: 'rgba(145, 158, 171, 0.32)',
+            },
+        },
+    };
+    return (React.createElement(UIThemeProvider, { args: { theme: theme } },
+        React.createElement(GridToolbarContainer, { sx: { padding: '0' } },
+            React.createElement(Grid, { container: true, sx: styles.container },
+                React.createElement(Grid, { item: true, xs: 6 },
+                    React.createElement(GridToolbarQuickFilter, { variant: "outlined", size: "small", sx: styles.quickFilter })),
+                React.createElement(Grid, { item: true, xs: 6, display: 'flex', alignItems: 'center', justifyContent: 'flex-end' },
+                    React.createElement(Button, { sx: {
+                            fontWeight: 700,
+                            height: '40px',
+                            padding: '0px 14px',
+                            '&:hover': {
+                                boxShadow: 'none'
+                            }
+                        }, onClick: action === null || action === void 0 ? void 0 : action.onClick, variant: 'contained' }, action === null || action === void 0 ? void 0 : action.label))))));
+}
+export default BuilderGridToolbar;

package/dist/published/components/custom/BuilderGrid/EmptyContent.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { AutocompleteOption } from '../../core';
+export declare type EmptyContentSelectOptions = {
+    instructionText: string;
+    options: AutocompleteOption[];
+    placeholder: string;
+    onChange: (value?: string) => void;
+    selectedOption?: string;
+};
+declare type EmptyStateComponentProps = {
+    item?: string;
+    onClick?: () => void;
+    selectOptions?: EmptyContentSelectOptions;
+};
+export declare const EmptyContent: (props: EmptyStateComponentProps) => JSX.Element;
+export {};

package/dist/published/components/custom/BuilderGrid/EmptyContent.js

@@ -0,0 +1,50 @@
+import { startCase } from 'lodash';
+import React from 'react';
+import { Autocomplete, Button, TextField, Typography } from '../../core';
+import { Box } from '../../layout';
+import { EmptyContentIllustration } from './EmptyContentIllustration';
+const plural = require('pluralize');
+const styles = {
+    heading: {
+        fontSize: '24px',
+        fontWeight: 700,
+        marginTop: '15px',
+    },
+    message: {
+        fontSize: '14px',
+        marginTop: '15px',
+    },
+    button: {
+        marginTop: '15px',
+        backgroundColor: '#DFE3E8',
+        color: '#212B36',
+        fontWeight: 700,
+        '&:hover': {
+            backgroundColor: '#BCC0C5',
+            boxShadow: 'none',
+        },
+        textTransform: 'none',
+        fontSize: 14,
+        lineHeight: '24px',
+    },
+};
+export const EmptyContent = (props) => {
+    const { onClick, item, selectOptions } = props;
+    return (React.createElement(Box, null,
+        React.createElement(Box, { display: "flex", justifyContent: "center", paddingTop: "20px" },
+            React.createElement(EmptyContentIllustration, null)),
+        React.createElement(Box, { display: "flex", justifyContent: "center" },
+            React.createElement(Typography, { sx: styles.heading }, `No ${plural(startCase(item))}`)),
+        React.createElement(Box, { display: "flex", justifyContent: "center" },
+            React.createElement(Typography, { sx: styles.message }, !selectOptions ? `Get started by adding a new ${item}` : selectOptions.instructionText)),
+        selectOptions && (React.createElement(Box, { display: "flex", justifyContent: "center" },
+            React.createElement(Autocomplete, { id: 'option', options: selectOptions.options, sx: { width: '200px', marginTop: '15px' }, value: selectOptions.selectedOption || null, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { placeholder: selectOptions.placeholder, size: "small" }))), isOptionEqualToValue: (option, value) => option.value === value, getOptionLabel: (option) => {
+                    var _a, _b, _c, _d;
+                    if (typeof option === 'string') {
+                        return ((_b = (_a = selectOptions.options) === null || _a === void 0 ? void 0 : _a.find((o) => o.value === option)) === null || _b === void 0 ? void 0 : _b.label) || '';
+                    }
+                    return ((_d = (_c = selectOptions.options) === null || _c === void 0 ? void 0 : _c.find((o) => o.value === (option === null || option === void 0 ? void 0 : option.value))) === null || _d === void 0 ? void 0 : _d.label) || '';
+                }, sortBy: 'ASC', onChange: (e, val) => selectOptions.onChange(val === null || val === void 0 ? void 0 : val.value) }))),
+        React.createElement(Box, { display: "flex", justifyContent: "center" },
+            React.createElement(Button, { sx: styles.button, variant: "contained", size: "medium", color: "inherit", onClick: onClick }, `Create ${startCase(item)}`))));
+};

package/dist/published/components/custom/BuilderGrid/EmptyContentIllustration.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from '@mui/material';
+export declare const EmptyContentIllustration: (props: SvgIconProps) => JSX.Element;

package/dist/published/components/custom/BuilderGrid/EmptyContentIllustration.js

@@ -0,0 +1,43 @@
+import { SvgIcon } from '@mui/material';
+import React from 'react';
+export const EmptyContentIllustration = (props) => (React.createElement(SvgIcon, Object.assign({}, props, { viewBox: '0 0 150 113', sx: Object.assign({ verticalAlign: 'top', height: 'auto', width: 'auto' }, props.sx) }),
+    React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: "18rem" },
+        React.createElement("g", { opacity: "0.2" },
+            React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0 62.119C0 75.0743 4.67043 86.8799 12.356 95.802C21.173 106.041 33.9585 112.478 48.2102 112.5C54.4388 112.509 60.3944 111.285 65.8649 109.051C68.6934 107.895 71.8593 108.028 74.5988 109.397C77.8123 111.001 81.4107 111.901 85.2104 111.901C86.78 111.901 88.3171 111.746 89.804 111.453C94.0481 110.618 97.9102 108.643 101.082 105.846C103.075 104.088 105.628 103.204 108.237 103.207H108.282C116.903 103.207 124.912 100.478 131.561 95.802C137.505 91.6269 142.359 85.8969 145.593 79.1692C148.413 73.3066 150 66.6837 150 59.6743C150 35.6335 131.321 16.1417 108.282 16.1417C105.933 16.1417 103.632 16.3487 101.387 16.7349C95.443 6.69377 84.7985 0 72.6558 0C67.5291 0 62.6688 1.19303 58.3183 3.33163C54.1809 5.35885 50.5024 8.23946 47.4932 11.75C37.2754 11.92 27.8275 15.4031 20.0947 21.2161C7.92233 30.361 0 45.2757 0 62.119Z", fill: "url(#paint0_linear_25056_169704)" })),
+        React.createElement("g", { "clip-path": "url(#clip0_25056_169704)" },
+            React.createElement("g", { opacity: "0.24" },
+                React.createElement("g", { opacity: "0.24" },
+                    React.createElement("g", { opacity: "0.24" },
+                        React.createElement("path", { opacity: "0.24", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0 62.119C0 75.0743 4.67043 86.8799 12.356 95.802C21.173 106.041 33.9585 112.478 48.2102 112.5C54.4388 112.509 60.3944 111.285 65.8649 109.051C68.6934 107.895 71.8593 108.028 74.5988 109.397C77.8123 111.001 81.4107 111.901 85.2104 111.901C86.78 111.901 88.3171 111.746 89.804 111.453C94.0481 110.618 97.9102 108.643 101.082 105.846C103.075 104.088 105.628 103.204 108.237 103.207H108.282C116.903 103.207 124.912 100.478 131.561 95.802C137.505 91.6269 142.359 85.8969 145.593 79.1692C148.413 73.3066 150 66.6837 150 59.6743C150 35.6335 131.321 16.1417 108.282 16.1417C105.933 16.1417 103.632 16.3487 101.387 16.7349C95.443 6.69377 84.7985 0 72.6558 0C67.5291 0 62.6688 1.19303 58.3183 3.33163C54.1809 5.35885 50.5024 8.23946 47.4932 11.75C37.2754 11.92 27.8275 15.4031 20.0947 21.2161C7.92233 30.361 0 45.2757 0 62.119Z", fill: "url(#paint1_linear_25056_169704)" })))),
+            React.createElement("path", { opacity: "0.545118", d: "M84.9779 23.6368C84.1903 23.6368 83.4029 23.3376 82.8036 22.7391C81.6045 21.5421 81.6045 19.5945 82.8036 18.3976C84.0019 17.201 85.9532 17.2006 87.152 18.3976C88.351 19.5947 88.351 21.5423 87.152 22.7391C86.5527 23.3376 85.7653 23.6368 84.9779 23.6368ZM84.9779 19.6161C84.7336 19.6161 84.4891 19.7088 84.3029 19.8947C83.9309 20.266 83.9309 20.8705 84.3029 21.2421C84.6753 21.6134 85.2801 21.6136 85.6525 21.2421C86.0244 20.8707 86.0244 20.2662 85.6525 19.8947C85.4665 19.709 85.222 19.6161 84.9779 19.6161Z", fill: "#C4CDD5" }),
+            React.createElement("path", { opacity: "0.545118", d: "M60.804 95.3126C60.0166 95.3126 59.229 95.0132 58.6297 94.4149C57.4307 93.2178 57.4307 91.2703 58.6297 90.0734C59.8283 88.8766 61.7798 88.8766 62.9784 90.0734C64.1774 91.2705 64.1774 93.2181 62.9784 94.4149C62.3791 95.0134 61.5914 95.3126 60.804 95.3126ZM60.804 91.2918C60.5597 91.2918 60.3152 91.3846 60.129 91.5705C59.7571 91.9418 59.7571 92.5463 60.129 92.9178C60.5014 93.2894 61.1065 93.2894 61.4788 92.9178C61.8508 92.5465 61.8508 91.942 61.4788 91.5705C61.2929 91.3848 61.0483 91.2918 60.804 91.2918Z", fill: "#C4CDD5" }),
+            React.createElement("path", { d: "M114.564 80.8539C114.293 80.8539 114.021 80.7505 113.814 80.5439L112.55 79.2812L111.285 80.5439C110.871 80.9572 110.199 80.9572 109.785 80.5439C109.371 80.1304 109.371 79.4601 109.785 79.0469L111.8 77.0355C112.214 76.6223 112.885 76.6223 113.299 77.0355L115.314 79.0469C115.728 79.4603 115.728 80.1306 115.314 80.5439C115.107 80.7503 114.835 80.8539 114.564 80.8539Z", fill: "#DFE3E8" }),
+            React.createElement("path", { d: "M39.777 76.8207C39.5058 76.8207 39.2341 76.7173 39.0274 76.5107L37.7624 75.248L36.4974 76.5107C36.0837 76.924 35.4119 76.924 34.9981 76.5107C34.584 76.0972 34.584 75.4269 34.9981 75.0137L37.0128 73.0023C37.4265 72.5891 38.0983 72.5891 38.5121 73.0023L40.5267 75.0137C40.9409 75.4271 40.9409 76.0974 40.5267 76.5107C40.3197 76.7171 40.0483 76.8207 39.777 76.8207Z", fill: "#C4CDD5" }),
+            React.createElement("g", { filter: "url(#filter0_d_25056_169704)" },
+                React.createElement("mask", { id: "mask0_25056_169704", maskUnits: "userSpaceOnUse", x: "44", y: "31", width: "63", height: "51" },
+                    React.createElement("path", { d: "M102.071 31.1768H48.7031C46.3171 31.1768 44.3828 33.111 44.3828 35.497V77.2453C44.3828 79.6313 46.3171 81.5655 48.7031 81.5655H102.071C104.457 81.5655 106.391 79.6313 106.391 77.2453V35.497C106.391 33.111 104.457 31.1768 102.071 31.1768Z", fill: "white" })),
+                React.createElement("g", { mask: "url(#mask0_25056_169704)" },
+                    React.createElement("path", { d: "M102.071 31.1768H48.7031C46.3171 31.1768 44.3828 33.111 44.3828 35.497V77.2453C44.3828 79.6313 46.3171 81.5655 48.7031 81.5655H102.071C104.457 81.5655 106.391 79.6313 106.391 77.2453V35.497C106.391 33.111 104.457 31.1768 102.071 31.1768Z", fill: "#DFE3E8", stroke: "#919EAB", "stroke-opacity": "0.48", "stroke-width": "1.72811" }),
+                    React.createElement("path", { opacity: "0.32", d: "M104.574 31.1768C105.592 31.1768 106.391 31.8101 106.391 32.6164V45.5736H44.3828V32.6164C44.3828 31.8101 45.182 31.1768 46.1995 31.1768H104.574ZM53.7561 36.5756C52.7466 36.5756 51.9536 37.3673 51.9536 38.3752C51.9536 39.3828 52.7466 40.1748 53.7561 40.1748C54.7657 40.1748 55.5587 39.3828 55.5587 38.3752C55.5587 37.3673 54.7657 36.5756 53.7561 36.5756ZM60.9664 36.5756C59.9568 36.5756 59.1638 37.3673 59.1638 38.3752C59.1638 39.3828 59.9568 40.1748 60.9664 40.1748C61.9759 40.1748 62.769 39.3828 62.769 38.3752C62.769 37.3673 61.9759 36.5756 60.9664 36.5756ZM68.1766 36.5756C67.1671 36.5756 66.3741 37.3673 66.3741 38.3752C66.3741 39.3828 67.1671 40.1748 68.1766 40.1748C69.1862 40.1748 69.9792 39.3828 69.9792 38.3752C69.9792 37.3673 69.1862 36.5756 68.1766 36.5756Z", fill: "#919EAB" }),
+                    React.createElement("path", { d: "M97.0176 50.6123H78.992C77.9957 50.6123 77.1895 51.4172 77.1895 52.4119V74.0071C77.1895 75.0018 77.9957 75.8067 78.992 75.8067H97.0176C98.014 75.8067 98.8202 75.0018 98.8202 74.0071V52.4119C98.8202 51.4172 98.014 50.6123 97.0176 50.6123Z", fill: "#919EAB", "fill-opacity": "0.48", stroke: "#919EAB", "stroke-width": "1.38249", "stroke-dasharray": "2.3 2.3" }),
+                    React.createElement("path", { opacity: "0.72", d: "M53.7557 54.2115H60.9659C61.9623 54.2115 62.7685 53.4066 62.7685 52.4119C62.7685 51.4172 61.9623 50.6123 60.9659 50.6123H53.7557C52.7594 50.6123 51.9531 51.4172 51.9531 52.4119C51.9531 53.4066 52.7594 54.2115 53.7557 54.2115Z", stroke: "#919EAB", "stroke-width": "1.38249", "stroke-dasharray": "2.3 2.3" }),
+                    React.createElement("path", { opacity: "0.72", d: "M71.7813 57.811H53.7557C52.7594 57.811 51.9531 58.6159 51.9531 59.6106C51.9531 60.6053 52.7594 61.4102 53.7557 61.4102H71.7813C72.7777 61.4102 73.5839 60.6053 73.5839 59.6106C73.5839 58.6159 72.7777 57.811 71.7813 57.811Z", stroke: "#919EAB", "stroke-width": "1.38249", "stroke-dasharray": "2.3 2.3" }),
+                    React.createElement("path", { opacity: "0.72", d: "M71.7813 65.0093H53.7557C52.7594 65.0093 51.9531 65.8142 51.9531 66.8089C51.9531 67.8036 52.7594 68.6085 53.7557 68.6085H71.7813C72.7777 68.6085 73.5839 67.8036 73.5839 66.8089C73.5839 65.8142 72.7777 65.0093 71.7813 65.0093Z", stroke: "#919EAB", "stroke-width": "1.38249", "stroke-dasharray": "2.3 2.3" }),
+                    React.createElement("path", { opacity: "0.72", d: "M71.7813 72.2075H53.7557C52.7594 72.2075 51.9531 73.0124 51.9531 74.0071C51.9531 75.0018 52.7594 75.8067 53.7557 75.8067H71.7813C72.7777 75.8067 73.5839 75.0018 73.5839 74.0071C73.5839 73.0124 72.7777 72.2075 71.7813 72.2075Z", stroke: "#919EAB", "stroke-width": "1.38249", "stroke-dasharray": "2.3 2.3" })))),
+        React.createElement("defs", null,
+            React.createElement("filter", { id: "filter0_d_25056_169704", x: "30.3828", y: "17.1768", width: "118.008", height: "106.389", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" },
+                React.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feOffset", { dx: "14", dy: "14" }),
+                React.createElement("feGaussianBlur", { stdDeviation: "14" }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.270588 0 0 0 0 0.309804 0 0 0 0 0.356863 0 0 0 0.24 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_25056_169704" }),
+                React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_25056_169704", result: "shape" })),
+            React.createElement("linearGradient", { id: "paint0_linear_25056_169704", x1: "102.753", y1: "132.51", x2: "157.935", y2: "8.13997", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { "stop-color": "#919EAB" }),
+                React.createElement("stop", { offset: "1", "stop-color": "#919EAB", "stop-opacity": "0.01" })),
+            React.createElement("linearGradient", { id: "paint1_linear_25056_169704", x1: "29.2439", y1: "80.8001", x2: "92.7617", y2: "0.274128", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { "stop-color": "#00AB55" }),
+                React.createElement("stop", { offset: "1", "stop-color": "#00AB55", "stop-opacity": "0" })),
+            React.createElement("clipPath", { id: "clip0_25056_169704" },
+                React.createElement("rect", { width: "150", height: "112.5", fill: "white" }))))));

package/dist/published/components/custom/BuilderGrid/index.d.ts

@@ -0,0 +1,3 @@
+import BuilderGrid from './BuilderGrid';
+export { BuilderGrid };
+export default BuilderGrid;

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

@@ -0,0 +1,3 @@
+import BuilderGrid from './BuilderGrid';
+export { BuilderGrid };
+export default BuilderGrid;

package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.d.ts

@@ -27,6 +27,7 @@ declare type CriteriaInputProps = {
         trigger?: Record<string, unknown>;
     };
     operators?: Operator[];
+    disabled?: boolean;
 };
 export declare const customValueEditorWithPresets: (props: CustomValueEditorProps) => JSX.Element;
 export declare const customValueEditor: (props: CustomValueEditorProps) => JSX.Element;

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

@@ -1,8 +1,8 @@
+import { RemoveCircleOutline } from '@mui/icons-material';
 import { QueryBuilderMaterial } from '@react-querybuilder/material';
 import React, { useEffect, useMemo, useState } from 'react';
-import { formatQuery, parseMongoDB, QueryBuilder, } from 'react-querybuilder';
+import { QueryBuilder, formatQuery, parseMongoDB, } from 'react-querybuilder';
 import 'react-querybuilder/dist/query-builder.css';
-import { RemoveCircleOutline } from '@mui/icons-material';
 import { Autocomplete, Button, DatePicker, IconButton, LocalizationProvider, MenuItem, TextField, Typography, } from '../../core';
 import { Box } from '../../layout';
 import { NumericFormat } from '../FormField/InputFieldComponent';
@@ -249,7 +249,7 @@ const determineValueEditor = (baseValueEditor, props) => {
     return valueEditor;
 };
 const CriteriaBuilder = (props) => {
-    const { properties, criteria, setCriteria, enablePresetValues, operators, dynamicContentInput } = props;
+    const { properties, criteria, setCriteria, enablePresetValues, operators, dynamicContentInput, disabled } = props;
     const [query, setQuery] = useState(undefined);
     useEffect(() => {
         if (criteria) {
@@ -312,7 +312,7 @@ const CriteriaBuilder = (props) => {
             React.createElement(QueryBuilderMaterial, null,
                 React.createElement(QueryBuilder, { query: !criteria ? { combinator: 'and', rules: [] } : query, fields: fields, onQueryChange: (q) => {
                         handleQueryChange(q);
-                    }, showCombinatorsBetweenRules: true, listsAsArrays: true, addRuleToNewGroups: true, controlElements: {
+                    }, showCombinatorsBetweenRules: true, listsAsArrays: true, disabled: disabled, addRuleToNewGroups: true, controlElements: {
                         combinatorSelector: customCombinator,
                         fieldSelector: customSelector,
                         operatorSelector: customSelector,

package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js

@@ -1,16 +1,15 @@
+import { Popover } from '@mui/material';
 import React, { useEffect, useState } from 'react';
-import { Button, List, ListItem, TextField, Typography } from '../../../core';
-import { Box } from '../../../layout';
 import InputMask from 'react-input-mask';
 import { CancelOutlined } from '../../../../icons';
-import { Popover } from '@mui/material';
+import { Button, List, ListItem, TextField, Typography } from '../../../core';
+import { Box } from '../../../layout';
 const AddressFieldComponent = (props) => {
     const { property, defaultValue, error, errorMessage, onBlur, readOnly, required, size, placeholder, mask, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses, } = props;
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
-    // const [inputValue, setInputValue] = useState<string>('');
     const [selectOptions, setSelectOptions] = useState([]);
-    const id = property.id;
     const [anchorEl, setAnchorEl] = React.useState(null);
+    const id = property.id;
     const open = Boolean(anchorEl);
     const popoverId = open ? `${id}-popover` : undefined;
     useEffect(() => {

package/dist/published/components/custom/FormField/FormField.d.ts

@@ -18,7 +18,6 @@ export declare type FormFieldProps = {
     rows?: number;
     inputMaskPlaceholderChar?: string;
     queryAddresses?: Function;
-    instance?: any;
 };
 export declare type ObjectProperty = {
     id: string;

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

@@ -1,13 +1,13 @@
 import React from 'react';
+import AddressFieldComponent from './AddressFieldComponent/addressFieldComponent';
 import BooleanSelect from './BooleanSelect/BooleanSelect';
 import DatePickerSelect from './DatePickerSelect/DatePickerSelect';
 import FileUploadControl from './FileUpload/FileUpload';
 import InputFieldComponent from './InputFieldComponent/InputFieldComponent';
 import Select from './Select/Select';
-import AddressFieldComponent from './AddressFieldComponent/addressFieldComponent';
 import TimePickerSelect from './TimePickerSelect/TimePickerSelect';
 const FormField = (props) => {
-    const { defaultValue, error, onChange, property, readOnly, selectOptions, required, size, placeholder, errorMessage, onBlur, mask, max, min, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses } = props;
+    const { defaultValue, error, onChange, property, readOnly, selectOptions, required, size, placeholder, errorMessage, onBlur, mask, max, min, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses, } = props;
     const id = property.id;
     let control;
     const commonProps = {
@@ -50,7 +50,7 @@ const FormField = (props) => {
             control = React.createElement(Select, Object.assign({}, commonProps));
             break;
         default:
-            control = (React.createElement(InputFieldComponent, Object.assign({}, commonProps, { instance: props.instance, mask: mask, inputMaskPlaceholderChar: inputMaskPlaceholderChar, isMultiLineText: isMultiLineText, rows: rows })));
+            control = (React.createElement(InputFieldComponent, Object.assign({}, commonProps, { mask: mask, inputMaskPlaceholderChar: inputMaskPlaceholderChar, isMultiLineText: isMultiLineText, rows: rows })));
             break;
     }
     return control;

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

@@ -27,15 +27,13 @@ export const NumericFormat = (props) => {
 };
 const InputFieldComponent = (props) => {
     var _a;
-    const { property, defaultValue, error, errorMessage, onBlur, readOnly, required, size, placeholder, mask, min, max, isMultiLineText, rows, inputMaskPlaceholderChar, instance } = props;
+    const { property, defaultValue, error, errorMessage, onBlur, readOnly, required, size, placeholder, mask, min, max, isMultiLineText, rows, inputMaskPlaceholderChar, } = props;
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
     const [inputValue, setInputValue] = useState('');
     const id = property.id;
     useEffect(() => {
-        console.log("DefaultValue (ui-lib)", defaultValue);
-        console.log("instance (ui-lib)", instance);
         setValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
-    }, [defaultValue, instance]);
+    }, [defaultValue]);
     const handleChange = (e) => {
         const inputValue = property.type === 'integer' && /^-?\d+$/.test(e.target.value)
             ? parseInt(e.target.value, 10)

package/dist/published/components/custom/index.d.ts

@@ -1,3 +1,4 @@
+export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
 export { FormField } from './FormField';

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

@@ -1,3 +1,4 @@
+export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
 export { FormField } from './FormField';

package/dist/published/icons/custom/Inherited.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from '@mui/material';
+export declare const Inherited: (props: SvgIconProps) => JSX.Element;

package/dist/published/icons/custom/Inherited.js

@@ -0,0 +1,8 @@
+import { SvgIcon } from '@mui/material';
+import React from 'react';
+export const Inherited = (props) => {
+    var _a, _b, _c, _d;
+    return (React.createElement(SvgIcon, Object.assign({}, props, { viewBox: '0 0 16 16', sx: Object.assign({ verticalAlign: 'top', maxWidth: (_b = (_a = props.sx) === null || _a === void 0 ? void 0 : _a['width']) !== null && _b !== void 0 ? _b : '16', maxHeight: (_d = (_c = props.sx) === null || _c === void 0 ? void 0 : _c['height']) !== null && _d !== void 0 ? _d : '16' }, props.sx) }),
+        React.createElement("g", { id: "icon/ic_inherited" },
+            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" }))));
+};

package/dist/published/icons/custom/Overrides.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from '@mui/material';
+export declare const Overrides: (props: SvgIconProps) => JSX.Element;

package/dist/published/icons/custom/Overrides.js

@@ -0,0 +1,9 @@
+import { SvgIcon } from '@mui/material';
+import React from 'react';
+export const Overrides = (props) => {
+    var _a, _b, _c, _d;
+    return (React.createElement(SvgIcon, Object.assign({}, props, { viewBox: '0 0 16 16', sx: Object.assign({ verticalAlign: 'top', maxWidth: (_b = (_a = props.sx) === null || _a === void 0 ? void 0 : _a['width']) !== null && _b !== void 0 ? _b : '16', maxHeight: (_d = (_c = props.sx) === null || _c === void 0 ? void 0 : _c['height']) !== null && _d !== void 0 ? _d : '16' }, props.sx) }),
+        React.createElement("g", { id: "icon/ic_overrides" },
+            React.createElement("rect", { width: "16", height: "16", rx: "2", fill: "#0075A7" }),
+            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" }))));
+};

package/dist/published/icons/custom/index.d.ts

@@ -1 +1,3 @@
+export * from './Inherited';
+export * from './Overrides';
 export * from './TrashCan';

package/dist/published/icons/custom/index.js

@@ -1 +1,3 @@
+export * from './Inherited';
+export * from './Overrides';
 export * from './TrashCan';

package/dist/published/index.d.ts

@@ -1,6 +1,6 @@
 export { ClickAwayListener, FormControlProps, FormHelperTextProps, GridSize, Toolbar, createTheme, styled, } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './util';

package/dist/published/index.js

@@ -1,6 +1,6 @@
 export { ClickAwayListener, Toolbar, createTheme, styled, } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
 export * from './util';

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

@@ -11,6 +11,7 @@ declare const _default: ComponentMeta<(props: {
         trigger?: Record<string, unknown> | undefined;
     } | undefined;
     operators?: ("endsWith" | "in" | "=" | "!=" | "<" | ">" | "<=" | ">=" | "contains" | "beginsWith" | "doesNotContain" | "doesNotBeginWith" | "doesNotEndWith" | "null" | "notNull" | "notIn" | "between" | "notBetween")[] | undefined;
+    disabled?: boolean | undefined;
 }) => JSX.Element>;
 export default _default;
 export declare const CriteriaBuilder: ComponentStory<(props: {
@@ -24,6 +25,7 @@ export declare const CriteriaBuilder: ComponentStory<(props: {
         trigger?: Record<string, unknown> | undefined;
     } | undefined;
     operators?: ("endsWith" | "in" | "=" | "!=" | "<" | ">" | "<=" | ">=" | "contains" | "beginsWith" | "doesNotContain" | "doesNotBeginWith" | "doesNotEndWith" | "null" | "notNull" | "notIn" | "between" | "notBetween")[] | undefined;
+    disabled?: boolean | undefined;
 }) => JSX.Element>;
 export declare const CriteriaBuilderPresetValues: ComponentStory<(props: {
     properties: import("../components/custom/CriteriaBuilder/CriteriaBuilder").ObjectProperty[];
@@ -36,4 +38,5 @@ export declare const CriteriaBuilderPresetValues: ComponentStory<(props: {
         trigger?: Record<string, unknown> | undefined;
     } | undefined;
     operators?: ("endsWith" | "in" | "=" | "!=" | "<" | ">" | "<=" | ">=" | "contains" | "beginsWith" | "doesNotContain" | "doesNotBeginWith" | "doesNotEndWith" | "null" | "notNull" | "notIn" | "between" | "notBetween")[] | undefined;
+    disabled?: boolean | undefined;
 }) => JSX.Element>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.149-test-1056",
+    "version": "1.0.0-dev.150",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -69,7 +69,6 @@
         "@dnd-kit/sortable": "^7.0.1",
         "@emotion/react": "^11.9.0",
         "@emotion/styled": "^11.8.1",
-        "eslint-plugin-no-inline-styles": "^1.0.5",
         "@formio/react": "^5.2.4-rc.1",
         "@js-joda/core": "^3.2.0",
         "@js-joda/locale_en-us": "^3.2.2",
@@ -80,11 +79,13 @@
         "@mui/x-date-pickers": "^5.0.13",
         "@react-querybuilder/dnd": "^5.4.1",
         "@react-querybuilder/material": "^5.4.1",
+        "@types/react-input-mask": "^3.0.2",
         "@typescript-eslint/parser": "^5.35.1",
         "@typescript-eslint/typescript-estree": "^5.35.1",
-        "@types/react-input-mask": "^3.0.2",
+        "eslint-plugin-no-inline-styles": "^1.0.5",
         "formiojs": "^4.15.0-rc.23",
         "lodash-es": "^4.17.21",
+        "pluralize": "^8.0.0",
         "react-dropzone": "^14.2.2",
         "react-input-mask": "^2.0.4",
         "react-number-format": "^4.9.3",

package/dist/published/components/Test/Test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Test: (props: any) => JSX.Element;
-export default Test;

package/dist/published/components/Test/Test.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Typography } from '@mui/material';
-import UIThemeProvider from '../../theme';
-const Test = (props) => {
-    return (React.createElement(UIThemeProvider, null,
-        React.createElement(Typography, { variant: props.variant || 'body1' }, props.children)));
-};
-export default Test;

package/dist/published/components/Test/Test.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/published/components/Test/Test.test.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import Test from './index';
-test('render Test component without crashing', () => {
-    render(React.createElement(Test, { variant: "h1" }, "Title"));
-    screen.getByText('Title');
-});
-test('render Test component & get element by role', () => {
-    render(React.createElement(Test, { variant: "h1" }));
-    screen.getByRole('heading');
-});

package/dist/published/components/Test/index.d.ts

@@ -1,3 +0,0 @@
-import Test from './Test';
-export default Test;
-export { Test };

package/dist/published/components/Test/index.js

@@ -1,3 +0,0 @@
-import Test from './Test';
-export default Test;
-export { Test };