@prototyp/skeletor 1.1.6 → 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 +5 -4
- package/lib/commonjs/components/Block/Block.js.map +1 -1
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js +14 -1
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/commonjs/components/Screen/Screen.js +13 -11
- package/lib/commonjs/components/Screen/Screen.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/skeleform/package.json +51 -46
- package/lib/commonjs/hooks/skeleform/src/index.js.map +1 -1
- package/lib/commonjs/hooks/skeleform/tsconfig.json +12 -12
- 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/commonjs/utils/index.js +11 -0
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/commonjs/utils/is-color-value.js +16 -0
- package/lib/commonjs/utils/is-color-value.js.map +1 -0
- package/lib/module/components/Block/Block.js +6 -5
- package/lib/module/components/Block/Block.js.map +1 -1
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js +15 -2
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/module/components/Screen/Screen.js +8 -6
- package/lib/module/components/Screen/Screen.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/skeleform/package.json +51 -46
- package/lib/module/hooks/skeleform/src/index.js.map +1 -1
- package/lib/module/hooks/skeleform/tsconfig.json +12 -12
- 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/module/utils/index.js +1 -0
- package/lib/module/utils/index.js.map +1 -1
- package/lib/module/utils/is-color-value.js +11 -0
- package/lib/module/utils/is-color-value.js.map +1 -0
- package/lib/typescript/commonjs/components/Block/Block.d.ts +2 -2
- package/lib/typescript/commonjs/components/Block/Block.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts +2 -0
- package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Screen/Screen.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/skeleform/src/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/index.d.ts +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/is-color-value.d.ts +3 -0
- package/lib/typescript/commonjs/utils/is-color-value.d.ts.map +1 -0
- 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 +2 -2
- package/lib/typescript/module/components/Block/Block.d.ts.map +1 -1
- package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts +2 -0
- package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
- package/lib/typescript/module/components/Screen/Screen.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/skeleform/src/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/index.d.ts +1 -0
- package/lib/typescript/module/utils/index.d.ts.map +1 -1
- package/lib/typescript/module/utils/is-color-value.d.ts +3 -0
- package/lib/typescript/module/utils/is-color-value.d.ts.map +1 -0
- 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 +3 -4
- 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
|
@@ -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"}
|
|
@@ -5,5 +5,6 @@ export * from "./extract-flex-properties";
|
|
|
5
5
|
export * from "./extract-gap-properties";
|
|
6
6
|
export * from "./extract-position-properties";
|
|
7
7
|
export * from "./extract-size-properties";
|
|
8
|
+
export * from "./is-color-value";
|
|
8
9
|
export * from "./normalize-spacing-values";
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"is-color-value.d.ts","sourceRoot":"","sources":["../../../../src/utils/is-color-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAkC,MAAM,cAAc,CAAC;AAE/E,eAAO,MAAM,YAAY,GACxB,OAAO,KAAK,CAAC,SAAS,GAAG,UAAU,KACjC,KAAK,IAAI,UAOX,CAAC"}
|
|
@@ -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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { type PropsWithChildren } from "react";
|
|
2
|
-
import { type ScrollViewProps, type ViewProps, type ViewStyle } from "react-native";
|
|
2
|
+
import { type ColorValue, type ScrollViewProps, type ViewProps, type ViewStyle } from "react-native";
|
|
3
3
|
import type { Alignment, Animations, Border, Flex, Position, Size, Spacing } from "../../models";
|
|
4
4
|
type SkeletorProps = Alignment & Spacing & Size & Border & Flex & Position & Animations;
|
|
5
5
|
type SharedProps = SkeletorProps & {
|
|
6
|
-
background?: React.ReactNode |
|
|
6
|
+
background?: React.ReactNode | ColorValue;
|
|
7
7
|
opacity?: ViewStyle["opacity"];
|
|
8
8
|
};
|
|
9
9
|
export type BlockScrollViewProps = SharedProps & ViewProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEN,KAAK,UAAU,EAEf,KAAK,eAAe,EAEpB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACX,SAAS,EACT,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,cAAc,CAAC;AAatB,KAAK,aAAa,GAAG,SAAS,GAC7B,OAAO,GACP,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,QAAQ,GACR,UAAU,CAAC;AAEZ,KAAK,WAAW,GAAG,aAAa,GAAG;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC7C,SAAS,GAAG;IACX,UAAU,EAAE,IAAI,CAAC;IACjB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,WAAW,GACvC,SAAS,GAAG;IACX,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,oBAAoB,GAAG,cAAc,CAAC;AAoE/D;;;;;sFAKsF;AACtF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CA0DzD,CAAC"}
|
|
@@ -9,6 +9,8 @@ export interface InputFocusScrollViewProps extends Omit<ScrollViewProps, "childr
|
|
|
9
9
|
/**
|
|
10
10
|
* This scroll view will automatically scroll to an active input field rendered within it, provided you attach the `onInputFocus` callback to the input onFocus prop.
|
|
11
11
|
*
|
|
12
|
+
* IMPORTANT: This component is intended to be the wrapper for the full screen where it's being used. You need to wrap everything in it, else its behavior might become unpredictable. Make sure it's vertical offset is 0.
|
|
13
|
+
*
|
|
12
14
|
* The return value is a lambda component, returning a callback which you attach to input fields rendered within it.
|
|
13
15
|
* @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
|
|
14
16
|
* NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputFocusScrollView/InputFocusScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,EAIN,KAAK,oBAAoB,EAGzB,KAAK,eAAe,EAEpB,KAAK,aAAa,EAClB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputFocusScrollView/InputFocusScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,EAIN,KAAK,oBAAoB,EAGzB,KAAK,eAAe,EAEpB,KAAK,aAAa,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,yBAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACxC,OAAO;IACR,4LAA4L;IAC5L,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CACT,YAAY,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,KAC1D,KAAK,CAAC,SAAS,CAAC;CACrB;AAID;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsHpE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,QAAQ,GAAG;IACf,2HAA2H;IAC3H,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAoD3D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEN,KAAK,SAAS,IAAI,WAAW,EAE7B,KAAK,SAAS,EACd,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEN,KAAK,SAAS,IAAI,WAAW,EAE7B,KAAK,SAAS,EACd,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAW9E,UAAU,QAAS,SAAQ,WAAW;IACrC;8DAC0D;IAC1D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,oGAAoG;IACpG,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,MAAM,MAAM,SAAS,GAAG,QAAQ,GAC/B,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,UAAU,CAAC;AAEZ;0DAC0D;AAC1D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CA4EvD,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
export * from "./skeleform/src/index";
|
|
2
2
|
export * from "./useAndroidBackHandler";
|
|
3
|
-
export * from "./
|
|
3
|
+
export * from "./useAnimateParallel";
|
|
4
|
+
export * from "./useAnimateSequence";
|
|
5
|
+
export * from "./useAnimateStagger";
|
|
4
6
|
export * from "./useAnimationTimeline";
|
|
5
7
|
export * from "./useAppState";
|
|
8
|
+
export * from "./useLoopAnimation";
|
|
6
9
|
export * from "./useSkeletor";
|
|
7
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/skeleform/src/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO;CAAE,CAAC;AAClE,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/skeleform/src/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO;CAAE,CAAC;AAClE,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAChB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EACX,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,OAAO,KACb,OAAO,GAAG,SAAS;CACxB,CAAC;AAEF,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC3B,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1B,2UAA2U;IAC3U,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;;;aA2BnD,CAAC,SAAS,MAAM,CAAC,OAC3B,CAAC,SACC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACF,OAAO;eASP,CAAC,SAAS,MAAM,CAAC,OAAO,CAAC;;;;;;;;EAgF3C;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;4BAE7C,CAAC,CAAC,MAAM,CAAC,CAAC,KACf,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;qBA2B/C,CAAC,SAAS,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,CAAC,CAAC;sBANnD,MAAM,CAAC;2BAiBgB,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,CAAC,CAAC;6BAgB1C,MAAM,CAAC,CAAC,CAAC;;;;EAwBzC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { AnimationConfiguration, AnimationStyle, CleanViewStyle, ElementAnimation } from "../models";
|
|
2
|
+
export declare const useAnimateParallel: <Styles extends keyof CleanViewStyle>(styles: AnimationStyle<Styles>, config?: AnimationConfiguration) => ElementAnimation<Styles>;
|
|
3
|
+
//# sourceMappingURL=useAnimateParallel.d.ts.map
|
|
@@ -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"}
|
|
@@ -5,5 +5,6 @@ export * from "./extract-flex-properties";
|
|
|
5
5
|
export * from "./extract-gap-properties";
|
|
6
6
|
export * from "./extract-position-properties";
|
|
7
7
|
export * from "./extract-size-properties";
|
|
8
|
+
export * from "./is-color-value";
|
|
8
9
|
export * from "./normalize-spacing-values";
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"is-color-value.d.ts","sourceRoot":"","sources":["../../../../src/utils/is-color-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAkC,MAAM,cAAc,CAAC;AAE/E,eAAO,MAAM,YAAY,GACxB,OAAO,KAAK,CAAC,SAAS,GAAG,UAAU,KACjC,KAAK,IAAI,UAOX,CAAC"}
|
|
@@ -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",
|
|
@@ -21,16 +21,15 @@
|
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
23
23
|
"prepack": "bob build",
|
|
24
|
-
"prepare": "bob build"
|
|
24
|
+
"prepare": "bob build && husky"
|
|
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",
|
|
33
31
|
"@types/react": "^19.1.0",
|
|
32
|
+
"husky": "^9.1.7",
|
|
34
33
|
"jest": "29.4.2",
|
|
35
34
|
"react": "^19.1.0",
|
|
36
35
|
"react-native": "^0.81.4",
|
|
@@ -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":[]}
|