@formio/js 5.0.0-rc.43 → 5.0.0-rc.45

package/lib/mjs/components/radio/Radio.d.ts

@@ -0,0 +1,83 @@
+export default class RadioComponent extends ListComponent {
+    static get builderInfo(): {
+        title: string;
+        group: string;
+        icon: string;
+        weight: number;
+        documentation: string;
+        schema: any;
+    };
+    static get conditionOperatorsSettings(): {
+        valueComponent(classComp: any): {
+            type: string;
+            dataSrc: string;
+            valueProperty: string;
+            dataType: any;
+            data: {
+                custom(): any;
+            };
+        };
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static get serverConditionSettings(): {
+        valueComponent(classComp: any): {
+            type: string;
+            dataSrc: string;
+            valueProperty: string;
+            dataType: any;
+            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): any[];
+    constructor(component: any, options: any, data: any);
+    previousValue: any;
+    get inputInfo(): {
+        type: string;
+        component: any;
+        changeEvent: string;
+        attr: {
+            name: any;
+            type: any;
+            class: string;
+            lang: any;
+        };
+    };
+    get emptyValue(): string;
+    get isRadio(): boolean;
+    get optionSelectedClass(): string;
+    get listData(): any;
+    templateData: {} | undefined;
+    triggerUpdate: ((...args: any[]) => any) | undefined;
+    itemsLoaded: Promise<any> | undefined;
+    itemsLoadedResolve: ((value: any) => void) | undefined;
+    optionsLoaded: boolean | undefined;
+    loadedOptions: any[] | undefined;
+    render(): any;
+    detach(element: any): void;
+    validateValueProperty(): boolean;
+    validateValueAvailability(setting: any, value: any): boolean;
+    getValueAsString(value: any): any;
+    setValueAt(index: any, value: any): void;
+    loadItems(url: any, search: any, headers: any, options: any, method: any, body: any): void;
+    loadItemsFromMetadata(): void;
+    setItems(items: any): void;
+    setSelectedClasses(): void;
+    updateValue(value: any, flags: any): boolean;
+    currentValue: any;
+}
+import ListComponent from '../_classes/list/ListComponent';

package/lib/mjs/components/radio/Radio.form.d.ts

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

package/lib/mjs/components/radio/Radio.js

@@ -166,7 +166,8 @@ export default class RadioComponent extends ListComponent {
                     dataValue = _.toString(this.dataValue);
                 }
                 if (this.isSelectURL && _.isObject(this.loadedOptions[index].value)) {
-                    input.checked = _.isEqual(this.loadedOptions[index].value, this.dataValue);
+                    const optionValue = this.component.dataType === 'string' ? JSON.stringify(this.loadedOptions[index].value) : this.loadedOptions[index].value;
+                    input.checked = _.isEqual(optionValue, this.dataValue);
                 }
                 else {
                     input.checked = (dataValue === input.value && (input.value || this.component.dataSrc !== 'url'));
@@ -362,18 +363,36 @@ export default class RadioComponent extends ListComponent {
      * @return {*}
      */
     normalizeValue(value) {
+        const dataType = this.component.dataType || 'auto';
         if (value === this.emptyValue) {
             return value;
         }
-        const isEquivalent = _.toString(value) === Number(value).toString();
-        if (!isNaN(parseFloat(value)) && isFinite(value) && isEquivalent) {
-            value = +value;
-        }
-        if (value === 'true') {
-            value = true;
-        }
-        if (value === 'false') {
-            value = false;
+        switch (dataType) {
+            case 'auto':
+                if (!isNaN(parseFloat(value)) && isFinite(value) && _.toString(value) === Number(value).toString()) {
+                    value = +value;
+                }
+                if (value === 'true') {
+                    value = true;
+                }
+                if (value === 'false') {
+                    value = false;
+                }
+                break;
+            case 'number':
+                value = +value;
+                break;
+            case 'string':
+                if (typeof value === 'object') {
+                    value = JSON.stringify(value);
+                }
+                else {
+                    value = String(value);
+                }
+                break;
+            case 'boolean':
+                value = !(!value || value.toString() === 'false');
+                break;
         }
         if (this.isSelectURL && this.templateData && this.templateData[value]) {
             const submission = this.root.submission;

package/lib/mjs/components/radio/editForm/Radio.edit.data.d.ts

@@ -0,0 +1,171 @@
+declare const _default: ({
+    key: string;
+    ignore: boolean;
+    data?: undefined;
+    validate?: undefined;
+    onChange?: undefined;
+    type?: undefined;
+    input?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    weight?: undefined;
+    reorder?: undefined;
+    defaultValue?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+    clearOnHide?: undefined;
+    template?: undefined;
+    dataSrc?: undefined;
+} | {
+    key: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+    validate: {
+        required: boolean;
+    };
+    onChange(context: any): void;
+    ignore?: undefined;
+    type?: undefined;
+    input?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    weight?: undefined;
+    reorder?: undefined;
+    defaultValue?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+    clearOnHide?: undefined;
+    template?: undefined;
+    dataSrc?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    label: string;
+    key: string;
+    tooltip: string;
+    weight: number;
+    reorder: boolean;
+    defaultValue: {
+        label: string;
+        value: string;
+    }[];
+    components: ({
+        label: string;
+        key: string;
+        input: boolean;
+        type: string;
+        allowCalculateOverride?: undefined;
+        calculateValue?: undefined;
+        validate?: undefined;
+        weight?: undefined;
+        tooltip?: undefined;
+        dataSrc?: undefined;
+        valueProperty?: undefined;
+        customDefaultValue?: undefined;
+        template?: undefined;
+        data?: undefined;
+    } | {
+        label: string;
+        key: string;
+        input: boolean;
+        type: string;
+        allowCalculateOverride: boolean;
+        calculateValue: string;
+        validate: {
+            required: boolean;
+        };
+        weight?: undefined;
+        tooltip?: undefined;
+        dataSrc?: undefined;
+        valueProperty?: undefined;
+        customDefaultValue?: undefined;
+        template?: undefined;
+        data?: undefined;
+    } | {
+        type: string;
+        input: boolean;
+        weight: number;
+        label: string;
+        key: string;
+        tooltip: string;
+        dataSrc: string;
+        valueProperty: string;
+        customDefaultValue: () => string;
+        template: string;
+        data: {
+            custom(context: any): {
+                label: string;
+                value: string;
+            }[];
+        };
+        allowCalculateOverride?: undefined;
+        calculateValue?: undefined;
+        validate?: undefined;
+    })[];
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+        };
+    };
+    ignore?: undefined;
+    data?: undefined;
+    validate?: undefined;
+    onChange?: undefined;
+    clearOnHide?: undefined;
+    template?: undefined;
+    dataSrc?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    label: string;
+    key: string;
+    clearOnHide: boolean;
+    tooltip: string;
+    weight: number;
+    template: string;
+    dataSrc: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+    ignore?: undefined;
+    validate?: undefined;
+    onChange?: undefined;
+    reorder?: undefined;
+    defaultValue?: undefined;
+    components?: undefined;
+    conditional?: undefined;
+} | {
+    key: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+        };
+    };
+    ignore?: undefined;
+    data?: undefined;
+    validate?: undefined;
+    onChange?: undefined;
+    type?: undefined;
+    input?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    weight?: undefined;
+    reorder?: undefined;
+    defaultValue?: undefined;
+    components?: undefined;
+    clearOnHide?: undefined;
+    template?: undefined;
+    dataSrc?: undefined;
+})[];
+export default _default;

package/lib/mjs/components/radio/editForm/Radio.edit.data.js

@@ -71,6 +71,26 @@ export default [
             json: { '===': [{ var: 'data.dataSrc' }, 'values'] },
         },
     },
+    {
+        type: 'select',
+        input: true,
+        label: 'Storage Type',
+        key: 'dataType',
+        clearOnHide: true,
+        tooltip: 'The type to store the data. If you select something other than autotype, it will force it to that type.',
+        weight: 12,
+        template: '<span>{{ item.label }}</span>',
+        dataSrc: 'values',
+        data: {
+            values: [
+                { label: 'Autotype', value: 'auto' },
+                { label: 'String', value: 'string' },
+                { label: 'Number', value: 'number' },
+                { label: 'Boolean', value: 'boolean' },
+                { label: 'Object', value: 'object' },
+            ],
+        },
+    },
     {
         key: 'template',
         conditional: {

package/lib/mjs/components/radio/editForm/Radio.edit.display.d.ts

@@ -0,0 +1,40 @@
+declare const _default: ({
+    key: string;
+    ignore: boolean;
+    type?: undefined;
+    input?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    dataSrc?: undefined;
+    weight?: undefined;
+    defaultValue?: undefined;
+    data?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    label: string;
+    key: string;
+    tooltip: string;
+    dataSrc: string;
+    weight: number;
+    defaultValue: string;
+    data: {
+        values: {
+            label: string;
+            value: string;
+        }[];
+    };
+    ignore?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    ignore?: undefined;
+    dataSrc?: undefined;
+    defaultValue?: undefined;
+    data?: undefined;
+})[];
+export default _default;

package/lib/mjs/components/radio/editForm/Radio.edit.validation.d.ts

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

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

@@ -0,0 +1,28 @@
+declare namespace _default {
+    export namespace conditional {
+        let eq: string;
+        let when: null;
+        let show: string;
+    }
+    export let tags: never[];
+    export let type: string;
+    export namespace validate {
+        let customPrivate: boolean;
+        let custom: string;
+        let required: boolean;
+    }
+    export let persistent: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let defaultValue: string;
+    export let values: {
+        label: string;
+        value: string;
+    }[];
+    export let key: string;
+    export let label: string;
+    export let inputType: string;
+    export let tableView: boolean;
+    export let input: boolean;
+}
+export default _default;

package/lib/mjs/components/radio/fixtures/comp10.d.ts

@@ -0,0 +1,15 @@
+declare namespace _default {
+    let label: string;
+    let optionsLabelPosition: string;
+    let inline: boolean;
+    let tableView: boolean;
+    let values: {
+        label: string;
+        value: string;
+        shortcut: string;
+    }[];
+    let key: string;
+    let type: string;
+    let input: boolean;
+}
+export default _default;

package/lib/mjs/components/radio/fixtures/comp11.d.ts

@@ -0,0 +1,35 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        optionsLabelPosition: string;
+        inline: boolean;
+        tableView: boolean;
+        values: {
+            label: string;
+            value: string;
+            shortcut: string;
+        }[];
+        key: string;
+        type: string;
+        dataType: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        optionsLabelPosition?: undefined;
+        inline?: undefined;
+        values?: undefined;
+        dataType?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/radio/fixtures/comp11.js

@@ -0,0 +1,83 @@
+export default {
+    title: 'Test',
+    name: 'test',
+    path: 'test',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Radio',
+            optionsLabelPosition: 'right',
+            inline: false,
+            tableView: false,
+            values: [
+                {
+                    label: '0',
+                    value: '0',
+                    shortcut: ''
+                },
+                {
+                    label: '1',
+                    value: '1',
+                    shortcut: ''
+                }
+            ],
+            key: 'radioNumber',
+            type: 'radio',
+            dataType: 'number',
+            input: true
+        },
+        {
+            label: 'Radio',
+            optionsLabelPosition: 'right',
+            inline: false,
+            tableView: false,
+            values: [
+                {
+                    label: '0',
+                    value: '0',
+                    shortcut: ''
+                },
+                {
+                    label: '1',
+                    value: '1',
+                    shortcut: ''
+                }
+            ],
+            key: 'radioString',
+            dataType: 'string',
+            type: 'radio',
+            input: true
+        },
+        {
+            label: 'Radio',
+            optionsLabelPosition: 'right',
+            inline: false,
+            tableView: false,
+            values: [
+                {
+                    label: 'true',
+                    value: 'true',
+                    shortcut: ''
+                },
+                {
+                    label: 'false',
+                    value: 'false',
+                    shortcut: ''
+                }
+            ],
+            key: 'radioBoolean',
+            dataType: 'boolean',
+            type: 'radio',
+            input: true
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ]
+};

package/lib/mjs/components/radio/fixtures/comp2.d.ts

@@ -0,0 +1,85 @@
+declare namespace _default {
+    export let label: string;
+    export let labelPosition: string;
+    export let optionsLabelPosition: string;
+    export let description: string;
+    export let tooltip: string;
+    export let customClass: string;
+    export let tabindex: string;
+    export let inline: boolean;
+    export let hidden: boolean;
+    export let hideLabel: boolean;
+    export let autofocus: boolean;
+    export let disabled: boolean;
+    export let tableView: boolean;
+    export let modalEdit: boolean;
+    export let values: {
+        label: string;
+        value: string;
+        shortcut: string;
+    }[];
+    export let dataType: string;
+    export let persistent: boolean;
+    let _protected: boolean;
+    export { _protected as protected };
+    export let dbIndex: boolean;
+    export let encrypted: boolean;
+    export let redrawOn: string;
+    export let clearOnHide: boolean;
+    export let customDefaultValue: string;
+    export let calculateValue: string;
+    export let calculateServer: boolean;
+    export let allowCalculateOverride: boolean;
+    export namespace validate {
+        let required: boolean;
+        let customMessage: string;
+        let custom: string;
+        let customPrivate: boolean;
+        let json: string;
+        let strictDateValidation: boolean;
+        let multiple: boolean;
+        let unique: boolean;
+    }
+    export let errorLabel: string;
+    export let key: string;
+    export let tags: never[];
+    export let properties: {};
+    export namespace conditional {
+        export let show: null;
+        export let when: null;
+        export let eq: string;
+        let json_1: string;
+        export { json_1 as json };
+    }
+    export let customConditional: string;
+    export let logic: never[];
+    export let attributes: {};
+    export namespace overlay {
+        let style: string;
+        let page: string;
+        let left: string;
+        let top: string;
+        let width: string;
+        let height: string;
+    }
+    export let type: string;
+    export let input: boolean;
+    export let placeholder: string;
+    export let prefix: string;
+    export let suffix: string;
+    let multiple_1: boolean;
+    export { multiple_1 as multiple };
+    let unique_1: boolean;
+    export { unique_1 as unique };
+    export let refreshOn: string;
+    export let widget: null;
+    export let validateOn: string;
+    export let showCharCount: boolean;
+    export let showWordCount: boolean;
+    export let allowMultipleMasks: boolean;
+    export let inputType: string;
+    export let fieldSet: boolean;
+    export let id: string;
+    export let defaultValue: string;
+}
+export default _default;