@equinor/eds-core-react 0.29.1 → 0.29.2-dev09022023

package/dist/eds-core-react.cjs.js

@@ -8308,7 +8308,6 @@ function AutocompleteInner(props, ref) {
     _props$multiline = props.multiline,
     multiline = _props$multiline === void 0 ? false : _props$multiline,
     other = _objectWithoutProperties__default["default"](props, _excluded$5);
-  var anchorRef = react.useRef(null);
   var isControlled = Boolean(selectedOptions);
   var _useState = react.useState(options),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -8586,14 +8585,9 @@ function AutocompleteInner(props, ref) {
     y = _useFloating.y,
     refs = _useFloating.refs,
     update = _useFloating.update,
-    reference = _useFloating.reference,
-    floating = _useFloating.floating,
     strategy = _useFloating.strategy;
   var _useInteractions = react$1.useInteractions([]),
     getFloatingProps = _useInteractions.getFloatingProps;
-  react.useEffect(function () {
-    reference(anchorRef.current);
-  }, [anchorRef, reference]);
   react.useEffect(function () {
     if (refs.reference.current && refs.floating.current && isOpen) {
       return react$1.autoUpdate(refs.reference.current, refs.floating.current, update);
@@ -8609,7 +8603,7 @@ function AutocompleteInner(props, ref) {
     return selectedItems.map(getLabel);
   }, [selectedItems, getLabel]);
   var optionsList = /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread__default["default"](_objectSpread__default["default"]({}, getFloatingProps({
-    ref: floating,
+    ref: refs.setFloating,
     style: {
       position: strategy,
       top: y || 0,
@@ -8677,7 +8671,7 @@ function AutocompleteInner(props, ref) {
         getDropdownProps({
           preventKeyAction: multiple ? isOpen : undefined,
           disabled: disabled,
-          ref: refs.reference,
+          ref: refs.setReference,
           onChange: function onChange(e) {
             var _e$currentTarget;
             return setTypedInputValue(e === null || e === void 0 ? void 0 : (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : _e$currentTarget.value);

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -2,7 +2,7 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { forwardRef, useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import { forwardRef, useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import styled, { css, ThemeProvider } from 'styled-components';
@@ -129,7 +129,6 @@ function AutocompleteInner(props, ref) {
     _props$multiline = props.multiline,
     multiline = _props$multiline === void 0 ? false : _props$multiline,
     other = _objectWithoutProperties(props, _excluded);
-  var anchorRef = useRef(null);
   var isControlled = Boolean(selectedOptions);
   var _useState = useState(options),
     _useState2 = _slicedToArray(_useState, 2),
@@ -407,14 +406,9 @@ function AutocompleteInner(props, ref) {
     y = _useFloating.y,
     refs = _useFloating.refs,
     update = _useFloating.update,
-    reference = _useFloating.reference,
-    floating = _useFloating.floating,
     strategy = _useFloating.strategy;
   var _useInteractions = useInteractions([]),
     getFloatingProps = _useInteractions.getFloatingProps;
-  useEffect(function () {
-    reference(anchorRef.current);
-  }, [anchorRef, reference]);
   useEffect(function () {
     if (refs.reference.current && refs.floating.current && isOpen) {
       return autoUpdate(refs.reference.current, refs.floating.current, update);
@@ -430,7 +424,7 @@ function AutocompleteInner(props, ref) {
     return selectedItems.map(getLabel);
   }, [selectedItems, getLabel]);
   var optionsList = /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, getFloatingProps({
-    ref: floating,
+    ref: refs.setFloating,
     style: {
       position: strategy,
       top: y || 0,
@@ -498,7 +492,7 @@ function AutocompleteInner(props, ref) {
         getDropdownProps({
           preventKeyAction: multiple ? isOpen : undefined,
           disabled: disabled,
-          ref: refs.reference,
+          ref: refs.setReference,
           onChange: function onChange(e) {
             var _e$currentTarget;
             return setTypedInputValue(e === null || e === void 0 ? void 0 : (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : _e$currentTarget.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.29.1",
+  "version": "0.29.2-dev09022023",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -79,9 +79,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.7",
-    "@floating-ui/react": "^0.16.0",
-    "@tanstack/react-virtual": "3.0.0-beta.30",
-    "downshift": "^7.1.2",
+    "@floating-ui/react": "^0.19.1",
+    "@tanstack/react-virtual": "3.0.0-beta.45",
+    "downshift": "^7.2.0",
     "@equinor/eds-icons": "0.18.0",
     "@equinor/eds-tokens": "0.9.0",
     "@equinor/eds-utils": "0.7.0"