@dnb/eufemia 9.15.2 → 9.16.3

package/cjs/components/autocomplete/Autocomplete.js

@@ -18,8 +18,6 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 
 require("core-js/modules/es.array.index-of.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.array.from.js");
@@ -51,6 +49,8 @@ require("core-js/modules/es.array.includes.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.split.js");
@@ -661,18 +661,18 @@ var AutocompleteInstance = function (_React$PureComponent2) {
     _defineProperty(_assertThisInitialized(_this2), "updateData", function (rawData) {
       _this2.context.drawerList.setState({
         cache_hash: 'updateData'
-      });
-
-      var itemIndex = _this2.context.drawerList.selected_item;
+      }, function () {
+        var itemIndex = _this2.context.drawerList.selected_item;
 
-      if (parseFloat(itemIndex) > -1) {
-        var newItem = rawData[itemIndex];
-        var oldItem = _this2.context.drawerList.original_data[itemIndex];
+        if (parseFloat(itemIndex) > -1) {
+          var newItem = rawData[itemIndex];
+          var oldItem = _this2.context.drawerList.original_data[itemIndex];
 
-        if ((newItem === null || newItem === void 0 ? void 0 : newItem.selected_key) !== (oldItem === null || oldItem === void 0 ? void 0 : oldItem.selected_key)) {
-          _this2.resetSelectionItem();
+          if ((newItem === null || newItem === void 0 ? void 0 : newItem.selected_key) !== (oldItem === null || oldItem === void 0 ? void 0 : oldItem.selected_key)) {
+            _this2.resetSelectionItem();
+          }
         }
-      }
+      });
 
       _this2.context.drawerList.setData(function () {
         return rawData;
@@ -1391,7 +1391,7 @@ var AutocompleteInstance = function (_React$PureComponent2) {
     _this2.state = _this2.state || {};
     _this2.state._listenForPropChanges = true;
     _this2.state.mode = _props.mode;
-    _this2.state.init_data = _props.data;
+    _this2.state.prevData = _props.data;
     _this2.state.updateData = _this2.updateData;
 
     if (context.drawerList && context.drawerList.current_title) {
@@ -1420,10 +1420,15 @@ var AutocompleteInstance = function (_React$PureComponent2) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
+      var _this3 = this;
+
       if (prevProps.value !== this.props.value) {
-        var inputValue = AutocompleteInstance.getCurrentDataTitle(this.context.drawerList.selected_item, this.context.drawerList.original_data);
-        this.setState({
-          inputValue: inputValue
+        this.setState({}, function () {
+          var inputValue = AutocompleteInstance.getCurrentDataTitle(_this3.context.drawerList.selected_item, _this3.context.drawerList.original_data);
+
+          _this3.setState({
+            inputValue: inputValue
+          });
         });
       }
     }
@@ -1462,20 +1467,20 @@ var AutocompleteInstance = function (_React$PureComponent2) {
   }, {
     key: "setFocusOnInput",
     value: function setFocusOnInput() {
-      var _this3 = this;
+      var _this4 = this;
 
       this.setState({
         hasFocus: true
       }, function () {
         try {
-          _this3._refInput.current._ref.current.focus({
+          _this4._refInput.current._ref.current.focus({
             preventScroll: true
           });
         } catch (e) {}
 
-        clearTimeout(_this3._focusTimeout);
-        _this3._focusTimeout = setTimeout(function () {
-          _this3.setState({
+        clearTimeout(_this4._focusTimeout);
+        _this4._focusTimeout = setTimeout(function () {
+          _this4.setState({
             hasFocus: false
           });
         }, 1);
@@ -1484,7 +1489,7 @@ var AutocompleteInstance = function (_React$PureComponent2) {
   }, {
     key: "setAriaLiveUpdate",
     value: function setAriaLiveUpdate() {
-      var _this4 = this;
+      var _this5 = this;
 
       var opened = this.context.drawerList.opened;
       var _this$_props = this._props,
@@ -1495,7 +1500,7 @@ var AutocompleteInstance = function (_React$PureComponent2) {
         if (opened) {
           var newString = null;
 
-          var count = _this4.countData();
+          var count = _this5.countData();
 
           if (count > 0) {
             newString = String(aria_live_options).replace('%s', count);
@@ -1504,13 +1509,13 @@ var AutocompleteInstance = function (_React$PureComponent2) {
           }
 
           if (newString) {
-            _this4.setState({
+            _this5.setState({
               ariaLiveUpdate: newString,
               _listenForPropChanges: false
             });
 
-            _this4._ariaLiveUpdateTimeout = setTimeout(function () {
-              _this4.setState({
+            _this5._ariaLiveUpdateTimeout = setTimeout(function () {
+              _this5.setState({
                 ariaLiveUpdate: null,
                 _listenForPropChanges: false
               });
@@ -1815,9 +1820,9 @@ var AutocompleteInstance = function (_React$PureComponent2) {
           state.inputValue = props.input_value;
         }
 
-        if (props.data !== state.init_data) {
+        if (props.data !== state.prevData) {
           state.updateData(props.data);
-          state.init_data = props.data;
+          state.prevData = props.data;
         }
       }