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

package/lib/cjs/components/select/fixtures/index.d.ts

@@ -1,20 +0,0 @@
-import comp1 from './comp1';
-import comp2 from './comp2';
-import comp4 from './comp4';
-import comp5 from './comp5';
-import comp6 from './comp6';
-import comp7 from './comp7';
-import comp8 from './comp8';
-import comp9 from './comp9';
-import comp10 from './comp10';
-import comp11 from './comp11';
-import comp12 from './comp12';
-import comp13 from './comp13';
-import comp14 from './comp14';
-import comp15 from './comp15';
-import comp16 from './comp16';
-import comp17 from './comp17';
-import comp18 from './comp18';
-import comp19 from './comp19';
-export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19 };
-export { multiSelect, multiSelectOptions } from "./comp3";

package/lib/cjs/components/select/fixtures/index.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
-const comp1_1 = __importDefault(require("./comp1"));
-exports.comp1 = comp1_1.default;
-const comp2_1 = __importDefault(require("./comp2"));
-exports.comp2 = comp2_1.default;
-var comp3_1 = require("./comp3");
-Object.defineProperty(exports, "multiSelect", { enumerable: true, get: function () { return comp3_1.multiSelect; } });
-Object.defineProperty(exports, "multiSelectOptions", { enumerable: true, get: function () { return comp3_1.multiSelectOptions; } });
-const comp4_1 = __importDefault(require("./comp4"));
-exports.comp4 = comp4_1.default;
-const comp5_1 = __importDefault(require("./comp5"));
-exports.comp5 = comp5_1.default;
-const comp6_1 = __importDefault(require("./comp6"));
-exports.comp6 = comp6_1.default;
-const comp7_1 = __importDefault(require("./comp7"));
-exports.comp7 = comp7_1.default;
-const comp8_1 = __importDefault(require("./comp8"));
-exports.comp8 = comp8_1.default;
-const comp9_1 = __importDefault(require("./comp9"));
-exports.comp9 = comp9_1.default;
-const comp10_1 = __importDefault(require("./comp10"));
-exports.comp10 = comp10_1.default;
-const comp11_1 = __importDefault(require("./comp11"));
-exports.comp11 = comp11_1.default;
-const comp12_1 = __importDefault(require("./comp12"));
-exports.comp12 = comp12_1.default;
-const comp13_1 = __importDefault(require("./comp13"));
-exports.comp13 = comp13_1.default;
-const comp14_1 = __importDefault(require("./comp14"));
-exports.comp14 = comp14_1.default;
-const comp15_1 = __importDefault(require("./comp15"));
-exports.comp15 = comp15_1.default;
-const comp16_1 = __importDefault(require("./comp16"));
-exports.comp16 = comp16_1.default;
-const comp17_1 = __importDefault(require("./comp17"));
-exports.comp17 = comp17_1.default;
-const comp18_1 = __importDefault(require("./comp18"));
-exports.comp18 = comp18_1.default;
-const comp19_1 = __importDefault(require("./comp19"));
-exports.comp19 = comp19_1.default;

package/lib/cjs/components/select/fixtures/values.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (string | boolean)[];
-export default _default;

package/lib/cjs/components/select/fixtures/values.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    'one',
-    'two',
-    false,
-];

package/lib/cjs/components/selectboxes/SelectBoxes.d.ts

@@ -1,52 +0,0 @@
-export default class SelectBoxesComponent extends RadioComponent {
-    static get serverConditionSettings(): {
-        valueComponent(classComp: any): {
-            type: string;
-            dataSrc: string;
-            valueProperty: string;
-            valueType: string;
-            data: {
-                custom: string;
-            };
-        };
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    };
-    static get conditionOperatorsSettings(): {
-        valueComponent(classComp: any): {
-            type: string;
-            dataSrc: string;
-            valueProperty: string;
-            valueType: string;
-            data: {
-                custom: string;
-            };
-        };
-        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[];
-    constructor(...args: any[]);
-    validators: string[];
-    get emptyValue(): any;
-    /**
-     * Only empty if the values are all false.
-     *
-     * @param value
-     * @return {boolean}
-     */
-    isEmpty(value?: any): boolean;
-    setInputsDisabled(value: any, onlyUnchecked: any): void;
-    checkComponentValidity(data: any, dirty: any, rowData: any, options: any): boolean;
-}
-import RadioComponent from '../radio/Radio';

package/lib/cjs/components/selectboxes/SelectBoxes.form.d.ts

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

package/lib/cjs/components/selectboxes/SelectBoxes.form.js

@@ -1,25 +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 Radio_form_1 = __importDefault(require("../radio/Radio.form"));
-const SelectBoxes_edit_validation_1 = __importDefault(require("./editForm/SelectBoxes.edit.validation"));
-function default_1(...extend) {
-    return (0, Radio_form_1.default)([
-        {
-            key: 'data',
-            components: [
-                {
-                    key: 'dataType',
-                    ignore: true,
-                }
-            ]
-        },
-        {
-            key: 'validation',
-            components: SelectBoxes_edit_validation_1.default
-        },
-    ], ...extend);
-}
-exports.default = default_1;

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -1,258 +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 utils_1 = require("../../utils/utils");
-const Radio_1 = __importDefault(require("../radio/Radio"));
-class SelectBoxesComponent extends Radio_1.default {
-    static schema(...extend) {
-        return Radio_1.default.schema({
-            type: 'selectboxes',
-            label: 'Select Boxes',
-            key: 'selectBoxes',
-            inline: false
-        }, ...extend);
-    }
-    static get builderInfo() {
-        return {
-            title: 'Select Boxes',
-            group: 'basic',
-            icon: 'plus-square',
-            weight: 60,
-            documentation: '/userguide/form-building/form-components#select-box',
-            schema: SelectBoxesComponent.schema()
-        };
-    }
-    static get serverConditionSettings() {
-        return SelectBoxesComponent.conditionOperatorsSettings;
-    }
-    static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { valueComponent(classComp) {
-                return {
-                    type: 'select',
-                    dataSrc: 'custom',
-                    valueProperty: 'value',
-                    valueType: 'string',
-                    data: {
-                        custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`
-                    },
-                };
-            } });
-    }
-    static savedValueTypes(schema) {
-        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
-    }
-    constructor(...args) {
-        super(...args);
-        this.validators = this.validators.concat('minSelectedCount', 'maxSelectedCount', 'availableValueProperty');
-    }
-    init() {
-        super.init();
-        this.component.inputType = 'checkbox';
-    }
-    get defaultSchema() {
-        return SelectBoxesComponent.schema();
-    }
-    get inputInfo() {
-        const info = super.elementInfo();
-        info.attr.name += '[]';
-        info.attr.type = 'checkbox';
-        info.attr.class = 'form-check-input';
-        return info;
-    }
-    get emptyValue() {
-        return this.component.values.reduce((prev, value) => {
-            if (value.value) {
-                prev[value.value] = false;
-            }
-            return prev;
-        }, {});
-    }
-    get defaultValue() {
-        let defaultValue = this.emptyValue;
-        if (!lodash_1.default.isEmpty(this.component.defaultValue)) {
-            defaultValue = this.component.defaultValue;
-        }
-        if (this.component.customDefaultValue && !this.options.preview) {
-            defaultValue = this.evaluate(this.component.customDefaultValue, { value: '' }, 'value');
-        }
-        return defaultValue;
-    }
-    /**
-     * Only empty if the values are all false.
-     *
-     * @param value
-     * @return {boolean}
-     */
-    isEmpty(value = this.dataValue) {
-        let empty = true;
-        for (const key in value) {
-            if (value.hasOwnProperty(key) && value[key]) {
-                empty = false;
-                break;
-            }
-        }
-        return empty;
-    }
-    getValue() {
-        if (this.viewOnly || !this.refs.input || !this.refs.input.length) {
-            return this.dataValue;
-        }
-        const value = {};
-        lodash_1.default.each(this.refs.input, (input) => {
-            value[input.value] = !!input.checked;
-        });
-        return value;
-    }
-    /**
-     * Normalize values coming into updateValue.
-     *
-     * @param value
-     * @return {*}
-     */
-    normalizeValue(value) {
-        value = value || {};
-        if (typeof value !== 'object') {
-            if (typeof value === 'string') {
-                value = {
-                    [value]: true
-                };
-            }
-            else {
-                value = {};
-            }
-        }
-        if (Array.isArray(value)) {
-            lodash_1.default.each(value, (val) => {
-                value[val] = true;
-            });
-        }
-        const checkedValues = lodash_1.default.keys(lodash_1.default.pickBy(value, (val) => val));
-        if (this.isSelectURL && this.templateData && lodash_1.default.every(checkedValues, (val) => this.templateData[val])) {
-            const submission = this.root.submission;
-            if (!submission.metadata.selectData) {
-                submission.metadata.selectData = {};
-            }
-            const selectData = [];
-            checkedValues.forEach((value) => selectData.push(this.templateData[value]));
-            lodash_1.default.set(submission.metadata.selectData, this.path, selectData);
-        }
-        return value;
-    }
-    /**
-     * Set the value of this component.
-     *
-     * @param value
-     * @param flags
-     */
-    setValue(value, flags = {}) {
-        const changed = this.updateValue(value, flags);
-        value = this.dataValue;
-        if (this.isHtmlRenderMode()) {
-            if (changed) {
-                this.redraw();
-            }
-        }
-        else {
-            lodash_1.default.each(this.refs.input, (input) => {
-                if (lodash_1.default.isUndefined(value[input.value])) {
-                    value[input.value] = false;
-                }
-                input.checked = !!value[input.value];
-            });
-        }
-        return changed;
-    }
-    getValueAsString(value) {
-        if (!value) {
-            return '';
-        }
-        if (this.isSelectURL) {
-            return (0, lodash_1.default)(value).pickBy((val) => val).keys().join(', ');
-        }
-        return (0, lodash_1.default)(this.component.values || [])
-            .filter((v) => value[v.value])
-            .map('label')
-            .join(', ');
-    }
-    setSelectedClasses() {
-        if (this.refs.wrapper) {
-            //add/remove selected option class
-            const value = this.dataValue;
-            const valuesKeys = Object.keys(value);
-            this.refs.wrapper.forEach((wrapper, index) => {
-                let key = valuesKeys[index];
-                const input = this.refs.input[index];
-                if ((input === null || input === void 0 ? void 0 : input.value.toString()) !== key) {
-                    key = valuesKeys.find((k) => (input === null || input === void 0 ? void 0 : input.value.toString()) === k);
-                }
-                const isChecked = value[key];
-                if ((isChecked && key) || (this.isSelectURL && !this.shouldLoad && this.listData && lodash_1.default.findIndex(this.selectData, this.listData[index]) !== -1)) {
-                    //add class to container when selected
-                    this.addClass(wrapper, this.optionSelectedClass);
-                    //change "checked" attribute
-                    input.setAttribute('checked', 'true');
-                }
-                else if (!isChecked && key) {
-                    this.removeClass(wrapper, this.optionSelectedClass);
-                    input.removeAttribute('checked');
-                }
-            });
-        }
-    }
-    setInputsDisabled(value, onlyUnchecked) {
-        if (this.refs.input) {
-            this.refs.input.forEach(item => {
-                if (onlyUnchecked && !item.checked || !onlyUnchecked) {
-                    item.disabled = value;
-                }
-            });
-        }
-    }
-    checkComponentValidity(data, dirty, rowData, options) {
-        const minCount = this.component.validate.minSelectedCount;
-        const maxCount = this.component.validate.maxSelectedCount;
-        if (!this.shouldSkipValidation(data, dirty, rowData)) {
-            const isValid = this.isValid(data, dirty);
-            if ((maxCount || minCount)) {
-                const count = Object.keys(this.validationValue).reduce((total, key) => {
-                    if (this.validationValue[key]) {
-                        total++;
-                    }
-                    return total;
-                }, 0);
-                // Disable the rest of inputs if the max amount is already checked
-                if (maxCount && count >= maxCount) {
-                    this.setInputsDisabled(true, true);
-                }
-                else if (maxCount && !this.shouldDisabled) {
-                    this.setInputsDisabled(false);
-                }
-                if (!isValid && maxCount && count > maxCount) {
-                    const message = this.t(this.component.maxSelectedCountMessage || 'You can only select up to {{maxCount}} items.', { maxCount });
-                    this.setCustomValidity(message, dirty);
-                    return false;
-                }
-                else if (!isValid && minCount && count < minCount) {
-                    this.setInputsDisabled(false);
-                    const message = this.t(this.component.minSelectedCountMessage || 'You must select at least {{minCount}} items.', { minCount });
-                    this.setCustomValidity(message, dirty);
-                    return false;
-                }
-            }
-        }
-        return super.checkComponentValidity(data, dirty, rowData, options);
-    }
-    validateValueAvailability(setting, value) {
-        if (!(0, utils_1.boolValue)(setting) || !value) {
-            return true;
-        }
-        const values = this.component.values;
-        const availableValueKeys = (values || []).map(({ value: optionValue }) => optionValue);
-        const valueKeys = Object.keys(value);
-        return valueKeys.every((key) => availableValueKeys.includes(key));
-    }
-}
-exports.default = SelectBoxesComponent;

package/lib/cjs/components/selectboxes/editForm/SelectBoxes.edit.validation.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    type: string;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    weight: number;
-}[];
-export default _default;

package/lib/cjs/components/selectboxes/editForm/SelectBoxes.edit.validation.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = [
-    {
-        type: 'number',
-        input: true,
-        key: 'validate.minSelectedCount',
-        label: 'Minimum checked number',
-        tooltip: 'Minimum checkboxes required before form can be submitted.',
-        weight: 250
-    },
-    {
-        type: 'number',
-        input: true,
-        key: 'validate.maxSelectedCount',
-        label: 'Maximum checked number',
-        tooltip: 'Maximum checkboxes possible before form can be submitted.',
-        weight: 250
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'minSelectedCountMessage',
-        label: 'Minimum checked error message',
-        tooltip: 'Error message displayed if minimum number of items not checked.',
-        weight: 250
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'maxSelectedCountMessage',
-        label: 'Maximum checked error message',
-        tooltip: 'Error message displayed if maximum number of items checked.',
-        weight: 250
-    }
-];

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

@@ -1,24 +0,0 @@
-declare namespace _default {
-    export namespace conditional {
-        const eq: string;
-        const when: null;
-        const show: string;
-    }
-    export const type: string;
-    export namespace validate {
-        const required: boolean;
-    }
-    export const persistent: boolean;
-    const _protected: boolean;
-    export { _protected as protected };
-    export const inline: boolean;
-    export const values: {
-        label: string;
-        value: string;
-    }[];
-    export const key: string;
-    export const label: string;
-    export const tableView: boolean;
-    export const input: boolean;
-}
-export default _default;

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'conditional': {
-        'eq': '',
-        'when': null,
-        'show': ''
-    },
-    'type': 'selectboxes',
-    'validate': {
-        'required': false
-    },
-    'persistent': true,
-    'protected': false,
-    'inline': false,
-    'values': [
-        {
-            'label': 'Red',
-            'value': 'red'
-        },
-        {
-            'label': 'Blue',
-            'value': 'blue'
-        },
-        {
-            'label': 'Green',
-            'value': 'green'
-        },
-        {
-            'label': 'Orange',
-            'value': 'orange'
-        },
-        {
-            'label': 'Yellow',
-            'value': 'yellow'
-        },
-        {
-            'label': 'Purple',
-            'value': 'purple'
-        },
-        {
-            'label': 'Black',
-            'value': 'black'
-        },
-        {
-            'label': 'White',
-            'value': 'white'
-        }
-    ],
-    'key': 'favoriteColors',
-    'label': 'Favorite Colors',
-    'tableView': true,
-    'input': true
-};

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

@@ -1,24 +0,0 @@
-declare namespace _default {
-    export namespace conditional {
-        const eq: string;
-        const when: null;
-        const show: string;
-    }
-    export const type: string;
-    export namespace validate {
-        const required: boolean;
-    }
-    export const persistent: boolean;
-    const _protected: boolean;
-    export { _protected as protected };
-    export const inline: boolean;
-    export const values: {
-        label: string;
-        value: string;
-    }[];
-    export const key: string;
-    export const label: string;
-    export const tableView: boolean;
-    export const input: boolean;
-}
-export default _default;

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'conditional': {
-        'eq': '',
-        'when': null,
-        'show': ''
-    },
-    'type': 'selectboxes',
-    'validate': {
-        'required': true
-    },
-    'persistent': true,
-    'protected': false,
-    'inline': false,
-    'values': [
-        {
-            'label': 'Red',
-            'value': 'red'
-        },
-        {
-            'label': 'Blue',
-            'value': 'blue'
-        },
-        {
-            'label': 'Green',
-            'value': 'green'
-        },
-        {
-            'label': 'Orange',
-            'value': 'orange'
-        },
-        {
-            'label': 'Yellow',
-            'value': 'yellow'
-        },
-        {
-            'label': 'Purple',
-            'value': 'purple'
-        },
-        {
-            'label': 'Black',
-            'value': 'black'
-        },
-        {
-            'label': 'White',
-            'value': 'white'
-        }
-    ],
-    'key': 'favoriteColors',
-    'label': 'Favorite Colors',
-    'tableView': true,
-    'input': true
-};

package/lib/cjs/components/selectboxes/fixtures/comp3.d.ts

@@ -1,23 +0,0 @@
-declare namespace _default {
-    const _id: string;
-    const label: string;
-    const optionsLabelPosition: string;
-    const hideLabel: boolean;
-    const tableView: boolean;
-    const values: {
-        label: string;
-        value: string;
-        shortcut: string;
-    }[];
-    namespace validate {
-        const required: boolean;
-    }
-    const key: string;
-    const type: string;
-    const input: boolean;
-    const inputType: string;
-    const title: string;
-    const name: string;
-    const path: string;
-}
-export default _default;

package/lib/cjs/components/selectboxes/fixtures/comp3.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    _id: '61135ec3e4188f021c7ad390',
-    label: 'Select Boxes',
-    optionsLabelPosition: 'right',
-    hideLabel: true,
-    tableView: false,
-    values: [
-        { label: '55', value: '55', shortcut: '' },
-        { label: '77', value: '77', shortcut: '' },
-    ],
-    validate: { required: true },
-    key: 'selectBoxes',
-    type: 'selectboxes',
-    input: true,
-    inputType: 'checkbox',
-    title: 'FIO-2959',
-    name: 'fio2959',
-    path: 'fio2959',
-};