@formio/js 5.0.0-rc.26 → 5.0.0-rc.27-dev.5543.40bb827

package/lib/mjs/components/datamap/DataMap.js

@@ -1,295 +0,0 @@
-import Component from '../_classes/component/Component';
-import DataGridComponent from '../datagrid/DataGrid';
-import _ from 'lodash';
-import EventEmitter from 'eventemitter3';
-import { componentValueTypes, getComponentSavedTypes, uniqueKey } from '../../utils/utils';
-export default class DataMapComponent extends DataGridComponent {
-    static schema(...extend) {
-        return Component.schema({
-            label: 'Data Map',
-            key: 'dataMap',
-            type: 'datamap',
-            clearOnHide: true,
-            addAnother: 'Add Another',
-            disableAddingRemovingRows: false,
-            keyBeforeValue: true,
-            valueComponent: {
-                type: 'textfield',
-                key: 'value',
-                label: 'Value',
-                input: true
-            },
-            input: true,
-            validate: {
-                maxLength: 0,
-                minLength: 0
-            }
-        }, ...extend);
-    }
-    static get builderInfo() {
-        return {
-            title: 'Data Map',
-            icon: 'th-list',
-            group: 'data',
-            documentation: '/userguide/form-building/data-components#data-map',
-            showPreview: false,
-            weight: 20,
-            schema: DataMapComponent.schema()
-        };
-    }
-    get schema() {
-        const schema = super.schema;
-        if (this.components && (this.components.length > 0)) {
-            schema.valueComponent = this.components[this.components.length - 1].schema;
-        }
-        return _.omit(schema, 'components');
-    }
-    static savedValueTypes(schema) {
-        return getComponentSavedTypes(schema) || [componentValueTypes.object];
-    }
-    constructor(component, options, data) {
-        super(component, options, data);
-        this.type = 'datamap';
-    }
-    init() {
-        this.components = [];
-        this.rows = [];
-        this.createRows();
-        this.visibleColumns = {
-            key: true,
-            [this.valueKey]: true
-        };
-        this.component.valueComponent.hideLabel = true;
-    }
-    get defaultSchema() {
-        return DataMapComponent.schema();
-    }
-    get emptyValue() {
-        return {};
-    }
-    get dataValue() {
-        if (!this.key ||
-            (!this.visible && this.component.clearOnHide)) {
-            return this.emptyValue;
-        }
-        if (!this.hasValue() && this.shouldAddDefaultValue) {
-            this.dataValue = this.emptyValue;
-        }
-        return _.get(this.data, this.key);
-    }
-    set dataValue(value) {
-        super.dataValue = value;
-    }
-    get defaultValue() {
-        const value = super.defaultValue;
-        if (Array.isArray(value)) {
-            return value[0];
-        }
-        return this.emptyValue;
-    }
-    get keySchema() {
-        return {
-            type: 'textfield',
-            input: true,
-            hideLabel: true,
-            label: this.component.keyLabel || 'Key',
-            key: '__key',
-            disableBuilderActions: true,
-        };
-    }
-    get valueKey() {
-        return this.component.valueComponent.key;
-    }
-    getRowValues() {
-        const dataValue = this.dataValue;
-        if (this.builderMode) {
-            return [dataValue];
-        }
-        if (_.isEmpty(dataValue)) {
-            return [];
-        }
-        return Object.keys(dataValue).map(() => dataValue);
-    }
-    getComponentsContainer() {
-        if (this.builderMode) {
-            return this.getComponents().map(comp => comp.component);
-        }
-        return super.getComponentsContainer();
-    }
-    get iteratableRows() {
-        return this.rows.map((row) => {
-            return Object.keys(row).map(key => ({
-                components: row[key],
-                data: row[key].dataValue,
-            }));
-        });
-    }
-    componentContext(component) {
-        return this.iteratableRows[component.row].find(comp => comp.components.key === component.key).data;
-    }
-    hasHeader() {
-        return true;
-    }
-    hasRemoveButtons() {
-        return !this.component.disableAddingRemovingRows &&
-            !this.options.readOnly &&
-            !this.disabled &&
-            this.fullMode;
-    }
-    getColumns() {
-        const keySchema = Object.assign({}, this.keySchema);
-        const valueSchema = Object.assign({}, this.component.valueComponent);
-        keySchema.hideLabel = false;
-        valueSchema.hideLabel = false;
-        return this.component.keyBeforeValue ?
-            [keySchema, valueSchema] :
-            [valueSchema, keySchema];
-    }
-    getRowKey(rowIndex) {
-        const keys = Object.keys(this.dataValue);
-        if (!keys[rowIndex]) {
-            keys[rowIndex] = uniqueKey(this.dataValue, this.defaultRowKey);
-        }
-        return keys[rowIndex];
-    }
-    get defaultRowKey() {
-        return 'key';
-    }
-    setRowComponentsData(rowIndex, rowData) {
-        _.each(this.rows[rowIndex], (component) => {
-            if (component.key === '__key') {
-                component.data = {
-                    '__key': Object.keys(rowData)[rowIndex],
-                };
-            }
-            else {
-                component.data = rowData;
-            }
-        });
-    }
-    getValueAsString(value, options) {
-        if (options?.email && this.visible && !this.skipInEmail && _.isObject(value)) {
-            let result = (`
-        <table border="1" style="width:100%">
-          <tbody>
-      `);
-            result = Object.keys(value).reduce((result, key) => {
-                result += (`
-          <tr>
-            <th style="padding: 5px 10px;">${key}</th>
-            <td style="width:100%;padding:5px 10px;">${this.getView(value[key], options)}</td>
-          </tr>
-        `);
-                return result;
-            }, result);
-            result += (`
-          </tbody>
-        </table>
-      `);
-            return result;
-        }
-        if (_.isEmpty(value)) {
-            return '';
-        }
-        if (options?.modalPreview) {
-            delete options.modalPreview;
-            return this.getDataValueAsTable(value, options);
-        }
-        return typeof value === 'object' ? '[Complex Data]' : value;
-    }
-    getDataValueAsTable(value, options) {
-        let result = (`
-      <table border="1" style="width:100%">
-        <tbody>
-    `);
-        if (this.visible && _.isObject(value)) {
-            Object.keys(value).forEach((key) => {
-                result += (`
-          <tr>
-            <th style="padding: 5px 10px;">${key}</th>
-            <td style="width:100%;padding:5px 10px;">${this.getView(value[key], options)}</td>
-          </tr>
-        `);
-            });
-        }
-        result += (`
-        </tbody>
-      </table>
-    `);
-        return result;
-    }
-    createRowComponents(row, rowIndex) {
-        // Use original value component API key in builder mode to be able to edit value component
-        let key = this.builderMode ? this.valueKey : this.getRowKey(rowIndex);
-        // Create a new event emitter since fields are isolated.
-        const options = _.clone(this.options);
-        options.events = new EventEmitter();
-        options.name += `[${rowIndex}]`;
-        options.row = `${rowIndex}`;
-        const components = {};
-        components['__key'] = this.createComponent(this.keySchema, options, { __key: this.builderMode ? this.defaultRowKey : key });
-        components['__key'].on('componentChange', (event) => {
-            const dataValue = this.dataValue;
-            const newKey = uniqueKey(dataValue, event.value);
-            dataValue[newKey] = dataValue[key];
-            delete dataValue[key];
-            const comp = components[this.valueKey];
-            comp.component.key = newKey;
-            comp.path = this.calculateComponentPath(comp);
-            key = newKey;
-        });
-        const valueComponent = _.clone(this.component.valueComponent);
-        valueComponent.key = key;
-        const componentOptions = this.options;
-        componentOptions.row = options.row;
-        components[this.valueKey] = this.createComponent(valueComponent, componentOptions, this.dataValue);
-        return components;
-    }
-    get canAddColumn() {
-        return false;
-    }
-    addChildComponent(component) {
-        this.component.valueComponent = component;
-    }
-    saveChildComponent(component) {
-        // Update the Value Component, the Key Component is not allowed to edit
-        if (component.key !== this.keySchema.key) {
-            this.component.valueComponent = component;
-        }
-    }
-    removeChildComponent() {
-        const defaultSchema = DataMapComponent.schema();
-        this.component.valueComponent = defaultSchema.valueComponent;
-    }
-    addRow() {
-        const index = this.rows.length;
-        this.rows[index] = this.createRowComponents(this.dataValue, index);
-        this.redraw();
-        this.triggerChange();
-    }
-    removeRow(index) {
-        const keys = Object.keys(this.dataValue);
-        if (keys[index]) {
-            delete this.dataValue[keys[index]];
-        }
-        this.rows.splice(index, 1);
-        this.redraw();
-        this.triggerChange();
-    }
-    setValue(value, flags = {}) {
-        const changed = this.hasChanged(value, this.dataValue);
-        this.dataValue = value;
-        this.createRows();
-        this.updateOnChange(flags, changed);
-        return changed;
-    }
-    checkColumns() {
-        if (this.builderMode || (!this.dataValue || !Object.keys(this.dataValue).length)) {
-            return { rebuild: false, show: true };
-        }
-        if (Object.keys(this.dataValue).length > (this.rows || []).length) {
-            return { rebuild: true, show: true };
-        }
-        return { rebuild: false, show: true };
-    }
-}

package/lib/mjs/components/datamap/editForm/DataMap.edit.data.d.ts

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

package/lib/mjs/components/datamap/editForm/DataMap.edit.data.js

@@ -1,10 +0,0 @@
-export default [
-    {
-        key: 'multiple',
-        ignore: true,
-    },
-    {
-        key: 'defaultValue',
-        ignore: true,
-    }
-];

package/lib/mjs/components/datamap/editForm/DataMap.edit.display.d.ts

@@ -1,30 +0,0 @@
-declare const _default: ({
-    key: string;
-    ignore: boolean;
-    type?: undefined;
-    label?: undefined;
-    tooltip?: undefined;
-    weight?: undefined;
-    input?: undefined;
-    placeholder?: undefined;
-} | {
-    type: string;
-    label: string;
-    key: string;
-    tooltip: string;
-    weight: number;
-    input: boolean;
-    ignore?: undefined;
-    placeholder?: undefined;
-} | {
-    type: string;
-    label: string;
-    key: string;
-    tooltip: string;
-    placeholder: string;
-    weight: number;
-    input: boolean;
-    customConditional(context: any): boolean;
-    ignore?: undefined;
-})[];
-export default _default;

package/lib/mjs/components/datamap/editForm/DataMap.edit.display.js

@@ -1,46 +0,0 @@
-export default [
-    {
-        key: 'placeholder',
-        ignore: true
-    },
-    {
-        key: 'tabindex',
-        ignore: true
-    },
-    {
-        type: 'textfield',
-        label: 'Label for Key column',
-        key: 'keyLabel',
-        tooltip: 'Provide a label text for Key column (otherwise \'Key\' will be used)',
-        weight: 404,
-        input: true
-    },
-    {
-        type: 'checkbox',
-        label: 'Disable Adding / Removing Rows',
-        key: 'disableAddingRemovingRows',
-        tooltip: 'Check if you want to hide Add Another button and Remove Row button',
-        weight: 405,
-        input: true
-    },
-    {
-        type: 'checkbox',
-        label: 'Show key column before value',
-        key: 'keyBeforeValue',
-        tooltip: 'Check if you would like to show the Key before the Value column.',
-        weight: 406,
-        input: true
-    },
-    {
-        type: 'textfield',
-        label: 'Add Another Text',
-        key: 'addAnother',
-        tooltip: 'Set the text of the Add Another button.',
-        placeholder: 'Add Another',
-        weight: 410,
-        input: true,
-        customConditional(context) {
-            return !context.data.disableAddingRemovingRows;
-        }
-    }
-];

package/lib/mjs/components/datamap/fixtures/comp1.d.ts

@@ -1,18 +0,0 @@
-declare namespace _default {
-    const type: string;
-    const key: string;
-    const label: string;
-    const input: boolean;
-    namespace valueComponent {
-        const type_1: string;
-        export { type_1 as type };
-        const key_1: string;
-        export { key_1 as key };
-        const label_1: string;
-        export { label_1 as label };
-        export const defaultValue: string;
-        const input_1: boolean;
-        export { input_1 as input };
-    }
-}
-export default _default;

package/lib/mjs/components/datamap/fixtures/comp1.js

@@ -1,13 +0,0 @@
-export default {
-    type: 'datamap',
-    key: 'properties',
-    label: 'Properties',
-    input: true,
-    valueComponent: {
-        type: 'textfield',
-        key: 'value',
-        label: 'Value',
-        defaultValue: 'Value',
-        input: true
-    }
-};

package/lib/mjs/components/datamap/fixtures/formWithConditionalPanel.d.ts

@@ -1,87 +0,0 @@
-declare namespace _default {
-    const type: string;
-    const display: string;
-    const components: ({
-        label: string;
-        tableView: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        conditional?: undefined;
-        valueComponent?: undefined;
-        collapsible?: undefined;
-        components?: undefined;
-        disableOnInvalid?: undefined;
-    } | {
-        label: string;
-        tableView: boolean;
-        key: string;
-        conditional: {
-            show: boolean;
-            conjunction: string;
-            conditions: {
-                component: string;
-                operator: string;
-                value: string;
-            }[];
-        };
-        type: string;
-        input: boolean;
-        valueComponent: {
-            type: string;
-            key: string;
-            label: string;
-            input: boolean;
-            hideLabel: boolean;
-            tableView: boolean;
-        };
-        collapsible?: undefined;
-        components?: undefined;
-        disableOnInvalid?: undefined;
-    } | {
-        collapsible: boolean;
-        key: string;
-        conditional: {
-            show: boolean;
-            conjunction: string;
-            conditions: {
-                component: string;
-                operator: string;
-                value: string;
-            }[];
-        };
-        type: string;
-        label: string;
-        input: boolean;
-        tableView: boolean;
-        components: {
-            label: string;
-            tableView: boolean;
-            key: string;
-            type: string;
-            input: boolean;
-            valueComponent: {
-                type: string;
-                key: string;
-                label: string;
-                input: boolean;
-                hideLabel: boolean;
-                tableView: boolean;
-            };
-        }[];
-        valueComponent?: undefined;
-        disableOnInvalid?: undefined;
-    } | {
-        type: string;
-        label: string;
-        key: string;
-        disableOnInvalid: boolean;
-        input: boolean;
-        tableView: boolean;
-        conditional?: undefined;
-        valueComponent?: undefined;
-        collapsible?: undefined;
-        components?: undefined;
-    })[];
-}
-export default _default;

package/lib/mjs/components/datamap/fixtures/formWithConditionalPanel.js

@@ -1,83 +0,0 @@
-export default {
-    type: 'form',
-    display: 'form',
-    components: [
-        {
-            label: 'Checkbox',
-            tableView: false,
-            key: 'checkbox',
-            type: 'checkbox',
-            input: true
-        },
-        {
-            label: 'Data Map',
-            tableView: false,
-            key: 'dataMap1',
-            conditional: {
-                show: true,
-                conjunction: 'all',
-                conditions: [
-                    {
-                        component: 'checkbox',
-                        operator: 'isEqual',
-                        value: 'true'
-                    }
-                ]
-            },
-            type: 'datamap',
-            input: true,
-            valueComponent: {
-                type: 'textfield',
-                key: 'value',
-                label: 'Value',
-                input: true,
-                hideLabel: true,
-                tableView: true
-            }
-        },
-        {
-            collapsible: false,
-            key: 'panel',
-            conditional: {
-                show: true,
-                conjunction: 'all',
-                conditions: [
-                    {
-                        component: 'checkbox',
-                        operator: 'isEqual',
-                        value: 'true'
-                    }
-                ]
-            },
-            type: 'panel',
-            label: 'Panel',
-            input: false,
-            tableView: false,
-            components: [
-                {
-                    label: 'Data Map',
-                    tableView: false,
-                    key: 'dataMap',
-                    type: 'datamap',
-                    input: true,
-                    valueComponent: {
-                        type: 'textfield',
-                        key: 'value',
-                        label: 'Value',
-                        input: true,
-                        hideLabel: true,
-                        tableView: true
-                    }
-                }
-            ]
-        },
-        {
-            type: 'button',
-            label: 'Submit',
-            key: 'submit',
-            disableOnInvalid: true,
-            input: true,
-            tableView: false
-        }
-    ],
-};

package/lib/mjs/components/datamap/fixtures/index.d.ts

@@ -1,3 +0,0 @@
-import comp1 from './comp1';
-import formWithConditionalPanel from './formWithConditionalPanel';
-export { comp1, formWithConditionalPanel };

package/lib/mjs/components/datamap/fixtures/index.js

@@ -1,3 +0,0 @@
-import comp1 from './comp1';
-import formWithConditionalPanel from './formWithConditionalPanel';
-export { comp1, formWithConditionalPanel };

package/lib/mjs/components/datetime/DateTime.d.ts

@@ -1,39 +0,0 @@
-export default class DateTimeComponent extends Input {
-    static get builderInfo(): {
-        title: string;
-        group: string;
-        icon: string;
-        documentation: string;
-        weight: number;
-        schema: any;
-    };
-    static get serverConditionSettings(): {
-        operators: string[];
-        valueComponent(classComp: any): any;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    };
-    static get conditionOperatorsSettings(): {
-        operators: string[];
-        valueComponent(classComp: any): any;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    };
-    static savedValueTypes(schema: any): string[];
-    get emptyValue(): string;
-    get momentFormat(): string;
-    createWrapper(): boolean;
-    checkValidity(data: any, dirty: any, rowData: any): boolean;
-    getValueAsString(value: any): any;
-}
-import Input from '../_classes/input/Input';

package/lib/mjs/components/datetime/DateTime.form.d.ts

@@ -1,3 +0,0 @@
-export default function _default(...extend: any[]): {
-    components: any;
-};

package/lib/mjs/components/datetime/DateTime.form.js

@@ -1,34 +0,0 @@
-import Components from '../Components';
-import DateTimeEditData from './editForm/DateTime.edit.data';
-import DateTimeEditDate from './editForm/DateTime.edit.date';
-import DateTimeEditDisplay from './editForm/DateTime.edit.display';
-import DateTimeEditTime from './editForm/DateTime.edit.time';
-import DateTimeEditValidation from './editForm/DateTime.edit.validation';
-export default function (...extend) {
-    return Components.baseEditForm([
-        {
-            key: 'display',
-            components: DateTimeEditDisplay
-        },
-        {
-            label: 'Date',
-            key: 'date',
-            weight: 1,
-            components: DateTimeEditDate
-        },
-        {
-            label: 'Time',
-            key: 'time',
-            weight: 2,
-            components: DateTimeEditTime
-        },
-        {
-            key: 'data',
-            components: DateTimeEditData
-        },
-        {
-            key: 'validation',
-            components: DateTimeEditValidation
-        },
-    ], ...extend);
-}