formiojs-eorion 0.1.21 → 0.1.22

package/components/select/Select.js

@@ -18,12 +18,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.join.js");
@@ -87,26 +87,18 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
     return _super.apply(this, arguments);
   }
   _createClass(SelectComponent, [{
-    key: "get",
-    value: function get(path, obj) {
-      var fb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "${".concat(path, "}");
-      return path.split('.').reduce(function (res, key) {
-        return res[key] || fb;
-      }, obj);
-    }
-  }, {
     key: "parseTpl",
-    value: function parseTpl(template, map, fallback) {
-      var _this = this;
+    value: function parseTpl(template, map) {
       return template.replace(/\$\{.+?}/g, function (match) {
+        var _$get;
         var path = match.substr(2, match.length - 3).trim();
-        return _this.get(path, map, fallback);
+        return (_$get = _lodash.default.get(map, path)) !== null && _$get !== void 0 ? _$get : '--';
       });
     }
   }, {
     key: "init",
     value: function init() {
-      var _this2 = this;
+      var _this = this;
       _get(_getPrototypeOf(SelectComponent.prototype), "init", this).call(this);
       this.templateData = {};
       this.validators = this.validators.concat(['select', 'onlyAvailableItems']);
@@ -118,15 +110,15 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-        return _this2.updateItems.apply(_this2, args);
+        return _this.updateItems.apply(_this, args);
       }, 100);
       this.triggerUpdate = function () {
         // Make sure we always resolve the previous promise before reassign it
-        if (typeof _this2.itemsLoadedResolve === 'function') {
-          _this2.itemsLoadedResolve();
+        if (typeof _this.itemsLoadedResolve === 'function') {
+          _this.itemsLoadedResolve();
         }
-        _this2.itemsLoaded = new _nativePromiseOnly.default(function (resolve) {
-          _this2.itemsLoadedResolve = resolve;
+        _this.itemsLoaded = new _nativePromiseOnly.default(function (resolve) {
+          _this.itemsLoadedResolve = resolve;
         });
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
           args[_key2] = arguments[_key2];
@@ -151,7 +143,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       // If this component has been activated.
       this.activated = false;
       this.itemsLoaded = new _nativePromiseOnly.default(function (resolve) {
-        _this2.itemsLoadedResolve = resolve;
+        _this.itemsLoadedResolve = resolve;
       });
       this.shouldPositionDropdown = this.hasDataGridAncestor();
       if (this.isHtmlRenderMode()) {
@@ -381,7 +373,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "setItems",
     value: function setItems(items, fromSearch) {
-      var _this3 = this,
+      var _this2 = this,
         _this$choices,
         _this$choices$input;
       // If the items is a string, then parse as JSON.
@@ -434,7 +426,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         if (!_lodash.default.isEmpty(this.dataValue) && this.component.idPath) {
           var selectedOptionId = _lodash.default.get(this.dataValue, this.component.idPath, null);
           var newOptionWithSameId = !_lodash.default.isNil(selectedOptionId) && items.find(function (item) {
-            var itemId = _lodash.default.get(item, _this3.component.idPath);
+            var itemId = _lodash.default.get(item, _this2.component.idPath);
             return itemId === selectedOptionId;
           });
           if (newOptionWithSameId) {
@@ -454,9 +446,9 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       // Iterate through each of the items.
       _lodash.default.each(items, function (item, index) {
         // preventing references of the components inside the form to the parent form when building forms
-        if (_this3.root && _this3.root.options.editForm && _this3.root.options.editForm._id && _this3.root.options.editForm._id === item._id) return;
-        var itemValueAndLabel = _this3.selectValueAndLabel(item);
-        _this3.addOption(itemValueAndLabel.value, itemValueAndLabel.label, {}, _lodash.default.get(item, _this3.component.idPath, String(index)));
+        if (_this2.root && _this2.root.options.editForm && _this2.root.options.editForm._id && _this2.root.options.editForm._id === item._id) return;
+        var itemValueAndLabel = _this2.selectValueAndLabel(item);
+        _this2.addOption(itemValueAndLabel.value, itemValueAndLabel.label, {}, _lodash.default.get(item, _this2.component.idPath, String(index)));
       });
       if (this.choices) {
         this.choices.setChoices(this.selectOptions, 'value', 'label', true);
@@ -503,13 +495,13 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "itemValueForHTMLMode",
     value: function itemValueForHTMLMode(value) {
-      var _this4 = this;
+      var _this3 = this;
       if (!this.isHtmlRenderMode()) {
         return _get(_getPrototypeOf(SelectComponent.prototype), "itemValueForHTMLMode", this).call(this, value);
       }
       if (Array.isArray(value)) {
         var values = value.map(function (item) {
-          return Array.isArray(item) ? _this4.itemValueForHTMLMode(item) : _this4.getSingleItemValueForHTMLMode(item);
+          return Array.isArray(item) ? _this3.itemValueForHTMLMode(item) : _this3.getSingleItemValueForHTMLMode(item);
         });
         return values.join(', ');
       }
@@ -529,7 +521,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "getTemplateKeys",
     value: function getTemplateKeys() {
-      var _this5 = this;
+      var _this4 = this;
       this.templateKeys = [];
       if (this.options.readOnly && this.component.template) {
         var keys = this.component.template.match(/({{\s*(.*?)\s*}})/g);
@@ -537,7 +529,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           keys.forEach(function (key) {
             var propKey = key.match(/{{\s*item\.(.*?)\s*}}/);
             if (propKey && propKey.length > 1) {
-              _this5.templateKeys.push(propKey[1]);
+              _this4.templateKeys.push(propKey[1]);
             }
           });
         }
@@ -582,7 +574,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "loadItems",
     value: function loadItems(url, search, headers, options, method, body) {
-      var _this6 = this;
+      var _this5 = this;
       options = options || {};
 
       // See if we should load items or not.
@@ -655,7 +647,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       if (!_lodash.default.isEmpty(query)) {
         // Add the query string.
         url += (!url.includes('?') ? '?' : '&') + _Formio.GlobalFormio.serialize(query, function (item) {
-          return _this6.interpolate(item);
+          return _this5.interpolate(item);
         });
       }
 
@@ -675,19 +667,19 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           url: url
         }), {
           data: this.rootValue
-        }, null)).url;
+        })).url;
       } catch (e) {}
       _Formio.GlobalFormio.makeRequest(this.options.formio, 'select', url, method, body, options).then(function (response) {
-        _this6.loading = false;
-        _this6.error = null;
-        _this6.setItems(response, !!search);
+        _this5.loading = false;
+        _this5.error = null;
+        _this5.setItems(response, !!search);
       }).catch(function (err) {
-        if (_this6.itemsFromUrl) {
-          _this6.setItems([]);
-          _this6.disableInfiniteScroll();
+        if (_this5.itemsFromUrl) {
+          _this5.setItems([]);
+          _this5.disableInfiniteScroll();
         }
-        _this6.isScrollLoading = false;
-        _this6.handleLoadingError(err);
+        _this5.isScrollLoading = false;
+        _this5.handleLoadingError(err);
       });
     }
   }, {
@@ -710,7 +702,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "requestHeaders",
     get: function get() {
-      var _this7 = this;
+      var _this6 = this;
       // Create the headers object.
       var headers = new _Formio.GlobalFormio.Headers();
 
@@ -719,7 +711,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         try {
           _lodash.default.each(this.component.data.headers, function (header) {
             if (header.key) {
-              headers.set(header.key, _this7.interpolate(header.value));
+              headers.set(header.key, _this6.interpolate(header.value));
             }
           });
         } catch (err) {
@@ -748,7 +740,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "updateCustomItems",
     value: function updateCustomItems(forceUpdate) {
-      var _this8 = this;
+      var _this7 = this;
       if (this.asyncCustomValues()) {
         if (!forceUpdate && !this.active) {
           this.itemsLoadedResolve();
@@ -756,10 +748,10 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         }
         this.loading = true;
         this.getCustomItems().then(function (items) {
-          _this8.loading = false;
-          _this8.setItems(items || []);
+          _this7.loading = false;
+          _this7.setItems(items || []);
         }).catch(function (err) {
-          _this8.handleLoadingError(err);
+          _this7.handleLoadingError(err);
         });
       } else {
         this.setItems(this.getCustomItems() || []);
@@ -942,7 +934,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "attach",
     value: function attach(element) {
-      var _this9 = this,
+      var _this8 = this,
         _this$choices2,
         _this$choices2$contai,
         _this$choices2$contai2;
@@ -956,7 +948,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       var autocompleteInput = this.refs.autocompleteInput;
       if (autocompleteInput) {
         this.addEventListener(autocompleteInput, 'change', function (event) {
-          _this9.setValue(event.target.value);
+          _this8.setValue(event.target.value);
         });
       }
       var input = this.refs.selectContainer;
@@ -964,7 +956,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         return;
       }
       this.addEventListener(input, this.inputInfo.changeEvent, function () {
-        return _this9.updateValue(null, {
+        return _this8.updateValue(null, {
           modified: true
         });
       });
@@ -977,12 +969,12 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         }
         this.focusableElement = input;
         this.addEventListener(input, 'focus', function () {
-          return _this9.update();
+          return _this8.update();
         });
         this.addEventListener(input, 'keydown', function (event) {
           var key = event.key;
           if (['Backspace', 'Delete'].includes(key)) {
-            _this9.setValue(_this9.emptyValue);
+            _this8.setValue(_this8.emptyValue);
           }
         });
         return;
@@ -1010,20 +1002,20 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           this.focusableElement = this.choices.containerInner.element;
           this.choices.containerOuter.element.setAttribute('tabIndex', '-1');
           this.addEventListener(this.choices.containerOuter.element, 'focus', function () {
-            return _this9.focusableElement.focus();
+            return _this8.focusableElement.focus();
           });
         }
         this.addFocusBlurEvents(this.focusableElement);
         if (this.itemsFromUrl) {
           this.scrollList = this.choices.choiceList.element;
           this.addEventListener(this.scrollList, 'scroll', function () {
-            return _this9.onScroll();
+            return _this8.onScroll();
           });
         }
       }
       if (window && this.choices && this.shouldPositionDropdown) {
         this.addEventListener(window.document, 'scroll', function () {
-          _this9.positionDropdown(true);
+          _this8.positionDropdown(true);
         }, false, true);
       }
       this.focusableElement.setAttribute('tabIndex', tabIndex);
@@ -1033,53 +1025,53 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         // Make sure to clear the search when no value is provided.
         if (this.choices && this.choices.input && this.choices.input.element) {
           this.addEventListener(this.choices.input.element, 'input', function (event) {
-            _this9.isFromSearch = !!event.target.value;
+            _this8.isFromSearch = !!event.target.value;
             if (!event.target.value) {
-              _this9.triggerUpdate();
+              _this8.triggerUpdate();
             } else {
-              _this9.serverCount = null;
-              _this9.downloadedResources = [];
+              _this8.serverCount = null;
+              _this8.downloadedResources = [];
             }
           });
         }
         this.addEventListener(input, 'choice', function () {
-          if (_this9.component.multiple && _this9.component.dataSrc === 'resource' && _this9.isFromSearch) {
-            _this9.triggerUpdate();
+          if (_this8.component.multiple && _this8.component.dataSrc === 'resource' && _this8.isFromSearch) {
+            _this8.triggerUpdate();
           }
-          _this9.isFromSearch = false;
+          _this8.isFromSearch = false;
         });
         // avoid spamming the resource/url endpoint when we have server side filtering enabled.
         var debounceTimeout = (this.component.searchField || this.component.data.noco_db_conditions && this.component.data.noco_db_conditions.length > 0 && this.component.data.noco_db_conditions[0].name.length > 0) && (this.isSelectResource || this.isSelectURL) ? (this.component.searchDebounce === 0 ? 0 : this.component.searchDebounce || this.defaultSchema.searchDebounce) * 1000 : 0;
         var updateComponent = function updateComponent(evt) {
-          _this9.triggerUpdate(evt.detail.value);
+          _this8.triggerUpdate(evt.detail.value);
         };
         this.addEventListener(input, 'search', _lodash.default.debounce(function (e) {
           updateComponent(e);
-          _this9.positionDropdown();
+          _this8.positionDropdown();
         }, debounceTimeout));
         this.addEventListener(input, 'stopSearch', function () {
-          return _this9.triggerUpdate();
+          return _this8.triggerUpdate();
         });
         this.addEventListener(input, 'hideDropdown', function () {
-          if (_this9.choices && _this9.choices.input && _this9.choices.input.element) {
-            _this9.choices.input.element.value = '';
+          if (_this8.choices && _this8.choices.input && _this8.choices.input.element) {
+            _this8.choices.input.element.value = '';
           }
-          _this9.updateItems(null, true);
+          _this8.updateItems(null, true);
         });
       }
       this.addEventListener(input, 'showDropdown', function () {
-        _this9.update();
-        _this9.positionDropdown();
+        _this8.update();
+        _this8.positionDropdown();
       });
       if (this.shouldPositionDropdown) {
         this.addEventListener(input, 'highlightChoice', function () {
-          _this9.positionDropdown();
+          _this8.positionDropdown();
         });
       }
       if (this.choices && choicesOptions.placeholderValue && this.choices._isSelectOneElement) {
         this.addPlaceholderItem(choicesOptions.placeholderValue);
         this.addEventListener(input, 'removeItem', function () {
-          _this9.addPlaceholderItem(choicesOptions.placeholderValue);
+          _this8.addPlaceholderItem(choicesOptions.placeholderValue);
         });
       }
 
@@ -1089,19 +1081,19 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       if (this.isSelectResource && this.refs.addResource) {
         this.addEventListener(this.refs.addResource, 'click', function (event) {
           event.preventDefault();
-          var formioForm = _this9.ce('div');
-          var dialog = _this9.createModal(formioForm);
-          var projectUrl = _lodash.default.get(_this9.root, 'formio.projectUrl', _Formio.GlobalFormio.getProjectUrl());
-          var formUrl = "".concat(projectUrl, "/form/").concat(_this9.component.data.resource);
+          var formioForm = _this8.ce('div');
+          var dialog = _this8.createModal(formioForm);
+          var projectUrl = _lodash.default.get(_this8.root, 'formio.projectUrl', _Formio.GlobalFormio.getProjectUrl());
+          var formUrl = "".concat(projectUrl, "/form/").concat(_this8.component.data.resource);
           new _Form.default(formioForm, formUrl, {}).ready.then(function (form) {
             form.on('submit', function (submission) {
               // If valueProperty is set, replace the submission with the corresponding value
-              var value = _this9.valueProperty ? _lodash.default.get(submission, _this9.valueProperty) : submission;
-              if (_this9.component.multiple) {
-                value = [].concat(_toConsumableArray(_this9.dataValue), [value]);
+              var value = _this8.valueProperty ? _lodash.default.get(submission, _this8.valueProperty) : submission;
+              if (_this8.component.multiple) {
+                value = [].concat(_toConsumableArray(_this8.dataValue), [value]);
               }
-              _this9.setValue(value);
-              _this9.triggerUpdate();
+              _this8.setValue(value);
+              _this8.triggerUpdate();
               dialog.close();
             });
           });
@@ -1149,13 +1141,13 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
     key: "positionDropdown",
     value: function positionDropdown(scroll) {
       var _this$choices$dropdow,
-        _this10 = this;
+        _this9 = this;
       if (!this.shouldPositionDropdown || !this.choices || !((_this$choices$dropdow = this.choices.dropdown) !== null && _this$choices$dropdow !== void 0 && _this$choices$dropdow.isActive) && scroll) {
         return;
       }
       this.setDropdownPosition();
       this.itemsLoaded.then(function () {
-        _this10.setDropdownPosition();
+        _this9.setDropdownPosition();
       });
     }
   }, {
@@ -1175,10 +1167,10 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "attachRefreshOnBlur",
     value: function attachRefreshOnBlur() {
-      var _this11 = this;
+      var _this10 = this;
       if (this.component.refreshOnBlur) {
         this.on('blur', function (instance) {
-          _this11.checkRefreshOn([{
+          _this10.checkRefreshOn([{
             instance: instance,
             value: instance.dataValue
           }], {
@@ -1254,7 +1246,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "addCurrentChoices",
     value: function addCurrentChoices(values, items, keyValue) {
-      var _this12 = this;
+      var _this11 = this;
       if (!values) {
         return false;
       }
@@ -1271,14 +1263,14 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         // `this.addOption` method, we assume that items has
         // 'label' and 'value' properties. This assumption allows
         // us to read correct value from the item.
-        var isSelectOptions = items === _this12.selectOptions;
+        var isSelectOptions = items === _this11.selectOptions;
         if (items && items.length) {
           _lodash.default.each(items, function (choice) {
             if (choice._id && value._id && choice._id === value._id) {
               found = true;
               return false;
             }
-            var itemValue = keyValue ? choice.value : _this12.itemValue(choice, isSelectOptions);
+            var itemValue = keyValue ? choice.value : _this11.itemValue(choice, isSelectOptions);
             found |= _lodash.default.isEqual(itemValue, value);
             return found ? false : true;
           });
@@ -1286,7 +1278,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
 
         // Add the default option if no item is found.
         if (!found) {
-          notFoundValuesToAdd.push(_this12.selectValueAndLabel(value));
+          notFoundValuesToAdd.push(_this11.selectValueAndLabel(value));
           return true;
         }
         return found || defaultAdded;
@@ -1296,7 +1288,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           this.choices.setChoices(notFoundValuesToAdd, 'value', 'label');
         }
         notFoundValuesToAdd.map(function (notFoundValue) {
-          _this12.addOption(notFoundValue.value, notFoundValue.label);
+          _this11.addOption(notFoundValue.value, notFoundValue.label);
         });
       }
       return added;
@@ -1353,7 +1345,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "normalizeSingleValue",
     value: function normalizeSingleValue(value, retainObject) {
-      var _this13 = this;
+      var _this12 = this;
       if (_lodash.default.isNil(value)) {
         return;
       }
@@ -1381,8 +1373,8 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
             var dataValue = this.dataValue;
             if (dataValue && dataValue.length) {
               dataValue.forEach(function (dataValueItem) {
-                var dataValueItemValue = _this13.component.reference ? dataValueItem._id.toString() : dataValueItem;
-                templateData[dataValueItemValue] = _this13.templateData[dataValueItemValue];
+                var dataValueItemValue = _this12.component.reference ? dataValueItem._id.toString() : dataValueItem;
+                templateData[dataValueItemValue] = _this12.templateData[dataValueItemValue];
               });
             }
           }
@@ -1443,10 +1435,10 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "normalizeValue",
     value: function normalizeValue(value) {
-      var _this14 = this;
+      var _this13 = this;
       if (this.component.multiple && Array.isArray(value)) {
         return value.map(function (singleValue) {
-          return _this14.normalizeSingleValue(singleValue, true);
+          return _this13.normalizeSingleValue(singleValue, true);
         });
       }
       return _get(_getPrototypeOf(SelectComponent.prototype), "normalizeValue", this).call(this, this.normalizeSingleValue(value, true));
@@ -1454,7 +1446,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "setValue",
     value: function setValue(value) {
-      var _this15 = this;
+      var _this14 = this;
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var previousValue = this.dataValue;
       if (this.component.widget === 'html5' && (_lodash.default.isEqual(value, previousValue) || _lodash.default.isEqual(previousValue, {}) && _lodash.default.isEqual(flags, {}))) {
@@ -1480,7 +1472,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       }
       if (this.isHtmlRenderMode() && flags && flags.fromSubmission && changed) {
         this.itemsLoaded.then(function () {
-          _this15.redraw();
+          _this14.redraw();
         });
         return changed;
       }
@@ -1501,8 +1493,8 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
 
       // Add the value options.
       this.itemsLoaded.then(function () {
-        _this15.addValueOptions();
-        _this15.setChoicesValue(value, hasPreviousValue, flags);
+        _this14.addValueOptions();
+        _this14.setChoicesValue(value, hasPreviousValue, flags);
       });
       return changed;
     }
@@ -1572,7 +1564,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "validateValueAvailability",
     value: function validateValueAvailability(setting, value) {
-      var _this16 = this;
+      var _this15 = this;
       if (!(0, _utils.boolValue)(setting) || !value) {
         return true;
       }
@@ -1580,7 +1572,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       if (values) {
         if (_lodash.default.isObject(value)) {
           var compareComplexValues = function compareComplexValues(optionValue) {
-            var normalizedOptionValue = _this16.normalizeSingleValue(optionValue, true);
+            var normalizedOptionValue = _this15.normalizeSingleValue(optionValue, true);
             if (!_lodash.default.isObject(normalizedOptionValue)) {
               return false;
             }
@@ -1596,7 +1588,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           }) !== -1;
         }
         return values.findIndex(function (optionValue) {
-          return _this16.normalizeSingleValue(optionValue) === value;
+          return _this15.normalizeSingleValue(optionValue) === value;
         }) !== -1;
       }
       return false;
@@ -1621,7 +1613,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "getOptionsValues",
     value: function getOptionsValues() {
-      var _this17 = this;
+      var _this16 = this;
       var rawItems = [];
       switch (this.component.dataSrc) {
         case 'values':
@@ -1646,7 +1638,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
         return;
       }
       return rawItems.map(function (item) {
-        return _this17.getOptionValue(_this17.itemValue(item));
+        return _this16.getOptionValue(_this16.itemValue(item));
       });
     }
 
@@ -1686,14 +1678,14 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
   }, {
     key: "getNormalizedValues",
     value: function getNormalizedValues() {
-      var _this18 = this;
+      var _this17 = this;
       if (!this.component || !this.component.data || !this.component.data.values) {
         return;
       }
       return this.component.data.values.map(function (value) {
         return {
           label: value.label,
-          value: String(_this18.normalizeSingleValue(value.value))
+          value: String(_this17.normalizeSingleValue(value.value))
         };
       });
     }
@@ -1701,7 +1693,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
     key: "asString",
     value: function asString(value) {
       var _value3,
-        _this19 = this;
+        _this18 = this;
       value = (_value3 = value) !== null && _value3 !== void 0 ? _value3 : this.getValue();
       //need to convert values to strings to be able to compare values with available options that are strings
       var convertToString = function convertToString(data, valueProperty) {
@@ -1715,14 +1707,14 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           }
           return data;
         }
-        if (_this19.isBooleanOrNumber(data)) {
+        if (_this18.isBooleanOrNumber(data)) {
           data = data.toString();
         }
         if (Array.isArray(data) && data.some(function (item) {
-          return _this19.isBooleanOrNumber(item);
+          return _this18.isBooleanOrNumber(item);
         })) {
           data = data.map(function (item) {
-            if (_this19.isBooleanOrNumber(item)) {
+            if (_this18.isBooleanOrNumber(item)) {
               item = item.toString();
             }
           });
@@ -1743,7 +1735,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
           valueProperty = _ref4.valueProperty;
         var getFromValues = function getFromValues() {
           var initialValue = _lodash.default.find(items, [valueProperty, value]);
-          var values = _this19.defaultSchema.data.values || [];
+          var values = _this18.defaultSchema.data.values || [];
           return _lodash.default.isEqual(initialValue, values[0]) ? '-' : initialValue;
         };
         value = this.component.multiple && Array.isArray(value) ? _lodash.default.filter(items, function (item) {
@@ -1759,7 +1751,7 @@ var SelectComponent = /*#__PURE__*/function (_ListComponent) {
       if (Array.isArray(value)) {
         var _items = [];
         value.forEach(function (item) {
-          return _items.push(_this19.itemTemplate(item));
+          return _items.push(_this18.itemTemplate(item));
         });
         return _items.length > 0 ? _items.join('<br />') : '-';
       }