@prototyp/skeletor 1.1.7 → 1.2.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/README.md +71 -16
- package/lib/commonjs/components/Block/Block.js.map +1 -1
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/commonjs/components/Text/Text.js.map +1 -1
- package/lib/commonjs/hooks/index.js +37 -4
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useAnimateParallel.js +13 -0
- package/lib/commonjs/hooks/useAnimateParallel.js.map +1 -0
- package/lib/commonjs/hooks/useAnimateSequence.js +13 -0
- package/lib/commonjs/hooks/useAnimateSequence.js.map +1 -0
- package/lib/commonjs/hooks/useAnimateStagger.js +13 -0
- package/lib/commonjs/hooks/useAnimateStagger.js.map +1 -0
- package/lib/commonjs/hooks/useAnimationTimeline.js +6 -99
- package/lib/commonjs/hooks/useAnimationTimeline.js.map +1 -1
- package/lib/commonjs/hooks/useLoopAnimation.js +13 -0
- package/lib/commonjs/hooks/useLoopAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useSkeletor.js.map +1 -1
- package/lib/commonjs/utils/animations.js.map +1 -1
- package/lib/commonjs/utils/extract-alignment-properties.js.map +1 -1
- package/lib/module/components/Block/Block.js.map +1 -1
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/module/components/Text/Text.js.map +1 -1
- package/lib/module/hooks/index.js +4 -1
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useAnimateParallel.js +8 -0
- package/lib/module/hooks/useAnimateParallel.js.map +1 -0
- package/lib/module/hooks/useAnimateSequence.js +8 -0
- package/lib/module/hooks/useAnimateSequence.js.map +1 -0
- package/lib/module/hooks/useAnimateStagger.js +8 -0
- package/lib/module/hooks/useAnimateStagger.js.map +1 -0
- package/lib/module/hooks/useAnimationTimeline.js +5 -99
- package/lib/module/hooks/useAnimationTimeline.js.map +1 -1
- package/lib/module/hooks/useLoopAnimation.js +8 -0
- package/lib/module/hooks/useLoopAnimation.js.map +1 -0
- package/lib/module/hooks/useSkeletor.js.map +1 -1
- package/lib/module/utils/animations.js.map +1 -1
- package/lib/module/utils/extract-alignment-properties.js.map +1 -1
- package/lib/typescript/commonjs/components/Block/Block.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Text/Text.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/index.d.ts +4 -1
- package/lib/typescript/commonjs/hooks/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useAnimateParallel.d.ts +3 -0
- package/lib/typescript/commonjs/hooks/useAnimateParallel.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAnimateSequence.d.ts +3 -0
- package/lib/typescript/commonjs/hooks/useAnimateSequence.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAnimateStagger.d.ts +3 -0
- package/lib/typescript/commonjs/hooks/useAnimateStagger.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAnimationTimeline.d.ts +5 -32
- package/lib/typescript/commonjs/hooks/useAnimationTimeline.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useLoopAnimation.d.ts +10 -0
- package/lib/typescript/commonjs/hooks/useLoopAnimation.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useSkeletor.d.ts.map +1 -1
- package/lib/typescript/commonjs/models/Animation.d.ts +3 -0
- package/lib/typescript/commonjs/models/Animation.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/animations.d.ts +1 -5
- package/lib/typescript/commonjs/utils/animations.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-alignment-properties.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts +1 -1
- package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-flex-properties.d.ts +1 -1
- package/lib/typescript/commonjs/utils/extract-flex-properties.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-gap-properties.d.ts +1 -1
- package/lib/typescript/commonjs/utils/extract-gap-properties.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-position-properties.d.ts +1 -1
- package/lib/typescript/commonjs/utils/extract-position-properties.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/normalize-spacing-values.d.ts +1 -1
- package/lib/typescript/commonjs/utils/normalize-spacing-values.d.ts.map +1 -1
- package/lib/typescript/module/components/Block/Block.d.ts.map +1 -1
- package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
- package/lib/typescript/module/components/Text/Text.d.ts.map +1 -1
- package/lib/typescript/module/hooks/index.d.ts +4 -1
- package/lib/typescript/module/hooks/index.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useAnimateParallel.d.ts +3 -0
- package/lib/typescript/module/hooks/useAnimateParallel.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAnimateSequence.d.ts +3 -0
- package/lib/typescript/module/hooks/useAnimateSequence.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAnimateStagger.d.ts +3 -0
- package/lib/typescript/module/hooks/useAnimateStagger.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAnimationTimeline.d.ts +5 -32
- package/lib/typescript/module/hooks/useAnimationTimeline.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useLoopAnimation.d.ts +10 -0
- package/lib/typescript/module/hooks/useLoopAnimation.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useSkeletor.d.ts.map +1 -1
- package/lib/typescript/module/models/Animation.d.ts +3 -0
- package/lib/typescript/module/models/Animation.d.ts.map +1 -1
- package/lib/typescript/module/utils/animations.d.ts +1 -5
- package/lib/typescript/module/utils/animations.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-alignment-properties.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-animation-properties.d.ts +1 -1
- package/lib/typescript/module/utils/extract-animation-properties.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-flex-properties.d.ts +1 -1
- package/lib/typescript/module/utils/extract-flex-properties.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-gap-properties.d.ts +1 -1
- package/lib/typescript/module/utils/extract-gap-properties.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-position-properties.d.ts +1 -1
- package/lib/typescript/module/utils/extract-position-properties.d.ts.map +1 -1
- package/lib/typescript/module/utils/normalize-spacing-values.d.ts +1 -1
- package/lib/typescript/module/utils/normalize-spacing-values.d.ts.map +1 -1
- package/package.json +1 -3
- package/lib/commonjs/hooks/useAnimation.js +0 -39
- package/lib/commonjs/hooks/useAnimation.js.map +0 -1
- package/lib/module/hooks/useAnimation.js +0 -36
- package/lib/module/hooks/useAnimation.js.map +0 -1
- package/lib/typescript/commonjs/hooks/useAnimation.d.ts +0 -21
- package/lib/typescript/commonjs/hooks/useAnimation.d.ts.map +0 -1
- package/lib/typescript/module/hooks/useAnimation.d.ts +0 -21
- package/lib/typescript/module/hooks/useAnimation.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAnimateParallel.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimateParallel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,MAAM,WAAW,CAAC;AAGnB,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,MAAM,cAAc,EACrE,QAAQ,cAAc,CAAC,MAAM,CAAC,EAC9B,SAAS,sBAAsB,KAC7B,gBAAgB,CAAC,MAAM,CAEzB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { AnimationConfiguration, AnimationStyle, CleanViewStyle, ElementAnimation } from "../models";
|
|
2
|
+
export declare const useAnimateSequence: <Styles extends keyof CleanViewStyle>(styles: AnimationStyle<Styles>, config?: AnimationConfiguration) => ElementAnimation<Styles>;
|
|
3
|
+
//# sourceMappingURL=useAnimateSequence.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAnimateSequence.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimateSequence.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,sBAAsB,EACtB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,MAAM,WAAW,CAAC;AAGnB,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,MAAM,cAAc,EACrE,QAAQ,cAAc,CAAC,MAAM,CAAC,EAC9B,SAAS,sBAAsB,KAC7B,gBAAgB,CAAC,MAAM,CAEzB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { AnimationStyle, CleanViewStyle, ElementAnimation, StaggerAnimationConfiguration } from "../models";
|
|
2
|
+
export declare const useAnimateStagger: <Styles extends keyof CleanViewStyle>(styles: AnimationStyle<Styles>, config: StaggerAnimationConfiguration) => ElementAnimation<Styles>;
|
|
3
|
+
//# sourceMappingURL=useAnimateStagger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAnimateStagger.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimateStagger.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC7B,MAAM,WAAW,CAAC;AAGnB,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,MAAM,cAAc,EACpE,QAAQ,cAAc,CAAC,MAAM,CAAC,EAC9B,QAAQ,6BAA6B,KACnC,gBAAgB,CAAC,MAAM,CAEzB,CAAC"}
|
|
@@ -1,34 +1,7 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
onStarted?: () => void;
|
|
7
|
-
}
|
|
8
|
-
type DelayTimeline = BaseTimelineType & {
|
|
9
|
-
delay: number;
|
|
1
|
+
import type { AnimationTimelineConfiguration } from "../models";
|
|
2
|
+
export declare const useAnimationTimeline: (timeline: AnimationTimelineConfiguration) => {
|
|
3
|
+
start: (callback?: import("react-native").Animated.EndCallback) => void;
|
|
4
|
+
reverse: (callback?: import("react-native").Animated.EndCallback) => void;
|
|
5
|
+
reset: () => void;
|
|
10
6
|
};
|
|
11
|
-
type StaggerTimeline = BaseTimelineType & {
|
|
12
|
-
stagger: number;
|
|
13
|
-
};
|
|
14
|
-
interface TimelineConfiguration {
|
|
15
|
-
delay?: DelayTimeline;
|
|
16
|
-
parallel?: BaseTimelineType;
|
|
17
|
-
sequence?: BaseTimelineType;
|
|
18
|
-
stagger?: StaggerTimeline;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @deprecated Use createAnimationTimeline instead.
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* Used to layout animated values on a timeline and handle starting/reversing the animations.
|
|
25
|
-
* Supports all Animated types (delay, stagger, parallel, sequence).
|
|
26
|
-
* @example
|
|
27
|
-
* useAnimationTimeline({
|
|
28
|
-
stagger: { elements: [ring1, ring2, ring3], stagger: 900, start: show },
|
|
29
|
-
sequence: { elements: [button], start: Boolean(show && !disabled) },
|
|
30
|
-
});
|
|
31
|
-
*/
|
|
32
|
-
export declare function useAnimationTimeline(config: TimelineConfiguration): void;
|
|
33
|
-
export {};
|
|
34
7
|
//# sourceMappingURL=useAnimationTimeline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimationTimeline.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimationTimeline.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAnimationTimeline.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimationTimeline.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAGhE,eAAO,MAAM,oBAAoB,GAChC,UAAU,8BAA8B;;;;CAGxC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { CleanViewStyle, ElementAnimation } from "../models";
|
|
2
|
+
export declare const useLoopAnimation: <Styles extends keyof CleanViewStyle>(animation: ElementAnimation<Styles>) => {
|
|
3
|
+
start: () => void;
|
|
4
|
+
animations: import("models/Animation").Animation<Styles>;
|
|
5
|
+
forward: import("react-native").Animated.CompositeAnimation;
|
|
6
|
+
backward: import("react-native").Animated.CompositeAnimation;
|
|
7
|
+
reverse: (onFinished?: () => void) => void;
|
|
8
|
+
reset: import("react-native").Animated.CompositeAnimation["reset"];
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=useLoopAnimation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLoopAnimation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useLoopAnimation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlE,eAAO,MAAM,gBAAgB,GAAI,MAAM,SAAS,MAAM,cAAc,EACnE,WAAW,gBAAgB,CAAC,MAAM,CAAC;;;;;wBAIg3D,CAAC;;CADp5D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSkeletor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSkeletor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useSkeletor.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSkeletor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,wBAAgB,WAAW,IAAI,cAAc,CAE5C"}
|
|
@@ -11,6 +11,9 @@ export type AnimationConfiguration = {
|
|
|
11
11
|
export type StaggerAnimationConfiguration = AnimationConfiguration & {
|
|
12
12
|
stagger?: number;
|
|
13
13
|
};
|
|
14
|
+
export type AnimationTimelineConfiguration = {
|
|
15
|
+
[ms: number]: Array<ElementAnimation<any>>;
|
|
16
|
+
};
|
|
14
17
|
type NonAnimatableKeys = "rotation" | "alignItems" | "alignContent" | "alignSelf" | "justifyContent" | "display" | "flexDirection" | "flexWrap" | "overflow" | "position" | "zIndex" | "elevation" | "direction" | "backfaceVisibility" | "borderCurve" | "borderStyle" | "pointerEvents" | "overflow" | "transform";
|
|
15
18
|
export type CleanViewStyle = Omit<ViewStyle, NonAnimatableKeys> & {
|
|
16
19
|
rotation?: `${number}deg` | `${number}rad`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../../../src/models/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,MAAM,sBAAsB,GAAG;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0KAA0K;IAC1K,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,GAAG;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,iBAAiB,GACnB,UAAU,GACV,YAAY,GACZ,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,oBAAoB,GACpB,aAAa,GACb,aAAa,GACb,eAAe,GACf,UAAU,GACV,WAAW,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,GAAG,MAAM,KAAK,GAAG,GAAG,MAAM,KAAK,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;KAC/B,CAAC,IAAI,MAAM,cAAc,GAAG,OAAO,CACnC,cAAc,CAAC,CAAC,CAAC,EACjB,QAAQ,CAAC,YAAY,CACrB;CACD,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,MAAM,kBAAkB,IAAI;KAClE,CAAC,IAAI,IAAI,GAAG,MAAM,kBAAkB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE;CAChE,CAAC;AAEF,MAAM,MAAM,SAAS,CACpB,IAAI,SAAS,MAAM,kBAAkB,GAAG,MAAM,kBAAkB,IAC7D;KACF,CAAC,IAAI,IAAI,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,kBAAkB,IAAI;IACrE,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACrC,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACtC,sEAAsE;IACtE,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IACrC,mGAAmG;IACnG,OAAO,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,IAAI,SAAS,MAAM,kBAAkB,IAAI;KACjE,CAAC,IAAI,IAAI,GAAG,MAAM,kBAAkB,CAAC,CAAC,EACpC,kBAAkB,CAAC,CAAC,CAAC,GACrB,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,kBAAkB,CAAC,CAAC;CACrD"}
|
|
1
|
+
{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../../../src/models/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,MAAM,sBAAsB,GAAG;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0KAA0K;IAC1K,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,GAAG;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAE5C,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,iBAAiB,GACnB,UAAU,GACV,YAAY,GACZ,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,oBAAoB,GACpB,aAAa,GACb,aAAa,GACb,eAAe,GACf,UAAU,GACV,WAAW,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,GAAG,MAAM,KAAK,GAAG,GAAG,MAAM,KAAK,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;KAC/B,CAAC,IAAI,MAAM,cAAc,GAAG,OAAO,CACnC,cAAc,CAAC,CAAC,CAAC,EACjB,QAAQ,CAAC,YAAY,CACrB;CACD,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,MAAM,kBAAkB,IAAI;KAClE,CAAC,IAAI,IAAI,GAAG,MAAM,kBAAkB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE;CAChE,CAAC;AAEF,MAAM,MAAM,SAAS,CACpB,IAAI,SAAS,MAAM,kBAAkB,GAAG,MAAM,kBAAkB,IAC7D;KACF,CAAC,IAAI,IAAI,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,kBAAkB,IAAI;IACrE,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACrC,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACtC,sEAAsE;IACtE,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IACrC,mGAAmG;IACnG,OAAO,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,IAAI,SAAS,MAAM,kBAAkB,IAAI;KACjE,CAAC,IAAI,IAAI,GAAG,MAAM,kBAAkB,CAAC,CAAC,EACpC,kBAAkB,CAAC,CAAC,CAAC,GACrB,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,kBAAkB,CAAC,CAAC;CACrD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Animated } from "react-native";
|
|
2
|
-
import type { Animation, AnimationConfiguration, AnimationStyle, CleanViewStyle, ElementAnimation, StaggerAnimationConfiguration } from "../models";
|
|
2
|
+
import type { Animation, AnimationConfiguration, AnimationStyle, AnimationTimelineConfiguration, CleanViewStyle, ElementAnimation, StaggerAnimationConfiguration } from "../models";
|
|
3
3
|
/** Animate styles in parallel.
|
|
4
4
|
* Example: if you define opacity and top styles, this will start the opacity animation and the top animation at the same time. */
|
|
5
5
|
export declare function animateParallel<Styles extends keyof CleanViewStyle>(styles: AnimationStyle<Styles>, config?: AnimationConfiguration): ElementAnimation<Styles>;
|
|
@@ -9,9 +9,6 @@ export declare function animateStagger<Styles extends keyof CleanViewStyle>(styl
|
|
|
9
9
|
/** This will animate the passed in styles in sequence.
|
|
10
10
|
* Example: if you define opacity and top styles, this will start the opacity animation and then start the top animation when the opacity animation finishes. */
|
|
11
11
|
export declare function animateSequence<Styles extends keyof CleanViewStyle>(styles: AnimationStyle<Styles>, config?: AnimationConfiguration): ElementAnimation<Styles>;
|
|
12
|
-
interface AnimationTimelineConfiguration {
|
|
13
|
-
[ms: number]: Array<ElementAnimation<any>>;
|
|
14
|
-
}
|
|
15
12
|
export declare function createAnimationTimeline(timeline: AnimationTimelineConfiguration): {
|
|
16
13
|
start: (callback?: Animated.EndCallback) => void;
|
|
17
14
|
reverse: (callback?: Animated.EndCallback) => void;
|
|
@@ -25,5 +22,4 @@ export declare function loopAnimation<Type extends keyof CleanViewStyle = keyof
|
|
|
25
22
|
reverse: (onFinished?: () => void) => void;
|
|
26
23
|
reset: Animated.CompositeAnimation["reset"];
|
|
27
24
|
};
|
|
28
|
-
export {};
|
|
29
25
|
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/utils/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/utils/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EACX,SAAS,EACT,sBAAsB,EACtB,cAAc,EACd,8BAA8B,EAC9B,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC7B,MAAM,WAAW,CAAC;AAyFnB;kIACkI;AAClI,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,cAAc,EAClE,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,CAAC,EAAE,sBAAsB,GAC7B,gBAAgB,CAAC,MAAM,CAAC,CAc1B;AAuBD;2IAC2I;AAC3I,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,cAAc,EACjE,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,EAAE,6BAA6B,GACnC,gBAAgB,CAAC,MAAM,CAAC,CAiB1B;AAgCD;gKACgK;AAChK,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,cAAc,EAClE,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,CAAC,EAAE,sBAAsB,GAC7B,gBAAgB,CAAC,MAAM,CAAC,CAc1B;AAED,wBAAgB,uBAAuB,CACtC,QAAQ,EAAE,8BAA8B;;;;EAoCxC;AAED,wBAAgB,aAAa,CAC5B,IAAI,SAAS,MAAM,cAAc,GAAG,MAAM,cAAc,EACvD,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC;;;;;wBAvKZ,CAAC;;EAkLvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-alignment-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-alignment-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"extract-alignment-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-alignment-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,KAAK,WAAW,GAAG;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CAC3C,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,KAAK,SAAS,SAAS,EACjE,KAAK,EAAE,KAAK,GACV,WAAW,CAOb"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { AnimationViewStyle, ViewAnimation } from "models";
|
|
2
1
|
import type { MatrixTransform, RotateTransform, RotateXTransform, RotateYTransform, RotateZTransform, ScaleTransform, ScaleXTransform, ScaleYTransform, SkewXTransform, SkewYTransform, TranslateXTransform, TranslateYTransform } from "react-native";
|
|
2
|
+
import type { AnimationViewStyle, ViewAnimation } from "../models";
|
|
3
3
|
type BaseTransformStyles = RotateTransform | RotateXTransform | RotateYTransform | RotateZTransform | ScaleTransform | ScaleXTransform | ScaleYTransform | TranslateXTransform | TranslateYTransform | SkewXTransform | SkewYTransform | MatrixTransform;
|
|
4
4
|
export declare function extractAnimationProperties<Keys extends keyof AnimationViewStyle>(props: ViewAnimation<Keys> | undefined): (ViewAnimation<Keys> & {
|
|
5
5
|
transform: BaseTransformStyles[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-animation-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-animation-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"extract-animation-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-animation-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAEnE,KAAK,mBAAmB,GACrB,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,eAAe,GACf,mBAAmB,GACnB,mBAAmB,GACnB,cAAc,GACd,cAAc,GACd,eAAe,CAAC;AAenB,wBAAgB,0BAA0B,CACzC,IAAI,SAAS,MAAM,kBAAkB,EACpC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS;eAI3B,mBAAmB,EAAE;eAoCjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-flex-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-flex-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"extract-flex-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-flex-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEtD,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,IAAI,EACvD,KAAK,EAAE,KAAK,GACV,cAAc,CAkBhB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Spacing } from "models";
|
|
2
1
|
import type { ViewStyle } from "react-native";
|
|
2
|
+
import type { Spacing } from "../models";
|
|
3
3
|
export declare function extractGapProperties<Props extends Spacing>(props: Props): {
|
|
4
4
|
gap?: ViewStyle["gap"];
|
|
5
5
|
columnGap?: ViewStyle["columnGap"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-gap-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-gap-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"extract-gap-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-gap-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,OAAO,EACzD,KAAK,EAAE,KAAK,GACV;IACF,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CAC7B,CAqBA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-position-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-position-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"extract-position-properties.d.ts","sourceRoot":"","sources":["../../../../src/utils/extract-position-properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,KAAK,WAAW,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC5B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,QAAQ,EAC/D,KAAK,EAAE,KAAK,GACV,WAAW,CAmBb"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { MarginStyles, MarginStylesBase, PaddingStyles, PaddingStylesBase } from "models";
|
|
2
1
|
import type { ViewStyle } from "react-native";
|
|
2
|
+
import type { MarginStyles, MarginStylesBase, PaddingStyles, PaddingStylesBase } from "../models";
|
|
3
3
|
export declare function normalizePaddingValues(padding: PaddingStyles): ViewStyle | PaddingStylesBase | undefined;
|
|
4
4
|
export declare function normalizeMarginValues(margin: MarginStyles): ViewStyle | MarginStylesBase | undefined;
|
|
5
5
|
//# sourceMappingURL=normalize-spacing-values.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"normalize-spacing-values.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-spacing-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"normalize-spacing-values.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-spacing-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAEX,YAAY,EACZ,gBAAgB,EAEhB,aAAa,EACb,iBAAiB,EACjB,MAAM,WAAW,CAAC;AAEnB,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,aAAa,6CAO5D;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,4CAOzD"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"Luka Buljan <luka@prototyp.digital>",
|
|
7
7
|
"Vlatko Vlahek <vlatko@prototyp.digital>"
|
|
8
8
|
],
|
|
9
|
-
"version": "1.
|
|
9
|
+
"version": "1.2.0",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"main": "./lib/commonjs/index.js",
|
|
12
12
|
"module": "./lib/module/index.js",
|
|
@@ -25,8 +25,6 @@
|
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@biomejs/biome": "2.1.0",
|
|
28
|
-
"@react-native-community/eslint-config": "3.2.0",
|
|
29
|
-
"@react-native/eslint-config": "^0.81.4",
|
|
30
28
|
"@react-native/metro-config": "^0.81.4",
|
|
31
29
|
"@tsconfig/react-native": "^3.0.0",
|
|
32
30
|
"@types/jest": "29.4.0",
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useAnimation = useAnimation;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
/** Any is a hotfix, requires more investigation */
|
|
10
|
-
|
|
11
|
-
/** @deprecated Use animateSequence, animateParallel or animateStagger shipped with 1.0.10 instead. */
|
|
12
|
-
function useAnimation(styles, configuration) {
|
|
13
|
-
const keys = Object.keys(styles).map(key => key);
|
|
14
|
-
/** Values always start at 0. These are not output values, more like indexes to output values defined in the array. */
|
|
15
|
-
const values = (0, _react.useRef)(keys.map(() => new _reactNative.Animated.Value(0))).current;
|
|
16
|
-
const animations = (0, _react.useMemo)(() => {
|
|
17
|
-
const result = {};
|
|
18
|
-
keys.forEach((key, index) => {
|
|
19
|
-
const value = values[index];
|
|
20
|
-
// We know the definition exists, otherwise we wouldn't be here.
|
|
21
|
-
const definition = styles[key];
|
|
22
|
-
const interpolation = value.interpolate({
|
|
23
|
-
inputRange: definition.map((_, i) => i),
|
|
24
|
-
outputRange: definition
|
|
25
|
-
});
|
|
26
|
-
result[key] = interpolation;
|
|
27
|
-
});
|
|
28
|
-
return result;
|
|
29
|
-
}, [styles]);
|
|
30
|
-
return {
|
|
31
|
-
values,
|
|
32
|
-
animations,
|
|
33
|
-
configuration: configuration || {
|
|
34
|
-
duration: 250
|
|
35
|
-
},
|
|
36
|
-
definitions: styles
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
//# sourceMappingURL=useAnimation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","useAnimation","styles","configuration","keys","Object","map","key","values","useRef","Animated","Value","current","animations","useMemo","result","forEach","index","value","definition","interpolation","interpolate","inputRange","_","i","outputRange","duration","definitions"],"sourceRoot":"../../../src","sources":["hooks/useAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;;AA0BA;AACO,SAASE,YAAYA,CAC3BC,MAAoC,EACpCC,aAAyC,EACjB;EACxB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACF,MAAM,CAAC,CAACI,GAAG,CAAEC,GAAG,IAAKA,GAAW,CAAC;EAC1D;EACA,MAAMC,MAAM,GAAG,IAAAC,aAAM,EAACL,IAAI,CAACE,GAAG,CAAC,MAAM,IAAII,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEpE,MAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,MAAMC,MAAmC,GAAG,CAAC,CAAC;IAE9CX,IAAI,CAACY,OAAO,CAAC,CAACT,GAAG,EAAEU,KAAK,KAAK;MAC5B,MAAMC,KAAK,GAAGV,MAAM,CAACS,KAAK,CAAC;MAC3B;MACA,MAAME,UAAU,GAAGjB,MAAM,CAACK,GAAG,CAAE;MAE/B,MAAMa,aAAa,GAAGF,KAAK,CAACG,WAAW,CAAC;QACvCC,UAAU,EAAEH,UAAU,CAACb,GAAG,CAAC,CAACiB,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;QACvCC,WAAW,EAAEN;MACd,CAAC,CAAC;MAEFJ,MAAM,CAACR,GAAG,CAAC,GAAGa,aAAa;IAC5B,CAAC,CAAC;IAEF,OAAOL,MAAM;EACd,CAAC,EAAE,CAACb,MAAM,CAAC,CAAC;EAEZ,OAAO;IACNM,MAAM;IACNK,UAAU;IACVV,aAAa,EAAEA,aAAa,IAAI;MAAEuB,QAAQ,EAAE;IAAI,CAAC;IACjDC,WAAW,EAAEzB;EACd,CAAC;AACF","ignoreList":[]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { useMemo, useRef } from "react";
|
|
4
|
-
import { Animated } from "react-native";
|
|
5
|
-
|
|
6
|
-
/** Any is a hotfix, requires more investigation */
|
|
7
|
-
|
|
8
|
-
/** @deprecated Use animateSequence, animateParallel or animateStagger shipped with 1.0.10 instead. */
|
|
9
|
-
export function useAnimation(styles, configuration) {
|
|
10
|
-
const keys = Object.keys(styles).map(key => key);
|
|
11
|
-
/** Values always start at 0. These are not output values, more like indexes to output values defined in the array. */
|
|
12
|
-
const values = useRef(keys.map(() => new Animated.Value(0))).current;
|
|
13
|
-
const animations = useMemo(() => {
|
|
14
|
-
const result = {};
|
|
15
|
-
keys.forEach((key, index) => {
|
|
16
|
-
const value = values[index];
|
|
17
|
-
// We know the definition exists, otherwise we wouldn't be here.
|
|
18
|
-
const definition = styles[key];
|
|
19
|
-
const interpolation = value.interpolate({
|
|
20
|
-
inputRange: definition.map((_, i) => i),
|
|
21
|
-
outputRange: definition
|
|
22
|
-
});
|
|
23
|
-
result[key] = interpolation;
|
|
24
|
-
});
|
|
25
|
-
return result;
|
|
26
|
-
}, [styles]);
|
|
27
|
-
return {
|
|
28
|
-
values,
|
|
29
|
-
animations,
|
|
30
|
-
configuration: configuration || {
|
|
31
|
-
duration: 250
|
|
32
|
-
},
|
|
33
|
-
definitions: styles
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=useAnimation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useRef","Animated","useAnimation","styles","configuration","keys","Object","map","key","values","Value","current","animations","result","forEach","index","value","definition","interpolation","interpolate","inputRange","_","i","outputRange","duration","definitions"],"sourceRoot":"../../../src","sources":["hooks/useAnimation.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAwB,cAAc;;AAEvD;;AA0BA;AACA,OAAO,SAASC,YAAYA,CAC3BC,MAAoC,EACpCC,aAAyC,EACjB;EACxB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACF,MAAM,CAAC,CAACI,GAAG,CAAEC,GAAG,IAAKA,GAAW,CAAC;EAC1D;EACA,MAAMC,MAAM,GAAGT,MAAM,CAACK,IAAI,CAACE,GAAG,CAAC,MAAM,IAAIN,QAAQ,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEpE,MAAMC,UAAU,GAAGb,OAAO,CAAC,MAAM;IAChC,MAAMc,MAAmC,GAAG,CAAC,CAAC;IAE9CR,IAAI,CAACS,OAAO,CAAC,CAACN,GAAG,EAAEO,KAAK,KAAK;MAC5B,MAAMC,KAAK,GAAGP,MAAM,CAACM,KAAK,CAAC;MAC3B;MACA,MAAME,UAAU,GAAGd,MAAM,CAACK,GAAG,CAAE;MAE/B,MAAMU,aAAa,GAAGF,KAAK,CAACG,WAAW,CAAC;QACvCC,UAAU,EAAEH,UAAU,CAACV,GAAG,CAAC,CAACc,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC;QACvCC,WAAW,EAAEN;MACd,CAAC,CAAC;MAEFJ,MAAM,CAACL,GAAG,CAAC,GAAGU,aAAa;IAC5B,CAAC,CAAC;IAEF,OAAOL,MAAM;EACd,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,OAAO;IACNM,MAAM;IACNG,UAAU;IACVR,aAAa,EAAEA,aAAa,IAAI;MAAEoB,QAAQ,EAAE;IAAI,CAAC;IACjDC,WAAW,EAAEtB;EACd,CAAC;AACF","ignoreList":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Animated, type ViewStyle } from "react-native";
|
|
2
|
-
/** Any is a hotfix, requires more investigation */
|
|
3
|
-
export type UseAnimation<Keys extends keyof Partial<ViewStyle>> = Record<Keys, Animated.AnimatedInterpolation<string | number> | any>;
|
|
4
|
-
type UseAnimationDefinition<Keys extends keyof Partial<ViewStyle>> = Record<Keys, number[] | string[]>;
|
|
5
|
-
interface UseAnimationConfiguration {
|
|
6
|
-
/** In miliseconds */
|
|
7
|
-
duration: number;
|
|
8
|
-
/** Loop will disable native driver because it breaks the loop animation (at least it did last time I tested in 2020.) */
|
|
9
|
-
loop?: boolean;
|
|
10
|
-
useNativeDriver?: boolean;
|
|
11
|
-
}
|
|
12
|
-
interface UseAnimationSet<Keys extends keyof Partial<ViewStyle>> {
|
|
13
|
-
values: Animated.Value[];
|
|
14
|
-
definitions: UseAnimationDefinition<Keys>;
|
|
15
|
-
animations: UseAnimation<Keys>;
|
|
16
|
-
configuration: UseAnimationConfiguration;
|
|
17
|
-
}
|
|
18
|
-
/** @deprecated Use animateSequence, animateParallel or animateStagger shipped with 1.0.10 instead. */
|
|
19
|
-
export declare function useAnimation<Keys extends keyof Partial<ViewStyle>>(styles: UseAnimationDefinition<Keys>, configuration?: UseAnimationConfiguration): UseAnimationSet<Keys>;
|
|
20
|
-
export {};
|
|
21
|
-
//# sourceMappingURL=useAnimation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,YAAY,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CACvE,IAAI,EACJ,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CACrD,CAAC;AAEF,KAAK,sBAAsB,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAC1E,IAAI,EACJ,MAAM,EAAE,GAAG,MAAM,EAAE,CACnB,CAAC;AAEF,UAAU,yBAAyB;IAClC,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,yHAAyH;IACzH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,eAAe,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC;IAC9D,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACzB,WAAW,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC/B,aAAa,EAAE,yBAAyB,CAAC;CACzC;AAED,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,EACjE,MAAM,EAAE,sBAAsB,CAAC,IAAI,CAAC,EACpC,aAAa,CAAC,EAAE,yBAAyB,GACvC,eAAe,CAAC,IAAI,CAAC,CA8BvB"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Animated, type ViewStyle } from "react-native";
|
|
2
|
-
/** Any is a hotfix, requires more investigation */
|
|
3
|
-
export type UseAnimation<Keys extends keyof Partial<ViewStyle>> = Record<Keys, Animated.AnimatedInterpolation<string | number> | any>;
|
|
4
|
-
type UseAnimationDefinition<Keys extends keyof Partial<ViewStyle>> = Record<Keys, number[] | string[]>;
|
|
5
|
-
interface UseAnimationConfiguration {
|
|
6
|
-
/** In miliseconds */
|
|
7
|
-
duration: number;
|
|
8
|
-
/** Loop will disable native driver because it breaks the loop animation (at least it did last time I tested in 2020.) */
|
|
9
|
-
loop?: boolean;
|
|
10
|
-
useNativeDriver?: boolean;
|
|
11
|
-
}
|
|
12
|
-
interface UseAnimationSet<Keys extends keyof Partial<ViewStyle>> {
|
|
13
|
-
values: Animated.Value[];
|
|
14
|
-
definitions: UseAnimationDefinition<Keys>;
|
|
15
|
-
animations: UseAnimation<Keys>;
|
|
16
|
-
configuration: UseAnimationConfiguration;
|
|
17
|
-
}
|
|
18
|
-
/** @deprecated Use animateSequence, animateParallel or animateStagger shipped with 1.0.10 instead. */
|
|
19
|
-
export declare function useAnimation<Keys extends keyof Partial<ViewStyle>>(styles: UseAnimationDefinition<Keys>, configuration?: UseAnimationConfiguration): UseAnimationSet<Keys>;
|
|
20
|
-
export {};
|
|
21
|
-
//# sourceMappingURL=useAnimation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,YAAY,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CACvE,IAAI,EACJ,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CACrD,CAAC;AAEF,KAAK,sBAAsB,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAC1E,IAAI,EACJ,MAAM,EAAE,GAAG,MAAM,EAAE,CACnB,CAAC;AAEF,UAAU,yBAAyB;IAClC,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,yHAAyH;IACzH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,eAAe,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC;IAC9D,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IACzB,WAAW,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC/B,aAAa,EAAE,yBAAyB,CAAC;CACzC;AAED,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,SAAS,CAAC,EACjE,MAAM,EAAE,sBAAsB,CAAC,IAAI,CAAC,EACpC,aAAa,CAAC,EAAE,yBAAyB,GACvC,eAAe,CAAC,IAAI,CAAC,CA8BvB"}
|