@dcl/react-ecs 7.25.1-30447792919.commit-c06a494 → 7.25.1-30570000030.commit-eaa1fa5

package/dist/components/types.d.ts

@@ -1,3 +1,4 @@
+import { PBUiInputBinding } from '@dcl/ecs';
 import { ReactEcs } from '../react-ecs';
 import { Listeners } from './listeners/types';
 import { UiBackgroundProps } from './uiBackground/types';
@@ -11,6 +12,8 @@ export interface EntityPropTypes extends Listeners {
     uiTransform?: UiTransformProps;
     /** To define a background color or image */
     uiBackground?: UiBackgroundProps;
+    /** Bind input actions to this element, held down while it's pressed (touch or pointer) */
+    uiInputBinding?: PBUiInputBinding;
     /** Uinique key to identiy elments when iterating arrays */
     key?: Key;
 }

package/dist/react-ecs.d.ts

@@ -1,4 +1,4 @@
-import { PBUiBackground, PBUiText, PBUiTransform, PBUiInput, PBUiDropdown } from '@dcl/ecs';
+import { PBUiBackground, PBUiText, PBUiTransform, PBUiInput, PBUiDropdown, PBUiInputBinding } from '@dcl/ecs';
 import { Callback, Key } from './components';
 /**
  * @public
@@ -18,6 +18,7 @@ export type EntityComponents = {
     uiBackground: PBUiBackground;
     uiInput: PBUiInput;
     uiDropdown: PBUiDropdown;
+    uiInputBinding: PBUiInputBinding;
     onMouseDown: Callback;
     onMouseUp: Callback;
     onMouseEnter: Callback;

package/dist/reconciler/index.js

@@ -29,13 +29,15 @@ export function createReconciler(engine, pointerEvents) {
     const UiInputResult = components.UiInputResult(engine);
     const UiDropdown = components.UiDropdown(engine);
     const UiDropdownResult = components.UiDropdownResult(engine);
+    const UiInputBinding = components.UiInputBinding(engine);
     // Component ID Helper
     const getComponentId = {
         uiTransform: UiTransform.componentId,
         uiText: UiText.componentId,
         uiBackground: UiBackground.componentId,
         uiInput: UiInput.componentId,
-        uiDropdown: UiDropdown.componentId
+        uiDropdown: UiDropdown.componentId,
+        uiInputBinding: UiInputBinding.componentId
     };
     function pointerEventCallback(entity, pointerEvent) {
         const callback = clickEvents.get(entity)?.get(pointerEvent);

package/dist/reconciler/utils.js

@@ -50,7 +50,8 @@ const entityComponent = {
     onMouseEnter: undefined,
     onMouseLeave: undefined,
     uiInput: undefined,
-    uiDropdown: undefined
+    uiDropdown: undefined,
+    uiInputBinding: undefined
 };
 export const componentKeys = Object.keys(entityComponent);
 export function isEqual(val1, val2) {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dcl/react-ecs",
   "description": "Decentraland ECS",
-  "version": "7.25.1-30447792919.commit-c06a494",
+  "version": "7.25.1-30570000030.commit-eaa1fa5",
   "author": "DCL",
   "bugs": "https://github.com/decentraland/js-sdk-toolchain/issues",
   "dependencies": {
-    "@dcl/ecs": "7.25.1-30447792919.commit-c06a494",
+    "@dcl/ecs": "7.25.1-30570000030.commit-eaa1fa5",
     "react": "^18.2.0",
     "react-reconciler": "^0.29.0"
   },
@@ -40,5 +40,5 @@
     "tsconfig": "./tsconfig.json"
   },
   "types": "./dist/index.d.ts",
-  "commit": "c06a4949a4e3dd50ed906d35304aefa6baebfc0d"
+  "commit": "eaa1fa58d4deeb7a4102151ad91bd857be38023b"
 }