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

package/dist/components/ErrorSnackbar.js

@@ -1,26 +1,26 @@
-import * as React from 'react';
-import { Snackbar, IconButton } from '@mui/material';
-import { Close } from '@mui/icons-material';
-import MuiAlert from '@mui/material/Alert';
-import { styled } from '@mui/material/styles';
-const Alert = React.forwardRef(function Alert(props, ref) {
-    return React.createElement(MuiAlert, { elevation: 6, ref: ref, variant: "filled", ...props });
-});
-function ErrorSnackbar({ open, onClose, children, }) {
-    const handleClose = React.useCallback((e, reason) => {
-        if (reason !== 'clickaway') {
-            onClose(null);
-        }
-    }, [onClose]);
-    return (React.createElement(Snackbar, { anchorOrigin: {
-            vertical: 'bottom',
-            horizontal: 'right',
-        }, open: open, onClose: handleClose, className: "ob-error-snackbar" },
-        React.createElement(Alert, { severity: "error", action: React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, "data-cypress": "error-snackbar-close", size: "large" },
-                React.createElement(StyledCloseIcon, null)) }, children)));
-}
-const StyledCloseIcon = styled(Close)(() => ({
-    fontSize: 20,
-}));
-export default React.memo(ErrorSnackbar);
+import * as React from 'react';
+import { Snackbar, IconButton } from '@mui/material';
+import { Close } from '@mui/icons-material';
+import MuiAlert from '@mui/material/Alert';
+import { styled } from '@mui/material/styles';
+const Alert = React.forwardRef(function Alert(props, ref) {
+    return React.createElement(MuiAlert, { elevation: 6, ref: ref, variant: "filled", ...props });
+});
+function ErrorSnackbar({ open, onClose, children, }) {
+    const handleClose = React.useCallback((e, reason) => {
+        if (reason !== 'clickaway') {
+            onClose(null);
+        }
+    }, [onClose]);
+    return (React.createElement(Snackbar, { anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'right',
+        }, open: open, onClose: handleClose, className: "ob-error-snackbar" },
+        React.createElement(Alert, { severity: "error", action: React.createElement(IconButton, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, "data-cypress": "error-snackbar-close", size: "large" },
+                React.createElement(StyledCloseIcon, null)) }, children)));
+}
+const StyledCloseIcon = styled(Close)(() => ({
+    fontSize: 20,
+}));
+export default React.memo(ErrorSnackbar);
 //# sourceMappingURL=ErrorSnackbar.js.map

package/dist/components/Lists.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import { Theme } from '@mui/material';
-declare type ListItemsProps = {
-    children: React.ReactNode;
-    disablePadding?: boolean;
-};
-export declare const OrderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
-export declare const UnorderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-declare type ListProps = {
-    spaced?: boolean;
-};
-export declare const ListItem: import("@emotion/styled").StyledComponent<Omit<import("@mui/system").SystemProps<Theme> & {
-    align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
-    children?: React.ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | ("p" | "color" | "top" | "right" | "bottom" | "left" | "height" | "width" | "fontStyle" | "marginBottom" | "position" | "my" | "pl" | "pt" | "minWidth" | "maxWidth" | "zIndex" | "typography" | "fontFamily" | "fontSize" | "flex" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "boxShadow" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "pr" | "pb" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "ref"> & import("@mui/system").MUIStyledCommonProps<Theme> & ListProps, {}, {}>;
-export {};
+import * as React from 'react';
+import { Theme } from '@mui/material';
+declare type ListItemsProps = {
+    children: React.ReactNode;
+    disablePadding?: boolean;
+};
+export declare const OrderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
+export declare const UnorderedList: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & ListItemsProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+declare type ListProps = {
+    spaced?: boolean;
+};
+export declare const ListItem: import("@emotion/styled").StyledComponent<Omit<import("@mui/system").SystemProps<Theme> & {
+    align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "variant" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | ("p" | "color" | "top" | "right" | "bottom" | "left" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "ref"> & import("@mui/system").MUIStyledCommonProps<Theme> & ListProps, {}, {}>;
+export {};

package/dist/components/Lists.js

@@ -1,45 +1,45 @@
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import { styled } from '@mui/material';
-const noPaddingY = {
-    paddingTop: 0,
-    paddingBottom: 0,
-};
-const getListStyles = (theme) => ({
-    margin: 0,
-    padding: theme.spacing(1, 1, 1, 4),
-    listStyle: 'inherit',
-    '& > ul, & > ol': noPaddingY,
-});
-export const OrderedList = styled('ol', {
-    shouldForwardProp: (prop) => prop !== 'disablePadding',
-})(({ theme, disablePadding }) => {
-    return {
-        ...getListStyles(theme),
-        ...(disablePadding ? noPaddingY : {}),
-    };
-});
-export const UnorderedList = styled('ul', {
-    shouldForwardProp: (prop) => prop !== 'disablePadding',
-})(({ theme, disablePadding }) => {
-    return {
-        ...getListStyles(theme),
-        ...(disablePadding ? noPaddingY : {}),
-    };
-});
-function Li(props) {
-    return (React.createElement(Typography, { ...props, component: "li", color: "inherit", variant: "body2" }));
-}
-export const ListItem = styled(Li, {
-    shouldForwardProp: (prop) => prop !== 'spaced',
-})(({ spaced }) => {
-    return {
-        display: 'list-item',
-        ...(spaced
-            ? {
-                lineHeight: 1.9,
-            }
-            : {}),
-    };
-});
+import * as React from 'react';
+import Typography from '@mui/material/Typography';
+import { styled } from '@mui/material';
+const noPaddingY = {
+    paddingTop: 0,
+    paddingBottom: 0,
+};
+const getListStyles = (theme) => ({
+    margin: 0,
+    padding: theme.spacing(1, 1, 1, 4),
+    listStyle: 'inherit',
+    '& > ul, & > ol': noPaddingY,
+});
+export const OrderedList = styled('ol', {
+    shouldForwardProp: (prop) => prop !== 'disablePadding',
+})(({ theme, disablePadding }) => {
+    return {
+        ...getListStyles(theme),
+        ...(disablePadding ? noPaddingY : {}),
+    };
+});
+export const UnorderedList = styled('ul', {
+    shouldForwardProp: (prop) => prop !== 'disablePadding',
+})(({ theme, disablePadding }) => {
+    return {
+        ...getListStyles(theme),
+        ...(disablePadding ? noPaddingY : {}),
+    };
+});
+function Li(props) {
+    return (React.createElement(Typography, { ...props, component: "li", color: "inherit", variant: "body2" }));
+}
+export const ListItem = styled(Li, {
+    shouldForwardProp: (prop) => prop !== 'spaced',
+})(({ spaced }) => {
+    return {
+        display: 'list-item',
+        ...(spaced
+            ? {
+                lineHeight: 1.9,
+            }
+            : {}),
+    };
+});
 //# sourceMappingURL=Lists.js.map

package/dist/components/LoadingWithMessage.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-declare type Props = {
-    message?: string;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    message?: string;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/LoadingWithMessage.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Box, CircularProgress, Grid, Typography } from '@mui/material';
-const Loading = ({ message }) => {
-    return (React.createElement(Box, { p: 2, className: "ob-loading-with-message" },
-        React.createElement(Grid, { container: true, spacing: 2, className: "ob-loading" },
-            React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center" },
-                React.createElement(CircularProgress, null)),
-            message && (React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center", className: "ob-loading-message" },
-                React.createElement(Typography, { variant: "body2", align: "center" }, message))))));
-};
-export default React.memo(Loading);
+import * as React from 'react';
+import { Box, CircularProgress, Grid, Typography } from '@mui/material';
+const Loading = ({ message }) => {
+    return (React.createElement(Box, { p: 2, className: "ob-loading-with-message" },
+        React.createElement(Grid, { container: true, spacing: 2, className: "ob-loading" },
+            React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center" },
+                React.createElement(CircularProgress, null)),
+            message && (React.createElement(Grid, { xs: 12, container: true, item: true, justifyContent: "center", className: "ob-loading-message" },
+                React.createElement(Typography, { variant: "body2", align: "center" }, message))))));
+};
+export default React.memo(Loading);
 //# sourceMappingURL=LoadingWithMessage.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-export declare function FormStoreTableProvider({ form, children, }: {
-    form: FormTypes.Form;
-    children: React.ReactNode;
-}): JSX.Element;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+export declare function FormStoreTableProvider({ form, children, }: {
+    form: FormTypes.Form;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/components/formStore/FormStoreTableProvider.js

@@ -1,91 +1,91 @@
-import * as React from 'react';
-import { useHistory } from 'react-router-dom';
-import querystring from 'query-string';
-import { formStoreService } from '@oneblink/apps';
-import useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad';
-import useFormStoreTable from './table/useFormStoreTable';
-import { Button, Grid } from '@mui/material';
-import { Settings as SettingsIcon } from '@mui/icons-material';
-import useSubmissionIdValidationMessage, { validateIsUUID, } from '../../hooks/useSubmissionIdIsValid';
-import ErrorMessage from '../messages/ErrorMessage';
-import LoadingWithMessage from '../LoadingWithMessage';
-import NoResourcesYet from '../messages/NoResourcesYet';
-import FormStoreIcon from './display/FormStoreIcon';
-import { FormStoreTableContext } from './useFormStoreTableContext';
-export function FormStoreTableProvider({ form, children, }) {
-    var _a, _b;
-    const history = useHistory();
-    const { isLoading, loadError, records: formStoreRecords, onTryAgain, onRefresh, filters: parameters, onChangeFilters: onChangeParameters, } = useInfiniteScrollDataLoad({
-        limit: 50,
-        debounceSearchMs: 1000,
-        onDefaultFilters: React.useCallback((query) => {
-            let defaultParameters = {};
-            try {
-                if (typeof query.parameters === 'string') {
-                    defaultParameters = JSON.parse(query.parameters);
-                }
-            }
-            catch (error) {
-                console.warn('Could not parse filter as JSON', error);
-            }
-            if (!defaultParameters.sorting) {
-                defaultParameters.sorting = [
-                    { property: 'dateTimeSubmitted', direction: 'descending' },
-                ];
-            }
-            return defaultParameters;
-        }, []),
-        onSearch: React.useCallback(async (currentParameters, paging, abortSignal) => {
-            var _a;
-            // Exclude all search parameters if searching
-            // for a specific submission using an identifier
-            const filters = ((_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.submissionId)
-                ? {
-                    submissionId: currentParameters.filters.submissionId,
-                }
-                : currentParameters.filters;
-            const result = await formStoreService.searchFormStoreRecords({
-                ...currentParameters,
-                paging,
-                formId: form.id,
-                filters,
-            }, abortSignal);
-            return {
-                records: result.formStoreRecords,
-                meta: result.meta,
-            };
-        }, [form.id]),
-        onValidateFilters: React.useCallback((currentParameters) => {
-            var _a, _b;
-            return validateIsUUID((_b = (_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.submissionId) === null || _b === void 0 ? void 0 : _b.$eq);
-        }, []),
-    });
-    React.useEffect(() => {
-        history.replace({
-            search: querystring.stringify({
-                parameters: JSON.stringify(parameters),
-            }),
-        });
-    }, [history, parameters]);
-    const submissionIdValidationMessage = useSubmissionIdValidationMessage((_b = (_a = parameters.filters) === null || _a === void 0 ? void 0 : _a.submissionId) === null || _b === void 0 ? void 0 : _b.$eq);
-    const formStoreTable = useFormStoreTable({
-        formStoreRecords,
-        parameters,
-        onChangeParameters,
-        submissionIdValidationMessage,
-        form,
-        onRefresh,
-    });
-    return (React.createElement(FormStoreTableContext.Provider, { value: formStoreTable },
-        children,
-        formStoreTable.visibleColumns.length ? (React.createElement(React.Fragment, null, !formStoreRecords.length && !isLoading && !loadError && (React.createElement(NoResourcesYet, { IconComponent: FormStoreIcon, title: "No Records Found..." }, "There are no Submissions matching your filters.")))) : (React.createElement(NoResourcesYet, { IconComponent: SettingsIcon, title: "No Columns Visible", gutterBottom: true }, "It looks like you have hidden all of the available columns. Please enable at least one column to view submissions.")),
-        isLoading && (React.createElement("div", { className: isLoading === 'INITIAL'
-                ? 'ob-form-store-loading-initial'
-                : 'ob-form-store-loading-more' },
-            React.createElement(LoadingWithMessage, { message: "Loading more records..." }))),
-        loadError && (React.createElement(React.Fragment, null,
-            React.createElement(ErrorMessage, { title: "Error Retrieving Submissions", gutterBottom: true, gutterTop: true }, loadError.message),
-            React.createElement(Grid, { container: true, justifyContent: "center" },
-                React.createElement(Button, { className: "ob-form-store-try-again-button", variant: "outlined", color: "primary", onClick: () => onTryAgain() }, "Try Again"))))));
-}
+import * as React from 'react';
+import { useHistory } from 'react-router-dom';
+import querystring from 'query-string';
+import { formStoreService } from '@oneblink/apps';
+import useInfiniteScrollDataLoad from '../../hooks/useInfiniteScrollDataLoad';
+import useFormStoreTable from './table/useFormStoreTable';
+import { Button, Grid } from '@mui/material';
+import { Settings as SettingsIcon } from '@mui/icons-material';
+import useSubmissionIdValidationMessage, { validateIsUUID, } from '../../hooks/useSubmissionIdIsValid';
+import ErrorMessage from '../messages/ErrorMessage';
+import LoadingWithMessage from '../LoadingWithMessage';
+import NoResourcesYet from '../messages/NoResourcesYet';
+import FormStoreIcon from './display/FormStoreIcon';
+import { FormStoreTableContext } from './useFormStoreTableContext';
+export function FormStoreTableProvider({ form, children, }) {
+    var _a, _b;
+    const history = useHistory();
+    const { isLoading, loadError, records: formStoreRecords, onTryAgain, onRefresh, filters: parameters, onChangeFilters: onChangeParameters, } = useInfiniteScrollDataLoad({
+        limit: 50,
+        debounceSearchMs: 1000,
+        onDefaultFilters: React.useCallback((query) => {
+            let defaultParameters = {};
+            try {
+                if (typeof query.parameters === 'string') {
+                    defaultParameters = JSON.parse(query.parameters);
+                }
+            }
+            catch (error) {
+                console.warn('Could not parse filter as JSON', error);
+            }
+            if (!defaultParameters.sorting) {
+                defaultParameters.sorting = [
+                    { property: 'dateTimeSubmitted', direction: 'descending' },
+                ];
+            }
+            return defaultParameters;
+        }, []),
+        onSearch: React.useCallback(async (currentParameters, paging, abortSignal) => {
+            var _a;
+            // Exclude all search parameters if searching
+            // for a specific submission using an identifier
+            const filters = ((_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.submissionId)
+                ? {
+                    submissionId: currentParameters.filters.submissionId,
+                }
+                : currentParameters.filters;
+            const result = await formStoreService.searchFormStoreRecords({
+                ...currentParameters,
+                paging,
+                formId: form.id,
+                filters,
+            }, abortSignal);
+            return {
+                records: result.formStoreRecords,
+                meta: result.meta,
+            };
+        }, [form.id]),
+        onValidateFilters: React.useCallback((currentParameters) => {
+            var _a, _b;
+            return validateIsUUID((_b = (_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.submissionId) === null || _b === void 0 ? void 0 : _b.$eq);
+        }, []),
+    });
+    React.useEffect(() => {
+        history.replace({
+            search: querystring.stringify({
+                parameters: JSON.stringify(parameters),
+            }),
+        });
+    }, [history, parameters]);
+    const submissionIdValidationMessage = useSubmissionIdValidationMessage((_b = (_a = parameters.filters) === null || _a === void 0 ? void 0 : _a.submissionId) === null || _b === void 0 ? void 0 : _b.$eq);
+    const formStoreTable = useFormStoreTable({
+        formStoreRecords,
+        parameters,
+        onChangeParameters,
+        submissionIdValidationMessage,
+        form,
+        onRefresh,
+    });
+    return (React.createElement(FormStoreTableContext.Provider, { value: formStoreTable },
+        children,
+        formStoreTable.visibleColumns.length ? (React.createElement(React.Fragment, null, !formStoreRecords.length && !isLoading && !loadError && (React.createElement(NoResourcesYet, { IconComponent: FormStoreIcon, title: "No Records Found..." }, "There are no Submissions matching your filters.")))) : (React.createElement(NoResourcesYet, { IconComponent: SettingsIcon, title: "No Columns Visible", gutterBottom: true }, "It looks like you have hidden all of the available columns. Please enable at least one column to view submissions.")),
+        isLoading && (React.createElement("div", { className: isLoading === 'INITIAL'
+                ? 'ob-form-store-loading-initial'
+                : 'ob-form-store-loading-more' },
+            React.createElement(LoadingWithMessage, { message: "Loading more records..." }))),
+        loadError && (React.createElement(React.Fragment, null,
+            React.createElement(ErrorMessage, { title: "Error Retrieving Submissions", gutterBottom: true, gutterTop: true }, loadError.message),
+            React.createElement(Grid, { container: true, justifyContent: "center" },
+                React.createElement(Button, { className: "ob-form-store-try-again-button", variant: "outlined", color: "primary", onClick: () => onTryAgain() }, "Try Again"))))));
+}
 //# sourceMappingURL=FormStoreTableProvider.js.map

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

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

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;