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

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

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import { Typography, Divider as MuiDivider, styled } from '@mui/material';
-import useBooleanState from '../../../hooks/useBooleanState';
-import generateColumns from './generateColumns';
-import { useTable } from 'react-table';
-import RepeatableSetCellAccordion from './RepeatableSetCellAccordion';
-const Wrapper = styled('div')({
-    width: '100%',
-});
-const CellRow = styled('div')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingBottom: theme.spacing(),
-    width: '100%',
-}));
-const CellValue = styled('span')(({ theme }) => ({
-    flex: 2,
-    marginLeft: theme.spacing(),
-    textAlign: 'right',
-    width: '100%',
-}));
-const Divider = styled(MuiDivider)(({ theme }) => ({
-    margin: theme.spacing(1, -2),
-}));
-const RepeatableSetCell = ({ formElement, value }) => {
-    const [isVisible, , , toggleVisibility] = useBooleanState(false);
-    const hasMultipleEntries = value.length > 1;
-    const columns = React.useMemo(() => generateColumns({
-        onChangeParameters: () => { },
-        formElements: formElement.elements,
-        parentElementNames: [],
-        initialColumns: [],
-        allowCopy: false,
-        filters: undefined,
-        sorting: undefined,
-        unwindRepeatableSets: undefined,
-    }), [formElement.elements]);
-    const { rows, prepareRow } = useTable({
-        columns,
-        data: value.map((entry) => ({ submission: entry })),
-    });
-    return (React.createElement(RepeatableSetCellAccordion, { title: `${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`, isOpen: isVisible, onChange: toggleVisibility },
-        React.createElement(Wrapper, null, rows.map((row, i) => {
-            const isLast = i === rows.length - 1;
-            prepareRow(row);
-            return (React.createElement(React.Fragment, { key: row.id },
-                row.cells.map((cell) => {
-                    const cellValue = cell.render('Cell');
-                    if (!cellValue)
-                        return null;
-                    return (React.createElement(CellRow, { key: cell.column.id },
-                        React.createElement("span", null,
-                            React.createElement(Typography, { color: "textSecondary", variant: "body2" },
-                                cell.column.headerText,
-                                ":")),
-                        React.createElement(CellValue, null, cellValue)));
-                }),
-                !isLast && React.createElement(Divider, null)));
-        }))));
-};
-export default React.memo(RepeatableSetCell);
+import * as React from 'react';
+import { Typography, Divider as MuiDivider, styled } from '@mui/material';
+import useBooleanState from '../../../hooks/useBooleanState';
+import generateColumns from './generateColumns';
+import { useTable } from 'react-table';
+import RepeatableSetCellAccordion from './RepeatableSetCellAccordion';
+const Wrapper = styled('div')({
+    width: '100%',
+});
+const CellRow = styled('div')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingBottom: theme.spacing(),
+    width: '100%',
+}));
+const CellValue = styled('span')(({ theme }) => ({
+    flex: 2,
+    marginLeft: theme.spacing(),
+    textAlign: 'right',
+    width: '100%',
+}));
+const Divider = styled(MuiDivider)(({ theme }) => ({
+    margin: theme.spacing(1, -2),
+}));
+const RepeatableSetCell = ({ formElement, value }) => {
+    const [isVisible, , , toggleVisibility] = useBooleanState(false);
+    const hasMultipleEntries = value.length > 1;
+    const columns = React.useMemo(() => generateColumns({
+        onChangeParameters: () => { },
+        formElements: formElement.elements,
+        parentElementNames: [],
+        initialColumns: [],
+        allowCopy: false,
+        filters: undefined,
+        sorting: undefined,
+        unwindRepeatableSets: undefined,
+    }), [formElement.elements]);
+    const { rows, prepareRow } = useTable({
+        columns,
+        data: value.map((entry) => ({ submission: entry })),
+    });
+    return (React.createElement(RepeatableSetCellAccordion, { title: `${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`, isOpen: isVisible, onChange: toggleVisibility },
+        React.createElement(Wrapper, null, rows.map((row, i) => {
+            const isLast = i === rows.length - 1;
+            prepareRow(row);
+            return (React.createElement(React.Fragment, { key: row.id },
+                row.cells.map((cell) => {
+                    const cellValue = cell.render('Cell');
+                    if (!cellValue)
+                        return null;
+                    return (React.createElement(CellRow, { key: cell.column.id },
+                        React.createElement("span", null,
+                            React.createElement(Typography, { color: "textSecondary", variant: "body2" },
+                                cell.column.headerText,
+                                ":")),
+                        React.createElement(CellValue, null, cellValue)));
+                }),
+                !isLast && React.createElement(Divider, null)));
+        }))));
+};
+export default React.memo(RepeatableSetCell);
 //# sourceMappingURL=RepeatableSetCell.js.map

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-declare type Props = {
-    isOpen: boolean;
-    onChange: () => void;
-    title: string;
-    children: React.ReactNode;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+declare type Props = {
+    isOpen: boolean;
+    onChange: () => void;
+    title: string;
+    children: React.ReactNode;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { CustomAccordion, CustomAccordionSummary, CustomAccordionDetails, } from '../../CustomAccordion';
-import { Typography } from '@mui/material';
-import { ExpandMore } from '@mui/icons-material';
-const RepeatableSetCell = ({ isOpen, onChange, title, children }) => {
-    return (React.createElement(CustomAccordion, { expanded: isOpen, onChange: onChange, "data-cypress": "form-store-repeatable-set-cell-accordion" },
-        React.createElement(CustomAccordionSummary, { expandIcon: React.createElement(ExpandMore, null), "data-cypress": "form-store-repeatable-set-cell-accordion-summary" },
-            React.createElement(Typography, null, title)),
-        React.createElement(CustomAccordionDetails, null, children)));
-};
-export default React.memo(RepeatableSetCell);
+import * as React from 'react';
+import { CustomAccordion, CustomAccordionSummary, CustomAccordionDetails, } from '../../CustomAccordion';
+import { Typography } from '@mui/material';
+import { ExpandMore } from '@mui/icons-material';
+const RepeatableSetCell = ({ isOpen, onChange, title, children }) => {
+    return (React.createElement(CustomAccordion, { expanded: isOpen, onChange: onChange, "data-cypress": "form-store-repeatable-set-cell-accordion" },
+        React.createElement(CustomAccordionSummary, { expandIcon: React.createElement(ExpandMore, null), "data-cypress": "form-store-repeatable-set-cell-accordion-summary" },
+            React.createElement(Typography, null, title)),
+        React.createElement(CustomAccordionDetails, null, children)));
+};
+export default React.memo(RepeatableSetCell);
 //# sourceMappingURL=RepeatableSetCellAccordion.js.map

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-declare function TableCellCopyButton({ text, isHidden, }: {
-    text: string;
-    isHidden?: boolean;
-}): JSX.Element | null;
-declare const _default: React.MemoExoticComponent<typeof TableCellCopyButton>;
-export default _default;
+import * as React from 'react';
+declare function TableCellCopyButton({ text, isHidden, }: {
+    text: string;
+    isHidden?: boolean;
+}): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof TableCellCopyButton>;
+export default _default;

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

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { Zoom } from '@mui/material';
-import CopyToClipboardIconButton from '../../CopyToClipboardIconButton';
-import { useIsHovering } from '../../../hooks/useIsHovering';
-import { styled } from '@mui/material/styles';
-function TableCellCopyButton({ text, isHidden, }) {
-    const isHovering = useIsHovering();
-    if (isHidden) {
-        return null;
-    }
-    return (React.createElement(Zoom, { in: isHovering },
-        React.createElement(StyledSpan, null,
-            React.createElement(StyledCopyToClipbaordButton, { text: text }))));
-}
-const StyledSpan = styled('span')(() => ({
-    position: 'absolute',
-    top: 0,
-    right: 0,
-}));
-const StyledCopyToClipbaordButton = styled(CopyToClipboardIconButton)(({ theme }) => ({
-    backgroundColor: theme.palette.background.paper,
-    '&:hover': {
-        // Rough equivalent of the color created by transparency `rgba(0,0,0,0.04)` on white
-        backgroundColor: '#f3f3f3',
-    },
-}));
-export default React.memo(TableCellCopyButton);
+import * as React from 'react';
+import { Zoom } from '@mui/material';
+import CopyToClipboardIconButton from '../../CopyToClipboardIconButton';
+import { useIsHovering } from '../../../hooks/useIsHovering';
+import { styled } from '@mui/material/styles';
+function TableCellCopyButton({ text, isHidden, }) {
+    const isHovering = useIsHovering();
+    if (isHidden) {
+        return null;
+    }
+    return (React.createElement(Zoom, { in: isHovering },
+        React.createElement(StyledSpan, null,
+            React.createElement(StyledCopyToClipbaordButton, { text: text }))));
+}
+const StyledSpan = styled('span')(() => ({
+    position: 'absolute',
+    top: 0,
+    right: 0,
+}));
+const StyledCopyToClipbaordButton = styled(CopyToClipboardIconButton)(({ theme }) => ({
+    backgroundColor: theme.palette.background.paper,
+    '&:hover': {
+        // Rough equivalent of the color created by transparency `rgba(0,0,0,0.04)` on white
+        backgroundColor: '#f3f3f3',
+    },
+}));
+export default React.memo(TableCellCopyButton);
 //# sourceMappingURL=TableCellCopyButton.js.map

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

@@ -1,24 +1,24 @@
-import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
-import { Column as ColumnWithCell } from 'react-table';
-import { FormTypes } from '@oneblink/types';
-import { formStoreService } from '@oneblink/apps';
-import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
-declare const generateColumns: <T extends {
-    submission: FormStoreRecord['submission'];
-}>({ formElements, onChangeParameters, filters, sorting, unwindRepeatableSets, parentElementNames, initialColumns, allowCopy, }: {
-    formElements: (FormTypes.FormElement & {
-        tooltip?: string;
-    })[];
-    onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
-    parentElementNames: string[];
-    initialColumns: ColumnWithCell<T>[];
-    allowCopy: boolean;
-} & {
-    filters: formStoreService.FormStoreFilters | undefined;
-    unwindRepeatableSets: boolean | undefined;
-    sorting: {
-        property: string;
-        direction: "ascending" | "descending";
-    }[] | undefined;
-}) => ColumnWithCell<T>[];
-export default generateColumns;
+import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
+import { Column as ColumnWithCell } from 'react-table';
+import { FormTypes } from '@oneblink/types';
+import { formStoreService } from '@oneblink/apps';
+import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
+declare const generateColumns: <T extends {
+    submission: FormStoreRecord['submission'];
+}>({ formElements, onChangeParameters, filters, sorting, unwindRepeatableSets, parentElementNames, initialColumns, allowCopy, }: {
+    formElements: (FormTypes.FormElement & {
+        tooltip?: string;
+    })[];
+    onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>;
+    parentElementNames: string[];
+    initialColumns: ColumnWithCell<T>[];
+    allowCopy: boolean;
+} & {
+    filters: formStoreService.FormStoreFilters | undefined;
+    unwindRepeatableSets: boolean | undefined;
+    sorting: {
+        property: string;
+        direction: "ascending" | "descending";
+    }[] | undefined;
+}) => ColumnWithCell<T>[];
+export default generateColumns;