@dcl/react-ecs 7.1.2 → 7.1.3-4448471926.commit-264de76

package/dist/components/Button/index.js

@@ -3,19 +3,17 @@ import { getFont, getTextAlign } from '../Label/utils';
 import { parseUiBackground } from '../uiBackground';
 import { parseUiTransform } from '../uiTransform';
 function getButtonProps(props) {
-    if (props.variant === 'primary') {
-        return {
-            uiBackground: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } },
-            uiText: { color: { r: 1, g: 1, b: 1, a: 1 } }
-        };
-    }
     if (props.variant === 'secondary') {
         return {
             uiBackground: { color: { r: 1, g: 1, b: 1, a: 1 } },
             uiText: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } }
         };
     }
-    return {};
+    // 'primary' variant by default
+    return {
+        uiBackground: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } },
+        uiText: { color: { r: 1, g: 1, b: 1, a: 1 } }
+    };
 }
 /**
  *
@@ -48,5 +46,11 @@ export function Button(props) {
         height: 36,
         ...uiTransform
     });
-    return (ReactEcs.createElement("entity", { onMouseDown: onMouseDown, onMouseUp: onMouseUp, uiTransform: uiTransformProps, uiText: textProps, uiBackground: uiBackgroundProps }));
+    if (!!props.disabled) {
+        if (textProps.color)
+            textProps.color.a /= 2;
+        if (uiBackgroundProps && uiBackgroundProps.color)
+            uiBackgroundProps.color.a /= 2;
+    }
+    return (ReactEcs.createElement("entity", { onMouseDown: !!props.disabled ? undefined : onMouseDown, onMouseUp: !!props.disabled ? undefined : onMouseUp, uiTransform: uiTransformProps, uiText: textProps, uiBackground: uiBackgroundProps }));
 }

package/dist/components/Button/types.d.ts

@@ -9,4 +9,8 @@ export interface UiButtonProps extends UiLabelProps, EntityPropTypes {
      * Use any of the available button style types to create a styled button.
      */
     variant?: 'primary' | 'secondary';
+    /**
+     * Enable or disable the pointer events on the button
+     */
+    disabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/react-ecs",
-  "version": "7.1.2",
+  "version": "7.1.3-4448471926.commit-264de76",
   "description": "Decentraland ECS",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -28,7 +28,7 @@
     "@types/react-reconciler": "^0.28.0"
   },
   "dependencies": {
-    "@dcl/ecs": "7.1.2",
+    "@dcl/ecs": "7.1.3-4448471926.commit-264de76",
     "react": "^18.2.0",
     "react-reconciler": "^0.29.0"
   },
@@ -42,5 +42,5 @@
     "displayName": "React ECS",
     "tsconfig": "./tsconfig.json"
   },
-  "commit": "4c363ec1e57406326ff3b3d27941d63b44e7d2e2"
+  "commit": "264de7682c191f5abc8dbe754ea1b7e5fac96c4c"
 }