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

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

@@ -1,291 +1,291 @@
-import * as React from 'react';
-import FormElementTableCell from './FormElementTableCell';
-import generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements';
-function generateSorting({ formElement, parentElementNames, sorting, }) {
-    var _a;
-    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: (_a = sorting === null || sorting === void 0 ? void 0 : sorting.find(({ property }) => property === sortProperty)) === null || _a === void 0 ? void 0 : _a.direction,
-            };
-        }
-    }
-}
-function generateFilter({ formElement, onChangeParameters, rootSubmissionFilters, parentElementNames, }) {
-    function onChange(newValue, shouldDebounce) {
-        onChangeParameters((currentParameters) => {
-            var _a;
-            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 {
-                ...currentParameters,
-                filters: {
-                    ...currentParameters.filters,
-                    submission: {
-                        ...(_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.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, onChangeParameters, filters, sorting, unwindRepeatableSets, parentElementNames, initialColumns, allowCopy, }) => {
-    return formElements.reduce((columns, formElement) => {
-        if (unwindRepeatableSets && formElement.type === 'repeatableSet') {
-            generateColumns({
-                onChangeParameters,
-                formElements: formElement.elements,
-                parentElementNames: [...parentElementNames, formElement.name],
-                initialColumns: columns,
-                filters,
-                allowCopy,
-                sorting,
-                unwindRepeatableSets,
-            });
-            return columns;
-        }
-        switch (formElement.type) {
-            case 'page':
-            case 'section': {
-                generateColumns({
-                    onChangeParameters,
-                    formElements: formElement.elements,
-                    parentElementNames,
-                    filters,
-                    initialColumns: columns,
-                    allowCopy,
-                    sorting,
-                    unwindRepeatableSets,
-                });
-                break;
-            }
-            case 'form': {
-                if (formElement.elements) {
-                    generateColumns({
-                        onChangeParameters,
-                        formElements: formElement.elements,
-                        parentElementNames: [...parentElementNames, formElement.name],
-                        initialColumns: columns,
-                        filters,
-                        allowCopy,
-                        sorting,
-                        unwindRepeatableSets,
-                    });
-                }
-                break;
-            }
-            case 'compliance': {
-                generateColumns({
-                    onChangeParameters,
-                    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,
-                    sorting,
-                    unwindRepeatableSets,
-                });
-                break;
-            }
-            case 'freshdeskDependentField': {
-                const [categoryFormElement, subCategoryFormElement, itemFormElement] = generateFreshdeskDependentFieldElements(formElement, 
-                // Setting this, because we need all 3 elements to be returned and each will only be returned if the preceding field had a value
-                {
-                    category: 'category',
-                    subCategory: 'subCategory',
-                    item: 'item',
-                });
-                generateColumns({
-                    onChangeParameters,
-                    formElements: [
-                        {
-                            ...categoryFormElement,
-                            tooltip: `${formElement.name}_category`,
-                        },
-                        {
-                            ...subCategoryFormElement,
-                            tooltip: `${formElement.name}_sub_category`,
-                        },
-                        {
-                            ...itemFormElement,
-                            tooltip: `${formElement.name}_item`,
-                        },
-                    ],
-                    parentElementNames: [...parentElementNames, formElement.name],
-                    initialColumns: columns,
-                    filters,
-                    allowCopy,
-                    sorting,
-                    unwindRepeatableSets,
-                });
-                break;
-            }
-            case 'summary':
-            case 'captcha':
-            case 'html':
-            case 'heading':
-            case 'infoPage':
-            case 'image': {
-                break;
-            }
-            default: {
-                columns.push({
-                    formElementType: formElement.type,
-                    id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join('_'),
-                    sorting: generateSorting({
-                        formElement,
-                        sorting,
-                        parentElementNames,
-                    }),
-                    headerText: formElement.label,
-                    tooltip: formElement.tooltip || formElement.name,
-                    filter: generateFilter({
-                        parentElementNames,
-                        formElement,
-                        onChangeParameters,
-                        rootSubmissionFilters: filters === null || filters === void 0 ? void 0 : 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;
+import * as React from 'react';
+import FormElementTableCell from './FormElementTableCell';
+import generateFreshdeskDependentFieldElements from '../../../services/generateFreshdeskDependentFieldElements';
+function generateSorting({ formElement, parentElementNames, sorting, }) {
+    var _a;
+    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: (_a = sorting === null || sorting === void 0 ? void 0 : sorting.find(({ property }) => property === sortProperty)) === null || _a === void 0 ? void 0 : _a.direction,
+            };
+        }
+    }
+}
+function generateFilter({ formElement, onChangeParameters, rootSubmissionFilters, parentElementNames, }) {
+    function onChange(newValue, shouldDebounce) {
+        onChangeParameters((currentParameters) => {
+            var _a;
+            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 {
+                ...currentParameters,
+                filters: {
+                    ...currentParameters.filters,
+                    submission: {
+                        ...(_a = currentParameters.filters) === null || _a === void 0 ? void 0 : _a.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, onChangeParameters, filters, sorting, unwindRepeatableSets, parentElementNames, initialColumns, allowCopy, }) => {
+    return formElements.reduce((columns, formElement) => {
+        if (unwindRepeatableSets && formElement.type === 'repeatableSet') {
+            generateColumns({
+                onChangeParameters,
+                formElements: formElement.elements,
+                parentElementNames: [...parentElementNames, formElement.name],
+                initialColumns: columns,
+                filters,
+                allowCopy,
+                sorting,
+                unwindRepeatableSets,
+            });
+            return columns;
+        }
+        switch (formElement.type) {
+            case 'page':
+            case 'section': {
+                generateColumns({
+                    onChangeParameters,
+                    formElements: formElement.elements,
+                    parentElementNames,
+                    filters,
+                    initialColumns: columns,
+                    allowCopy,
+                    sorting,
+                    unwindRepeatableSets,
+                });
+                break;
+            }
+            case 'form': {
+                if (formElement.elements) {
+                    generateColumns({
+                        onChangeParameters,
+                        formElements: formElement.elements,
+                        parentElementNames: [...parentElementNames, formElement.name],
+                        initialColumns: columns,
+                        filters,
+                        allowCopy,
+                        sorting,
+                        unwindRepeatableSets,
+                    });
+                }
+                break;
+            }
+            case 'compliance': {
+                generateColumns({
+                    onChangeParameters,
+                    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,
+                    sorting,
+                    unwindRepeatableSets,
+                });
+                break;
+            }
+            case 'freshdeskDependentField': {
+                const [categoryFormElement, subCategoryFormElement, itemFormElement] = generateFreshdeskDependentFieldElements(formElement, 
+                // Setting this, because we need all 3 elements to be returned and each will only be returned if the preceding field had a value
+                {
+                    category: 'category',
+                    subCategory: 'subCategory',
+                    item: 'item',
+                });
+                generateColumns({
+                    onChangeParameters,
+                    formElements: [
+                        {
+                            ...categoryFormElement,
+                            tooltip: `${formElement.name}_category`,
+                        },
+                        {
+                            ...subCategoryFormElement,
+                            tooltip: `${formElement.name}_sub_category`,
+                        },
+                        {
+                            ...itemFormElement,
+                            tooltip: `${formElement.name}_item`,
+                        },
+                    ],
+                    parentElementNames: [...parentElementNames, formElement.name],
+                    initialColumns: columns,
+                    filters,
+                    allowCopy,
+                    sorting,
+                    unwindRepeatableSets,
+                });
+                break;
+            }
+            case 'summary':
+            case 'captcha':
+            case 'html':
+            case 'heading':
+            case 'infoPage':
+            case 'image': {
+                break;
+            }
+            default: {
+                columns.push({
+                    formElementType: formElement.type,
+                    id: ['FORM_ELEMENT', ...parentElementNames, formElement.name].join('_'),
+                    sorting: generateSorting({
+                        formElement,
+                        sorting,
+                        parentElementNames,
+                    }),
+                    headerText: formElement.label,
+                    tooltip: formElement.tooltip || formElement.name,
+                    filter: generateFilter({
+                        parentElementNames,
+                        formElement,
+                        onChangeParameters,
+                        rootSubmissionFilters: filters === null || filters === void 0 ? void 0 : 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/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;