@dnb/eufemia 10.12.0 → 10.13.0

package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss

@@ -47,8 +47,7 @@
     --anchor-background: transparent;
     --anchor-color--contrast: var(--sb-color-text);
 
-    // Has to use --sb-font-weight-bold to get correct weighting as --sb-font-weight-medium does nothing at the moment
-    font-weight: var(--sb-font-weight-bold);
+    font-weight: var(--font-weight-medium);
     color: var(--sb-color-gray-dark-3);
     text-decoration-color: var(--sb-color-green-dark);
     padding: 0.15625em 0;

package/components/autocomplete/Autocomplete.d.ts

@@ -121,11 +121,11 @@ export interface AutocompleteProps
    */
   label_sr_only?: boolean;
   /**
-   * Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur.
+   * Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur. Defaults to `false`.
    */
   keep_value?: boolean;
   /**
-   * Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept.
+   * Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept. Defaults to `false`.
    */
   keep_value_and_selection?: boolean;
   /**

package/components/autocomplete/Autocomplete.js

@@ -24,7 +24,7 @@ import ProgressIndicator from '../progress-indicator/ProgressIndicator';
 import DrawerList, { ItemContent } from '../../fragments/drawer-list/DrawerList';
 import DrawerListContext from '../../fragments/drawer-list/DrawerListContext';
 import DrawerListProvider from '../../fragments/drawer-list/DrawerListProvider';
-import { drawerListPropTypes, parseContentTitle, getCurrentData } from '../../fragments/drawer-list/DrawerListHelpers';
+import { drawerListPropTypes, parseContentTitle, getCurrentData, getCurrentIndex } from '../../fragments/drawer-list/DrawerListHelpers';
 export default class Autocomplete extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -349,7 +349,12 @@ class AutocompleteInstance extends React.PureComponent {
           }
         }
       } else {
-        _this.totalReset();
+        if (!isTrue(_this.props.keep_value) && !isTrue(_this.props.keep_value_and_selection)) {
+          _this.totalReset();
+        }
+        if (isTrue(_this.props.keep_value)) {
+          _this.resetSelectedItem();
+        }
         _this.showAllItems();
       }
       _this.setVisible();
@@ -479,16 +484,38 @@ class AutocompleteInstance extends React.PureComponent {
         _listenForPropChanges: false
       });
     });
+    _defineProperty(this, "revalidateSelectedItem", () => {
+      const selected_item = getCurrentIndex(this.props.value, this.context.drawerList.original_data);
+      this.context.drawerList.setState({
+        selected_item
+      });
+    });
+    _defineProperty(this, "hasDatasetChanged", rawData => {
+      const {
+        selected_item
+      } = this.context.drawerList;
+      if (parseFloat(selected_item) > -1) {
+        const newItem = rawData[selected_item];
+        const oldItem = this.context.drawerList.original_data[selected_item];
+        if (typeof (newItem === null || newItem === void 0 ? void 0 : newItem.selectedKey) !== 'undefined' ? (newItem === null || newItem === void 0 ? void 0 : newItem.selectedKey) !== (oldItem === null || oldItem === void 0 ? void 0 : oldItem.selectedKey) : (newItem === null || newItem === void 0 ? void 0 : newItem.selected_key) !== (oldItem === null || oldItem === void 0 ? void 0 : oldItem.selected_key)) {
+          return true;
+        }
+      }
+      return false;
+    });
     _defineProperty(this, "updateData", rawData => {
+      const hasChanged = this.hasDatasetChanged(rawData);
       this.context.drawerList.setState({
         cache_hash: 'updateData'
       }, () => {
-        const itemIndex = this.context.drawerList.selected_item;
-        if (parseFloat(itemIndex) > -1) {
-          const newItem = rawData[itemIndex];
-          const oldItem = this.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)) {
-            this.resetSelectionItem();
+        if (hasChanged) {
+          const {
+            value
+          } = this.props;
+          if (value && value !== 'initval') {
+            this.revalidateSelectedItem();
+          } else {
+            this.resetSelectedItem();
           }
         }
       });
@@ -500,7 +527,7 @@ class AutocompleteInstance extends React.PureComponent {
           const {
             typedInputValue
           } = this.state;
-          if (typedInputValue && typedInputValue.length > 0) {
+          if ((typedInputValue === null || typedInputValue === void 0 ? void 0 : typedInputValue.length) > 0) {
             const filteredData = this.runFilterWithSideEffects(typedInputValue);
             if (this.countData(filteredData) === 0) {
               this.showNoOptionsItem();
@@ -597,7 +624,7 @@ class AutocompleteInstance extends React.PureComponent {
             _listenForPropChanges: false
           });
         }
-        if (!isTrue(prevent_selection) && !isTrue(keep_value_and_selection)) {
+        if (!isTrue(prevent_selection)) {
           const existingValue = this.state.inputValue;
           this.clearInputValue();
           const resetAfterClose = () => {
@@ -685,6 +712,8 @@ class AutocompleteInstance extends React.PureComponent {
         attributes,
         dataList: this.context.drawerList.data,
         updateData: this.updateData,
+        revalidateSelectedItem: this.revalidateSelectedItem,
+        resetSelectedItem: this.resetSelectedItem,
         showAllItems: this.showAllItems,
         setVisible: this.setVisible,
         setHidden: this.setHidden,
@@ -767,24 +796,20 @@ class AutocompleteInstance extends React.PureComponent {
       });
     });
     _defineProperty(this, "totalReset", () => {
-      if (!isTrue(this.props.keep_value) && !isTrue(this.props.keep_value_and_selection)) {
-        this.setState({
-          inputValue: null
-        });
-      }
       this.setState({
+        inputValue: null,
         typedInputValue: null,
         _listenForPropChanges: false
       });
       this.resetActiveItem();
-      this.resetSelectionItem();
+      this.resetSelectedItem();
     });
     _defineProperty(this, "resetActiveItem", () => {
       this.context.drawerList.setState({
         active_item: null
       });
     });
-    _defineProperty(this, "resetSelectionItem", () => {
+    _defineProperty(this, "resetSelectedItem", () => {
       const hasHadValue = this.hasSelectedItem();
       this.context.drawerList.setState({
         selected_item: null