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

package/dist/components/formStore/table/useFormStoreTable.d.ts

@@ -1,52 +1,52 @@
-import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
-import { TableState } from 'react-table';
-import { FormTypes } from '@oneblink/types';
-import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
-import { formStoreService } from '@oneblink/apps';
-export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }: {
-    formStoreRecords: FormStoreRecord[];
-    form: FormTypes.Form;
-    parameters: formStoreService.FormStoreParameters;
-    onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
-    onRefresh: () => void;
-    submissionIdValidationMessage?: string;
-}): {
-    readonly form: FormTypes.Form;
-    readonly parameters: formStoreService.FormStoreParameters;
-    readonly onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
-    readonly onRefresh: () => void;
-    readonly submissionIdValidationMessage: string | undefined;
-    readonly data: readonly FormStoreRecord[];
-    readonly initialState?: Partial<TableState<FormStoreRecord>> | undefined;
-    readonly stateReducer?: ((newState: TableState<FormStoreRecord>, action: import("react-table").ActionType, previousState: TableState<FormStoreRecord>, instance?: import("react-table").TableInstance<FormStoreRecord> | undefined) => TableState<FormStoreRecord>) | undefined;
-    readonly useControlledState?: ((state: TableState<FormStoreRecord>, meta: import("react-table").MetaBase<FormStoreRecord>) => TableState<FormStoreRecord>) | undefined;
-    readonly defaultColumn?: Partial<import("react-table").Column<FormStoreRecord>> | undefined;
-    readonly getSubRows?: ((originalRow: FormStoreRecord, relativeIndex: number) => FormStoreRecord[]) | undefined;
-    readonly getRowId?: ((originalRow: FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<FormStoreRecord> | undefined) => string) | undefined;
-    readonly autoResetHiddenColumns?: boolean | undefined;
-    readonly disableResizing?: boolean | undefined;
-    readonly autoResetResize?: boolean | undefined;
-    readonly state: TableState<FormStoreRecord>;
-    readonly plugins: import("react-table").PluginHook<FormStoreRecord>[];
-    readonly dispatch: import("react-table").TableDispatch<any>;
-    readonly columns: import("react-table").ColumnInstance<FormStoreRecord>[];
-    readonly allColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
-    readonly visibleColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
-    readonly headerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
-    readonly footerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
-    readonly headers: import("react-table").ColumnInstance<FormStoreRecord>[];
-    readonly flatHeaders: import("react-table").ColumnInstance<FormStoreRecord>[];
-    readonly rows: import("react-table").Row<FormStoreRecord>[];
-    readonly rowsById: Record<string, import("react-table").Row<FormStoreRecord>>;
-    readonly getTableProps: (propGetter?: import("react-table").TablePropGetter<FormStoreRecord> | undefined) => import("react-table").TableProps;
-    readonly getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
-    readonly prepareRow: (row: import("react-table").Row<FormStoreRecord>) => void;
-    readonly flatRows: import("react-table").Row<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<FormStoreRecord>;
-};
+import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
+import { TableState } from 'react-table';
+import { FormTypes } from '@oneblink/types';
+import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
+import { formStoreService } from '@oneblink/apps';
+export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }: {
+    formStoreRecords: FormStoreRecord[];
+    form: FormTypes.Form;
+    parameters: formStoreService.FormStoreParameters;
+    onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
+    onRefresh: () => void;
+    submissionIdValidationMessage?: string;
+}): {
+    readonly form: FormTypes.Form;
+    readonly parameters: formStoreService.FormStoreParameters;
+    readonly onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
+    readonly onRefresh: () => void;
+    readonly submissionIdValidationMessage: string | undefined;
+    readonly data: readonly FormStoreRecord[];
+    readonly initialState?: Partial<TableState<FormStoreRecord>> | undefined;
+    readonly stateReducer?: ((newState: TableState<FormStoreRecord>, action: import("react-table").ActionType, previousState: TableState<FormStoreRecord>, instance?: import("react-table").TableInstance<FormStoreRecord> | undefined) => TableState<FormStoreRecord>) | undefined;
+    readonly useControlledState?: ((state: TableState<FormStoreRecord>, meta: import("react-table").MetaBase<FormStoreRecord>) => TableState<FormStoreRecord>) | undefined;
+    readonly defaultColumn?: Partial<import("react-table").Column<FormStoreRecord>> | undefined;
+    readonly getSubRows?: ((originalRow: FormStoreRecord, relativeIndex: number) => FormStoreRecord[]) | undefined;
+    readonly getRowId?: ((originalRow: FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<FormStoreRecord> | undefined) => string) | undefined;
+    readonly autoResetHiddenColumns?: boolean | undefined;
+    readonly disableResizing?: boolean | undefined;
+    readonly autoResetResize?: boolean | undefined;
+    readonly state: TableState<FormStoreRecord>;
+    readonly plugins: import("react-table").PluginHook<FormStoreRecord>[];
+    readonly dispatch: import("react-table").TableDispatch<any>;
+    readonly columns: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly allColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly visibleColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly headerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
+    readonly footerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
+    readonly headers: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly flatHeaders: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly rows: import("react-table").Row<FormStoreRecord>[];
+    readonly rowsById: Record<string, import("react-table").Row<FormStoreRecord>>;
+    readonly getTableProps: (propGetter?: import("react-table").TablePropGetter<FormStoreRecord> | undefined) => import("react-table").TableProps;
+    readonly getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
+    readonly prepareRow: (row: import("react-table").Row<FormStoreRecord>) => void;
+    readonly flatRows: import("react-table").Row<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<FormStoreRecord>;
+};

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