@oneblink/apps-react 0.6.2-beta.3 → 1.0.0-beta.2

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+export declare const useRepeatableSetCellStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"divider" | "entriesWrapper" | "cellRowWrapper" | "cellValueWrapper">;
+declare type Props = {
+    value: Array<Record<string, unknown>>;
+    formElement: FormTypes.RepeatableSetElement;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

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

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { Typography, Divider } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
+import useBooleanState from '../../../hooks/useBooleanState';
+import generateColumns from './generateColumns';
+import { useTable } from 'react-table';
+import RepeatableSetCellAccordion from './RepeatableSetCellAccordion';
+export const useRepeatableSetCellStyles = makeStyles((theme) => {
+    return {
+        entriesWrapper: { width: '100%' },
+        cellRowWrapper: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            paddingBottom: theme.spacing(),
+            width: '100%',
+        },
+        cellValueWrapper: {
+            flex: 2,
+            marginLeft: theme.spacing(),
+            textAlign: 'right',
+            width: '100%',
+        },
+        divider: { margin: theme.spacing(1, -2) },
+    };
+});
+const RepeatableSetCell = ({ formElement, value }) => {
+    const classes = useRepeatableSetCellStyles();
+    const [isVisible, , , toggleVisibility] = useBooleanState(false);
+    const hasMultipleEntries = value.length > 1;
+    const columns = React.useMemo(() => generateColumns({
+        onChangeFilters: () => { },
+        formElements: formElement.elements,
+        parentElementNames: [],
+        initialColumns: [],
+        allowCopy: false,
+        filters: {},
+    }), [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("div", { className: classes.entriesWrapper }, 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("div", { className: classes.cellRowWrapper, key: cell.column.id },
+                        React.createElement("span", null,
+                            React.createElement(Typography, { color: "textSecondary", variant: "body2" },
+                                cell.column.headerText,
+                                ":")),
+                        React.createElement("span", { className: classes.cellValueWrapper }, cellValue)));
+                }),
+                !isLast && React.createElement(Divider, { className: classes.divider })));
+        }))));
+};
+export default React.memo(RepeatableSetCell);
+//# sourceMappingURL=RepeatableSetCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableSetCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Typography, Divider } from '@mui/material'\nimport makeStyles from '@mui/styles/makeStyles'\nimport { FormTypes } from '@oneblink/types'\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport generateColumns from './generateColumns'\nimport { useTable } from 'react-table'\nimport RepeatableSetCellAccordion from './RepeatableSetCellAccordion'\n\nexport const useRepeatableSetCellStyles = makeStyles((theme) => {\n  return {\n    entriesWrapper: { width: '100%' },\n    cellRowWrapper: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingBottom: theme.spacing(),\n      width: '100%',\n    },\n    cellValueWrapper: {\n      flex: 2,\n      marginLeft: theme.spacing(),\n      textAlign: 'right',\n      width: '100%',\n    },\n    divider: { margin: theme.spacing(1, -2) },\n  }\n})\n\ntype Props = {\n  value: Array<Record<string, unknown>>\n  formElement: FormTypes.RepeatableSetElement\n}\n\nconst RepeatableSetCell = ({ formElement, value }: Props) => {\n  const classes = useRepeatableSetCellStyles()\n  const [isVisible, , , toggleVisibility] = useBooleanState(false)\n  const hasMultipleEntries = value.length > 1\n  const columns = React.useMemo(\n    () =>\n      generateColumns({\n        onChangeFilters: () => {},\n        formElements: formElement.elements,\n        parentElementNames: [],\n        initialColumns: [],\n        allowCopy: false,\n        filters: {},\n      }),\n    [formElement.elements],\n  )\n  const { rows, prepareRow } = useTable({\n    columns,\n    data: value.map((entry) => ({ submission: entry })),\n  })\n\n  return (\n    <RepeatableSetCellAccordion\n      title={`${value.length} Entr${hasMultipleEntries ? 'ies' : 'y'}`}\n      isOpen={isVisible}\n      onChange={toggleVisibility}\n    >\n      <div className={classes.entriesWrapper}>\n        {rows.map((row, i) => {\n          const isLast = i === rows.length - 1\n          prepareRow(row)\n          return (\n            <React.Fragment key={row.id}>\n              {row.cells.map((cell) => {\n                const cellValue = cell.render('Cell')\n                if (!cellValue) return null\n                return (\n                  <div className={classes.cellRowWrapper} key={cell.column.id}>\n                    <span>\n                      <Typography color=\"textSecondary\" variant=\"body2\">\n                        {cell.column.headerText}:\n                      </Typography>\n                    </span>\n                    <span className={classes.cellValueWrapper}>\n                      {cellValue}\n                    </span>\n                  </div>\n                )\n              })}\n              {!isLast && <Divider className={classes.divider} />}\n            </React.Fragment>\n          )\n        })}\n      </div>\n    </RepeatableSetCellAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}

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

@@ -0,0 +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;

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

@@ -0,0 +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);
+//# sourceMappingURL=RepeatableSetCellAccordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableSetCellAccordion.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCellAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAShD,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzE,OAAO,CACL,oBAAC,eAAe,IACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,kBACL,0CAA0C;QAEvD,oBAAC,sBAAsB,IACrB,UAAU,EAAE,oBAAC,UAAU,OAAG,kBACb,kDAAkD;YAE/D,oBAAC,UAAU,QAAE,KAAK,CAAc,CACT;QACzB,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CAC3C,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  CustomAccordion,\n  CustomAccordionSummary,\n  CustomAccordionDetails,\n} from '../../CustomAccordion'\nimport { Typography } from '@mui/material'\nimport { ExpandMore } from '@mui/icons-material'\n\ntype Props = {\n  isOpen: boolean\n  onChange: () => void\n  title: string\n  children: React.ReactNode\n}\n\nconst RepeatableSetCell = ({ isOpen, onChange, title, children }: Props) => {\n  return (\n    <CustomAccordion\n      expanded={isOpen}\n      onChange={onChange}\n      data-cypress=\"form-store-repeatable-set-cell-accordion\"\n    >\n      <CustomAccordionSummary\n        expandIcon={<ExpandMore />}\n        data-cypress=\"form-store-repeatable-set-cell-accordion-summary\"\n      >\n        <Typography>{title}</Typography>\n      </CustomAccordionSummary>\n      <CustomAccordionDetails>{children}</CustomAccordionDetails>\n    </CustomAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellCopyButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/TableCellCopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,yBAAyB,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAE5D,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,UAAU,EAAE;QACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;QAC/C,SAAS,EAAE;YACT,oFAAoF;YACpF,eAAe,EAAE,SAAS;SAC3B;KACF;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;KACT;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,mBAAmB,CAAC,EAC3B,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAE,UAAU;QAClB,8BAAM,SAAS,EAAE,OAAO,CAAC,OAAO;YAC9B,oBAAC,yBAAyB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,GAAI,CACnE,CACF,CACR,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Zoom } from '@mui/material'\nimport makeStyles from '@mui/styles/makeStyles'\nimport CopyToClipboardIconButton from '../../CopyToClipboardIconButton'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\n\nconst useStyles = makeStyles((theme) => ({\n  iconButton: {\n    backgroundColor: theme.palette.background.paper,\n    '&:hover': {\n      // Rough equivalent of the color created by transparency `rgba(0,0,0,0.04)` on white\n      backgroundColor: '#f3f3f3',\n    },\n  },\n  wrapper: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n  },\n}))\n\nfunction TableCellCopyButton({\n  text,\n  isHidden,\n}: {\n  text: string\n  isHidden?: boolean\n}) {\n  const classes = useStyles()\n  const isHovering = useIsHovering()\n  if (isHidden) {\n    return null\n  }\n  return (\n    <Zoom in={isHovering}>\n      <span className={classes.wrapper}>\n        <CopyToClipboardIconButton text={text} className={classes.iconButton} />\n      </span>\n    </Zoom>\n  )\n}\n\nexport default React.memo(TableCellCopyButton)\n"]}

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

@@ -0,0 +1,18 @@
+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, onChangeFilters, filters, parentElementNames, initialColumns, allowCopy, }: {
+    formElements: (FormTypes.FormElement & {
+        tooltip?: string;
+    })[];
+    onChangeFilters: OnChangeFilters<formStoreService.FormStoreFilters>;
+    filters: formStoreService.FormStoreFilters;
+    parentElementNames: string[];
+    initialColumns: ColumnWithCell<T>[];
+    allowCopy: boolean;
+}) => ColumnWithCell<T>[];
+export default generateColumns;

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

@@ -0,0 +1,233 @@
+import * as React from 'react';
+import FormElementTableCell from './FormElementTableCell';
+function generateSorting({ formElement, parentElementNames, filters, }) {
+    var _a, _b;
+    switch (formElement.type) {
+        case 'text':
+        case 'textarea':
+        case 'number':
+        case 'email':
+        case 'telephone':
+        case 'barcodeScanner':
+        case 'date':
+        case 'datetime':
+        case 'time':
+        case 'calculation': {
+            const sortProperty = [
+                'submission',
+                ...parentElementNames,
+                formElement.name,
+            ].join('.');
+            return {
+                property: sortProperty,
+                direction: (_b = (_a = filters.sorting) === null || _a === void 0 ? void 0 : _a.find(({ property }) => property === sortProperty)) === null || _b === void 0 ? void 0 : _b.direction,
+            };
+        }
+    }
+}
+function generateFilter({ formElement, onChangeFilters, rootSubmissionFilters, parentElementNames, }) {
+    function onChange(newValue, shouldDebounce) {
+        onChangeFilters((currentFilters) => {
+            let newSubmission = {
+                [formElement.name]: newValue,
+            };
+            if (parentElementNames.length) {
+                const copy = [...parentElementNames];
+                while (copy.length) {
+                    const nestedSubmission = copy.reduce((memo, elementName) => memo === null || memo === void 0 ? void 0 : memo[elementName], rootSubmissionFilters);
+                    const elementName = copy.pop();
+                    if (elementName) {
+                        newSubmission = {
+                            [elementName]: {
+                                ...nestedSubmission,
+                                ...newSubmission,
+                            },
+                        };
+                    }
+                }
+            }
+            return {
+                ...currentFilters,
+                submission: {
+                    ...currentFilters.submission,
+                    ...newSubmission,
+                },
+            };
+        }, shouldDebounce);
+    }
+    const submissionFilters = parentElementNames.reduce((memo, elementName) => memo === null || memo === void 0 ? void 0 : memo[elementName], rootSubmissionFilters);
+    switch (formElement.type) {
+        case 'text':
+        case 'textarea':
+        case 'email':
+        case 'telephone':
+        case 'barcodeScanner': {
+            return {
+                type: 'TEXT',
+                value: submissionFilters === null || submissionFilters === void 0 ? void 0 : submissionFilters[formElement.name],
+                onChange,
+            };
+        }
+        case 'number':
+        case 'calculation': {
+            return {
+                type: 'NUMBER',
+                value: submissionFilters === null || submissionFilters === void 0 ? void 0 : submissionFilters[formElement.name],
+                onChange,
+            };
+        }
+        case 'checkboxes':
+        case 'select':
+        case 'radio':
+        case 'autocomplete': {
+            const value = submissionFilters === null || submissionFilters === void 0 ? void 0 : submissionFilters[formElement.name];
+            if (Array.isArray(formElement.options)) {
+                if ((formElement.type === 'select' && formElement.multi) ||
+                    formElement.type === 'checkboxes') {
+                    return {
+                        type: 'OPTIONS_MULTIPLE',
+                        value: value,
+                        options: formElement.options,
+                        onChange,
+                    };
+                }
+                else {
+                    return {
+                        type: 'OPTIONS_SINGLE',
+                        value: value,
+                        options: formElement.options,
+                        onChange,
+                    };
+                }
+            }
+            else {
+                return {
+                    type: 'TEXT',
+                    value: value,
+                    onChange,
+                };
+            }
+        }
+        case 'boolean':
+            return {
+                type: 'BOOLEAN',
+                value: submissionFilters === null || submissionFilters === void 0 ? void 0 : submissionFilters[formElement.name],
+                onChange,
+            };
+        case 'date': {
+            return {
+                type: 'DATE',
+                value: submissionFilters === null || submissionFilters === void 0 ? void 0 : submissionFilters[formElement.name],
+                onChange,
+            };
+        }
+        case 'datetime':
+            return {
+                type: 'DATETIME',
+                value: submissionFilters === null || submissionFilters === void 0 ? void 0 : submissionFilters[formElement.name],
+                onChange,
+            };
+        default: {
+            return undefined;
+        }
+    }
+}
+const generateColumns = ({ formElements, onChangeFilters, filters, parentElementNames, initialColumns, allowCopy, }) => {
+    return formElements.reduce((columns, formElement) => {
+        switch (formElement.type) {
+            case 'page':
+            case 'section': {
+                generateColumns({
+                    onChangeFilters,
+                    formElements: formElement.elements,
+                    parentElementNames,
+                    filters,
+                    initialColumns: columns,
+                    allowCopy,
+                });
+                break;
+            }
+            case 'form': {
+                if (formElement.elements) {
+                    generateColumns({
+                        onChangeFilters,
+                        formElements: formElement.elements,
+                        parentElementNames: [...parentElementNames, formElement.name],
+                        initialColumns: columns,
+                        filters,
+                        allowCopy,
+                    });
+                }
+                break;
+            }
+            case 'compliance': {
+                generateColumns({
+                    onChangeFilters,
+                    formElements: [
+                        {
+                            ...formElement,
+                            tooltip: formElement.name,
+                            type: 'radio',
+                            name: 'value',
+                            buttons: false,
+                        },
+                        {
+                            ...formElement,
+                            tooltip: `${formElement.name}_notes`,
+                            type: 'textarea',
+                            name: 'notes',
+                            label: `${formElement.label} (Notes)`,
+                        },
+                        {
+                            ...formElement,
+                            tooltip: `${formElement.name}_media`,
+                            type: 'files',
+                            restrictFileTypes: false,
+                            name: 'files',
+                            label: `${formElement.label} (Media)`,
+                        },
+                    ],
+                    parentElementNames: [...parentElementNames, formElement.name],
+                    initialColumns: columns,
+                    filters,
+                    allowCopy,
+                });
+                break;
+            }
+            case 'summary':
+            case 'captcha':
+            case 'html':
+            case 'heading':
+            case 'infoPage':
+            case 'image': {
+                break;
+            }
+            default: {
+                columns.push({
+                    id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join('_'),
+                    sorting: generateSorting({
+                        formElement,
+                        filters,
+                        parentElementNames,
+                    }),
+                    headerText: formElement.label,
+                    tooltip: formElement.tooltip || formElement.name,
+                    filter: generateFilter({
+                        parentElementNames,
+                        formElement,
+                        onChangeFilters,
+                        rootSubmissionFilters: filters.submission,
+                    }),
+                    Cell: ({ row: { original: formStoreRecord } }) => {
+                        const submission = parentElementNames.reduce((memo, elementName) => memo === null || memo === void 0 ? void 0 : memo[elementName], formStoreRecord.submission);
+                        return (React.createElement(FormElementTableCell, { formElement: formElement, submission: submission, allowCopy: allowCopy }));
+                    },
+                });
+                break;
+            }
+        }
+        return columns;
+    }, initialColumns);
+};
+export default generateColumns;
+//# sourceMappingURL=generateColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateColumns.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/generateColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAIzD,SAAS,eAAe,CAAC,EACvB,WAAW,EACX,kBAAkB,EAClB,OAAO,GAKR;;IACC,QAAQ,WAAW,CAAC,IAAI,EAAE;QACxB,KAAK,MAAM,CAAC;QACZ,KAAK,UAAU,CAAC;QAChB,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO,CAAC;QACb,KAAK,WAAW,CAAC;QACjB,KAAK,gBAAgB,CAAC;QACtB,KAAK,MAAM,CAAC;QACZ,KAAK,UAAU,CAAC;QAChB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC,CAAC;YAClB,MAAM,YAAY,GAAG;gBACnB,YAAY;gBACZ,GAAG,kBAAkB;gBACrB,WAAW,CAAC,IAAI;aACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACX,OAAO;gBACL,QAAQ,EAAE,YAAY;gBACtB,SAAS,EAAE,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,CAC9B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,KAAK,YAAY,CAC5C,0CAAE,SAAS;aACb,CAAA;SACF;KACF;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,WAAW,EACX,eAAe,EACf,qBAAqB,EACrB,kBAAkB,GAMnB;IACC,SAAS,QAAQ,CACf,QAAyD,EACzD,cAAuB;QAEvB,eAAe,CAAC,CAAC,cAAc,EAAE,EAAE;YACjC,IAAI,aAAa,GAAG;gBAClB,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ;aAC7B,CAAA;YAED,IAAI,kBAAkB,CAAC,MAAM,EAAE;gBAC7B,MAAM,IAAI,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAA;gBACpC,OAAO,IAAI,CAAC,MAAM,EAAE;oBAClB,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAGlC,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,CACpB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CACF,WAAW,CACuC,EACtD,qBAAqB,CACtB,CAAA;oBACD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;oBAC9B,IAAI,WAAW,EAAE;wBACf,aAAa,GAAG;4BACd,CAAC,WAAW,CAAC,EAAE;gCACb,GAAG,gBAAgB;gCACnB,GAAG,aAAa;6BACjB;yBACF,CAAA;qBACF;iBACF;aACF;YAED,OAAO;gBACL,GAAG,cAAc;gBACjB,UAAU,EAAE;oBACV,GAAG,cAAc,CAAC,UAAU;oBAC5B,GAAG,aAAa;iBACjB;aACmC,CAAA;QACxC,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC;IAED,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,CAGjD,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,CACpB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,WAAW,CAAoD,EACxE,qBAAqB,CACtB,CAAA;IACD,QAAQ,WAAW,CAAC,IAAI,EAAE;QACxB,KAAK,MAAM,CAAC;QACZ,KAAK,UAAU,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,WAAW,CAAC;QACjB,KAAK,gBAAgB,CAAC,CAAC;YACrB,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,IAAI,CAE9B;gBACb,QAAQ;aACT,CAAA;SACF;QACD,KAAK,QAAQ,CAAC;QACd,KAAK,aAAa,CAAC,CAAC;YAClB,OAAO;gBACL,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,IAAI,CAE9B;gBACb,QAAQ;aACT,CAAA;SACF;QACD,KAAK,YAAY,CAAC;QAClB,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO,CAAC;QACb,KAAK,cAAc,CAAC,CAAC;YACnB,MAAM,KAAK,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,IAAI,CAAC,CAAA;YACnD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;gBACtC,IACE,CAAC,WAAW,CAAC,IAAI,KAAK,QAAQ,IAAI,WAAW,CAAC,KAAK,CAAC;oBACpD,WAAW,CAAC,IAAI,KAAK,YAAY,EACjC;oBACA,OAAO;wBACL,IAAI,EAAE,kBAAkB;wBACxB,KAAK,EAAE,KAAsD;wBAC7D,OAAO,EAAE,WAAW,CAAC,OAAO;wBAC5B,QAAQ;qBACT,CAAA;iBACF;qBAAM;oBACL,OAAO;wBACL,IAAI,EAAE,gBAAgB;wBACtB,KAAK,EAAE,KAAsC;wBAC7C,OAAO,EAAE,WAAW,CAAC,OAAO;wBAC5B,QAAQ;qBACT,CAAA;iBACF;aACF;iBAAM;gBACL,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,KAAuC;oBAC9C,QAAQ;iBACT,CAAA;aACF;SACF;QACD,KAAK,SAAS;YACZ,OAAO;gBACL,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,IAAI,CAE9B;gBACb,QAAQ;aACT,CAAA;QACH,KAAK,MAAM,CAAC,CAAC;YACX,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,IAAI,CAE9B;gBACb,QAAQ;aACT,CAAA;SACF;QACD,KAAK,UAAU;YACb,OAAO;gBACL,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,IAAI,CAE9B;gBACb,QAAQ;aACT,CAAA;QACH,OAAO,CAAC,CAAC;YACP,OAAO,SAAS,CAAA;SACjB;KACF;AACH,CAAC;AAED,MAAM,eAAe,GAAG,CAEtB,EACA,YAAY,EACZ,eAAe,EACf,OAAO,EACP,kBAAkB,EAClB,cAAc,EACd,SAAS,GAQV,EAAE,EAAE;IACH,OAAO,YAAY,CAAC,MAAM,CACxB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE;QACvB,QAAQ,WAAW,CAAC,IAAI,EAAE;YACxB,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC,CAAC;gBACd,eAAe,CAAC;oBACd,eAAe;oBACf,YAAY,EAAE,WAAW,CAAC,QAAQ;oBAClC,kBAAkB;oBAClB,OAAO;oBACP,cAAc,EAAE,OAAO;oBACvB,SAAS;iBACV,CAAC,CAAA;gBACF,MAAK;aACN;YACD,KAAK,MAAM,CAAC,CAAC;gBACX,IAAI,WAAW,CAAC,QAAQ,EAAE;oBACxB,eAAe,CAAC;wBACd,eAAe;wBACf,YAAY,EAAE,WAAW,CAAC,QAAQ;wBAClC,kBAAkB,EAAE,CAAC,GAAG,kBAAkB,EAAE,WAAW,CAAC,IAAI,CAAC;wBAC7D,cAAc,EAAE,OAAO;wBACvB,OAAO;wBACP,SAAS;qBACV,CAAC,CAAA;iBACH;gBACD,MAAK;aACN;YACD,KAAK,YAAY,CAAC,CAAC;gBACjB,eAAe,CAAC;oBACd,eAAe;oBACf,YAAY,EAAE;wBACZ;4BACE,GAAG,WAAW;4BACd,OAAO,EAAE,WAAW,CAAC,IAAI;4BACzB,IAAI,EAAE,OAAO;4BACb,IAAI,EAAE,OAAO;4BACb,OAAO,EAAE,KAAK;yBACf;wBACD;4BACE,GAAG,WAAW;4BACd,OAAO,EAAE,GAAG,WAAW,CAAC,IAAI,QAAQ;4BACpC,IAAI,EAAE,UAAU;4BAChB,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,GAAG,WAAW,CAAC,KAAK,UAAU;yBACtC;wBACD;4BACE,GAAG,WAAW;4BACd,OAAO,EAAE,GAAG,WAAW,CAAC,IAAI,QAAQ;4BACpC,IAAI,EAAE,OAAO;4BACb,iBAAiB,EAAE,KAAK;4BACxB,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,GAAG,WAAW,CAAC,KAAK,UAAU;yBACtC;qBACF;oBACD,kBAAkB,EAAE,CAAC,GAAG,kBAAkB,EAAE,WAAW,CAAC,IAAI,CAAC;oBAC7D,cAAc,EAAE,OAAO;oBACvB,OAAO;oBACP,SAAS;iBACV,CAAC,CAAA;gBACF,MAAK;aACN;YACD,KAAK,SAAS,CAAC;YACf,KAAK,SAAS,CAAC;YACf,KAAK,MAAM,CAAC;YACZ,KAAK,SAAS,CAAC;YACf,KAAK,UAAU,CAAC;YAChB,KAAK,OAAO,CAAC,CAAC;gBACZ,MAAK;aACN;YACD,OAAO,CAAC,CAAC;gBACP,OAAO,CAAC,IAAI,CAAC;oBACX,EAAE,EAAE,CAAC,cAAc,EAAE,GAAG,kBAAkB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAChE,GAAG,CACJ;oBACD,OAAO,EAAE,eAAe,CAAC;wBACvB,WAAW;wBACX,OAAO;wBACP,kBAAkB;qBACnB,CAAC;oBACF,UAAU,EAAE,WAAW,CAAC,KAAK;oBAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI;oBAChD,MAAM,EAAE,cAAc,CAAC;wBACrB,kBAAkB;wBAClB,WAAW;wBACX,eAAe;wBACf,qBAAqB,EAAE,OAAO,CAAC,UAAU;qBAC1C,CAAC;oBACF,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAgB,EAAE,EAAE;wBAC7D,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,CAG1C,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,WAAW,CAAC,EAC1C,eAAe,CAAC,UAAU,CAC3B,CAAA;wBACD,OAAO,CACL,oBAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;oBACH,CAAC;iBACF,CAAC,CAAA;gBACF,MAAK;aACN;SACF;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EACD,cAAc,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { Column as ColumnWithCell, CellProps } from 'react-table'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementTableCell from './FormElementTableCell'\nimport { formStoreService } from '@oneblink/apps'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\n\nfunction generateSorting({\n  formElement,\n  parentElementNames,\n  filters,\n}: {\n  formElement: FormTypes.FormElementWithName\n  parentElementNames: string[]\n  filters: formStoreService.FormStoreFilters\n}) {\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'number':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner':\n    case 'date':\n    case 'datetime':\n    case 'time':\n    case 'calculation': {\n      const sortProperty = [\n        'submission',\n        ...parentElementNames,\n        formElement.name,\n      ].join('.')\n      return {\n        property: sortProperty,\n        direction: filters.sorting?.find(\n          ({ property }) => property === sortProperty,\n        )?.direction,\n      }\n    }\n  }\n}\n\nfunction generateFilter({\n  formElement,\n  onChangeFilters,\n  rootSubmissionFilters,\n  parentElementNames,\n}: {\n  formElement: FormTypes.FormElementWithName\n  onChangeFilters: OnChangeFilters<formStoreService.FormStoreFilters>\n  rootSubmissionFilters: formStoreService.FormStoreFilters['submission']\n  parentElementNames: string[]\n}): ColumnWithCell<Record<string, unknown>>['filter'] {\n  function onChange<T>(\n    newValue: formStoreService.FormStoreFilter<T> | undefined,\n    shouldDebounce: boolean,\n  ) {\n    onChangeFilters((currentFilters) => {\n      let newSubmission = {\n        [formElement.name]: newValue,\n      }\n\n      if (parentElementNames.length) {\n        const copy = [...parentElementNames]\n        while (copy.length) {\n          const nestedSubmission = copy.reduce<\n            formStoreService.FormStoreFilters['submission']\n          >(\n            (memo, elementName) =>\n              memo?.[\n                elementName\n              ] as formStoreService.FormStoreFilters['submission'],\n            rootSubmissionFilters,\n          )\n          const elementName = copy.pop()\n          if (elementName) {\n            newSubmission = {\n              [elementName]: {\n                ...nestedSubmission,\n                ...newSubmission,\n              },\n            }\n          }\n        }\n      }\n\n      return {\n        ...currentFilters,\n        submission: {\n          ...currentFilters.submission,\n          ...newSubmission,\n        },\n      } as formStoreService.FormStoreFilters\n    }, shouldDebounce)\n  }\n\n  const submissionFilters = parentElementNames.reduce<\n    formStoreService.FormStoreFilters['submission']\n  >(\n    (memo, elementName) =>\n      memo?.[elementName] as formStoreService.FormStoreFilters['submission'],\n    rootSubmissionFilters,\n  )\n  switch (formElement.type) {\n    case 'text':\n    case 'textarea':\n    case 'email':\n    case 'telephone':\n    case 'barcodeScanner': {\n      return {\n        type: 'TEXT',\n        value: submissionFilters?.[formElement.name] as\n          | { $regex: string; $options?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'number':\n    case 'calculation': {\n      return {\n        type: 'NUMBER',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: number; $lte?: number }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'checkboxes':\n    case 'select':\n    case 'radio':\n    case 'autocomplete': {\n      const value = submissionFilters?.[formElement.name]\n      if (Array.isArray(formElement.options)) {\n        if (\n          (formElement.type === 'select' && formElement.multi) ||\n          formElement.type === 'checkboxes'\n        ) {\n          return {\n            type: 'OPTIONS_MULTIPLE',\n            value: value as { $elemMatch: { $in: string[] } } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        } else {\n          return {\n            type: 'OPTIONS_SINGLE',\n            value: value as { $in: string[] } | undefined,\n            options: formElement.options,\n            onChange,\n          }\n        }\n      } else {\n        return {\n          type: 'TEXT',\n          value: value as { $regex: string } | undefined,\n          onChange,\n        }\n      }\n    }\n    case 'boolean':\n      return {\n        type: 'BOOLEAN',\n        value: submissionFilters?.[formElement.name] as\n          | { $eq: boolean }\n          | undefined,\n        onChange,\n      }\n    case 'date': {\n      return {\n        type: 'DATE',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    }\n    case 'datetime':\n      return {\n        type: 'DATETIME',\n        value: submissionFilters?.[formElement.name] as\n          | { $gte?: string; $lte?: string }\n          | undefined,\n        onChange,\n      }\n    default: {\n      return undefined\n    }\n  }\n}\n\nconst generateColumns = <\n  T extends { submission: FormStoreRecord['submission'] },\n>({\n  formElements,\n  onChangeFilters,\n  filters,\n  parentElementNames,\n  initialColumns,\n  allowCopy,\n}: {\n  formElements: (FormTypes.FormElement & { tooltip?: string })[]\n  onChangeFilters: OnChangeFilters<formStoreService.FormStoreFilters>\n  filters: formStoreService.FormStoreFilters\n  parentElementNames: string[]\n  initialColumns: Array<ColumnWithCell<T>>\n  allowCopy: boolean\n}) => {\n  return formElements.reduce<Array<ColumnWithCell<T>>>(\n    (columns, formElement) => {\n      switch (formElement.type) {\n        case 'page':\n        case 'section': {\n          generateColumns({\n            onChangeFilters,\n            formElements: formElement.elements,\n            parentElementNames,\n            filters,\n            initialColumns: columns,\n            allowCopy,\n          })\n          break\n        }\n        case 'form': {\n          if (formElement.elements) {\n            generateColumns({\n              onChangeFilters,\n              formElements: formElement.elements,\n              parentElementNames: [...parentElementNames, formElement.name],\n              initialColumns: columns,\n              filters,\n              allowCopy,\n            })\n          }\n          break\n        }\n        case 'compliance': {\n          generateColumns({\n            onChangeFilters,\n            formElements: [\n              {\n                ...formElement,\n                tooltip: formElement.name,\n                type: 'radio',\n                name: 'value',\n                buttons: false,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_notes`,\n                type: 'textarea',\n                name: 'notes',\n                label: `${formElement.label} (Notes)`,\n              },\n              {\n                ...formElement,\n                tooltip: `${formElement.name}_media`,\n                type: 'files',\n                restrictFileTypes: false,\n                name: 'files',\n                label: `${formElement.label} (Media)`,\n              },\n            ],\n            parentElementNames: [...parentElementNames, formElement.name],\n            initialColumns: columns,\n            filters,\n            allowCopy,\n          })\n          break\n        }\n        case 'summary':\n        case 'captcha':\n        case 'html':\n        case 'heading':\n        case 'infoPage':\n        case 'image': {\n          break\n        }\n        default: {\n          columns.push({\n            id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join(\n              '_',\n            ),\n            sorting: generateSorting({\n              formElement,\n              filters,\n              parentElementNames,\n            }),\n            headerText: formElement.label,\n            tooltip: formElement.tooltip || formElement.name,\n            filter: generateFilter({\n              parentElementNames,\n              formElement,\n              onChangeFilters,\n              rootSubmissionFilters: filters.submission,\n            }),\n            Cell: ({ row: { original: formStoreRecord } }: CellProps<T>) => {\n              const submission = parentElementNames.reduce<\n                SubmissionTypes.S3SubmissionData['submission']\n              >(\n                (memo, elementName) => memo?.[elementName],\n                formStoreRecord.submission,\n              )\n              return (\n                <FormElementTableCell\n                  formElement={formElement}\n                  submission={submission}\n                  allowCopy={allowCopy}\n                />\n              )\n            },\n          })\n          break\n        }\n      }\n      return columns\n    },\n    initialColumns,\n  )\n}\n\nexport default generateColumns\n"]}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { TableInstance } from 'react-table';
+import { SubmissionTypes } from '@oneblink/types';
+import { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad';
+import { formStoreService } from '@oneblink/apps';
+declare type FormStoreTableInstance = TableInstance<SubmissionTypes.FormStoreRecord>;
+declare function FormStoreTable({ getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, isEmptyResults, onChangeFilters, }: {
+    getTableProps: FormStoreTableInstance['getTableProps'];
+    getTableBodyProps: FormStoreTableInstance['getTableBodyProps'];
+    headerGroups: FormStoreTableInstance['headerGroups'];
+    rows: FormStoreTableInstance['rows'];
+    prepareRow: FormStoreTableInstance['prepareRow'];
+    isEmptyResults: boolean;
+    onChangeFilters: OnChangeFilters<formStoreService.FormStoreFilters>;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormStoreTable>;
+export default _default;