@formio/js 5.0.0-rc.77 → 5.0.0-rc.79

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'select',
+    label: 'Select',
+    widget: 'choicesjs',
+    tableView: true,
+    dataSrc: 'custom',
+    data: {
+        custom: 'values = data.dataSource;'
+    },
+    dataType: 'string',
+    idPath: 'name',
+    valueProperty: 'name',
+    template: '<span>{{ item.name }}</span>',
+    validateWhenHidden: false,
+    key: 'select',
+    input: true
+};

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

@@ -21,5 +21,7 @@ import comp21 from './comp21';
 import comp22 from './comp22';
 import comp23 from './comp23';
 import comp24 from './comp24';
-export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, comp21, comp22, comp23, comp24 };
+import comp25 from './comp25';
+import comp27 from './comp27';
+export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, comp21, comp22, comp23, comp24, comp25, comp26, comp27 };
 export { multiSelect, multiSelectOptions } from "./comp3";

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp24 = exports.comp23 = exports.comp22 = exports.comp21 = exports.comp20 = 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;
+exports.comp27 = exports.comp26 = exports.comp25 = exports.comp24 = exports.comp23 = exports.comp22 = exports.comp21 = exports.comp20 = 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"));
@@ -53,3 +53,9 @@ const comp23_1 = __importDefault(require("./comp23"));
 exports.comp23 = comp23_1.default;
 const comp24_1 = __importDefault(require("./comp24"));
 exports.comp24 = comp24_1.default;
+const comp25_1 = __importDefault(require("./comp25"));
+exports.comp25 = comp25_1.default;
+const comp26_1 = __importDefault(require("./comp26"));
+exports.comp26 = comp26_1.default;
+const comp27_1 = __importDefault(require("./comp27"));
+exports.comp27 = comp27_1.default;

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

@@ -254,7 +254,7 @@ class SelectBoxesComponent extends Radio_1.default {
         if (!(0, utils_1.boolValue)(setting) || !value) {
             return true;
         }
-        const values = this.component.values;
+        const values = this.component.dataSrc === 'values' ? this.component.values : this.loadedOptions;
         const availableValueKeys = (values || []).map(({ value: optionValue }) => optionValue);
         const valueKeys = Object.keys(value);
         return valueKeys.every((key) => availableValueKeys.includes(key));

package/lib/cjs/utils/conditionOperators/DateGreaterThan.js

@@ -19,12 +19,13 @@ class DateGeaterThan extends ConditionOperator_1.default {
         return { date, comparedDate };
     }
     execute(options, functionName = 'isAfter') {
+        var _a;
         const { value, instance, conditionComponentPath } = options;
         if (!value) {
             return false;
         }
         let conditionTriggerComponent = null;
-        if (instance && instance.root) {
+        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
             conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
         }
         if (conditionTriggerComponent && conditionTriggerComponent.isPartialDay && conditionTriggerComponent.isPartialDay(value)) {

package/lib/cjs/utils/conditionOperators/IsEmptyValue.js

@@ -18,8 +18,8 @@ class IsEmptyValue extends ConditionOperator_1.default {
     execute({ value, instance, conditionComponentPath }) {
         var _a;
         const isEmptyValue = lodash_1.default.isEmpty(lodash_1.default.isNumber(value) ? String(value) : value);
-        if (instance && instance.root) {
-            const conditionTriggerComponent = ((_a = instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) && instance.root.getComponent(conditionComponentPath);
+        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
+            const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
             return (conditionTriggerComponent === null || conditionTriggerComponent === void 0 ? void 0 : conditionTriggerComponent.isEmpty) ? conditionTriggerComponent.isEmpty() : isEmptyValue;
         }
         return isEmptyValue;

package/lib/cjs/utils/conditionOperators/IsEqualTo.js

@@ -22,8 +22,8 @@ class IsEqualTo extends ConditionOperator_1.default {
             // eslint-disable-next-line no-empty
             catch (e) { }
         }
-        if (instance && instance.root) {
-            const conditionTriggerComponent = ((_a = instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) && instance.root.getComponent(conditionComponentPath);
+        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
+            const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);
             if (conditionTriggerComponent
                 && (0, utils_1.isSelectResourceWithObjectValue)(conditionTriggerComponent.component)
                 && ((_b = conditionTriggerComponent.component) === null || _b === void 0 ? void 0 : _b.template)) {

package/lib/cjs/utils/formUtils.d.ts

@@ -8,11 +8,10 @@ export function findComponents(components: import('@formio/core').Component[], q
 export const flattenComponents: typeof Utils.flattenComponents;
 export const guid: typeof Utils.guid;
 export const uniqueName: typeof Utils.uniqueName;
-export const MODEL_TYPES: Record<string, string[]>;
+export const MODEL_TYPES: any;
 export const getModelType: typeof Utils.getModelType;
 export const getComponentAbsolutePath: typeof Utils.getComponentAbsolutePath;
 export const getComponentPath: typeof Utils.getComponentPath;
-export const isComponentModelType: typeof Utils.isComponentModelType;
 export const isComponentNestedDataType: typeof Utils.isComponentNestedDataType;
 export const componentPath: typeof Utils.componentPath;
 export const componentChildPath: any;

package/lib/cjs/utils/formUtils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.componentChildPath = exports.componentPath = exports.isComponentNestedDataType = exports.isComponentModelType = exports.getComponentPath = exports.getComponentAbsolutePath = exports.getModelType = exports.MODEL_TYPES = exports.uniqueName = exports.guid = exports.flattenComponents = exports.findComponents = void 0;
+exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.componentChildPath = exports.componentPath = exports.isComponentNestedDataType = exports.getComponentPath = exports.getComponentAbsolutePath = exports.getModelType = exports.MODEL_TYPES = exports.uniqueName = exports.guid = exports.flattenComponents = exports.findComponents = void 0;
 const core_1 = require("@formio/core");
-const { flattenComponents, guid, uniqueName, MODEL_TYPES, getModelType, getComponentAbsolutePath, getComponentPath, isComponentModelType, isComponentNestedDataType, componentPath, componentChildPath, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty } = core_1.Utils;
+const { flattenComponents, guid, uniqueName, MODEL_TYPES, getModelType, getComponentAbsolutePath, getComponentPath, isComponentNestedDataType, componentPath, componentChildPath, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty } = core_1.Utils;
 exports.flattenComponents = flattenComponents;
 exports.guid = guid;
 exports.uniqueName = uniqueName;
@@ -10,7 +10,6 @@ exports.MODEL_TYPES = MODEL_TYPES;
 exports.getModelType = getModelType;
 exports.getComponentAbsolutePath = getComponentAbsolutePath;
 exports.getComponentPath = getComponentPath;
-exports.isComponentModelType = isComponentModelType;
 exports.isComponentNestedDataType = isComponentNestedDataType;
 exports.componentPath = componentPath;
 exports.componentChildPath = componentChildPath;

package/lib/mjs/Webform.js

@@ -1093,6 +1093,9 @@ export default class Webform extends NestedDataComponent {
         if (!Array.isArray(errors)) {
             errors = [errors];
         }
+        if (Array.isArray(this.errors)) {
+            errors = _.union(errors, this.errors);
+        }
         errors = errors.concat(this.customErrors).filter((err) => !!err);
         if (!errors.length) {
             this.setAlert(false);
@@ -1238,10 +1241,14 @@ export default class Webform extends NestedDataComponent {
         }
         this.checkData(value.data, flags);
         const shouldValidate = !flags.noValidate ||
-            flags.fromIFrame ||
+            flags.fromIframe ||
             (flags.fromSubmission && this.rootPristine && this.pristine && flags.changed);
         const errors = shouldValidate
-            ? this.validate(value.data, { ...flags, process: "change" })
+            ? this.validate(value.data, {
+                ...flags,
+                noValidate: false,
+                process: 'change'
+            })
             : [];
         value.isValid = errors.length === 0;
         this.loading = false;

package/lib/mjs/components/_classes/component/Component.js

@@ -2963,7 +2963,7 @@ export default class Component extends Element {
                         this.parent.childErrors.push(...errors);
                     }
                     else {
-                        _.remove(this.parent.childErrors, (err) => err.component.key === this.component.key);
+                        _.remove(this.parent.childErrors, (err) => (err?.component?.key || err?.context?.key) === this.component.key);
                     }
                 }
                 this.showValidationErrors(errors, data, row, flags);
@@ -2979,7 +2979,7 @@ export default class Component extends Element {
                     this.parent.childErrors.push(...errors);
                 }
                 else {
-                    _.remove(this.parent.childErrors, (err) => err.component.key === this.component.key);
+                    _.remove(this.parent.childErrors, (err) => (err?.component?.key || err?.context?.key) === this.component.key);
                 }
             }
             return errors.length === 0;

package/lib/mjs/components/_classes/multivalue/Multivalue.d.ts

@@ -1,4 +1,12 @@
 export default class Multivalue extends Field {
+    /**
+     * Normalize values coming into updateValue.
+     * @param {*} value - The value to normalize before setting.
+     * @param {object} flags - Flags to use when normalizing the value.
+     * @param {*} emptyValue - The empty value for the field.
+     * @returns {*} - The normalized value.
+     */
+    normalizeValue(value: any, flags?: object, emptyValue?: any): any;
     get addAnother(): string;
     /**
      * @returns {Field} - The created field.

package/lib/mjs/components/_classes/multivalue/Multivalue.js

@@ -1,40 +1,46 @@
 import Field from '../field/Field';
 import _ from 'lodash';
+import { Utils } from '@formio/core';
 export default class Multivalue extends Field {
     /**
      * Normalize values coming into updateValue.
      * @param {*} value - The value to normalize before setting.
+     * @param {object} flags - Flags to use when normalizing the value.
+     * @param {*} emptyValue - The empty value for the field.
      * @returns {*} - The normalized value.
      */
-    normalizeValue(value) {
+    normalizeValue(value, flags = {}, emptyValue = this.emptyValue) {
+        const underlyingValueShouldBeArray = Utils.getModelType(this.component) === 'array' || this.component.storeas === 'array' || Array.isArray(emptyValue);
         if (this.component.multiple) {
             if (Array.isArray(value)) {
-                if (value.length === 0) {
-                    return [this.emptyValue];
+                if (underlyingValueShouldBeArray) {
+                    if (value.length === 0 || !Array.isArray(value[0])) {
+                        return [value];
+                    }
                 }
-                if (this.component.storeas === 'array') {
-                    return super.normalizeValue([value]);
+                if (value.length === 0) {
+                    return [emptyValue];
                 }
-                return super.normalizeValue(value);
+                return super.normalizeValue(value, flags);
             }
             else {
-                return super.normalizeValue(value == null ? [this.emptyValue] : [value]);
+                return super.normalizeValue(value == null ? [emptyValue] : [value], flags);
             }
         }
         else {
-            if (Array.isArray(value) && this.component.storeas !== 'array') {
+            if (Array.isArray(value) && !underlyingValueShouldBeArray) {
                 if (this.component.storeas === 'string') {
-                    return super.normalizeValue(value.join(this.delimiter || ''));
+                    return super.normalizeValue(value.join(this.delimiter || ''), flags);
                 }
-                return super.normalizeValue(value[0] || this.emptyValue);
+                return super.normalizeValue(value[0] || emptyValue, flags);
             }
             else {
-                return super.normalizeValue(value);
+                return super.normalizeValue(value, flags);
             }
         }
     }
     get dataValue() {
-        return super.dataValue;
+        return this.normalizeValue(super.dataValue);
     }
     set dataValue(value) {
         super.dataValue = value;

package/lib/mjs/components/day/Day.d.ts

@@ -97,6 +97,11 @@ export default class DayComponent extends Field {
      * @returns {null|void} - Returns null if the value is invalid, otherwise void.
      */
     setValueAt(index: number, value: any): null | void;
+    getDayWithHiddenFields(parts: any): {
+        month: any;
+        day: any;
+        year: any;
+    };
     getFieldValue(name: any): number;
     get parts(): {
         day: number;

package/lib/mjs/components/day/Day.js

@@ -342,6 +342,18 @@ export default class DayComponent extends Field {
         const valueParts = value.split('/');
         const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = this.component.defaultValue ? this.component.defaultValue.split('/') : '';
+        let defaultDay = '';
+        let defaultMonth = '';
+        let defaultYear = '';
+        if (defaultValue) {
+            const hasHiddenFields = defaultValue.length !== 3;
+            defaultDay = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).day : defaultValue[DAY];
+            defaultMonth = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).month : defaultValue[MONTH];
+            defaultYear = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).year : defaultValue[YEAR];
+        }
+        if (this.options.building && defaultValue.length === 3) {
+            return this.component.defaultValue;
+        }
         const getNextPart = (shouldTake, defaultValue) => {
             // Only push the part if it's not an empty string
             const part = shouldTake ? valueParts.shift() : defaultValue;
@@ -350,13 +362,13 @@ export default class DayComponent extends Field {
             }
         };
         if (this.dayFirst) {
-            getNextPart(this.showDay, defaultValue ? defaultValue[DAY] : '');
+            getNextPart(this.showDay, defaultDay);
         }
-        getNextPart(this.showMonth, defaultValue ? defaultValue[MONTH] : '');
+        getNextPart(this.showMonth, defaultMonth);
         if (!this.dayFirst) {
-            getNextPart(this.showDay, defaultValue ? defaultValue[DAY] : '');
+            getNextPart(this.showDay, defaultDay);
         }
-        getNextPart(this.showYear, defaultValue ? defaultValue[YEAR] : '');
+        getNextPart(this.showYear, defaultYear);
         return dateParts.join('/');
     }
     /**
@@ -371,16 +383,23 @@ export default class DayComponent extends Field {
         if (value === 'Invalid date') {
             return null;
         }
+        let day, month, year;
         const parts = value.split('/');
-        let day;
-        if (this.component.dayFirst) {
-            day = parts.shift();
+        if (parts.length !== 3) {
+            day = this.getDayWithHiddenFields(parts).day;
+            month = this.getDayWithHiddenFields(parts).month;
+            year = this.getDayWithHiddenFields(parts).year;
         }
-        const month = parts.shift();
-        if (!this.component.dayFirst) {
-            day = parts.shift();
+        else {
+            if (this.component.dayFirst) {
+                day = parts.shift();
+            }
+            month = parts.shift();
+            if (!this.component.dayFirst) {
+                day = parts.shift();
+            }
+            year = parts.shift();
         }
-        const year = parts.shift();
         if (this.refs.day && this.showDay) {
             this.refs.day.value = day === '00' ? '' : parseInt(day, 10);
         }
@@ -391,6 +410,27 @@ export default class DayComponent extends Field {
             this.refs.year.value = year === '0000' ? '' : parseInt(year, 10);
         }
     }
+    getDayWithHiddenFields(parts) {
+        let [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
+        if (!this.showDay) {
+            MONTH = MONTH === 0 ? 0 : MONTH - 1;
+            YEAR = YEAR - 1;
+            DAY = null;
+        }
+        if (!this.showMonth) {
+            DAY = DAY === 0 ? 0 : DAY - 1;
+            YEAR = YEAR - 1;
+            MONTH = null;
+        }
+        if (!this.showYear) {
+            YEAR = null;
+        }
+        return {
+            month: _.isNull(MONTH) ? '' : parts[MONTH],
+            day: _.isNull(DAY) ? '' : parts[DAY],
+            year: _.isNull(YEAR) ? '' : parts[YEAR],
+        };
+    }
     getFieldValue(name) {
         const parts = this.dataValue ? this.dataValue.split('/') : [];
         let val = 0;
@@ -557,7 +597,7 @@ export default class DayComponent extends Field {
     }
     isPartialDay(value) {
         if (!value) {
-            return false;
+            return true;
         }
         const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const values = value.split('/');

package/lib/mjs/components/day/editForm/Day.edit.day.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,16 +26,32 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
     placeholder?: undefined;
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    wieght?: undefined;
+    datasrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    onChange?: undefined;
 })[];
 export default _default;

package/lib/mjs/components/day/editForm/Day.edit.day.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 export default [
     {
         wieght: 200,
@@ -33,6 +34,21 @@ export default [
         label: 'Hidden',
         tooltip: 'Hide the Day part of the component.',
         key: 'fields.day.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.day.hide && defaultValueParts.length !== 3) {
+                    const newDefaultValue = ['00'];
+                    if (!data.fields.month.hide) {
+                        data.dayFirst ? newDefaultValue.push(defaultValueParts[0]) : newDefaultValue.unshift(defaultValueParts[0]);
+                    }
+                    if (!data.fields.year.hide) {
+                        newDefaultValue.push(defaultValueParts[1]);
+                    }
+                    _.set(data, 'defaultValue', newDefaultValue.join('/'));
+                }
+            }
+        },
         input: true
     },
     {

package/lib/mjs/components/day/editForm/Day.edit.month.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,12 +26,16 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;

package/lib/mjs/components/day/editForm/Day.edit.month.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 export default [
     {
         wieght: 200,
@@ -33,6 +34,21 @@ export default [
         label: 'Hidden',
         tooltip: 'Hide the Month part of the component.',
         key: 'fields.month.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.month.hide && defaultValueParts.length !== 3) {
+                    const newDefaultValue = ['00'];
+                    if (!data.fields.day.hide) {
+                        data.dayFirst ? newDefaultValue.unshift(defaultValueParts[0]) : newDefaultValue.push(defaultValueParts[0]);
+                    }
+                    if (!data.fields.year.hide) {
+                        newDefaultValue.push(defaultValueParts[1]);
+                    }
+                    _.set(data, 'defaultValue', newDefaultValue.join('/'));
+                }
+            }
+        },
         input: true
     },
 ];

package/lib/mjs/components/day/editForm/Day.edit.year.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,12 +26,16 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;

package/lib/mjs/components/day/editForm/Day.edit.year.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 export default [
     {
         wieght: 200,
@@ -51,6 +52,15 @@ export default [
         label: 'Hidden',
         tooltip: 'Hide the Year part of the component.',
         key: 'fields.year.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.month.hide && defaultValueParts.length !== 3) {
+                    defaultValueParts.push('0000');
+                    _.set(data, 'defaultValue', defaultValueParts.join('/'));
+                }
+            }
+        },
         input: true
     },
 ];

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

@@ -212,7 +212,7 @@ export default class RadioComponent extends ListComponent {
         if (!boolValue(setting) || !value) {
             return true;
         }
-        const values = this.component.values;
+        const values = this.component.dataSrc === 'values' ? this.component.values : this.loadedOptions;
         if (values) {
             return values.findIndex(({ value: optionValue }) => this.normalizeValue(optionValue) === value) !== -1;
         }

package/lib/mjs/components/select/Select.d.ts

@@ -9,9 +9,47 @@ export default class SelectComponent extends ListComponent {
     };
     static get serverConditionSettings(): {
         valueComponent(classComp: any): any;
+        dataTypeOperators: {
+            number: string[];
+        };
+        dataTypeValueComponents: {
+            number: {
+                lessThan: () => {
+                    type: string;
+                };
+                greaterThan: () => {
+                    type: string;
+                };
+                lessThanOrEqual: () => {
+                    type: string;
+                };
+                greaterThanOrEqual: () => {
+                    type: string;
+                };
+            };
+        };
     };
     static get conditionOperatorsSettings(): {
         valueComponent(classComp: any): any;
+        dataTypeOperators: {
+            number: string[];
+        };
+        dataTypeValueComponents: {
+            number: {
+                lessThan: () => {
+                    type: string;
+                };
+                greaterThan: () => {
+                    type: string;
+                };
+                lessThanOrEqual: () => {
+                    type: string;
+                };
+                greaterThanOrEqual: () => {
+                    type: string;
+                };
+            };
+        };
     };
     static savedValueTypes(schema: any): any[];
     templateData: {} | undefined;

package/lib/mjs/components/select/Select.js

@@ -58,6 +58,7 @@ export default class SelectComponent extends ListComponent {
         return SelectComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
+        const numberType = () => ({ type: 'number' });
         return {
             ...super.conditionOperatorsSettings,
             valueComponent(classComp) {
@@ -74,7 +75,18 @@ export default class SelectComponent extends ListComponent {
           `;
                 }
                 return valueComp;
-            }
+            },
+            dataTypeOperators: {
+                number: ['lessThan', 'greaterThan', 'lessThanOrEqual', 'greaterThanOrEqual'],
+            },
+            dataTypeValueComponents: {
+                number: {
+                    lessThan: numberType,
+                    greaterThan: numberType,
+                    lessThanOrEqual: numberType,
+                    greaterThanOrEqual: numberType,
+                },
+            },
         };
     }
     static savedValueTypes(schema) {
@@ -1446,6 +1458,9 @@ export default class SelectComponent extends ListComponent {
             case 'custom':
                 rawItems = this.getCustomItems();
                 break;
+            case 'url':
+                rawItems = this.selectItems;
+                break;
         }
         if (typeof rawItems === 'string') {
             try {
@@ -1503,7 +1518,7 @@ export default class SelectComponent extends ListComponent {
                 if (Array.isArray(data)) {
                     data.forEach((item) => item[valueProperty] = item[valueProperty].toString());
                 }
-                else {
+                else if (_.isObject(data)) {
                     data[valueProperty] = data[valueProperty].toString();
                 }
                 return data;
@@ -1538,7 +1553,7 @@ export default class SelectComponent extends ListComponent {
             };
             value = (this.component.multiple && Array.isArray(value))
                 ? _.filter(items, (item) => value.includes(item.value))
-                : valueProperty
+                : (valueProperty && items)
                     ? getFromValues() ?? { value, label: value }
                     : value;
         }