@oneblink/apps-react 8.14.0-beta.2 → 9.0.0-beta.1

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { Link, Typography } from '@mui/material';
 import { localisationService } from '@oneblink/apps';
@@ -20,7 +21,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             if (!Array.isArray(unknown)) {
                 break;
             }
-            return React.createElement(RepeatableSetCell, { formElement: formElement, value: unknown });
+            return _jsx(RepeatableSetCell, { formElement: formElement, value: unknown });
         }
         case 'location': {
             const value = unknown;
@@ -28,38 +29,26 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 break;
             }
             const latLong = `${value.latitude},${value.longitude}`;
-            return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement(Typography, { variant: "inherit", component: "p" },
-                        React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: `https://maps.google.com/?q=${latLong}` }, "View in Google Maps")),
-                    React.createElement(Typography, { variant: "inherit", component: "p", color: "textSecondary" },
-                        "Latitude: ",
-                        value.latitude),
-                    React.createElement(Typography, { variant: "inherit", component: "p", color: "textSecondary" },
-                        "Longitude: ",
-                        value.longitude)),
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: latLong })));
+            return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(Typography, { variant: "inherit", component: "p", children: _jsx(Link, { target: "_blank", rel: "noopener noreferrer", href: `https://maps.google.com/?q=${latLong}`, children: "View in Google Maps" }) }), _jsxs(Typography, { variant: "inherit", component: "p", color: "textSecondary", children: ["Latitude: ", value.latitude] }), _jsxs(Typography, { variant: "inherit", component: "p", color: "textSecondary", children: ["Longitude: ", value.longitude] })] }), _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: latLong })] }));
         }
         case 'camera':
         case 'draw': {
-            return (React.createElement(FileChip, { file: unknown }));
+            return (_jsx(FileChip, { file: unknown }));
         }
         case 'arcGISWebMap': {
             const arcGISWebMapElementValue = unknown;
             if (!((_a = arcGISWebMapElementValue === null || arcGISWebMapElementValue === void 0 ? void 0 : arcGISWebMapElementValue.snapshotImages) === null || _a === void 0 ? void 0 : _a.length)) {
                 break;
             }
-            return (React.createElement(FilesElementDataTableCellContent, { value: arcGISWebMapElementValue.snapshotImages }));
+            return (_jsx(FilesElementDataTableCellContent, { value: arcGISWebMapElementValue.snapshotImages }));
         }
         case 'textarea': {
             if (typeof unknown !== 'string') {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                React.createElement("span", { style: {
-                        whiteSpace: 'pre-line',
-                    } }, unknown),
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })));
+            return (_jsxs(_Fragment, { children: [_jsx("span", { style: {
+                            whiteSpace: 'pre-line',
+                        }, children: unknown }), _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })] }));
         }
         case 'date': {
             if (typeof unknown !== 'string') {
@@ -73,9 +62,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 break;
             }
             const text = localisationService.formatDate(date);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
         }
         case 'time': {
             if (typeof unknown !== 'string') {
@@ -87,9 +74,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             }
             const { time: timeFormat } = localisationService.getDateFnsFormats();
             const text = format(date, timeFormat);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
         }
         case 'datetime': {
             if (typeof unknown !== 'string') {
@@ -101,18 +86,14 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             }
             const { shortDateTime: shortDateTimeFormat } = localisationService.getDateFnsFormats();
             const text = format(date, shortDateTimeFormat);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
         }
         case 'number': {
             if (typeof unknown !== 'number') {
                 break;
             }
             const text = localisationService.formatNumber(unknown);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
         }
         case 'radio':
         case 'autocomplete':
@@ -128,35 +109,27 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 const text = unknown
                     .map((selection) => getSelectedOptionLabel(formElement, selection))
                     .join(', ');
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(MultiSelectFormElementTableCellContent, { value: unknown, formElement: formElement }),
-                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+                return (_jsxs(_Fragment, { children: [_jsx(MultiSelectFormElementTableCellContent, { value: unknown, formElement: formElement }), _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
             }
             else {
                 if (typeof unknown !== 'string') {
                     break;
                 }
                 const text = getSelectedOptionLabel(formElement, unknown);
-                return (React.createElement(React.Fragment, null,
-                    text,
-                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+                return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
             }
         }
         case 'email': {
             if (typeof unknown !== 'string') {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: `mailto:${unknown}` }, unknown),
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })));
+            return (_jsxs(_Fragment, { children: [_jsx(Link, { target: "_blank", rel: "noopener noreferrer", href: `mailto:${unknown}`, children: unknown }), _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })] }));
         }
         case 'telephone': {
             if (typeof unknown !== 'string') {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: `tel:${unknown}` }, unknown),
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })));
+            return (_jsxs(_Fragment, { children: [_jsx(Link, { target: "_blank", rel: "noopener noreferrer", href: `tel:${unknown}`, children: unknown }), _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })] }));
         }
         case 'text':
         case 'bsb':
@@ -164,9 +137,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             if (typeof unknown !== 'string') {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                unknown,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })));
+            return (_jsxs(_Fragment, { children: [unknown, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: unknown })] }));
         }
         case 'files': {
             const value = unknown;
@@ -175,7 +146,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 typeof ((_b = value[0]) === null || _b === void 0 ? void 0 : _b.fileName) !== 'string') {
                 break;
             }
-            return React.createElement(FilesElementDataTableCellContent, { value: value });
+            return _jsx(FilesElementDataTableCellContent, { value: value });
         }
         case 'calculation': {
             if (typeof unknown !== 'number') {
@@ -184,18 +155,14 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             const text = formElement.displayAsCurrency
                 ? localisationService.formatCurrency(unknown)
                 : localisationService.formatNumber(unknown);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: unknown.toString() })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: unknown.toString() })] }));
         }
         case 'civicaStreetName': {
             const value = unknown;
             if (typeof (value === null || value === void 0 ? void 0 : value.formattedStreet) !== 'string') {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                value.formattedStreet,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: value.formattedStreet })));
+            return (_jsxs(_Fragment, { children: [value.formattedStreet, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: value.formattedStreet })] }));
         }
         case 'civicaNameRecord': {
             const value = unknown;
@@ -205,21 +172,15 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             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);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
         }
         case 'geoscapeAddress': {
             const value = unknown;
             if (typeof value.addressId !== 'string') {
                 break;
             }
-            const fullAddress = ((_c = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _c === void 0 ? void 0 : _c.formattedAddress) || (React.createElement(React.Fragment, null,
-                "Geoscape Address ID: ",
-                React.createElement("i", null, value.addressId)));
-            return (React.createElement(React.Fragment, null,
-                fullAddress,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
+            const fullAddress = ((_c = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _c === void 0 ? void 0 : _c.formattedAddress) || (_jsxs(_Fragment, { children: ["Geoscape Address ID: ", _jsx("i", { children: value.addressId })] }));
+            return (_jsxs(_Fragment, { children: [fullAddress, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })] }));
         }
         case 'pointCadastralParcel': {
             const value = unknown;
@@ -227,51 +188,35 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             if (typeof parcelId !== 'string') {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                parcelId,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: parcelId })));
+            return (_jsxs(_Fragment, { children: [parcelId, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: parcelId })] }));
         }
         case 'pointAddress': {
             const value = unknown;
             if (typeof value.addressId !== 'string') {
                 break;
             }
-            const fullAddress = ((_f = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _f === void 0 ? void 0 : _f.formattedAddress) || (React.createElement(React.Fragment, null,
-                "NSW Point Address ID: ",
-                React.createElement("i", null, value.addressId)));
-            return (React.createElement(React.Fragment, null,
-                fullAddress,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
+            const fullAddress = ((_f = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _f === void 0 ? void 0 : _f.formattedAddress) || (_jsxs(_Fragment, { children: ["NSW Point Address ID: ", _jsx("i", { children: value.addressId })] }));
+            return (_jsxs(_Fragment, { children: [fullAddress, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })] }));
         }
         case 'pointAddressV3': {
             const value = unknown;
             if (typeof ((_g = value.properties) === null || _g === void 0 ? void 0 : _g.addressId) !== 'string') {
                 break;
             }
-            const fullAddress = ((_h = value === null || value === void 0 ? void 0 : value.properties) === null || _h === void 0 ? void 0 : _h.formattedAddress) || (React.createElement(React.Fragment, null,
-                "NSW Point Address ID: ",
-                React.createElement("i", null, (_j = value.properties) === null || _j === void 0 ? void 0 : _j.addressId)));
-            return (React.createElement(React.Fragment, null,
-                fullAddress,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
+            const fullAddress = ((_h = value === null || value === void 0 ? void 0 : value.properties) === null || _h === void 0 ? void 0 : _h.formattedAddress) || (_jsxs(_Fragment, { children: ["NSW Point Address ID: ", _jsx("i", { children: (_j = value.properties) === null || _j === void 0 ? void 0 : _j.addressId })] }));
+            return (_jsxs(_Fragment, { children: [fullAddress, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })] }));
         }
         case 'googleAddress': {
             const value = unknown;
-            const fullAddress = (value === null || value === void 0 ? void 0 : value.formatted_address) || (React.createElement(React.Fragment, null,
-                "Google Address: ",
-                React.createElement("i", null, value === null || value === void 0 ? void 0 : value.place_id)));
-            return (React.createElement(React.Fragment, null,
-                fullAddress,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
+            const fullAddress = (value === null || value === void 0 ? void 0 : value.formatted_address) || (_jsxs(_Fragment, { children: ["Google Address: ", _jsx("i", { children: value === null || value === void 0 ? void 0 : value.place_id })] }));
+            return (_jsxs(_Fragment, { children: [fullAddress, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })] }));
         }
         case 'boolean': {
             if (typeof unknown !== 'boolean') {
                 break;
             }
             const text = unknown ? 'Yes' : 'No';
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            return (_jsxs(_Fragment, { children: [text, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: text })] }));
         }
         case 'abn': {
             const value = unknown;
@@ -279,13 +224,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 break;
             }
             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}` },
-                    abnNumber,
-                    " |",
-                    ' ',
-                    React.createElement("i", null, abnService.displayBusinessNameFromABNRecord(value))),
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: abnNumber })));
+            return (_jsxs(_Fragment, { children: [_jsxs(Link, { target: "_blank", rel: "noopener noreferrer", href: `https://www.abr.business.gov.au/ABN/View/${abnNumber}`, children: [abnNumber, " |", ' ', _jsx("i", { children: abnService.displayBusinessNameFromABNRecord(value) })] }), _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: abnNumber })] }));
         }
         case 'apiNSWLiquorLicence': {
             const value = unknown;
@@ -293,9 +232,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             if (!licenceNumber) {
                 break;
             }
-            return (React.createElement(React.Fragment, null,
-                licenceNumber,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: licenceNumber })));
+            return (_jsxs(_Fragment, { children: [licenceNumber, _jsx(TableCellCopyButton, { isHidden: !allowCopy, text: licenceNumber })] }));
         }
         case 'lookupButton':
         case 'html':
@@ -315,7 +252,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
             return null;
         }
     }
-    return React.createElement(React.Fragment, null, JSON.stringify(unknown));
+    return _jsx(_Fragment, { children: JSON.stringify(unknown) });
 }
 export default React.memo(FormElementTableCell);
 //# sourceMappingURL=FormElementTableCell.js.map

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 {\n  APINSWTypes,\n  ArcGISTypes,\n  FormTypes,\n  GeoscapeTypes,\n  GoogleTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} 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\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      if (!Array.isArray(unknown)) {\n        break\n      }\n      return <RepeatableSetCell formElement={formElement} value={unknown} />\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 'arcGISWebMap': {\n      const arcGISWebMapElementValue = unknown as\n        | ArcGISTypes.ArcGISWebMapElementValue\n        | undefined\n      if (!arcGISWebMapElementValue?.snapshotImages?.length) {\n        break\n      }\n      return (\n        <FilesElementDataTableCellContent\n          value={arcGISWebMapElementValue.snapshotImages}\n        />\n      )\n    }\n\n    case 'textarea': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {unknown}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'date': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = localisationService.generateDate({\n        daysOffset: undefined,\n        value: unknown,\n      })\n      if (!date) {\n        break\n      }\n      const text = localisationService.formatDate(date)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { time: timeFormat } = localisationService.getDateFnsFormats()\n      const text = format(date, timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { shortDateTime: shortDateTimeFormat } =\n        localisationService.getDateFnsFormats()\n      const text = format(date, shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = localisationService.formatNumber(unknown)\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 (\n          !Array.isArray(unknown) ||\n          !unknown.length ||\n          typeof unknown[0] !== 'string'\n        ) {\n          break\n        }\n        const text = (unknown as string[])\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={unknown}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        if (typeof unknown !== 'string') {\n          break\n        }\n        const text = getSelectedOptionLabel(formElement, unknown)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'telephone': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`tel:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          {unknown}\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (\n        !Array.isArray(value) ||\n        !value.length ||\n        typeof value[0]?.fileName !== 'string'\n      ) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = formElement.displayAsCurrency\n        ? localisationService.formatCurrency(unknown)\n        : localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={unknown.toString()}\n          />\n        </>\n      )\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      if (typeof value?.formattedStreet !== 'string') {\n        break\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      if (typeof value?.emailAddress !== 'string') {\n        break\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 GeoscapeTypes.GeoscapeAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\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 'pointCadastralParcel': {\n      const value = unknown as PointTypes.PointCadastralParcelResponse\n      const parcelId = value?.parcelBundle?.[0]?.parcelId\n      if (typeof parcelId !== 'string') {\n        break\n      }\n      return (\n        <>\n          {parcelId}\n          <TableCellCopyButton isHidden={!allowCopy} text={parcelId} />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointTypes.PointAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\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 'pointAddressV3': {\n      const value =\n        unknown as PointTypes.PointAddressV3GetAddressDetailsResponse\n      if (typeof value.properties?.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.properties?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.properties?.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 'googleAddress': {\n      const value = unknown as GoogleTypes.GoogleMapsAddress\n      const fullAddress = value?.formatted_address || (\n        <>\n          Google Address: <i>{value?.place_id}</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      if (typeof unknown !== 'boolean') {\n        break\n      }\n      const text = unknown ? '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 MiscTypes.ABNRecord\n      if (!value.ABN || !value.entityType) {\n        break\n      }\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    case 'apiNSWLiquorLicence': {\n      const value = unknown as APINSWTypes.LiquorLicenceDetails\n      const licenceNumber =\n        `${value.licenceDetail?.licenceNumber} | ${value.licenceDetail?.licenceName}`.trim()\n      if (!licenceNumber) {\n        break\n      }\n      return (\n        <>\n          {licenceNumber}\n          <TableCellCopyButton isHidden={!allowCopy} text={licenceNumber} />\n        </>\n      )\n    }\n\n    case 'lookupButton':\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'summary':\n    case 'freshdeskDependentField':\n    case 'compliance': {\n      return null\n    }\n\n    default: {\n      const never: never = formElement\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        never,\n      )\n      return null\n    }\n  }\n\n  return <>{JSON.stringify(unknown)}</>\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 {\n  APINSWTypes,\n  ArcGISTypes,\n  FormTypes,\n  GeoscapeTypes,\n  GoogleTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} 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\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      if (!Array.isArray(unknown)) {\n        break\n      }\n      return <RepeatableSetCell formElement={formElement} value={unknown} />\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 'arcGISWebMap': {\n      const arcGISWebMapElementValue = unknown as\n        | ArcGISTypes.ArcGISWebMapElementValue\n        | undefined\n      if (!arcGISWebMapElementValue?.snapshotImages?.length) {\n        break\n      }\n      return (\n        <FilesElementDataTableCellContent\n          value={arcGISWebMapElementValue.snapshotImages}\n        />\n      )\n    }\n\n    case 'textarea': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {unknown}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'date': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = localisationService.generateDate({\n        daysOffset: undefined,\n        value: unknown,\n      })\n      if (!date) {\n        break\n      }\n      const text = localisationService.formatDate(date)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { time: timeFormat } = localisationService.getDateFnsFormats()\n      const text = format(date, timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { shortDateTime: shortDateTimeFormat } =\n        localisationService.getDateFnsFormats()\n      const text = format(date, shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = localisationService.formatNumber(unknown)\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 (\n          !Array.isArray(unknown) ||\n          !unknown.length ||\n          typeof unknown[0] !== 'string'\n        ) {\n          break\n        }\n        const text = (unknown as string[])\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={unknown}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        if (typeof unknown !== 'string') {\n          break\n        }\n        const text = getSelectedOptionLabel(formElement, unknown)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'telephone': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`tel:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          {unknown}\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (\n        !Array.isArray(value) ||\n        !value.length ||\n        typeof value[0]?.fileName !== 'string'\n      ) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = formElement.displayAsCurrency\n        ? localisationService.formatCurrency(unknown)\n        : localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={unknown.toString()}\n          />\n        </>\n      )\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      if (typeof value?.formattedStreet !== 'string') {\n        break\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      if (typeof value?.emailAddress !== 'string') {\n        break\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 GeoscapeTypes.GeoscapeAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\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 'pointCadastralParcel': {\n      const value = unknown as PointTypes.PointCadastralParcelResponse\n      const parcelId = value?.parcelBundle?.[0]?.parcelId\n      if (typeof parcelId !== 'string') {\n        break\n      }\n      return (\n        <>\n          {parcelId}\n          <TableCellCopyButton isHidden={!allowCopy} text={parcelId} />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointTypes.PointAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\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 'pointAddressV3': {\n      const value =\n        unknown as PointTypes.PointAddressV3GetAddressDetailsResponse\n      if (typeof value.properties?.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.properties?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.properties?.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 'googleAddress': {\n      const value = unknown as GoogleTypes.GoogleMapsAddress\n      const fullAddress = value?.formatted_address || (\n        <>\n          Google Address: <i>{value?.place_id}</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      if (typeof unknown !== 'boolean') {\n        break\n      }\n      const text = unknown ? '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 MiscTypes.ABNRecord\n      if (!value.ABN || !value.entityType) {\n        break\n      }\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    case 'apiNSWLiquorLicence': {\n      const value = unknown as APINSWTypes.LiquorLicenceDetails\n      const licenceNumber =\n        `${value.licenceDetail?.licenceNumber} | ${value.licenceDetail?.licenceName}`.trim()\n      if (!licenceNumber) {\n        break\n      }\n      return (\n        <>\n          {licenceNumber}\n          <TableCellCopyButton isHidden={!allowCopy} text={licenceNumber} />\n        </>\n      )\n    }\n\n    case 'lookupButton':\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'summary':\n    case 'freshdeskDependentField':\n    case 'compliance': {\n      return null\n    }\n\n    default: {\n      const never: never = formElement\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        never,\n      )\n      return null\n    }\n  }\n\n  return <>{JSON.stringify(unknown)}</>\n}\n\nexport default React.memo(FormElementTableCell)\n"]}

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { HeaderGroup } from 'react-table';
+import { Header } from '@tanstack/react-table';
 import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
-declare function HeaderCellMoreButton({ headerGroup, onHide, }: {
-    headerGroup: HeaderGroup<FormStoreRecord>;
+declare function HeaderCellMoreButton({ header, onHide, }: {
+    header: Header<FormStoreRecord, unknown>;
     onHide: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof HeaderCellMoreButton>;
 export default _default;

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

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

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

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

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

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