@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
|
@@ -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"}
|