@lumx/react 3.14.0 → 3.14.1-alpha.0

package/index.d.ts

@@ -583,7 +583,7 @@ type HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>
  * Button size definition.
  */
 type ButtonSize = Extract<Size, 's' | 'm'>;
-interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasTheme {
+interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label' | 'aria-disabled'>, HasTheme {
     /** Color variant. */
     color?: ColorPalette;
     /** Emphasis variant. */

package/index.js

@@ -5141,7 +5141,7 @@ BadgeWrapper.displayName = 'BadgeWrapper';
 BadgeWrapper.className = CLASSNAME$19;
 BadgeWrapper.defaultProps = DEFAULT_PROPS$W;
 
-const _excluded$1f = ["aria-label", "children", "className", "color", "disabled", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "isActive", "isFocused", "isHovered", "linkAs", "name", "size", "target", "theme", "variant", "type", "fullWidth"];
+const _excluded$1f = ["aria-label", "children", "className", "color", "disabled", "emphasis", "hasBackground", "href", "isDisabled", "aria-disabled", "isSelected", "isActive", "isFocused", "isHovered", "linkAs", "name", "size", "target", "theme", "variant", "type", "fullWidth"];
 
 /**
  * Button size definition.
@@ -5200,6 +5200,7 @@ const ButtonRoot = forwardRef((props, ref) => {
       hasBackground,
       href,
       isDisabled = disabled,
+      'aria-disabled': ariaDisabled = isDisabled,
       isSelected,
       isActive,
       isFocused,
@@ -5254,9 +5255,11 @@ const ButtonRoot = forwardRef((props, ref) => {
       ref: ref
     }), children);
   }
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, forwardedProps, {
+  return /*#__PURE__*/React__default.createElement("button", _extends({}, forwardedProps, ariaDisabled ? {
+    onClick: undefined
+  } : undefined, {
     disabled: isDisabled,
-    "aria-disabled": isDisabled,
+    "aria-disabled": ariaDisabled,
     "aria-label": ariaLabel,
     ref: ref,
     className: buttonClassName,
@@ -13615,23 +13618,20 @@ const useFocusPointStyle = (_ref2, element, isLoaded) => {
   }, [element === null || element === void 0 ? void 0 : element.offsetHeight, element === null || element === void 0 ? void 0 : element.offsetWidth, imageSize]);
 
   // Compute style.
-  const [style, setStyle] = useState({});
-  useEffect(() => {
+  const style = useMemo(() => {
     // Focus point is not applicable => exit early
     if (!image || aspectRatio === AspectRatio.original || !(focusPoint !== null && focusPoint !== void 0 && focusPoint.x) && !(focusPoint !== null && focusPoint !== void 0 && focusPoint.y)) {
-      return;
+      return {};
     }
     if (!element || !imageSize) {
       // Focus point can be computed but now right now (image size unknown).
-      setStyle({
+      return {
         visibility: 'hidden'
-      });
-      return;
+      };
     }
     if (!containerSize || !imageSize.height || !imageSize.width) {
       // Missing container or image size abort focus point compute.
-      setStyle({});
-      return;
+      return {};
     }
     const heightScale = imageSize.height / containerSize.height;
     const widthScale = imageSize.width / containerSize.width;
@@ -13655,10 +13655,9 @@ const useFocusPointStyle = (_ref2, element, isLoaded) => {
       containerSize: containerSize.width
     });
     const objectPosition = `${x}% ${y}%`;
-    // Update only if needed.
-    setStyle(oldStyle => oldStyle.objectPosition === objectPosition ? oldStyle : {
+    return {
       objectPosition
-    });
+    };
   }, [aspectRatio, containerSize, element, focusPoint === null || focusPoint === void 0 ? void 0 : focusPoint.x, focusPoint === null || focusPoint === void 0 ? void 0 : focusPoint.y, image, imageSize]);
   return style;
 };