@developer_tribe/react-builder 1.2.41 → 1.2.43

package/src/build-components/RenderNode.generated.tsx

@@ -37,6 +37,7 @@ import type { OnboardSubtitleComponentProps } from './OnboardSubtitle/OnboardSub
 import type { OnboardTitleComponentProps } from './OnboardTitle/OnboardTitleProps.generated';
 import type { PaywallBackgroundComponentProps } from './PaywallBackground/PaywallBackgroundProps.generated';
 import type { PaywallCloseButtonComponentProps } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
+import type { PaywallFooterComponentProps } from './PaywallFooter/PaywallFooterProps.generated';
 import type { PaywallOptionsComponentProps } from './PaywallOptions/PaywallOptionsProps.generated';
 import type { PaywallProviderComponentProps } from './PaywallProvider/PaywallProviderProps.generated';
 import type { PaywallSubscribeButtonComponentProps } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
@@ -72,6 +73,7 @@ import OnboardSubtitle from './OnboardSubtitle/OnboardSubtitle';
 import OnboardTitle from './OnboardTitle/OnboardTitle';
 import PaywallBackground from './PaywallBackground/PaywallBackground';
 import { PaywallCloseButton } from './PaywallCloseButton/PaywallCloseButton';
+import PaywallFooter from './PaywallFooter/PaywallFooter';
 import PaywallOptions from './PaywallOptions/PaywallOptions';
 import PaywallProvider from './PaywallProvider/PaywallProvider';
 import PaywallSubscribeButton from './PaywallSubscribeButton/PaywallSubscribeButton';
@@ -109,6 +111,7 @@ type BuilderNode =
   | (OnboardTitleComponentProps['node'] & { type: 'OnboardTitle' })
   | (PaywallBackgroundComponentProps['node'] & { type: 'PaywallBackground' })
   | (PaywallCloseButtonComponentProps['node'] & { type: 'PaywallCloseButton' })
+  | (PaywallFooterComponentProps['node'] & { type: 'PaywallFooter' })
   | (PaywallOptionsComponentProps['node'] & { type: 'PaywallOptions' })
   | (PaywallProviderComponentProps['node'] & { type: 'PaywallProvider' })
   | (PaywallSubscribeButtonComponentProps['node'] & {
@@ -201,6 +204,8 @@ function RenderNode({ node }: { node: Node }) {
       return <PaywallBackground node={normalizedNode} />;
     case 'PaywallCloseButton':
       return <PaywallCloseButton node={normalizedNode} />;
+    case 'PaywallFooter':
+      return <PaywallFooter node={normalizedNode} />;
     case 'PaywallOptions':
       return <PaywallOptions node={normalizedNode} />;
     case 'PaywallProvider':

package/src/build-components/Text/Text.tsx

@@ -44,9 +44,10 @@ export function Text({ node }: TextComponentProps) {
     | undefined;
   const adjustsFontSizeToFit = styleBag?.adjustsFontSizeToFit ?? false;
   const showEllipsis = styleBag?.showEllipsis ?? false;
+  const numberOfLines = (node.attributes as any)?.numberOfLines;
 
   useLayoutEffect(() => {
-    if (!adjustsFontSizeToFit) {
+    if (numberOfLines !== 1 || !adjustsFontSizeToFit) {
       setAutoFontSizePx(null);
       return;
     }
@@ -95,12 +96,12 @@ export function Text({ node }: TextComponentProps) {
       ro?.disconnect();
       window.removeEventListener('resize', compute);
     };
-  }, [adjustsFontSizeToFit, localizedText]);
+  }, [adjustsFontSizeToFit, localizedText, numberOfLines]);
 
   const extraStyle = useMemo((): React.CSSProperties | undefined => {
     let next: React.CSSProperties | undefined;
 
-    if (showEllipsis) {
+    if (numberOfLines == 1 && adjustsFontSizeToFit) {
       next = {
         ...(next ?? {}),
         overflow: 'hidden',
@@ -117,7 +118,7 @@ export function Text({ node }: TextComponentProps) {
     }
 
     return next;
-  }, [showEllipsis, autoFontSizePx]);
+  }, [showEllipsis, autoFontSizePx, numberOfLines, adjustsFontSizeToFit]);
 
   const style = useMergedStyle(
     useMergedStyle(textStyle, extraStyle),

package/src/build-components/Text/TextProps.generated.ts

@@ -68,7 +68,7 @@ export interface TextPropsGenerated {
     scrollable?: boolean;
     testID?: string;
     adjustsFontSizeToFit?: boolean;
-    showEllipsis?: boolean;
+    numberOfLines?: number;
     translateCounter?: number;
   };
 }

package/src/build-components/Text/pattern.json

@@ -8,7 +8,7 @@
     "extends": "View",
     "attributes": {
       "adjustsFontSizeToFit": "boolean",
-      "showEllipsis": "boolean",
+      "numberOfLines": "number",
       "translateCounter": "number",
       "styles": {
         "color": "color",
@@ -20,6 +20,7 @@
     },
     "defaults": {
       "translateCounter": 1,
+      "numberOfLines": 1,
       "styles": {
         "color": "THEME_COLORS.TEXT",
         "fontSize": "16@fs",

package/src/build-components/index.ts

@@ -29,6 +29,7 @@ export const allcomponentNames = [
   'OnboardTitle',
   'PaywallBackground',
   'PaywallCloseButton',
+  'PaywallFooter',
   'PaywallOptions',
   'PaywallProvider',
   'PaywallSubscribeButton',
@@ -138,6 +139,10 @@ export type {
   PaywallCloseButtonPropsGenerated,
   PaywallCloseButtonComponentProps,
 } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
+export type {
+  PaywallFooterPropsGenerated,
+  PaywallFooterComponentProps,
+} from './PaywallFooter/PaywallFooterProps.generated';
 export type {
   PaywallOptionsPropsGenerated,
   PaywallOptionsComponentProps,