@dcl/react-ecs 7.3.24-6613667972.commit-84b272f → 7.3.24-6620605375.commit-3a46fcf

package/dist/components/uiTransform/index.js

@@ -1,4 +1,4 @@
-import { getAlign, getFlexDirection, getDisplay, getFlexWrap, getJustify, getOverflow, getPoistionType, parsePosition, parseSize } from './utils';
+import { getAlign, getDisplay, getFlexDirection, getFlexWrap, getJustify, getOverflow, getPointerFilter, getPositionType, parsePosition, parseSize } from './utils';
 /**
  * @internal
  */
@@ -50,7 +50,8 @@ const defaultUiTransform = {
     positionTopUnit: 0 /* YGUnit.YGU_UNDEFINED */,
     flexBasisUnit: 0 /* YGUnit.YGU_UNDEFINED */,
     widthUnit: 0 /* YGUnit.YGU_UNDEFINED */,
-    heightUnit: 0 /* YGUnit.YGU_UNDEFINED */
+    heightUnit: 0 /* YGUnit.YGU_UNDEFINED */,
+    pointerFilter: 0 /* PointerFilterMode.PFM_NONE */
 };
 /**
  * @public
@@ -75,7 +76,8 @@ export function parseUiTransform(props = {}) {
         ...getJustify(props.justifyContent),
         ...getFlexDirection(props.flexDirection),
         ...getOverflow(props.overflow),
-        ...getPoistionType(props.positionType),
+        ...getPointerFilter(props.pointerFilter),
+        ...getPositionType(props.positionType),
         // Optional values
         ...(alignContent && getAlign('alignContent', alignContent)),
         ...(alignItems && getAlign('alignItems', alignItems)),

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

@@ -48,7 +48,7 @@ export type FlexDirectionType = 'row' | 'column' | 'column-reverse' | 'row-rever
 export type FlexWrapType = 'wrap' | 'nowrap' | 'wrap-reverse';
 /**
  * @public
- * The overflow property controls what happens to content that is too big to fit into an area.
+ * The overflow property controls what happens to content that is too big to fit into an area
  */
 export type OverflowType = 'hidden' | 'scroll' | 'visible';
 /**
@@ -56,6 +56,11 @@ export type OverflowType = 'hidden' | 'scroll' | 'visible';
  * The position property specifies the type of positioning method used for an element
  */
 export type PositionType = 'absolute' | 'relative';
+/**
+ * @public
+ * The pointer filter property determines if the ui element blocks the pointer or not (elements with pointer events always block the pointer regardless of this property)
+ */
+export type PointerFilterType = 'none' | 'block';
 /**
  * Layout props to position things in the canvas
  * @public
@@ -105,4 +110,6 @@ export interface UiTransformProps {
     flexShrink?: number;
     /** The overflow property controls what happens to content that is too big to fit into an area */
     overflow?: OverflowType;
+    /** The pointer filter property determines if the ui element blocks the pointer or not (elements with pointer events always block the pointer regardless of this property) **/
+    pointerFilter?: PointerFilterType;
 }

package/dist/components/uiTransform/utils.js

@@ -152,7 +152,7 @@ const parseOverflow = {
 /**
  * @internal
  */
-export function getPoistionType(position) {
+export function getPositionType(position) {
     const value = position ? parsePositionType[position] : 0 /* YGPositionType.YGPT_RELATIVE */;
     return { positionType: value };
 }
@@ -160,3 +160,14 @@ const parsePositionType = {
     relative: 0 /* YGPositionType.YGPT_RELATIVE */,
     absolute: 1 /* YGPositionType.YGPT_ABSOLUTE */
 };
+/**
+ * @internal
+ */
+export function getPointerFilter(pointerFilter) {
+    const value = pointerFilter ? parsePointerFilter[pointerFilter] : 0 /* PointerFilterMode.PFM_NONE */;
+    return { pointerFilter: value };
+}
+const parsePointerFilter = {
+    none: 0 /* PointerFilterMode.PFM_NONE */,
+    block: 1 /* PointerFilterMode.PFM_BLOCK */
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dcl/react-ecs",
   "description": "Decentraland ECS",
-  "version": "7.3.24-6613667972.commit-84b272f",
+  "version": "7.3.24-6620605375.commit-3a46fcf",
   "author": "DCL",
   "bugs": "https://github.com/decentraland/js-sdk-toolchain/issues",
   "dependencies": {
-    "@dcl/ecs": "7.3.24-6613667972.commit-84b272f",
+    "@dcl/ecs": "7.3.24-6620605375.commit-3a46fcf",
     "react": "^18.2.0",
     "react-reconciler": "^0.29.0"
   },
@@ -39,5 +39,5 @@
     "tsconfig": "./tsconfig.json"
   },
   "types": "./dist/index.d.ts",
-  "commit": "84b272f237343d89e2a0ebdcc4f1f14cac7308f4"
+  "commit": "3a46fcffc10dd97e8af664027868c84746ac9a80"
 }