@oneblink/apps-react 1.0.0-beta.1 → 1.0.0-beta.4

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

@@ -0,0 +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,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,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,EAAE,4BAA4B,EAAE,UAAU,EAAE,GAChD,wBAAwB,EAAE,CAAA;IAC5B,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,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,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  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\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 { getToggleHideAllColumnsProps, allColumns } =\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        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={\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.d.ts

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

package/dist/components/formStore/{DownloadSubmissionDataButton.js → OneBlinkFormStoreDownloadButton.js}

@@ -4,7 +4,9 @@ import { LoadingButton } from '@mui/lab';
 import CsvIcon from '@mui/icons-material/Download';
 import ErrorSnackbar from '../ErrorSnackbar';
 import { formStoreService } from '@oneblink/apps';
-function DownloadSubmissionDataButton({ disabled, form, filters, visibleColumns, }) {
+import useFormStoreTableContext from './useFormStoreTableContext';
+function OneBlinkFormStoreDownloadButton(props) {
+    const { visibleColumns, filters, form } = useFormStoreTableContext();
     const [{ isDownloadingCsv, downloadingCsvError }, setState] = React.useState({
         isDownloadingCsv: false,
         downloadingCsvError: null,
@@ -37,9 +39,11 @@ function DownloadSubmissionDataButton({ disabled, form, filters, visibleColumns,
     }, [form, filters, visibleColumns]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: "Download submission data as a CSV file" },
-            React.createElement(LoadingButton, { type: "button", loading: isDownloadingCsv, loadingPosition: "start", startIcon: React.createElement(CsvIcon, null), onClick: downloadCsv, color: "primary", variant: "outlined", disabled: disabled }, "Download")),
+            React.createElement(LoadingButton, { type: "button", loading: isDownloadingCsv, loadingPosition: "start", startIcon: React.createElement(CsvIcon, null), onClick: downloadCsv, 
+                // 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))));
 }
-export default React.memo(DownloadSubmissionDataButton);
-//# sourceMappingURL=DownloadSubmissionDataButton.js.map
+export default React.memo(OneBlinkFormStoreDownloadButton);
+//# sourceMappingURL=OneBlinkFormStoreDownloadButton.js.map

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

@@ -0,0 +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,OAAO,EAAE,IAAI,EAAE,GAAG,wBAAwB,EAAE,CAAA;IACpE,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,OAAO;gBACP,cAAc,EAAE,cAAc,CAAC,GAAG,CAChC,CAAC,aAA8C,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,CACrE;aACF,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,OAAO,EAAE,cAAc,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,KAAK,EAAC,wCAAwC;YACrD,oBAAC,aAAa,IACZ,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, filters, 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        filters,\n        includeColumns: visibleColumns.map(\n          (visibleColumn: ColumnInstance<FormStoreRecord>) => visibleColumn.id,\n        ),\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, filters, visibleColumns])\n\n  return (\n    <>\n      <Tooltip title=\"Download submission data as a CSV file\">\n        <LoadingButton\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"]}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+export declare type FormStoreElementsContextValue = FormTypes.FormElementWithName[];
+export declare const FormStoreElementsContext: React.Context<FormStoreElementsContextValue>;
+export declare function OneBlinkFormStoreProvider({ form, children, }: {
+    form: FormTypes.Form;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/components/formStore/OneBlinkFormStoreProvider.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import LoadingWithMessage from '../LoadingWithMessage';
+import ErrorMessage from '../messages/ErrorMessage';
+import { formStoreService } from '@oneblink/apps';
+import useLoadDataState from '../../hooks/useLoadDataState';
+import { Box } from '@mui/material';
+import { FormStoreTableProvider } from './FormStoreTableProvider';
+export const FormStoreElementsContext = React.createContext([]);
+export function OneBlinkFormStoreProvider({ form, children, }) {
+    const fetchFormStoreDefinition = React.useCallback((abortSignal) => {
+        return formStoreService.getFormStoreDefinition(form.id, abortSignal);
+    }, [form.id]);
+    const [formStoreDefinitionState, onTryAgain] = useLoadDataState(fetchFormStoreDefinition);
+    if (formStoreDefinitionState.status === 'LOADING') {
+        return React.createElement(LoadingWithMessage, null);
+    }
+    if (formStoreDefinitionState.status === 'ERROR') {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(ErrorMessage, { title: "Error Retrieving Form Definition", gutterTop: true, onTryAgain: onTryAgain }, formStoreDefinitionState.error.message)));
+    }
+    return (React.createElement(FormStoreElementsContext.Provider, { value: formStoreDefinitionState.result.formElements },
+        React.createElement(Box, { paddingBottom: 16 },
+            React.createElement(FormStoreTableProvider, { form: form }, children))));
+}
+//# sourceMappingURL=OneBlinkFormStoreProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OneBlinkFormStoreProvider.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAIjE,MAAM,CAAC,MAAM,wBAAwB,GACnC,KAAK,CAAC,aAAa,CAAgC,EAAE,CAAC,CAAA;AAExD,MAAM,UAAU,yBAAyB,CAAC,EACxC,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,WAAyB,EAAE,EAAE;QAC5B,OAAO,gBAAgB,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA;IACtE,CAAC,EACD,CAAC,IAAI,CAAC,EAAE,CAAC,CACV,CAAA;IACD,MAAM,CAAC,wBAAwB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CAC7D,wBAAwB,CACzB,CAAA;IAED,IAAI,wBAAwB,CAAC,MAAM,KAAK,SAAS,EAAE;QACjD,OAAO,oBAAC,kBAAkB,OAAG,CAAA;KAC9B;IAED,IAAI,wBAAwB,CAAC,MAAM,KAAK,OAAO,EAAE;QAC/C,OAAO,CACL;YACE,oBAAC,YAAY,IACX,KAAK,EAAC,kCAAkC,EACxC,SAAS,QACT,UAAU,EAAE,UAAU,IAErB,wBAAwB,CAAC,KAAK,CAAC,OAAO,CAC1B,CACd,CACJ,CAAA;KACF;IAED,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,IAChC,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,YAAY;QAEnD,oBAAC,GAAG,IAAC,aAAa,EAAE,EAAE;YACpB,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAA0B,CACnE,CAC4B,CACrC,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport LoadingWithMessage from '../LoadingWithMessage'\nimport ErrorMessage from '../messages/ErrorMessage'\nimport { formStoreService } from '@oneblink/apps'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport { FormTypes } from '@oneblink/types'\nimport { Box } from '@mui/material'\nimport { FormStoreTableProvider } from './FormStoreTableProvider'\n\nexport type FormStoreElementsContextValue = FormTypes.FormElementWithName[]\n\nexport const FormStoreElementsContext =\n  React.createContext<FormStoreElementsContextValue>([])\n\nexport function OneBlinkFormStoreProvider({\n  form,\n  children,\n}: {\n  form: FormTypes.Form\n  children: React.ReactNode\n}) {\n  const fetchFormStoreDefinition = React.useCallback(\n    (abortSignal?: AbortSignal) => {\n      return formStoreService.getFormStoreDefinition(form.id, abortSignal)\n    },\n    [form.id],\n  )\n  const [formStoreDefinitionState, onTryAgain] = useLoadDataState(\n    fetchFormStoreDefinition,\n  )\n\n  if (formStoreDefinitionState.status === 'LOADING') {\n    return <LoadingWithMessage />\n  }\n\n  if (formStoreDefinitionState.status === 'ERROR') {\n    return (\n      <>\n        <ErrorMessage\n          title=\"Error Retrieving Form Definition\"\n          gutterTop\n          onTryAgain={onTryAgain}\n        >\n          {formStoreDefinitionState.error.message}\n        </ErrorMessage>\n      </>\n    )\n  }\n\n  return (\n    <FormStoreElementsContext.Provider\n      value={formStoreDefinitionState.result.formElements}\n    >\n      <Box paddingBottom={16}>\n        <FormStoreTableProvider form={form}>{children}</FormStoreTableProvider>\n      </Box>\n    </FormStoreElementsContext.Provider>\n  )\n}\n"]}

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

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

package/dist/components/formStore/OneBlinkFormStoreRefreshButton.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Button } from '@mui/material';
+import { Sync as SyncIcon } from '@mui/icons-material';
+import useFormStoreTableContext from './useFormStoreTableContext';
+function OneBlinkFormStoreRefreshButton(props) {
+    const { onRefresh, submissionIdValidationMessage } = useFormStoreTableContext();
+    return (React.createElement(Button, { startIcon: React.createElement(SyncIcon, null), onClick: onRefresh, color: "primary", variant: "contained", disabled: !!submissionIdValidationMessage, 
+        // eslint-disable-next-line react/no-children-prop
+        children: React.createElement(React.Fragment, null, "Refresh"), ...props }));
+}
+export default React.memo(OneBlinkFormStoreRefreshButton);
+//# sourceMappingURL=OneBlinkFormStoreRefreshButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OneBlinkFormStoreRefreshButton.js","sourceRoot":"","sources":["../../../src/components/formStore/OneBlinkFormStoreRefreshButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAEjE,SAAS,8BAA8B,CACrC,KAA0C;IAE1C,MAAM,EAAE,SAAS,EAAE,6BAA6B,EAAE,GAChD,wBAAwB,EAAE,CAAA;IAC5B,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAE,oBAAC,QAAQ,OAAG,EACvB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,CAAC,CAAC,6BAA6B;QACzC,kDAAkD;QAClD,QAAQ,EAAE,oDAAY,KAClB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Button } from '@mui/material'\nimport { Sync as SyncIcon } from '@mui/icons-material'\nimport useFormStoreTableContext from './useFormStoreTableContext'\n\nfunction OneBlinkFormStoreRefreshButton(\n  props: React.ComponentProps<typeof Button>,\n) {\n  const { onRefresh, submissionIdValidationMessage } =\n    useFormStoreTableContext()\n  return (\n    <Button\n      startIcon={<SyncIcon />}\n      onClick={onRefresh}\n      color=\"primary\"\n      variant=\"contained\"\n      disabled={!!submissionIdValidationMessage}\n      // eslint-disable-next-line react/no-children-prop\n      children={<>Refresh</>}\n      {...props}\n    />\n  )\n}\n\nexport default React.memo(OneBlinkFormStoreRefreshButton)\n"]}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function OneBlinkFormStoreTable(): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof OneBlinkFormStoreTable>;
+export default _default;

package/dist/components/formStore/OneBlinkFormStoreTable.js

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

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

@@ -0,0 +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    onChangeFilters,\n  } = useFormStoreTableContext()\n\n  if (!parentHeaderGroup) {\n    return null\n  }\n\n  return (\n    <>\n      <Table {...getTableProps()}>\n        <div className=\"thead\">\n          <div {...parentHeaderGroup.getHeaderGroupProps()} className=\"tr\">\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', {\n                        'is-clickable': !!sortingProperty,\n                      })}\n                      onClick={\n                        sortingProperty\n                          ? () => {\n                              onChangeFilters((currentFilters) => {\n                                switch (sortingDirection) {\n                                  case 'ascending': {\n                                    return {\n                                      ...currentFilters,\n                                      sorting: [\n                                        {\n                                          property: sortingProperty,\n                                          direction: 'descending',\n                                        },\n                                      ],\n                                    }\n                                  }\n                                  case 'descending': {\n                                    return {\n                                      ...currentFilters,\n                                      sorting: undefined,\n                                    }\n                                  }\n                                  default: {\n                                    return {\n                                      ...currentFilters,\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 === 'descending'\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 {...row.getRowProps()} key={row.id} className=\"tr\">\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('td tc', {\n                            'is-resizing': cell.column.isResizing,\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/FormElementTableCell.js

@@ -8,18 +8,20 @@ import TableCellCopyButton from './TableCellCopyButton';
 import { format } from 'date-fns';
 const { shortDate: shortDateFormat, time: timeFormat, shortDateTime: shortDateTimeFormat, } = localisationService.getDateFnsFormats();
 function FormElementTableCell({ formElement, submission, allowCopy }) {
+    var _a, _b;
     if (formElement.type === 'page' || formElement.type === 'section') {
         return null;
     }
-    const value = submission === null || submission === void 0 ? void 0 : submission[formElement.name];
-    if (value === undefined || value === null) {
+    const unknown = submission === null || submission === void 0 ? void 0 : submission[formElement.name];
+    if (unknown === undefined || unknown === null) {
         return null;
     }
     switch (formElement.type) {
         case 'repeatableSet': {
-            return React.createElement(RepeatableSetCell, { formElement: formElement, value: value });
+            return (React.createElement(RepeatableSetCell, { formElement: formElement, value: unknown }));
         }
         case 'location': {
+            const value = unknown;
             if (!value.latitude || !value.longitude) {
                 break;
             }
@@ -38,9 +40,10 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
         }
         case 'camera':
         case 'draw': {
-            return React.createElement(FileChip, { file: value });
+            return (React.createElement(FileChip, { file: unknown }));
         }
         case 'textarea': {
+            const value = unknown;
             return (React.createElement(React.Fragment, null,
                 React.createElement("span", { style: {
                         whiteSpace: 'pre-line',
@@ -48,24 +51,28 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value })));
         }
         case 'date': {
+            const value = unknown;
             const text = format(new Date(value), shortDateFormat);
             return (React.createElement(React.Fragment, null,
                 text,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
         }
         case 'time': {
+            const value = unknown;
             const text = format(new Date(value), timeFormat);
             return (React.createElement(React.Fragment, null,
                 text,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
         }
         case 'datetime': {
+            const value = unknown;
             const text = format(new Date(value), shortDateTimeFormat);
             return (React.createElement(React.Fragment, null,
                 text,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
         }
         case 'number': {
+            const value = unknown;
             const text = localisationService.formatNumber(value);
             return (React.createElement(React.Fragment, null,
                 text,
@@ -77,6 +84,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
         case 'select': {
             if (formElement.type === 'checkboxes' ||
                 (formElement.type === 'select' && formElement.multi)) {
+                const value = unknown;
                 if (!Array.isArray(value) || !value.length) {
                     break;
                 }
@@ -88,6 +96,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                     React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
             }
             else {
+                const value = unknown;
                 const text = getSelectedOptionLabel(formElement, value);
                 return (React.createElement(React.Fragment, null,
                     text,
@@ -95,11 +104,13 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             }
         }
         case 'email': {
+            const value = unknown;
             return (React.createElement(React.Fragment, null,
                 React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: `mailto:${value}` }, value),
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value })));
         }
         case 'telephone': {
+            const value = unknown;
             return (React.createElement(React.Fragment, null,
                 React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: `tel:${value}` }, value),
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value })));
@@ -107,36 +118,41 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
         case 'text':
         case 'bsb':
         case 'barcodeScanner': {
+            const value = unknown;
             return (React.createElement(React.Fragment, null,
                 value,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value })));
         }
         case 'files': {
+            const value = unknown;
             if (!Array.isArray(value) || !value.length) {
                 break;
             }
             return React.createElement(FilesElementDataTableCellContent, { value: value });
         }
         case 'calculation': {
+            const value = unknown;
             if (formElement.displayAsCurrency) {
                 const text = localisationService.formatCurrency(value);
                 return (React.createElement(React.Fragment, null,
                     text,
-                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value })));
+                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value.toString() })));
             }
             else {
                 const text = localisationService.formatNumber(value);
                 return (React.createElement(React.Fragment, null,
                     text,
-                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value })));
+                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value.toString() })));
             }
         }
         case 'civicaStreetName': {
+            const value = unknown;
             return (React.createElement(React.Fragment, null,
                 value.formattedStreet,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value.formattedStreet })));
         }
         case 'civicaNameRecord': {
+            const value = unknown;
             const text = [value === null || value === void 0 ? void 0 : value.title, value === null || value === void 0 ? void 0 : value.givenName1, value === null || value === void 0 ? void 0 : value.familyName]
                 .filter((t) => t)
                 .join(' ') || (value === null || value === void 0 ? void 0 : value.emailAddress);
@@ -145,7 +161,8 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
         }
         case 'geoscapeAddress': {
-            const fullAddress = value.addressDetails && value.addressDetails.formattedAddress ? (value.addressDetails.formattedAddress) : (React.createElement(React.Fragment, null,
+            const value = unknown;
+            const fullAddress = ((_a = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _a === void 0 ? void 0 : _a.formattedAddress) || (React.createElement(React.Fragment, null,
                 "Geoscape Address ID: ",
                 React.createElement("i", null, value.addressId)));
             return (React.createElement(React.Fragment, null,
@@ -153,7 +170,8 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
         }
         case 'pointAddress': {
-            const fullAddress = value.addressDetails && value.addressDetails.formattedAddress ? (value.addressDetails.formattedAddress) : (React.createElement(React.Fragment, null,
+            const value = unknown;
+            const fullAddress = ((_b = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _b === void 0 ? void 0 : _b.formattedAddress) || (React.createElement(React.Fragment, null,
                 "NSW Point Address ID: ",
                 React.createElement("i", null, value.addressId)));
             return (React.createElement(React.Fragment, null,
@@ -161,12 +179,14 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
         }
         case 'boolean': {
+            const value = unknown;
             const text = value ? 'Yes' : 'No';
             return (React.createElement(React.Fragment, null,
                 text,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
         }
         case 'abn': {
+            const value = unknown;
             const abnNumber = abnService.displayABNNumberFromABNRecord(value);
             return (React.createElement(React.Fragment, null,
                 React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: `https://www.abr.business.gov.au/ABN/View/${abnNumber}` },

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/FormElementTableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { localisationService } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { abnService } from '@oneblink/sdk-core'\nimport {\n  FileChip,\n  FilesElementDataTableCellContent,\n  MultiSelectFormElementTableCellContent,\n  getSelectedOptionLabel,\n} from '../display/ElementDisplay'\nimport RepeatableSetCell from './RepeatableSetCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { format } from 'date-fns'\n\ntype Props = {\n  formElement: FormTypes.FormElement\n  submission: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  allowCopy: boolean\n}\n\nconst {\n  shortDate: shortDateFormat,\n  time: timeFormat,\n  shortDateTime: shortDateTimeFormat,\n} = localisationService.getDateFnsFormats()\n\nfunction FormElementTableCell({ formElement, submission, allowCopy }: Props) {\n  if (formElement.type === 'page' || formElement.type === 'section') {\n    return null\n  }\n  const value = submission?.[formElement.name]\n  if (value === undefined || value === null) {\n    return null\n  }\n\n  switch (formElement.type) {\n    case 'repeatableSet': {\n      return <RepeatableSetCell formElement={formElement} value={value} />\n    }\n\n    case 'location': {\n      if (!value.latitude || !value.longitude) {\n        break\n      }\n\n      const latLong = `${value.latitude},${value.longitude}`\n      return (\n        <>\n          <div>\n            <Typography variant=\"inherit\" component=\"p\">\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href={`https://maps.google.com/?q=${latLong}`}\n              >\n                View in Google Maps\n              </Link>\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Latitude: {value.latitude}\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Longitude: {value.longitude}\n            </Typography>\n          </div>\n          <TableCellCopyButton isHidden={!allowCopy} text={latLong} />\n        </>\n      )\n    }\n\n    case 'camera':\n    case 'draw': {\n      return <FileChip file={value} />\n    }\n\n    case 'textarea': {\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {value}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n\n    case 'date': {\n      const text = format(new Date(value), shortDateFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      const text = format(new Date(value), timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      const text = format(new Date(value), shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      const text = localisationService.formatNumber(value)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'radio':\n    case 'autocomplete':\n    case 'checkboxes':\n    case 'select': {\n      if (\n        formElement.type === 'checkboxes' ||\n        (formElement.type === 'select' && formElement.multi)\n      ) {\n        if (!Array.isArray(value) || !value.length) {\n          break\n        }\n        const text = value\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={value}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        const text = getSelectedOptionLabel(formElement, value)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${value}`}\n          >\n            {value}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n    case 'telephone': {\n      return (\n        <>\n          <Link target=\"_blank\" rel=\"noopener noreferrer\" href={`tel:${value}`}>\n            {value}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      return (\n        <>\n          {value}\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n\n    case 'files': {\n      if (!Array.isArray(value) || !value.length) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (formElement.displayAsCurrency) {\n        const text = localisationService.formatCurrency(value)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={value} />\n          </>\n        )\n      } else {\n        const text = localisationService.formatNumber(value)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={value} />\n          </>\n        )\n      }\n    }\n\n    case 'civicaStreetName': {\n      return (\n        <>\n          {value.formattedStreet}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={value.formattedStreet}\n          />\n        </>\n      )\n    }\n\n    case 'civicaNameRecord': {\n      const text =\n        [value?.title, value?.givenName1, value?.familyName]\n          .filter((t) => t)\n          .join(' ') || value?.emailAddress\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'geoscapeAddress': {\n      const fullAddress =\n        value.addressDetails && value.addressDetails.formattedAddress ? (\n          value.addressDetails.formattedAddress\n        ) : (\n          <>\n            Geoscape Address ID: <i>{value.addressId}</i>\n          </>\n        )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton isHidden={!allowCopy} text={fullAddress} />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const fullAddress =\n        value.addressDetails && value.addressDetails.formattedAddress ? (\n          value.addressDetails.formattedAddress\n        ) : (\n          <>\n            NSW Point Address ID: <i>{value.addressId}</i>\n          </>\n        )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton isHidden={!allowCopy} text={fullAddress} />\n        </>\n      )\n    }\n\n    case 'boolean': {\n      const text = value ? 'Yes' : 'No'\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'abn': {\n      const abnNumber = abnService.displayABNNumberFromABNRecord(value)\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`https://www.abr.business.gov.au/ABN/View/${abnNumber}`}\n          >\n            {abnNumber} |{' '}\n            <i>{abnService.displayBusinessNameFromABNRecord(value)}</i>\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={abnNumber} />\n        </>\n      )\n    }\n\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'summary': {\n      break\n    }\n\n    default: {\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        formElement,\n      )\n    }\n  }\n\n  return null\n}\n\nexport default React.memo(FormElementTableCell)\n"]}
+{"version":3,"file":"FormElementTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/FormElementTableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { localisationService } from '@oneblink/apps'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { abnService } from '@oneblink/sdk-core'\nimport {\n  FileChip,\n  FilesElementDataTableCellContent,\n  MultiSelectFormElementTableCellContent,\n  getSelectedOptionLabel,\n} from '../display/ElementDisplay'\nimport RepeatableSetCell from './RepeatableSetCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { format } from 'date-fns'\nimport { ABNRecord } from '@oneblink/types/typescript/misc'\nimport { GeoscapeAddress } from '@oneblink/types/typescript/geoscape'\nimport { PointAddress } from '@oneblink/types/typescript/point'\n\ntype Props = {\n  formElement: FormTypes.FormElement\n  submission: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  allowCopy: boolean\n}\n\nconst {\n  shortDate: shortDateFormat,\n  time: timeFormat,\n  shortDateTime: shortDateTimeFormat,\n} = localisationService.getDateFnsFormats()\n\nfunction FormElementTableCell({ formElement, submission, allowCopy }: Props) {\n  if (formElement.type === 'page' || formElement.type === 'section') {\n    return null\n  }\n  const unknown = submission?.[formElement.name]\n  if (unknown === undefined || unknown === null) {\n    return null\n  }\n\n  switch (formElement.type) {\n    case 'repeatableSet': {\n      return (\n        <RepeatableSetCell\n          formElement={formElement}\n          value={unknown as Record<string, unknown>[]}\n        />\n      )\n    }\n\n    case 'location': {\n      const value = unknown as {\n        latitude: number\n        longitude: number\n      }\n      if (!value.latitude || !value.longitude) {\n        break\n      }\n\n      const latLong = `${value.latitude},${value.longitude}`\n      return (\n        <>\n          <div>\n            <Typography variant=\"inherit\" component=\"p\">\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href={`https://maps.google.com/?q=${latLong}`}\n              >\n                View in Google Maps\n              </Link>\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Latitude: {value.latitude}\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Longitude: {value.longitude}\n            </Typography>\n          </div>\n          <TableCellCopyButton isHidden={!allowCopy} text={latLong} />\n        </>\n      )\n    }\n\n    case 'camera':\n    case 'draw': {\n      return (\n        <FileChip\n          file={unknown as React.ComponentProps<typeof FileChip>['file']}\n        />\n      )\n    }\n\n    case 'textarea': {\n      const value = unknown as string\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {value}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n\n    case 'date': {\n      const value = unknown as string\n      const text = format(new Date(value), shortDateFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      const value = unknown as string\n      const text = format(new Date(value), timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      const value = unknown as string\n      const text = format(new Date(value), shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      const value = unknown as number\n      const text = localisationService.formatNumber(value)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'radio':\n    case 'autocomplete':\n    case 'checkboxes':\n    case 'select': {\n      if (\n        formElement.type === 'checkboxes' ||\n        (formElement.type === 'select' && formElement.multi)\n      ) {\n        const value = unknown as string\n        if (!Array.isArray(value) || !value.length) {\n          break\n        }\n        const text = value\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={value}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        const value = unknown as string\n        const text = getSelectedOptionLabel(formElement, value)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      const value = unknown as string\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${value}`}\n          >\n            {value}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n    case 'telephone': {\n      const value = unknown as string\n      return (\n        <>\n          <Link target=\"_blank\" rel=\"noopener noreferrer\" href={`tel:${value}`}>\n            {value}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      const value = unknown as string\n      return (\n        <>\n          {value}\n          <TableCellCopyButton isHidden={!allowCopy} text={value} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (!Array.isArray(value) || !value.length) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      const value = unknown as number\n      if (formElement.displayAsCurrency) {\n        const text = localisationService.formatCurrency(value)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton\n              isHidden={!allowCopy}\n              text={value.toString()}\n            />\n          </>\n        )\n      } else {\n        const text = localisationService.formatNumber(value)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton\n              isHidden={!allowCopy}\n              text={value.toString()}\n            />\n          </>\n        )\n      }\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      return (\n        <>\n          {value.formattedStreet}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={value.formattedStreet}\n          />\n        </>\n      )\n    }\n\n    case 'civicaNameRecord': {\n      const value = unknown as {\n        title?: string\n        givenName1?: string\n        familyName?: string\n        emailAddress: string\n      }\n      const text =\n        [value?.title, value?.givenName1, value?.familyName]\n          .filter((t) => t)\n          .join(' ') || value?.emailAddress\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'geoscapeAddress': {\n      const value = unknown as GeoscapeAddress\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          Geoscape Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointAddress\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'boolean': {\n      const value = unknown as boolean\n      const text = value ? 'Yes' : 'No'\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'abn': {\n      const value = unknown as ABNRecord\n      const abnNumber = abnService.displayABNNumberFromABNRecord(value)\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`https://www.abr.business.gov.au/ABN/View/${abnNumber}`}\n          >\n            {abnNumber} |{' '}\n            <i>{abnService.displayBusinessNameFromABNRecord(value)}</i>\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={abnNumber} />\n        </>\n      )\n    }\n\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'summary': {\n      break\n    }\n\n    default: {\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        formElement,\n      )\n    }\n  }\n\n  return null\n}\n\nexport default React.memo(FormElementTableCell)\n"]}