@formio/js 5.0.0-rc.27 → 5.0.0-rc.28

package/lib/cjs/components/tree/Tree.form.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Component_form_1 = __importDefault(require("../_classes/component/Component.form"));
-const Tree_edit_data_1 = __importDefault(require("./editForm/Tree.edit.data"));
-const Tree_edit_display_1 = __importDefault(require("./editForm/Tree.edit.display"));
-function default_1(...extend) {
-    return (0, Component_form_1.default)([
-        {
-            key: 'display',
-            components: Tree_edit_display_1.default,
-        },
-        {
-            key: 'data',
-            components: Tree_edit_data_1.default,
-        },
-    ], ...extend);
-}
-exports.default = default_1;

package/lib/cjs/components/tree/Tree.js

@@ -1,383 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const lodash_1 = __importDefault(require("lodash"));
-const Component_1 = __importDefault(require("../_classes/component/Component"));
-const Components_1 = __importDefault(require("../Components"));
-const NestedDataComponent_1 = __importDefault(require("../_classes/nesteddata/NestedDataComponent"));
-const Node_1 = __importDefault(require("./Node"));
-class TreeComponent extends NestedDataComponent_1.default {
-    static schema(...extend) {
-        return NestedDataComponent_1.default.schema({
-            label: 'Tree',
-            key: 'tree',
-            type: 'tree',
-            clearOnHide: true,
-            input: true,
-            tree: true,
-            components: [],
-            multiple: false,
-        }, ...extend);
-    }
-    static get builderInfo() {
-        return {
-            title: 'Tree',
-            icon: 'indent',
-            weight: 40,
-            documentation: '/userguide/form-building/data-components#tree',
-            showPreview: false,
-            schema: TreeComponent.schema(),
-        };
-    }
-    constructor(...args) {
-        super(...args);
-        this.type = 'tree';
-    }
-    get emptyValue() {
-        return {};
-    }
-    get viewComponents() {
-        if (!this.viewComponentsInstantiated) {
-            this.viewComponentsInstantiated = true;
-            this._viewComponents = this.createComponents({});
-        }
-        return this._viewComponents;
-    }
-    init() {
-        if (this.builderMode) {
-            return super.init();
-        }
-        this.components = [];
-        this.componentOptions = Object.assign(Object.assign({}, this.options), { parent: this, root: this.root || this });
-        this.disabled = this.shouldDisabled;
-        this.setRoot();
-        this.viewComponentsInstantiated = false;
-        this._viewComponents = [];
-    }
-    get disabled() {
-        return super.disabled;
-    }
-    set disabled(disabled) {
-        super.disabled = disabled;
-        this.viewComponents.forEach((component) => component.parentDisabled = disabled);
-    }
-    get isDefaultValueComponent() {
-        return !!this.options.editComponent && !!this.options.editForm && this.component.key === 'defaultValue';
-    }
-    destroy(all = false) {
-        if (!this.builderMode) {
-            this.removeComponents(this._viewComponents, all);
-        }
-        super.destroy(all);
-    }
-    createComponents(data, node) {
-        const components = this.componentComponents.map((component) => {
-            const componentInstance = Components_1.default.create(component, this.componentOptions, data);
-            componentInstance.init();
-            componentInstance.parentDisabled = this.disabled;
-            return componentInstance;
-        });
-        if (node) {
-            this.checkNode(this.data, node);
-        }
-        return components;
-    }
-    removeComponents(components, all = false) {
-        return components.map((component) => component.destroy(all));
-    }
-    render() {
-        if (this.builderMode) {
-            return super.render();
-        }
-        return super.render(this.renderTree(this.treeRoot));
-    }
-    renderTree(node = {}, odd = true) {
-        const childNodes = (node.hasChildren && !node.collapsed)
-            ? this.renderChildNodes(node.children, !odd)
-            : [];
-        const content = node.changing
-            ? this.renderEdit(node)
-            : this.renderView(node);
-        return this.renderTemplate('tree', {
-            odd,
-            childNodes,
-            content,
-            node,
-        });
-    }
-    renderChildNodes(nodes = [], odd) {
-        return nodes.map((node) => this.renderTree(node, odd));
-    }
-    renderEdit(node = {}) {
-        return this.renderTemplate('treeEdit', {
-            children: this.renderComponents(node.components),
-            node,
-        });
-    }
-    renderView(node = {}) {
-        return this.renderTemplate('treeView', {
-            values: this.viewComponents.map((component) => {
-                component.data = node.data;
-                component.checkComponentConditions(node.data);
-                return component.getView(component.dataValue);
-            }),
-            nodeData: node.data,
-            node,
-        });
-    }
-    attach(element) {
-        if (this.builderMode) {
-            return super.attach(element);
-        }
-        this.loadRefs(element, {
-            root: 'single',
-        });
-        return Promise.all([
-            super.attach(element),
-            this.attachNode(this.refs.root, this.treeRoot),
-        ]);
-    }
-    attachNode(element, node) {
-        if (!element) {
-            return Promise.resolve();
-        }
-        let componentsPromise = Promise.resolve();
-        let childrenPromise = Promise.resolve();
-        node.refs = lodash_1.default.reduce(element.children, (refs, child) => (child.hasAttribute('ref')
-            ? Object.assign(Object.assign({}, refs), { [child.getAttribute('ref')]: child }) : refs), {});
-        if (node.refs.content) {
-            this.attachActions(node);
-            componentsPromise = this.attachComponents(node);
-        }
-        if (node.refs.childNodes) {
-            childrenPromise = this.attachChildren(node);
-        }
-        return Promise.all([
-            componentsPromise,
-            childrenPromise,
-        ]);
-    }
-    attachActions(node) {
-        var _a;
-        if (!node.editing) {
-            this.loadRefs.call(node, node.refs.content, {
-                addChild: 'single',
-                editNode: 'single',
-                removeNode: 'single',
-                revertNode: 'single',
-                toggleNode: 'single',
-            });
-        }
-        //load refs correctly (if there is nested tree)
-        this.loadRefs.call(node, ((_a = node.refs.content.children[0]) === null || _a === void 0 ? void 0 : _a.children[1]) || node.refs.content, {
-            cancelNode: 'single',
-            saveNode: 'single',
-        });
-        if (node.refs.addChild) {
-            this.addEventListener(node.refs.addChild, 'click', () => {
-                this.addChild(node);
-            });
-        }
-        if (node.refs.cancelNode) {
-            this.addEventListener(node.refs.cancelNode, 'click', () => {
-                this.cancelNode(node);
-            });
-        }
-        if (node.refs.editNode) {
-            this.addEventListener(node.refs.editNode, 'click', () => {
-                this.editNode(node);
-            });
-        }
-        if (node.refs.removeNode) {
-            this.addEventListener(node.refs.removeNode, 'click', () => {
-                this.removeNode(node);
-            });
-        }
-        if (node.refs.revertNode) {
-            this.addEventListener(node.refs.revertNode, 'click', () => {
-                this.revertNode(node);
-            });
-        }
-        if (node.refs.saveNode) {
-            this.addEventListener(node.refs.saveNode, 'click', () => {
-                this.saveNode(node);
-            });
-        }
-        if (node.refs.toggleNode) {
-            this.addEventListener(node.refs.toggleNode, 'click', () => {
-                this.toggleNode(node);
-            });
-        }
-    }
-    attachComponents(node, ...args) {
-        if (this.builderMode) {
-            return super.attachComponents.call(this, node, ...args);
-        }
-        this.loadRefs.call(node, node.refs.content, {
-            nodeEdit: 'single',
-        });
-        return node.refs.nodeEdit
-            ? super.attachComponents(node.refs.nodeEdit, node.components)
-            : Promise.resolve();
-    }
-    attachChildren(node) {
-        const childElements = node.refs.childNodes.children;
-        return Promise.all(lodash_1.default.map(childElements, (childElement, index) => this.attachNode(childElement, node.children[index])));
-    }
-    setValue(value, flags = {}) {
-        const changed = this.updateValue(value, flags);
-        this.setRoot();
-        return changed;
-    }
-    addChild(parent) {
-        if (this.options.readOnly || parent.new) {
-            return;
-        }
-        this.hook('tree.addChild', {
-            parent,
-            component: this,
-        }, () => {
-            const child = parent.addChild();
-            this.redraw();
-            return child;
-        });
-    }
-    cancelNode(node) {
-        if (this.options.readOnly) {
-            return;
-        }
-        this.hook('tree.cancelNode', {
-            node,
-            component: this,
-        }, () => {
-            if (node.isRoot) {
-                if (node.persistentData && !lodash_1.default.isEmpty(node.persistentData)) {
-                    node.cancel();
-                    this.redraw();
-                }
-                else {
-                    this.removeRoot();
-                }
-            }
-            else {
-                node.cancel();
-                this.redraw();
-            }
-            return node;
-        });
-    }
-    editNode(node) {
-        if (this.options.readOnly || node.new) {
-            return;
-        }
-        this.hook('tree.editNode', {
-            node,
-            component: this,
-        }, () => {
-            node.edit();
-            this.redraw();
-            return node;
-        });
-    }
-    removeNode(node) {
-        if (this.options.readOnly || node.new) {
-            return;
-        }
-        this.hook('tree.removeNode', {
-            node,
-            component: this,
-        }, () => {
-            if (node.isRoot) {
-                this.removeRoot();
-            }
-            else {
-                node.remove();
-                this.updateTree();
-            }
-            return node;
-        });
-    }
-    revertNode(node) {
-        if (this.options.readOnly || !node.revertAvailable) {
-            return;
-        }
-        this.hook('tree.revertNode', {
-            node,
-            component: this,
-        }, () => {
-            node.revert();
-            this.updateTree();
-            return node;
-        });
-    }
-    saveNode(node) {
-        if (this.options.readOnly) {
-            return;
-        }
-        this.hook('tree.saveNode', {
-            node,
-            component: this,
-        }, () => {
-            const isSaved = node.save();
-            if (isSaved) {
-                this.updateTree();
-            }
-            return node;
-        });
-    }
-    toggleNode(node) {
-        this.hook('tree.toggleNode', {
-            node,
-            component: this,
-        }, () => {
-            node.collapsed = !node.collapsed;
-            this.redraw();
-            return node;
-        });
-    }
-    removeRoot() {
-        if (this.options.readOnly) {
-            return;
-        }
-        this.dataValue = this.defaultValue;
-        this.setRoot();
-        this.redraw();
-    }
-    setRoot() {
-        const value = this.getValue();
-        this.treeRoot = new Node_1.default(null, value, {
-            isNew: this.builderMode ? true : !value.data,
-            createComponents: this.createComponents.bind(this),
-            checkNode: this.checkNode.bind(this, this.data),
-            removeComponents: this.removeComponents,
-            parentPath: this.isDefaultValueComponent ? (this.path || this.component.key) : null,
-        });
-        this.hook('tree.setRoot', {
-            root: this.treeRoot,
-            component: this,
-        });
-        this.redraw();
-    }
-    getValue() {
-        return this.dataValue || {};
-    }
-    updateTree() {
-        this.updateValue(this.treeRoot.value);
-        this.redraw();
-    }
-    checkData(data, flags, row) {
-        return this.checkNode(data, this.treeRoot, flags, row);
-    }
-    checkNode(data, node, flags, row) {
-        return node.children.reduce((result, child) => this.checkNode(data, child, flags, row) && result, super.checkData(data, flags, node.data, node.components) && !node.editing && !node.new);
-    }
-    getComponents() {
-        return this.treeRoot && (this.isDefaultValueComponent || (!this.isDefaultValueComponent && !this.builderMode))
-            ? this.treeRoot.getComponents()
-            : super.getComponents();
-    }
-}
-exports.default = TreeComponent;
-TreeComponent.prototype.hasChanged = Component_1.default.prototype.hasChanged;

package/lib/cjs/components/tree/editForm/Tree.edit.data.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    key: string;
-    ignore: boolean;
-}[];
-export default _default;

package/lib/cjs/components/tree/editForm/Tree.edit.data.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        key: 'multiple',
-        ignore: true
-    },
-];
-/* eslint-enable max-len */

package/lib/cjs/components/tree/editForm/Tree.edit.display.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    key: string;
-    weight: number;
-    type: string;
-    tag: string;
-    className: string;
-    content: string;
-}[];
-export default _default;

package/lib/cjs/components/tree/editForm/Tree.edit.display.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        key: 'treeInfo',
-        weight: -10,
-        type: 'htmlelement',
-        tag: 'div',
-        className: 'alert alert-danger',
-        content: 'This component has been deprecated and will be removed in a future version of Formio.js.',
-    }
-];

package/lib/cjs/components/tree/fixtures/comp1.d.ts

@@ -1,23 +0,0 @@
-declare namespace _default {
-    const label: string;
-    const tableView: boolean;
-    const calculateServer: boolean;
-    const key: string;
-    const type: string;
-    const input: boolean;
-    const tree: boolean;
-    const components: {
-        label: string;
-        mask: boolean;
-        spellcheck: boolean;
-        tableView: boolean;
-        delimiter: boolean;
-        requireDecimal: boolean;
-        inputFormat: string;
-        calculateServer: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-    }[];
-}
-export default _default;

package/lib/cjs/components/tree/fixtures/comp1.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'label': 'Tree',
-    'tableView': true,
-    'calculateServer': false,
-    'key': 'tree',
-    'type': 'tree',
-    'input': true,
-    'tree': true,
-    'components': [{
-            'label': 'Number',
-            'mask': false,
-            'spellcheck': true,
-            'tableView': false,
-            'delimiter': false,
-            'requireDecimal': false,
-            'inputFormat': 'plain',
-            'calculateServer': false,
-            'key': 'number',
-            'type': 'number',
-            'input': true
-        }]
-};

package/lib/cjs/components/tree/fixtures/comp2.d.ts

@@ -1,116 +0,0 @@
-declare namespace _default {
-    const label: string;
-    const tableView: boolean;
-    const key: string;
-    const type: string;
-    const input: boolean;
-    const tree: boolean;
-    const components: ({
-        label: string;
-        autoExpand: boolean;
-        tableView: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        widget?: undefined;
-        data?: undefined;
-        selectThreshold?: undefined;
-        validate?: undefined;
-        indexeddb?: undefined;
-        collapsible?: undefined;
-        components?: undefined;
-        reorder?: undefined;
-        addAnotherPosition?: undefined;
-        layoutFixed?: undefined;
-        enableRowGroups?: undefined;
-        initEmpty?: undefined;
-        defaultValue?: undefined;
-    } | {
-        label: string;
-        widget: string;
-        tableView: boolean;
-        data: {
-            values: {
-                label: string;
-                value: string;
-            }[];
-        };
-        selectThreshold: number;
-        validate: {
-            onlyAvailableItems: boolean;
-        };
-        key: string;
-        type: string;
-        indexeddb: {
-            filter: {};
-        };
-        input: boolean;
-        autoExpand?: undefined;
-        collapsible?: undefined;
-        components?: undefined;
-        reorder?: undefined;
-        addAnotherPosition?: undefined;
-        layoutFixed?: undefined;
-        enableRowGroups?: undefined;
-        initEmpty?: undefined;
-        defaultValue?: undefined;
-    } | {
-        collapsible: boolean;
-        key: string;
-        type: string;
-        label: string;
-        input: boolean;
-        tableView: boolean;
-        components: {
-            label: string;
-            mask: boolean;
-            spellcheck: boolean;
-            tableView: boolean;
-            delimiter: boolean;
-            requireDecimal: boolean;
-            inputFormat: string;
-            key: string;
-            type: string;
-            input: boolean;
-        }[];
-        autoExpand?: undefined;
-        widget?: undefined;
-        data?: undefined;
-        selectThreshold?: undefined;
-        validate?: undefined;
-        indexeddb?: undefined;
-        reorder?: undefined;
-        addAnotherPosition?: undefined;
-        layoutFixed?: undefined;
-        enableRowGroups?: undefined;
-        initEmpty?: undefined;
-        defaultValue?: undefined;
-    } | {
-        label: string;
-        reorder: boolean;
-        addAnotherPosition: string;
-        layoutFixed: boolean;
-        enableRowGroups: boolean;
-        initEmpty: boolean;
-        tableView: boolean;
-        defaultValue: {}[];
-        key: string;
-        type: string;
-        input: boolean;
-        components: {
-            label: string;
-            tableView: boolean;
-            key: string;
-            type: string;
-            input: boolean;
-        }[];
-        autoExpand?: undefined;
-        widget?: undefined;
-        data?: undefined;
-        selectThreshold?: undefined;
-        validate?: undefined;
-        indexeddb?: undefined;
-        collapsible?: undefined;
-    })[];
-}
-export default _default;

package/lib/cjs/components/tree/fixtures/comp2.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'label': 'Tree',
-    'tableView': false,
-    'key': 'tree',
-    'type': 'tree',
-    'input': true,
-    'tree': true,
-    'components': [{
-            'label': 'Text Area',
-            'autoExpand': false,
-            'tableView': true,
-            'key': 'textArea',
-            'type': 'textarea',
-            'input': true
-        }, {
-            'label': 'Select',
-            'widget': 'choicesjs',
-            'tableView': true,
-            'data': {
-                'values': [{
-                        'label': 'a',
-                        'value': 'a'
-                    }, {
-                        'label': 'b',
-                        'value': 'b'
-                    }, {
-                        'label': 'c',
-                        'value': 'c'
-                    }]
-            },
-            'selectThreshold': 0.3,
-            'validate': {
-                'onlyAvailableItems': false
-            },
-            'key': 'select',
-            'type': 'select',
-            'indexeddb': {
-                'filter': {}
-            },
-            'input': true
-        }, {
-            'collapsible': false,
-            'key': 'panel',
-            'type': 'panel',
-            'label': 'Panel',
-            'input': false,
-            'tableView': false,
-            'components': [{
-                    'label': 'Number',
-                    'mask': false,
-                    'spellcheck': true,
-                    'tableView': false,
-                    'delimiter': false,
-                    'requireDecimal': false,
-                    'inputFormat': 'plain',
-                    'key': 'number',
-                    'type': 'number',
-                    'input': true
-                }]
-        }, {
-            'label': 'Data Grid',
-            'reorder': false,
-            'addAnotherPosition': 'bottom',
-            'layoutFixed': false,
-            'enableRowGroups': false,
-            'initEmpty': false,
-            'tableView': false,
-            'defaultValue': [{}],
-            'key': 'dataGrid',
-            'type': 'datagrid',
-            'input': true,
-            'components': [{
-                    'label': 'Text Field',
-                    'tableView': true,
-                    'key': 'textField',
-                    'type': 'textfield',
-                    'input': true
-                }]
-        }]
-};