@oneblink/apps-react 8.14.0 → 9.0.0-beta.10

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

@@ -14,19 +14,31 @@ const defaultHiddenColumns = [
 ];
 export const latestStateVersion = defaultHiddenColumns[defaultHiddenColumns.length - 1].version;
 export const getVersionedFormTableState = (initialState) => {
+    var _a;
     const state = { ...initialState };
+    // carry over deprecated hiddenColumns to columnVisibility
+    if ((_a = state.hiddenColumns) === null || _a === void 0 ? void 0 : _a.length) {
+        const columnVisibility = {};
+        state.hiddenColumns.forEach((column) => {
+            columnVisibility[column] = false;
+        });
+        state.columnVisibility = columnVisibility;
+    }
     // If there are no hidden columns yet, meaning it is a
     // brand new state, hide all default columns.
-    if (!Array.isArray(state.hiddenColumns)) {
-        state.hiddenColumns = defaultHiddenColumns.reduce((memo, defaultHiddenColumn) => {
-            return [...memo, ...defaultHiddenColumn.hiddenColumns];
-        }, []);
+    if (!state.columnVisibility) {
+        state.columnVisibility = defaultHiddenColumns.reduce((memo, defaultHiddenColumn) => {
+            defaultHiddenColumn.hiddenColumns.forEach((column) => {
+                memo[column] = false;
+            });
+            return memo;
+        }, {});
     }
     else if (state.defaultHiddenColumnsVersion !== latestStateVersion) {
         // If the state is not up to the latest version, find the next version
         // and add the new defaults
         let foundVersion = false;
-        const columnsSet = new Set(state.hiddenColumns);
+        const columnsSet = new Set(Object.keys(state.columnVisibility));
         for (const defaultHiddenColumn of defaultHiddenColumns) {
             if (defaultHiddenColumn.version === state.defaultHiddenColumnsVersion) {
                 foundVersion = true;
@@ -38,7 +50,12 @@ export const getVersionedFormTableState = (initialState) => {
                 }
             }
         }
-        state.hiddenColumns = Array.from(columnsSet);
+        state.columnVisibility = Array.from(columnsSet).reduce((memo, column) => {
+            return {
+                ...memo,
+                [column]: false,
+            };
+        }, {});
     }
     state.defaultHiddenColumnsVersion = latestStateVersion;
     return state;

package/dist/components/formStore/table/getVersionedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVersionedState.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/getVersionedState.ts"],"names":[],"mappings":"AAGA,MAAM,oBAAoB,GAAG;IAC3B;QACE,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC;KAChD;IACD;QACE,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,CAAC;KAC5E;IACD;QACE,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,CAAC,cAAc,CAAC;KAChC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAC7B,oBAAoB,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAA;AAO/D,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,YAA4B,EACZ,EAAE;IAClB,MAAM,KAAK,GAAG,EAAE,GAAG,YAAY,EAAE,CAAA;IACjC,sDAAsD;IACtD,6CAA6C;IAC7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,KAAK,CAAC,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAC/C,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE;YAC5B,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAA;QACxD,CAAC,EACD,EAAE,CACH,CAAA;IACH,CAAC;SAAM,IAAI,KAAK,CAAC,2BAA2B,KAAK,kBAAkB,EAAE,CAAC;QACpE,sEAAsE;QACtE,2BAA2B;QAC3B,IAAI,YAAY,GAAG,KAAK,CAAA;QACxB,MAAM,UAAU,GAAG,IAAI,GAAG,CAAS,KAAK,CAAC,aAAa,CAAC,CAAA;QACvD,KAAK,MAAM,mBAAmB,IAAI,oBAAoB,EAAE,CAAC;YACvD,IAAI,mBAAmB,CAAC,OAAO,KAAK,KAAK,CAAC,2BAA2B,EAAE,CAAC;gBACtE,YAAY,GAAG,IAAI,CAAA;gBACnB,SAAQ;YACV,CAAC;YAED,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,MAAM,YAAY,IAAI,mBAAmB,CAAC,aAAa,EAAE,CAAC;oBAC7D,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC9C,CAAC;IAED,KAAK,CAAC,2BAA2B,GAAG,kBAAkB,CAAA;IAEtD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA","sourcesContent":["import { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { TableState } from 'react-table'\n\nconst defaultHiddenColumns = [\n  {\n    version: undefined,\n    hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'],\n  },\n  {\n    version: 'V1',\n    hiddenColumns: ['TASK', 'TASK_ACTION', 'TASK_GROUP', 'TASK_GROUP_INSTANCE'],\n  },\n  {\n    version: 'V2',\n    hiddenColumns: ['COMPLETED_AT'],\n  },\n]\n\nexport const latestStateVersion =\n  defaultHiddenColumns[defaultHiddenColumns.length - 1].version\n\nexport type FormTableState = Partial<TableState<FormStoreRecord>> & {\n  defaultHiddenColumnsVersion?: string\n  formId: number\n}\n\nexport const getVersionedFormTableState = (\n  initialState: FormTableState,\n): FormTableState => {\n  const state = { ...initialState }\n  // If there are no hidden columns yet, meaning it is a\n  // brand new state, hide all default columns.\n  if (!Array.isArray(state.hiddenColumns)) {\n    state.hiddenColumns = defaultHiddenColumns.reduce<string[]>(\n      (memo, defaultHiddenColumn) => {\n        return [...memo, ...defaultHiddenColumn.hiddenColumns]\n      },\n      [],\n    )\n  } else if (state.defaultHiddenColumnsVersion !== latestStateVersion) {\n    // If the state is not up to the latest version, find the next version\n    // and add the new defaults\n    let foundVersion = false\n    const columnsSet = new Set<string>(state.hiddenColumns)\n    for (const defaultHiddenColumn of defaultHiddenColumns) {\n      if (defaultHiddenColumn.version === state.defaultHiddenColumnsVersion) {\n        foundVersion = true\n        continue\n      }\n\n      if (foundVersion) {\n        for (const hiddenColumn of defaultHiddenColumn.hiddenColumns) {\n          columnsSet.add(hiddenColumn)\n        }\n      }\n    }\n\n    state.hiddenColumns = Array.from(columnsSet)\n  }\n\n  state.defaultHiddenColumnsVersion = latestStateVersion\n\n  return state\n}\n\nexport default getVersionedFormTableState\n"]}
+{"version":3,"file":"getVersionedState.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/getVersionedState.ts"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,GAAG;IAC3B;QACE,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC;KAChD;IACD;QACE,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,CAAC;KAC5E;IACD;QACE,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,CAAC,cAAc,CAAC;KAChC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAC7B,oBAAoB,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAA;AAS/D,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,YAA4B,EACZ,EAAE;;IAClB,MAAM,KAAK,GAAG,EAAE,GAAG,YAAY,EAAE,CAAA;IAEjC,0DAA0D;IAC1D,IAAI,MAAA,KAAK,CAAC,aAAa,0CAAE,MAAM,EAAE,CAAC;QAChC,MAAM,gBAAgB,GAA4B,EAAE,CAAA;QACpD,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACrC,gBAAgB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;QAClC,CAAC,CAAC,CAAA;QACF,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAA;IAC3C,CAAC;IAED,sDAAsD;IACtD,6CAA6C;IAC7C,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC5B,KAAK,CAAC,gBAAgB,GAAG,oBAAoB,CAAC,MAAM,CAClD,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE;YAC5B,mBAAmB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACnD,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;YACtB,CAAC,CAAC,CAAA;YACF,OAAO,IAAI,CAAA;QACb,CAAC,EACD,EAAE,CACH,CAAA;IACH,CAAC;SAAM,IAAI,KAAK,CAAC,2BAA2B,KAAK,kBAAkB,EAAE,CAAC;QACpE,sEAAsE;QACtE,2BAA2B;QAC3B,IAAI,YAAY,GAAG,KAAK,CAAA;QACxB,MAAM,UAAU,GAAG,IAAI,GAAG,CAAS,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACvE,KAAK,MAAM,mBAAmB,IAAI,oBAAoB,EAAE,CAAC;YACvD,IAAI,mBAAmB,CAAC,OAAO,KAAK,KAAK,CAAC,2BAA2B,EAAE,CAAC;gBACtE,YAAY,GAAG,IAAI,CAAA;gBACnB,SAAQ;YACV,CAAC;YAED,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,MAAM,YAAY,IAAI,mBAAmB,CAAC,aAAa,EAAE,CAAC;oBAC7D,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,CAAC,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CACpD,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YACf,OAAO;gBACL,GAAG,IAAI;gBACP,CAAC,MAAM,CAAC,EAAE,KAAK;aAChB,CAAA;QACH,CAAC,EACD,EAAE,CACH,CAAA;IACH,CAAC;IAED,KAAK,CAAC,2BAA2B,GAAG,kBAAkB,CAAA;IAEtD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA","sourcesContent":["import { TableState, VisibilityState } from '@tanstack/react-table'\n\nconst defaultHiddenColumns = [\n  {\n    version: undefined,\n    hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'],\n  },\n  {\n    version: 'V1',\n    hiddenColumns: ['TASK', 'TASK_ACTION', 'TASK_GROUP', 'TASK_GROUP_INSTANCE'],\n  },\n  {\n    version: 'V2',\n    hiddenColumns: ['COMPLETED_AT'],\n  },\n]\n\nexport const latestStateVersion =\n  defaultHiddenColumns[defaultHiddenColumns.length - 1].version\n\nexport type FormTableState = Partial<TableState> & {\n  /** @deprecated The table state now uses columnVisibility instead */\n  hiddenColumns?: string[]\n  defaultHiddenColumnsVersion?: string\n  formId: number\n}\n\nexport const getVersionedFormTableState = (\n  initialState: FormTableState,\n): FormTableState => {\n  const state = { ...initialState }\n\n  // carry over deprecated hiddenColumns to columnVisibility\n  if (state.hiddenColumns?.length) {\n    const columnVisibility: Record<string, boolean> = {}\n    state.hiddenColumns.forEach((column) => {\n      columnVisibility[column] = false\n    })\n    state.columnVisibility = columnVisibility\n  }\n\n  // If there are no hidden columns yet, meaning it is a\n  // brand new state, hide all default columns.\n  if (!state.columnVisibility) {\n    state.columnVisibility = defaultHiddenColumns.reduce<VisibilityState>(\n      (memo, defaultHiddenColumn) => {\n        defaultHiddenColumn.hiddenColumns.forEach((column) => {\n          memo[column] = false\n        })\n        return memo\n      },\n      {},\n    )\n  } else if (state.defaultHiddenColumnsVersion !== latestStateVersion) {\n    // If the state is not up to the latest version, find the next version\n    // and add the new defaults\n    let foundVersion = false\n    const columnsSet = new Set<string>(Object.keys(state.columnVisibility))\n    for (const defaultHiddenColumn of defaultHiddenColumns) {\n      if (defaultHiddenColumn.version === state.defaultHiddenColumnsVersion) {\n        foundVersion = true\n        continue\n      }\n\n      if (foundVersion) {\n        for (const hiddenColumn of defaultHiddenColumn.hiddenColumns) {\n          columnsSet.add(hiddenColumn)\n        }\n      }\n    }\n\n    state.columnVisibility = Array.from(columnsSet).reduce<VisibilityState>(\n      (memo, column) => {\n        return {\n          ...memo,\n          [column]: false,\n        }\n      },\n      {},\n    )\n  }\n\n  state.defaultHiddenColumnsVersion = latestStateVersion\n\n  return state\n}\n\nexport default getVersionedFormTableState\n"]}

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

@@ -1,9 +1,9 @@
-import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
-import { FormTypes } from '@oneblink/types';
+import { FormTypes, SubmissionTypes } from '@oneblink/types';
+import { formStoreService } from '../../../apps';
+import { SortingState, VisibilityState } from '@tanstack/react-table';
 import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
-import { formStoreService } from '@oneblink/apps';
 export default function useFormStoreTable({ form, formStoreRecords, parameters, onChangeParameters, onRefresh, submissionIdValidationMessage, }: {
-    formStoreRecords: FormStoreRecord[];
+    formStoreRecords: SubmissionTypes.FormStoreRecord[];
     form: FormTypes.Form;
     parameters: formStoreService.FormStoreParameters;
     onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
@@ -15,37 +15,146 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
     readonly onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
     readonly onRefresh: () => void;
     readonly submissionIdValidationMessage: string | undefined;
-    readonly data: readonly FormStoreRecord[];
-    readonly initialState?: Partial<import("react-table").TableState<FormStoreRecord>> | undefined;
-    readonly stateReducer?: ((newState: import("react-table").TableState<FormStoreRecord>, action: import("react-table").ActionType, previousState: import("react-table").TableState<FormStoreRecord>, instance?: import("react-table").TableInstance<FormStoreRecord> | undefined) => import("react-table").TableState<FormStoreRecord>) | undefined;
-    readonly useControlledState?: ((state: import("react-table").TableState<FormStoreRecord>, meta: import("react-table").MetaBase<FormStoreRecord>) => import("react-table").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: import("react-table").TableState<FormStoreRecord>;
-    readonly plugins: import("react-table").PluginHook<FormStoreRecord>[];
-    readonly dispatch: import("react-table").TableDispatch;
-    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) => void;
-    readonly setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
-    readonly toggleHideAllColumns: (value?: boolean) => void;
-    readonly getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps>) => import("react-table").TableToggleHideAllColumnProps;
-    readonly getHooks: () => import("react-table").Hooks<FormStoreRecord>;
+    readonly _features: readonly import("@tanstack/react-table").TableFeature[];
+    readonly _getAllFlatColumnsById: () => Record<string, import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>>;
+    readonly _getColumnDefs: () => import("@tanstack/react-table").ColumnDef<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly _getCoreRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly _getDefaultColumnDef: () => Partial<import("@tanstack/react-table").ColumnDef<SubmissionTypes.FormStoreRecord, unknown>>;
+    readonly _getRowId: (_: SubmissionTypes.FormStoreRecord, index: number, parent?: import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord> | undefined) => string;
+    readonly _queue: (cb: () => void) => void;
+    readonly getAllColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getAllFlatColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getAllLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getColumn: (columnId: string) => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown> | undefined;
+    readonly getCoreRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getRow: (id: string, searchAll?: boolean) => import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord>;
+    readonly getRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getState: () => import("@tanstack/react-table").TableState;
+    readonly initialState: import("@tanstack/react-table").TableState;
+    readonly options: import("@tanstack/react-table").RequiredKeys<import("@tanstack/react-table").TableOptionsResolved<SubmissionTypes.FormStoreRecord>, "state">;
+    readonly reset: () => void;
+    readonly setOptions: (newOptions: import("@tanstack/react-table").Updater<import("@tanstack/react-table").TableOptionsResolved<SubmissionTypes.FormStoreRecord>>) => void;
+    readonly setState: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").TableState>) => void;
+    readonly getHeaderGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getLeftHeaderGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getCenterHeaderGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getRightHeaderGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getFooterGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getLeftFooterGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getCenterFooterGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getRightFooterGroups: () => import("@tanstack/react-table").HeaderGroup<SubmissionTypes.FormStoreRecord>[];
+    readonly getFlatHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getLeftFlatHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getCenterFlatHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getRightFlatHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getLeafHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getLeftLeafHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getCenterLeafHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getRightLeafHeaders: () => import("@tanstack/react-table").Header<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getCenterVisibleLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getIsAllColumnsVisible: () => boolean;
+    readonly getIsSomeColumnsVisible: () => boolean;
+    readonly getLeftVisibleLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getRightVisibleLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getToggleAllColumnsVisibilityHandler: () => (event: unknown) => void;
+    readonly getVisibleFlatColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getVisibleLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly resetColumnVisibility: (defaultState?: boolean) => void;
+    readonly setColumnVisibility: (updater: import("@tanstack/react-table").Updater<VisibilityState>) => void;
+    readonly toggleAllColumnsVisible: (value?: boolean) => void;
+    readonly _getOrderColumnsFn: () => (columns: import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[]) => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly resetColumnOrder: (defaultState?: boolean) => void;
+    readonly setColumnOrder: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").ColumnOrderState>) => void;
+    readonly getCenterLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getIsSomeColumnsPinned: (position?: import("@tanstack/react-table").ColumnPinningPosition) => boolean;
+    readonly getLeftLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly getRightLeafColumns: () => import("@tanstack/react-table").Column<SubmissionTypes.FormStoreRecord, unknown>[];
+    readonly resetColumnPinning: (defaultState?: boolean) => void;
+    readonly setColumnPinning: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").ColumnPinningState>) => void;
+    readonly _getPinnedRows: (visiblePinnedRows: import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord>[], pinnedRowIds: Array<string> | undefined, position: "top" | "bottom") => import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord>[];
+    readonly getBottomRows: () => import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord>[];
+    readonly getCenterRows: () => import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord>[];
+    readonly getIsSomeRowsPinned: (position?: import("@tanstack/react-table").RowPinningPosition) => boolean;
+    readonly getTopRows: () => import("@tanstack/react-table").Row<SubmissionTypes.FormStoreRecord>[];
+    readonly resetRowPinning: (defaultState?: boolean) => void;
+    readonly setRowPinning: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").RowPinningState>) => void;
+    readonly _getFilteredRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly getFilteredRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getPreFilteredRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly resetColumnFilters: (defaultState?: boolean) => void;
+    readonly resetGlobalFilter: (defaultState?: boolean) => void;
+    readonly setColumnFilters: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").ColumnFiltersState>) => void;
+    readonly setGlobalFilter: (updater: import("@tanstack/react-table").Updater<any>) => void;
+    readonly getGlobalAutoFilterFn: () => import("@tanstack/react-table").FilterFn<SubmissionTypes.FormStoreRecord> | undefined;
+    readonly getGlobalFilterFn: () => import("@tanstack/react-table").FilterFn<SubmissionTypes.FormStoreRecord> | undefined;
+    readonly _getGlobalFacetedMinMaxValues?: () => undefined | [number, number];
+    readonly _getGlobalFacetedRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly _getGlobalFacetedUniqueValues?: () => Map<any, number>;
+    readonly getGlobalFacetedMinMaxValues: () => undefined | [number, number];
+    readonly getGlobalFacetedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getGlobalFacetedUniqueValues: () => Map<any, number>;
+    readonly _getSortedRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly getPreSortedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getSortedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly resetSorting: (defaultState?: boolean) => void;
+    readonly setSorting: (updater: import("@tanstack/react-table").Updater<SortingState>) => void;
+    readonly _getGroupedRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly getGroupedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getPreGroupedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly resetGrouping: (defaultState?: boolean) => void;
+    readonly setGrouping: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").GroupingState>) => void;
+    readonly getCenterTotalSize: () => number;
+    readonly getLeftTotalSize: () => number;
+    readonly getRightTotalSize: () => number;
+    readonly getTotalSize: () => number;
+    readonly resetColumnSizing: (defaultState?: boolean) => void;
+    readonly resetHeaderSizeInfo: (defaultState?: boolean) => void;
+    readonly setColumnSizing: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").ColumnSizingState>) => void;
+    readonly setColumnSizingInfo: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").ColumnSizingInfoState>) => void;
+    readonly _autoResetExpanded: () => void;
+    readonly _getExpandedRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly getCanSomeRowsExpand: () => boolean;
+    readonly getExpandedDepth: () => number;
+    readonly getExpandedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getIsAllRowsExpanded: () => boolean;
+    readonly getIsSomeRowsExpanded: () => boolean;
+    readonly getPreExpandedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getToggleAllRowsExpandedHandler: () => (event: unknown) => void;
+    readonly resetExpanded: (defaultState?: boolean) => void;
+    readonly setExpanded: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").ExpandedState>) => void;
+    readonly toggleAllRowsExpanded: (expanded?: boolean) => void;
+    readonly _autoResetPageIndex: () => void;
+    readonly _getPaginationRowModel?: (() => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>) | undefined;
+    readonly getCanNextPage: () => boolean;
+    readonly getCanPreviousPage: () => boolean;
+    readonly getPageCount: () => number;
+    readonly getRowCount: () => number;
+    readonly getPageOptions: () => number[];
+    readonly getPaginationRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getPrePaginationRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly nextPage: () => void;
+    readonly previousPage: () => void;
+    readonly firstPage: () => void;
+    readonly lastPage: () => void;
+    readonly resetPageIndex: (defaultState?: boolean) => void;
+    readonly resetPageSize: (defaultState?: boolean) => void;
+    readonly resetPagination: (defaultState?: boolean) => void;
+    readonly setPageCount: (updater: import("@tanstack/react-table").Updater<number>) => void;
+    readonly setPageIndex: (updater: import("@tanstack/react-table").Updater<number>) => void;
+    readonly setPageSize: (updater: import("@tanstack/react-table").Updater<number>) => void;
+    readonly setPagination: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").PaginationState>) => void;
+    readonly getFilteredSelectedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getGroupedSelectedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getIsAllPageRowsSelected: () => boolean;
+    readonly getIsAllRowsSelected: () => boolean;
+    readonly getIsSomePageRowsSelected: () => boolean;
+    readonly getIsSomeRowsSelected: () => boolean;
+    readonly getPreSelectedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getSelectedRowModel: () => import("@tanstack/react-table").RowModel<SubmissionTypes.FormStoreRecord>;
+    readonly getToggleAllPageRowsSelectedHandler: () => (event: unknown) => void;
+    readonly getToggleAllRowsSelectedHandler: () => (event: unknown) => void;
+    readonly resetRowSelection: (defaultState?: boolean) => void;
+    readonly setRowSelection: (updater: import("@tanstack/react-table").Updater<import("@tanstack/react-table").RowSelectionState>) => void;
+    readonly toggleAllPageRowsSelected: (value?: boolean) => void;
+    readonly toggleAllRowsSelected: (value?: boolean) => void;
 };