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

package/dist/components/formStore/OneBlinkFormStoreTable.js

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

package/dist/components/formStore/display/ElementDisplay.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
-import { FormElementWithOptions } from '@oneblink/types/typescript/forms';
-export declare function FileChip({ file: { fileName, url, isPrivate, data }, }: {
-    file: {
-        fileName: string;
-        url?: string;
-        isPrivate?: boolean;
-        data?: string;
-    };
-}): JSX.Element;
-export declare function FilesElementDataTableCellContent({ value, }: {
-    value: Array<{
-        fileName: string;
-        url?: string | undefined;
-        isPrivate?: boolean | undefined;
-        data?: string | undefined;
-    }>;
-}): JSX.Element;
-export declare function MultiSelectFormElementTableCellContent({ value, formElement, }: {
-    value: string[];
-    formElement: FormElementWithOptions;
-}): JSX.Element;
-export declare function getSelectedOptionLabel(formElement: FormElementWithOptions, value: string): string;
+/// <reference types="react" />
+import { FormElementWithOptions } from '@oneblink/types/typescript/forms';
+export declare function FileChip({ file: { fileName, url, isPrivate, data }, }: {
+    file: {
+        fileName: string;
+        url?: string;
+        isPrivate?: boolean;
+        data?: string;
+    };
+}): JSX.Element;
+export declare function FilesElementDataTableCellContent({ value, }: {
+    value: Array<{
+        fileName: string;
+        url?: string | undefined;
+        isPrivate?: boolean | undefined;
+        data?: string | undefined;
+    }>;
+}): JSX.Element;
+export declare function MultiSelectFormElementTableCellContent({ value, formElement, }: {
+    value: string[];
+    formElement: FormElementWithOptions;
+}): JSX.Element;
+export declare function getSelectedOptionLabel(formElement: FormElementWithOptions, value: string): string;

package/dist/components/formStore/display/ElementDisplay.js

@@ -1,78 +1,78 @@
-import * as React from 'react';
-import { saveAs } from 'file-saver';
-import { Chip, CircularProgress, Grid } from '@mui/material';
-import { SaveAlt, AttachFile } from '@mui/icons-material';
-import ErrorSnackbar from '../../ErrorSnackbar';
-import { UnorderedList, ListItem } from '../../Lists';
-import { getCognitoIdToken } from '@oneblink/apps/dist/services/cognito';
-async function fetchFile(url) {
-    const idToken = await getCognitoIdToken();
-    const response = await fetch(url, {
-        headers: {
-            Authorization: `Bearer ${idToken}`,
-        },
-    });
-    if (!response.ok) {
-        throw new Error(`Unable to download file. HTTP Status Code: ${response.status}`);
-    }
-    return await response.blob();
-}
-export function FileChip({ file: { fileName, url, isPrivate, data }, }) {
-    const [{ isDownloading, error }, setState] = React.useState({
-        isDownloading: false,
-    });
-    const clearError = React.useCallback(() => {
-        setState({
-            isDownloading: false,
-        });
-    }, []);
-    const handleDownload = React.useCallback(async () => {
-        try {
-            setState({
-                isDownloading: true,
-            });
-            if (url) {
-                if (isPrivate) {
-                    const blob = await fetchFile(url);
-                    saveAs(blob, fileName);
-                }
-                else {
-                    saveAs(url, fileName);
-                }
-            }
-            else if (data) {
-                saveAs(data, fileName);
-            }
-            setState({
-                isDownloading: false,
-            });
-        }
-        catch (error) {
-            setState({
-                isDownloading: false,
-                error: error,
-            });
-        }
-    }, [data, fileName, isPrivate, url]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Chip, { label: fileName, deleteIcon: React.createElement(SaveAlt, null), onDelete: handleDownload, variant: "outlined", icon: isDownloading ? React.createElement(CircularProgress, { size: 16 }) : React.createElement(AttachFile, null) }),
-        React.createElement(ErrorSnackbar, { open: !!error, onClose: clearError },
-            React.createElement("span", { "data-cypress": "download-legacy-file-error-message" }, error && error.message))));
-}
-export function FilesElementDataTableCellContent({ value, }) {
-    return (React.createElement(Grid, { container: true, spacing: 1 }, value.map((file, index) => {
-        return (React.createElement(Grid, { item: true, key: index, xs: 12 },
-            React.createElement(FileChip, { file: file })));
-    })));
-}
-export function MultiSelectFormElementTableCellContent({ value, formElement, }) {
-    return (React.createElement(UnorderedList, { disablePadding: true }, value.map((selection, index) => {
-        const label = getSelectedOptionLabel(formElement, selection);
-        return React.createElement(ListItem, { key: index }, label);
-    })));
-}
-export function getSelectedOptionLabel(formElement, value) {
-    const selectedOption = (formElement.options || []).find((opt) => opt.value === value);
-    return selectedOption ? selectedOption.label : value;
-}
+import * as React from 'react';
+import { saveAs } from 'file-saver';
+import { Chip, CircularProgress, Grid } from '@mui/material';
+import { SaveAlt, AttachFile } from '@mui/icons-material';
+import ErrorSnackbar from '../../ErrorSnackbar';
+import { UnorderedList, ListItem } from '../../Lists';
+import { getCognitoIdToken } from '@oneblink/apps/dist/services/cognito';
+async function fetchFile(url) {
+    const idToken = await getCognitoIdToken();
+    const response = await fetch(url, {
+        headers: {
+            Authorization: `Bearer ${idToken}`,
+        },
+    });
+    if (!response.ok) {
+        throw new Error(`Unable to download file. HTTP Status Code: ${response.status}`);
+    }
+    return await response.blob();
+}
+export function FileChip({ file: { fileName, url, isPrivate, data }, }) {
+    const [{ isDownloading, error }, setState] = React.useState({
+        isDownloading: false,
+    });
+    const clearError = React.useCallback(() => {
+        setState({
+            isDownloading: false,
+        });
+    }, []);
+    const handleDownload = React.useCallback(async () => {
+        try {
+            setState({
+                isDownloading: true,
+            });
+            if (url) {
+                if (isPrivate) {
+                    const blob = await fetchFile(url);
+                    saveAs(blob, fileName);
+                }
+                else {
+                    saveAs(url, fileName);
+                }
+            }
+            else if (data) {
+                saveAs(data, fileName);
+            }
+            setState({
+                isDownloading: false,
+            });
+        }
+        catch (error) {
+            setState({
+                isDownloading: false,
+                error: error,
+            });
+        }
+    }, [data, fileName, isPrivate, url]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Chip, { label: fileName, deleteIcon: React.createElement(SaveAlt, null), onDelete: handleDownload, variant: "outlined", icon: isDownloading ? React.createElement(CircularProgress, { size: 16 }) : React.createElement(AttachFile, null) }),
+        React.createElement(ErrorSnackbar, { open: !!error, onClose: clearError },
+            React.createElement("span", { "data-cypress": "download-legacy-file-error-message" }, error && error.message))));
+}
+export function FilesElementDataTableCellContent({ value, }) {
+    return (React.createElement(Grid, { container: true, spacing: 1 }, value.map((file, index) => {
+        return (React.createElement(Grid, { item: true, key: index, xs: 12 },
+            React.createElement(FileChip, { file: file })));
+    })));
+}
+export function MultiSelectFormElementTableCellContent({ value, formElement, }) {
+    return (React.createElement(UnorderedList, { disablePadding: true }, value.map((selection, index) => {
+        const label = getSelectedOptionLabel(formElement, selection);
+        return React.createElement(ListItem, { key: index }, label);
+    })));
+}
+export function getSelectedOptionLabel(formElement, value) {
+    const selectedOption = (formElement.options || []).find((opt) => opt.value === value);
+    return selectedOption ? selectedOption.label : value;
+}
 //# sourceMappingURL=ElementDisplay.js.map

package/dist/components/formStore/display/FormStoreIcon.d.ts

@@ -1,2 +1,2 @@
-import Work from '@mui/icons-material/Work';
-export default Work;
+import Work from '@mui/icons-material/Work';
+export default Work;

package/dist/components/formStore/display/FormStoreIcon.js

@@ -1,3 +1,3 @@
-import Work from '@mui/icons-material/Work';
-export default Work;
+import Work from '@mui/icons-material/Work';
+export default Work;
 //# sourceMappingURL=FormStoreIcon.js.map

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { UserProfile } from '@oneblink/types/typescript/misc';
-import { Chip } from '@mui/material';
-declare function ActionedByTableCell({ userProfile, developerKey, ...rest }: React.ComponentProps<typeof Chip> & {
-    userProfile?: UserProfile;
-    developerKey?: {
-        name: string;
-    };
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ActionedByTableCell>;
-export default _default;
+import * as React from 'react';
+import { UserProfile } from '@oneblink/types/typescript/misc';
+import { Chip } from '@mui/material';
+declare function ActionedByTableCell({ userProfile, developerKey, ...rest }: React.ComponentProps<typeof Chip> & {
+    userProfile?: UserProfile;
+    developerKey?: {
+        name: string;
+    };
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ActionedByTableCell>;
+export default _default;