@lumx/react 3.7.6-alpha.12 → 3.7.6-alpha.14

package/index.js

@@ -17,7 +17,6 @@ import memoize from 'lodash/memoize';
 import castArray from 'lodash/castArray';
 import pick from 'lodash/pick';
 import isInteger from 'lodash/isInteger';
-import isEqual from 'lodash/isEqual';
 import throttle from 'lodash/throttle';
 import take from 'lodash/take';
 import uniqueId from 'lodash/uniqueId';
@@ -7360,13 +7359,14 @@ const Heading = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     headingElement
   } = useHeadingLevel();
+  const computedHeadingElement = as || headingElement;
   return /*#__PURE__*/React.createElement(Text, _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
       prefix: CLASSNAME$p
     })),
-    as: as || headingElement,
-    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]
+    as: computedHeadingElement,
+    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]
   }, forwardedProps), children);
 });
 Heading.displayName = COMPONENT_NAME$s;
@@ -7863,6 +7863,18 @@ function getPrefersReducedMotion() {
   return WINDOW === null || WINDOW === void 0 ? void 0 : (_WINDOW$matchMedia = WINDOW.matchMedia) === null || _WINDOW$matchMedia === void 0 ? void 0 : _WINDOW$matchMedia.call(WINDOW, '(prefers-reduced-motion: reduce)').matches;
 }
 
+/** Minimal recursive deep equal of JS values */
+function isEqual(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (typeof obj1 === 'object' && typeof obj2 === 'object') {
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length) return false;
+    return keys1.every(key1 => isEqual(obj1[key1], obj2[key1]));
+  }
+  return false;
+}
+
 /**
  * Listen to mouse wheel + ctrl and multi-pointer pinch to zoom
  */
@@ -13722,15 +13734,16 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
     }), fillHeight && `${CLASSNAME$1f}--fill-height`)
   }), /*#__PURE__*/React.createElement("span", {
     className: `${CLASSNAME$1f}__background`
-  }, /*#__PURE__*/React.createElement("img", _extends({}, imgProps, {
-    width: (imgProps === null || imgProps === void 0 ? void 0 : imgProps.width) || (loadingPlaceholderImage === null || loadingPlaceholderImage === void 0 ? void 0 : loadingPlaceholderImage.naturalWidth),
-    height: (imgProps === null || imgProps === void 0 ? void 0 : imgProps.height) || (loadingPlaceholderImage === null || loadingPlaceholderImage === void 0 ? void 0 : loadingPlaceholderImage.naturalHeight),
+  }, /*#__PURE__*/React.createElement("img", _extends({
+    width: loadingPlaceholderImage === null || loadingPlaceholderImage === void 0 ? void 0 : loadingPlaceholderImage.naturalWidth,
+    height: loadingPlaceholderImage === null || loadingPlaceholderImage === void 0 ? void 0 : loadingPlaceholderImage.naturalHeight
+  }, imgProps, {
     style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, imgProps === null || imgProps === void 0 ? void 0 : imgProps.style), imageErrorStyle), focusPointStyle), loadingStyle),
     ref: mergeRefs(setImgElement, propImgRef),
     className: classnames(handleBasicClasses({
       prefix: `${CLASSNAME$1f}__image`,
       isLoading,
-      hasDefinedSize: Boolean((imgProps === null || imgProps === void 0 ? void 0 : imgProps.height) && imgProps.width)
+      hasDefinedSize: !isLoading && Boolean((imgProps === null || imgProps === void 0 ? void 0 : imgProps.height) && imgProps.width)
     }), imgProps === null || imgProps === void 0 ? void 0 : imgProps.className),
     crossOrigin: crossOrigin,
     src: image,