@formio/js 5.0.0-rc.19 → 5.0.0-rc.21

package/lib/cjs/components/file/File.js

@@ -16,11 +16,10 @@ const Field_1 = __importDefault(require("../_classes/field/Field"));
 const utils_1 = require("../../utils/utils");
 const downloadjs_1 = __importDefault(require("downloadjs"));
 const lodash_1 = __importDefault(require("lodash"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const fileProcessor_1 = __importDefault(require("../../providers/processor/fileProcessor"));
 const browser_md5_file_1 = __importDefault(require("browser-md5-file"));
 let Camera;
-let webViewCamera = navigator.camera || Camera;
+let webViewCamera = 'undefined' !== typeof window ? navigator.camera : Camera;
 // canvas.toBlob polyfill.
 let htmlCanvasElement;
 if (typeof window !== 'undefined') {
@@ -68,6 +67,16 @@ class FileComponent extends Field_1.default {
             schema: FileComponent.schema(),
         };
     }
+    static get serverConditionSettings() {
+        return FileComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
+    }
+    static savedValueTypes(schema) {
+        schema = schema || {};
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
+    }
     init() {
         super.init();
         webViewCamera = navigator.camera || Camera;
@@ -85,7 +94,7 @@ class FileComponent extends Field_1.default {
         this.fileDropHidden = false;
     }
     get dataReady() {
-        return this.filesReady || native_promise_only_1.default.resolve();
+        return this.filesReady || Promise.resolve();
     }
     get defaultSchema() {
         return FileComponent.schema();
@@ -147,7 +156,7 @@ class FileComponent extends Field_1.default {
         videoStream.getVideoTracks().forEach((track) => track.stop());
     }
     getFrame(videoPlayer) {
-        return new native_promise_only_1.default((resolve) => {
+        return new Promise((resolve) => {
             const canvas = document.createElement('canvas');
             canvas.height = videoPlayer.videoHeight;
             canvas.width = videoPlayer.videoWidth;
@@ -201,7 +210,7 @@ class FileComponent extends Field_1.default {
         });
     }
     browseFiles(attrs = {}) {
-        return new native_promise_only_1.default((resolve) => {
+        return new Promise((resolve) => {
             const fileInput = this.ce('input', Object.assign({ type: 'file', style: 'height: 0; width: 0; visibility: hidden;', tabindex: '-1' }, attrs));
             document.body.appendChild(fileInput);
             fileInput.addEventListener('change', () => {
@@ -241,9 +250,12 @@ class FileComponent extends Field_1.default {
         if (this.component.multiple) {
             options.multiple = true;
         }
+        if (this.component.capture) {
+            options.capture = this.component.capture;
+        }
         //use "accept" attribute only for desktop devices because of its limited support by mobile browsers
+        const filePattern = this.component.filePattern.trim() || '';
         if (!this.isMobile.any) {
-            const filePattern = this.component.filePattern.trim() || '';
             const imagesPattern = 'image/*';
             if (this.imageUpload && (!filePattern || filePattern === '*')) {
                 options.accept = imagesPattern;
@@ -255,11 +267,23 @@ class FileComponent extends Field_1.default {
                 options.accept = filePattern;
             }
         }
+        // if input capture is set, we need the "accept" attribute to determine which device to launch
+        else if (this.component.capture) {
+            if (filePattern.includes('video')) {
+                options.accept = 'video/*';
+            }
+            else if (filePattern.includes('audio')) {
+                options.accept = 'audio/*';
+            }
+            else {
+                options.accept = 'image/*';
+            }
+        }
         return options;
     }
     deleteFile(fileInfo) {
         const { options = {} } = this.component;
-        if (fileInfo && (['url', 'indexeddb'].includes(this.component.storage))) {
+        if (fileInfo && (['url', 'indexeddb', 's3', 'googledrive', 'azure'].includes(this.component.storage))) {
             const { fileService } = this;
             if (fileService && typeof fileService.deleteFile === 'function') {
                 fileService.deleteFile(fileInfo, options);
@@ -337,8 +361,10 @@ class FileComponent extends Field_1.default {
         this.refs.fileStatusRemove.forEach((fileStatusRemove, index) => {
             this.addEventListener(fileStatusRemove, 'click', (event) => {
                 event.preventDefault();
-                if (this.abortUpload) {
-                    this.abortUpload();
+                const fileUpload = this.statuses[index];
+                lodash_1.default.pull(this.filesUploading, fileUpload.originalName);
+                if (fileUpload.abort) {
+                    fileUpload.abort();
                 }
                 this.statuses.splice(index, 1);
                 this.redraw();
@@ -416,7 +442,7 @@ class FileComponent extends Field_1.default {
         const fileService = this.fileService;
         if (fileService) {
             const loadingImages = [];
-            this.filesReady = new native_promise_only_1.default((resolve, reject) => {
+            this.filesReady = new Promise((resolve, reject) => {
                 this.filesReadyResolve = resolve;
                 this.filesReadyReject = reject;
             });
@@ -424,7 +450,7 @@ class FileComponent extends Field_1.default {
                 loadingImages.push(this.loadImage(this.dataValue[index]).then((url) => (image.src = url)));
             });
             if (loadingImages.length) {
-                native_promise_only_1.default.all(loadingImages).then(() => {
+                Promise.all(loadingImages).then(() => {
                     this.filesReadyResolve();
                 }).catch(() => this.filesReadyReject());
             }
@@ -544,6 +570,7 @@ class FileComponent extends Field_1.default {
                 const fileName = (0, utils_1.uniqueName)(file.name, this.component.fileNameTemplate, this.evalContext());
                 const escapedFileName = file.name ? file.name.replaceAll('<', '&lt;').replaceAll('>', '&gt;') : file.name;
                 const fileUpload = {
+                    abort: () => null,
                     originalName: escapedFileName,
                     name: fileName,
                     size: file.size,
@@ -663,7 +690,7 @@ class FileComponent extends Field_1.default {
                             }
                         }
                     }
-                    fileUpload.message = this.t('Starting upload.');
+                    fileUpload.message = this.t('Starting upload...');
                     this.redraw();
                     const filePromise = fileService.uploadFile(storage, processedFile || file, fileName, dir, 
                     // Progress callback
@@ -676,9 +703,7 @@ class FileComponent extends Field_1.default {
                     // Upload start callback
                     () => {
                         this.emit('fileUploadingStart', filePromise);
-                    }, 
-                    // Abort upload callback
-                    (abort) => this.abortUpload = abort).then((fileInfo) => {
+                    }, (abort) => fileUpload.abort = abort).then((fileInfo) => {
                         const index = this.statuses.indexOf(fileUpload);
                         if (index !== -1) {
                             this.statuses.splice(index, 1);

package/lib/cjs/components/file/editForm/File.edit.file.d.ts

@@ -14,6 +14,10 @@ declare const _default: ({
     conditional?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -38,6 +42,10 @@ declare const _default: ({
     data?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -62,6 +70,10 @@ declare const _default: ({
     data?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -86,6 +98,10 @@ declare const _default: ({
     valueProperty?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -110,6 +126,10 @@ declare const _default: ({
     data?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -125,6 +145,10 @@ declare const _default: ({
     conditional?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -140,6 +164,10 @@ declare const _default: ({
     conditional?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -164,6 +192,10 @@ declare const _default: ({
     data?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -188,6 +220,32 @@ declare const _default: ({
     data?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
+    components?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    optionsLabelPosition: string;
+    inline: boolean;
+    defaultValue: boolean;
+    values: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: undefined;
+    weight?: undefined;
+    valueProperty?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    conditional?: undefined;
+    rows?: undefined;
+    editor?: undefined;
     components?: undefined;
 } | {
     type: string;
@@ -209,5 +267,9 @@ declare const _default: ({
     conditional?: undefined;
     rows?: undefined;
     editor?: undefined;
+    optionsLabelPosition?: undefined;
+    inline?: undefined;
+    defaultValue?: undefined;
+    values?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/file/editForm/File.edit.file.js

@@ -83,8 +83,11 @@ exports.default = [
         input: true,
         weight: 15,
         placeholder: `{
-  "withCredentials": true
-}`,
+      "withCredentials": true,
+      "headers": {
+        "Authorization": "Basic <key>"
+      }
+    }`,
         conditional: {
             json: {
                 '===': [{
@@ -209,6 +212,30 @@ exports.default = [
             json: { '==': [{ var: 'data.webcam' }, true] }
         }
     },
+    {
+        type: 'radio',
+        input: true,
+        key: 'capture',
+        label: 'Enable device capture',
+        tooltip: 'This will allow a mobile device to open the camera or microphone directly in capture mode.',
+        optionsLabelPosition: 'right',
+        inline: true,
+        defaultValue: false,
+        values: [
+            {
+                label: 'Disabled',
+                value: 'false'
+            },
+            {
+                label: 'Environment (rear camera)',
+                value: 'environment'
+            },
+            {
+                label: 'User (front camera)',
+                value: 'user'
+            }
+        ]
+    },
     {
         type: 'datagrid',
         input: true,

package/lib/cjs/components/form/Form.d.ts

@@ -7,14 +7,17 @@ export default class FormComponent extends Component {
         weight: number;
         schema: any;
     };
+    static savedValueTypes(): string[];
     init(): any;
     formObj: any;
     valueChanged: boolean | undefined;
     subForm: any;
     formSrc: any;
+    get dataReady(): any;
     get emptyValue(): {
         data: {};
     };
+    get ready(): any;
     get useOriginalRevision(): any;
     setFormRevision(rev: any): void;
     subFormRevision: any;
@@ -26,6 +29,7 @@ export default class FormComponent extends Component {
      * Prints out the value of form components as a datagrid value.
      */
     getValueAsString(value: any): any;
+    attach(element: any): Promise<any>;
     get hasLoadedForm(): any;
     get isRevisionChanged(): any;
     subFormReady: any;

package/lib/cjs/components/form/Form.js

@@ -7,7 +7,6 @@ const lodash_1 = __importDefault(require("lodash"));
 const Component_1 = __importDefault(require("../_classes/component/Component"));
 const ComponentModal_1 = __importDefault(require("../_classes/componentModal/ComponentModal"));
 const eventemitter3_1 = __importDefault(require("eventemitter3"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const utils_1 = require("../../utils/utils");
 const Formio_1 = require("../../Formio");
 const Form_1 = __importDefault(require("../../Form"));
@@ -34,6 +33,9 @@ class FormComponent extends Component_1.default {
             schema: FormComponent.schema()
         };
     }
+    static savedValueTypes() {
+        return [utils_1.componentValueTypes.object];
+    }
     init() {
         super.init();
         this.formObj = {
@@ -99,7 +101,7 @@ class FormComponent extends Component_1.default {
         return this.createSubForm();
     }
     get dataReady() {
-        return this.subFormReady || native_promise_only_1.default.resolve();
+        return this.subFormReady || Promise.resolve();
     }
     get defaultValue() {
         // Not not provide a default value unless the subform is ready so that it will initialize correctly.
@@ -112,7 +114,7 @@ class FormComponent extends Component_1.default {
         return { data: {} };
     }
     get ready() {
-        return this.subFormReady || native_promise_only_1.default.resolve();
+        return this.subFormReady || Promise.resolve();
     }
     get useOriginalRevision() {
         var _a, _b;
@@ -388,14 +390,14 @@ class FormComponent extends Component_1.default {
      */
     loadSubForm(fromAttach) {
         if (this.builderMode || this.isHidden() || (this.isSubFormLazyLoad() && !fromAttach)) {
-            return native_promise_only_1.default.resolve();
+            return Promise.resolve();
         }
-        if (this.hasLoadedForm && !this.isRevisionChanged && !(this.options.pdf && lodash_1.default.isUndefined(this.subFormRevision))) {
+        if (this.hasLoadedForm && !this.isRevisionChanged) {
             // Pass config down to sub forms.
             if (this.root && this.root.form && this.root.form.config && !this.formObj.config) {
                 this.formObj.config = this.root.form.config;
             }
-            return native_promise_only_1.default.resolve(this.formObj);
+            return Promise.resolve(this.formObj);
         }
         else if (this.formSrc) {
             this.subFormLoading = true;
@@ -410,7 +412,7 @@ class FormComponent extends Component_1.default {
                 return null;
             });
         }
-        return native_promise_only_1.default.resolve();
+        return Promise.resolve();
     }
     get subFormData() {
         var _a;
@@ -473,7 +475,7 @@ class FormComponent extends Component_1.default {
             return this.subForm.getSubmission();
         }
         else {
-            return native_promise_only_1.default.resolve(this.dataValue);
+            return Promise.resolve(this.dataValue);
         }
     }
     /**
@@ -498,7 +500,7 @@ class FormComponent extends Component_1.default {
                     this.subForm.showAllErrors = true;
                     if (rejectOnError) {
                         this.subForm.onSubmissionError(err);
-                        return native_promise_only_1.default.reject(err);
+                        return Promise.reject(err);
                     }
                     else {
                         return {};
@@ -528,7 +530,7 @@ class FormComponent extends Component_1.default {
         // This submission has already been submitted, so just return the reference data.
         if (isAlreadySubmitted && !((_a = this.subForm) === null || _a === void 0 ? void 0 : _a.wizard)) {
             this.dataValue = submission;
-            return native_promise_only_1.default.resolve(this.dataValue);
+            return Promise.resolve(this.dataValue);
         }
         return this.submitSubForm(false)
             .then(() => {

package/lib/cjs/components/hidden/Hidden.d.ts

@@ -5,6 +5,7 @@ export default class HiddenComponent extends Input {
         icon: string;
         weight: number;
         documentation: string;
+        showPreview: boolean;
         schema: any;
     };
     get inputInfo(): {

package/lib/cjs/components/hidden/Hidden.js

@@ -19,6 +19,7 @@ class HiddenComponent extends Input_1.default {
             icon: 'user-secret',
             weight: 0,
             documentation: '/userguide/form-building/data-components#hidden',
+            showPreview: false,
             schema: HiddenComponent.schema()
         };
     }

package/lib/cjs/components/html/HTML.d.ts

@@ -5,8 +5,10 @@ export default class HTMLComponent extends Component {
         icon: string;
         weight: number;
         documentation: string;
+        showPreview: boolean;
         schema: any;
     };
+    static savedValueTypes(): never[];
     get content(): any;
     get singleTags(): string[];
     checkRefreshOn(changed: any): void;

package/lib/cjs/components/html/HTML.js

@@ -24,9 +24,13 @@ class HTMLComponent extends Component_1.default {
             icon: 'code',
             weight: 0,
             documentation: '/userguide/form-building/layout-components#html-element',
+            showPreview: false,
             schema: HTMLComponent.schema()
         };
     }
+    static savedValueTypes() {
+        return [];
+    }
     get defaultSchema() {
         return HTMLComponent.schema();
     }

package/lib/cjs/components/number/Number.d.ts

@@ -7,11 +7,34 @@ export default class NumberComponent extends Input {
         weight: number;
         schema: any;
     };
+    static get serverConditionSettings(): {
+        operators: any[];
+        valueComponent(classComp: any): any;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static get conditionOperatorsSettings(): {
+        operators: any[];
+        valueComponent(classComp: any): any;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static savedValueTypes(schema: any): string[];
     constructor(...args: any[]);
     validators: string[];
-    decimalSeparator: any;
     delimiter: any;
     decimalLimit: any;
+    decimalSeparator: any;
     numberMask: any;
     /**
      * Creates the number mask for normal numbers.

package/lib/cjs/components/number/Number.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const text_mask_addons_1 = require("@formio/text-mask-addons");
 const vanilla_text_mask_1 = require("@formio/vanilla-text-mask");
 const lodash_1 = __importDefault(require("lodash"));
-const text_mask_addons_1 = require("@formio/text-mask-addons");
 const Input_1 = __importDefault(require("../_classes/input/Input"));
 const utils_1 = require("../../utils/utils");
 class NumberComponent extends Input_1.default {
@@ -32,25 +32,37 @@ class NumberComponent extends Input_1.default {
             schema: NumberComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return NumberComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'lessThan', 'greaterThan', 'lessThanOrEqual', 'greaterThanOrEqual'], valueComponent(classComp) {
+                return Object.assign(Object.assign({}, classComp), { type: 'number' });
+            } });
+    }
+    static savedValueTypes(schema) {
+        schema = schema || {};
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.number];
+    }
     constructor(...args) {
         var _a, _b;
         super(...args);
         this.validators = this.validators.concat(['min', 'max']);
         const separators = (0, utils_1.getNumberSeparators)(this.options.language || navigator.language);
-        this.decimalSeparator = this.options.decimalSeparator = this.options.decimalSeparator
-            || ((_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.decimalSeparator)
-            || separators.decimalSeparator;
+        const requireDecimal = lodash_1.default.get(this.component, 'requireDecimal', false);
         if (this.component.delimiter) {
             if (this.options.hasOwnProperty('thousandsSeparator')) {
                 console.warn("Property 'thousandsSeparator' is deprecated. Please use i18n to specify delimiter.");
             }
-            this.delimiter = ((_b = this.options.properties) === null || _b === void 0 ? void 0 : _b.thousandsSeparator) || this.options.thousandsSeparator || separators.delimiter;
+            this.delimiter = ((_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.thousandsSeparator) || this.options.thousandsSeparator || separators.delimiter;
         }
         else {
             this.delimiter = '';
         }
-        const requireDecimal = lodash_1.default.get(this.component, 'requireDecimal', false);
         this.decimalLimit = (0, utils_1.getNumberDecimalLimit)(this.component, requireDecimal ? 2 : 20);
+        this.decimalSeparator = this.decimalLimit !== 0 ?
+            this.options.decimalSeparator || ((_b = this.options.properties) === null || _b === void 0 ? void 0 : _b.decimalSeparator) || separators.decimalSeparator :
+            '';
         // Currencies to override BrowserLanguage Config. Object key {}
         if (lodash_1.default.has(this.options, `languageOverride.${this.options.language}`)) {
             const override = lodash_1.default.get(this.options, `languageOverride.${this.options.language}`);

package/lib/cjs/components/panel/Panel.d.ts

@@ -7,6 +7,7 @@ export default class PanelComponent extends NestedComponent {
         weight: number;
         schema: any;
     };
+    static savedValueTypes(): never[];
     constructor(...args: any[]);
     noField: boolean;
     getComponent(path: any, fn: any, originalPath: any): Object;

package/lib/cjs/components/panel/Panel.js

@@ -38,6 +38,9 @@ class PanelComponent extends NestedComponent_1.default {
     get templateName() {
         return 'panel';
     }
+    static savedValueTypes() {
+        return [];
+    }
     constructor(...args) {
         super(...args);
         this.noField = true;

package/lib/cjs/components/phonenumber/PhoneNumber.form.js

@@ -20,6 +20,15 @@ function default_1(...extend) {
                 }
             ]
         },
+        {
+            key: 'data',
+            components: [
+                {
+                    key: 'case',
+                    ignore: true
+                }
+            ]
+        },
         {
             key: 'validation',
             components: PhoneNumber_edit_validation_1.default

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

@@ -7,6 +7,25 @@ export default class RadioComponent extends ListComponent {
         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 savedValueTypes(schema: any): any[];
     constructor(component: any, options: any, data: any);
     previousValue: any;
     get inputInfo(): {
@@ -23,11 +42,12 @@ export default class RadioComponent extends ListComponent {
     get emptyValue(): string;
     get isRadio(): boolean;
     get optionSelectedClass(): string;
+    get listData(): any;
     templateData: {} | undefined;
     triggerUpdate: ((...args: any[]) => any) | undefined;
-    itemsLoaded: any;
-    itemsLoadedResolve: any;
-    shouldLoad: boolean | undefined;
+    itemsLoaded: Promise<any> | undefined;
+    itemsLoadedResolve: ((value: any) => void) | undefined;
+    optionsLoaded: boolean | undefined;
     loadedOptions: any[] | undefined;
     render(): any;
     detach(element: any): void;
@@ -36,6 +56,7 @@ export default class RadioComponent extends ListComponent {
     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;