@rocapine/react-native-onboarding-ui 1.18.0 → 1.20.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.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts +22 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js +47 -25
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.js +2 -1
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.js.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 +2 -1
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.js +10 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.js.map +1 -1
- package/dist/UI/Templates/OnboardingTemplate.d.ts +2 -1
- package/dist/UI/Templates/OnboardingTemplate.d.ts.map +1 -1
- package/dist/UI/Templates/OnboardingTemplate.js +2 -2
- package/dist/UI/Templates/OnboardingTemplate.js.map +1 -1
- package/dist/UI/Theme/tokens/typography.d.ts +1 -0
- package/dist/UI/Theme/tokens/typography.d.ts.map +1 -1
- package/dist/UI/Theme/tokens/typography.js +1 -0
- package/dist/UI/Theme/tokens/typography.js.map +1 -1
- package/dist/UI/Theme/types.d.ts +5 -0
- package/dist/UI/Theme/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +1 -0
- package/src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx +58 -15
- package/src/UI/Pages/ComposableScreen/elements/InputElement.tsx +7 -3
- package/src/UI/Pages/ComposableScreen/elements/TextElement.tsx +7 -3
- package/src/UI/Pages/ComposableScreen/elements/shared.ts +12 -0
- package/src/UI/Templates/OnboardingTemplate.tsx +4 -1
- package/src/UI/Theme/tokens/typography.ts +1 -0
- package/src/UI/Theme/types.ts +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAA6C,MAAM,SAAS,CAAC;AAQ9F,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAA6C,MAAM,SAAS,CAAC;AAQ9F,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAsDF,eAAO,MAAM,wBAAwB;;;CAAsE,CAAC"}
|
|
@@ -30,7 +30,7 @@ const ComposableScreenRendererBase = ({ step, onContinue }) => {
|
|
|
30
30
|
customActions,
|
|
31
31
|
renderChildren,
|
|
32
32
|
};
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: validatedData, onContinue: onContinue, theme: theme, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, keyboardShouldPersistTaps: "handled", children: elements.map((element) => (0, renderElement_1.renderElement)(element, ctx)) }) }));
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: validatedData, onContinue: onContinue, theme: theme, disableTopPadding: true, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, keyboardShouldPersistTaps: "handled", children: elements.map((element) => (0, renderElement_1.renderElement)(element, ctx)) }) }));
|
|
34
34
|
};
|
|
35
35
|
const styles = react_native_1.StyleSheet.create({
|
|
36
36
|
scrollContent: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,+CAAsD;AACtD,+EAAyG;AACzG,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAA+G;AAC/G,mDAAgD;AAEhD,4DAAyD;AAOzD,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sCAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,sDAAyB,CAAC,CAAC;IAC7F,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,mDAAuB,CAAC,CAAC;IAEhG,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAAW,EAAE,KAA8B,EAAE,EAAE;QAC9C,qBAAqB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAClC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAC7C,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,UAA0C,EAAE,EAAE,CAC3F,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAkB;QACzB,KAAK;QACL,SAAS,EAAE,mBAAmB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,UAAU;QACV,aAAa;QACb,cAAc;KACf,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAkB,IACjB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,+CAAsD;AACtD,+EAAyG;AACzG,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAA+G;AAC/G,mDAAgD;AAEhD,4DAAyD;AAOzD,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sCAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,sDAAyB,CAAC,CAAC;IAC7F,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,mDAAuB,CAAC,CAAC;IAEhG,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAAW,EAAE,KAA8B,EAAE,EAAE;QAC9C,qBAAqB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAClC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAC7C,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,UAA0C,EAAE,EAAE,CAC3F,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAkB;QACzB,KAAK;QACL,SAAS,EAAE,mBAAmB;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,UAAU;QACV,aAAa;QACb,cAAc;KACf,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAkB,IACjB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,iBAAiB,kBAEjB,uBAAC,yBAAU,IACT,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,4BAA4B,EAAE,KAAK,EACnC,oBAAoB,EAAE,KAAK,EAC3B,yBAAyB,EAAC,SAAS,YAElC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAC5C,GACM,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,IAAA,iCAAiB,EAAC,4BAA4B,EAAE,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { z } from "zod";
|
|
3
|
+
import { type LeafCondition, type ConditionGroup } from "@rocapine/react-native-onboarding";
|
|
3
4
|
import { BaseBoxProps } from "./BaseBoxProps";
|
|
4
5
|
import { UIElement } from "../types";
|
|
5
6
|
import { RenderContext } from "./shared";
|
|
@@ -50,9 +51,12 @@ export type ButtonElementProps = BaseBoxProps & {
|
|
|
50
51
|
color?: string;
|
|
51
52
|
fontSize?: number;
|
|
52
53
|
fontWeight?: string;
|
|
53
|
-
fontFamily?: string;
|
|
54
|
+
fontFamily?: string | "inherit";
|
|
54
55
|
fontStyle?: "normal" | "italic";
|
|
55
56
|
textAlign?: "left" | "center" | "right";
|
|
57
|
+
disabledWhen?: LeafCondition | ConditionGroup;
|
|
58
|
+
disabledBackgroundColor?: string;
|
|
59
|
+
disabledColor?: string;
|
|
56
60
|
};
|
|
57
61
|
export declare const ButtonElementPropsSchema: z.ZodObject<{
|
|
58
62
|
width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
|
|
@@ -147,6 +151,23 @@ export declare const ButtonElementPropsSchema: z.ZodObject<{
|
|
|
147
151
|
right: "right";
|
|
148
152
|
center: "center";
|
|
149
153
|
}>>;
|
|
154
|
+
disabledWhen: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
|
|
155
|
+
variable: z.ZodString;
|
|
156
|
+
operator: z.ZodEnum<{
|
|
157
|
+
eq: "eq";
|
|
158
|
+
neq: "neq";
|
|
159
|
+
gt: "gt";
|
|
160
|
+
lt: "lt";
|
|
161
|
+
gte: "gte";
|
|
162
|
+
lte: "lte";
|
|
163
|
+
contains: "contains";
|
|
164
|
+
in: "in";
|
|
165
|
+
not_in: "not_in";
|
|
166
|
+
}>;
|
|
167
|
+
value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean]>>]>;
|
|
168
|
+
}, z.core.$strip>, z.ZodType<ConditionGroup, unknown, z.core.$ZodTypeInternals<ConditionGroup, unknown>>]>>;
|
|
169
|
+
disabledBackgroundColor: z.ZodOptional<z.ZodString>;
|
|
170
|
+
disabledColor: z.ZodOptional<z.ZodString>;
|
|
150
171
|
}, z.core.$strip>;
|
|
151
172
|
type ButtonUIElement = Extract<UIElement, {
|
|
152
173
|
type: "Button";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,cAAc,EAGpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAmC,MAAM,UAAU,CAAC;AAI1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;iBAInC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;iBAKxC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAErF,eAAO,MAAM,kBAAkB;;;;;;;;;mBAI7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,yCAAyC;IACzC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC9C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAenC,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAE9D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,eAAe,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAmKtE,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ButtonElementComponent = exports.ButtonElementPropsSchema = exports.ButtonActionSchema = exports.SetVariableButtonActionSchema = exports.CustomButtonActionSchema = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const zod_1 = require("zod");
|
|
6
7
|
const react_native_1 = require("react-native");
|
|
7
8
|
const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
|
|
@@ -36,12 +37,21 @@ exports.ButtonElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
36
37
|
fontFamily: zod_1.z.string().optional(),
|
|
37
38
|
fontStyle: zod_1.z.enum(["normal", "italic"]).optional(),
|
|
38
39
|
textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
|
|
40
|
+
disabledWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
41
|
+
disabledBackgroundColor: zod_1.z.string().optional(),
|
|
42
|
+
disabledColor: zod_1.z.string().optional(),
|
|
39
43
|
});
|
|
40
44
|
const ButtonElementComponent = ({ element, ctx }) => {
|
|
41
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
45
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
42
46
|
const { theme, onContinue, customActions, variables, setVariable } = ctx;
|
|
47
|
+
const flatVariables = (0, react_1.useMemo)(() => Object.fromEntries(Object.entries(variables).map(([k, v]) => [k, v === null || v === void 0 ? void 0 : v.value])), [variables]);
|
|
48
|
+
const isDisabled = element.props.disabledWhen
|
|
49
|
+
? (0, react_native_onboarding_1.evaluateCondition)(element.props.disabledWhen, flatVariables)
|
|
50
|
+
: false;
|
|
43
51
|
const handlePress = async () => {
|
|
44
52
|
var _a;
|
|
53
|
+
if (isDisabled)
|
|
54
|
+
return;
|
|
45
55
|
const { actions, action } = element.props;
|
|
46
56
|
const effective = actions !== null && actions !== void 0 ? actions : (action === "continue" ? ["continue"] : []);
|
|
47
57
|
for (const act of effective) {
|
|
@@ -74,62 +84,74 @@ const ButtonElementComponent = ({ element, ctx }) => {
|
|
|
74
84
|
const variant = (_a = element.props.variant) !== null && _a !== void 0 ? _a : "filled";
|
|
75
85
|
const isFilled = variant === "filled";
|
|
76
86
|
const isOutlined = variant === "outlined";
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
87
|
+
const disabledBg = (_b = element.props.disabledBackgroundColor) !== null && _b !== void 0 ? _b : theme.colors.disable;
|
|
88
|
+
const disabledText = (_c = element.props.disabledColor) !== null && _c !== void 0 ? _c : theme.colors.text.disable;
|
|
89
|
+
const bgColor = isDisabled
|
|
90
|
+
? isFilled
|
|
91
|
+
? disabledBg
|
|
92
|
+
: "transparent"
|
|
93
|
+
: isFilled
|
|
94
|
+
? ((_d = element.props.backgroundColor) !== null && _d !== void 0 ? _d : theme.colors.primary)
|
|
95
|
+
: "transparent";
|
|
96
|
+
const textColor = isDisabled
|
|
97
|
+
? disabledText
|
|
98
|
+
: isFilled
|
|
99
|
+
? ((_e = element.props.color) !== null && _e !== void 0 ? _e : theme.colors.text.opposite)
|
|
100
|
+
: ((_f = element.props.color) !== null && _f !== void 0 ? _f : theme.colors.primary);
|
|
101
|
+
const outlinedBorderColor = isDisabled
|
|
102
|
+
? disabledBg
|
|
103
|
+
: ((_g = element.props.borderColor) !== null && _g !== void 0 ? _g : theme.colors.primary);
|
|
104
|
+
const hasGradient = isFilled && !isDisabled && !!element.props.backgroundGradient;
|
|
105
|
+
const borderRadius = (_h = element.props.borderRadius) !== null && _h !== void 0 ? _h : 90;
|
|
106
|
+
const inheritedFontFamily = (0, shared_1.resolveInheritedFontFamily)(element.props.fontFamily, theme.typography.defaultFontFamily);
|
|
107
|
+
const resolvedFont = (0, react_native_onboarding_1.useResolvedFontStyle)(inheritedFontFamily, element.props.fontWeight);
|
|
86
108
|
const labelNode = ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
87
109
|
color: textColor,
|
|
88
|
-
fontSize: (
|
|
110
|
+
fontSize: (_j = element.props.fontSize) !== null && _j !== void 0 ? _j : theme.typography.textStyles.button.fontSize,
|
|
89
111
|
fontWeight: resolvedFont.resolvedToVariant
|
|
90
112
|
? undefined
|
|
91
|
-
: ((
|
|
113
|
+
: ((_k = resolvedFont.fontWeight) !== null && _k !== void 0 ? _k : theme.typography.textStyles.button.fontWeight),
|
|
92
114
|
fontFamily: resolvedFont.fontFamily,
|
|
93
115
|
fontStyle: element.props.fontStyle,
|
|
94
|
-
textAlign: (
|
|
116
|
+
textAlign: (_l = element.props.textAlign) !== null && _l !== void 0 ? _l : "center",
|
|
95
117
|
}, children: element.props.label }));
|
|
96
118
|
if (hasGradient) {
|
|
97
119
|
return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: element.props.backgroundGradient, style: {
|
|
98
120
|
borderRadius,
|
|
99
|
-
borderWidth: isOutlined ? ((
|
|
100
|
-
borderColor: isOutlined ?
|
|
121
|
+
borderWidth: isOutlined ? ((_m = element.props.borderWidth) !== null && _m !== void 0 ? _m : 1) : ((_o = element.props.borderWidth) !== null && _o !== void 0 ? _o : 0),
|
|
122
|
+
borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
|
|
101
123
|
width: (0, shared_1.dim)(element.props.width),
|
|
102
124
|
height: (0, shared_1.dim)(element.props.height),
|
|
103
125
|
margin: element.props.margin,
|
|
104
126
|
marginHorizontal: element.props.marginHorizontal,
|
|
105
127
|
marginVertical: element.props.marginVertical,
|
|
106
128
|
opacity: element.props.opacity,
|
|
107
|
-
alignSelf: (
|
|
129
|
+
alignSelf: (_p = element.props.alignSelf) !== null && _p !== void 0 ? _p : (element.props.width ? undefined : "stretch"),
|
|
108
130
|
overflow: "hidden",
|
|
109
|
-
}, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, style: {
|
|
131
|
+
}, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, disabled: isDisabled, style: {
|
|
110
132
|
flex: 1,
|
|
111
133
|
padding: element.props.padding,
|
|
112
|
-
paddingVertical: (
|
|
113
|
-
paddingHorizontal: (
|
|
134
|
+
paddingVertical: (_q = element.props.paddingVertical) !== null && _q !== void 0 ? _q : 14,
|
|
135
|
+
paddingHorizontal: (_r = element.props.paddingHorizontal) !== null && _r !== void 0 ? _r : 24,
|
|
114
136
|
alignItems: "center",
|
|
115
137
|
justifyContent: "center",
|
|
116
138
|
}, children: labelNode }) }));
|
|
117
139
|
}
|
|
118
|
-
return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, style: {
|
|
140
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, disabled: isDisabled, style: {
|
|
119
141
|
backgroundColor: bgColor,
|
|
120
142
|
borderRadius,
|
|
121
|
-
borderWidth: isOutlined ? ((
|
|
122
|
-
borderColor: isOutlined ?
|
|
143
|
+
borderWidth: isOutlined ? ((_s = element.props.borderWidth) !== null && _s !== void 0 ? _s : 1) : ((_t = element.props.borderWidth) !== null && _t !== void 0 ? _t : 0),
|
|
144
|
+
borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
|
|
123
145
|
padding: element.props.padding,
|
|
124
|
-
paddingVertical: (
|
|
125
|
-
paddingHorizontal: (
|
|
146
|
+
paddingVertical: (_u = element.props.paddingVertical) !== null && _u !== void 0 ? _u : 14,
|
|
147
|
+
paddingHorizontal: (_v = element.props.paddingHorizontal) !== null && _v !== void 0 ? _v : 24,
|
|
126
148
|
width: (0, shared_1.dim)(element.props.width),
|
|
127
149
|
height: (0, shared_1.dim)(element.props.height),
|
|
128
150
|
margin: element.props.margin,
|
|
129
151
|
marginHorizontal: element.props.marginHorizontal,
|
|
130
152
|
marginVertical: element.props.marginVertical,
|
|
131
153
|
opacity: element.props.opacity,
|
|
132
|
-
alignSelf: (
|
|
154
|
+
alignSelf: (_w = element.props.alignSelf) !== null && _w !== void 0 ? _w : (element.props.width ? undefined : "stretch"),
|
|
133
155
|
alignItems: "center",
|
|
134
156
|
justifyContent: "center",
|
|
135
157
|
}, children: labelNode }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"ButtonElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuC;AACvC,6BAAwB;AACxB,+CAAsD;AACtD,+EAO2C;AAC3C,iDAAkE;AAElE,qCAA0E;AAC1E,+CAA4C;AAS/B,QAAA,wBAAwB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC/C,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;IACzB,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,4BAA4B,CAAC;IACzD,SAAS,EAAE,OAAC,CAAC,KAAK,CAAC,OAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;CAC1C,CAAC,CAAC;AASU,QAAA,6BAA6B,GAAG,OAAC,CAAC,MAAM,CAAC;IACpD,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,wBAAwB,CAAC;IACjD,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC7B,CAAC,CAAC;AAIU,QAAA,kBAAkB,GAAG,OAAC,CAAC,KAAK,CAAC;IACxC,OAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IACrB,gCAAwB;IACxB,qCAA6B;CAC9B,CAAC,CAAC;AAwBU,QAAA,wBAAwB,GAAG,iCAAkB,CAAC,MAAM,CAAC;IAChE,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,yBAAyB,CAAC;IACnD,OAAO,EAAE,OAAC,CAAC,KAAK,CAAC,0BAAkB,CAAC,CAAC,QAAQ,EAAE;IAC/C,MAAM,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE;IACvC,OAAO,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC3D,eAAe,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACtC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC5B,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC/B,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACjC,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACjC,SAAS,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;IAClD,SAAS,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IACzD,YAAY,EAAE,OAAC,CAAC,KAAK,CAAC,CAAC,6CAAmB,EAAE,8CAAoB,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC7E,uBAAuB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC9C,aAAa,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAC;AASI,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAS,EAAsB,EAAE;;IACpF,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,GAAG,CAAC;IACzE,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CACH,MAAM,CAAC,WAAW,CAChB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,CAAC,CACzD,EACH,CAAC,SAAS,CAAC,CACZ,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY;QAC3C,CAAC,CAAC,IAAA,2CAAiB,EAAC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,aAAa,CAAC;QAC9D,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;;QAC7B,IAAI,UAAU;YAAE,OAAO;QACvB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;QAC1C,MAAM,SAAS,GACb,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAEzD,KAAK,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;YAC5B,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;gBACvB,UAAU,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YACD,IAAI,GAAG,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;gBAC/B,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC9D,SAAS;YACX,CAAC;YACD,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,CAAC,IAAI,CACV,sDAAsD,GAAG,CAAC,QAAQ,GAAG,CACtE,CAAC;gBACF,SAAS;YACX,CAAC;YACD,MAAM,SAAS,GAAG,MAAA,GAAG,CAAC,SAAS,mCAAI,EAAE,CAAC;YACtC,MAAM,IAAI,GAAwD,EAAE,CAAC;YACrE,KAAK,MAAM,IAAI,IAAI,SAAS;gBAAE,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3D,IAAI,CAAC;gBACH,MAAM,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACrC,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CACX,oCAAoC,GAAG,CAAC,QAAQ,UAAU,EAC1D,GAAG,CACJ,CAAC;gBACF,OAAO;YACT,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,MAAA,OAAO,CAAC,KAAK,CAAC,OAAO,mCAAI,QAAQ,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,CAAC;IAC1C,MAAM,UAAU,GACd,MAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,mCAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAChE,MAAM,YAAY,GAChB,MAAA,OAAO,CAAC,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,UAAU;QACxB,CAAC,CAAC,QAAQ;YACR,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,aAAa;QACjB,CAAC,CAAC,QAAQ;YACR,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;YACzD,CAAC,CAAC,aAAa,CAAC;IACpB,MAAM,SAAS,GAAG,UAAU;QAC1B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,QAAQ;YACR,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;YACrD,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,mBAAmB,GAAG,UAAU;QACpC,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,QAAQ,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,kBAAkB,CAAC;IAClF,MAAM,YAAY,GAAG,MAAA,OAAO,CAAC,KAAK,CAAC,YAAY,mCAAI,EAAE,CAAC;IACtD,MAAM,mBAAmB,GAAG,IAAA,mCAA0B,EACpD,OAAO,CAAC,KAAK,CAAC,UAAU,EACxB,KAAK,CAAC,UAAU,CAAC,iBAAiB,CACnC,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,8CAAoB,EACvC,mBAAmB,EACnB,OAAO,CAAC,KAAK,CAAC,UAAU,CACzB,CAAC;IAEF,MAAM,SAAS,GAAG,CAChB,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,mCAAI,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ;YAC/E,UAAU,EAAE,YAAY,CAAC,iBAAiB;gBACxC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAC,MAAC,YAAY,CAAC,UAAkB,mCAAI,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC;YACvF,UAAU,EAAE,YAAY,CAAC,UAAU;YACnC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS;YAClC,SAAS,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,SAAS,mCAAI,QAAQ;SAC/C,YAEA,OAAO,CAAC,KAAK,CAAC,KAAK,GACf,CACR,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,uBAAC,yBAAW,IACV,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAC1C,KAAK,EAAE;gBACL,YAAY;gBACZ,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,CAAC,CAAC;gBAC7F,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW;gBACzE,KAAK,EAAE,IAAA,YAAG,EAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC/B,MAAM,EAAE,IAAA,YAAG,EAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;gBACjC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM;gBAC5B,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB;gBAChD,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc;gBAC5C,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;gBAC9B,SAAS,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnF,QAAQ,EAAE,QAAQ;aACnB,YAED,uBAAC,+BAAgB,IACf,aAAa,EAAE,GAAG,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;oBAC9B,eAAe,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,eAAe,mCAAI,EAAE;oBACpD,iBAAiB,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,iBAAiB,mCAAI,EAAE;oBACxD,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB,YAEA,SAAS,GACO,GACP,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,+BAAgB,IACf,aAAa,EAAE,GAAG,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE;YACL,eAAe,EAAE,OAAO;YACxB,YAAY;YACZ,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,CAAC,CAAC;YAC7F,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW;YACzE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;YAC9B,eAAe,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,eAAe,mCAAI,EAAE;YACpD,iBAAiB,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,iBAAiB,mCAAI,EAAE;YACxD,KAAK,EAAE,IAAA,YAAG,EAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,IAAA,YAAG,EAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;YACjC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM;YAC5B,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB;YAChD,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc;YAC5C,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;YAC9B,SAAS,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YACnF,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,YAEA,SAAS,GACO,CACpB,CAAC;AACJ,CAAC,CAAC;AAnKW,QAAA,sBAAsB,0BAmKjC"}
|
|
@@ -19,7 +19,7 @@ export type InputElementProps = BaseBoxProps & {
|
|
|
19
19
|
backgroundColor?: string;
|
|
20
20
|
fontSize?: number;
|
|
21
21
|
fontWeight?: string;
|
|
22
|
-
fontFamily?: string;
|
|
22
|
+
fontFamily?: string | "inherit";
|
|
23
23
|
fontStyle?: "normal" | "italic";
|
|
24
24
|
lineHeight?: number;
|
|
25
25
|
letterSpacing?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/InputElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"InputElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/InputElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAmC,MAAM,UAAU,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,KAAK,GAAG,YAAY,GAAG,eAAe,GAAG,yBAAyB,GAAG,gBAAgB,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,CAAC;IAC7N,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxJ,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAsBlC,CAAC;AAEH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YA2ErE,CAAC"}
|
|
@@ -47,7 +47,8 @@ const InputElementComponent = ({ element, ctx }) => {
|
|
|
47
47
|
setVariable(element.props.variableName, { value: text });
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
const
|
|
50
|
+
const inheritedFontFamily = (0, shared_1.resolveInheritedFontFamily)(element.props.fontFamily, theme.typography.defaultFontFamily);
|
|
51
|
+
const resolvedFont = (0, react_native_onboarding_1.useResolvedFontStyle)(inheritedFontFamily, element.props.fontWeight);
|
|
51
52
|
return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { value: value, onChangeText: handleChange, placeholder: element.props.placeholder, placeholderTextColor: (_c = element.props.placeholderColor) !== null && _c !== void 0 ? _c : theme.colors.text.tertiary, keyboardType: (_d = element.props.keyboardType) !== null && _d !== void 0 ? _d : "default", returnKeyType: (_e = element.props.returnKeyType) !== null && _e !== void 0 ? _e : "done", autoCapitalize: (_f = element.props.autoCapitalize) !== null && _f !== void 0 ? _f : "sentences", secureTextEntry: (_g = element.props.secureTextEntry) !== null && _g !== void 0 ? _g : false, maxLength: element.props.maxLength, multiline: (_h = element.props.multiline) !== null && _h !== void 0 ? _h : false, numberOfLines: element.props.numberOfLines, editable: (_j = element.props.editable) !== null && _j !== void 0 ? _j : true, style: {
|
|
52
53
|
flex: element.props.flex,
|
|
53
54
|
flexShrink: element.props.flexShrink,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/InputElement.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,6BAAwB;AACxB,+CAA+C;AAC/C,+EAAyE;AACzE,iDAAkE;AAElE,
|
|
1
|
+
{"version":3,"file":"InputElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/InputElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export type TextElementProps = BaseBoxProps & {
|
|
|
8
8
|
mode?: "plain" | "expression";
|
|
9
9
|
fontSize?: number;
|
|
10
10
|
fontWeight?: string;
|
|
11
|
-
fontFamily?: string;
|
|
11
|
+
fontFamily?: string | "inherit";
|
|
12
12
|
fontStyle?: "normal" | "italic";
|
|
13
13
|
color?: string;
|
|
14
14
|
textAlign?: "left" | "center" | "right";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAgD,MAAM,UAAU,CAAC;AAGvF,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,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,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAWjC,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8BAA8B,KAAK,KAAG,KAAK,CAAC,YAqFhF,CAAC"}
|
|
@@ -27,7 +27,8 @@ const TextElementComponent = ({ element, ctx, parentType }) => {
|
|
|
27
27
|
const content = p.mode === "expression"
|
|
28
28
|
? (0, shared_1.interpolate)(p.content, variables)
|
|
29
29
|
: p.content;
|
|
30
|
-
const
|
|
30
|
+
const inheritedFontFamily = (0, shared_1.resolveInheritedFontFamily)(p.fontFamily, theme.typography.defaultFontFamily);
|
|
31
|
+
const resolvedFont = (0, react_native_onboarding_1.useResolvedFontStyle)(inheritedFontFamily, p.fontWeight);
|
|
31
32
|
const textNode = ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
32
33
|
flex: p.flex,
|
|
33
34
|
flexShrink: (_a = p.flexShrink) !== null && _a !== void 0 ? _a : (parentType === "XStack" ? 1 : undefined),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,+CAAoC;AACpC,+EAAyE;AACzE,iDAAkE;AAElE,
|
|
1
|
+
{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/TextElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,4 +13,5 @@ export type RenderContext = {
|
|
|
13
13
|
};
|
|
14
14
|
export declare const interpolate: (template: string, variables: Record<string, ComposableVariableEntry>) => string;
|
|
15
15
|
export declare const dim: (v: number | string | undefined) => import("react-native").DimensionValue | undefined;
|
|
16
|
+
export declare const resolveInheritedFontFamily: (elementFontFamily: string | undefined, themeDefault: string | undefined) => string | undefined;
|
|
16
17
|
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -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;AAEvF,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;CACxG,CAAC;AAEF,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"}
|
|
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;AAEvF,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;CACxG,CAAC;AAEF,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;AAIzD,eAAO,MAAM,0BAA0B,GACrC,mBAAmB,MAAM,GAAG,SAAS,EACrC,cAAc,MAAM,GAAG,SAAS,KAC/B,MAAM,GAAG,SAKX,CAAC"}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.dim = exports.interpolate = void 0;
|
|
3
|
+
exports.resolveInheritedFontFamily = exports.dim = exports.interpolate = void 0;
|
|
4
4
|
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
5
|
exports.interpolate = interpolate;
|
|
6
6
|
// Cast number | string dimension values to DimensionValue for React Native style props
|
|
7
7
|
const dim = (v) => v;
|
|
8
8
|
exports.dim = dim;
|
|
9
|
+
// Resolve element fontFamily against theme `typography.defaultFontFamily`.
|
|
10
|
+
// Returns the theme default when element omits fontFamily or sets it to "inherit".
|
|
11
|
+
const resolveInheritedFontFamily = (elementFontFamily, themeDefault) => {
|
|
12
|
+
if (elementFontFamily === undefined || elementFontFamily === "inherit") {
|
|
13
|
+
return themeDefault;
|
|
14
|
+
}
|
|
15
|
+
return elementFontFamily;
|
|
16
|
+
};
|
|
17
|
+
exports.resolveInheritedFontFamily = resolveInheritedFontFamily;
|
|
9
18
|
//# sourceMappingURL=shared.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":";;;AAeO,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"}
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/shared.ts"],"names":[],"mappings":";;;AAeO,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;AAEzD,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"}
|
|
@@ -10,7 +10,8 @@ type OnboardingTemplateProps = {
|
|
|
10
10
|
};
|
|
11
11
|
step: OnboardingStepType;
|
|
12
12
|
theme?: Theme;
|
|
13
|
+
disableTopPadding?: boolean;
|
|
13
14
|
};
|
|
14
|
-
export declare const OnboardingTemplate: ({ children, onContinue, step, button, theme, }: OnboardingTemplateProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const OnboardingTemplate: ({ children, onContinue, step, button, theme, disableTopPadding, }: OnboardingTemplateProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export {};
|
|
16
17
|
//# sourceMappingURL=OnboardingTemplate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingTemplate.d.ts","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAuCvC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;IACF,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"OnboardingTemplate.d.ts","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAuCvC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;IACF,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mEAOhC,uBAAuB,4CA6DzB,CAAC"}
|
|
@@ -77,12 +77,12 @@ function resolveIcon(iconName, color) {
|
|
|
77
77
|
}
|
|
78
78
|
return null;
|
|
79
79
|
}
|
|
80
|
-
const OnboardingTemplate = ({ children, onContinue, step, button, theme = defaultTheme_1.defaultTheme, }) => {
|
|
80
|
+
const OnboardingTemplate = ({ children, onContinue, step, button, theme = defaultTheme_1.defaultTheme, disableTopPadding = false, }) => {
|
|
81
81
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
|
|
82
82
|
styles.container,
|
|
83
83
|
{
|
|
84
84
|
backgroundColor: theme.colors.neutral.lowest,
|
|
85
|
-
paddingTop: step.displayProgressHeader ?
|
|
85
|
+
paddingTop: disableTopPadding || !step.displayProgressHeader ? 0 : 40,
|
|
86
86
|
},
|
|
87
87
|
], children: [children, button && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSection, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [
|
|
88
88
|
styles.ctaButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingTemplate.js","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AAExE,8CAAgD;AAEhD,wDAAqD;AACrD,iEAAmD;AAEnD,SAAS,oBAAoB,CAAC,GAAW;IACvC,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACrB,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,MAAM,IAAI,GAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,CAAC;aACb,KAAK,CAAC,SAAS,CAAC;aAChB,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;aAChE,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IACD,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,WAAW,CAAC,QAAgB,EAAE,KAAa;IAClD,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,GAAG,GAAG,WAAkC,CAAC;IAC/C,KAAK,MAAM,GAAG,IAAI,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjD,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;YAC1B,OAAO,uBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAI,CAAC;QACnE,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;
|
|
1
|
+
{"version":3,"file":"OnboardingTemplate.js","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/UI/Theme/tokens/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/UI/Theme/tokens/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/UI/Theme/tokens/typography.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAG;IACxB,UAAU,EAAE;QACV,OAAO,EAAE,KAAc;QACvB,MAAM,EAAE,KAAc;QACtB,QAAQ,EAAE,KAAc;QACxB,IAAI,EAAE,KAAc;QACpB,SAAS,EAAE,KAAc;KAC1B;IACD,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,GAAG;KACb;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,IAAI;YAChB,UAAU,EAAE,OAAO;SACpB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;KACF;
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/UI/Theme/tokens/typography.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAG;IACxB,UAAU,EAAE;QACV,OAAO,EAAE,KAAc;QACvB,MAAM,EAAE,KAAc;QACtB,QAAQ,EAAE,KAAc;QACxB,IAAI,EAAE,KAAc;QACpB,SAAS,EAAE,KAAc;KAC1B;IACD,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,GAAG;KACb;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,IAAI;YAChB,UAAU,EAAE,OAAO;SACpB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAc;YAC1B,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,OAAO;SACpB;KACF;IACD,iBAAiB,EAAE,OAAO;CACA,CAAC"}
|
package/dist/UI/Theme/types.d.ts
CHANGED
|
@@ -49,6 +49,11 @@ export type TypographyTokens = {
|
|
|
49
49
|
relaxed: number;
|
|
50
50
|
};
|
|
51
51
|
textStyles: TextStyles;
|
|
52
|
+
/**
|
|
53
|
+
* Inherit target for ComposableScreen typographic elements (Text/Button/Input).
|
|
54
|
+
* When an element omits `fontFamily` or sets it to `"inherit"`, this value is used.
|
|
55
|
+
*/
|
|
56
|
+
defaultFontFamily?: string;
|
|
52
57
|
};
|
|
53
58
|
export type Theme = {
|
|
54
59
|
colors: ColorTokens;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE,KAAK,CAAC;QACf,MAAM,EAAE,KAAK,CAAC;QACd,QAAQ,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,KAAK,CAAC;QACZ,SAAS,EAAE,KAAK,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE,KAAK,CAAC;QACf,MAAM,EAAE,KAAK,CAAC;QACd,QAAQ,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,KAAK,CAAC;QACZ,SAAS,EAAE,KAAK,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACzC;KACG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,GACD,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.20.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",
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import { z } from "zod";
|
|
3
3
|
import { Text, TouchableOpacity } from "react-native";
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
useResolvedFontStyle,
|
|
6
|
+
evaluateCondition,
|
|
7
|
+
type LeafCondition,
|
|
8
|
+
type ConditionGroup,
|
|
9
|
+
LeafConditionSchema,
|
|
10
|
+
ConditionGroupSchema,
|
|
11
|
+
} from "@rocapine/react-native-onboarding";
|
|
5
12
|
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
6
13
|
import { UIElement } from "../types";
|
|
7
|
-
import { RenderContext, dim } from "./shared";
|
|
14
|
+
import { RenderContext, dim, resolveInheritedFontFamily } from "./shared";
|
|
8
15
|
import { GradientBox } from "./GradientBox";
|
|
9
16
|
import { ComposableVariableEntry } from "../../../Provider/OnboardingProgressProvider";
|
|
10
17
|
|
|
@@ -56,9 +63,12 @@ export type ButtonElementProps = BaseBoxProps & {
|
|
|
56
63
|
color?: string;
|
|
57
64
|
fontSize?: number;
|
|
58
65
|
fontWeight?: string;
|
|
59
|
-
fontFamily?: string;
|
|
66
|
+
fontFamily?: string | "inherit";
|
|
60
67
|
fontStyle?: "normal" | "italic";
|
|
61
68
|
textAlign?: "left" | "center" | "right";
|
|
69
|
+
disabledWhen?: LeafCondition | ConditionGroup;
|
|
70
|
+
disabledBackgroundColor?: string;
|
|
71
|
+
disabledColor?: string;
|
|
62
72
|
};
|
|
63
73
|
|
|
64
74
|
export const ButtonElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
@@ -73,6 +83,9 @@ export const ButtonElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
|
73
83
|
fontFamily: z.string().optional(),
|
|
74
84
|
fontStyle: z.enum(["normal", "italic"]).optional(),
|
|
75
85
|
textAlign: z.enum(["left", "center", "right"]).optional(),
|
|
86
|
+
disabledWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
87
|
+
disabledBackgroundColor: z.string().optional(),
|
|
88
|
+
disabledColor: z.string().optional(),
|
|
76
89
|
});
|
|
77
90
|
|
|
78
91
|
type ButtonUIElement = Extract<UIElement, { type: "Button" }>;
|
|
@@ -84,7 +97,18 @@ type Props = {
|
|
|
84
97
|
|
|
85
98
|
export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElement => {
|
|
86
99
|
const { theme, onContinue, customActions, variables, setVariable } = ctx;
|
|
100
|
+
const flatVariables = useMemo(
|
|
101
|
+
() =>
|
|
102
|
+
Object.fromEntries(
|
|
103
|
+
Object.entries(variables).map(([k, v]) => [k, v?.value])
|
|
104
|
+
),
|
|
105
|
+
[variables]
|
|
106
|
+
);
|
|
107
|
+
const isDisabled = element.props.disabledWhen
|
|
108
|
+
? evaluateCondition(element.props.disabledWhen, flatVariables)
|
|
109
|
+
: false;
|
|
87
110
|
const handlePress = async () => {
|
|
111
|
+
if (isDisabled) return;
|
|
88
112
|
const { actions, action } = element.props;
|
|
89
113
|
const effective: ButtonAction[] =
|
|
90
114
|
actions ?? (action === "continue" ? ["continue"] : []);
|
|
@@ -122,17 +146,34 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
|
|
|
122
146
|
const variant = element.props.variant ?? "filled";
|
|
123
147
|
const isFilled = variant === "filled";
|
|
124
148
|
const isOutlined = variant === "outlined";
|
|
125
|
-
const
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
149
|
+
const disabledBg =
|
|
150
|
+
element.props.disabledBackgroundColor ?? theme.colors.disable;
|
|
151
|
+
const disabledText =
|
|
152
|
+
element.props.disabledColor ?? theme.colors.text.disable;
|
|
153
|
+
const bgColor = isDisabled
|
|
154
|
+
? isFilled
|
|
155
|
+
? disabledBg
|
|
156
|
+
: "transparent"
|
|
157
|
+
: isFilled
|
|
158
|
+
? (element.props.backgroundColor ?? theme.colors.primary)
|
|
159
|
+
: "transparent";
|
|
160
|
+
const textColor = isDisabled
|
|
161
|
+
? disabledText
|
|
162
|
+
: isFilled
|
|
163
|
+
? (element.props.color ?? theme.colors.text.opposite)
|
|
164
|
+
: (element.props.color ?? theme.colors.primary);
|
|
165
|
+
const outlinedBorderColor = isDisabled
|
|
166
|
+
? disabledBg
|
|
167
|
+
: (element.props.borderColor ?? theme.colors.primary);
|
|
168
|
+
|
|
169
|
+
const hasGradient = isFilled && !isDisabled && !!element.props.backgroundGradient;
|
|
133
170
|
const borderRadius = element.props.borderRadius ?? 90;
|
|
134
|
-
const
|
|
171
|
+
const inheritedFontFamily = resolveInheritedFontFamily(
|
|
135
172
|
element.props.fontFamily,
|
|
173
|
+
theme.typography.defaultFontFamily
|
|
174
|
+
);
|
|
175
|
+
const resolvedFont = useResolvedFontStyle(
|
|
176
|
+
inheritedFontFamily,
|
|
136
177
|
element.props.fontWeight
|
|
137
178
|
);
|
|
138
179
|
|
|
@@ -160,7 +201,7 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
|
|
|
160
201
|
style={{
|
|
161
202
|
borderRadius,
|
|
162
203
|
borderWidth: isOutlined ? (element.props.borderWidth ?? 1) : (element.props.borderWidth ?? 0),
|
|
163
|
-
borderColor: isOutlined ?
|
|
204
|
+
borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
|
|
164
205
|
width: dim(element.props.width),
|
|
165
206
|
height: dim(element.props.height),
|
|
166
207
|
margin: element.props.margin,
|
|
@@ -174,6 +215,7 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
|
|
|
174
215
|
<TouchableOpacity
|
|
175
216
|
activeOpacity={0.8}
|
|
176
217
|
onPress={handlePress}
|
|
218
|
+
disabled={isDisabled}
|
|
177
219
|
style={{
|
|
178
220
|
flex: 1,
|
|
179
221
|
padding: element.props.padding,
|
|
@@ -193,11 +235,12 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
|
|
|
193
235
|
<TouchableOpacity
|
|
194
236
|
activeOpacity={0.8}
|
|
195
237
|
onPress={handlePress}
|
|
238
|
+
disabled={isDisabled}
|
|
196
239
|
style={{
|
|
197
240
|
backgroundColor: bgColor,
|
|
198
241
|
borderRadius,
|
|
199
242
|
borderWidth: isOutlined ? (element.props.borderWidth ?? 1) : (element.props.borderWidth ?? 0),
|
|
200
|
-
borderColor: isOutlined ?
|
|
243
|
+
borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
|
|
201
244
|
padding: element.props.padding,
|
|
202
245
|
paddingVertical: element.props.paddingVertical ?? 14,
|
|
203
246
|
paddingHorizontal: element.props.paddingHorizontal ?? 24,
|
|
@@ -4,7 +4,7 @@ import { View, TextInput } 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, dim } from "./shared";
|
|
7
|
+
import { RenderContext, dim, resolveInheritedFontFamily } from "./shared";
|
|
8
8
|
|
|
9
9
|
export type InputElementProps = BaseBoxProps & {
|
|
10
10
|
variableName?: string;
|
|
@@ -22,7 +22,7 @@ export type InputElementProps = BaseBoxProps & {
|
|
|
22
22
|
backgroundColor?: string;
|
|
23
23
|
fontSize?: number;
|
|
24
24
|
fontWeight?: string;
|
|
25
|
-
fontFamily?: string;
|
|
25
|
+
fontFamily?: string | "inherit";
|
|
26
26
|
fontStyle?: "normal" | "italic";
|
|
27
27
|
lineHeight?: number;
|
|
28
28
|
letterSpacing?: number;
|
|
@@ -79,8 +79,12 @@ export const InputElementComponent = ({ element, ctx }: Props): React.ReactEleme
|
|
|
79
79
|
}
|
|
80
80
|
};
|
|
81
81
|
|
|
82
|
-
const
|
|
82
|
+
const inheritedFontFamily = resolveInheritedFontFamily(
|
|
83
83
|
element.props.fontFamily,
|
|
84
|
+
theme.typography.defaultFontFamily
|
|
85
|
+
);
|
|
86
|
+
const resolvedFont = useResolvedFontStyle(
|
|
87
|
+
inheritedFontFamily,
|
|
84
88
|
element.props.fontWeight
|
|
85
89
|
);
|
|
86
90
|
|
|
@@ -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 } from "./shared";
|
|
7
|
+
import { RenderContext, interpolate, dim, resolveInheritedFontFamily } from "./shared";
|
|
8
8
|
import { GradientBox } from "./GradientBox";
|
|
9
9
|
|
|
10
10
|
export type TextElementProps = BaseBoxProps & {
|
|
@@ -12,7 +12,7 @@ export type TextElementProps = BaseBoxProps & {
|
|
|
12
12
|
mode?: "plain" | "expression";
|
|
13
13
|
fontSize?: number;
|
|
14
14
|
fontWeight?: string;
|
|
15
|
-
fontFamily?: string;
|
|
15
|
+
fontFamily?: string | "inherit";
|
|
16
16
|
fontStyle?: "normal" | "italic";
|
|
17
17
|
color?: string;
|
|
18
18
|
textAlign?: "left" | "center" | "right";
|
|
@@ -48,7 +48,11 @@ export const TextElementComponent = ({ element, ctx, parentType }: Props): React
|
|
|
48
48
|
p.mode === "expression"
|
|
49
49
|
? interpolate(p.content, variables)
|
|
50
50
|
: p.content;
|
|
51
|
-
const
|
|
51
|
+
const inheritedFontFamily = resolveInheritedFontFamily(
|
|
52
|
+
p.fontFamily,
|
|
53
|
+
theme.typography.defaultFontFamily
|
|
54
|
+
);
|
|
55
|
+
const resolvedFont = useResolvedFontStyle(inheritedFontFamily, p.fontWeight);
|
|
52
56
|
|
|
53
57
|
const textNode = (
|
|
54
58
|
<Text
|
|
@@ -19,3 +19,15 @@ export const interpolate = (template: string, variables: Record<string, Composab
|
|
|
19
19
|
// Cast number | string dimension values to DimensionValue for React Native style props
|
|
20
20
|
export const dim = (v: number | string | undefined): import("react-native").DimensionValue | undefined =>
|
|
21
21
|
v as import("react-native").DimensionValue | undefined;
|
|
22
|
+
|
|
23
|
+
// Resolve element fontFamily against theme `typography.defaultFontFamily`.
|
|
24
|
+
// Returns the theme default when element omits fontFamily or sets it to "inherit".
|
|
25
|
+
export const resolveInheritedFontFamily = (
|
|
26
|
+
elementFontFamily: string | undefined,
|
|
27
|
+
themeDefault: string | undefined
|
|
28
|
+
): string | undefined => {
|
|
29
|
+
if (elementFontFamily === undefined || elementFontFamily === "inherit") {
|
|
30
|
+
return themeDefault;
|
|
31
|
+
}
|
|
32
|
+
return elementFontFamily;
|
|
33
|
+
};
|
|
@@ -50,6 +50,7 @@ type OnboardingTemplateProps = {
|
|
|
50
50
|
};
|
|
51
51
|
step: OnboardingStepType;
|
|
52
52
|
theme?: Theme;
|
|
53
|
+
disableTopPadding?: boolean;
|
|
53
54
|
};
|
|
54
55
|
|
|
55
56
|
export const OnboardingTemplate = ({
|
|
@@ -58,6 +59,7 @@ export const OnboardingTemplate = ({
|
|
|
58
59
|
step,
|
|
59
60
|
button,
|
|
60
61
|
theme = defaultTheme,
|
|
62
|
+
disableTopPadding = false,
|
|
61
63
|
}: OnboardingTemplateProps) => {
|
|
62
64
|
return (
|
|
63
65
|
<View
|
|
@@ -65,7 +67,8 @@ export const OnboardingTemplate = ({
|
|
|
65
67
|
styles.container,
|
|
66
68
|
{
|
|
67
69
|
backgroundColor: theme.colors.neutral.lowest,
|
|
68
|
-
paddingTop:
|
|
70
|
+
paddingTop:
|
|
71
|
+
disableTopPadding || !step.displayProgressHeader ? 0 : 40,
|
|
69
72
|
},
|
|
70
73
|
]}
|
|
71
74
|
>
|
package/src/UI/Theme/types.ts
CHANGED
|
@@ -52,6 +52,11 @@ export type TypographyTokens = {
|
|
|
52
52
|
relaxed: number;
|
|
53
53
|
};
|
|
54
54
|
textStyles: TextStyles;
|
|
55
|
+
/**
|
|
56
|
+
* Inherit target for ComposableScreen typographic elements (Text/Button/Input).
|
|
57
|
+
* When an element omits `fontFamily` or sets it to `"inherit"`, this value is used.
|
|
58
|
+
*/
|
|
59
|
+
defaultFontFamily?: string;
|
|
55
60
|
};
|
|
56
61
|
|
|
57
62
|
export type Theme = {
|