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

package/dist/components/formStore/OneBlinkFormStoreClearFiltersButton.js

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { Button } from '@mui/material';
-import { FilterList as FilterIcon } from '@mui/icons-material';
-import useFormStoreTableContext from './useFormStoreTableContext';
-function OneBlinkFormStoreClearFiltersButton(props) {
-    const { onChangeParameters, parameters } = useFormStoreTableContext();
-    const isDisabled = React.useMemo(() => {
-        return !parameters.filters || !Object.keys(parameters.filters).length;
-    }, [parameters.filters]);
-    return (React.createElement(Button, { className: "ob-form-store-clear-filters-button", startIcon: React.createElement(FilterIcon, null), disabled: isDisabled, onClick: () => {
-            onChangeParameters((currentParameters) => ({
-                ...currentParameters,
-                filters: undefined,
-            }), false);
-        }, 
-        // eslint-disable-next-line react/no-children-prop
-        children: React.createElement(React.Fragment, null, "Clear Filters"), ...props }));
-}
-export default React.memo(OneBlinkFormStoreClearFiltersButton);
+import * as React from 'react';
+import { Button } from '@mui/material';
+import { FilterList as FilterIcon } from '@mui/icons-material';
+import useFormStoreTableContext from './useFormStoreTableContext';
+function OneBlinkFormStoreClearFiltersButton(props) {
+    const { onChangeParameters, parameters } = useFormStoreTableContext();
+    const isDisabled = React.useMemo(() => {
+        return !parameters.filters || !Object.keys(parameters.filters).length;
+    }, [parameters.filters]);
+    return (React.createElement(Button, { className: "ob-form-store-clear-filters-button", startIcon: React.createElement(FilterIcon, null), disabled: isDisabled, onClick: () => {
+            onChangeParameters((currentParameters) => ({
+                ...currentParameters,
+                filters: undefined,
+            }), false);
+        }, 
+        // eslint-disable-next-line react/no-children-prop
+        children: React.createElement(React.Fragment, null, "Clear Filters"), ...props }));
+}
+export default React.memo(OneBlinkFormStoreClearFiltersButton);
 //# sourceMappingURL=OneBlinkFormStoreClearFiltersButton.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Button } from '@mui/material';
-declare function OneBlinkFormStoreColumnsButton(props: React.ComponentProps<typeof Button>): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreColumnsButton>;
-export default _default;
+import * as React from 'react';
+import { Button } from '@mui/material';
+declare function OneBlinkFormStoreColumnsButton(props: React.ComponentProps<typeof Button>): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreColumnsButton>;
+export default _default;

package/dist/components/formStore/OneBlinkFormStoreColumnsButton.js

@@ -1,67 +1,67 @@
-import * as React from 'react';
-import { Alert, AlertTitle, Box, Button, Checkbox, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, FormGroup, Grid, IconButton, Typography, } from '@mui/material';
-import { Help, Settings as SettingsIcon } from '@mui/icons-material';
-import useBooleanState from '../../hooks/useBooleanState';
-import useFormStoreTableContext from './useFormStoreTableContext';
-import { ListItem, UnorderedList } from '../Lists';
-function OneBlinkFormStoreColumnsButton(props) {
-    const { getToggleHideAllColumnsProps, allColumns, parameters, onChangeParameters, } = useFormStoreTableContext();
-    const [isConfiguringColumns, showColumnConfiguration, hideColumnConfiguration,] = useBooleanState(false);
-    const [isHelpOpen, , , toggleHelp] = useBooleanState(false);
-    const toggleHideAllColumnsProps = getToggleHideAllColumnsProps();
-    const hasRepeatableSets = React.useMemo(() => parameters.unwindRepeatableSets ||
-        allColumns.some((c) => c.formElementType === 'repeatableSet'), [allColumns, parameters.unwindRepeatableSets]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { className: "ob-form-store-columns-button", startIcon: React.createElement(SettingsIcon, null), onClick: showColumnConfiguration, 
-            // eslint-disable-next-line react/no-children-prop
-            children: React.createElement(React.Fragment, null, "Columns"), ...props }),
-        React.createElement(Dialog, { open: isConfiguringColumns, maxWidth: "sm", fullWidth: true, onClose: hideColumnConfiguration },
-            React.createElement(DialogTitle, null, "Column Configuration"),
-            React.createElement(DialogContent, { dividers: true },
-                hasRepeatableSets && (React.createElement(React.Fragment, null,
-                    React.createElement(Grid, { container: true },
-                        React.createElement(Grid, { item: true },
-                            React.createElement(FormGroup, null,
-                                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: !!parameters.unwindRepeatableSets }), onChange: (e, checked) => {
-                                        onChangeParameters((currentParameters) => ({
-                                            ...currentParameters,
-                                            sorting: checked
-                                                ? currentParameters.sorting
-                                                : [
-                                                    {
-                                                        property: 'dateTimeSubmitted',
-                                                        direction: 'descending',
-                                                    },
-                                                ],
-                                            unwindRepeatableSets: checked,
-                                        }), false);
-                                    }, label: "Output a row per repeatable set entry" }))),
-                        React.createElement(Grid, { item: true },
-                            React.createElement(IconButton, { onClick: toggleHelp },
-                                React.createElement(Help, null)))),
-                    React.createElement(Collapse, { in: isHelpOpen },
-                        React.createElement(Alert, { severity: "info" },
-                            React.createElement(AlertTitle, null, "When this setting is enabled:"),
-                            React.createElement(UnorderedList, null,
-                                React.createElement(ListItem, null, "Repeatable set columns will be expanded and create duplicate rows per entry"),
-                                React.createElement(ListItem, null, "Columns inside repeatable set entries can be sorted and filtered"),
-                                React.createElement(ListItem, null, "Columns inside repeatable set entries will be included in the CSV download")))),
-                    React.createElement(Box, { marginY: 2 },
-                        React.createElement(Divider, null)))),
-                React.createElement(FormGroup, null,
-                    React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...toggleHideAllColumnsProps, indeterminate: !!toggleHideAllColumnsProps.indeterminate }), label: React.createElement("b", null, "Toggle All") }),
-                    allColumns.map((column) => {
-                        return (React.createElement(React.Fragment, { key: column.id },
-                            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...column.getToggleHiddenProps() }), label: React.createElement(React.Fragment, null,
-                                    column.headerText,
-                                    column.tooltip && (React.createElement(Typography, { component: "span", color: "textSecondary" },
-                                        ' ',
-                                        "(",
-                                        column.tooltip,
-                                        ")"))) })));
-                    }))),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { onClick: hideColumnConfiguration, color: "primary", variant: "contained" }, "Done")))));
-}
-export default React.memo(OneBlinkFormStoreColumnsButton);
+import * as React from 'react';
+import { Alert, AlertTitle, Box, Button, Checkbox, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, FormGroup, Grid, IconButton, Typography, } from '@mui/material';
+import { Help, Settings as SettingsIcon } from '@mui/icons-material';
+import useBooleanState from '../../hooks/useBooleanState';
+import useFormStoreTableContext from './useFormStoreTableContext';
+import { ListItem, UnorderedList } from '../Lists';
+function OneBlinkFormStoreColumnsButton(props) {
+    const { getToggleHideAllColumnsProps, allColumns, parameters, onChangeParameters, } = useFormStoreTableContext();
+    const [isConfiguringColumns, showColumnConfiguration, hideColumnConfiguration,] = useBooleanState(false);
+    const [isHelpOpen, , , toggleHelp] = useBooleanState(false);
+    const toggleHideAllColumnsProps = getToggleHideAllColumnsProps();
+    const hasRepeatableSets = React.useMemo(() => parameters.unwindRepeatableSets ||
+        allColumns.some((c) => c.formElementType === 'repeatableSet'), [allColumns, parameters.unwindRepeatableSets]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { className: "ob-form-store-columns-button", startIcon: React.createElement(SettingsIcon, null), onClick: showColumnConfiguration, 
+            // eslint-disable-next-line react/no-children-prop
+            children: React.createElement(React.Fragment, null, "Columns"), ...props }),
+        React.createElement(Dialog, { open: isConfiguringColumns, maxWidth: "sm", fullWidth: true, onClose: hideColumnConfiguration },
+            React.createElement(DialogTitle, null, "Column Configuration"),
+            React.createElement(DialogContent, { dividers: true },
+                hasRepeatableSets && (React.createElement(React.Fragment, null,
+                    React.createElement(Grid, { container: true },
+                        React.createElement(Grid, { item: true },
+                            React.createElement(FormGroup, null,
+                                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: !!parameters.unwindRepeatableSets }), onChange: (e, checked) => {
+                                        onChangeParameters((currentParameters) => ({
+                                            ...currentParameters,
+                                            sorting: checked
+                                                ? currentParameters.sorting
+                                                : [
+                                                    {
+                                                        property: 'dateTimeSubmitted',
+                                                        direction: 'descending',
+                                                    },
+                                                ],
+                                            unwindRepeatableSets: checked,
+                                        }), false);
+                                    }, label: "Output a row per repeatable set entry" }))),
+                        React.createElement(Grid, { item: true },
+                            React.createElement(IconButton, { onClick: toggleHelp },
+                                React.createElement(Help, null)))),
+                    React.createElement(Collapse, { in: isHelpOpen },
+                        React.createElement(Alert, { severity: "info" },
+                            React.createElement(AlertTitle, null, "When this setting is enabled:"),
+                            React.createElement(UnorderedList, null,
+                                React.createElement(ListItem, null, "Repeatable set columns will be expanded and create duplicate rows per entry"),
+                                React.createElement(ListItem, null, "Columns inside repeatable set entries can be sorted and filtered"),
+                                React.createElement(ListItem, null, "Columns inside repeatable set entries will be included in the CSV download")))),
+                    React.createElement(Box, { marginY: 2 },
+                        React.createElement(Divider, null)))),
+                React.createElement(FormGroup, null,
+                    React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...toggleHideAllColumnsProps, indeterminate: !!toggleHideAllColumnsProps.indeterminate }), label: React.createElement("b", null, "Toggle All") }),
+                    allColumns.map((column) => {
+                        return (React.createElement(React.Fragment, { key: column.id },
+                            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...column.getToggleHiddenProps() }), label: React.createElement(React.Fragment, null,
+                                    column.headerText,
+                                    column.tooltip && (React.createElement(Typography, { component: "span", color: "textSecondary" },
+                                        ' ',
+                                        "(",
+                                        column.tooltip,
+                                        ")"))) })));
+                    }))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: hideColumnConfiguration, color: "primary", variant: "contained" }, "Done")))));
+}
+export default React.memo(OneBlinkFormStoreColumnsButton);
 //# sourceMappingURL=OneBlinkFormStoreColumnsButton.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { LoadingButton } from '@mui/lab';
-declare function OneBlinkFormStoreDownloadButton(props: React.ComponentProps<typeof LoadingButton>): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreDownloadButton>;
-export default _default;
+import * as React from 'react';
+import { LoadingButton } from '@mui/lab';
+declare function OneBlinkFormStoreDownloadButton(props: React.ComponentProps<typeof LoadingButton>): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreDownloadButton>;
+export default _default;

package/dist/components/formStore/OneBlinkFormStoreDownloadButton.js

@@ -1,87 +1,87 @@
-import * as React from 'react';
-import { Tooltip, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, } from '@mui/material';
-import { LoadingButton } from '@mui/lab';
-import CsvIcon from '@mui/icons-material/Download';
-import ErrorSnackbar from '../ErrorSnackbar';
-import { formStoreService } from '@oneblink/apps';
-import useFormStoreTableContext from './useFormStoreTableContext';
-function OneBlinkFormStoreDownloadButton(props) {
-    const { visibleColumns, parameters, form } = useFormStoreTableContext();
-    const [{ isDownloadingCsv, isPromptingDownloadCsv, downloadingCsvError }, setState,] = React.useState({
-        isDownloadingCsv: false,
-        isPromptingDownloadCsv: false,
-        downloadingCsvError: null,
-    });
-    const clearError = React.useCallback(() => {
-        setState((currentState) => ({
-            ...currentState,
-            downloadingCsvError: null,
-        }));
-    }, []);
-    const downloadCsv = React.useCallback(async () => {
-        setState({
-            isPromptingDownloadCsv: false,
-            isDownloadingCsv: true,
-            downloadingCsvError: null,
-        });
-        try {
-            await formStoreService.exportFormStoreRecords(form.name, {
-                formId: form.id,
-                includeColumns: visibleColumns.map((visibleColumn) => visibleColumn.id),
-                ...parameters,
-            });
-            setState((currentState) => ({
-                ...currentState,
-                isDownloadingCsv: false,
-                downloadingCsvError: null,
-            }));
-        }
-        catch (error) {
-            setState((currentState) => ({
-                ...currentState,
-                isDownloadingCsv: false,
-                downloadingCsvError: error,
-            }));
-        }
-    }, [form, parameters, visibleColumns]);
-    const promptDownloadCsv = React.useCallback(() => {
-        if (!parameters.unwindRepeatableSets &&
-            visibleColumns.some((c) => c.formElementType === 'repeatableSet')) {
-            setState((currentState) => ({
-                ...currentState,
-                downloadingCsvError: null,
-                isPromptingDownloadCsv: true,
-            }));
-            return;
-        }
-        downloadCsv();
-    }, [downloadCsv, parameters.unwindRepeatableSets, visibleColumns]);
-    const cancelPromptDownloadCsv = React.useCallback(() => {
-        setState((currentState) => ({
-            ...currentState,
-            isPromptingDownloadCsv: false,
-        }));
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { title: "Download submission data as a CSV file" },
-            React.createElement(LoadingButton, { className: "ob-form-store-download-csv-button", type: "button", loading: isDownloadingCsv, loadingPosition: "start", startIcon: React.createElement(CsvIcon, null), onClick: promptDownloadCsv, 
-                // eslint-disable-next-line react/no-children-prop
-                children: React.createElement(React.Fragment, null, "Download"), ...props })),
-        React.createElement(ErrorSnackbar, { open: !!downloadingCsvError, onClose: clearError },
-            React.createElement("span", { "data-cypress": "edit-dialog-error-message" }, downloadingCsvError && downloadingCsvError.message)),
-        React.createElement(Dialog, { open: isPromptingDownloadCsv, maxWidth: "sm", fullWidth: true, onClose: cancelPromptDownloadCsv },
-            React.createElement(DialogTitle, null, "Column Configuration"),
-            React.createElement(DialogContent, null,
-                React.createElement(DialogContentText, null,
-                    "Repeatable set columns will not be included in the export unless the",
-                    ' ',
-                    React.createElement("b", null, "Output a row per repeatable set entry"),
-                    " option is turned on under ",
-                    React.createElement("b", null, "Column Configuration"),
-                    ".")),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { onClick: cancelPromptDownloadCsv, variant: "text" }, "Cancel"),
-                React.createElement(Button, { onClick: downloadCsv, startIcon: React.createElement(CsvIcon, null), color: "primary", variant: "contained" }, "Download")))));
-}
-export default React.memo(OneBlinkFormStoreDownloadButton);
+import * as React from 'react';
+import { Tooltip, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, } from '@mui/material';
+import { LoadingButton } from '@mui/lab';
+import CsvIcon from '@mui/icons-material/Download';
+import ErrorSnackbar from '../ErrorSnackbar';
+import { formStoreService } from '@oneblink/apps';
+import useFormStoreTableContext from './useFormStoreTableContext';
+function OneBlinkFormStoreDownloadButton(props) {
+    const { visibleColumns, parameters, form } = useFormStoreTableContext();
+    const [{ isDownloadingCsv, isPromptingDownloadCsv, downloadingCsvError }, setState,] = React.useState({
+        isDownloadingCsv: false,
+        isPromptingDownloadCsv: false,
+        downloadingCsvError: null,
+    });
+    const clearError = React.useCallback(() => {
+        setState((currentState) => ({
+            ...currentState,
+            downloadingCsvError: null,
+        }));
+    }, []);
+    const downloadCsv = React.useCallback(async () => {
+        setState({
+            isPromptingDownloadCsv: false,
+            isDownloadingCsv: true,
+            downloadingCsvError: null,
+        });
+        try {
+            await formStoreService.exportFormStoreRecords(form.name, {
+                formId: form.id,
+                includeColumns: visibleColumns.map((visibleColumn) => visibleColumn.id),
+                ...parameters,
+            });
+            setState((currentState) => ({
+                ...currentState,
+                isDownloadingCsv: false,
+                downloadingCsvError: null,
+            }));
+        }
+        catch (error) {
+            setState((currentState) => ({
+                ...currentState,
+                isDownloadingCsv: false,
+                downloadingCsvError: error,
+            }));
+        }
+    }, [form, parameters, visibleColumns]);
+    const promptDownloadCsv = React.useCallback(() => {
+        if (!parameters.unwindRepeatableSets &&
+            visibleColumns.some((c) => c.formElementType === 'repeatableSet')) {
+            setState((currentState) => ({
+                ...currentState,
+                downloadingCsvError: null,
+                isPromptingDownloadCsv: true,
+            }));
+            return;
+        }
+        downloadCsv();
+    }, [downloadCsv, parameters.unwindRepeatableSets, visibleColumns]);
+    const cancelPromptDownloadCsv = React.useCallback(() => {
+        setState((currentState) => ({
+            ...currentState,
+            isPromptingDownloadCsv: false,
+        }));
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Tooltip, { title: "Download submission data as a CSV file" },
+            React.createElement(LoadingButton, { className: "ob-form-store-download-csv-button", type: "button", loading: isDownloadingCsv, loadingPosition: "start", startIcon: React.createElement(CsvIcon, null), onClick: promptDownloadCsv, 
+                // eslint-disable-next-line react/no-children-prop
+                children: React.createElement(React.Fragment, null, "Download"), ...props })),
+        React.createElement(ErrorSnackbar, { open: !!downloadingCsvError, onClose: clearError },
+            React.createElement("span", { "data-cypress": "edit-dialog-error-message" }, downloadingCsvError && downloadingCsvError.message)),
+        React.createElement(Dialog, { open: isPromptingDownloadCsv, maxWidth: "sm", fullWidth: true, onClose: cancelPromptDownloadCsv },
+            React.createElement(DialogTitle, null, "Column Configuration"),
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, null,
+                    "Repeatable set columns will not be included in the export unless the",
+                    ' ',
+                    React.createElement("b", null, "Output a row per repeatable set entry"),
+                    " option is turned on under ",
+                    React.createElement("b", null, "Column Configuration"),
+                    ".")),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: cancelPromptDownloadCsv, variant: "text" }, "Cancel"),
+                React.createElement(Button, { onClick: downloadCsv, startIcon: React.createElement(CsvIcon, null), color: "primary", variant: "contained" }, "Download")))));
+}
+export default React.memo(OneBlinkFormStoreDownloadButton);
 //# sourceMappingURL=OneBlinkFormStoreDownloadButton.js.map

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-export declare type FormStoreElementsContextValue = FormTypes.FormElementWithName[];
-export declare const FormStoreElementsContext: React.Context<FormStoreElementsContextValue>;
-export declare function OneBlinkFormStoreProvider({ form, children, }: {
-    form: FormTypes.Form;
-    children: React.ReactNode;
-}): JSX.Element;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+export declare type FormStoreElementsContextValue = FormTypes.FormElementWithName[];
+export declare const FormStoreElementsContext: React.Context<FormStoreElementsContextValue>;
+export declare function OneBlinkFormStoreProvider({ form, children, }: {
+    form: FormTypes.Form;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/components/formStore/OneBlinkFormStoreProvider.js

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import LoadingWithMessage from '../LoadingWithMessage';
-import ErrorMessage from '../messages/ErrorMessage';
-import { formStoreService } from '@oneblink/apps';
-import useLoadDataState from '../../hooks/useLoadDataState';
-import { Box } from '@mui/material';
-import { FormStoreTableProvider } from './FormStoreTableProvider';
-export const FormStoreElementsContext = React.createContext([]);
-export function OneBlinkFormStoreProvider({ form, children, }) {
-    const fetchFormStoreDefinition = React.useCallback((abortSignal) => {
-        return formStoreService.getFormStoreDefinition(form.id, abortSignal);
-    }, [form.id]);
-    const [formStoreDefinitionState, onTryAgain] = useLoadDataState(fetchFormStoreDefinition);
-    if (formStoreDefinitionState.status === 'LOADING') {
-        return React.createElement(LoadingWithMessage, null);
-    }
-    if (formStoreDefinitionState.status === 'ERROR') {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ErrorMessage, { title: "Error Retrieving Form Definition", gutterTop: true, onTryAgain: onTryAgain }, formStoreDefinitionState.error.message)));
-    }
-    return (React.createElement(FormStoreElementsContext.Provider, { value: formStoreDefinitionState.result.formElements },
-        React.createElement(Box, { paddingBottom: 20 },
-            React.createElement(FormStoreTableProvider, { form: form }, children))));
-}
+import * as React from 'react';
+import LoadingWithMessage from '../LoadingWithMessage';
+import ErrorMessage from '../messages/ErrorMessage';
+import { formStoreService } from '@oneblink/apps';
+import useLoadDataState from '../../hooks/useLoadDataState';
+import { Box } from '@mui/material';
+import { FormStoreTableProvider } from './FormStoreTableProvider';
+export const FormStoreElementsContext = React.createContext([]);
+export function OneBlinkFormStoreProvider({ form, children, }) {
+    const fetchFormStoreDefinition = React.useCallback((abortSignal) => {
+        return formStoreService.getFormStoreDefinition(form.id, abortSignal);
+    }, [form.id]);
+    const [formStoreDefinitionState, onTryAgain] = useLoadDataState(fetchFormStoreDefinition);
+    if (formStoreDefinitionState.status === 'LOADING') {
+        return React.createElement(LoadingWithMessage, null);
+    }
+    if (formStoreDefinitionState.status === 'ERROR') {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(ErrorMessage, { title: "Error Retrieving Form Definition", gutterTop: true, onTryAgain: onTryAgain }, formStoreDefinitionState.error.message)));
+    }
+    return (React.createElement(FormStoreElementsContext.Provider, { value: formStoreDefinitionState.result.formElements },
+        React.createElement(Box, { paddingBottom: 20 },
+            React.createElement(FormStoreTableProvider, { form: form }, children))));
+}
 //# sourceMappingURL=OneBlinkFormStoreProvider.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Button } from '@mui/material';
-declare function OneBlinkFormStoreRefreshButton(props: React.ComponentProps<typeof Button>): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreRefreshButton>;
-export default _default;
+import * as React from 'react';
+import { Button } from '@mui/material';
+declare function OneBlinkFormStoreRefreshButton(props: React.ComponentProps<typeof Button>): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreRefreshButton>;
+export default _default;

package/dist/components/formStore/OneBlinkFormStoreRefreshButton.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Button } from '@mui/material';
-import { Sync as SyncIcon } from '@mui/icons-material';
-import useFormStoreTableContext from './useFormStoreTableContext';
-function OneBlinkFormStoreRefreshButton(props) {
-    const { onRefresh, submissionIdValidationMessage } = useFormStoreTableContext();
-    return (React.createElement(Button, { className: "ob-form-store-refresh-button", startIcon: React.createElement(SyncIcon, null), onClick: onRefresh, color: "primary", variant: "contained", disabled: !!submissionIdValidationMessage, 
-        // eslint-disable-next-line react/no-children-prop
-        children: React.createElement(React.Fragment, null, "Refresh"), ...props }));
-}
-export default React.memo(OneBlinkFormStoreRefreshButton);
+import * as React from 'react';
+import { Button } from '@mui/material';
+import { Sync as SyncIcon } from '@mui/icons-material';
+import useFormStoreTableContext from './useFormStoreTableContext';
+function OneBlinkFormStoreRefreshButton(props) {
+    const { onRefresh, submissionIdValidationMessage } = useFormStoreTableContext();
+    return (React.createElement(Button, { className: "ob-form-store-refresh-button", startIcon: React.createElement(SyncIcon, null), onClick: onRefresh, color: "primary", variant: "contained", disabled: !!submissionIdValidationMessage, 
+        // eslint-disable-next-line react/no-children-prop
+        children: React.createElement(React.Fragment, null, "Refresh"), ...props }));
+}
+export default React.memo(OneBlinkFormStoreRefreshButton);
 //# sourceMappingURL=OneBlinkFormStoreRefreshButton.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
-declare function OneBlinkFormStoreTable(): JSX.Element | null;
-declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreTable>;
-export default _default;
+import * as React from 'react';
+declare function OneBlinkFormStoreTable(): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreTable>;
+export default _default;