@oneblink/apps-react 2.3.0-beta.1 → 2.3.0-beta.2

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

@@ -1,229 +1,229 @@
-import * as React from 'react';
-import { Link, Typography } from '@mui/material';
-import { localisationService } from '@oneblink/apps';
-import { abnService } from '@oneblink/sdk-core';
-import { FileChip, FilesElementDataTableCellContent, MultiSelectFormElementTableCellContent, getSelectedOptionLabel, } from '../display/ElementDisplay';
-import RepeatableSetCell from './RepeatableSetCell';
-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 unknown = submission === null || submission === void 0 ? void 0 : submission[formElement.name];
-    if (unknown === undefined || unknown === null) {
-        return null;
-    }
-    if (
-    // If the value is an array of objects and the element type is not a repeatable set,
-    // we assume the element was previously a repeatable set, and render the stringified value
-    Array.isArray(unknown) &&
-        typeof unknown[0] === 'object' &&
-        formElement.type !== 'repeatableSet') {
-        const stringifiedSetValue = JSON.stringify(unknown);
-        return (React.createElement(React.Fragment, null,
-            stringifiedSetValue,
-            React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: stringifiedSetValue })));
-    }
-    switch (formElement.type) {
-        case 'repeatableSet': {
-            if (!Array.isArray(unknown)) {
-                break;
-            }
-            return React.createElement(RepeatableSetCell, { formElement: formElement, value: unknown });
-        }
-        case 'location': {
-            const value = unknown;
-            if (!value.latitude || !value.longitude) {
-                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 })));
-        }
-        case 'camera':
-        case 'draw': {
-            return (React.createElement(FileChip, { file: unknown }));
-        }
-        case 'textarea': {
-            const value = unknown;
-            return (React.createElement(React.Fragment, null,
-                React.createElement("span", { style: {
-                        whiteSpace: 'pre-line',
-                    } }, value),
-                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,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
-        }
-        case 'radio':
-        case 'autocomplete':
-        case 'checkboxes':
-        case 'select': {
-            if (formElement.type === 'checkboxes' ||
-                (formElement.type === 'select' && formElement.multi)) {
-                const value = unknown;
-                if (!Array.isArray(value) || !value.length) {
-                    break;
-                }
-                const text = value
-                    .map((selection) => getSelectedOptionLabel(formElement, selection))
-                    .join(', ');
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(MultiSelectFormElementTableCellContent, { value: value, formElement: formElement }),
-                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
-            }
-            else {
-                const value = unknown;
-                const text = getSelectedOptionLabel(formElement, value);
-                return (React.createElement(React.Fragment, null,
-                    text,
-                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
-            }
-        }
-        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 })));
-        }
-        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.toString() })));
-            }
-            else {
-                const text = localisationService.formatNumber(value);
-                return (React.createElement(React.Fragment, null,
-                    text,
-                    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);
-            return (React.createElement(React.Fragment, null,
-                text,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
-        }
-        case 'geoscapeAddress': {
-            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,
-                fullAddress,
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
-        }
-        case 'pointAddress': {
-            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,
-                fullAddress,
-                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}` },
-                    abnNumber,
-                    " |",
-                    ' ',
-                    React.createElement("i", null, abnService.displayBusinessNameFromABNRecord(value))),
-                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: abnNumber })));
-        }
-        case 'html':
-        case 'form':
-        case 'infoPage':
-        case 'captcha':
-        case 'image':
-        case 'heading':
-        case 'summary': {
-            break;
-        }
-        default: {
-            console.warn('Unsupported element type in Submission Data rendering', formElement);
-        }
-    }
-    return null;
-}
-export default React.memo(FormElementTableCell);
+import * as React from 'react';
+import { Link, Typography } from '@mui/material';
+import { localisationService } from '@oneblink/apps';
+import { abnService } from '@oneblink/sdk-core';
+import { FileChip, FilesElementDataTableCellContent, MultiSelectFormElementTableCellContent, getSelectedOptionLabel, } from '../display/ElementDisplay';
+import RepeatableSetCell from './RepeatableSetCell';
+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 unknown = submission === null || submission === void 0 ? void 0 : submission[formElement.name];
+    if (unknown === undefined || unknown === null) {
+        return null;
+    }
+    if (
+    // If the value is an array of objects and the element type is not a repeatable set,
+    // we assume the element was previously a repeatable set, and render the stringified value
+    Array.isArray(unknown) &&
+        typeof unknown[0] === 'object' &&
+        formElement.type !== 'repeatableSet') {
+        const stringifiedSetValue = JSON.stringify(unknown);
+        return (React.createElement(React.Fragment, null,
+            stringifiedSetValue,
+            React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: stringifiedSetValue })));
+    }
+    switch (formElement.type) {
+        case 'repeatableSet': {
+            if (!Array.isArray(unknown)) {
+                break;
+            }
+            return React.createElement(RepeatableSetCell, { formElement: formElement, value: unknown });
+        }
+        case 'location': {
+            const value = unknown;
+            if (!value.latitude || !value.longitude) {
+                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 })));
+        }
+        case 'camera':
+        case 'draw': {
+            return (React.createElement(FileChip, { file: unknown }));
+        }
+        case 'textarea': {
+            const value = unknown;
+            return (React.createElement(React.Fragment, null,
+                React.createElement("span", { style: {
+                        whiteSpace: 'pre-line',
+                    } }, value),
+                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,
+                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+        }
+        case 'radio':
+        case 'autocomplete':
+        case 'checkboxes':
+        case 'select': {
+            if (formElement.type === 'checkboxes' ||
+                (formElement.type === 'select' && formElement.multi)) {
+                const value = unknown;
+                if (!Array.isArray(value) || !value.length) {
+                    break;
+                }
+                const text = value
+                    .map((selection) => getSelectedOptionLabel(formElement, selection))
+                    .join(', ');
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(MultiSelectFormElementTableCellContent, { value: value, formElement: formElement }),
+                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            }
+            else {
+                const value = unknown;
+                const text = getSelectedOptionLabel(formElement, value);
+                return (React.createElement(React.Fragment, null,
+                    text,
+                    React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+            }
+        }
+        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 })));
+        }
+        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.toString() })));
+            }
+            else {
+                const text = localisationService.formatNumber(value);
+                return (React.createElement(React.Fragment, null,
+                    text,
+                    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);
+            return (React.createElement(React.Fragment, null,
+                text,
+                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: text })));
+        }
+        case 'geoscapeAddress': {
+            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,
+                fullAddress,
+                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
+        }
+        case 'pointAddress': {
+            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,
+                fullAddress,
+                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}` },
+                    abnNumber,
+                    " |",
+                    ' ',
+                    React.createElement("i", null, abnService.displayBusinessNameFromABNRecord(value))),
+                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: abnNumber })));
+        }
+        case 'html':
+        case 'form':
+        case 'infoPage':
+        case 'captcha':
+        case 'image':
+        case 'heading':
+        case 'summary': {
+            break;
+        }
+        default: {
+            console.warn('Unsupported element type in Submission Data rendering', formElement);
+        }
+    }
+    return null;
+}
+export default React.memo(FormElementTableCell);
 //# sourceMappingURL=FormElementTableCell.js.map

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

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

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

@@ -1,49 +1,49 @@
-import * as React from 'react';
-import { Box, Button, Divider, Grid, IconButton, Popover, } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { FilterList as FilterListIcon, MoreVert as MoreVertIcon, VisibilityOff as VisibilityOffIcon, } from '@mui/icons-material';
-import { useIsHovering } from '../../../hooks/useIsHovering';
-import useNullableState from '../../../hooks/useNullableState';
-import ColumnFilters from './ColumnFilters';
-const StyledIconButton = styled(IconButton)(({ theme }) => ({
-    margin: theme.spacing(-1, -1, -1, 1),
-}));
-const paperStyles = {
-    maxWidth: 500,
-};
-function HeaderCellMoreButton({ headerGroup, onHide, }) {
-    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(MoreVertIcon, { fontSize: "small", color: isHovering ? 'action' : 'disabled' })),
-        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(FilterListIcon, null) }, "Clear"))),
-                    React.createElement(Grid, { item: true },
-                        React.createElement(Button, { variant: "outlined", onClick: onHide, size: "small", startIcon: React.createElement(VisibilityOffIcon, null) }, "Hide")))))));
-}
-export default React.memo(HeaderCellMoreButton);
+import * as React from 'react';
+import { Box, Button, Divider, Grid, IconButton, Popover, } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import { FilterList as FilterListIcon, MoreVert as MoreVertIcon, VisibilityOff as VisibilityOffIcon, } from '@mui/icons-material';
+import { useIsHovering } from '../../../hooks/useIsHovering';
+import useNullableState from '../../../hooks/useNullableState';
+import ColumnFilters from './ColumnFilters';
+const StyledIconButton = styled(IconButton)(({ theme }) => ({
+    margin: theme.spacing(-1, -1, -1, 1),
+}));
+const paperStyles = {
+    maxWidth: 500,
+};
+function HeaderCellMoreButton({ headerGroup, onHide, }) {
+    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(MoreVertIcon, { fontSize: "small", color: isHovering ? 'action' : 'disabled' })),
+        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(FilterListIcon, null) }, "Clear"))),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(Button, { variant: "outlined", onClick: onHide, size: "small", startIcon: React.createElement(VisibilityOffIcon, null) }, "Hide")))))));
+}
+export default React.memo(HeaderCellMoreButton);
 //# sourceMappingURL=HeaderCellMoreButton.js.map

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare type Props = {
-    value: Array<Record<string, unknown>>;
-    formElement: FormTypes.RepeatableSetElement;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+declare type Props = {
+    value: Array<Record<string, unknown>>;
+    formElement: FormTypes.RepeatableSetElement;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;