@rocapine/react-native-onboarding-ui 1.38.1 → 1.38.2
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/elements/AnimatedBox.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/AnimatedBox.js +9 -3
- package/dist/UI/Pages/ComposableScreen/elements/AnimatedBox.js.map +1 -1
- package/package.json +1 -1
- package/src/UI/Pages/ComposableScreen/elements/AnimatedBox.tsx +9 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedBox.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/AnimatedBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG5F,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAI7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAoBF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,GAAI,sDAMzB,KAAK,KAAG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"AnimatedBox.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/AnimatedBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG5F,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAI7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAoBF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,GAAI,sDAMzB,KAAK,KAAG,KAAK,CAAC,YAiFhB,CAAC"}
|
|
@@ -72,9 +72,15 @@ const buildStaticTransform = (t) => {
|
|
|
72
72
|
* effect-vs-no-effect branch lives inside the effect/worklet body.
|
|
73
73
|
*/
|
|
74
74
|
const AnimatedBox = ({ animation, transform, flex, alignSelf, children, }) => {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
// Memoize the reanimated builders on their (stable) spec objects. Rebuilding
|
|
76
|
+
// them inline every render hands Animated.View a fresh `entering` instance,
|
|
77
|
+
// which re-fires the entry transition on every re-render — e.g. an autoplay
|
|
78
|
+
// ProgressIndicator writing its variable each step re-renders the whole tree,
|
|
79
|
+
// restarting every sibling's entry animation. The spec objects come from the
|
|
80
|
+
// memoized parsed step, so these references are stable across re-renders.
|
|
81
|
+
const entering = (0, react_1.useMemo)(() => (0, buildAnimation_1.buildEntering)(animation === null || animation === void 0 ? void 0 : animation.entering), [animation === null || animation === void 0 ? void 0 : animation.entering]);
|
|
82
|
+
const exiting = (0, react_1.useMemo)(() => (0, buildAnimation_1.buildExiting)(animation === null || animation === void 0 ? void 0 : animation.exiting), [animation === null || animation === void 0 ? void 0 : animation.exiting]);
|
|
83
|
+
const layout = (0, react_1.useMemo)(() => (0, buildAnimation_1.buildLayout)(animation === null || animation === void 0 ? void 0 : animation.layout), [animation === null || animation === void 0 ? void 0 : animation.layout]);
|
|
78
84
|
const effect = animation === null || animation === void 0 ? void 0 : animation.effect;
|
|
79
85
|
const staticTransform = (0, react_1.useMemo)(() => buildStaticTransform(transform), [transform]);
|
|
80
86
|
// Continuous-effect driver (0 -> 1). Created unconditionally.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedBox.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/AnimatedBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAkD;AAClD,mFAQiC;AAEjC,qDAAwF;AAaxF,gFAAgF;AAChF,yEAAyE;AACzE,4EAA4E;AAC5E,2DAA2D;AAC3D,8DAA8D;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAoB,EAAS,EAAE;IAC3D,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,8DAA8D;IAC9D,MAAM,GAAG,GAAU,EAAE,CAAC;IACtB,IAAI,CAAC,CAAC,UAAU,IAAI,IAAI;QAAE,GAAG,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IACjE,IAAI,CAAC,CAAC,UAAU,IAAI,IAAI;QAAE,GAAG,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IACjE,IAAI,CAAC,CAAC,KAAK,IAAI,IAAI;QAAE,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAClD,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI;QAAE,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IACrD,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI;QAAE,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IACrD,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI;QAAE,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC;IAC7D,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,GACF,EAAsB,EAAE;IAC9B,MAAM,QAAQ,GAAG,IAAA,8BAAa,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AnimatedBox.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/AnimatedBox.tsx"],"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.38.
|
|
3
|
+
"version": "1.38.2",
|
|
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",
|
|
@@ -56,9 +56,15 @@ export const AnimatedBox = ({
|
|
|
56
56
|
alignSelf,
|
|
57
57
|
children,
|
|
58
58
|
}: Props): React.ReactElement => {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
// Memoize the reanimated builders on their (stable) spec objects. Rebuilding
|
|
60
|
+
// them inline every render hands Animated.View a fresh `entering` instance,
|
|
61
|
+
// which re-fires the entry transition on every re-render — e.g. an autoplay
|
|
62
|
+
// ProgressIndicator writing its variable each step re-renders the whole tree,
|
|
63
|
+
// restarting every sibling's entry animation. The spec objects come from the
|
|
64
|
+
// memoized parsed step, so these references are stable across re-renders.
|
|
65
|
+
const entering = useMemo(() => buildEntering(animation?.entering), [animation?.entering]);
|
|
66
|
+
const exiting = useMemo(() => buildExiting(animation?.exiting), [animation?.exiting]);
|
|
67
|
+
const layout = useMemo(() => buildLayout(animation?.layout), [animation?.layout]);
|
|
62
68
|
|
|
63
69
|
const effect = animation?.effect;
|
|
64
70
|
const staticTransform = useMemo(() => buildStaticTransform(transform), [transform]);
|