@rocapine/react-native-onboarding-ui 1.32.0 → 1.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.d.ts +305 -0
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.js +133 -0
- package/dist/UI/Pages/ComposableScreen/elements/RichTextElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js +26 -12
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js +4 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts +12 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.js +6 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.d.ts +11 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.js +15 -2
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
- package/package.json +1 -1
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/RichTextElement.tsx +177 -0
- package/src/UI/Pages/ComposableScreen/elements/StackElement.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/elements/TextElement.tsx +21 -11
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +6 -1
- package/src/UI/Pages/ComposableScreen/elements/shared.ts +19 -1
- package/src/UI/Pages/ComposableScreen/types.ts +25 -2
|
@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
|
|
6
6
|
const StackElement_1 = require("./StackElement");
|
|
7
7
|
const TextElement_1 = require("./TextElement");
|
|
8
|
+
const RichTextElement_1 = require("./RichTextElement");
|
|
8
9
|
const ImageElement_1 = require("./ImageElement");
|
|
9
10
|
const LottieElement_1 = require("./LottieElement");
|
|
10
11
|
const RiveElement_1 = require("./RiveElement");
|
|
@@ -38,6 +39,9 @@ const renderElement = (element, ctx, parentType) => {
|
|
|
38
39
|
if (element.type === "Text") {
|
|
39
40
|
return (0, jsx_runtime_1.jsx)(TextElement_1.TextElementComponent, { element: element, ctx: ctx, parentType: parentType }, element.id);
|
|
40
41
|
}
|
|
42
|
+
if (element.type === "RichText") {
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(RichTextElement_1.RichTextElementComponent, { element: element, ctx: ctx, parentType: parentType }, element.id);
|
|
44
|
+
}
|
|
41
45
|
if (element.type === "Image") {
|
|
42
46
|
return (0, jsx_runtime_1.jsx)(ImageElement_1.ImageElementComponent, { element: element, ctx: ctx }, element.id);
|
|
43
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":";;;;AACA,+EAAsE;AAItE,iDAAuD;AACvD,+CAAqD;AACrD,iDAAuD;AACvD,mDAAyD;AACzD,+CAAoD;AACpD,+CAAqD;AACrD,iDAAsD;AACtD,iDAAuD;AACvD,2DAA0D;AAC1D,iEAAgE;AAChE,mDAAyD;AACzD,2DAAiE;AACjE,6DAAmE;AACnE,uDAA6D;AAC7D,mDAAyD;AACzD,+DAAqE;AACrE,2DAAiE;AACjE,+EAAqF;AACrF,yEAA+E;AAC/E,+CAA4C;AAErC,MAAM,aAAa,GAAG,CAC3B,OAAkB,EAClB,GAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,8 +10,19 @@ export type RenderContext = {
|
|
|
10
10
|
setVariable: (key: string, entry: ComposableVariableEntry) => void;
|
|
11
11
|
onContinue: () => void;
|
|
12
12
|
customActions: CustomActions;
|
|
13
|
-
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack") => React.ReactNode;
|
|
13
|
+
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText") => React.ReactNode;
|
|
14
14
|
};
|
|
15
|
+
export type InheritedTextStyle = {
|
|
16
|
+
fontSize?: number;
|
|
17
|
+
fontWeight?: string;
|
|
18
|
+
fontFamily?: string | "inherit";
|
|
19
|
+
fontStyle?: "normal" | "italic";
|
|
20
|
+
color?: string;
|
|
21
|
+
textAlign?: "left" | "center" | "right";
|
|
22
|
+
letterSpacing?: number;
|
|
23
|
+
lineHeight?: number;
|
|
24
|
+
};
|
|
25
|
+
export declare const RichTextStyleContext: React.Context<InheritedTextStyle>;
|
|
15
26
|
export declare const interpolate: (template: string, variables: Record<string, ComposableVariableEntry>) => string;
|
|
16
27
|
export declare const dim: (v: number | string | undefined) => import("react-native").DimensionValue | undefined;
|
|
17
28
|
export type ShadowStyleInput = Pick<BaseBoxProps, "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "elevation">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACnD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACnD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;CACrH,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mCAA8C,CAAC;AAEhF,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,WAAW,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,KAAG,MACM,CAAC;AAG1G,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,KAAG,OAAO,cAAc,EAAE,cAAc,GAAG,SACrC,CAAC;AAMzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,YAAY,EACZ,aAAa,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,WAAW,CAChF,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,GAAG,gBAAgB;;;;;;CASnD,CAAC;AAIF,eAAO,MAAM,0BAA0B,GACrC,mBAAmB,MAAM,GAAG,SAAS,EACrC,cAAc,MAAM,GAAG,SAAS,KAC/B,MAAM,GAAG,SAKX,CAAC"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.resolveInheritedFontFamily = exports.buildShadowStyle = exports.dim = exports.interpolate = void 0;
|
|
6
|
+
exports.resolveInheritedFontFamily = exports.buildShadowStyle = exports.dim = exports.interpolate = exports.RichTextStyleContext = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
exports.RichTextStyleContext = react_1.default.createContext({});
|
|
4
9
|
const interpolate = (template, variables) => template.replace(/\{\{([^}]+?)\}\}/g, (_, key) => { var _a, _b, _c, _d; return (_d = (_b = (_a = variables[key]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (_c = variables[key]) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : ""; });
|
|
5
10
|
exports.interpolate = interpolate;
|
|
6
11
|
// Cast number | string dimension values to DimensionValue for React Native style props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAgCb,QAAA,oBAAoB,GAAG,eAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC;AAEzE,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,SAAkD,EAAU,EAAE,CAC1G,QAAQ,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,uBAAC,OAAA,MAAA,MAAA,MAAA,SAAS,CAAC,GAAG,CAAC,0CAAE,KAAK,mCAAI,MAAA,SAAS,CAAC,GAAG,CAAC,0CAAE,KAAK,mCAAI,EAAE,CAAA,EAAA,CAAC,CAAC;AAD7F,QAAA,WAAW,eACkF;AAE1G,uFAAuF;AAChF,MAAM,GAAG,GAAG,CAAC,CAA8B,EAAqD,EAAE,CACvG,CAAsD,CAAC;AAD5C,QAAA,GAAG,OACyC;AAUlD,MAAM,gBAAgB,GAAG,CAAC,CAAmB,EAAE,EAAE;;IACtD,MAAM,SAAS,GAAG,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC;IACxC,OAAO;QACL,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,YAAY,EAAE,CAAC,CAAC,YAAY;QAC5B,aAAa,EAAE,MAAA,CAAC,CAAC,aAAa,mCAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7D,YAAY,EAAE,MAAA,CAAC,CAAC,YAAY,mCAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3D,SAAS,EAAE,CAAC,CAAC,SAAS;KACvB,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,gBAAgB,oBAS3B;AAEF,2EAA2E;AAC3E,mFAAmF;AAC5E,MAAM,0BAA0B,GAAG,CACxC,iBAAqC,EACrC,YAAgC,EACZ,EAAE;IACtB,IAAI,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,KAAK,SAAS,EAAE,CAAC;QACvE,OAAO,YAAY,CAAC;IACtB,CAAC;IACD,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC"}
|
|
@@ -2,6 +2,7 @@ import { z } from "zod";
|
|
|
2
2
|
import { type LeafCondition, type ConditionGroup, type WheelPickerElementProps } from "@rocapine/react-native-onboarding";
|
|
3
3
|
import { type StackElementProps } from "./elements/StackElement";
|
|
4
4
|
import { type TextElementProps } from "./elements/TextElement";
|
|
5
|
+
import { type RichTextElementProps } from "./elements/RichTextElement";
|
|
5
6
|
import { type ImageElementProps } from "./elements/ImageElement";
|
|
6
7
|
import { type LottieElementProps } from "./elements/LottieElement";
|
|
7
8
|
import { type RiveElementProps } from "./elements/RiveElement";
|
|
@@ -22,6 +23,7 @@ export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
|
22
23
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
23
24
|
export type { StackElementProps } from "./elements/StackElement";
|
|
24
25
|
export type { TextElementProps } from "./elements/TextElement";
|
|
26
|
+
export type { RichTextElementProps } from "./elements/RichTextElement";
|
|
25
27
|
export type { ImageElementProps } from "./elements/ImageElement";
|
|
26
28
|
export type { LottieElementProps } from "./elements/LottieElement";
|
|
27
29
|
export type { RiveElementProps } from "./elements/RiveElement";
|
|
@@ -52,6 +54,15 @@ export type UIElement = {
|
|
|
52
54
|
renderWhen?: LeafCondition | ConditionGroup;
|
|
53
55
|
type: "Text";
|
|
54
56
|
props: TextElementProps;
|
|
57
|
+
} | {
|
|
58
|
+
id: string;
|
|
59
|
+
name?: string;
|
|
60
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
61
|
+
type: "RichText";
|
|
62
|
+
props: RichTextElementProps;
|
|
63
|
+
children: Array<Extract<UIElement, {
|
|
64
|
+
type: "Text";
|
|
65
|
+
}>>;
|
|
55
66
|
} | {
|
|
56
67
|
id: string;
|
|
57
68
|
name?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,uBAAuB,EAI7B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,oBAAoB,EAA8B,MAAM,4BAA4B,CAAC;AACnG,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,kBAAkB,EAA4B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,KAAK,kBAAkB,EAA4B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,8BAA8B,CAAC;AACzG,OAAO,EAAE,KAAK,yBAAyB,EAAmC,MAAM,iCAAiC,CAAC;AAClH,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,8BAA8B,CAAC;AACzG,OAAO,EAAE,KAAK,oBAAoB,EAA8B,MAAM,4BAA4B,CAAC;AACnG,OAAO,EAAE,KAAK,kBAAkB,EAA4B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,KAAK,wBAAwB,EAAkC,MAAM,gCAAgC,CAAC;AAC/G,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,8BAA8B,CAAC;AACzG,OAAO,EACL,KAAK,gCAAgC,EAEtC,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,KAAK,6BAA6B,EAEnC,MAAM,qCAAqC,CAAC;AAE7C,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,YAAY,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AACjF,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,YAAY,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,YAAY,EAAE,wBAAwB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC/G,YAAY,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACnG,YAAY,EACV,gCAAgC,EAChC,wBAAwB,GACzB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EAAE,6BAA6B,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAIzG,MAAM,MAAM,SAAS,GACjB;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CACvD,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,kBAAkB,CAAC;CAC3B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,kBAAkB,CAAC;CAC3B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,sBAAsB,CAAC;CAC/B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,yBAAyB,CAAC;CAClC,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,sBAAsB,CAAC;CAC/B,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,uBAAuB,CAAC;CAChC,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,gCAAgC,CAAC;IACxC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC5C,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,6BAA6B,CAAC;CACtC,CAAC;AAaN,eAAO,MAAM,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAgJhD,CAAC;AA4BF,eAAO,MAAM,iCAAiC;;iBAc1C,CAAC;AAEL,eAAO,MAAM,8BAA8B;;;;;;;;;;;iBASzC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,8BAA8B,CAAC,CAAC"}
|
|
@@ -6,6 +6,7 @@ const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
|
|
|
6
6
|
const types_1 = require("../types");
|
|
7
7
|
const StackElement_1 = require("./elements/StackElement");
|
|
8
8
|
const TextElement_1 = require("./elements/TextElement");
|
|
9
|
+
const RichTextElement_1 = require("./elements/RichTextElement");
|
|
9
10
|
const ImageElement_1 = require("./elements/ImageElement");
|
|
10
11
|
const LottieElement_1 = require("./elements/LottieElement");
|
|
11
12
|
const RiveElement_1 = require("./elements/RiveElement");
|
|
@@ -24,6 +25,16 @@ const KeyboardAvoidingViewElement_1 = require("./elements/KeyboardAvoidingViewEl
|
|
|
24
25
|
const ProgressIndicatorElement_1 = require("./elements/ProgressIndicatorElement");
|
|
25
26
|
var BaseBoxProps_1 = require("./elements/BaseBoxProps");
|
|
26
27
|
Object.defineProperty(exports, "BaseBoxPropsSchema", { enumerable: true, get: function () { return BaseBoxProps_1.BaseBoxPropsSchema; } });
|
|
28
|
+
// The `Text` variant, extracted so `RichText` can restrict its children to
|
|
29
|
+
// Text-only (children: z.array(TextUIElementSchema)) while the union references
|
|
30
|
+
// the same object.
|
|
31
|
+
const TextUIElementSchema = zod_1.z.object({
|
|
32
|
+
id: zod_1.z.string(),
|
|
33
|
+
name: zod_1.z.string().optional(),
|
|
34
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
35
|
+
type: zod_1.z.literal("Text"),
|
|
36
|
+
props: TextElement_1.TextElementPropsSchema,
|
|
37
|
+
});
|
|
27
38
|
exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
28
39
|
zod_1.z.object({
|
|
29
40
|
id: zod_1.z.string(),
|
|
@@ -33,12 +44,14 @@ exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
33
44
|
props: StackElement_1.StackElementPropsSchema,
|
|
34
45
|
children: zod_1.z.array(exports.UIElementSchema),
|
|
35
46
|
}),
|
|
47
|
+
TextUIElementSchema,
|
|
36
48
|
zod_1.z.object({
|
|
37
49
|
id: zod_1.z.string(),
|
|
38
50
|
name: zod_1.z.string().optional(),
|
|
39
51
|
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
40
|
-
type: zod_1.z.literal("
|
|
41
|
-
props:
|
|
52
|
+
type: zod_1.z.literal("RichText"),
|
|
53
|
+
props: RichTextElement_1.RichTextElementPropsSchema,
|
|
54
|
+
children: zod_1.z.array(TextUIElementSchema),
|
|
42
55
|
}),
|
|
43
56
|
zod_1.z.object({
|
|
44
57
|
id: zod_1.z.string(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,+EAO2C;AAC3C,oCAA+C;AAC/C,0DAA0F;AAC1F,wDAAuF;AACvF,0DAA0F;AAC1F,4DAA6F;AAC7F,wDAAuF;AACvF,wDAAuF;AACvF,0DAA0F;AAC1F,0DAA0F;AAC1F,4DAA6F;AAC7F,oEAAyG;AACzG,0EAAkH;AAClH,oEAAyG;AACzG,gEAAmG;AACnG,4DAA6F;AAC7F,wEAA+G;AAC/G,oEAAyG;AACzG,wFAGgD;AAChD,kFAG6C;AAG7C,wDAA6D;AAApD,kHAAA,kBAAkB,OAAA;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.33.0",
|
|
4
4
|
"description": "UI components and renderers for Rocapine Onboarding Studio - Built on top of the headless SDK",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -40,7 +40,7 @@ const ComposableScreenRendererBase = ({ step, onContinue }: ContentProps) => {
|
|
|
40
40
|
[elementDefaults, composableVariables]
|
|
41
41
|
);
|
|
42
42
|
|
|
43
|
-
const renderChildren = (children: UIElement[], parentType: "XStack" | "YStack" | "ZStack") =>
|
|
43
|
+
const renderChildren = (children: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText") =>
|
|
44
44
|
children.map((child) => renderElement(child, ctx, parentType));
|
|
45
45
|
|
|
46
46
|
const ctx: RenderContext = {
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
import { evaluateCondition } from "@rocapine/react-native-onboarding";
|
|
4
|
+
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
5
|
+
import { UIElement } from "../types";
|
|
6
|
+
import { RenderContext, dim, interpolate, RichTextStyleContext, InheritedTextStyle } from "./shared";
|
|
7
|
+
import { GradientBox } from "./GradientBox";
|
|
8
|
+
|
|
9
|
+
// Mirror of the headless RichTextElement schema. Kept in lockstep with
|
|
10
|
+
// packages/onboarding/src/steps/ComposableScreen/elements/RichTextElement.ts —
|
|
11
|
+
// TS won't catch drift because this re-declares its own type.
|
|
12
|
+
export type RichTextElementProps = BaseBoxProps & {
|
|
13
|
+
gap?: number;
|
|
14
|
+
alignItems?: "flex-start" | "center" | "flex-end" | "baseline" | "stretch";
|
|
15
|
+
justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
|
|
16
|
+
flexWrap?: "wrap" | "nowrap";
|
|
17
|
+
fontSize?: number;
|
|
18
|
+
fontWeight?: string;
|
|
19
|
+
fontFamily?: string | "inherit";
|
|
20
|
+
fontStyle?: "normal" | "italic";
|
|
21
|
+
color?: string;
|
|
22
|
+
textAlign?: "left" | "center" | "right";
|
|
23
|
+
letterSpacing?: number;
|
|
24
|
+
lineHeight?: number;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export const RichTextElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
28
|
+
gap: z.number().optional(),
|
|
29
|
+
alignItems: z.enum(["flex-start", "center", "flex-end", "baseline", "stretch"]).optional(),
|
|
30
|
+
justifyContent: z.enum(["flex-start", "center", "flex-end", "space-between", "space-around"]).optional(),
|
|
31
|
+
flexWrap: z.enum(["wrap", "nowrap"]).optional(),
|
|
32
|
+
fontSize: z.number().optional(),
|
|
33
|
+
fontWeight: z.string().optional(),
|
|
34
|
+
fontFamily: z.string().optional(),
|
|
35
|
+
fontStyle: z.enum(["normal", "italic"]).optional(),
|
|
36
|
+
color: z.string().optional(),
|
|
37
|
+
textAlign: z.enum(["left", "center", "right"]).optional(),
|
|
38
|
+
letterSpacing: z.number().optional(),
|
|
39
|
+
lineHeight: z.number().optional(),
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
type RichTextUIElement = Extract<UIElement, { type: "RichText" }>;
|
|
43
|
+
type TextChild = Extract<UIElement, { type: "Text" }>;
|
|
44
|
+
|
|
45
|
+
type Props = {
|
|
46
|
+
element: RichTextUIElement;
|
|
47
|
+
ctx: RenderContext;
|
|
48
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
// A plain-text child (no box styling, no motion) is split into one flex item per
|
|
52
|
+
// word so the row wraps word-by-word like real text — the chip pattern from
|
|
53
|
+
// host apps (parseTitleWithChips). A child carrying box styling (backgroundColor
|
|
54
|
+
// / borderRadius / border / padding) or motion is a "chip" and stays atomic so
|
|
55
|
+
// its box renders as a single rounded unit.
|
|
56
|
+
const isFlowingText = (child: TextChild): boolean => {
|
|
57
|
+
const p = child.props;
|
|
58
|
+
return (
|
|
59
|
+
typeof p.content === "string" &&
|
|
60
|
+
p.backgroundColor == null &&
|
|
61
|
+
p.backgroundGradient == null &&
|
|
62
|
+
p.borderRadius == null &&
|
|
63
|
+
p.borderWidth == null &&
|
|
64
|
+
p.padding == null &&
|
|
65
|
+
p.paddingHorizontal == null &&
|
|
66
|
+
p.paddingVertical == null &&
|
|
67
|
+
// margin / explicit size would be applied to *every* word if split, so a
|
|
68
|
+
// child carrying any of them is treated as an atomic chip too.
|
|
69
|
+
p.margin == null &&
|
|
70
|
+
p.marginHorizontal == null &&
|
|
71
|
+
p.marginVertical == null &&
|
|
72
|
+
p.width == null &&
|
|
73
|
+
p.height == null &&
|
|
74
|
+
p.minWidth == null &&
|
|
75
|
+
p.maxWidth == null &&
|
|
76
|
+
p.minHeight == null &&
|
|
77
|
+
p.maxHeight == null &&
|
|
78
|
+
p.animation == null &&
|
|
79
|
+
p.transform == null
|
|
80
|
+
);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* Wrapping flex row of child `Text` elements. Plain-text children are split into
|
|
85
|
+
* per-word flex items so text wraps word-by-word (like a paragraph); box-styled
|
|
86
|
+
* children render as atomic "chips" (padded/rounded/rotated pills) that honor
|
|
87
|
+
* their own box props, `renderWhen`, `expression`, and motion. The result is a
|
|
88
|
+
* title where chips sit inline with naturally-wrapping words.
|
|
89
|
+
*
|
|
90
|
+
* The container's text-style props are published via `RichTextStyleContext` so
|
|
91
|
+
* every child `Text` inherits them as defaults (child overrides win).
|
|
92
|
+
*/
|
|
93
|
+
export const RichTextElementComponent = ({ element, ctx, parentType }: Props): React.ReactElement => {
|
|
94
|
+
const p = element.props;
|
|
95
|
+
|
|
96
|
+
const inheritedTextStyle: InheritedTextStyle = {
|
|
97
|
+
fontSize: p.fontSize,
|
|
98
|
+
fontWeight: p.fontWeight,
|
|
99
|
+
fontFamily: p.fontFamily,
|
|
100
|
+
fontStyle: p.fontStyle,
|
|
101
|
+
color: p.color,
|
|
102
|
+
textAlign: p.textAlign,
|
|
103
|
+
letterSpacing: p.letterSpacing,
|
|
104
|
+
lineHeight: p.lineHeight,
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
// Expand children into the actual flex items to render: split flowing text into
|
|
108
|
+
// words, keep chips whole. renderWhen is evaluated once per source child here
|
|
109
|
+
// (flowing-text words then render unconditionally); chips keep their renderWhen
|
|
110
|
+
// and are gated by renderElement.
|
|
111
|
+
const flatVars = Object.fromEntries(
|
|
112
|
+
Object.entries(ctx.variables).map(([k, v]) => [k, v?.value])
|
|
113
|
+
);
|
|
114
|
+
const expanded: UIElement[] = [];
|
|
115
|
+
for (const child of element.children) {
|
|
116
|
+
if (child.renderWhen && !evaluateCondition(child.renderWhen, flatVars)) continue;
|
|
117
|
+
|
|
118
|
+
if (isFlowingText(child)) {
|
|
119
|
+
const raw = child.props.content as string;
|
|
120
|
+
const text = child.props.mode === "expression" ? interpolate(raw, ctx.variables) : raw;
|
|
121
|
+
const tokens = text.split(/(\s+)/).filter((t) => t.length > 0);
|
|
122
|
+
tokens.forEach((tok, i) => {
|
|
123
|
+
expanded.push({
|
|
124
|
+
...child,
|
|
125
|
+
id: `${child.id}-w${i}`,
|
|
126
|
+
renderWhen: undefined,
|
|
127
|
+
// mode dropped (undefined): content is already interpolated above, and
|
|
128
|
+
// undefined is truer to the schema than the non-enum "plain".
|
|
129
|
+
props: { ...child.props, content: tok, mode: undefined },
|
|
130
|
+
});
|
|
131
|
+
});
|
|
132
|
+
} else {
|
|
133
|
+
// Chip: renderWhen already passed above; null it so renderElement doesn't
|
|
134
|
+
// re-evaluate the same condition (symmetry with the word path).
|
|
135
|
+
expanded.push({ ...child, renderWhen: undefined });
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
return (
|
|
140
|
+
<GradientBox
|
|
141
|
+
gradient={p.backgroundGradient}
|
|
142
|
+
style={{
|
|
143
|
+
flexDirection: "row",
|
|
144
|
+
flexWrap: p.flexWrap ?? "wrap",
|
|
145
|
+
gap: p.gap,
|
|
146
|
+
alignItems: p.alignItems ?? "center",
|
|
147
|
+
justifyContent: p.justifyContent ?? "center",
|
|
148
|
+
flex: p.flex,
|
|
149
|
+
flexShrink: p.flexShrink ?? (parentType === "XStack" ? 1 : undefined),
|
|
150
|
+
flexGrow: p.flexGrow,
|
|
151
|
+
alignSelf: p.alignSelf,
|
|
152
|
+
width: dim(p.width),
|
|
153
|
+
height: dim(p.height),
|
|
154
|
+
minWidth: p.minWidth,
|
|
155
|
+
maxWidth: p.maxWidth,
|
|
156
|
+
minHeight: p.minHeight,
|
|
157
|
+
maxHeight: p.maxHeight,
|
|
158
|
+
padding: p.padding,
|
|
159
|
+
paddingHorizontal: p.paddingHorizontal,
|
|
160
|
+
paddingVertical: p.paddingVertical,
|
|
161
|
+
margin: p.margin,
|
|
162
|
+
marginHorizontal: p.marginHorizontal,
|
|
163
|
+
marginVertical: p.marginVertical,
|
|
164
|
+
backgroundColor: p.backgroundGradient ? undefined : p.backgroundColor,
|
|
165
|
+
borderWidth: p.borderWidth,
|
|
166
|
+
borderRadius: p.borderRadius,
|
|
167
|
+
borderColor: p.borderColor,
|
|
168
|
+
overflow: p.overflow,
|
|
169
|
+
opacity: p.opacity,
|
|
170
|
+
}}
|
|
171
|
+
>
|
|
172
|
+
<RichTextStyleContext.Provider value={inheritedTextStyle}>
|
|
173
|
+
{ctx.renderChildren(expanded, "RichText")}
|
|
174
|
+
</RichTextStyleContext.Provider>
|
|
175
|
+
</GradientBox>
|
|
176
|
+
);
|
|
177
|
+
};
|
|
@@ -24,7 +24,7 @@ type StackUIElement = Extract<UIElement, { type: "YStack" | "XStack" }>;
|
|
|
24
24
|
type Props = {
|
|
25
25
|
element: StackUIElement;
|
|
26
26
|
ctx: RenderContext;
|
|
27
|
-
parentType?: "XStack" | "YStack" | "ZStack";
|
|
27
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
export const StackElementComponent = ({ element, ctx, parentType }: Props): React.ReactElement => {
|
|
@@ -4,7 +4,7 @@ import { Text } from "react-native";
|
|
|
4
4
|
import { useResolvedFontStyle } from "@rocapine/react-native-onboarding";
|
|
5
5
|
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
6
6
|
import { UIElement } from "../types";
|
|
7
|
-
import { RenderContext, interpolate, dim, resolveInheritedFontFamily } from "./shared";
|
|
7
|
+
import { RenderContext, interpolate, dim, resolveInheritedFontFamily, RichTextStyleContext } from "./shared";
|
|
8
8
|
import { GradientBox } from "./GradientBox";
|
|
9
9
|
|
|
10
10
|
export type TextSpan = {
|
|
@@ -118,12 +118,22 @@ type TextUIElement = Extract<UIElement, { type: "Text" }>;
|
|
|
118
118
|
type Props = {
|
|
119
119
|
element: TextUIElement;
|
|
120
120
|
ctx: RenderContext;
|
|
121
|
-
parentType?: "XStack" | "YStack" | "ZStack";
|
|
121
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText";
|
|
122
122
|
};
|
|
123
123
|
|
|
124
124
|
export const TextElementComponent = ({ element, ctx, parentType }: Props): React.ReactElement => {
|
|
125
125
|
const { theme, variables } = ctx;
|
|
126
126
|
const p = element.props;
|
|
127
|
+
// Text-style defaults inherited from a parent `RichText` container (empty when
|
|
128
|
+
// this Text isn't inside one). Element props always win over inherited values.
|
|
129
|
+
const inherited = React.useContext(RichTextStyleContext);
|
|
130
|
+
const fontSize = p.fontSize ?? inherited.fontSize;
|
|
131
|
+
const fontWeight = p.fontWeight ?? inherited.fontWeight;
|
|
132
|
+
const fontStyle = p.fontStyle ?? inherited.fontStyle;
|
|
133
|
+
const color = p.color ?? inherited.color;
|
|
134
|
+
const textAlign = p.textAlign ?? inherited.textAlign;
|
|
135
|
+
const letterSpacing = p.letterSpacing ?? inherited.letterSpacing;
|
|
136
|
+
const lineHeight = p.lineHeight ?? inherited.lineHeight;
|
|
127
137
|
const isExpression = p.mode === "expression";
|
|
128
138
|
const content: string | TextSpan[] = Array.isArray(p.content)
|
|
129
139
|
? isExpression
|
|
@@ -133,10 +143,10 @@ export const TextElementComponent = ({ element, ctx, parentType }: Props): React
|
|
|
133
143
|
? interpolate(p.content, variables)
|
|
134
144
|
: p.content;
|
|
135
145
|
const inheritedFontFamily = resolveInheritedFontFamily(
|
|
136
|
-
p.fontFamily,
|
|
146
|
+
p.fontFamily ?? inherited.fontFamily,
|
|
137
147
|
theme.typography.defaultFontFamily
|
|
138
148
|
);
|
|
139
|
-
const resolvedFont = useResolvedFontStyle(inheritedFontFamily,
|
|
149
|
+
const resolvedFont = useResolvedFontStyle(inheritedFontFamily, fontWeight);
|
|
140
150
|
|
|
141
151
|
const textNode = (
|
|
142
152
|
<Text
|
|
@@ -151,14 +161,14 @@ export const TextElementComponent = ({ element, ctx, parentType }: Props): React
|
|
|
151
161
|
maxWidth: p.backgroundGradient ? undefined : p.maxWidth,
|
|
152
162
|
minHeight: p.backgroundGradient ? undefined : p.minHeight,
|
|
153
163
|
maxHeight: p.backgroundGradient ? undefined : p.maxHeight,
|
|
154
|
-
fontSize
|
|
155
|
-
fontWeight: resolvedFont.resolvedToVariant ? undefined : (
|
|
164
|
+
fontSize,
|
|
165
|
+
fontWeight: resolvedFont.resolvedToVariant ? undefined : (fontWeight as any),
|
|
156
166
|
fontFamily: resolvedFont.fontFamily,
|
|
157
|
-
fontStyle
|
|
158
|
-
color:
|
|
159
|
-
textAlign
|
|
160
|
-
letterSpacing
|
|
161
|
-
lineHeight
|
|
167
|
+
fontStyle,
|
|
168
|
+
color: color ?? theme.colors.text.primary,
|
|
169
|
+
textAlign,
|
|
170
|
+
letterSpacing,
|
|
171
|
+
lineHeight,
|
|
162
172
|
backgroundColor: p.backgroundGradient ? undefined : p.backgroundColor,
|
|
163
173
|
padding: p.backgroundGradient ? undefined : p.padding,
|
|
164
174
|
paddingHorizontal: p.backgroundGradient ? undefined : p.paddingHorizontal,
|
|
@@ -5,6 +5,7 @@ import { BaseBoxProps } from "./BaseBoxProps";
|
|
|
5
5
|
import { RenderContext } from "./shared";
|
|
6
6
|
import { StackElementComponent } from "./StackElement";
|
|
7
7
|
import { TextElementComponent } from "./TextElement";
|
|
8
|
+
import { RichTextElementComponent } from "./RichTextElement";
|
|
8
9
|
import { ImageElementComponent } from "./ImageElement";
|
|
9
10
|
import { LottieElementComponent } from "./LottieElement";
|
|
10
11
|
import { RiveElementRenderer } from "./RiveElement";
|
|
@@ -27,7 +28,7 @@ import { AnimatedBox } from "./AnimatedBox";
|
|
|
27
28
|
export const renderElement = (
|
|
28
29
|
element: UIElement,
|
|
29
30
|
ctx: RenderContext,
|
|
30
|
-
parentType?: "XStack" | "YStack" | "ZStack"
|
|
31
|
+
parentType?: "XStack" | "YStack" | "ZStack" | "RichText"
|
|
31
32
|
): React.ReactNode => {
|
|
32
33
|
if (element.renderWhen) {
|
|
33
34
|
const flatVars = Object.fromEntries(
|
|
@@ -47,6 +48,10 @@ export const renderElement = (
|
|
|
47
48
|
return <TextElementComponent key={element.id} element={element} ctx={ctx} parentType={parentType} />;
|
|
48
49
|
}
|
|
49
50
|
|
|
51
|
+
if (element.type === "RichText") {
|
|
52
|
+
return <RichTextElementComponent key={element.id} element={element} ctx={ctx} parentType={parentType} />;
|
|
53
|
+
}
|
|
54
|
+
|
|
50
55
|
if (element.type === "Image") {
|
|
51
56
|
return <ImageElementComponent key={element.id} element={element} ctx={ctx} />;
|
|
52
57
|
}
|
|
@@ -11,9 +11,27 @@ export type RenderContext = {
|
|
|
11
11
|
setVariable: (key: string, entry: ComposableVariableEntry) => void;
|
|
12
12
|
onContinue: () => void;
|
|
13
13
|
customActions: CustomActions;
|
|
14
|
-
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack") => React.ReactNode;
|
|
14
|
+
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack" | "RichText") => React.ReactNode;
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
+
// Text-style defaults a `RichText` container hands down to its child `Text`
|
|
18
|
+
// elements. A `<View>` doesn't propagate text style to nested `<Text>`, so the
|
|
19
|
+
// RichText renderer publishes these via context and `TextElementComponent`
|
|
20
|
+
// merges them under its own props (child always wins). Empty default ({}) means
|
|
21
|
+
// Text elements outside a RichText behave unchanged.
|
|
22
|
+
export type InheritedTextStyle = {
|
|
23
|
+
fontSize?: number;
|
|
24
|
+
fontWeight?: string;
|
|
25
|
+
fontFamily?: string | "inherit";
|
|
26
|
+
fontStyle?: "normal" | "italic";
|
|
27
|
+
color?: string;
|
|
28
|
+
textAlign?: "left" | "center" | "right";
|
|
29
|
+
letterSpacing?: number;
|
|
30
|
+
lineHeight?: number;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export const RichTextStyleContext = React.createContext<InheritedTextStyle>({});
|
|
34
|
+
|
|
17
35
|
export const interpolate = (template: string, variables: Record<string, ComposableVariableEntry>): string =>
|
|
18
36
|
template.replace(/\{\{([^}]+?)\}\}/g, (_, key) => variables[key]?.label ?? variables[key]?.value ?? "");
|
|
19
37
|
|
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
import { CustomPayloadSchema } from "../types";
|
|
11
11
|
import { type StackElementProps, StackElementPropsSchema } from "./elements/StackElement";
|
|
12
12
|
import { type TextElementProps, TextElementPropsSchema } from "./elements/TextElement";
|
|
13
|
+
import { type RichTextElementProps, RichTextElementPropsSchema } from "./elements/RichTextElement";
|
|
13
14
|
import { type ImageElementProps, ImageElementPropsSchema } from "./elements/ImageElement";
|
|
14
15
|
import { type LottieElementProps, LottieElementPropsSchema } from "./elements/LottieElement";
|
|
15
16
|
import { type RiveElementProps, RiveElementPropsSchema } from "./elements/RiveElement";
|
|
@@ -37,6 +38,7 @@ export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
|
37
38
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
38
39
|
export type { StackElementProps } from "./elements/StackElement";
|
|
39
40
|
export type { TextElementProps } from "./elements/TextElement";
|
|
41
|
+
export type { RichTextElementProps } from "./elements/RichTextElement";
|
|
40
42
|
export type { ImageElementProps } from "./elements/ImageElement";
|
|
41
43
|
export type { LottieElementProps } from "./elements/LottieElement";
|
|
42
44
|
export type { RiveElementProps } from "./elements/RiveElement";
|
|
@@ -76,6 +78,14 @@ export type UIElement =
|
|
|
76
78
|
type: "Text";
|
|
77
79
|
props: TextElementProps;
|
|
78
80
|
}
|
|
81
|
+
| {
|
|
82
|
+
id: string;
|
|
83
|
+
name?: string;
|
|
84
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
85
|
+
type: "RichText";
|
|
86
|
+
props: RichTextElementProps;
|
|
87
|
+
children: Array<Extract<UIElement, { type: "Text" }>>;
|
|
88
|
+
}
|
|
79
89
|
| {
|
|
80
90
|
id: string;
|
|
81
91
|
name?: string;
|
|
@@ -201,6 +211,17 @@ export type UIElement =
|
|
|
201
211
|
props: ProgressIndicatorElementProps;
|
|
202
212
|
};
|
|
203
213
|
|
|
214
|
+
// The `Text` variant, extracted so `RichText` can restrict its children to
|
|
215
|
+
// Text-only (children: z.array(TextUIElementSchema)) while the union references
|
|
216
|
+
// the same object.
|
|
217
|
+
const TextUIElementSchema = z.object({
|
|
218
|
+
id: z.string(),
|
|
219
|
+
name: z.string().optional(),
|
|
220
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
221
|
+
type: z.literal("Text"),
|
|
222
|
+
props: TextElementPropsSchema,
|
|
223
|
+
});
|
|
224
|
+
|
|
204
225
|
export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
205
226
|
z.union([
|
|
206
227
|
z.object({
|
|
@@ -211,12 +232,14 @@ export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
211
232
|
props: StackElementPropsSchema,
|
|
212
233
|
children: z.array(UIElementSchema),
|
|
213
234
|
}),
|
|
235
|
+
TextUIElementSchema,
|
|
214
236
|
z.object({
|
|
215
237
|
id: z.string(),
|
|
216
238
|
name: z.string().optional(),
|
|
217
239
|
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
218
|
-
type: z.literal("
|
|
219
|
-
props:
|
|
240
|
+
type: z.literal("RichText"),
|
|
241
|
+
props: RichTextElementPropsSchema,
|
|
242
|
+
children: z.array(TextUIElementSchema),
|
|
220
243
|
}),
|
|
221
244
|
z.object({
|
|
222
245
|
id: z.string(),
|