@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.
Files changed (146) hide show
  1. package/README.md +71 -16
  2. package/lib/commonjs/components/Block/Block.js +5 -4
  3. package/lib/commonjs/components/Block/Block.js.map +1 -1
  4. package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js +14 -1
  5. package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
  6. package/lib/commonjs/components/Screen/Screen.js +13 -11
  7. package/lib/commonjs/components/Screen/Screen.js.map +1 -1
  8. package/lib/commonjs/components/Text/Text.js.map +1 -1
  9. package/lib/commonjs/hooks/index.js +37 -4
  10. package/lib/commonjs/hooks/index.js.map +1 -1
  11. package/lib/commonjs/hooks/skeleform/package.json +51 -46
  12. package/lib/commonjs/hooks/skeleform/src/index.js.map +1 -1
  13. package/lib/commonjs/hooks/skeleform/tsconfig.json +12 -12
  14. package/lib/commonjs/hooks/useAnimateParallel.js +13 -0
  15. package/lib/commonjs/hooks/useAnimateParallel.js.map +1 -0
  16. package/lib/commonjs/hooks/useAnimateSequence.js +13 -0
  17. package/lib/commonjs/hooks/useAnimateSequence.js.map +1 -0
  18. package/lib/commonjs/hooks/useAnimateStagger.js +13 -0
  19. package/lib/commonjs/hooks/useAnimateStagger.js.map +1 -0
  20. package/lib/commonjs/hooks/useAnimationTimeline.js +6 -99
  21. package/lib/commonjs/hooks/useAnimationTimeline.js.map +1 -1
  22. package/lib/commonjs/hooks/useLoopAnimation.js +13 -0
  23. package/lib/commonjs/hooks/useLoopAnimation.js.map +1 -0
  24. package/lib/commonjs/hooks/useSkeletor.js.map +1 -1
  25. package/lib/commonjs/utils/animations.js.map +1 -1
  26. package/lib/commonjs/utils/extract-alignment-properties.js.map +1 -1
  27. package/lib/commonjs/utils/index.js +11 -0
  28. package/lib/commonjs/utils/index.js.map +1 -1
  29. package/lib/commonjs/utils/is-color-value.js +16 -0
  30. package/lib/commonjs/utils/is-color-value.js.map +1 -0
  31. package/lib/module/components/Block/Block.js +6 -5
  32. package/lib/module/components/Block/Block.js.map +1 -1
  33. package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js +15 -2
  34. package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
  35. package/lib/module/components/Screen/Screen.js +8 -6
  36. package/lib/module/components/Screen/Screen.js.map +1 -1
  37. package/lib/module/components/Text/Text.js.map +1 -1
  38. package/lib/module/hooks/index.js +4 -1
  39. package/lib/module/hooks/index.js.map +1 -1
  40. package/lib/module/hooks/skeleform/package.json +51 -46
  41. package/lib/module/hooks/skeleform/src/index.js.map +1 -1
  42. package/lib/module/hooks/skeleform/tsconfig.json +12 -12
  43. package/lib/module/hooks/useAnimateParallel.js +8 -0
  44. package/lib/module/hooks/useAnimateParallel.js.map +1 -0
  45. package/lib/module/hooks/useAnimateSequence.js +8 -0
  46. package/lib/module/hooks/useAnimateSequence.js.map +1 -0
  47. package/lib/module/hooks/useAnimateStagger.js +8 -0
  48. package/lib/module/hooks/useAnimateStagger.js.map +1 -0
  49. package/lib/module/hooks/useAnimationTimeline.js +5 -99
  50. package/lib/module/hooks/useAnimationTimeline.js.map +1 -1
  51. package/lib/module/hooks/useLoopAnimation.js +8 -0
  52. package/lib/module/hooks/useLoopAnimation.js.map +1 -0
  53. package/lib/module/hooks/useSkeletor.js.map +1 -1
  54. package/lib/module/utils/animations.js.map +1 -1
  55. package/lib/module/utils/extract-alignment-properties.js.map +1 -1
  56. package/lib/module/utils/index.js +1 -0
  57. package/lib/module/utils/index.js.map +1 -1
  58. package/lib/module/utils/is-color-value.js +11 -0
  59. package/lib/module/utils/is-color-value.js.map +1 -0
  60. package/lib/typescript/commonjs/components/Block/Block.d.ts +2 -2
  61. package/lib/typescript/commonjs/components/Block/Block.d.ts.map +1 -1
  62. package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts +2 -0
  63. package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
  64. package/lib/typescript/commonjs/components/Screen/Screen.d.ts.map +1 -1
  65. package/lib/typescript/commonjs/components/Text/Text.d.ts.map +1 -1
  66. package/lib/typescript/commonjs/hooks/index.d.ts +4 -1
  67. package/lib/typescript/commonjs/hooks/index.d.ts.map +1 -1
  68. package/lib/typescript/commonjs/hooks/skeleform/src/index.d.ts.map +1 -1
  69. package/lib/typescript/commonjs/hooks/useAnimateParallel.d.ts +3 -0
  70. package/lib/typescript/commonjs/hooks/useAnimateParallel.d.ts.map +1 -0
  71. package/lib/typescript/commonjs/hooks/useAnimateSequence.d.ts +3 -0
  72. package/lib/typescript/commonjs/hooks/useAnimateSequence.d.ts.map +1 -0
  73. package/lib/typescript/commonjs/hooks/useAnimateStagger.d.ts +3 -0
  74. package/lib/typescript/commonjs/hooks/useAnimateStagger.d.ts.map +1 -0
  75. package/lib/typescript/commonjs/hooks/useAnimationTimeline.d.ts +5 -32
  76. package/lib/typescript/commonjs/hooks/useAnimationTimeline.d.ts.map +1 -1
  77. package/lib/typescript/commonjs/hooks/useLoopAnimation.d.ts +10 -0
  78. package/lib/typescript/commonjs/hooks/useLoopAnimation.d.ts.map +1 -0
  79. package/lib/typescript/commonjs/hooks/useSkeletor.d.ts.map +1 -1
  80. package/lib/typescript/commonjs/models/Animation.d.ts +3 -0
  81. package/lib/typescript/commonjs/models/Animation.d.ts.map +1 -1
  82. package/lib/typescript/commonjs/utils/animations.d.ts +1 -5
  83. package/lib/typescript/commonjs/utils/animations.d.ts.map +1 -1
  84. package/lib/typescript/commonjs/utils/extract-alignment-properties.d.ts.map +1 -1
  85. package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts +1 -1
  86. package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts.map +1 -1
  87. package/lib/typescript/commonjs/utils/extract-flex-properties.d.ts +1 -1
  88. package/lib/typescript/commonjs/utils/extract-flex-properties.d.ts.map +1 -1
  89. package/lib/typescript/commonjs/utils/extract-gap-properties.d.ts +1 -1
  90. package/lib/typescript/commonjs/utils/extract-gap-properties.d.ts.map +1 -1
  91. package/lib/typescript/commonjs/utils/extract-position-properties.d.ts +1 -1
  92. package/lib/typescript/commonjs/utils/extract-position-properties.d.ts.map +1 -1
  93. package/lib/typescript/commonjs/utils/index.d.ts +1 -0
  94. package/lib/typescript/commonjs/utils/index.d.ts.map +1 -1
  95. package/lib/typescript/commonjs/utils/is-color-value.d.ts +3 -0
  96. package/lib/typescript/commonjs/utils/is-color-value.d.ts.map +1 -0
  97. package/lib/typescript/commonjs/utils/normalize-spacing-values.d.ts +1 -1
  98. package/lib/typescript/commonjs/utils/normalize-spacing-values.d.ts.map +1 -1
  99. package/lib/typescript/module/components/Block/Block.d.ts +2 -2
  100. package/lib/typescript/module/components/Block/Block.d.ts.map +1 -1
  101. package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts +2 -0
  102. package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
  103. package/lib/typescript/module/components/Screen/Screen.d.ts.map +1 -1
  104. package/lib/typescript/module/components/Text/Text.d.ts.map +1 -1
  105. package/lib/typescript/module/hooks/index.d.ts +4 -1
  106. package/lib/typescript/module/hooks/index.d.ts.map +1 -1
  107. package/lib/typescript/module/hooks/skeleform/src/index.d.ts.map +1 -1
  108. package/lib/typescript/module/hooks/useAnimateParallel.d.ts +3 -0
  109. package/lib/typescript/module/hooks/useAnimateParallel.d.ts.map +1 -0
  110. package/lib/typescript/module/hooks/useAnimateSequence.d.ts +3 -0
  111. package/lib/typescript/module/hooks/useAnimateSequence.d.ts.map +1 -0
  112. package/lib/typescript/module/hooks/useAnimateStagger.d.ts +3 -0
  113. package/lib/typescript/module/hooks/useAnimateStagger.d.ts.map +1 -0
  114. package/lib/typescript/module/hooks/useAnimationTimeline.d.ts +5 -32
  115. package/lib/typescript/module/hooks/useAnimationTimeline.d.ts.map +1 -1
  116. package/lib/typescript/module/hooks/useLoopAnimation.d.ts +10 -0
  117. package/lib/typescript/module/hooks/useLoopAnimation.d.ts.map +1 -0
  118. package/lib/typescript/module/hooks/useSkeletor.d.ts.map +1 -1
  119. package/lib/typescript/module/models/Animation.d.ts +3 -0
  120. package/lib/typescript/module/models/Animation.d.ts.map +1 -1
  121. package/lib/typescript/module/utils/animations.d.ts +1 -5
  122. package/lib/typescript/module/utils/animations.d.ts.map +1 -1
  123. package/lib/typescript/module/utils/extract-alignment-properties.d.ts.map +1 -1
  124. package/lib/typescript/module/utils/extract-animation-properties.d.ts +1 -1
  125. package/lib/typescript/module/utils/extract-animation-properties.d.ts.map +1 -1
  126. package/lib/typescript/module/utils/extract-flex-properties.d.ts +1 -1
  127. package/lib/typescript/module/utils/extract-flex-properties.d.ts.map +1 -1
  128. package/lib/typescript/module/utils/extract-gap-properties.d.ts +1 -1
  129. package/lib/typescript/module/utils/extract-gap-properties.d.ts.map +1 -1
  130. package/lib/typescript/module/utils/extract-position-properties.d.ts +1 -1
  131. package/lib/typescript/module/utils/extract-position-properties.d.ts.map +1 -1
  132. package/lib/typescript/module/utils/index.d.ts +1 -0
  133. package/lib/typescript/module/utils/index.d.ts.map +1 -1
  134. package/lib/typescript/module/utils/is-color-value.d.ts +3 -0
  135. package/lib/typescript/module/utils/is-color-value.d.ts.map +1 -0
  136. package/lib/typescript/module/utils/normalize-spacing-values.d.ts +1 -1
  137. package/lib/typescript/module/utils/normalize-spacing-values.d.ts.map +1 -1
  138. package/package.json +3 -4
  139. package/lib/commonjs/hooks/useAnimation.js +0 -39
  140. package/lib/commonjs/hooks/useAnimation.js.map +0 -1
  141. package/lib/module/hooks/useAnimation.js +0 -36
  142. package/lib/module/hooks/useAnimation.js.map +0 -1
  143. package/lib/typescript/commonjs/hooks/useAnimation.d.ts +0 -21
  144. package/lib/typescript/commonjs/hooks/useAnimation.d.ts.map +0 -1
  145. package/lib/typescript/module/hooks/useAnimation.d.ts +0 -21
  146. 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"}