@dcl/react-ecs 7.5.3 → 7.5.4-9583175884.commit-4a0210f

package/dist/components/Button/index.js

@@ -1,5 +1,5 @@
 import { ReactEcs } from '../../react-ecs';
-import { getFont, getFontSize, getTextAlign } from '../Label/utils';
+import { getFont, getFontSize, getTextAlign, getTextWrap } from '../Label/utils';
 import { parseUiBackground } from '../uiBackground';
 import { parseUiTransform } from '../uiTransform';
 function getButtonProps(props) {
@@ -35,13 +35,14 @@ export function Button(props) {
         ...buttonProps.uiBackground,
         ...uiBackground
     });
-    const { font, textAlign, fontSize, ...uiTexProps } = otherProps;
+    const { font, textAlign, fontSize, textWrap, ...uiTexProps } = otherProps;
     const textProps = {
         ...buttonProps.uiText,
         ...uiTexProps,
         ...getFont(font),
         ...getTextAlign(textAlign),
-        ...getFontSize(fontSize)
+        ...getFontSize(fontSize),
+        ...getTextWrap(textWrap)
     };
     const uiTransformProps = parseUiTransform({
         height: 36,

package/dist/components/Label/index.js

@@ -1,6 +1,6 @@
 import { parseProps } from '../utils';
 import { ReactEcs } from '../../react-ecs';
-import { getFont, getFontSize, getTextAlign } from './utils';
+import { getFont, getFontSize, getTextAlign, getTextWrap } from './utils';
 export { scaleFontSize } from './utils';
 /**
  *
@@ -23,12 +23,13 @@ export function Label(props) {
         onMouseDown,
         onMouseUp
     });
-    const { font, textAlign, fontSize, ...textProps } = uiTextProps;
+    const { font, textAlign, fontSize, textWrap, ...textProps } = uiTextProps;
     const uiText = {
         ...textProps,
         ...getFont(font),
         ...getTextAlign(textAlign),
-        ...getFontSize(fontSize)
+        ...getFontSize(fontSize),
+        ...getTextWrap(textWrap)
     };
     return ReactEcs.createElement("entity", { ...commonProps, uiText: uiText });
 }

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

@@ -15,11 +15,17 @@ export interface UiLabelProps {
     textAlign?: TextAlignType | undefined;
     /** Label font type. @defaultValue 'sans-serif' */
     font?: UiFontType | undefined;
+    /** Behaviour when text reached. @defaultValue 'wrap' */
+    textWrap?: UiTextWrapType | undefined;
 }
 /**
  * @public
  */
 export type UiFontType = 'sans-serif' | 'serif' | 'monospace';
+/**
+ * @public
+ */
+export type UiTextWrapType = 'wrap' | 'nowrap';
 /**
  * @public
  */

package/dist/components/Label/utils.js

@@ -55,3 +55,15 @@ export function scaleFontSize(fontSize, scaleUnit = 0.39, ctx = getScaleCtx()) {
         return fontSize;
     return fontSize + calcOnViewport(scaleUnit, ctx);
 }
+const parseTextWrap = {
+    wrap: 0 /* TextWrap.TW_WRAP */,
+    nowrap: 1 /* TextWrap.TW_NO_WRAP */
+};
+/**
+ * @internal
+ */
+export function getTextWrap(textWrap) {
+    if (!textWrap)
+        return undefined;
+    return { textWrap: parseTextWrap[textWrap] };
+}

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { ReactEcs } from '../react-ecs';
-import { getFont, getFontSize, getTextAlign } from './Label/utils';
+import { getFont, getFontSize, getTextAlign, getTextWrap } from './Label/utils';
 import { parseProps } from './utils';
 export * from './types';
 export * from './uiTransform/types';
@@ -24,7 +24,8 @@ export function UiEntity(props) {
             ...props.uiText,
             ...getFont(props.uiText.font),
             ...getTextAlign(props.uiText.textAlign),
-            ...getFontSize(props.uiText.fontSize)
+            ...getFontSize(props.uiText.fontSize),
+            ...getTextWrap(props.uiText.textWrap)
         }
     };
     return ReactEcs.createElement("entity", { ...parseProps(props), ...uiText });

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dcl/react-ecs",
   "description": "Decentraland ECS",
-  "version": "7.5.3",
+  "version": "7.5.4-9583175884.commit-4a0210f",
   "author": "DCL",
   "bugs": "https://github.com/decentraland/js-sdk-toolchain/issues",
   "dependencies": {
-    "@dcl/ecs": "7.5.3",
+    "@dcl/ecs": "7.5.4-9583175884.commit-4a0210f",
     "react": "^18.2.0",
     "react-reconciler": "^0.29.0"
   },
@@ -40,5 +40,5 @@
     "tsconfig": "./tsconfig.json"
   },
   "types": "./dist/index.d.ts",
-  "commit": "df2f989c1b9c05a767dc1de628ab1318f4cdadec"
+  "commit": "4a0210f3621fb67a74dd10a2576bee25f30b3c73"
 }