@formio/js 5.0.0-dev.5659.a16afd8 → 5.0.0-dev.5661.22d0f16

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

@@ -2665,7 +2665,7 @@ class Component extends Element_1.default {
      */
     resetValue() {
         this.unset();
-        this.setValue(this.emptyValue, {
+        this.setValue(this.defaultValue || this.emptyValue, {
             noUpdateEvent: true,
             noValidate: true,
             resetValue: true

package/lib/cjs/components/_classes/component/fixtures/comp6.d.ts

@@ -0,0 +1,77 @@
+declare namespace _default {
+    let components: ({
+        label: string;
+        applyMaskOn: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        widget?: undefined;
+        data?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        applyMaskOn: string;
+        mask: boolean;
+        tableView: boolean;
+        delimiter: boolean;
+        requireDecimal: boolean;
+        inputFormat: string;
+        truncateMultipleSpaces: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: number;
+        widget?: undefined;
+        data?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        widget: string;
+        tableView: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        applyMaskOn?: undefined;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        applyMaskOn?: undefined;
+        defaultValue?: undefined;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        widget?: undefined;
+        data?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/_classes/component/fixtures/comp6.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "components": [
+        {
+            "label": "Text Field",
+            "applyMaskOn": "change",
+            "tableView": true,
+            "key": "textField",
+            "type": "textfield",
+            "input": true,
+            "defaultValue": "test"
+        },
+        {
+            "label": "Number",
+            "applyMaskOn": "change",
+            "mask": false,
+            "tableView": false,
+            "delimiter": false,
+            "requireDecimal": false,
+            "inputFormat": "plain",
+            "truncateMultipleSpaces": false,
+            "key": "number",
+            "type": "number",
+            "input": true,
+            "defaultValue": 123
+        },
+        {
+            "label": "Select",
+            "widget": "choicesjs",
+            "tableView": true,
+            "data": {
+                "values": [
+                    {
+                        "label": "a",
+                        "value": "a"
+                    },
+                    {
+                        "label": "b",
+                        "value": "b"
+                    }
+                ]
+            },
+            "key": "select",
+            "type": "select",
+            "input": true,
+            "defaultValue": "a"
+        },
+        {
+            "label": "Reset",
+            "action": "reset",
+            "showValidations": false,
+            "tableView": false,
+            "key": "reset",
+            "type": "button",
+            "input": true
+        },
+    ]
+};

package/lib/cjs/components/_classes/component/fixtures/index.d.ts

@@ -3,4 +3,5 @@ import comp2 from './comp2';
 import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
-export { comp1, comp2, comp3, comp4, comp5 };
+import comp6 from './comp6';
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

package/lib/cjs/components/_classes/component/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.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -14,3 +14,5 @@ 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;

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

@@ -35,7 +35,7 @@ export default class DayComponent extends Field {
             id: string;
             class: string;
             type: string;
-            placeholder: string;
+            placeholder: any;
             step: number;
             min: any;
             max: any;

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

@@ -124,7 +124,7 @@ class DayComponent extends Field_1.default {
                 id: `${this.component.key}-${name}`,
                 class: `form-control ${this.transform('class', `formio-day-component-${name}`)}`,
                 type: this.component.fields[name].type === 'select' ? 'select' : 'number',
-                placeholder: this.t(this.component.fields[name].placeholder),
+                placeholder: this.component.fields[name].placeholder,
                 step: 1,
                 min,
                 max,

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

@@ -4,5 +4,4 @@ import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
-import comp7 from './comp7';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

package/lib/cjs/components/day/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.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -16,5 +16,3 @@ 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;

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

@@ -2634,7 +2634,7 @@ export default class Component extends Element {
      */
     resetValue() {
         this.unset();
-        this.setValue(this.emptyValue, {
+        this.setValue(this.defaultValue || this.emptyValue, {
             noUpdateEvent: true,
             noValidate: true,
             resetValue: true

package/lib/mjs/components/_classes/component/fixtures/comp6.d.ts

@@ -0,0 +1,77 @@
+declare namespace _default {
+    let components: ({
+        label: string;
+        applyMaskOn: string;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        widget?: undefined;
+        data?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        applyMaskOn: string;
+        mask: boolean;
+        tableView: boolean;
+        delimiter: boolean;
+        requireDecimal: boolean;
+        inputFormat: string;
+        truncateMultipleSpaces: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: number;
+        widget?: undefined;
+        data?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        widget: string;
+        tableView: boolean;
+        data: {
+            values: {
+                label: string;
+                value: string;
+            }[];
+        };
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        applyMaskOn?: undefined;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        action?: undefined;
+        showValidations?: undefined;
+    } | {
+        label: string;
+        action: string;
+        showValidations: boolean;
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        applyMaskOn?: undefined;
+        defaultValue?: undefined;
+        mask?: undefined;
+        delimiter?: undefined;
+        requireDecimal?: undefined;
+        inputFormat?: undefined;
+        truncateMultipleSpaces?: undefined;
+        widget?: undefined;
+        data?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/_classes/component/fixtures/comp6.js

@@ -0,0 +1,57 @@
+export default {
+    "components": [
+        {
+            "label": "Text Field",
+            "applyMaskOn": "change",
+            "tableView": true,
+            "key": "textField",
+            "type": "textfield",
+            "input": true,
+            "defaultValue": "test"
+        },
+        {
+            "label": "Number",
+            "applyMaskOn": "change",
+            "mask": false,
+            "tableView": false,
+            "delimiter": false,
+            "requireDecimal": false,
+            "inputFormat": "plain",
+            "truncateMultipleSpaces": false,
+            "key": "number",
+            "type": "number",
+            "input": true,
+            "defaultValue": 123
+        },
+        {
+            "label": "Select",
+            "widget": "choicesjs",
+            "tableView": true,
+            "data": {
+                "values": [
+                    {
+                        "label": "a",
+                        "value": "a"
+                    },
+                    {
+                        "label": "b",
+                        "value": "b"
+                    }
+                ]
+            },
+            "key": "select",
+            "type": "select",
+            "input": true,
+            "defaultValue": "a"
+        },
+        {
+            "label": "Reset",
+            "action": "reset",
+            "showValidations": false,
+            "tableView": false,
+            "key": "reset",
+            "type": "button",
+            "input": true
+        },
+    ]
+};

package/lib/mjs/components/_classes/component/fixtures/index.d.ts

@@ -3,4 +3,5 @@ import comp2 from './comp2';
 import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
-export { comp1, comp2, comp3, comp4, comp5 };
+import comp6 from './comp6';
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

package/lib/mjs/components/_classes/component/fixtures/index.js

@@ -3,4 +3,5 @@ import comp2 from './comp2';
 import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
-export { comp1, comp2, comp3, comp4, comp5 };
+import comp6 from './comp6';
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

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

@@ -35,7 +35,7 @@ export default class DayComponent extends Field {
             id: string;
             class: string;
             type: string;
-            placeholder: string;
+            placeholder: any;
             step: number;
             min: any;
             max: any;

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

@@ -122,7 +122,7 @@ export default class DayComponent extends Field {
                 id: `${this.component.key}-${name}`,
                 class: `form-control ${this.transform('class', `formio-day-component-${name}`)}`,
                 type: this.component.fields[name].type === 'select' ? 'select' : 'number',
-                placeholder: this.t(this.component.fields[name].placeholder),
+                placeholder: this.component.fields[name].placeholder,
                 step: 1,
                 min,
                 max,

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

@@ -4,5 +4,4 @@ import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
-import comp7 from './comp7';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

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

@@ -4,5 +4,4 @@ import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
 import comp6 from './comp6';
-import comp7 from './comp7';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7 };
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5659.a16afd8",
+  "version": "5.0.0-dev.5661.22d0f16",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {

package/lib/cjs/components/day/fixtures/comp7.d.ts

@@ -1,109 +0,0 @@
-declare namespace _default {
-    let components: ({
-        type: string;
-        key: string;
-        label: string;
-        placeholder: string;
-        input: boolean;
-        applyMaskOn?: undefined;
-        tableView?: undefined;
-        hideInputLabels?: undefined;
-        inputsLabelPosition?: undefined;
-        useLocaleSettings?: undefined;
-        fields?: undefined;
-        defaultValue?: undefined;
-        values?: undefined;
-        questions?: undefined;
-        action?: undefined;
-        theme?: undefined;
-    } | {
-        label: string;
-        placeholder: string;
-        applyMaskOn: string;
-        tableView: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        hideInputLabels?: undefined;
-        inputsLabelPosition?: undefined;
-        useLocaleSettings?: undefined;
-        fields?: undefined;
-        defaultValue?: undefined;
-        values?: undefined;
-        questions?: undefined;
-        action?: undefined;
-        theme?: undefined;
-    } | {
-        label: string;
-        hideInputLabels: boolean;
-        inputsLabelPosition: string;
-        useLocaleSettings: boolean;
-        tableView: boolean;
-        fields: {
-            day: {
-                placeholder: string;
-                hide: boolean;
-            };
-            month: {
-                type: string;
-                placeholder: string;
-                hide: boolean;
-            };
-            year: {
-                placeholder: string;
-                hide: boolean;
-            };
-        };
-        key: string;
-        type: string;
-        input: boolean;
-        defaultValue: string;
-        placeholder?: undefined;
-        applyMaskOn?: undefined;
-        values?: undefined;
-        questions?: undefined;
-        action?: undefined;
-        theme?: undefined;
-    } | {
-        type: string;
-        key: string;
-        label: string;
-        values: {
-            label: string;
-            value: string;
-        }[];
-        questions: {
-            label: string;
-            value: string;
-        }[];
-        placeholder?: undefined;
-        input?: undefined;
-        applyMaskOn?: undefined;
-        tableView?: undefined;
-        hideInputLabels?: undefined;
-        inputsLabelPosition?: undefined;
-        useLocaleSettings?: undefined;
-        fields?: undefined;
-        defaultValue?: undefined;
-        action?: undefined;
-        theme?: undefined;
-    } | {
-        type: string;
-        action: string;
-        label: string;
-        theme: string;
-        key?: undefined;
-        placeholder?: undefined;
-        input?: undefined;
-        applyMaskOn?: undefined;
-        tableView?: undefined;
-        hideInputLabels?: undefined;
-        inputsLabelPosition?: undefined;
-        useLocaleSettings?: undefined;
-        fields?: undefined;
-        defaultValue?: undefined;
-        values?: undefined;
-        questions?: undefined;
-    })[];
-}
-export default _default;

package/lib/cjs/components/day/fixtures/comp7.js

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    components: [
-        {
-            type: 'textfield',
-            key: 'firstName',
-            label: 'First Name',
-            placeholder: 'Enter your first name',
-            input: true
-        }, {
-            "label": "Day",
-            "placeholder": "Day",
-            "applyMaskOn": "change",
-            "tableView": true,
-            "key": "day2",
-            "type": "textfield",
-            "input": true
-        }, {
-            "label": "Month",
-            "placeholder": "Month",
-            "applyMaskOn": "change",
-            "tableView": true,
-            "key": "month2",
-            "type": "textfield",
-            "input": true
-        }, {
-            "label": "Year",
-            "placeholder": "Year",
-            "applyMaskOn": "change",
-            "tableView": true,
-            "key": "year2",
-            "type": "textfield",
-            "input": true
-        },
-        {
-            "label": "Day",
-            "hideInputLabels": false,
-            "inputsLabelPosition": "top",
-            "useLocaleSettings": false,
-            "tableView": false,
-            "fields": {
-                "day": {
-                    "placeholder": "Day",
-                    "hide": false
-                },
-                "month": {
-                    "type": "number",
-                    "placeholder": "Month",
-                    "hide": false
-                },
-                "year": {
-                    "placeholder": "Year",
-                    "hide": false
-                }
-            },
-            "key": "day",
-            "type": "day",
-            "input": true,
-            "defaultValue": "00/00/0000"
-        },
-        {
-            type: 'textfield',
-            key: 'lastName',
-            label: 'Last Name',
-            placeholder: 'Enter your last name',
-            input: true
-        },
-        {
-            type: 'survey',
-            key: 'questions',
-            label: 'Survey',
-            values: [
-                {
-                    label: 'Great',
-                    value: 'great'
-                },
-                {
-                    label: 'Good',
-                    value: 'good'
-                },
-                {
-                    label: 'Poor',
-                    value: 'poor'
-                }
-            ],
-            questions: [
-                {
-                    label: 'How would you rate the Form.io platform?',
-                    value: 'howWouldYouRateTheFormIoPlatform'
-                },
-                {
-                    label: 'How was Customer Support?',
-                    value: 'howWasCustomerSupport'
-                },
-                {
-                    label: 'Overall Experience?',
-                    value: 'overallExperience'
-                }
-            ]
-        },
-        {
-            type: 'button',
-            action: 'submit',
-            label: 'Submit',
-            theme: 'primary'
-        }
-    ]
-};