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

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

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Box, Button, Divider, Grid, IconButton, Popover, styled, } from '@mui/material';
+import { Box, Button, Grid, IconButton, Popover, styled, } from '@mui/material';
 import MaterialIcon from '../../MaterialIcon';
 import { useIsHovering } from '../../../hooks/useIsHovering';
 import useNullableState from '../../../hooks/useNullableState';
@@ -10,39 +11,32 @@ const StyledIconButton = styled(IconButton)(({ theme }) => ({
 const paperStyles = {
     maxWidth: 500,
 };
-function HeaderCellMoreButton({ headerGroup, onHide, }) {
+function HeaderCellMoreButton({ header, onHide, }) {
+    var _a, _b, _c, _d;
     const isHovering = useIsHovering();
     const [anchorEl, setAnchorEl, clearAnchorEl] = useNullableState(null);
-    return (React.createElement("span", null,
-        React.createElement(StyledIconButton, { color: "inherit", onClick: (event) => {
-                event.stopPropagation();
-                setAnchorEl(event.currentTarget);
-            } },
-            React.createElement(MaterialIcon, { fontSize: "small", color: isHovering ? 'action' : 'disabled' }, "more_vert")),
-        React.createElement(Popover, { open: !!anchorEl, anchorEl: anchorEl, onClose: (event) => {
-                event.stopPropagation();
-                clearAnchorEl();
-            }, anchorOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right',
-            }, transformOrigin: {
-                vertical: 'top',
-                horizontal: 'right',
-            }, PaperProps: {
-                sx: paperStyles,
-            }, onClick: (event) => {
-                event.stopPropagation();
-            } },
-            headerGroup.filter && (React.createElement(React.Fragment, null,
-                React.createElement(Box, { padding: 2 },
-                    React.createElement(ColumnFilters, { filter: headerGroup.filter })),
-                React.createElement(Divider, null))),
-            React.createElement(Box, { paddingX: 2, paddingY: 1 },
-                React.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 },
-                    headerGroup.filter && (React.createElement(Grid, { item: true },
-                        React.createElement(Button, { variant: "outlined", disabled: headerGroup.filter.value === undefined, onClick: () => { var _a; return (_a = headerGroup.filter) === null || _a === void 0 ? void 0 : _a.onChange(undefined, false); }, size: "small", startIcon: React.createElement(MaterialIcon, null, "filter_list") }, "Clear"))),
-                    React.createElement(Grid, { item: true },
-                        React.createElement(Button, { variant: "outlined", onClick: onHide, size: "small", startIcon: React.createElement(MaterialIcon, null, "visibility_off") }, "Hide")))))));
+    return (_jsxs("span", { children: [_jsx(StyledIconButton, { color: "inherit", onClick: (event) => {
+                    event.stopPropagation();
+                    setAnchorEl(event.currentTarget);
+                }, children: _jsx(MaterialIcon, { fontSize: "small", color: isHovering ? 'action' : 'disabled', children: "more_vert" }) }), _jsxs(Popover, { open: !!anchorEl, anchorEl: anchorEl, onClose: (event) => {
+                    event.stopPropagation();
+                    clearAnchorEl();
+                }, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, transformOrigin: {
+                    vertical: 'top',
+                    horizontal: 'right',
+                }, slotProps: {
+                    paper: {
+                        sx: paperStyles,
+                    },
+                }, onClick: (event) => {
+                    event.stopPropagation();
+                }, children: [((_a = header.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.filter) && (_jsx(Box, { padding: 2, children: _jsx(ColumnFilters, { filter: (_b = header.column.columnDef.meta) === null || _b === void 0 ? void 0 : _b.filter }) })), _jsx(Box, { paddingX: 2, paddingY: 1, children: _jsxs(Grid, { container: true, justifyContent: "flex-end", spacing: 1, children: [((_c = header.column.columnDef.meta) === null || _c === void 0 ? void 0 : _c.filter) && (_jsx(Grid, { children: _jsx(Button, { variant: "outlined", disabled: ((_d = header.column.columnDef.meta) === null || _d === void 0 ? void 0 : _d.filter.value) === undefined, onClick: () => {
+                                            var _a, _b;
+                                            return (_b = (_a = header.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.onChange(undefined, false);
+                                        }, size: "small", startIcon: _jsx(MaterialIcon, { children: "filter_list" }), children: "Clear" }) })), _jsx(Grid, { children: _jsx(Button, { variant: "outlined", onClick: onHide, size: "small", startIcon: _jsx(MaterialIcon, { children: "visibility_off" }), children: "Hide" }) })] }) })] })] }));
 }
 export default React.memo(HeaderCellMoreButton);
 //# sourceMappingURL=HeaderCellMoreButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellMoreButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/HeaderCellMoreButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { HeaderGroup } from 'react-table'\nimport {\n  Box,\n  Button,\n  Divider,\n  Grid,\n  IconButton,\n  Popover,\n  SxProps,\n  styled,\n} from '@mui/material'\nimport MaterialIcon from '../../MaterialIcon'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\nimport useNullableState from '../../../hooks/useNullableState'\nimport ColumnFilters from './ColumnFilters'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  margin: theme.spacing(-1, -1, -1, 1),\n}))\n\nconst paperStyles: SxProps = {\n  maxWidth: 500,\n}\n\nfunction HeaderCellMoreButton({\n  headerGroup,\n  onHide,\n}: {\n  headerGroup: HeaderGroup<FormStoreRecord>\n  onHide: () => void\n}) {\n  const isHovering = useIsHovering()\n  const [anchorEl, setAnchorEl, clearAnchorEl] =\n    useNullableState<HTMLButtonElement>(null)\n\n  return (\n    <span>\n      <StyledIconButton\n        color=\"inherit\"\n        onClick={(event) => {\n          event.stopPropagation()\n          setAnchorEl(event.currentTarget)\n        }}\n      >\n        <MaterialIcon\n          fontSize=\"small\"\n          color={isHovering ? 'action' : 'disabled'}\n        >\n          more_vert\n        </MaterialIcon>\n      </StyledIconButton>\n      <Popover\n        open={!!anchorEl}\n        anchorEl={anchorEl}\n        onClose={(event: React.MouseEvent) => {\n          event.stopPropagation()\n          clearAnchorEl()\n        }}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          sx: paperStyles,\n        }}\n        onClick={(event) => {\n          event.stopPropagation()\n        }}\n      >\n        {headerGroup.filter && (\n          <>\n            <Box padding={2}>\n              <ColumnFilters filter={headerGroup.filter} />\n            </Box>\n            <Divider />\n          </>\n        )}\n        <Box paddingX={2} paddingY={1}>\n          <Grid container justifyContent=\"flex-end\" spacing={1}>\n            {headerGroup.filter && (\n              <Grid item>\n                <Button\n                  variant=\"outlined\"\n                  disabled={headerGroup.filter.value === undefined}\n                  onClick={() => headerGroup.filter?.onChange(undefined, false)}\n                  size=\"small\"\n                  startIcon={<MaterialIcon>filter_list</MaterialIcon>}\n                >\n                  Clear\n                </Button>\n              </Grid>\n            )}\n            <Grid item>\n              <Button\n                variant=\"outlined\"\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<MaterialIcon>visibility_off</MaterialIcon>}\n              >\n                Hide\n              </Button>\n            </Grid>\n          </Grid>\n        </Box>\n      </Popover>\n    </span>\n  )\n}\n\nexport default React.memo(HeaderCellMoreButton)\n"]}
+{"version":3,"file":"HeaderCellMoreButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/HeaderCellMoreButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Header } from '@tanstack/react-table'\nimport {\n  Box,\n  Button,\n  Grid,\n  IconButton,\n  Popover,\n  SxProps,\n  styled,\n} from '@mui/material'\nimport MaterialIcon from '../../MaterialIcon'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\nimport useNullableState from '../../../hooks/useNullableState'\nimport ColumnFilters from './ColumnFilters'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  margin: theme.spacing(-1, -1, -1, 1),\n}))\n\nconst paperStyles: SxProps = {\n  maxWidth: 500,\n}\n\nfunction HeaderCellMoreButton({\n  header,\n  onHide,\n}: {\n  header: Header<FormStoreRecord, unknown>\n  onHide: () => void\n}) {\n  const isHovering = useIsHovering()\n  const [anchorEl, setAnchorEl, clearAnchorEl] =\n    useNullableState<HTMLButtonElement>(null)\n\n  return (\n    <span>\n      <StyledIconButton\n        color=\"inherit\"\n        onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n          event.stopPropagation()\n          setAnchorEl(event.currentTarget)\n        }}\n      >\n        <MaterialIcon\n          fontSize=\"small\"\n          color={isHovering ? 'action' : 'disabled'}\n        >\n          more_vert\n        </MaterialIcon>\n      </StyledIconButton>\n      <Popover\n        open={!!anchorEl}\n        anchorEl={anchorEl}\n        onClose={(event: React.MouseEvent) => {\n          event.stopPropagation()\n          clearAnchorEl()\n        }}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        slotProps={{\n          paper: {\n            sx: paperStyles,\n          },\n        }}\n        onClick={(event) => {\n          event.stopPropagation()\n        }}\n      >\n        {header.column.columnDef.meta?.filter && (\n          <Box padding={2}>\n            <ColumnFilters filter={header.column.columnDef.meta?.filter} />\n          </Box>\n        )}\n\n        <Box paddingX={2} paddingY={1}>\n          <Grid container justifyContent=\"flex-end\" spacing={1}>\n            {header.column.columnDef.meta?.filter && (\n              <Grid>\n                <Button\n                  variant=\"outlined\"\n                  disabled={\n                    header.column.columnDef.meta?.filter.value === undefined\n                  }\n                  onClick={() =>\n                    header.column.columnDef.meta?.filter?.onChange(\n                      undefined,\n                      false,\n                    )\n                  }\n                  size=\"small\"\n                  startIcon={<MaterialIcon>filter_list</MaterialIcon>}\n                >\n                  Clear\n                </Button>\n              </Grid>\n            )}\n            <Grid>\n              <Button\n                variant=\"outlined\"\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<MaterialIcon>visibility_off</MaterialIcon>}\n              >\n                Hide\n              </Button>\n            </Grid>\n          </Grid>\n        </Box>\n      </Popover>\n    </span>\n  )\n}\n\nexport default React.memo(HeaderCellMoreButton)\n"]}

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

@@ -4,13 +4,13 @@ type DatePickersProps = {
     label: string;
     value: string | undefined;
     onChange: (newDate: string | undefined) => void;
-    renderHelperText: (errorType: DateValidationError) => void;
+    renderHelperText: (errorType: DateValidationError) => React.ReactNode;
     maxDate?: string;
     minDate?: string;
 };
-export declare const FiltersDatePicker: (props: DatePickersProps) => React.JSX.Element;
+export declare const FiltersDatePicker: (props: DatePickersProps) => import("react/jsx-runtime").JSX.Element;
 type DateTimePickersProps = DatePickersProps & {
-    renderHelperText: (errorType: DateTimeValidationError) => void;
+    renderHelperText: (errorType: DateTimeValidationError) => React.ReactNode;
 };
-export declare const FiltersDateTimePicker: (props: DateTimePickersProps) => React.JSX.Element;
+export declare const FiltersDateTimePicker: (props: DateTimePickersProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,15 +1,15 @@
-import { IconButton, TextField } from '@mui/material';
-import { MobileDatePicker, CalendarIcon, MobileDateTimePicker, } from '@mui/x-date-pickers';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MobileDatePicker, MobileDateTimePicker, } from '@mui/x-date-pickers';
 import * as React from 'react';
 import useNullableState from '../../../hooks/useNullableState';
 import { format } from 'date-fns';
-import { localisationService } from '@oneblink/apps';
+import { localisationService } from '../../../apps';
 const shortDateFormat = localisationService.getDateFnsFormats().shortDate;
 const shortDateTimeFormat = localisationService.getDateFnsFormats().shortDateTime;
 export const FiltersDatePicker = (props) => {
     const { label, onChange } = props;
     const commonProps = useCommonPickerProps(props);
-    return (React.createElement(MobileDatePicker, { label: label, format: shortDateFormat, ...commonProps, onAccept: (newDate) => {
+    return (_jsx(MobileDatePicker, { label: label, format: shortDateFormat, ...commonProps, onAccept: (newDate) => {
             if (!newDate)
                 return onChange(undefined);
             const formattedDate = format(newDate, 'yyyy-MM-dd');
@@ -19,7 +19,7 @@ export const FiltersDatePicker = (props) => {
 export const FiltersDateTimePicker = (props) => {
     const { label, onChange } = props;
     const commonProps = useCommonPickerProps(props);
-    return (React.createElement(MobileDateTimePicker, { label: label, format: shortDateTimeFormat, ...commonProps, onAccept: (newDate) => {
+    return (_jsx(MobileDateTimePicker, { label: label, format: shortDateTimeFormat, ...commonProps, onAccept: (newDate) => {
             if (!newDate)
                 return onChange(undefined);
             onChange(newDate.toISOString());
@@ -28,18 +28,18 @@ export const FiltersDateTimePicker = (props) => {
 const useCommonPickerProps = ({ renderHelperText, value, maxDate, minDate, }) => {
     const [errorType, setErrorType] = useNullableState(null);
     const valueMemo = React.useMemo(() => {
-        return value ? new Date(value) : null;
+        return value ? new Date(value) : undefined;
     }, [value]);
-    const maxDateMemo = React.useMemo(() => (maxDate ? new Date(maxDate) : null), [maxDate]);
-    const minDateMemo = React.useMemo(() => (minDate ? new Date(minDate) : null), [minDate]);
+    const maxDateMemo = React.useMemo(() => (maxDate ? new Date(maxDate) : undefined), [maxDate]);
+    const minDateMemo = React.useMemo(() => (minDate ? new Date(minDate) : undefined), [minDate]);
     return {
-        slots: {
-            textField: (params) => (React.createElement(TextField, { ...params, variant: "outlined", margin: "dense", size: "small", helperText: renderHelperText(errorType), InputProps: {
-                    endAdornment: (React.createElement(IconButton, { edge: "end" },
-                        React.createElement(CalendarIcon, null))),
-                } })),
-        },
         slotProps: {
+            textField: {
+                variant: 'outlined',
+                margin: 'dense',
+                size: 'small',
+                helperText: renderHelperText(errorType),
+            },
             actionBar: {
                 actions: [
                     'clear',
@@ -53,6 +53,7 @@ const useCommonPickerProps = ({ renderHelperText, value, maxDate, minDate, }) =>
         minDate: minDateMemo,
         value: valueMemo,
         onError: setErrorType,
+        enableAccessibleFieldDOMStructure: false,
     };
 };
 //# sourceMappingURL=Pickers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pickers.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/Pickers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconButton, TextField, TextFieldProps } from '@mui/material'\nimport {\n  MobileDatePicker,\n  DateValidationError,\n  DateTimeValidationError,\n  CalendarIcon,\n  MobileDateTimePicker,\n  PickersActionBarAction,\n} from '@mui/x-date-pickers'\nimport * as React from 'react'\nimport useNullableState from '../../../hooks/useNullableState'\nimport { format } from 'date-fns'\nimport { localisationService } from '@oneblink/apps'\n\nconst shortDateFormat = localisationService.getDateFnsFormats().shortDate\nconst shortDateTimeFormat =\n  localisationService.getDateFnsFormats().shortDateTime\n\ntype DatePickersProps = {\n  label: string\n  value: string | undefined\n  onChange: (newDate: string | undefined) => void\n  renderHelperText: (errorType: DateValidationError) => void\n  maxDate?: string\n  minDate?: string\n}\nexport const FiltersDatePicker = (props: DatePickersProps) => {\n  const { label, onChange } = props\n  const commonProps = useCommonPickerProps(props)\n\n  return (\n    <MobileDatePicker\n      label={label}\n      format={shortDateFormat}\n      {...commonProps}\n      onAccept={(newDate) => {\n        if (!newDate) return onChange(undefined)\n\n        const formattedDate = format(newDate, 'yyyy-MM-dd')\n        onChange(formattedDate)\n      }}\n    />\n  )\n}\n\ntype DateTimePickersProps = DatePickersProps & {\n  renderHelperText: (errorType: DateTimeValidationError) => void\n}\nexport const FiltersDateTimePicker = (props: DateTimePickersProps) => {\n  const { label, onChange } = props\n  const commonProps = useCommonPickerProps(props)\n\n  return (\n    <MobileDateTimePicker\n      label={label}\n      format={shortDateTimeFormat}\n      {...commonProps}\n      onAccept={(newDate) => {\n        if (!newDate) return onChange(undefined)\n        onChange(newDate.toISOString())\n      }}\n    />\n  )\n}\n\nconst useCommonPickerProps = <T,>({\n  renderHelperText,\n  value,\n  maxDate,\n  minDate,\n}: {\n  renderHelperText: (errorType: T | null) => void\n  value: string | undefined\n  maxDate?: string\n  minDate?: string\n}) => {\n  const [errorType, setErrorType] = useNullableState<T>(null)\n\n  const valueMemo = React.useMemo(() => {\n    return value ? new Date(value) : null\n  }, [value])\n\n  const maxDateMemo = React.useMemo(\n    () => (maxDate ? new Date(maxDate) : null),\n    [maxDate],\n  )\n  const minDateMemo = React.useMemo(\n    () => (minDate ? new Date(minDate) : null),\n    [minDate],\n  )\n\n  return {\n    slots: {\n      textField: (params: React.PropsWithChildren<TextFieldProps>) => (\n        <TextField\n          {...params}\n          variant=\"outlined\"\n          margin=\"dense\"\n          size=\"small\"\n          helperText={renderHelperText(errorType)}\n          InputProps={{\n            endAdornment: (\n              <IconButton edge=\"end\">\n                <CalendarIcon />\n              </IconButton>\n            ),\n          }}\n        />\n      ),\n    },\n    slotProps: {\n      actionBar: {\n        actions: [\n          'clear',\n          'today',\n          'cancel',\n          'accept',\n        ] as PickersActionBarAction[],\n      },\n    },\n    maxDate: maxDateMemo,\n    minDate: minDateMemo,\n    value: valueMemo,\n    onError: setErrorType,\n  }\n}\n"]}
+{"version":3,"file":"Pickers.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/Pickers.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  MobileDatePicker,\n  DateValidationError,\n  DateTimeValidationError,\n  MobileDateTimePicker,\n  PickersActionBarAction,\n} from '@mui/x-date-pickers'\nimport * as React from 'react'\nimport useNullableState from '../../../hooks/useNullableState'\nimport { format } from 'date-fns'\nimport { localisationService } from '../../../apps'\n\nconst shortDateFormat = localisationService.getDateFnsFormats().shortDate\nconst shortDateTimeFormat =\n  localisationService.getDateFnsFormats().shortDateTime\n\ntype DatePickersProps = {\n  label: string\n  value: string | undefined\n  onChange: (newDate: string | undefined) => void\n  renderHelperText: (errorType: DateValidationError) => React.ReactNode\n  maxDate?: string\n  minDate?: string\n}\nexport const FiltersDatePicker = (props: DatePickersProps) => {\n  const { label, onChange } = props\n  const commonProps = useCommonPickerProps(props)\n\n  return (\n    <MobileDatePicker\n      label={label}\n      format={shortDateFormat}\n      {...commonProps}\n      onAccept={(newDate) => {\n        if (!newDate) return onChange(undefined)\n\n        const formattedDate = format(newDate, 'yyyy-MM-dd')\n        onChange(formattedDate)\n      }}\n    />\n  )\n}\n\ntype DateTimePickersProps = DatePickersProps & {\n  renderHelperText: (errorType: DateTimeValidationError) => React.ReactNode\n}\nexport const FiltersDateTimePicker = (props: DateTimePickersProps) => {\n  const { label, onChange } = props\n  const commonProps = useCommonPickerProps(props)\n\n  return (\n    <MobileDateTimePicker\n      label={label}\n      format={shortDateTimeFormat}\n      {...commonProps}\n      onAccept={(newDate) => {\n        if (!newDate) return onChange(undefined)\n        onChange(newDate.toISOString())\n      }}\n    />\n  )\n}\n\nconst useCommonPickerProps = <T extends DateTimeValidationError>({\n  renderHelperText,\n  value,\n  maxDate,\n  minDate,\n}: {\n  renderHelperText: (errorType: T | null) => React.ReactNode\n  value: string | undefined\n  maxDate?: string\n  minDate?: string\n}) => {\n  const [errorType, setErrorType] = useNullableState<T>(null)\n\n  const valueMemo = React.useMemo(() => {\n    return value ? new Date(value) : undefined\n  }, [value])\n\n  const maxDateMemo = React.useMemo(\n    () => (maxDate ? new Date(maxDate) : undefined),\n    [maxDate],\n  )\n  const minDateMemo = React.useMemo(\n    () => (minDate ? new Date(minDate) : undefined),\n    [minDate],\n  )\n\n  return {\n    slotProps: {\n      textField: {\n        variant: 'outlined' as const,\n        margin: 'dense' as const,\n        size: 'small' as const,\n        helperText: renderHelperText(errorType),\n      },\n      actionBar: {\n        actions: [\n          'clear',\n          'today',\n          'cancel',\n          'accept',\n        ] as PickersActionBarAction[],\n      },\n    },\n    maxDate: maxDateMemo,\n    minDate: minDateMemo,\n    value: valueMemo,\n    onError: setErrorType,\n    enableAccessibleFieldDOMStructure: false,\n  }\n}\n"]}

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

@@ -1,8 +1,9 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Typography, Divider as MuiDivider, styled } from '@mui/material';
 import useBooleanState from '../../../hooks/useBooleanState';
 import generateColumns from './generateColumns';
-import { useTable } from 'react-table';
+import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
 import RepeatableSetCellAccordion from './RepeatableSetCellAccordion';
 const Wrapper = styled('div')({
     width: '100%',
@@ -36,28 +37,23 @@ const RepeatableSetCell = ({ formElement, value }) => {
         sorting: undefined,
         unwindRepeatableSets: undefined,
     }), [formElement.elements]);
-    const { rows, prepareRow } = useTable({
-        columns,
+    // eslint-disable-next-line react-hooks/incompatible-library
+    const { getRowModel } = useReactTable({
+        columns: columns,
         data: value.map((entry) => ({ submission: entry })),
+        getCoreRowModel: getCoreRowModel(),
     });
-    return (React.createElement(RepeatableSetCellAccordion, { title: `${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`, isOpen: isVisible, onChange: toggleVisibility },
-        React.createElement(Wrapper, null, rows.map((row, i) => {
-            const isLast = i === rows.length - 1;
-            prepareRow(row);
-            return (React.createElement(React.Fragment, { key: row.id },
-                row.cells.map((cell) => {
-                    const cellValue = cell.render('Cell');
-                    if (!cellValue)
-                        return null;
-                    return (React.createElement(CellRow, { key: cell.column.id },
-                        React.createElement("span", null,
-                            React.createElement(Typography, { color: "textSecondary", variant: "body2" },
-                                cell.column.headerText,
-                                ":")),
-                        React.createElement(CellValue, null, cellValue)));
-                }),
-                !isLast && React.createElement(Divider, null)));
-        }))));
+    const rows = React.useMemo(() => getRowModel().rows, [getRowModel]);
+    return (_jsx(RepeatableSetCellAccordion, { title: `${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`, isOpen: isVisible, onChange: toggleVisibility, children: _jsx(Wrapper, { children: getRowModel().rows.map((row, i) => {
+                const isLast = i === rows.length - 1;
+                return (_jsxs(React.Fragment, { children: [row.getAllCells().map((cell) => {
+                            var _a;
+                            const cellValue = cell.getValue();
+                            if (!cellValue)
+                                return null;
+                            return (_jsxs(CellRow, { children: [_jsx("span", { children: _jsxs(Typography, { color: "textSecondary", variant: "body2", children: [((_a = cell.column.columnDef.header) === null || _a === void 0 ? void 0 : _a.toString()) || '', ":"] }) }), _jsx(CellValue, { children: cellValue })] }, cell.column.id));
+                        }), !isLast && _jsx(Divider, {})] }, row.id));
+            }) }) }));
 };
 export default React.memo(RepeatableSetCell);
 //# sourceMappingURL=RepeatableSetCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RepeatableSetCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Typography, Divider as MuiDivider, styled } from '@mui/material'\nimport { FormTypes } from '@oneblink/types'\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport generateColumns from './generateColumns'\nimport { useTable } from 'react-table'\nimport RepeatableSetCellAccordion from './RepeatableSetCellAccordion'\n\nconst Wrapper = styled('div')({\n  width: '100%',\n})\nconst CellRow = styled('div')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  paddingBottom: theme.spacing(),\n  width: '100%',\n}))\n\nconst CellValue = styled('span')(({ theme }) => ({\n  flex: 2,\n  marginLeft: theme.spacing(),\n  textAlign: 'right',\n  width: '100%',\n}))\n\nconst Divider = styled(MuiDivider)(({ theme }) => ({\n  margin: theme.spacing(1, -2),\n}))\n\ntype Props = {\n  value: Array<Record<string, unknown>>\n  formElement: FormTypes.RepeatableSetElement\n}\n\nconst RepeatableSetCell = ({ formElement, value }: Props) => {\n  const [isVisible, , , toggleVisibility] = useBooleanState(false)\n  const hasMultipleEntries = value.length > 1\n  const columns = React.useMemo(\n    () =>\n      generateColumns({\n        onChangeParameters: () => {},\n        formElements: formElement.elements,\n        parentElementNames: [],\n        initialColumns: [],\n        allowCopy: false,\n        filters: undefined,\n        sorting: undefined,\n        unwindRepeatableSets: undefined,\n      }),\n    [formElement.elements],\n  )\n  const { rows, prepareRow } = useTable({\n    columns,\n    data: value.map((entry) => ({ submission: entry })),\n  })\n\n  return (\n    <RepeatableSetCellAccordion\n      title={`${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`}\n      isOpen={isVisible}\n      onChange={toggleVisibility}\n    >\n      <Wrapper>\n        {rows.map((row, i) => {\n          const isLast = i === rows.length - 1\n          prepareRow(row)\n          return (\n            <React.Fragment key={row.id}>\n              {row.cells.map((cell) => {\n                const cellValue = cell.render('Cell')\n                if (!cellValue) return null\n                return (\n                  <CellRow key={cell.column.id}>\n                    <span>\n                      <Typography color=\"textSecondary\" variant=\"body2\">\n                        {cell.column.headerText}:\n                      </Typography>\n                    </span>\n                    <CellValue>{cellValue}</CellValue>\n                  </CellRow>\n                )\n              })}\n              {!isLast && <Divider />}\n            </React.Fragment>\n          )\n        })}\n      </Wrapper>\n    </RepeatableSetCellAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}
+{"version":3,"file":"RepeatableSetCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Typography, Divider as MuiDivider, styled } from '@mui/material'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport generateColumns from './generateColumns'\nimport { getCoreRowModel, useReactTable } from '@tanstack/react-table'\nimport RepeatableSetCellAccordion from './RepeatableSetCellAccordion'\n\nconst Wrapper = styled('div')({\n  width: '100%',\n})\nconst CellRow = styled('div')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  paddingBottom: theme.spacing(),\n  width: '100%',\n}))\n\nconst CellValue = styled('span')(({ theme }) => ({\n  flex: 2,\n  marginLeft: theme.spacing(),\n  textAlign: 'right',\n  width: '100%',\n}))\n\nconst Divider = styled(MuiDivider)(({ theme }) => ({\n  margin: theme.spacing(1, -2),\n}))\n\ntype Props = {\n  value: Array<Record<string, unknown>>\n  formElement: FormTypes.RepeatableSetElement\n}\n\nconst RepeatableSetCell = ({ formElement, value }: Props) => {\n  const [isVisible, , , toggleVisibility] = useBooleanState(false)\n  const hasMultipleEntries = value.length > 1\n  const columns = React.useMemo(\n    () =>\n      generateColumns({\n        onChangeParameters: () => {},\n        formElements: formElement.elements,\n        parentElementNames: [],\n        initialColumns: [],\n        allowCopy: false,\n        filters: undefined,\n        sorting: undefined,\n        unwindRepeatableSets: undefined,\n      }),\n    [formElement.elements],\n  )\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const { getRowModel } = useReactTable({\n    columns: columns,\n    data: value.map((entry) => ({ submission: entry })),\n    getCoreRowModel: getCoreRowModel<SubmissionTypes.FormStoreRecord>(),\n  })\n\n  const rows = React.useMemo(() => getRowModel().rows, [getRowModel])\n\n  return (\n    <RepeatableSetCellAccordion\n      title={`${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`}\n      isOpen={isVisible}\n      onChange={toggleVisibility}\n    >\n      <Wrapper>\n        {getRowModel().rows.map((row, i) => {\n          const isLast = i === rows.length - 1\n          return (\n            <React.Fragment key={row.id}>\n              {row.getAllCells().map((cell) => {\n                const cellValue = cell.getValue()\n                if (!cellValue) return null\n                return (\n                  <CellRow key={cell.column.id}>\n                    <span>\n                      <Typography color=\"textSecondary\" variant=\"body2\">\n                        {cell.column.columnDef.header?.toString() || ''}:\n                      </Typography>\n                    </span>\n                    <CellValue>{cellValue as string}</CellValue>\n                  </CellRow>\n                )\n              })}\n              {!isLast && <Divider />}\n            </React.Fragment>\n          )\n        })}\n      </Wrapper>\n    </RepeatableSetCellAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}

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

@@ -1,12 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { CustomAccordion, CustomAccordionSummary, CustomAccordionDetails, } from '../../CustomAccordion';
 import { Typography } from '@mui/material';
 import MaterialIcon from '../../MaterialIcon';
 const RepeatableSetCell = ({ isOpen, onChange, title, children }) => {
-    return (React.createElement(CustomAccordion, { expanded: isOpen, onChange: onChange, "data-cypress": "form-store-repeatable-set-cell-accordion" },
-        React.createElement(CustomAccordionSummary, { expandIcon: React.createElement(MaterialIcon, null, "expand_more"), "data-cypress": "form-store-repeatable-set-cell-accordion-summary" },
-            React.createElement(Typography, null, title)),
-        React.createElement(CustomAccordionDetails, null, children)));
+    return (_jsxs(CustomAccordion, { expanded: isOpen, onChange: onChange, "data-cypress": "form-store-repeatable-set-cell-accordion", children: [_jsx(CustomAccordionSummary, { expandIcon: _jsx(MaterialIcon, { children: "expand_more" }), "data-cypress": "form-store-repeatable-set-cell-accordion-summary", children: _jsx(Typography, { children: title }) }), _jsx(CustomAccordionDetails, { children: children })] }));
 };
 export default React.memo(RepeatableSetCell);
 //# sourceMappingURL=RepeatableSetCellAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RepeatableSetCellAccordion.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCellAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAS7C,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzE,OAAO,CACL,oBAAC,eAAe,IACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,kBACL,0CAA0C;QAEvD,oBAAC,sBAAsB,IACrB,UAAU,EAAE,oBAAC,YAAY,sBAA2B,kBACvC,kDAAkD;YAE/D,oBAAC,UAAU,QAAE,KAAK,CAAc,CACT;QACzB,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CAC3C,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  CustomAccordion,\n  CustomAccordionSummary,\n  CustomAccordionDetails,\n} from '../../CustomAccordion'\nimport { Typography } from '@mui/material'\nimport MaterialIcon from '../../MaterialIcon'\n\ntype Props = {\n  isOpen: boolean\n  onChange: () => void\n  title: string\n  children: React.ReactNode\n}\n\nconst RepeatableSetCell = ({ isOpen, onChange, title, children }: Props) => {\n  return (\n    <CustomAccordion\n      expanded={isOpen}\n      onChange={onChange}\n      data-cypress=\"form-store-repeatable-set-cell-accordion\"\n    >\n      <CustomAccordionSummary\n        expandIcon={<MaterialIcon>expand_more</MaterialIcon>}\n        data-cypress=\"form-store-repeatable-set-cell-accordion-summary\"\n      >\n        <Typography>{title}</Typography>\n      </CustomAccordionSummary>\n      <CustomAccordionDetails>{children}</CustomAccordionDetails>\n    </CustomAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}
+{"version":3,"file":"RepeatableSetCellAccordion.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCellAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAS7C,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzE,OAAO,CACL,MAAC,eAAe,IACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,kBACL,0CAA0C,aAEvD,KAAC,sBAAsB,IACrB,UAAU,EAAE,KAAC,YAAY,8BAA2B,kBACvC,kDAAkD,YAE/D,KAAC,UAAU,cAAE,KAAK,GAAc,GACT,EACzB,KAAC,sBAAsB,cAAE,QAAQ,GAA0B,IAC3C,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  CustomAccordion,\n  CustomAccordionSummary,\n  CustomAccordionDetails,\n} from '../../CustomAccordion'\nimport { Typography } from '@mui/material'\nimport MaterialIcon from '../../MaterialIcon'\n\ntype Props = {\n  isOpen: boolean\n  onChange: () => void\n  title: string\n  children: React.ReactNode\n}\n\nconst RepeatableSetCell = ({ isOpen, onChange, title, children }: Props) => {\n  return (\n    <CustomAccordion\n      expanded={isOpen}\n      onChange={onChange}\n      data-cypress=\"form-store-repeatable-set-cell-accordion\"\n    >\n      <CustomAccordionSummary\n        expandIcon={<MaterialIcon>expand_more</MaterialIcon>}\n        data-cypress=\"form-store-repeatable-set-cell-accordion-summary\"\n      >\n        <Typography>{title}</Typography>\n      </CustomAccordionSummary>\n      <CustomAccordionDetails>{children}</CustomAccordionDetails>\n    </CustomAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}

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

@@ -2,6 +2,6 @@ import * as React from 'react';
 declare function TableCellCopyButton({ text, isHidden, }: {
     text: string;
     isHidden?: boolean;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof TableCellCopyButton>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Zoom } from '@mui/material';
 import CopyToClipboardIconButton from '../../CopyToClipboardIconButton';
@@ -8,9 +9,7 @@ function TableCellCopyButton({ text, isHidden, }) {
     if (isHidden) {
         return null;
     }
-    return (React.createElement(Zoom, { in: isHovering },
-        React.createElement(StyledSpan, null,
-            React.createElement(StyledCopyToClipbaordButton, { text: text }))));
+    return (_jsx(Zoom, { in: isHovering, children: _jsx(StyledSpan, { children: _jsx(StyledCopyToClipbaordButton, { text: text }) }) }));
 }
 const StyledSpan = styled('span')(() => ({
     position: 'absolute',

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

@@ -1 +1 @@
-{"version":3,"file":"TableCellCopyButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/TableCellCopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,yBAAyB,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,SAAS,mBAAmB,CAAC,EAC3B,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,UAAU;QAClB,oBAAC,UAAU;YACT,oBAAC,2BAA2B,IAAC,IAAI,EAAE,IAAI,GAAI,CAChC,CACR,CACR,CAAA;AACH,CAAC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;CACT,CAAC,CAAC,CAAA;AAEH,MAAM,2BAA2B,GAAG,MAAM,CAAC,yBAAyB,CAAC,CACnE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,SAAS,EAAE;QACT,oFAAoF;QACpF,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CACH,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Zoom } from '@mui/material'\nimport CopyToClipboardIconButton from '../../CopyToClipboardIconButton'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\nimport { styled } from '@mui/material/styles'\n\nfunction TableCellCopyButton({\n  text,\n  isHidden,\n}: {\n  text: string\n  isHidden?: boolean\n}) {\n  const isHovering = useIsHovering()\n  if (isHidden) {\n    return null\n  }\n  return (\n    <Zoom in={isHovering}>\n      <StyledSpan>\n        <StyledCopyToClipbaordButton text={text} />\n      </StyledSpan>\n    </Zoom>\n  )\n}\n\nconst StyledSpan = styled('span')(() => ({\n  position: 'absolute',\n  top: 0,\n  right: 0,\n}))\n\nconst StyledCopyToClipbaordButton = styled(CopyToClipboardIconButton)(\n  ({ theme }) => ({\n    backgroundColor: theme.palette.background.paper,\n    '&:hover': {\n      // Rough equivalent of the color created by transparency `rgba(0,0,0,0.04)` on white\n      backgroundColor: '#f3f3f3',\n    },\n  }),\n)\n\nexport default React.memo(TableCellCopyButton)\n"]}
+{"version":3,"file":"TableCellCopyButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/TableCellCopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,yBAAyB,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,SAAS,mBAAmB,CAAC,EAC3B,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,UAAU,YAClB,KAAC,UAAU,cACT,KAAC,2BAA2B,IAAC,IAAI,EAAE,IAAI,GAAI,GAChC,GACR,CACR,CAAA;AACH,CAAC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;CACT,CAAC,CAAC,CAAA;AAEH,MAAM,2BAA2B,GAAG,MAAM,CAAC,yBAAyB,CAAC,CACnE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,SAAS,EAAE;QACT,oFAAoF;QACpF,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CACH,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Zoom } from '@mui/material'\nimport CopyToClipboardIconButton from '../../CopyToClipboardIconButton'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\nimport { styled } from '@mui/material/styles'\n\nfunction TableCellCopyButton({\n  text,\n  isHidden,\n}: {\n  text: string\n  isHidden?: boolean\n}) {\n  const isHovering = useIsHovering()\n  if (isHidden) {\n    return null\n  }\n  return (\n    <Zoom in={isHovering}>\n      <StyledSpan>\n        <StyledCopyToClipbaordButton text={text} />\n      </StyledSpan>\n    </Zoom>\n  )\n}\n\nconst StyledSpan = styled('span')(() => ({\n  position: 'absolute',\n  top: 0,\n  right: 0,\n}))\n\nconst StyledCopyToClipbaordButton = styled(CopyToClipboardIconButton)(\n  ({ theme }) => ({\n    backgroundColor: theme.palette.background.paper,\n    '&:hover': {\n      // Rough equivalent of the color created by transparency `rgba(0,0,0,0.04)` on white\n      backgroundColor: '#f3f3f3',\n    },\n  }),\n)\n\nexport default React.memo(TableCellCopyButton)\n"]}

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

@@ -1,17 +1,16 @@
-import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
-import { Column as ColumnWithCell } from 'react-table';
-import { FormTypes } from '@oneblink/types';
-import { formStoreService } from '@oneblink/apps';
+import { ColumnDef } from '@tanstack/react-table';
+import { FormTypes, SubmissionTypes } from '@oneblink/types';
+import { formStoreService } from '../../../apps';
 import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
 declare const generateColumns: <T extends {
-    submission: FormStoreRecord["submission"];
+    submission: SubmissionTypes.S3SubmissionData["submission"];
 }>({ formElements, onChangeParameters, filters, sorting, unwindRepeatableSets, parentElementNames, initialColumns, allowCopy, }: {
     formElements: (FormTypes.FormElement & {
         tooltip?: string;
     })[];
     onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
     parentElementNames: string[];
-    initialColumns: Array<ColumnWithCell<T>>;
+    initialColumns: Array<ColumnDef<T>>;
     allowCopy: boolean;
-} & { [P in keyof Required<formStoreService.FormStoreParameters>]: formStoreService.FormStoreParameters[P] | undefined; }) => ColumnWithCell<T>[];
+} & { [P in keyof Required<formStoreService.FormStoreParameters>]: formStoreService.FormStoreParameters[P] | undefined; }) => ColumnDef<T>[];
 export default generateColumns;

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

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createColumnHelper, } from '@tanstack/react-table';
 import FormElementTableCell from './FormElementTableCell';
 import generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements';
 function generateSorting({ formElement, parentElementNames, sorting, }) {
@@ -138,6 +139,7 @@ function generateFilter({ formElement, onChangeParameters, rootSubmissionFilters
     }
 }
 const generateColumns = ({ formElements, onChangeParameters, filters, sorting, unwindRepeatableSets, parentElementNames, initialColumns, allowCopy, }) => {
+    const columnHelper = createColumnHelper();
     return formElements.reduce((columns, formElement) => {
         if (unwindRepeatableSets && formElement.type === 'repeatableSet') {
             generateColumns({
@@ -254,27 +256,30 @@ const generateColumns = ({ formElements, onChangeParameters, filters, sorting, u
                 break;
             }
             default: {
-                columns.push({
-                    formElementType: formElement.type,
+                const col = columnHelper.display({
                     id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join('_'),
-                    sorting: generateSorting({
-                        formElement,
-                        sorting,
-                        parentElementNames,
-                    }),
-                    headerText: formElement.label,
-                    tooltip: formElement.tooltip || formElement.name,
-                    filter: generateFilter({
-                        parentElementNames,
-                        formElement,
-                        onChangeParameters,
-                        rootSubmissionFilters: filters === null || filters === void 0 ? void 0 : filters.submission,
-                    }),
-                    Cell: ({ row: { original: formStoreRecord } }) => {
+                    header: formElement.label,
+                    meta: {
+                        sorting: generateSorting({
+                            formElement,
+                            sorting,
+                            parentElementNames,
+                        }),
+                        tooltip: formElement.tooltip || formElement.name,
+                        formElementType: formElement.type,
+                        filter: generateFilter({
+                            formElement,
+                            onChangeParameters,
+                            rootSubmissionFilters: filters === null || filters === void 0 ? void 0 : filters.submission,
+                            parentElementNames,
+                        }),
+                    },
+                    cell: ({ row: { original: formStoreRecord } }) => {
                         const submission = parentElementNames.reduce((memo, elementName) => memo === null || memo === void 0 ? void 0 : memo[elementName], formStoreRecord.submission);
-                        return (React.createElement(FormElementTableCell, { formElement: formElement, submission: submission, allowCopy: allowCopy }));
+                        return (_jsx(FormElementTableCell, { formElement: formElement, submission: submission, allowCopy: allowCopy }));
                     },
                 });
+                columns.push(col);
                 break;
             }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"generateColumns.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/generateColumns.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { Column as ColumnWithCell, CellProps } from 'react-table'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementTableCell from './FormElementTableCell'\nimport { formStoreService } from '@oneblink/apps'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements'\n\nfunction generateSorting({\n  formElement,\n  parentElementNames,\n  sorting,\n}: {\n  formElement: FormTypes.FormElementWithName\n  parentElementNames: string[]\n  sorting: formStoreService.FormStoreParameters['sorting']\n}) {\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'number':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner':\n    case 'date':\n    case 'datetime':\n    case 'time':\n    case 'calculation': {\n      const sortProperty = [\n        'submission',\n        ...parentElementNames,\n        formElement.name,\n      ].join('.')\n      return {\n        property: sortProperty,\n        direction: sorting?.find(({ property }) => property === sortProperty)\n          ?.direction,\n      }\n    }\n  }\n}\n\nfunction generateFilter({\n  formElement,\n  onChangeParameters,\n  rootSubmissionFilters,\n  parentElementNames,\n}: {\n  formElement: FormTypes.FormElementWithName\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  rootSubmissionFilters: formStoreService.FormStoreFilters['submission']\n  parentElementNames: string[]\n}): ColumnWithCell<Record<string, unknown>>['filter'] {\n  function onChange<T>(\n    newValue: formStoreService.FormStoreFilter<T> | undefined,\n    shouldDebounce: boolean,\n  ) {\n    onChangeParameters((currentParameters) => {\n      let newSubmission = {\n        [formElement.name]: newValue,\n      }\n\n      if (parentElementNames.length) {\n        const copy = [...parentElementNames]\n        while (copy.length) {\n          const nestedSubmission = copy.reduce<\n            formStoreService.FormStoreFilters['submission']\n          >(\n            (memo, elementName) =>\n              memo?.[\n                elementName\n              ] as formStoreService.FormStoreFilters['submission'],\n            rootSubmissionFilters,\n          )\n          const elementName = copy.pop()\n          if (elementName) {\n            newSubmission = {\n              [elementName]: {\n                ...nestedSubmission,\n                ...newSubmission,\n              },\n            }\n          }\n        }\n      }\n\n      return {\n        ...currentParameters,\n        filters: {\n          ...currentParameters.filters,\n          submission: {\n            ...currentParameters.filters?.submission,\n            ...newSubmission,\n          },\n        },\n      }\n    }, shouldDebounce)\n  }\n\n  const submissionFilters = parentElementNames.reduce<\n    formStoreService.FormStoreFilters['submission']\n  >(\n    (memo, elementName) =>\n      memo?.[elementName] as formStoreService.FormStoreFilters['submission'],\n    rootSubmissionFilters,\n  )\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner': {\n      return {\n        type: 'TEXT',\n        value: submissionFilters?.[formElement.name] as\n          | { $regex: string; $options?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'number':\n    case 'calculation': {\n      return {\n        type: 'NUMBER',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: number; $lte?: number }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'checkboxes':\n    case 'select':\n    case 'radio':\n    case 'autocomplete': {\n      const value = submissionFilters?.[formElement.name]\n      if (Array.isArray(formElement.options)) {\n        if (\n          (formElement.type === 'select' && formElement.multi) ||\n          formElement.type === 'checkboxes'\n        ) {\n          return {\n            type: 'OPTIONS_MULTIPLE',\n            value: value as { $elemMatch: { $in: string[] } } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        } else {\n          return {\n            type: 'OPTIONS_SINGLE',\n            value: value as { $in: string[] } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        }\n      } else {\n        return {\n          type: 'TEXT',\n          value: value as { $regex: string } | undefined,\n          onChange,\n        }\n      }\n    }\n    case 'boolean':\n      return {\n        type: 'BOOLEAN',\n        value: submissionFilters?.[formElement.name] as\n          | { $eq: boolean }\n          | undefined,\n        onChange,\n      }\n    case 'date': {\n      return {\n        type: 'DATE',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'datetime':\n      return {\n        type: 'DATETIME',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    default: {\n      return undefined\n    }\n  }\n}\n\nconst generateColumns = <\n  T extends { submission: FormStoreRecord['submission'] },\n>({\n  formElements,\n  onChangeParameters,\n  filters,\n  sorting,\n  unwindRepeatableSets,\n  parentElementNames,\n  initialColumns,\n  allowCopy,\n}: {\n  formElements: (FormTypes.FormElement & { tooltip?: string })[]\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  parentElementNames: string[]\n  initialColumns: Array<ColumnWithCell<T>>\n  allowCopy: boolean\n} & {\n  [P in keyof Required<formStoreService.FormStoreParameters>]:\n    | formStoreService.FormStoreParameters[P]\n    | undefined\n}) => {\n  return formElements.reduce<Array<ColumnWithCell<T>>>(\n    (columns, formElement) => {\n      if (unwindRepeatableSets && formElement.type === 'repeatableSet') {\n        generateColumns({\n          onChangeParameters,\n          formElements: formElement.elements,\n          parentElementNames: [...parentElementNames, formElement.name],\n          initialColumns: columns,\n          filters,\n          allowCopy,\n          sorting,\n          unwindRepeatableSets,\n        })\n        return columns\n      }\n      switch (formElement.type) {\n        case 'page':\n        case 'section': {\n          generateColumns({\n            onChangeParameters,\n            formElements: formElement.elements,\n            parentElementNames,\n            filters,\n            initialColumns: columns,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'form': {\n          if (formElement.elements) {\n            generateColumns({\n              onChangeParameters,\n              formElements: formElement.elements,\n              parentElementNames: [...parentElementNames, formElement.name],\n              initialColumns: columns,\n              filters,\n              allowCopy,\n              sorting,\n              unwindRepeatableSets,\n            })\n          }\n          break\n        }\n        case 'compliance': {\n          generateColumns({\n            onChangeParameters,\n            formElements: [\n              {\n                ...formElement,\n                tooltip: formElement.name,\n                type: 'radio',\n                name: 'value',\n                buttons: false,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_notes`,\n                type: 'textarea',\n                name: 'notes',\n                label: `${formElement.label} (Notes)`,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_media`,\n                type: 'files',\n                restrictFileTypes: false,\n                name: 'files',\n                label: `${formElement.label} (Media)`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'freshdeskDependentField': {\n          const [categoryFormElement, subCategoryFormElement, itemFormElement] =\n            generateFreshdeskDependentFieldElements(formElement)\n          generateColumns({\n            onChangeParameters,\n            formElements: [\n              {\n                ...categoryFormElement,\n                tooltip: `${formElement.name}_category`,\n              },\n              {\n                ...subCategoryFormElement,\n                tooltip: `${formElement.name}_sub_category`,\n              },\n              {\n                ...itemFormElement,\n                tooltip: `${formElement.name}_item`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n          break\n        }\n        case 'summary':\n        case 'captcha':\n        case 'html':\n        case 'heading':\n        case 'infoPage':\n        case 'image': {\n          break\n        }\n        default: {\n          columns.push({\n            formElementType: formElement.type,\n            id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join(\n              '_',\n            ),\n            sorting: generateSorting({\n              formElement,\n              sorting,\n              parentElementNames,\n            }),\n            headerText: formElement.label,\n            tooltip: formElement.tooltip || formElement.name,\n            filter: generateFilter({\n              parentElementNames,\n              formElement,\n              onChangeParameters,\n              rootSubmissionFilters: filters?.submission,\n            }),\n            Cell: ({ row: { original: formStoreRecord } }: CellProps<T>) => {\n              const submission = parentElementNames.reduce<\n                SubmissionTypes.S3SubmissionData['submission']\n              >(\n                (memo, elementName) =>\n                  memo?.[elementName] as FormStoreRecord['submission'],\n                formStoreRecord.submission,\n              )\n              return (\n                <FormElementTableCell\n                  formElement={formElement}\n                  submission={submission}\n                  allowCopy={allowCopy}\n                />\n              )\n            },\n          })\n          break\n        }\n      }\n      return columns\n    },\n    initialColumns,\n  )\n}\n\nexport default generateColumns\n"]}
+{"version":3,"file":"generateColumns.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/generateColumns.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport {\n  ColumnDef,\n  ColumnMeta,\n  createColumnHelper,\n} from '@tanstack/react-table'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementTableCell from './FormElementTableCell'\nimport { formStoreService } from '../../../apps'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements'\n\nfunction generateSorting({\n  formElement,\n  parentElementNames,\n  sorting,\n}: {\n  formElement: FormTypes.FormElementWithName\n  parentElementNames: string[]\n  sorting: formStoreService.FormStoreParameters['sorting']\n}) {\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'number':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner':\n    case 'date':\n    case 'datetime':\n    case 'time':\n    case 'calculation': {\n      const sortProperty = [\n        'submission',\n        ...parentElementNames,\n        formElement.name,\n      ].join('.')\n      return {\n        property: sortProperty,\n        direction: sorting?.find(({ property }) => property === sortProperty)\n          ?.direction,\n      }\n    }\n  }\n}\n\nfunction generateFilter({\n  formElement,\n  onChangeParameters,\n  rootSubmissionFilters,\n  parentElementNames,\n}: {\n  formElement: FormTypes.FormElementWithName\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  rootSubmissionFilters: formStoreService.FormStoreFilters['submission']\n  parentElementNames: string[]\n}): ColumnMeta<unknown, unknown>['filter'] {\n  function onChange<T>(\n    newValue: formStoreService.FormStoreFilter<T> | undefined,\n    shouldDebounce: boolean,\n  ) {\n    onChangeParameters((currentParameters) => {\n      let newSubmission = {\n        [formElement.name]: newValue,\n      }\n\n      if (parentElementNames.length) {\n        const copy = [...parentElementNames]\n        while (copy.length) {\n          const nestedSubmission = copy.reduce<\n            formStoreService.FormStoreFilters['submission']\n          >(\n            (memo, elementName) =>\n              memo?.[\n                elementName\n              ] as formStoreService.FormStoreFilters['submission'],\n            rootSubmissionFilters,\n          )\n          const elementName = copy.pop()\n          if (elementName) {\n            newSubmission = {\n              [elementName]: {\n                ...nestedSubmission,\n                ...newSubmission,\n              },\n            }\n          }\n        }\n      }\n\n      return {\n        ...currentParameters,\n        filters: {\n          ...currentParameters.filters,\n          submission: {\n            ...currentParameters.filters?.submission,\n            ...newSubmission,\n          },\n        },\n      }\n    }, shouldDebounce)\n  }\n\n  const submissionFilters = parentElementNames.reduce<\n    formStoreService.FormStoreFilters['submission']\n  >(\n    (memo, elementName) =>\n      memo?.[elementName] as formStoreService.FormStoreFilters['submission'],\n    rootSubmissionFilters,\n  )\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner': {\n      return {\n        type: 'TEXT',\n        value: submissionFilters?.[formElement.name] as\n          | { $regex: string; $options?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'number':\n    case 'calculation': {\n      return {\n        type: 'NUMBER',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: number; $lte?: number }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'checkboxes':\n    case 'select':\n    case 'radio':\n    case 'autocomplete': {\n      const value = submissionFilters?.[formElement.name]\n      if (Array.isArray(formElement.options)) {\n        if (\n          (formElement.type === 'select' && formElement.multi) ||\n          formElement.type === 'checkboxes'\n        ) {\n          return {\n            type: 'OPTIONS_MULTIPLE',\n            value: value as { $elemMatch: { $in: string[] } } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        } else {\n          return {\n            type: 'OPTIONS_SINGLE',\n            value: value as { $in: string[] } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        }\n      } else {\n        return {\n          type: 'TEXT',\n          value: value as { $regex: string } | undefined,\n          onChange,\n        }\n      }\n    }\n    case 'boolean':\n      return {\n        type: 'BOOLEAN',\n        value: submissionFilters?.[formElement.name] as\n          | { $eq: boolean }\n          | undefined,\n        onChange,\n      }\n    case 'date': {\n      return {\n        type: 'DATE',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'datetime':\n      return {\n        type: 'DATETIME',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    default: {\n      return undefined\n    }\n  }\n}\n\nconst generateColumns = <\n  T extends { submission: SubmissionTypes.S3SubmissionData['submission'] },\n>({\n  formElements,\n  onChangeParameters,\n  filters,\n  sorting,\n  unwindRepeatableSets,\n  parentElementNames,\n  initialColumns,\n  allowCopy,\n}: {\n  formElements: (FormTypes.FormElement & { tooltip?: string })[]\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  parentElementNames: string[]\n  initialColumns: Array<ColumnDef<T>>\n  allowCopy: boolean\n} & {\n  [P in keyof Required<formStoreService.FormStoreParameters>]:\n    | formStoreService.FormStoreParameters[P]\n    | undefined\n}) => {\n  const columnHelper = createColumnHelper<T>()\n  return formElements.reduce<Array<ColumnDef<T>>>((columns, formElement) => {\n    if (unwindRepeatableSets && formElement.type === 'repeatableSet') {\n      generateColumns({\n        onChangeParameters,\n        formElements: formElement.elements,\n        parentElementNames: [...parentElementNames, formElement.name],\n        initialColumns: columns,\n        filters,\n        allowCopy,\n        sorting,\n        unwindRepeatableSets,\n      })\n      return columns\n    }\n    switch (formElement.type) {\n      case 'page':\n      case 'section': {\n        generateColumns({\n          onChangeParameters,\n          formElements: formElement.elements,\n          parentElementNames,\n          filters,\n          initialColumns: columns,\n          allowCopy,\n          sorting,\n          unwindRepeatableSets,\n        })\n        break\n      }\n      case 'form': {\n        if (formElement.elements) {\n          generateColumns({\n            onChangeParameters,\n            formElements: formElement.elements,\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n            sorting,\n            unwindRepeatableSets,\n          })\n        }\n        break\n      }\n      case 'compliance': {\n        generateColumns({\n          onChangeParameters,\n          formElements: [\n            {\n              ...formElement,\n              tooltip: formElement.name,\n              type: 'radio',\n              name: 'value',\n              buttons: false,\n            },\n            {\n              ...formElement,\n              tooltip: `${formElement.name}_notes`,\n              type: 'textarea',\n              name: 'notes',\n              label: `${formElement.label} (Notes)`,\n            },\n            {\n              ...formElement,\n              tooltip: `${formElement.name}_media`,\n              type: 'files',\n              restrictFileTypes: false,\n              name: 'files',\n              label: `${formElement.label} (Media)`,\n            },\n          ],\n          parentElementNames: [...parentElementNames, formElement.name],\n          initialColumns: columns,\n          filters,\n          allowCopy,\n          sorting,\n          unwindRepeatableSets,\n        })\n        break\n      }\n      case 'freshdeskDependentField': {\n        const [categoryFormElement, subCategoryFormElement, itemFormElement] =\n          generateFreshdeskDependentFieldElements(formElement)\n        generateColumns({\n          onChangeParameters,\n          formElements: [\n            {\n              ...categoryFormElement,\n              tooltip: `${formElement.name}_category`,\n            },\n            {\n              ...subCategoryFormElement,\n              tooltip: `${formElement.name}_sub_category`,\n            },\n            {\n              ...itemFormElement,\n              tooltip: `${formElement.name}_item`,\n            },\n          ],\n          parentElementNames: [...parentElementNames, formElement.name],\n          initialColumns: columns,\n          filters,\n          allowCopy,\n          sorting,\n          unwindRepeatableSets,\n        })\n        break\n      }\n      case 'summary':\n      case 'captcha':\n      case 'html':\n      case 'heading':\n      case 'infoPage':\n      case 'image': {\n        break\n      }\n      default: {\n        const col = columnHelper.display({\n          id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join(\n            '_',\n          ),\n          header: formElement.label,\n          meta: {\n            sorting: generateSorting({\n              formElement,\n              sorting,\n              parentElementNames,\n            }),\n            tooltip: formElement.tooltip || formElement.name,\n            formElementType: formElement.type,\n            filter: generateFilter({\n              formElement,\n              onChangeParameters,\n              rootSubmissionFilters: filters?.submission,\n              parentElementNames,\n            }),\n          },\n          cell: ({ row: { original: formStoreRecord } }) => {\n            const submission = parentElementNames.reduce<\n              SubmissionTypes.S3SubmissionData['submission']\n            >(\n              (memo, elementName) =>\n                memo?.[elementName] as FormStoreRecord['submission'],\n              formStoreRecord.submission,\n            )\n            return (\n              <FormElementTableCell\n                formElement={formElement}\n                submission={submission}\n                allowCopy={allowCopy}\n              />\n            )\n          },\n        })\n        columns.push(col)\n        break\n      }\n    }\n    return columns\n  }, initialColumns)\n}\n\nexport default generateColumns\n"]}

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

@@ -1,7 +1,8 @@
-import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
-import { TableState } from 'react-table';
+import { TableState } from '@tanstack/react-table';
 export declare const latestStateVersion: string | undefined;
-export type FormTableState = Partial<TableState<FormStoreRecord>> & {
+export type FormTableState = Partial<TableState> & {
+    /** @deprecated The table state now uses columnVisibility instead */
+    hiddenColumns?: string[];
     defaultHiddenColumnsVersion?: string;
     formId: number;
 };