@oneblink/apps-react 1.2.0-beta.2 → 1.2.0-beta.5

package/dist/components/formStore/OneBlinkFormStoreColumnsButton.js

@@ -1,11 +1,13 @@
 import * as React from 'react';
-import { Box, Button, Checkbox, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, FormGroup, Typography, } from '@mui/material';
-import { Settings as SettingsIcon } from '@mui/icons-material';
+import { Alert, AlertTitle, Box, Button, Checkbox, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControlLabel, FormGroup, Grid, IconButton, Typography, } from '@mui/material';
+import { Help, Settings as SettingsIcon } from '@mui/icons-material';
 import useBooleanState from '../../hooks/useBooleanState';
 import useFormStoreTableContext from './useFormStoreTableContext';
+import { ListItem, UnorderedList } from '../Lists';
 function OneBlinkFormStoreColumnsButton(props) {
     const { getToggleHideAllColumnsProps, allColumns, parameters, onChangeParameters, } = useFormStoreTableContext();
     const [isConfiguringColumns, showColumnConfiguration, hideColumnConfiguration,] = useBooleanState(false);
+    const [isHelpOpen, , , toggleHelp] = useBooleanState(false);
     const toggleHideAllColumnsProps = getToggleHideAllColumnsProps();
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { className: "ob-form-store-columns-button", startIcon: React.createElement(SettingsIcon, null), onClick: showColumnConfiguration, 
@@ -14,13 +16,33 @@ function OneBlinkFormStoreColumnsButton(props) {
         React.createElement(Dialog, { open: isConfiguringColumns, maxWidth: "sm", fullWidth: true, onClose: hideColumnConfiguration },
             React.createElement(DialogTitle, null, "Column Configuration"),
             React.createElement(DialogContent, { dividers: true },
-                React.createElement(FormGroup, null,
-                    React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: !!parameters.unwindRepeatableSets }), onChange: (e, checked) => {
-                            onChangeParameters((currentParameters) => ({
-                                ...currentParameters,
-                                unwindRepeatableSets: checked,
-                            }), false);
-                        }, label: "Flatten repeatable set entries" })),
+                React.createElement(Grid, { container: true },
+                    React.createElement(Grid, { item: true },
+                        React.createElement(FormGroup, null,
+                            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: !!parameters.unwindRepeatableSets }), onChange: (e, checked) => {
+                                    onChangeParameters((currentParameters) => ({
+                                        ...currentParameters,
+                                        sorting: checked
+                                            ? currentParameters.sorting
+                                            : [
+                                                {
+                                                    property: 'dateTimeSubmitted',
+                                                    direction: 'descending',
+                                                },
+                                            ],
+                                        unwindRepeatableSets: checked,
+                                    }), false);
+                                }, label: "Output a row per repeatable set entry" }))),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(IconButton, { onClick: toggleHelp },
+                            React.createElement(Help, null)))),
+                React.createElement(Collapse, { in: isHelpOpen },
+                    React.createElement(Alert, { severity: "info" },
+                        React.createElement(AlertTitle, null, "When this setting is enabled:"),
+                        React.createElement(UnorderedList, null,
+                            React.createElement(ListItem, null, "Repeatable set columns will be expanded and create duplicate rows per entry"),
+                            React.createElement(ListItem, null, "Columns inside repeatable set entries can be sorted and filtered"),
+                            React.createElement(ListItem, null, "Columns inside repeatable set entries will be included in the CSV download")))),
                 React.createElement(Box, { marginY: 2 },
                     React.createElement(Divider, null)),
                 React.createElement(FormGroup, null,

package/dist/components/formStore/OneBlinkFormStoreColumnsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormStoreColumnsButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreColumnsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,GAAG,EACH,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,eAAe,MAAM,6BAA6B,CAAA;AACzD,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAEjE,SAAS,8BAA8B,CACrC,KAA0C;IAE1C,MAAM,EACJ,4BAA4B,EAC5B,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,GAAG,wBAAwB,EAAE,CAAA;IAC9B,MAAM,CACJ,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACxB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAE1B,MAAM,yBAAyB,GAAG,4BAA4B,EAAE,CAAA;IAEhE,OAAO,CACL;QACE,oBAAC,MAAM,IACL,SAAS,EAAC,8BAA8B,EACxC,SAAS,EAAE,oBAAC,YAAY,OAAG,EAC3B,OAAO,EAAE,uBAAuB;YAChC,kDAAkD;YAClD,QAAQ,EAAE,oDAAY,KAClB,KAAK,GACT;QACF,oBAAC,MAAM,IACL,IAAI,EAAE,oBAAoB,EAC1B,QAAQ,EAAC,IAAI,EACb,SAAS,QACT,OAAO,EAAE,uBAAuB;YAEhC,oBAAC,WAAW,+BAAmC;YAC/C,oBAAC,aAAa,IAAC,QAAQ;gBACrB,oBAAC,SAAS;oBACR,oBAAC,gBAAgB,IACf,OAAO,EAAE,oBAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,oBAAoB,GAAI,EACjE,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE;4BACvB,kBAAkB,CAChB,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;gCACtB,GAAG,iBAAiB;gCACpB,oBAAoB,EAAE,OAAO;6BAC9B,CAAC,EACF,KAAK,CACN,CAAA;wBACH,CAAC,EACD,KAAK,EAAC,gCAAgC,GACtC,CACQ;gBACZ,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAC;oBACb,oBAAC,OAAO,OAAG,CACP;gBACN,oBAAC,SAAS;oBACR,oBAAC,gBAAgB,IACf,OAAO,EACL,oBAAC,QAAQ,OACH,yBAAyB,EAC7B,aAAa,EAAE,CAAC,CAAC,yBAAyB,CAAC,aAAa,GACxD,EAEJ,KAAK,EAAE,4CAAiB,GACxB;oBACD,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACzB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;4BAC5B,oBAAC,gBAAgB,IACf,OAAO,EAAE,oBAAC,QAAQ,OAAK,MAAM,CAAC,oBAAoB,EAAE,GAAI,EACxD,KAAK,EACH;oCACG,MAAM,CAAC,UAAU;oCACjB,MAAM,CAAC,OAAO,IAAI,CACjB,oBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe;wCAC/C,GAAG;;wCACF,MAAM,CAAC,OAAO;4CACL,CACd,CACA,GAEL,CACa,CAClB,CAAA;oBACH,CAAC,CAAC,CACQ,CACE;YAChB,oBAAC,aAAa;gBACZ,oBAAC,MAAM,IACL,OAAO,EAAE,uBAAuB,EAChC,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,WAGZ,CACK,CACT,CACR,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControlLabel,\n  FormGroup,\n  Typography,\n} from '@mui/material'\nimport { Settings as SettingsIcon } from '@mui/icons-material'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport useFormStoreTableContext from './useFormStoreTableContext'\n\nfunction OneBlinkFormStoreColumnsButton(\n  props: React.ComponentProps<typeof Button>,\n) {\n  const {\n    getToggleHideAllColumnsProps,\n    allColumns,\n    parameters,\n    onChangeParameters,\n  } = useFormStoreTableContext()\n  const [\n    isConfiguringColumns,\n    showColumnConfiguration,\n    hideColumnConfiguration,\n  ] = useBooleanState(false)\n\n  const toggleHideAllColumnsProps = getToggleHideAllColumnsProps()\n\n  return (\n    <>\n      <Button\n        className=\"ob-form-store-columns-button\"\n        startIcon={<SettingsIcon />}\n        onClick={showColumnConfiguration}\n        // eslint-disable-next-line react/no-children-prop\n        children={<>Columns</>}\n        {...props}\n      />\n      <Dialog\n        open={isConfiguringColumns}\n        maxWidth=\"sm\"\n        fullWidth\n        onClose={hideColumnConfiguration}\n      >\n        <DialogTitle>Column Configuration</DialogTitle>\n        <DialogContent dividers>\n          <FormGroup>\n            <FormControlLabel\n              control={<Checkbox checked={!!parameters.unwindRepeatableSets} />}\n              onChange={(e, checked) => {\n                onChangeParameters(\n                  (currentParameters) => ({\n                    ...currentParameters,\n                    unwindRepeatableSets: checked,\n                  }),\n                  false,\n                )\n              }}\n              label=\"Flatten repeatable set entries\"\n            />\n          </FormGroup>\n          <Box marginY={2}>\n            <Divider />\n          </Box>\n          <FormGroup>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  {...toggleHideAllColumnsProps}\n                  indeterminate={!!toggleHideAllColumnsProps.indeterminate}\n                />\n              }\n              label={<b>Toggle All</b>}\n            />\n            {allColumns.map((column) => {\n              return (\n                <React.Fragment key={column.id}>\n                  <FormControlLabel\n                    control={<Checkbox {...column.getToggleHiddenProps()} />}\n                    label={\n                      <>\n                        {column.headerText}\n                        {column.tooltip && (\n                          <Typography component=\"span\" color=\"textSecondary\">\n                            {' '}\n                            ({column.tooltip})\n                          </Typography>\n                        )}\n                      </>\n                    }\n                  />\n                </React.Fragment>\n              )\n            })}\n          </FormGroup>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={hideColumnConfiguration}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Done\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n\nexport default React.memo(OneBlinkFormStoreColumnsButton)\n"]}
+{"version":3,"file":"OneBlinkFormStoreColumnsButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreColumnsButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Checkbox,\n  Collapse,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControlLabel,\n  FormGroup,\n  Grid,\n  IconButton,\n  Typography,\n} from '@mui/material'\nimport { Help, Settings as SettingsIcon } from '@mui/icons-material'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport useFormStoreTableContext from './useFormStoreTableContext'\nimport { ListItem, UnorderedList } from '../Lists'\n\nfunction OneBlinkFormStoreColumnsButton(\n  props: React.ComponentProps<typeof Button>,\n) {\n  const {\n    getToggleHideAllColumnsProps,\n    allColumns,\n    parameters,\n    onChangeParameters,\n  } = useFormStoreTableContext()\n  const [\n    isConfiguringColumns,\n    showColumnConfiguration,\n    hideColumnConfiguration,\n  ] = useBooleanState(false)\n  const [isHelpOpen, , , toggleHelp] = useBooleanState(false)\n\n  const toggleHideAllColumnsProps = getToggleHideAllColumnsProps()\n\n  return (\n    <>\n      <Button\n        className=\"ob-form-store-columns-button\"\n        startIcon={<SettingsIcon />}\n        onClick={showColumnConfiguration}\n        // eslint-disable-next-line react/no-children-prop\n        children={<>Columns</>}\n        {...props}\n      />\n      <Dialog\n        open={isConfiguringColumns}\n        maxWidth=\"sm\"\n        fullWidth\n        onClose={hideColumnConfiguration}\n      >\n        <DialogTitle>Column Configuration</DialogTitle>\n        <DialogContent dividers>\n          <Grid container>\n            <Grid item>\n              <FormGroup>\n                <FormControlLabel\n                  control={\n                    <Checkbox checked={!!parameters.unwindRepeatableSets} />\n                  }\n                  onChange={(e, checked) => {\n                    onChangeParameters(\n                      (currentParameters) => ({\n                        ...currentParameters,\n                        sorting: checked\n                          ? currentParameters.sorting\n                          : [\n                              {\n                                property: 'dateTimeSubmitted',\n                                direction: 'descending',\n                              },\n                            ],\n                        unwindRepeatableSets: checked,\n                      }),\n                      false,\n                    )\n                  }}\n                  label=\"Output a row per repeatable set entry\"\n                />\n              </FormGroup>\n            </Grid>\n            <Grid item>\n              <IconButton onClick={toggleHelp}>\n                <Help />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Collapse in={isHelpOpen}>\n            <Alert severity=\"info\">\n              <AlertTitle>When this setting is enabled:</AlertTitle>\n              <UnorderedList>\n                <ListItem>\n                  Repeatable set columns will be expanded and create duplicate\n                  rows per entry\n                </ListItem>\n                <ListItem>\n                  Columns inside repeatable set entries can be sorted and\n                  filtered\n                </ListItem>\n                <ListItem>\n                  Columns inside repeatable set entries will be included in the\n                  CSV download\n                </ListItem>\n              </UnorderedList>\n            </Alert>\n          </Collapse>\n          <Box marginY={2}>\n            <Divider />\n          </Box>\n          <FormGroup>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  {...toggleHideAllColumnsProps}\n                  indeterminate={!!toggleHideAllColumnsProps.indeterminate}\n                />\n              }\n              label={<b>Toggle All</b>}\n            />\n            {allColumns.map((column) => {\n              return (\n                <React.Fragment key={column.id}>\n                  <FormControlLabel\n                    control={<Checkbox {...column.getToggleHiddenProps()} />}\n                    label={\n                      <>\n                        {column.headerText}\n                        {column.tooltip && (\n                          <Typography component=\"span\" color=\"textSecondary\">\n                            {' '}\n                            ({column.tooltip})\n                          </Typography>\n                        )}\n                      </>\n                    }\n                  />\n                </React.Fragment>\n              )\n            })}\n          </FormGroup>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={hideColumnConfiguration}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Done\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n\nexport default React.memo(OneBlinkFormStoreColumnsButton)\n"]}

package/dist/components/formStore/OneBlinkFormStoreDownloadButton.js

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

package/dist/components/formStore/OneBlinkFormStoreDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormStoreDownloadButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreDownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAA;AAClD,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAG5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAEjE,SAAS,+BAA+B,CACtC,KAAiD;IAEjD,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,wBAAwB,EAAE,CAAA;IACvE,MAAM,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAGzE;QACD,gBAAgB,EAAE,KAAK;QACvB,mBAAmB,EAAE,IAAI;KAC1B,CAAC,CAAA;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,QAAQ,CAAC;YACP,gBAAgB,EAAE,KAAK;YACvB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,QAAQ,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC,CAAA;QAC/D,IAAI;YACF,MAAM,gBAAgB,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE;gBACvD,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,cAAc,EAAE,cAAc,CAAC,GAAG,CAChC,CAAC,aAA8C,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,CACrE;gBACD,GAAG,UAAU;aACd,CAAC,CAAA;YACF,QAAQ,CAAC;gBACP,gBAAgB,EAAE,KAAK;gBACvB,mBAAmB,EAAE,IAAI;aAC1B,CAAC,CAAA;SACH;QAAC,OAAO,KAAK,EAAE;YACd,QAAQ,CAAC;gBACP,gBAAgB,EAAE,KAAK;gBACvB,mBAAmB,EAAE,KAAc;aACpC,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAA;IAEtC,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,KAAK,EAAC,wCAAwC;YACrD,oBAAC,aAAa,IACZ,SAAS,EAAC,mCAAmC,EAC7C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,gBAAgB,EACzB,eAAe,EAAC,OAAO,EACvB,SAAS,EAAE,oBAAC,OAAO,OAAG,EACtB,OAAO,EAAE,WAAW;gBACpB,kDAAkD;gBAClD,QAAQ,EAAE,qDAAa,KACnB,KAAK,GACT,CACM;QAEV,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,CAAC,mBAAmB,EAAE,OAAO,EAAE,UAAU;YAC7D,8CAAmB,2BAA2B,IAC3C,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,CAC9C,CACO,CACf,CACJ,CAAA;AACH,CAAC;AACD,eAAe,KAAK,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport CsvIcon from '@mui/icons-material/Download'\nimport ErrorSnackbar from '../ErrorSnackbar'\nimport { ColumnInstance } from 'react-table'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useFormStoreTableContext from './useFormStoreTableContext'\n\nfunction OneBlinkFormStoreDownloadButton(\n  props: React.ComponentProps<typeof LoadingButton>,\n) {\n  const { visibleColumns, parameters, form } = useFormStoreTableContext()\n  const [{ isDownloadingCsv, downloadingCsvError }, setState] = React.useState<{\n    isDownloadingCsv: boolean\n    downloadingCsvError: Error | null\n  }>({\n    isDownloadingCsv: false,\n    downloadingCsvError: null,\n  })\n  const clearError = React.useCallback(() => {\n    setState({\n      isDownloadingCsv: false,\n      downloadingCsvError: null,\n    })\n  }, [])\n\n  const downloadCsv = React.useCallback(async () => {\n    setState({ isDownloadingCsv: true, downloadingCsvError: null })\n    try {\n      await formStoreService.exportFormStoreRecords(form.name, {\n        formId: form.id,\n        includeColumns: visibleColumns.map(\n          (visibleColumn: ColumnInstance<FormStoreRecord>) => visibleColumn.id,\n        ),\n        ...parameters,\n      })\n      setState({\n        isDownloadingCsv: false,\n        downloadingCsvError: null,\n      })\n    } catch (error) {\n      setState({\n        isDownloadingCsv: false,\n        downloadingCsvError: error as Error,\n      })\n    }\n  }, [form, parameters, visibleColumns])\n\n  return (\n    <>\n      <Tooltip title=\"Download submission data as a CSV file\">\n        <LoadingButton\n          className=\"ob-form-store-download-csv-button\"\n          type=\"button\"\n          loading={isDownloadingCsv}\n          loadingPosition=\"start\"\n          startIcon={<CsvIcon />}\n          onClick={downloadCsv}\n          // eslint-disable-next-line react/no-children-prop\n          children={<>Download</>}\n          {...props}\n        />\n      </Tooltip>\n\n      <ErrorSnackbar open={!!downloadingCsvError} onClose={clearError}>\n        <span data-cypress=\"edit-dialog-error-message\">\n          {downloadingCsvError && downloadingCsvError.message}\n        </span>\n      </ErrorSnackbar>\n    </>\n  )\n}\nexport default React.memo(OneBlinkFormStoreDownloadButton)\n"]}
+{"version":3,"file":"OneBlinkFormStoreDownloadButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreDownloadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Tooltip,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n  Button,\n} from '@mui/material'\nimport { LoadingButton } from '@mui/lab'\nimport CsvIcon from '@mui/icons-material/Download'\nimport ErrorSnackbar from '../ErrorSnackbar'\nimport { ColumnInstance } from 'react-table'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { formStoreService } from '@oneblink/apps'\nimport useFormStoreTableContext from './useFormStoreTableContext'\n\nfunction OneBlinkFormStoreDownloadButton(\n  props: React.ComponentProps<typeof LoadingButton>,\n) {\n  const { visibleColumns, parameters, form } = useFormStoreTableContext()\n  const [\n    { isDownloadingCsv, isPromptingDownloadCsv, downloadingCsvError },\n    setState,\n  ] = React.useState<{\n    isDownloadingCsv: boolean\n    isPromptingDownloadCsv: boolean\n    downloadingCsvError: Error | null\n  }>({\n    isDownloadingCsv: false,\n    isPromptingDownloadCsv: false,\n    downloadingCsvError: null,\n  })\n\n  const clearError = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      downloadingCsvError: null,\n    }))\n  }, [])\n\n  const downloadCsv = React.useCallback(async () => {\n    setState({\n      isPromptingDownloadCsv: false,\n      isDownloadingCsv: true,\n      downloadingCsvError: null,\n    })\n    try {\n      await formStoreService.exportFormStoreRecords(form.name, {\n        formId: form.id,\n        includeColumns: visibleColumns.map(\n          (visibleColumn: ColumnInstance<FormStoreRecord>) => visibleColumn.id,\n        ),\n        ...parameters,\n      })\n      setState((currentState) => ({\n        ...currentState,\n        isDownloadingCsv: false,\n        downloadingCsvError: null,\n      }))\n    } catch (error) {\n      setState((currentState) => ({\n        ...currentState,\n        isDownloadingCsv: false,\n        downloadingCsvError: error as Error,\n      }))\n    }\n  }, [form, parameters, visibleColumns])\n\n  const promptDownloadCsv = React.useCallback(() => {\n    if (\n      !parameters.unwindRepeatableSets &&\n      visibleColumns.some((c) => c.formElementType === 'repeatableSet')\n    ) {\n      setState((currentState) => ({\n        ...currentState,\n        downloadingCsvError: null,\n        isPromptingDownloadCsv: true,\n      }))\n      return\n    }\n    downloadCsv()\n  }, [downloadCsv, parameters.unwindRepeatableSets, visibleColumns])\n\n  const cancelPromptDownloadCsv = React.useCallback(() => {\n    setState((currentState) => ({\n      ...currentState,\n      isPromptingDownloadCsv: false,\n    }))\n  }, [])\n\n  return (\n    <>\n      <Tooltip title=\"Download submission data as a CSV file\">\n        <LoadingButton\n          className=\"ob-form-store-download-csv-button\"\n          type=\"button\"\n          loading={isDownloadingCsv}\n          loadingPosition=\"start\"\n          startIcon={<CsvIcon />}\n          onClick={promptDownloadCsv}\n          // eslint-disable-next-line react/no-children-prop\n          children={<>Download</>}\n          {...props}\n        />\n      </Tooltip>\n\n      <ErrorSnackbar open={!!downloadingCsvError} onClose={clearError}>\n        <span data-cypress=\"edit-dialog-error-message\">\n          {downloadingCsvError && downloadingCsvError.message}\n        </span>\n      </ErrorSnackbar>\n\n      <Dialog\n        open={isPromptingDownloadCsv}\n        maxWidth=\"sm\"\n        fullWidth\n        onClose={cancelPromptDownloadCsv}\n      >\n        <DialogTitle>Column Configuration</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Repeatable set columns will not be included in the export unless the{' '}\n            <b>Output a row per repeatable set entry</b> option is turned on\n            under <b>Column Configuration</b>.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={cancelPromptDownloadCsv} variant=\"text\">\n            Cancel\n          </Button>\n          <Button\n            onClick={downloadCsv}\n            startIcon={<CsvIcon />}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Download\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\nexport default React.memo(OneBlinkFormStoreDownloadButton)\n"]}

package/dist/components/formStore/OneBlinkFormStoreTable.js

@@ -12,6 +12,9 @@ const Table = styled('div')(({ theme }) => ({
     display: 'inline-block',
     backgroundColor: theme.palette.background.paper,
     fontSize: theme.typography.body2.fontSize,
+    '& .ob-form-store-table-row__alternate': {
+        backgroundColor: theme.palette.action.hover,
+    },
     '& .tc': {
         padding: theme.spacing(1),
         borderBottom: '1px solid',
@@ -92,6 +95,7 @@ function OneBlinkFormStoreTable() {
     if (!parentHeaderGroup) {
         return null;
     }
+    let alternateBackground = false;
     return (React.createElement(React.Fragment, null,
         React.createElement(Table, { ...getTableProps(), className: "ob-form-store-table" },
             React.createElement("div", { className: "thead" },
@@ -163,12 +167,19 @@ function OneBlinkFormStoreTable() {
                 }))),
             React.createElement("div", { ...getTableBodyProps(), className: "tbody" }, 
             // Loop over the table rows
-            rows.map((row) => {
+            rows.map((row, index) => {
+                var _a;
+                if (((_a = rows[index - 1]) === null || _a === void 0 ? void 0 : _a.original.submissionId) !==
+                    row.original.submissionId) {
+                    alternateBackground = !alternateBackground;
+                }
                 // Prepare the row for display
                 prepareRow(row);
                 return (
                 // Apply the row props
-                React.createElement("div", { ...row.getRowProps(), key: row.id, className: "tr ob-form-store-table-row" }, 
+                React.createElement("div", { ...row.getRowProps(), key: row.id, className: clsx('tr ob-form-store-table-row', {
+                        'ob-form-store-table-row__alternate': alternateBackground,
+                    }) }, 
                 // Loop over the rows cells
                 row.cells.map((cell) => {
                     // Apply the cell props

package/dist/components/formStore/OneBlinkFormStoreTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneBlinkFormStoreTable.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { styled, Tooltip } from '@mui/material'\nimport {\n  FilterList as FilterListIcon,\n  Warning as WarningIcon,\n  ArrowDownward,\n} from '@mui/icons-material'\nimport { IsHoveringProvider } from '../../hooks/useIsHovering'\nimport HeaderCellMoreButton from './table/HeaderCellMoreButton'\nimport useFormStoreTableContext from './useFormStoreTableContext'\n\nconst SortingIcon = styled(ArrowDownward)(({ theme }) => ({\n  transition: theme.transitions.create('transform'),\n}))\n\nconst Table = styled('div')(({ theme }) => ({\n  display: 'inline-block',\n  backgroundColor: theme.palette.background.paper,\n  fontSize: theme.typography.body2.fontSize,\n  '& .tc': {\n    padding: theme.spacing(1),\n    borderBottom: '1px solid',\n    borderBottomColor: theme.palette.divider,\n    display: 'flex',\n    alignItems: 'center',\n    '&.is-clickable': {\n      cursor: 'pointer',\n      transition: theme.transitions.create('transform'),\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n  },\n  '& .td': {\n    position: 'relative',\n    borderRight: '1px solid',\n    borderRightColor: theme.palette.divider,\n    overflowX: 'hidden',\n    // minus 1 to cater for the border\n    minHeight: `${parseInt(theme.spacing(5.5)) - 1}px`,\n    '&.is-resizing': {\n      borderRightStyle: 'dashed',\n    },\n  },\n  '& .th': {\n    position: 'relative',\n    fontWeight: theme.typography.fontWeightBold,\n    paddingRight: 0,\n    borderBottomWidth: '2px',\n    '& .th-content': {\n      flex: 1,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      borderRight: '1px solid',\n      borderRightColor: theme.palette.divider,\n      paddingRight: theme.spacing(),\n      '& .th-label': {\n        display: 'inline-flex',\n        alignItems: 'center',\n        '& .th-icon': {\n          marginLeft: theme.spacing(),\n        },\n      },\n    },\n    '& .resizer': {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderRightStyle: 'solid',\n      borderColor: theme.palette.divider,\n      paddingTop: theme.spacing(),\n      paddingBottom: theme.spacing(),\n      paddingRight: `calc(${theme.spacing(1)} + 1px)`,\n      position: 'absolute',\n      right: 0,\n      top: theme.spacing(0.5),\n      bottom: theme.spacing(0.5),\n      transform: `translateX(calc(${theme.spacing(0.5)} + 1px))`,\n      zIndex: 1,\n      // prevents from scrolling while dragging on touch devices\n      touchAction: 'none',\n      '&:hover': {\n        borderWidth: '1px',\n      },\n      '&.is-resizing': {\n        borderWidth: '1px',\n        borderColor: theme.palette.grey[700],\n      },\n    },\n  },\n}))\n\nfunction OneBlinkFormStoreTable() {\n  const {\n    getTableProps,\n    getTableBodyProps,\n    headerGroups: [parentHeaderGroup],\n    rows,\n    prepareRow,\n    onChangeParameters,\n  } = useFormStoreTableContext()\n\n  if (!parentHeaderGroup) {\n    return null\n  }\n\n  return (\n    <>\n      <Table {...getTableProps()} className=\"ob-form-store-table\">\n        <div className=\"thead\">\n          <div\n            {...parentHeaderGroup.getHeaderGroupProps()}\n            className=\"tr ob-form-store-table-header-row\"\n          >\n            {\n              // Loop over the headers in each row\n              parentHeaderGroup.headers.map((headerGroup) => {\n                const sortingProperty = headerGroup.sorting?.property\n                const sortingDirection = headerGroup.sorting?.direction\n\n                return (\n                  <Tooltip\n                    title={headerGroup.tooltip || ''}\n                    arrow\n                    key={headerGroup.id}\n                    PopperProps={{\n                      sx: {\n                        zIndex: 'drawer',\n                      },\n                    }}\n                  >\n                    <div\n                      className={clsx('th tc ob-form-store-table-header-cell', {\n                        'is-clickable': !!sortingProperty,\n                      })}\n                      onClick={\n                        sortingProperty\n                          ? () => {\n                              onChangeParameters((currentParameters) => {\n                                switch (sortingDirection) {\n                                  case 'ascending': {\n                                    return {\n                                      ...currentParameters,\n                                      sorting: [\n                                        {\n                                          property: sortingProperty,\n                                          direction: 'descending',\n                                        },\n                                      ],\n                                    }\n                                  }\n                                  case 'descending': {\n                                    return {\n                                      ...currentParameters,\n                                      sorting: undefined,\n                                    }\n                                  }\n                                  default: {\n                                    return {\n                                      ...currentParameters,\n                                      sorting: [\n                                        {\n                                          property: sortingProperty,\n                                          direction: 'ascending',\n                                        },\n                                      ],\n                                    }\n                                  }\n                                }\n                              }, false)\n                            }\n                          : undefined\n                      }\n                      // Apply the header cell props\n                      {...headerGroup.getHeaderProps()}\n                    >\n                      <IsHoveringProvider className=\"th-content\">\n                        <div className=\"th-label\">\n                          <span>{headerGroup.headerText}</span>\n                          {sortingDirection && (\n                            <SortingIcon\n                              fontSize=\"small\"\n                              color=\"primary\"\n                              sx={\n                                sortingDirection === 'ascending'\n                                  ? {\n                                      transform: 'rotate(180deg)',\n                                    }\n                                  : undefined\n                              }\n                              className=\"th-icon\"\n                            />\n                          )}\n                          {headerGroup.filter?.isInvalid ? (\n                            <Tooltip\n                              title={\n                                headerGroup.filter?.validationMessage || ''\n                              }\n                            >\n                              <WarningIcon\n                                fontSize=\"small\"\n                                color=\"error\"\n                                className=\"th-icon\"\n                              />\n                            </Tooltip>\n                          ) : headerGroup.filter?.value ? (\n                            <FilterListIcon\n                              fontSize=\"small\"\n                              color=\"primary\"\n                              className=\"th-icon\"\n                            />\n                          ) : null}\n                        </div>\n                        <HeaderCellMoreButton\n                          headerGroup={headerGroup}\n                          onHide={headerGroup.toggleHidden}\n                        />\n                        <div\n                          {...headerGroup.getResizerProps()}\n                          className={clsx('resizer', {\n                            'is-resizing': headerGroup.isResizing,\n                          })}\n                          onClick={(event) => {\n                            event.stopPropagation()\n                          }}\n                        />\n                      </IsHoveringProvider>\n                    </div>\n                  </Tooltip>\n                )\n              })\n            }\n          </div>\n        </div>\n        <div {...getTableBodyProps()} className=\"tbody\">\n          {\n            // Loop over the table rows\n            rows.map((row) => {\n              // Prepare the row for display\n              prepareRow(row)\n              return (\n                // Apply the row props\n                <div\n                  {...row.getRowProps()}\n                  key={row.id}\n                  className=\"tr ob-form-store-table-row\"\n                >\n                  {\n                    // Loop over the rows cells\n                    row.cells.map((cell) => {\n                      // Apply the cell props\n                      return (\n                        <IsHoveringProvider\n                          {...cell.getCellProps()}\n                          key={cell.column.id}\n                          className={clsx(\n                            'td tc ob-form-store-table-row-cell',\n                            {\n                              'is-resizing': cell.column.isResizing,\n                            },\n                          )}\n                        >\n                          {\n                            // Render the cell contents\n                            cell.render('Cell')\n                          }\n                        </IsHoveringProvider>\n                      )\n                    })\n                  }\n                </div>\n              )\n            })\n          }\n        </div>\n      </Table>\n    </>\n  )\n}\n\nexport default React.memo(OneBlinkFormStoreTable)\n"]}
+{"version":3,"file":"OneBlinkFormStoreTable.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { styled, Tooltip } from '@mui/material'\nimport {\n  FilterList as FilterListIcon,\n  Warning as WarningIcon,\n  ArrowDownward,\n} from '@mui/icons-material'\nimport { IsHoveringProvider } from '../../hooks/useIsHovering'\nimport HeaderCellMoreButton from './table/HeaderCellMoreButton'\nimport useFormStoreTableContext from './useFormStoreTableContext'\n\nconst SortingIcon = styled(ArrowDownward)(({ theme }) => ({\n  transition: theme.transitions.create('transform'),\n}))\n\nconst Table = styled('div')(({ theme }) => ({\n  display: 'inline-block',\n  backgroundColor: theme.palette.background.paper,\n  fontSize: theme.typography.body2.fontSize,\n  '& .ob-form-store-table-row__alternate': {\n    backgroundColor: theme.palette.action.hover,\n  },\n  '& .tc': {\n    padding: theme.spacing(1),\n    borderBottom: '1px solid',\n    borderBottomColor: theme.palette.divider,\n    display: 'flex',\n    alignItems: 'center',\n    '&.is-clickable': {\n      cursor: 'pointer',\n      transition: theme.transitions.create('transform'),\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n  },\n  '& .td': {\n    position: 'relative',\n    borderRight: '1px solid',\n    borderRightColor: theme.palette.divider,\n    overflowX: 'hidden',\n    // minus 1 to cater for the border\n    minHeight: `${parseInt(theme.spacing(5.5)) - 1}px`,\n    '&.is-resizing': {\n      borderRightStyle: 'dashed',\n    },\n  },\n  '& .th': {\n    position: 'relative',\n    fontWeight: theme.typography.fontWeightBold,\n    paddingRight: 0,\n    borderBottomWidth: '2px',\n    '& .th-content': {\n      flex: 1,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      borderRight: '1px solid',\n      borderRightColor: theme.palette.divider,\n      paddingRight: theme.spacing(),\n      '& .th-label': {\n        display: 'inline-flex',\n        alignItems: 'center',\n        '& .th-icon': {\n          marginLeft: theme.spacing(),\n        },\n      },\n    },\n    '& .resizer': {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderRightStyle: 'solid',\n      borderColor: theme.palette.divider,\n      paddingTop: theme.spacing(),\n      paddingBottom: theme.spacing(),\n      paddingRight: `calc(${theme.spacing(1)} + 1px)`,\n      position: 'absolute',\n      right: 0,\n      top: theme.spacing(0.5),\n      bottom: theme.spacing(0.5),\n      transform: `translateX(calc(${theme.spacing(0.5)} + 1px))`,\n      zIndex: 1,\n      // prevents from scrolling while dragging on touch devices\n      touchAction: 'none',\n      '&:hover': {\n        borderWidth: '1px',\n      },\n      '&.is-resizing': {\n        borderWidth: '1px',\n        borderColor: theme.palette.grey[700],\n      },\n    },\n  },\n}))\n\nfunction OneBlinkFormStoreTable() {\n  const {\n    getTableProps,\n    getTableBodyProps,\n    headerGroups: [parentHeaderGroup],\n    rows,\n    prepareRow,\n    onChangeParameters,\n  } = useFormStoreTableContext()\n\n  if (!parentHeaderGroup) {\n    return null\n  }\n\n  let alternateBackground = false\n\n  return (\n    <>\n      <Table {...getTableProps()} className=\"ob-form-store-table\">\n        <div className=\"thead\">\n          <div\n            {...parentHeaderGroup.getHeaderGroupProps()}\n            className=\"tr ob-form-store-table-header-row\"\n          >\n            {\n              // Loop over the headers in each row\n              parentHeaderGroup.headers.map((headerGroup) => {\n                const sortingProperty = headerGroup.sorting?.property\n                const sortingDirection = headerGroup.sorting?.direction\n\n                return (\n                  <Tooltip\n                    title={headerGroup.tooltip || ''}\n                    arrow\n                    key={headerGroup.id}\n                    PopperProps={{\n                      sx: {\n                        zIndex: 'drawer',\n                      },\n                    }}\n                  >\n                    <div\n                      className={clsx('th tc ob-form-store-table-header-cell', {\n                        'is-clickable': !!sortingProperty,\n                      })}\n                      onClick={\n                        sortingProperty\n                          ? () => {\n                              onChangeParameters((currentParameters) => {\n                                switch (sortingDirection) {\n                                  case 'ascending': {\n                                    return {\n                                      ...currentParameters,\n                                      sorting: [\n                                        {\n                                          property: sortingProperty,\n                                          direction: 'descending',\n                                        },\n                                      ],\n                                    }\n                                  }\n                                  case 'descending': {\n                                    return {\n                                      ...currentParameters,\n                                      sorting: undefined,\n                                    }\n                                  }\n                                  default: {\n                                    return {\n                                      ...currentParameters,\n                                      sorting: [\n                                        {\n                                          property: sortingProperty,\n                                          direction: 'ascending',\n                                        },\n                                      ],\n                                    }\n                                  }\n                                }\n                              }, false)\n                            }\n                          : undefined\n                      }\n                      // Apply the header cell props\n                      {...headerGroup.getHeaderProps()}\n                    >\n                      <IsHoveringProvider className=\"th-content\">\n                        <div className=\"th-label\">\n                          <span>{headerGroup.headerText}</span>\n                          {sortingDirection && (\n                            <SortingIcon\n                              fontSize=\"small\"\n                              color=\"primary\"\n                              sx={\n                                sortingDirection === 'ascending'\n                                  ? {\n                                      transform: 'rotate(180deg)',\n                                    }\n                                  : undefined\n                              }\n                              className=\"th-icon\"\n                            />\n                          )}\n                          {headerGroup.filter?.isInvalid ? (\n                            <Tooltip\n                              title={\n                                headerGroup.filter?.validationMessage || ''\n                              }\n                            >\n                              <WarningIcon\n                                fontSize=\"small\"\n                                color=\"error\"\n                                className=\"th-icon\"\n                              />\n                            </Tooltip>\n                          ) : headerGroup.filter?.value ? (\n                            <FilterListIcon\n                              fontSize=\"small\"\n                              color=\"primary\"\n                              className=\"th-icon\"\n                            />\n                          ) : null}\n                        </div>\n                        <HeaderCellMoreButton\n                          headerGroup={headerGroup}\n                          onHide={headerGroup.toggleHidden}\n                        />\n                        <div\n                          {...headerGroup.getResizerProps()}\n                          className={clsx('resizer', {\n                            'is-resizing': headerGroup.isResizing,\n                          })}\n                          onClick={(event) => {\n                            event.stopPropagation()\n                          }}\n                        />\n                      </IsHoveringProvider>\n                    </div>\n                  </Tooltip>\n                )\n              })\n            }\n          </div>\n        </div>\n        <div {...getTableBodyProps()} className=\"tbody\">\n          {\n            // Loop over the table rows\n            rows.map((row, index) => {\n              if (\n                rows[index - 1]?.original.submissionId !==\n                row.original.submissionId\n              ) {\n                alternateBackground = !alternateBackground\n              }\n              // Prepare the row for display\n              prepareRow(row)\n              return (\n                // Apply the row props\n                <div\n                  {...row.getRowProps()}\n                  key={row.id}\n                  className={clsx('tr ob-form-store-table-row', {\n                    'ob-form-store-table-row__alternate': alternateBackground,\n                  })}\n                >\n                  {\n                    // Loop over the rows cells\n                    row.cells.map((cell) => {\n                      // Apply the cell props\n                      return (\n                        <IsHoveringProvider\n                          {...cell.getCellProps()}\n                          key={cell.column.id}\n                          className={clsx(\n                            'td tc ob-form-store-table-row-cell',\n                            {\n                              'is-resizing': cell.column.isResizing,\n                            },\n                          )}\n                        >\n                          {\n                            // Render the cell contents\n                            cell.render('Cell')\n                          }\n                        </IsHoveringProvider>\n                      )\n                    })\n                  }\n                </div>\n              )\n            })\n          }\n        </div>\n      </Table>\n    </>\n  )\n}\n\nexport default React.memo(OneBlinkFormStoreTable)\n"]}

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

@@ -227,6 +227,7 @@ const generateColumns = ({ formElements, onChangeParameters, filters, sorting, u
             }
             default: {
                 columns.push({
+                    formElementType: formElement.type,
                     id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join('_'),
                     sorting: generateSorting({
                         formElement,

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'\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 '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            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 * 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'\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 '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"]}

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

@@ -11,42 +11,42 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
     onRefresh: () => void;
     submissionIdValidationMessage?: string;
 }): {
-    form: FormTypes.Form;
-    parameters: formStoreService.FormStoreParameters;
-    onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
-    onRefresh: () => void;
-    submissionIdValidationMessage: string | undefined;
-    data: readonly FormStoreRecord[];
-    initialState?: Partial<TableState<FormStoreRecord>> | undefined;
-    stateReducer?: ((newState: TableState<FormStoreRecord>, action: import("react-table").ActionType, previousState: TableState<FormStoreRecord>, instance?: import("react-table").TableInstance<FormStoreRecord> | undefined) => TableState<FormStoreRecord>) | undefined;
-    useControlledState?: ((state: TableState<FormStoreRecord>, meta: import("react-table").MetaBase<FormStoreRecord>) => TableState<FormStoreRecord>) | undefined;
-    defaultColumn?: Partial<import("react-table").Column<FormStoreRecord>> | undefined;
-    getSubRows?: ((originalRow: FormStoreRecord, relativeIndex: number) => FormStoreRecord[]) | undefined;
-    getRowId?: ((originalRow: FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<FormStoreRecord> | undefined) => string) | undefined;
-    autoResetHiddenColumns?: boolean | undefined;
-    disableResizing?: boolean | undefined;
-    autoResetResize?: boolean | undefined;
-    state: TableState<FormStoreRecord>;
-    plugins: import("react-table").PluginHook<FormStoreRecord>[];
-    dispatch: import("react-table").TableDispatch<any>;
-    columns: import("react-table").ColumnInstance<FormStoreRecord>[];
-    allColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
-    visibleColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
-    headerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
-    footerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
-    headers: import("react-table").ColumnInstance<FormStoreRecord>[];
-    flatHeaders: import("react-table").ColumnInstance<FormStoreRecord>[];
-    rows: import("react-table").Row<FormStoreRecord>[];
-    rowsById: Record<string, import("react-table").Row<FormStoreRecord>>;
-    getTableProps: (propGetter?: import("react-table").TablePropGetter<FormStoreRecord> | undefined) => import("react-table").TableProps;
-    getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
-    prepareRow: (row: import("react-table").Row<FormStoreRecord>) => void;
-    flatRows: import("react-table").Row<FormStoreRecord>[];
-    totalColumnsWidth: number;
-    allColumnsHidden: boolean;
-    toggleHideColumn: (columnId: string, value?: boolean | undefined) => void;
-    setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
-    toggleHideAllColumns: (value?: boolean | undefined) => void;
-    getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
-    getHooks: () => import("react-table").Hooks<FormStoreRecord>;
+    readonly form: FormTypes.Form;
+    readonly parameters: formStoreService.FormStoreParameters;
+    readonly onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
+    readonly onRefresh: () => void;
+    readonly submissionIdValidationMessage: string | undefined;
+    readonly data: readonly FormStoreRecord[];
+    readonly initialState?: Partial<TableState<FormStoreRecord>> | undefined;
+    readonly stateReducer?: ((newState: TableState<FormStoreRecord>, action: import("react-table").ActionType, previousState: TableState<FormStoreRecord>, instance?: import("react-table").TableInstance<FormStoreRecord> | undefined) => TableState<FormStoreRecord>) | undefined;
+    readonly useControlledState?: ((state: TableState<FormStoreRecord>, meta: import("react-table").MetaBase<FormStoreRecord>) => TableState<FormStoreRecord>) | undefined;
+    readonly defaultColumn?: Partial<import("react-table").Column<FormStoreRecord>> | undefined;
+    readonly getSubRows?: ((originalRow: FormStoreRecord, relativeIndex: number) => FormStoreRecord[]) | undefined;
+    readonly getRowId?: ((originalRow: FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<FormStoreRecord> | undefined) => string) | undefined;
+    readonly autoResetHiddenColumns?: boolean | undefined;
+    readonly disableResizing?: boolean | undefined;
+    readonly autoResetResize?: boolean | undefined;
+    readonly state: TableState<FormStoreRecord>;
+    readonly plugins: import("react-table").PluginHook<FormStoreRecord>[];
+    readonly dispatch: import("react-table").TableDispatch<any>;
+    readonly columns: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly allColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly visibleColumns: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly headerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
+    readonly footerGroups: import("react-table").HeaderGroup<FormStoreRecord>[];
+    readonly headers: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly flatHeaders: import("react-table").ColumnInstance<FormStoreRecord>[];
+    readonly rows: import("react-table").Row<FormStoreRecord>[];
+    readonly rowsById: Record<string, import("react-table").Row<FormStoreRecord>>;
+    readonly getTableProps: (propGetter?: import("react-table").TablePropGetter<FormStoreRecord> | undefined) => import("react-table").TableProps;
+    readonly getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
+    readonly prepareRow: (row: import("react-table").Row<FormStoreRecord>) => void;
+    readonly flatRows: import("react-table").Row<FormStoreRecord>[];
+    readonly totalColumnsWidth: number;
+    readonly allColumnsHidden: boolean;
+    readonly toggleHideColumn: (columnId: string, value?: boolean | undefined) => void;
+    readonly setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
+    readonly toggleHideAllColumns: (value?: boolean | undefined) => void;
+    readonly getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
+    readonly getHooks: () => import("react-table").Hooks<FormStoreRecord>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useFormStoreTable.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/useFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport {\n  CellProps,\n  useFlexLayout,\n  useResizeColumns,\n  useTable,\n  TableState,\n} from 'react-table'\nimport { format } from 'date-fns'\nimport generateColumns from './generateColumns'\nimport ActionedByTableCell from './ActionedByTableCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { FormTypes } from '@oneblink/types'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { formStoreService, localisationService } from '@oneblink/apps'\nimport { FormStoreElementsContext } from '../OneBlinkFormStoreProvider'\n\nconst defaultColumn = {\n  minWidth: 150,\n  width: 225,\n}\n\nconst localStorageKey = (formId: number) =>\n  `REACT_TABLE_STATE_FORM_STORE_${formId}`\n\nexport default function useFormStoreTable({\n  form,\n  formStoreRecords,\n  parameters,\n  onChangeParameters,\n  onRefresh,\n  submissionIdValidationMessage,\n}: {\n  formStoreRecords: FormStoreRecord[]\n  form: FormTypes.Form\n  parameters: formStoreService.FormStoreParameters\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  onRefresh: () => void\n  submissionIdValidationMessage?: string\n}) {\n  const formElements = React.useContext(FormStoreElementsContext)\n  const columns = React.useMemo(() => {\n    return generateColumns({\n      sorting: parameters.sorting,\n      filters: parameters.filters,\n      unwindRepeatableSets: parameters.unwindRepeatableSets,\n      formElements,\n      parentElementNames: [],\n      onChangeParameters,\n      allowCopy: true,\n      initialColumns: [\n        {\n          id: 'SUBMITTED_AT',\n          headerText: 'Submission Date Time',\n          sorting: {\n            property: 'dateTimeSubmitted',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'dateTimeSubmitted',\n            )?.direction,\n          },\n          filter: {\n            type: 'DATETIME',\n            value: parameters.filters?.dateTimeSubmitted as\n              | { $gte?: string; $lte?: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    dateTimeSubmitted: newValue,\n                  },\n                }),\n                false,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => {\n            const text = format(\n              new Date(formStoreRecord.dateTimeSubmitted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_BY',\n          headerText: 'Submitted By',\n          sorting: undefined,\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.submittedBy as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submittedBy: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <ActionedByTableCell\n              userProfile={formStoreRecord.user}\n              developerKey={formStoreRecord.key}\n              variant=\"outlined\"\n            />\n          ),\n        },\n        {\n          id: 'SUBMISSION_ID',\n          headerText: 'Submission Id',\n          sorting: undefined,\n          filter: {\n            type: 'SUBMISSION_ID',\n            value: parameters.filters?.submissionId as\n              | { $eq: string }\n              | undefined,\n            validationMessage: submissionIdValidationMessage,\n            isInvalid: !!submissionIdValidationMessage,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submissionId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.submissionId}\n              <TableCellCopyButton text={formStoreRecord.submissionId} />\n            </>\n          ),\n        },\n        {\n          id: 'EXTERNAL_ID',\n          headerText: 'External Id',\n          sorting: {\n            property: 'externalId',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'externalId',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.externalId as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    externalId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.externalId}\n              {formStoreRecord.externalId && (\n                <TableCellCopyButton text={formStoreRecord.externalId} />\n              )}\n            </>\n          ),\n        },\n      ],\n    })\n  }, [\n    formElements,\n    onChangeParameters,\n    parameters,\n    submissionIdValidationMessage,\n  ])\n\n  const [initialState] = React.useState<Partial<TableState<FormStoreRecord>>>(\n    () => {\n      const text = localStorage.getItem(localStorageKey(form.id))\n      if (text) {\n        return JSON.parse(text)\n      }\n    },\n  )\n\n  const table = useTable(\n    {\n      columns,\n      data: formStoreRecords,\n      defaultColumn,\n      autoResetHiddenColumns: false,\n      autoResetResize: false,\n      initialState: initialState\n        ? initialState\n        : { hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'] },\n    },\n    useFlexLayout,\n    useResizeColumns,\n  )\n\n  React.useEffect(() => {\n    if (!table.state.columnResizing.isResizingColumn) {\n      localStorage.setItem(\n        localStorageKey(form.id),\n        JSON.stringify(table.state),\n      )\n    }\n  }, [form.id, table.state])\n\n  return {\n    ...table,\n    form,\n    parameters,\n    onChangeParameters,\n    onRefresh,\n    submissionIdValidationMessage,\n  }\n}\n"]}
+{"version":3,"file":"useFormStoreTable.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/useFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport {\n  CellProps,\n  useFlexLayout,\n  useResizeColumns,\n  useTable,\n  TableState,\n} from 'react-table'\nimport { format } from 'date-fns'\nimport generateColumns from './generateColumns'\nimport ActionedByTableCell from './ActionedByTableCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { FormTypes } from '@oneblink/types'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { formStoreService, localisationService } from '@oneblink/apps'\nimport { FormStoreElementsContext } from '../OneBlinkFormStoreProvider'\n\nconst defaultColumn = {\n  minWidth: 150,\n  width: 225,\n}\n\nconst localStorageKey = (formId: number) =>\n  `REACT_TABLE_STATE_FORM_STORE_${formId}`\n\nexport default function useFormStoreTable({\n  form,\n  formStoreRecords,\n  parameters,\n  onChangeParameters,\n  onRefresh,\n  submissionIdValidationMessage,\n}: {\n  formStoreRecords: FormStoreRecord[]\n  form: FormTypes.Form\n  parameters: formStoreService.FormStoreParameters\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  onRefresh: () => void\n  submissionIdValidationMessage?: string\n}) {\n  const formElements = React.useContext(FormStoreElementsContext)\n  const columns = React.useMemo(() => {\n    return generateColumns({\n      sorting: parameters.sorting,\n      filters: parameters.filters,\n      unwindRepeatableSets: parameters.unwindRepeatableSets,\n      formElements,\n      parentElementNames: [],\n      onChangeParameters,\n      allowCopy: true,\n      initialColumns: [\n        {\n          id: 'SUBMITTED_AT',\n          headerText: 'Submission Date Time',\n          sorting: {\n            property: 'dateTimeSubmitted',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'dateTimeSubmitted',\n            )?.direction,\n          },\n          filter: {\n            type: 'DATETIME',\n            value: parameters.filters?.dateTimeSubmitted as\n              | { $gte?: string; $lte?: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    dateTimeSubmitted: newValue,\n                  },\n                }),\n                false,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => {\n            const text = format(\n              new Date(formStoreRecord.dateTimeSubmitted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_BY',\n          headerText: 'Submitted By',\n          sorting: undefined,\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.submittedBy as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submittedBy: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <ActionedByTableCell\n              userProfile={formStoreRecord.user}\n              developerKey={formStoreRecord.key}\n              variant=\"outlined\"\n            />\n          ),\n        },\n        {\n          id: 'SUBMISSION_ID',\n          headerText: 'Submission Id',\n          sorting: undefined,\n          filter: {\n            type: 'SUBMISSION_ID',\n            value: parameters.filters?.submissionId as\n              | { $eq: string }\n              | undefined,\n            validationMessage: submissionIdValidationMessage,\n            isInvalid: !!submissionIdValidationMessage,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submissionId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.submissionId}\n              <TableCellCopyButton text={formStoreRecord.submissionId} />\n            </>\n          ),\n        },\n        {\n          id: 'EXTERNAL_ID',\n          headerText: 'External Id',\n          sorting: {\n            property: 'externalId',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'externalId',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.externalId as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    externalId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.externalId}\n              {formStoreRecord.externalId && (\n                <TableCellCopyButton text={formStoreRecord.externalId} />\n              )}\n            </>\n          ),\n        },\n      ],\n    })\n  }, [\n    formElements,\n    onChangeParameters,\n    parameters,\n    submissionIdValidationMessage,\n  ])\n\n  const [initialState] = React.useState<Partial<TableState<FormStoreRecord>>>(\n    () => {\n      const text = localStorage.getItem(localStorageKey(form.id))\n      if (text) {\n        return JSON.parse(text)\n      }\n    },\n  )\n\n  const table = useTable(\n    {\n      columns,\n      data: formStoreRecords,\n      defaultColumn,\n      autoResetHiddenColumns: false,\n      autoResetResize: false,\n      initialState: initialState\n        ? initialState\n        : { hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'] },\n    },\n    useFlexLayout,\n    useResizeColumns,\n  )\n\n  React.useEffect(() => {\n    if (!table.state.columnResizing.isResizingColumn) {\n      localStorage.setItem(\n        localStorageKey(form.id),\n        JSON.stringify(table.state),\n      )\n    }\n  }, [form.id, table.state])\n\n  return {\n    ...table,\n    form,\n    parameters,\n    onChangeParameters,\n    onRefresh,\n    submissionIdValidationMessage,\n  } as const\n}\n"]}

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

@@ -3,42 +3,42 @@ import useFormStoreTable from './table/useFormStoreTable';
 export declare type FormStoreTableContextValue = ReturnType<typeof useFormStoreTable> | undefined;
 export declare const FormStoreTableContext: React.Context<FormStoreTableContextValue>;
 export default function useFormStoreTableContext(): {
-    form: import("@oneblink/types/typescript/forms").Form;
-    parameters: import("@oneblink/apps/dist/form-store-service").FormStoreParameters;
-    onChangeParameters: import("../../hooks/useInfiniteScrollDataLoad").OnChangeFilters<import("@oneblink/apps/dist/form-store-service").FormStoreParameters>;
-    onRefresh: () => void;
-    submissionIdValidationMessage: string | undefined;
-    data: readonly import("@oneblink/types/typescript/submissions").FormStoreRecord[];
-    initialState?: Partial<import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
-    stateReducer?: ((newState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, action: import("react-table").ActionType, previousState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, instance?: import("react-table").TableInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
-    useControlledState?: ((state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, meta: import("react-table").MetaBase<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
-    defaultColumn?: Partial<import("react-table").Column<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
-    getSubRows?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number) => import("@oneblink/types/typescript/submissions").FormStoreRecord[]) | undefined;
-    getRowId?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => string) | undefined;
-    autoResetHiddenColumns?: boolean | undefined;
-    disableResizing?: boolean | undefined;
-    autoResetResize?: boolean | undefined;
-    state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
-    plugins: import("react-table").PluginHook<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    dispatch: import("react-table").TableDispatch<any>;
-    columns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    allColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    visibleColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    headerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    footerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    headers: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    flatHeaders: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    rows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    rowsById: Record<string, import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>>;
-    getTableProps: (propGetter?: import("react-table").TablePropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableProps;
-    getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
-    prepareRow: (row: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => void;
-    flatRows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
-    totalColumnsWidth: number;
-    allColumnsHidden: boolean;
-    toggleHideColumn: (columnId: string, value?: boolean | undefined) => void;
-    setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
-    toggleHideAllColumns: (value?: boolean | undefined) => void;
-    getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
-    getHooks: () => import("react-table").Hooks<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
+    readonly form: import("@oneblink/types/typescript/forms").Form;
+    readonly parameters: import("@oneblink/apps/dist/form-store-service").FormStoreParameters;
+    readonly onChangeParameters: import("../../hooks/useInfiniteScrollDataLoad").OnChangeFilters<import("@oneblink/apps/dist/form-store-service").FormStoreParameters>;
+    readonly onRefresh: () => void;
+    readonly submissionIdValidationMessage: string | undefined;
+    readonly data: readonly import("@oneblink/types/typescript/submissions").FormStoreRecord[];
+    readonly initialState?: Partial<import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
+    readonly stateReducer?: ((newState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, action: import("react-table").ActionType, previousState: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, instance?: import("react-table").TableInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
+    readonly useControlledState?: ((state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>, meta: import("react-table").MetaBase<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>) | undefined;
+    readonly defaultColumn?: Partial<import("react-table").Column<import("@oneblink/types/typescript/submissions").FormStoreRecord>> | undefined;
+    readonly getSubRows?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number) => import("@oneblink/types/typescript/submissions").FormStoreRecord[]) | undefined;
+    readonly getRowId?: ((originalRow: import("@oneblink/types/typescript/submissions").FormStoreRecord, relativeIndex: number, parent?: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => string) | undefined;
+    readonly autoResetHiddenColumns?: boolean | undefined;
+    readonly disableResizing?: boolean | undefined;
+    readonly autoResetResize?: boolean | undefined;
+    readonly state: import("react-table").TableState<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
+    readonly plugins: import("react-table").PluginHook<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly dispatch: import("react-table").TableDispatch<any>;
+    readonly columns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly allColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly visibleColumns: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly headerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly footerGroups: import("react-table").HeaderGroup<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly headers: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly flatHeaders: import("react-table").ColumnInstance<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly rows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly rowsById: Record<string, import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>>;
+    readonly getTableProps: (propGetter?: import("react-table").TablePropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableProps;
+    readonly getTableBodyProps: (propGetter?: import("react-table").TableBodyPropGetter<import("@oneblink/types/typescript/submissions").FormStoreRecord> | undefined) => import("react-table").TableBodyProps;
+    readonly prepareRow: (row: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>) => void;
+    readonly flatRows: import("react-table").Row<import("@oneblink/types/typescript/submissions").FormStoreRecord>[];
+    readonly totalColumnsWidth: number;
+    readonly allColumnsHidden: boolean;
+    readonly toggleHideColumn: (columnId: string, value?: boolean | undefined) => void;
+    readonly setHiddenColumns: (param: string[] | ((oldHidden: string[]) => string[])) => void;
+    readonly toggleHideAllColumns: (value?: boolean | undefined) => void;
+    readonly getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
+    readonly getHooks: () => import("react-table").Hooks<import("@oneblink/types/typescript/submissions").FormStoreRecord>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "1.2.0-beta.2",
+  "version": "1.2.0-beta.5",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"