@formio/js 5.0.0-dev.5750.5b1284a → 5.0.0-dev.5755.27ce870

package/lib/mjs/components/editgrid/fixtures/comp-with-custom-default-value.js

@@ -1,225 +0,0 @@
-export default {
-    type: 'form',
-    components: [
-        {
-            label: 'Selected Funds',
-            conditionalAddButton: 'show = !instance.hasOpenRows();',
-            tableView: false,
-            templates: {
-                header: "<div class=\"row\">\r\n  {% util.eachComponent(components, function(component) {\r\n    if (component.key === 'loadTypeFundCode') { %}\r\n      <div class=\"col-sm-2\">\r\n        <strong>Fund Code</strong>\r\n      </div>\r\n      <div class=\"col-sm-2\">\r\n        <strong>Load Type</strong>\r\n      </div>    \r\n    {% } else if (component.key !== 'fundClass') { \r\n      if (component.key === 'fundName2') { %}\r\n      <div class=\"col-sm-2\">\r\n      {% } else { %}\r\n      <div class=\"col-sm-2\">\r\n      {% } %}\r\n      <strong>{{ component.label }}</strong>\r\n      </div>\r\n      {% }\r\n  }) %}\r\n</div>",
-                row: "<div class=\"row\">\r\n  {% console.dir(row);\r\n  util.eachComponent(components, function(component) { \r\n    if (component.key === 'loadTypeFundCode') { \r\n      var fundCode = '';\r\n      var loadType = '';\r\n      var item = component.data.values.find(item=>item.value==row[component.key]);\r\n      if (!!item) {\r\n\t      var itemParts = item.label.split('/');\r\n        loadType = itemParts [0];\r\n\t      if (itemParts.length > 1) { \r\n\t        fundCode = itemParts [1];\r\n        }\r\n      }\r\n    %}\r\n    <div class=\"col-sm-2\">{{ fundCode }}</div>\r\n    <div class=\"col-sm-2\">{{ loadType }}</div>\r\n    {% } else if (component.key !== 'fundClass') { \r\n      if (component.key === 'fundName2') { %}\r\n      <div class=\"col-sm-2\">\r\n      {% } else { %}\r\n      <div class=\"col-sm-2\">\r\n      {% } \r\n      if (!!component.data && !!Array.isArray(component.data.values)) { \r\n        var item = component.data.values.find(item=>item.value==row[component.key]);\r\n        if (!!item) { %}\r\n          {{item.label}}\r\n        {% } else { %}\r\n          {{ row[component.key] }}\r\n        {% } \r\n      } else { %}\r\n        {{ row[component.key] }}\r\n      {% } %}\r\n    </div>\r\n    {% }\r\n  }) %}\r\n  <div class=\"col-sm-2\">\r\n    <div class=\"btn-group pull-right\">\r\n      {% if (!instance.hasOpenRows()) { %}\r\n      <div class=\"btn btn-default btn-sm editRow\"><i class=\"fa fa-edit\"></i></div>\r\n      <div class=\"btn btn-danger btn-sm removeRow\"><i class=\"fa fa-trash\"></i></div>\r\n      {% } %}\r\n    </div>\r\n  </div>\r\n</div>"
-            },
-            addAnother: 'Add Another Fund',
-            saveRow: 'Save Fund',
-            inlineEdit: true,
-            customDefaultValue: "value = [\n  {\n    fundClass: 'Class1',\n    fundName2: 'Name1',\n    loadTypeFundCode: 'dsc602',\n    allocationAmount2: 100\n  },\n  {\n    fundClass: 'Class2',\n    fundName2: 'Name2',\n    loadTypeFundCode: 'll1202',\n    allocationAmount2: 200\n  },\n  {\n    fundClass: 'Class3',\n    fundName2: 'Name2',\n    loadTypeFundCode: 'll1202',\n    allocationAmount2: 100\n  },\n  {\n    fundClass: 'Class3',\n    fundName2: 'Name2',\n    loadTypeFundCode: 'll1202',\n    allocationAmount2: 100\n  }  ,\n  {\n    fundClass: 'Class3',\n    fundName2: 'Name2',\n    loadTypeFundCode: 'll1202',\n    allocationAmount2: 100\n  }\n];",
-            validate: {
-                minLength: 1
-            },
-            rowDrafts: false,
-            key: 'selectedFunds2',
-            type: 'editgrid',
-            input: true,
-            components: [
-                {
-                    label: 'Columns',
-                    columns: [
-                        {
-                            components: [
-                                {
-                                    label: 'Fund Class',
-                                    widget: 'choicesjs',
-                                    tableView: true,
-                                    dataSrc: 'custom',
-                                    data: {
-                                        custom: "values = ['Class1', 'Class2', 'Class3'];"
-                                    },
-                                    template: '<span>{{ item }}</span>',
-                                    validate: {
-                                        required: true
-                                    },
-                                    key: 'fundClass',
-                                    type: 'select',
-                                    input: true,
-                                    hideOnChildrenHidden: false
-                                }
-                            ],
-                            width: 6,
-                            offset: 0,
-                            push: 0,
-                            pull: 0,
-                            size: 'md',
-                            currentWidth: 6
-                        },
-                        {
-                            components: [
-                                {
-                                    label: 'Fund Name',
-                                    widget: 'choicesjs',
-                                    tableView: true,
-                                    dataSrc: 'custom',
-                                    data: {
-                                        custom: "values = ['Name1', 'Name2'];"
-                                    },
-                                    template: '<span>{{ item }}</span>',
-                                    validate: {
-                                        required: true
-                                    },
-                                    key: 'fundName2',
-                                    logic: [
-                                        {
-                                            name: 'Disable',
-                                            trigger: {
-                                                type: 'javascript',
-                                                javascript: "result = !row['fundClass'];"
-                                            },
-                                            actions: [
-                                                {
-                                                    name: 'Disable',
-                                                    type: 'property',
-                                                    property: {
-                                                        label: 'Disabled',
-                                                        value: 'disabled',
-                                                        type: 'boolean'
-                                                    },
-                                                    state: true
-                                                }
-                                            ]
-                                        }
-                                    ],
-                                    type: 'select',
-                                    input: true,
-                                    hideOnChildrenHidden: false
-                                }
-                            ],
-                            width: 6,
-                            offset: 0,
-                            push: 0,
-                            pull: 0,
-                            size: 'md',
-                            currentWidth: 6
-                        }
-                    ],
-                    key: 'columns1',
-                    type: 'columns',
-                    tableView: false,
-                    input: false,
-                    hideOnChildrenHidden: false
-                },
-                {
-                    label: 'Columns',
-                    columns: [
-                        {
-                            components: [
-                                {
-                                    label: 'Load Type / Fund Code',
-                                    widget: 'choicesjs',
-                                    tableView: true,
-                                    data: {
-                                        values: [
-                                            {
-                                                label: 'DSC/602',
-                                                value: 'dsc602'
-                                            },
-                                            {
-                                                label: 'NL/702',
-                                                value: 'nl702'
-                                            },
-                                            {
-                                                label: 'LL/1202',
-                                                value: 'll1202'
-                                            },
-                                            {
-                                                label: 'NL-CB/3002',
-                                                value: 'nlCb3002'
-                                            },
-                                            {
-                                                label: 'NL-CB5/5002',
-                                                value: 'nlCb55002'
-                                            }
-                                        ]
-                                    },
-                                    refreshOn: 'editGrid1.fundName2',
-                                    validate: {
-                                        required: true
-                                    },
-                                    key: 'loadTypeFundCode',
-                                    logic: [
-                                        {
-                                            name: 'Disable',
-                                            trigger: {
-                                                type: 'javascript',
-                                                javascript: "result = !row['fundName2'];"
-                                            },
-                                            actions: [
-                                                {
-                                                    name: 'Disable',
-                                                    type: 'property',
-                                                    property: {
-                                                        label: 'Disabled',
-                                                        value: 'disabled',
-                                                        type: 'boolean'
-                                                    },
-                                                    state: true
-                                                }
-                                            ]
-                                        }
-                                    ],
-                                    type: 'select',
-                                    input: true,
-                                    hideOnChildrenHidden: false
-                                }
-                            ],
-                            width: 6,
-                            offset: 0,
-                            push: 0,
-                            pull: 0,
-                            size: 'md',
-                            currentWidth: 6
-                        },
-                        {
-                            components: [
-                                {
-                                    label: 'Amount',
-                                    mask: false,
-                                    spellcheck: true,
-                                    tableView: false,
-                                    currency: 'USD',
-                                    inputFormat: 'plain',
-                                    validate: {
-                                        required: true
-                                    },
-                                    key: 'allocationAmount2',
-                                    type: 'currency',
-                                    input: true,
-                                    delimiter: true,
-                                    hideOnChildrenHidden: false
-                                }
-                            ],
-                            width: 6,
-                            offset: 0,
-                            push: 0,
-                            pull: 0,
-                            size: 'md',
-                            currentWidth: 6
-                        }
-                    ],
-                    key: 'columns',
-                    type: 'columns',
-                    input: false,
-                    tableView: false,
-                    hideOnChildrenHidden: false
-                }
-            ]
-        },
-        {
-            type: 'button',
-            label: 'Submit',
-            key: 'submit',
-            disableOnInvalid: true,
-            input: true,
-            tableView: false
-        }
-    ],
-    display: 'form',
-};

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

@@ -1,89 +0,0 @@
-declare namespace _default {
-    export let components: {
-        components: {
-            properties: {
-                '': string;
-            };
-            tags: never[];
-            type: string;
-            conditional: {
-                show: string;
-                when: null;
-                eq: string;
-            };
-            validate: {
-                required: boolean;
-                minLength: string;
-                maxLength: string;
-                pattern: string;
-                custom: string;
-                customPrivate: boolean;
-            };
-            clearOnHide: boolean;
-            hidden: boolean;
-            persistent: boolean;
-            unique: boolean;
-            protected: boolean;
-            defaultValue: string;
-            multiple: boolean;
-            suffix: string;
-            prefix: string;
-            placeholder: string;
-            key: string;
-            label: string;
-            inputMask: string;
-            inputType: string;
-            tableView: boolean;
-            input: boolean;
-        }[];
-        clearOnHide: boolean;
-        key: string;
-        input: boolean;
-        title: string;
-        theme: string;
-        tableView: boolean;
-        type: string;
-        breadcrumb: string;
-        tags: never[];
-        conditional: {
-            eq: string;
-            when: null;
-            show: string;
-        };
-        properties: {
-            '': string;
-        };
-    }[];
-    export namespace validate {
-        let row: string;
-    }
-    export let properties: {
-        '': string;
-    };
-    export namespace conditional {
-        let show: string;
-        let when: null;
-        let eq: string;
-    }
-    export let tags: never[];
-    export let type: string;
-    export namespace templates {
-        export let header: string;
-        let row_1: string;
-        export { row_1 as row };
-        export let footer: string;
-    }
-    export let clearOnHide: boolean;
-    export let hidden: boolean;
-    export let persistent: boolean;
-    let _protected: boolean;
-    export { _protected as protected };
-    export let key: string;
-    export let label: string;
-    export let tableView: boolean;
-    export let multiple: boolean;
-    export let tree: boolean;
-    export let input: boolean;
-    export let removeRow: string;
-}
-export default _default;

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

@@ -1,126 +0,0 @@
-export default {
-    'components': [
-        {
-            'components': [
-                {
-                    'properties': {
-                        '': ''
-                    },
-                    'tags': [],
-                    'type': 'textfield',
-                    'conditional': {
-                        'show': '',
-                        'when': null,
-                        'eq': ''
-                    },
-                    'validate': {
-                        'required': false,
-                        'minLength': '',
-                        'maxLength': '',
-                        'pattern': '',
-                        'custom': '',
-                        'customPrivate': false
-                    },
-                    'clearOnHide': true,
-                    'hidden': false,
-                    'persistent': true,
-                    'unique': false,
-                    'protected': false,
-                    'defaultValue': '',
-                    'multiple': false,
-                    'suffix': '',
-                    'prefix': '',
-                    'placeholder': '',
-                    'key': 'field1',
-                    'label': 'Field 1',
-                    'inputMask': '',
-                    'inputType': 'text',
-                    'tableView': true,
-                    'input': true
-                },
-                {
-                    'properties': {
-                        '': ''
-                    },
-                    'tags': [],
-                    'type': 'textfield',
-                    'conditional': {
-                        'show': '',
-                        'when': null,
-                        'eq': ''
-                    },
-                    'validate': {
-                        'required': true,
-                        'minLength': '',
-                        'maxLength': '',
-                        'pattern': '',
-                        'custom': '',
-                        'customPrivate': false
-                    },
-                    'clearOnHide': true,
-                    'hidden': false,
-                    'persistent': true,
-                    'unique': false,
-                    'protected': false,
-                    'defaultValue': '',
-                    'multiple': false,
-                    'suffix': '',
-                    'prefix': '',
-                    'placeholder': '',
-                    'key': 'field2',
-                    'label': 'Field 2',
-                    'inputMask': '',
-                    'inputType': 'text',
-                    'tableView': true,
-                    'input': true
-                }
-            ],
-            'clearOnHide': false,
-            'key': 'editgridPanel',
-            'input': false,
-            'title': '',
-            'theme': 'default',
-            'tableView': false,
-            'type': 'panel',
-            'breadcrumb': 'default',
-            'tags': [],
-            'conditional': {
-                'eq': '',
-                'when': null,
-                'show': ''
-            },
-            'properties': {
-                '': ''
-            }
-        }
-    ],
-    'validate': {
-        'row': "valid = row.field1 === 'good' ? true : 'Must be good';"
-    },
-    'properties': {
-        '': ''
-    },
-    'conditional': {
-        'show': '',
-        'when': null,
-        'eq': ''
-    },
-    'tags': [],
-    'type': 'editgrid',
-    'templates': {
-        'header': '<div class="row"> \n  {%util.eachComponent(components, function(component) { %} \n    <div class="col-sm-2"> \n      {{ component.label }} \n    </div> \n  {% }) %} \n<div>{{value.length}}</div>\n</div>',
-        'row': '<div class="row"> \n  {%util.eachComponent(components, function(component) { %} \n    <div class="col-sm-2"> \n      {{ row[component.key] }} \n    </div> \n  {% }) %} \n  <div class="col-sm-2"> \n    <div class="btn-group pull-right"> \n      <div class="btn btn-default editRow">Edit</div> \n      <div class="btn btn-danger removeRow">Delete</div> \n    </div> \n  </div> \n</div>',
-        'footer': ''
-    },
-    'clearOnHide': true,
-    'hidden': false,
-    'persistent': true,
-    'protected': false,
-    'key': 'editgrid',
-    'label': '',
-    'tableView': true,
-    'multiple': false,
-    'tree': true,
-    'input': true,
-    'removeRow': 'Cancel'
-};

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

@@ -1,49 +0,0 @@
-declare namespace _default {
-    let type: string;
-    let components: ({
-        label: string;
-        tableView: boolean;
-        rowDrafts: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        components: ({
-            label: string;
-            tableView: boolean;
-            key: string;
-            type: string;
-            input: boolean;
-            mask?: undefined;
-            spellcheck?: undefined;
-            delimiter?: undefined;
-            requireDecimal?: undefined;
-            inputFormat?: undefined;
-        } | {
-            label: string;
-            mask: boolean;
-            spellcheck: boolean;
-            tableView: boolean;
-            delimiter: boolean;
-            requireDecimal: boolean;
-            inputFormat: string;
-            key: string;
-            type: string;
-            input: boolean;
-        })[];
-        showValidations?: undefined;
-    } | {
-        label: string;
-        showValidations: boolean;
-        tableView: boolean;
-        key: string;
-        type: string;
-        input: boolean;
-        rowDrafts?: undefined;
-        components?: undefined;
-    })[];
-    let title: string;
-    let display: string;
-    let name: string;
-    let path: string;
-}
-export default _default;

package/lib/mjs/components/editgrid/fixtures/comp10.js

@@ -1,46 +0,0 @@
-export default {
-    type: 'form',
-    components: [
-        {
-            label: 'Edit Grid',
-            tableView: false,
-            rowDrafts: false,
-            key: 'editGrid',
-            type: 'editgrid',
-            input: true,
-            components: [
-                {
-                    label: 'Text Field',
-                    tableView: true,
-                    key: 'textField',
-                    type: 'textfield',
-                    input: true
-                },
-                {
-                    label: 'Number',
-                    mask: false,
-                    spellcheck: true,
-                    tableView: false,
-                    delimiter: false,
-                    requireDecimal: false,
-                    inputFormat: 'plain',
-                    key: 'number',
-                    type: 'number',
-                    input: true
-                }
-            ]
-        },
-        {
-            label: 'Submit',
-            showValidations: false,
-            tableView: false,
-            key: 'submit',
-            type: 'button',
-            input: true
-        }
-    ],
-    title: 'test11',
-    display: 'form',
-    name: 'test11',
-    path: 'test11',
-};

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

@@ -1,53 +0,0 @@
-declare namespace _default {
-    let type: string;
-    let components: ({
-        label: string;
-        openWhenEmpty: boolean;
-        tableView: boolean;
-        rowDrafts: boolean;
-        key: string;
-        type: string;
-        displayAsTable: boolean;
-        input: boolean;
-        components: ({
-            label: string;
-            tableView: boolean;
-            key: string;
-            type: string;
-            input: boolean;
-            mask?: undefined;
-            delimiter?: undefined;
-            requireDecimal?: undefined;
-            inputFormat?: undefined;
-            truncateMultipleSpaces?: undefined;
-        } | {
-            label: string;
-            mask: boolean;
-            tableView: boolean;
-            delimiter: boolean;
-            requireDecimal: boolean;
-            inputFormat: string;
-            truncateMultipleSpaces: boolean;
-            key: string;
-            type: string;
-            input: boolean;
-        })[];
-        disableOnInvalid?: undefined;
-    } | {
-        type: string;
-        label: string;
-        key: string;
-        disableOnInvalid: boolean;
-        input: boolean;
-        tableView: boolean;
-        openWhenEmpty?: undefined;
-        rowDrafts?: undefined;
-        displayAsTable?: undefined;
-        components?: undefined;
-    })[];
-    let title: string;
-    let display: string;
-    let name: string;
-    let path: string;
-}
-export default _default;

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

@@ -1,48 +0,0 @@
-export default {
-    type: 'form',
-    components: [
-        {
-            label: 'Edit Grid',
-            openWhenEmpty: true,
-            tableView: false,
-            rowDrafts: false,
-            key: 'editGrid',
-            type: 'editgrid',
-            displayAsTable: false,
-            input: true,
-            components: [
-                {
-                    label: 'Text Field',
-                    tableView: true,
-                    key: 'textField',
-                    type: 'textfield',
-                    input: true,
-                },
-                {
-                    label: 'Number',
-                    mask: false,
-                    tableView: true,
-                    delimiter: false,
-                    requireDecimal: false,
-                    inputFormat: 'plain',
-                    truncateMultipleSpaces: false,
-                    key: 'number',
-                    type: 'number',
-                    input: true,
-                },
-            ],
-        },
-        {
-            type: 'button',
-            label: 'Submit',
-            key: 'submit',
-            disableOnInvalid: true,
-            input: true,
-            tableView: false,
-        },
-    ],
-    title: 'tetste',
-    display: 'form',
-    name: 'tetste',
-    path: 'tetste',
-};