@equinor/eds-core-react 0.14.2 → 0.14.3

package/dist/core-react.cjs.js

@@ -396,7 +396,7 @@ object-assign
 */
 /* eslint-disable no-unused-vars */
 var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
 
 function toObject(val) {
@@ -460,7 +460,7 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
 		from = Object(arguments[s]);
 
 		for (var key in from) {
-			if (hasOwnProperty$1.call(from, key)) {
+			if (hasOwnProperty.call(from, key)) {
 				to[key] = from[key];
 			}
 		}
@@ -7830,348 +7830,16 @@ var List$1 = List$2;
 List$1.Item = ListItem$4;
 List$1.Item.displayName = 'List.Item';
 
-/** Detect free variable `global` from Node.js. */
-
-var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-var _freeGlobal = freeGlobal$1;
-
-var freeGlobal = _freeGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root$1 = freeGlobal || freeSelf || Function('return this')();
-
-var _root = root$1;
-
-var root = _root;
-
-/** Built-in value references. */
-var Symbol$4 = root.Symbol;
-
-var _Symbol = Symbol$4;
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-
-function arrayMap$1(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-var _arrayMap = arrayMap$1;
-
-/**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
-
-var isArray$1 = Array.isArray;
-
-var isArray_1 = isArray$1;
-
-var Symbol$3 = _Symbol;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol$3 ? Symbol$3.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag$1(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-var _getRawTag = getRawTag$1;
-
-/** Used for built-in method references. */
-
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString$1(value) {
-  return nativeObjectToString.call(value);
-}
-
-var _objectToString = objectToString$1;
-
-var Symbol$2 = _Symbol,
-    getRawTag = _getRawTag,
-    objectToString = _objectToString;
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag$1(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? getRawTag(value)
-    : objectToString(value);
-}
-
-var _baseGetTag = baseGetTag$1;
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-
-function isObjectLike$1(value) {
-  return value != null && typeof value == 'object';
-}
-
-var isObjectLike_1 = isObjectLike$1;
-
-var baseGetTag = _baseGetTag,
-    isObjectLike = isObjectLike_1;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol$1(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-var isSymbol_1 = isSymbol$1;
-
-var Symbol$1 = _Symbol,
-    arrayMap = _arrayMap,
-    isArray = isArray_1,
-    isSymbol = isSymbol_1;
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString$1(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return arrayMap(value, baseToString$1) + '';
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-
-var _baseToString = baseToString$1;
-
-var baseToString = _baseToString;
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString$1(value) {
-  return value == null ? '' : baseToString(value);
-}
-
-var toString_1 = toString$1;
-
-var toString = toString_1;
-
-/** Used to generate unique IDs. */
-var idCounter$1 = 0;
-
-/**
- * Generates a unique ID. If `prefix` is given, the ID is appended to it.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {string} [prefix=''] The value to prefix the ID with.
- * @returns {string} Returns the unique ID.
- * @example
- *
- * _.uniqueId('contact_');
- * // => 'contact_104'
- *
- * _.uniqueId();
- * // => '105'
- */
-function uniqueId(prefix) {
-  var id = ++idCounter$1;
-  return toString(prefix) + id;
-}
-
-var uniqueId_1 = uniqueId;
-
 var Accordion$1 = /*#__PURE__*/React.forwardRef(function Accordion(_a, ref) {
   var _a$headerLevel = _a.headerLevel,
       headerLevel = _a$headerLevel === void 0 ? 'h2' : _a$headerLevel,
       _a$chevronPosition = _a.chevronPosition,
       chevronPosition = _a$chevronPosition === void 0 ? 'left' : _a$chevronPosition,
       children = _a.children,
-      props = __rest(_a, ["headerLevel", "chevronPosition", "children"]);
+      id = _a.id,
+      props = __rest(_a, ["headerLevel", "chevronPosition", "children", "id"]);
 
-  var accordionId = React.useMemo(function () {
-    return uniqueId_1('accordion-');
-  }, []);
+  var accordionId = useId(id, 'accordion');
   var AccordionItems = React.Children.map(children, function (child, index) {
     if (!child) return null;
     return /*#__PURE__*/React.cloneElement(child, {
@@ -8632,11 +8300,10 @@ var Tabs$1 = /*#__PURE__*/React.forwardRef(function Tabs(_a, ref) {
       onFocus = _a.onFocus,
       _a$variant = _a.variant,
       variant = _a$variant === void 0 ? 'minWidth' : _a$variant,
-      props = __rest(_a, ["activeTab", "onChange", "onBlur", "onFocus", "variant"]);
+      id = _a.id,
+      props = __rest(_a, ["activeTab", "onChange", "onBlur", "onFocus", "variant", "id"]);
 
-  var tabsId = React.useMemo(function () {
-    return uniqueId_1('tabs-');
-  }, []);
+  var tabsId = useId(id, 'tabs');
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -10531,7 +10198,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(_a, ref) {
 
   var onValueChange = function onValueChange(event, valueArrIdx) {
     var target = event.target;
-    var changedValue = parseInt(target.value, 10);
+    var changedValue = parseFloat(target.value);
 
     if (isRangeSlider) {
       var newValue = sliderValue.slice();
@@ -10584,8 +10251,8 @@ var Slider = /*#__PURE__*/React.forwardRef(function Slider(_a, ref) {
     var maxValue = maxRange.current.value;
     var diff = max - min;
     var normX = x / inputWidth * diff + min;
-    var maxX = Math.abs(normX - parseInt(maxValue));
-    var minX = Math.abs(normX - parseInt(minValue));
+    var maxX = Math.abs(normX - parseFloat(maxValue));
+    var minX = Math.abs(normX - parseFloat(minValue));
 
     if (minX > maxX) {
       minRange.current.style.zIndex = '10';
@@ -11838,6 +11505,7 @@ var Breadcrumb = /*#__PURE__*/React.forwardRef(function Breadcrumb(_a, ref) {
       other = __rest(_a, ["children", "maxWidth", "href"]);
 
   var props = Object.assign(Object.assign({}, other), {
+    href: href,
     ref: ref,
     maxWidth: maxWidth
   });
@@ -12119,18 +11787,16 @@ var MenuSection = /*#__PURE__*/React__namespace.memo(function MenuSection(props)
   }, void 0);
 });
 
-var isFragment = function isFragment(object) {
-  if (object.type) {
-    return object.type === React.Fragment;
-  }
-
-  return object === React.Fragment;
-};
-
 var List = styled__default['default'].ul.withConfig({
   displayName: "MenuList__List",
   componentId: "sc-104rzof-0"
 })(["position:relative;list-style:none;margin:0;", " li:first-child{z-index:3;}"], spacingsTemplate(menu.spacings));
+
+function isIndexable(item) {
+  if ( /*#__PURE__*/React.isValidElement(item) && !item.props.disabled && item.type === MenuItem) return true;
+  return false;
+}
+
 var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(_a, ref) {
   var children = _a.children,
       focus = _a.focus,
@@ -12140,19 +11806,30 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(_a, ref) {
       focusedIndex = _useMenu.focusedIndex,
       setFocusedIndex = _useMenu.setFocusedIndex;
 
-  var pickedChildren = isFragment(children) ? children.props.children : children;
-  var updatedChildren = React.Children.map(pickedChildren, function (child, index) {
-    return /*#__PURE__*/React.cloneElement(child, {
-      index: index
+  var index = -1;
+  var focusableIndexs = React.useMemo(function () {
+    return [];
+  }, []);
+  var updatedChildren = React.useMemo(function () {
+    return React.Children.map(children, function (child) {
+      if (child.type === MenuSection) {
+        var updatedGrandChildren = React.Children.map(child.props.children, function (grandChild) {
+          index++;
+          if (isIndexable(grandChild)) focusableIndexs.push(index);
+          return /*#__PURE__*/React.cloneElement(grandChild, {
+            index: index
+          });
+        });
+        return /*#__PURE__*/React.cloneElement(child, null, updatedGrandChildren);
+      } else {
+        index++;
+        if (isIndexable(child)) focusableIndexs.push(index);
+        return /*#__PURE__*/React.cloneElement(child, {
+          index: index
+        });
+      }
     });
-  });
-  var focusableIndexs = (updatedChildren || []).filter(function (x) {
-    return !x.props.disabled;
-  }).filter(function (x) {
-    return /*#__PURE__*/React.isValidElement(x) && (x.type === MenuSection || x.type === MenuItem);
-  }).map(function (x) {
-    return x.props.index;
-  });
+  }, [children, focusableIndexs, index]);
   var firstFocusIndex = focusableIndexs[0];
   var lastFocusIndex = focusableIndexs[focusableIndexs.length - 1];
   React.useEffect(function () {
@@ -12179,10 +11856,12 @@ var MenuList = /*#__PURE__*/React.forwardRef(function MenuList(_a, ref) {
     event.stopPropagation();
 
     if (key === 'ArrowDown') {
+      event.preventDefault();
       handleMenuItemChange('down', firstFocusIndex);
     }
 
     if (key === 'ArrowUp') {
+      event.preventDefault();
       handleMenuItemChange('up', lastFocusIndex);
     }
   };
@@ -12245,7 +11924,9 @@ var Menu$1 = /*#__PURE__*/React.forwardRef(function Menu(_a, ref) {
       open = _a.open,
       _a$placement = _a.placement,
       placement = _a$placement === void 0 ? 'auto' : _a$placement,
-      rest = __rest(_a, ["anchorEl", "open", "placement"]);
+      style = _a.style,
+      className = _a.className,
+      rest = __rest(_a, ["anchorEl", "open", "placement", "style", "className"]);
 
   var _useState = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -12267,7 +11948,8 @@ var Menu$1 = /*#__PURE__*/React.forwardRef(function Menu(_a, ref) {
 
   var props = Object.assign({
     open: open,
-    style: styles.popper
+    style: Object.assign(Object.assign({}, styles.popper), style),
+    className: className
   }, attributes.popper);
   var menuProps = Object.assign(Object.assign({}, rest), {
     anchorEl: anchorEl,