@oneblink/apps-react 2.2.0 → 2.3.0-beta.2

package/dist/components/formStore/table/useFormStoreTable.js

@@ -1,158 +1,158 @@
-import * as React from 'react';
-import { useFlexLayout, useResizeColumns, useTable, } from 'react-table';
-import { format } from 'date-fns';
-import generateColumns from './generateColumns';
-import ActionedByTableCell from './ActionedByTableCell';
-import TableCellCopyButton from './TableCellCopyButton';
-import { localisationService } from '@oneblink/apps';
-import { FormStoreElementsContext } from '../OneBlinkFormStoreProvider';
-const defaultColumn = {
-    minWidth: 150,
-    width: 225,
-};
-const localStorageKey = (formId) => `REACT_TABLE_STATE_FORM_STORE_${formId}`;
-export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }) {
-    const formElements = React.useContext(FormStoreElementsContext);
-    const columns = React.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return generateColumns({
-            sorting: parameters.sorting,
-            filters: parameters.filters,
-            unwindRepeatableSets: parameters.unwindRepeatableSets,
-            formElements,
-            parentElementNames: [],
-            onChangeParameters,
-            allowCopy: true,
-            initialColumns: [
-                {
-                    id: 'SUBMITTED_AT',
-                    headerText: 'Submission Date Time',
-                    sorting: {
-                        property: 'dateTimeSubmitted',
-                        direction: (_b = (_a = parameters.sorting) === null || _a === void 0 ? void 0 : _a.find(({ property }) => property === 'dateTimeSubmitted')) === null || _b === void 0 ? void 0 : _b.direction,
-                    },
-                    filter: {
-                        type: 'DATETIME',
-                        value: (_c = parameters.filters) === null || _c === void 0 ? void 0 : _c.dateTimeSubmitted,
-                        onChange: (newValue) => {
-                            onChangeParameters((currentParameters) => ({
-                                ...currentParameters,
-                                filters: {
-                                    ...currentParameters.filters,
-                                    dateTimeSubmitted: newValue,
-                                },
-                            }), false);
-                        },
-                    },
-                    Cell: ({ row: { original: formStoreRecord }, }) => {
-                        const text = format(new Date(formStoreRecord.dateTimeSubmitted), localisationService.getDateFnsFormats().longDateTime);
-                        return (React.createElement(React.Fragment, null,
-                            text,
-                            React.createElement(TableCellCopyButton, { text: text })));
-                    },
-                },
-                {
-                    id: 'SUBMITTED_BY',
-                    headerText: 'Submitted By',
-                    sorting: undefined,
-                    filter: {
-                        type: 'TEXT',
-                        value: (_d = parameters.filters) === null || _d === void 0 ? void 0 : _d.submittedBy,
-                        onChange: (newValue) => {
-                            onChangeParameters((currentParameters) => ({
-                                ...currentParameters,
-                                filters: {
-                                    ...currentParameters.filters,
-                                    submittedBy: newValue,
-                                },
-                            }), true);
-                        },
-                    },
-                    Cell: ({ row: { original: formStoreRecord }, }) => (React.createElement(ActionedByTableCell, { userProfile: formStoreRecord.user, developerKey: formStoreRecord.key, variant: "outlined" })),
-                },
-                {
-                    id: 'SUBMISSION_ID',
-                    headerText: 'Submission Id',
-                    sorting: undefined,
-                    filter: {
-                        type: 'SUBMISSION_ID',
-                        value: (_e = parameters.filters) === null || _e === void 0 ? void 0 : _e.submissionId,
-                        validationMessage: submissionIdValidationMessage,
-                        isInvalid: !!submissionIdValidationMessage,
-                        onChange: (newValue) => {
-                            onChangeParameters((currentParameters) => ({
-                                ...currentParameters,
-                                filters: {
-                                    ...currentParameters.filters,
-                                    submissionId: newValue,
-                                },
-                            }), true);
-                        },
-                    },
-                    Cell: ({ row: { original: formStoreRecord }, }) => (React.createElement(React.Fragment, null,
-                        formStoreRecord.submissionId,
-                        React.createElement(TableCellCopyButton, { text: formStoreRecord.submissionId }))),
-                },
-                {
-                    id: 'EXTERNAL_ID',
-                    headerText: 'External Id',
-                    sorting: {
-                        property: 'externalId',
-                        direction: (_g = (_f = parameters.sorting) === null || _f === void 0 ? void 0 : _f.find(({ property }) => property === 'externalId')) === null || _g === void 0 ? void 0 : _g.direction,
-                    },
-                    filter: {
-                        type: 'TEXT',
-                        value: (_h = parameters.filters) === null || _h === void 0 ? void 0 : _h.externalId,
-                        onChange: (newValue) => {
-                            onChangeParameters((currentParameters) => ({
-                                ...currentParameters,
-                                filters: {
-                                    ...currentParameters.filters,
-                                    externalId: newValue,
-                                },
-                            }), true);
-                        },
-                    },
-                    Cell: ({ row: { original: formStoreRecord }, }) => (React.createElement(React.Fragment, null,
-                        formStoreRecord.externalId,
-                        formStoreRecord.externalId && (React.createElement(TableCellCopyButton, { text: formStoreRecord.externalId })))),
-                },
-            ],
-        });
-    }, [
-        formElements,
-        onChangeParameters,
-        parameters,
-        submissionIdValidationMessage,
-    ]);
-    const [initialState] = React.useState(() => {
-        const text = localStorage.getItem(localStorageKey(form.id));
-        if (text) {
-            return JSON.parse(text);
-        }
-    });
-    const table = useTable({
-        columns,
-        data: formStoreRecords,
-        defaultColumn,
-        autoResetHiddenColumns: false,
-        autoResetResize: false,
-        initialState: initialState
-            ? initialState
-            : { hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'] },
-    }, useFlexLayout, useResizeColumns);
-    React.useEffect(() => {
-        if (!table.state.columnResizing.isResizingColumn) {
-            localStorage.setItem(localStorageKey(form.id), JSON.stringify(table.state));
-        }
-    }, [form.id, table.state]);
-    return {
-        ...table,
-        form,
-        parameters,
-        onChangeParameters,
-        onRefresh,
-        submissionIdValidationMessage,
-    };
-}
+import * as React from 'react';
+import { useFlexLayout, useResizeColumns, useTable, } from 'react-table';
+import { format } from 'date-fns';
+import generateColumns from './generateColumns';
+import ActionedByTableCell from './ActionedByTableCell';
+import TableCellCopyButton from './TableCellCopyButton';
+import { localisationService } from '@oneblink/apps';
+import { FormStoreElementsContext } from '../OneBlinkFormStoreProvider';
+const defaultColumn = {
+    minWidth: 150,
+    width: 225,
+};
+const localStorageKey = (formId) => `REACT_TABLE_STATE_FORM_STORE_${formId}`;
+export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }) {
+    const formElements = React.useContext(FormStoreElementsContext);
+    const columns = React.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return generateColumns({
+            sorting: parameters.sorting,
+            filters: parameters.filters,
+            unwindRepeatableSets: parameters.unwindRepeatableSets,
+            formElements,
+            parentElementNames: [],
+            onChangeParameters,
+            allowCopy: true,
+            initialColumns: [
+                {
+                    id: 'SUBMITTED_AT',
+                    headerText: 'Submission Date Time',
+                    sorting: {
+                        property: 'dateTimeSubmitted',
+                        direction: (_b = (_a = parameters.sorting) === null || _a === void 0 ? void 0 : _a.find(({ property }) => property === 'dateTimeSubmitted')) === null || _b === void 0 ? void 0 : _b.direction,
+                    },
+                    filter: {
+                        type: 'DATETIME',
+                        value: (_c = parameters.filters) === null || _c === void 0 ? void 0 : _c.dateTimeSubmitted,
+                        onChange: (newValue) => {
+                            onChangeParameters((currentParameters) => ({
+                                ...currentParameters,
+                                filters: {
+                                    ...currentParameters.filters,
+                                    dateTimeSubmitted: newValue,
+                                },
+                            }), false);
+                        },
+                    },
+                    Cell: ({ row: { original: formStoreRecord }, }) => {
+                        const text = format(new Date(formStoreRecord.dateTimeSubmitted), localisationService.getDateFnsFormats().longDateTime);
+                        return (React.createElement(React.Fragment, null,
+                            text,
+                            React.createElement(TableCellCopyButton, { text: text })));
+                    },
+                },
+                {
+                    id: 'SUBMITTED_BY',
+                    headerText: 'Submitted By',
+                    sorting: undefined,
+                    filter: {
+                        type: 'TEXT',
+                        value: (_d = parameters.filters) === null || _d === void 0 ? void 0 : _d.submittedBy,
+                        onChange: (newValue) => {
+                            onChangeParameters((currentParameters) => ({
+                                ...currentParameters,
+                                filters: {
+                                    ...currentParameters.filters,
+                                    submittedBy: newValue,
+                                },
+                            }), true);
+                        },
+                    },
+                    Cell: ({ row: { original: formStoreRecord }, }) => (React.createElement(ActionedByTableCell, { userProfile: formStoreRecord.user, developerKey: formStoreRecord.key, variant: "outlined" })),
+                },
+                {
+                    id: 'SUBMISSION_ID',
+                    headerText: 'Submission Id',
+                    sorting: undefined,
+                    filter: {
+                        type: 'SUBMISSION_ID',
+                        value: (_e = parameters.filters) === null || _e === void 0 ? void 0 : _e.submissionId,
+                        validationMessage: submissionIdValidationMessage,
+                        isInvalid: !!submissionIdValidationMessage,
+                        onChange: (newValue) => {
+                            onChangeParameters((currentParameters) => ({
+                                ...currentParameters,
+                                filters: {
+                                    ...currentParameters.filters,
+                                    submissionId: newValue,
+                                },
+                            }), true);
+                        },
+                    },
+                    Cell: ({ row: { original: formStoreRecord }, }) => (React.createElement(React.Fragment, null,
+                        formStoreRecord.submissionId,
+                        React.createElement(TableCellCopyButton, { text: formStoreRecord.submissionId }))),
+                },
+                {
+                    id: 'EXTERNAL_ID',
+                    headerText: 'External Id',
+                    sorting: {
+                        property: 'externalId',
+                        direction: (_g = (_f = parameters.sorting) === null || _f === void 0 ? void 0 : _f.find(({ property }) => property === 'externalId')) === null || _g === void 0 ? void 0 : _g.direction,
+                    },
+                    filter: {
+                        type: 'TEXT',
+                        value: (_h = parameters.filters) === null || _h === void 0 ? void 0 : _h.externalId,
+                        onChange: (newValue) => {
+                            onChangeParameters((currentParameters) => ({
+                                ...currentParameters,
+                                filters: {
+                                    ...currentParameters.filters,
+                                    externalId: newValue,
+                                },
+                            }), true);
+                        },
+                    },
+                    Cell: ({ row: { original: formStoreRecord }, }) => (React.createElement(React.Fragment, null,
+                        formStoreRecord.externalId,
+                        formStoreRecord.externalId && (React.createElement(TableCellCopyButton, { text: formStoreRecord.externalId })))),
+                },
+            ],
+        });
+    }, [
+        formElements,
+        onChangeParameters,
+        parameters,
+        submissionIdValidationMessage,
+    ]);
+    const [initialState] = React.useState(() => {
+        const text = localStorage.getItem(localStorageKey(form.id));
+        if (text) {
+            return JSON.parse(text);
+        }
+    });
+    const table = useTable({
+        columns,
+        data: formStoreRecords,
+        defaultColumn,
+        autoResetHiddenColumns: false,
+        autoResetResize: false,
+        initialState: initialState
+            ? initialState
+            : { hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'] },
+    }, useFlexLayout, useResizeColumns);
+    React.useEffect(() => {
+        if (!table.state.columnResizing.isResizingColumn) {
+            localStorage.setItem(localStorageKey(form.id), JSON.stringify(table.state));
+        }
+    }, [form.id, table.state]);
+    return {
+        ...table,
+        form,
+        parameters,
+        onChangeParameters,
+        onRefresh,
+        submissionIdValidationMessage,
+    };
+}
 //# sourceMappingURL=useFormStoreTable.js.map

package/dist/components/formStore/useFormStoreTableContext.d.ts

@@ -1,44 +1,44 @@
-import * as React from 'react';
-import useFormStoreTable from './table/useFormStoreTable';
-export declare type FormStoreTableContextValue = ReturnType<typeof useFormStoreTable> | undefined;
-export declare const FormStoreTableContext: React.Context<FormStoreTableContextValue>;
-export default function useFormStoreTableContext(): {
-    readonly form: import("@oneblink/types/typescript/forms").Form;
-    readonly parameters: import("@oneblink/apps/dist/form-store-service").FormStoreParameters;
-    readonly onChangeParameters: import("../../hooks/useInfiniteScrollDataLoad").OnChangeFilters<import("@oneblink/apps/dist/form-store-service").FormStoreParameters>;
-    readonly onRefresh: () => void;
-    readonly submissionIdValidationMessage: string | undefined;
-    readonly data: readonly import("@oneblink/types/typescript/submissions").FormStoreRecord[];
-    readonly initialState?: Partial<import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
-    readonly stateReducer?: ((newState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, action: import("react-table").ActionType, previousState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, instance?: import("react-table").TableInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
-    readonly useControlledState?: ((state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, meta: import("react-table").MetaBase<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
-    readonly defaultColumn?: Partial<import("react-table").Column<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
-    readonly getSubRows?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number) => import("@oneblink/types/typescript/submissions").FormStoreRecord[]) | undefined;
-    readonly getRowId?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => string) | undefined;
-    readonly autoResetHiddenColumns?: boolean | undefined;
-    readonly disableResizing?: boolean | undefined;
-    readonly autoResetResize?: boolean | undefined;
-    readonly state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
-    readonly plugins: import("react-table").PluginHook<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly dispatch: import("react-table").TableDispatch<any>;
-    readonly columns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly allColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly visibleColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly headerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly footerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly headers: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly flatHeaders: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly rows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly rowsById: Record<string, import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>>;
-    readonly getTableProps: (propGetter?: import("react-table").TablePropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableProps;
-    readonly getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
-    readonly prepareRow: (row: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => void;
-    readonly flatRows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    readonly totalColumnsWidth: number;
-    readonly allColumnsHidden: boolean;
-    readonly toggleHideColumn: (columnId: string, value?: boolean | undefined) => void;
-    readonly setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
-    readonly toggleHideAllColumns: (value?: boolean | undefined) => void;
-    readonly getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
-    readonly getHooks: () => import("react-table").Hooks<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
-};
+import * as React from 'react';
+import useFormStoreTable from './table/useFormStoreTable';
+export declare type FormStoreTableContextValue = ReturnType<typeof useFormStoreTable> | undefined;
+export declare const FormStoreTableContext: React.Context<FormStoreTableContextValue>;
+export default function useFormStoreTableContext(): {
+    readonly form: import("@oneblink/types/typescript/forms").Form;
+    readonly parameters: import("@oneblink/apps/dist/form-store-service").FormStoreParameters;
+    readonly onChangeParameters: import("../../hooks/useInfiniteScrollDataLoad").OnChangeFilters<import("@oneblink/apps/dist/form-store-service").FormStoreParameters>;
+    readonly onRefresh: () => void;
+    readonly submissionIdValidationMessage: string | undefined;
+    readonly data: readonly import("@oneblink/types/typescript/submissions").FormStoreRecord[];
+    readonly initialState?: Partial<import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
+    readonly stateReducer?: ((newState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, action: import("react-table").ActionType, previousState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, instance?: import("react-table").TableInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
+    readonly useControlledState?: ((state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, meta: import("react-table").MetaBase<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
+    readonly defaultColumn?: Partial<import("react-table").Column<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
+    readonly getSubRows?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number) => import("@oneblink/types/typescript/submissions").FormStoreRecord[]) | undefined;
+    readonly getRowId?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => string) | undefined;
+    readonly autoResetHiddenColumns?: boolean | undefined;
+    readonly disableResizing?: boolean | undefined;
+    readonly autoResetResize?: boolean | undefined;
+    readonly state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
+    readonly plugins: import("react-table").PluginHook<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly dispatch: import("react-table").TableDispatch<any>;
+    readonly columns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly allColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly visibleColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly headerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly footerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly headers: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly flatHeaders: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly rows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly rowsById: Record<string, import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>>;
+    readonly getTableProps: (propGetter?: import("react-table").TablePropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableProps;
+    readonly getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
+    readonly prepareRow: (row: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => void;
+    readonly flatRows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly totalColumnsWidth: number;
+    readonly allColumnsHidden: boolean;
+    readonly toggleHideColumn: (columnId: string, value?: boolean | undefined) => void;
+    readonly setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
+    readonly toggleHideAllColumns: (value?: boolean | undefined) => void;
+    readonly getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
+    readonly getHooks: () => import("react-table").Hooks<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
+};

package/dist/components/formStore/useFormStoreTableContext.js

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export const FormStoreTableContext = React.createContext(undefined);
-export default function useFormStoreTableContext() {
-    const formStoreTableContext = React.useContext(FormStoreTableContext);
-    if (!formStoreTableContext) {
-        throw new TypeError('You have attempted to run the hook "useFormStoreTableContext()" outside of the "FormStoreTableContext" context.');
-    }
-    return formStoreTableContext;
-}
+import * as React from 'react';
+export const FormStoreTableContext = React.createContext(undefined);
+export default function useFormStoreTableContext() {
+    const formStoreTableContext = React.useContext(FormStoreTableContext);
+    if (!formStoreTableContext) {
+        throw new TypeError('You have attempted to run the hook "useFormStoreTableContext()" outside of the "FormStoreTableContext" context.');
+    }
+    return formStoreTableContext;
+}
 //# sourceMappingURL=useFormStoreTableContext.js.map

package/dist/components/messages/ErrorMessage.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Props as LargeIconMessageProps } from './LargeIconMessage';
-declare type Props = {
-    IconComponent?: LargeIconMessageProps['IconComponent'];
-    title: string;
-    gutterTop?: boolean;
-    gutterBottom?: boolean;
-    children?: React.ReactNode;
-    onTryAgain?: () => void;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { Props as LargeIconMessageProps } from './LargeIconMessage';
+declare type Props = {
+    IconComponent?: LargeIconMessageProps['IconComponent'];
+    title: string;
+    gutterTop?: boolean;
+    gutterBottom?: boolean;
+    children?: React.ReactNode;
+    onTryAgain?: () => void;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/messages/ErrorMessage.js

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import ErrorIcon from '@mui/icons-material/Error';
-import LargeIconMessage from './LargeIconMessage';
-import { Button } from '@mui/material';
-function ErrorMessage({ title, children, gutterTop, gutterBottom, IconComponent, onTryAgain, }) {
-    if (!IconComponent) {
-        IconComponent = ErrorIcon;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(LargeIconMessage, { IconComponent: IconComponent, title: title, variant: "error", gutterTop: gutterTop, gutterBottom: gutterBottom, action: onTryAgain && (React.createElement(Button, { variant: "outlined", color: "primary", onClick: () => onTryAgain() }, "Try Again")), className: "ob-error-snackbar" }, children)));
-}
-export default React.memo(ErrorMessage);
+import * as React from 'react';
+import ErrorIcon from '@mui/icons-material/Error';
+import LargeIconMessage from './LargeIconMessage';
+import { Button } from '@mui/material';
+function ErrorMessage({ title, children, gutterTop, gutterBottom, IconComponent, onTryAgain, }) {
+    if (!IconComponent) {
+        IconComponent = ErrorIcon;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LargeIconMessage, { IconComponent: IconComponent, title: title, variant: "error", gutterTop: gutterTop, gutterBottom: gutterBottom, action: onTryAgain && (React.createElement(Button, { variant: "outlined", color: "primary", onClick: () => onTryAgain() }, "Try Again")), className: "ob-error-snackbar" }, children)));
+}
+export default React.memo(ErrorMessage);
 //# sourceMappingURL=ErrorMessage.js.map

package/dist/components/messages/LargeIconMessage.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { CommonProps } from '@mui/material/OverridableComponent';
-declare type Variant = 'primary' | 'success' | 'error' | 'warning';
-export declare type Props = {
-    IconComponent: React.ComponentType<{
-        color: Variant;
-        style: React.CSSProperties;
-    }>;
-    title: string;
-    variant: Variant;
-    gutterTop?: boolean;
-    gutterBottom?: boolean;
-    children?: React.ReactNode;
-    action?: React.ReactNode;
-    className?: CommonProps['className'];
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { CommonProps } from '@mui/material/OverridableComponent';
+declare type Variant = 'primary' | 'success' | 'error' | 'warning';
+export declare type Props = {
+    IconComponent: React.ComponentType<{
+        color: Variant;
+        style: React.CSSProperties;
+    }>;
+    title: string;
+    variant: Variant;
+    gutterTop?: boolean;
+    gutterBottom?: boolean;
+    children?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: CommonProps['className'];
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/messages/LargeIconMessage.js

@@ -1,34 +1,34 @@
-import * as React from 'react';
-import { Typography, Grid, Container, useTheme, styled } from '@mui/material';
-function LargeIconMessage({ IconComponent, title, variant, gutterTop, gutterBottom, children, action, className, }) {
-    const theme = useTheme();
-    const fontSize = React.useMemo(() => theme.spacing(16), [theme]);
-    return (React.createElement(Container, { maxWidth: "sm", className: className || 'ob-large-icon-message' },
-        React.createElement(StyledIconContainer, { gutterTop: gutterTop },
-            React.createElement(IconComponent, { color: variant, style: { fontSize } })),
-        React.createElement(Typography, { variant: "h5", align: "center", gutterBottom: true, color: `${variant}.main` }, title),
-        children ? (React.createElement(StyledTypography, { align: "center", variant: "body2", paragraph: !!action, gutterBottom: !action && gutterBottom }, children)) : null,
-        action && (React.createElement(StyledGrid, { container: true, justifyContent: "center", gutterBottom: gutterBottom }, action))));
-}
-export default React.memo(LargeIconMessage);
-const StyledIconContainer = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'gutterTop',
-})(({ theme, gutterTop }) => ({
-    textAlign: 'center',
-    ...(gutterTop
-        ? {
-            paddingTop: theme.spacing(4),
-        }
-        : {}),
-}));
-const StyledTypography = styled(Typography, {
-    shouldForwardProp: (prop) => prop !== 'gutterBottom',
-})(({ theme, gutterBottom }) => ({
-    ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),
-}));
-const StyledGrid = styled(Grid, {
-    shouldForwardProp: (prop) => prop !== 'gutterBottom',
-})(({ theme, gutterBottom }) => ({
-    ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),
-}));
+import * as React from 'react';
+import { Typography, Grid, Container, useTheme, styled } from '@mui/material';
+function LargeIconMessage({ IconComponent, title, variant, gutterTop, gutterBottom, children, action, className, }) {
+    const theme = useTheme();
+    const fontSize = React.useMemo(() => theme.spacing(16), [theme]);
+    return (React.createElement(Container, { maxWidth: "sm", className: className || 'ob-large-icon-message' },
+        React.createElement(StyledIconContainer, { gutterTop: gutterTop },
+            React.createElement(IconComponent, { color: variant, style: { fontSize } })),
+        React.createElement(Typography, { variant: "h5", align: "center", gutterBottom: true, color: `${variant}.main` }, title),
+        children ? (React.createElement(StyledTypography, { align: "center", variant: "body2", paragraph: !!action, gutterBottom: !action && gutterBottom }, children)) : null,
+        action && (React.createElement(StyledGrid, { container: true, justifyContent: "center", gutterBottom: gutterBottom }, action))));
+}
+export default React.memo(LargeIconMessage);
+const StyledIconContainer = styled('div', {
+    shouldForwardProp: (prop) => prop !== 'gutterTop',
+})(({ theme, gutterTop }) => ({
+    textAlign: 'center',
+    ...(gutterTop
+        ? {
+            paddingTop: theme.spacing(4),
+        }
+        : {}),
+}));
+const StyledTypography = styled(Typography, {
+    shouldForwardProp: (prop) => prop !== 'gutterBottom',
+})(({ theme, gutterBottom }) => ({
+    ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),
+}));
+const StyledGrid = styled(Grid, {
+    shouldForwardProp: (prop) => prop !== 'gutterBottom',
+})(({ theme, gutterBottom }) => ({
+    ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),
+}));
 //# sourceMappingURL=LargeIconMessage.js.map

package/dist/components/messages/NoResourcesYet.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { Props as LargeIconMessageProps } from './LargeIconMessage';
-declare type Props = {
-    IconComponent: LargeIconMessageProps['IconComponent'];
-    title: string;
-    gutterBottom?: boolean;
-    children?: React.ReactNode;
-};
-export declare function NoResourcesYet({ title, children, IconComponent, gutterBottom, }: Props): JSX.Element;
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { Props as LargeIconMessageProps } from './LargeIconMessage';
+declare type Props = {
+    IconComponent: LargeIconMessageProps['IconComponent'];
+    title: string;
+    gutterBottom?: boolean;
+    children?: React.ReactNode;
+};
+export declare function NoResourcesYet({ title, children, IconComponent, gutterBottom, }: Props): JSX.Element;
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;