@prototyp/skeletor 1.2.0 → 1.3.0-beta0
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/lib/commonjs/components/Block/Block.js +9 -28
- package/lib/commonjs/components/Block/Block.js.map +1 -1
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js +8 -6
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/commonjs/components/Text/Text.js +5 -15
- package/lib/commonjs/components/Text/Text.js.map +1 -1
- package/lib/commonjs/hooks/skeleform/src/index.js +3 -5
- package/lib/commonjs/hooks/skeleform/src/index.js.map +1 -1
- package/lib/commonjs/testing/TestingPlayground.js +16 -0
- package/lib/commonjs/testing/TestingPlayground.js.map +1 -0
- package/lib/commonjs/utils/animations.js +10 -10
- package/lib/commonjs/utils/animations.js.map +1 -1
- package/lib/commonjs/utils/extract-animation-properties.js +63 -42
- package/lib/commonjs/utils/extract-animation-properties.js.map +1 -1
- package/lib/commonjs/utils/extract-skeletor-style-properties.js +38 -0
- package/lib/commonjs/utils/extract-skeletor-style-properties.js.map +1 -0
- package/lib/commonjs/utils/index.js +22 -0
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/commonjs/utils/is-color-value.js +16 -3
- package/lib/commonjs/utils/is-color-value.js.map +1 -1
- package/lib/commonjs/utils/memoize-styles.js +49 -0
- package/lib/commonjs/utils/memoize-styles.js.map +1 -0
- package/lib/module/components/Block/Block.js +11 -29
- package/lib/module/components/Block/Block.js.map +1 -1
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js +10 -8
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/module/components/Text/Text.js +7 -17
- package/lib/module/components/Text/Text.js.map +1 -1
- package/lib/module/hooks/skeleform/src/index.js +3 -5
- package/lib/module/hooks/skeleform/src/index.js.map +1 -1
- package/lib/module/testing/TestingPlayground.js +16 -0
- package/lib/module/testing/TestingPlayground.js.map +1 -0
- package/lib/module/utils/animations.js +10 -10
- package/lib/module/utils/animations.js.map +1 -1
- package/lib/module/utils/extract-animation-properties.js +63 -42
- package/lib/module/utils/extract-animation-properties.js.map +1 -1
- package/lib/module/utils/extract-skeletor-style-properties.js +34 -0
- package/lib/module/utils/extract-skeletor-style-properties.js.map +1 -0
- package/lib/module/utils/index.js +2 -0
- package/lib/module/utils/index.js.map +1 -1
- package/lib/module/utils/is-color-value.js +16 -3
- package/lib/module/utils/is-color-value.js.map +1 -1
- package/lib/module/utils/memoize-styles.js +45 -0
- package/lib/module/utils/memoize-styles.js.map +1 -0
- package/lib/typescript/commonjs/components/Block/Block.d.ts +2 -1
- package/lib/typescript/commonjs/components/Block/Block.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Text/Text.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/skeleform/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useAnimateParallel.d.ts +2 -2
- package/lib/typescript/commonjs/hooks/useAnimateParallel.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useAnimateSequence.d.ts +2 -2
- package/lib/typescript/commonjs/hooks/useAnimateSequence.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useAnimateStagger.d.ts +2 -2
- package/lib/typescript/commonjs/hooks/useAnimateStagger.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useLoopAnimation.d.ts +3 -3
- package/lib/typescript/commonjs/hooks/useLoopAnimation.d.ts.map +1 -1
- package/lib/typescript/commonjs/models/Animation.d.ts +23 -21
- package/lib/typescript/commonjs/models/Animation.d.ts.map +1 -1
- package/lib/typescript/commonjs/testing/TestingPlayground.d.ts +2 -0
- package/lib/typescript/commonjs/testing/TestingPlayground.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/animations.d.ts +6 -6
- package/lib/typescript/commonjs/utils/animations.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts +5 -5
- package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/extract-skeletor-style-properties.d.ts +6 -0
- package/lib/typescript/commonjs/utils/extract-skeletor-style-properties.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts +2 -0
- package/lib/typescript/commonjs/utils/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/is-color-value.d.ts +10 -2
- package/lib/typescript/commonjs/utils/is-color-value.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/memoize-styles.d.ts +6 -0
- package/lib/typescript/commonjs/utils/memoize-styles.d.ts.map +1 -0
- package/lib/typescript/module/components/Block/Block.d.ts +2 -1
- package/lib/typescript/module/components/Block/Block.d.ts.map +1 -1
- package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -1
- package/lib/typescript/module/components/Text/Text.d.ts.map +1 -1
- package/lib/typescript/module/hooks/skeleform/src/index.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useAnimateParallel.d.ts +2 -2
- package/lib/typescript/module/hooks/useAnimateParallel.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useAnimateSequence.d.ts +2 -2
- package/lib/typescript/module/hooks/useAnimateSequence.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useAnimateStagger.d.ts +2 -2
- package/lib/typescript/module/hooks/useAnimateStagger.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useLoopAnimation.d.ts +3 -3
- package/lib/typescript/module/hooks/useLoopAnimation.d.ts.map +1 -1
- package/lib/typescript/module/models/Animation.d.ts +23 -21
- package/lib/typescript/module/models/Animation.d.ts.map +1 -1
- package/lib/typescript/module/testing/TestingPlayground.d.ts +2 -0
- package/lib/typescript/module/testing/TestingPlayground.d.ts.map +1 -0
- package/lib/typescript/module/utils/animations.d.ts +6 -6
- package/lib/typescript/module/utils/animations.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-animation-properties.d.ts +5 -5
- package/lib/typescript/module/utils/extract-animation-properties.d.ts.map +1 -1
- package/lib/typescript/module/utils/extract-skeletor-style-properties.d.ts +6 -0
- package/lib/typescript/module/utils/extract-skeletor-style-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/index.d.ts +2 -0
- package/lib/typescript/module/utils/index.d.ts.map +1 -1
- package/lib/typescript/module/utils/is-color-value.d.ts +10 -2
- package/lib/typescript/module/utils/is-color-value.d.ts.map +1 -1
- package/lib/typescript/module/utils/memoize-styles.d.ts +6 -0
- package/lib/typescript/module/utils/memoize-styles.d.ts.map +1 -0
- package/package.json +2 -2
|
@@ -4,12 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isColorValue = void 0;
|
|
7
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Checks if a value is a valid React Native color.
|
|
9
|
+
* Supports:
|
|
10
|
+
* - strings (hex, color names)
|
|
11
|
+
* - numbers (RN numeric colors)
|
|
12
|
+
* - PlatformColor objects
|
|
13
|
+
* - DynamicColorIOS objects
|
|
14
|
+
*/
|
|
8
15
|
const isColorValue = value => {
|
|
9
|
-
if (typeof value === "string" || typeof value === "number")
|
|
10
|
-
if (value instanceof _reactNative.PlatformColor || value instanceof _reactNative.DynamicColorIOS) {
|
|
16
|
+
if (typeof value === "string" || typeof value === "number") {
|
|
11
17
|
return true;
|
|
12
18
|
}
|
|
19
|
+
if (typeof value === "object" && value !== null) {
|
|
20
|
+
// PlatformColor (iOS/Android system colors)
|
|
21
|
+
if ("__PlatformColor__" in value) return true;
|
|
22
|
+
|
|
23
|
+
// DynamicColorIOS (iOS dynamic colors)
|
|
24
|
+
if ("__DynamicColor__" in value) return true;
|
|
25
|
+
}
|
|
13
26
|
return false;
|
|
14
27
|
};
|
|
15
28
|
exports.isColorValue = isColorValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["isColorValue","value","exports"],"sourceRoot":"../../../src","sources":["utils/is-color-value.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,GAAIC,KAAc,IAA0B;EACpE,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3D,OAAO,IAAI;EACZ;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChD;IACA,IAAI,mBAAmB,IAAIA,KAAK,EAAE,OAAO,IAAI;;IAE7C;IACA,IAAI,kBAAkB,IAAIA,KAAK,EAAE,OAAO,IAAI;EAC7C;EAEA,OAAO,KAAK;AACb,CAAC;AAACC,OAAA,CAAAF,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.memoizeStyle = memoizeStyle;
|
|
7
|
+
// utils/memoize-styles.ts
|
|
8
|
+
|
|
9
|
+
// biome-ignore lint/suspicious/noExplicitAny: Catchall
|
|
10
|
+
|
|
11
|
+
// Global cache: key → canonical style object
|
|
12
|
+
const styleCache = new Map();
|
|
13
|
+
let GlobalObjectId = 0; // For assigning stable IDs to nested objects
|
|
14
|
+
const ObjectIds = new WeakMap();
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Generate a stable, fast key for a value:
|
|
18
|
+
* - primitives → string
|
|
19
|
+
* - objects → unique ID (memoized)
|
|
20
|
+
*/
|
|
21
|
+
function valueKey(value) {
|
|
22
|
+
if (value && typeof value === "object") {
|
|
23
|
+
if (!ObjectIds.has(value)) {
|
|
24
|
+
GlobalObjectId += 1;
|
|
25
|
+
ObjectIds.set(value, GlobalObjectId);
|
|
26
|
+
}
|
|
27
|
+
return `ref#${ObjectIds.get(value)}`;
|
|
28
|
+
}
|
|
29
|
+
return String(value);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* High-performance memoizeStyle function
|
|
34
|
+
*/
|
|
35
|
+
function memoizeStyle(obj) {
|
|
36
|
+
// Build key by joining prop:value pairs
|
|
37
|
+
const key = Object.entries(obj).map(([k, v]) => `${k}:${valueKey(v)}`).join(";");
|
|
38
|
+
|
|
39
|
+
// Return cached style if it exists
|
|
40
|
+
let cached = styleCache.get(key);
|
|
41
|
+
if (!cached) {
|
|
42
|
+
cached = Object.freeze({
|
|
43
|
+
...obj
|
|
44
|
+
});
|
|
45
|
+
styleCache.set(key, cached);
|
|
46
|
+
}
|
|
47
|
+
return cached;
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=memoize-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styleCache","Map","GlobalObjectId","ObjectIds","WeakMap","valueKey","value","has","set","get","String","memoizeStyle","obj","key","Object","entries","map","k","v","join","cached","freeze"],"sourceRoot":"../../../src","sources":["utils/memoize-styles.ts"],"mappings":";;;;;;AAAA;;AAGA;;AAGA;AACA,MAAMA,UAAU,GAAG,IAAIC,GAAG,CAAoB,CAAC;AAE/C,IAAIC,cAAc,GAAG,CAAC,CAAC,CAAC;AACxB,MAAMC,SAAS,GAAG,IAAIC,OAAO,CAAiB,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAACC,KAAc,EAAU;EACzC,IAAIA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACvC,IAAI,CAACH,SAAS,CAACI,GAAG,CAACD,KAAe,CAAC,EAAE;MACpCJ,cAAc,IAAI,CAAC;MACnBC,SAAS,CAACK,GAAG,CAACF,KAAK,EAAYJ,cAAc,CAAC;IAC/C;IACA,OAAO,OAAOC,SAAS,CAACM,GAAG,CAACH,KAAe,CAAC,EAAE;EAC/C;EACA,OAAOI,MAAM,CAACJ,KAAK,CAAC;AACrB;;AAEA;AACA;AACA;AACO,SAASK,YAAYA,CAAsBC,GAAM,EAAK;EAC5D;EACA,MAAMC,GAAG,GAAGC,MAAM,CAACC,OAAO,CAACH,GAAG,CAAC,CAC7BI,GAAG,CAAC,CAAC,CAACC,CAAC,EAAEC,CAAC,CAAC,KAAK,GAAGD,CAAC,IAAIZ,QAAQ,CAACa,CAAC,CAAC,EAAE,CAAC,CACtCC,IAAI,CAAC,GAAG,CAAC;;EAEX;EACA,IAAIC,MAAM,GAAGpB,UAAU,CAACS,GAAG,CAACI,GAAG,CAAM;EACrC,IAAI,CAACO,MAAM,EAAE;IACZA,MAAM,GAAGN,MAAM,CAACO,MAAM,CAAC;MAAE,GAAGT;IAAI,CAAC,CAAC;IAClCZ,UAAU,CAACQ,GAAG,CAACK,GAAG,EAAEO,MAAM,CAAC;EAC5B;EAEA,OAAOA,MAAM;AACd","ignoreList":[]}
|
|
@@ -1,46 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import { extractAlignmentProperties, extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties, isColorValue, normalizeMarginValues, normalizePaddingValues } from "../../utils/index.js";
|
|
3
|
+
import { Animated, ScrollView } from "react-native";
|
|
4
|
+
import { extractAnimationProperties, extractSkeletorStyleProperties, isColorValue, memoizeStyle } from "../../utils/index.js";
|
|
6
5
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
6
|
const BlockElement = ({
|
|
8
7
|
children,
|
|
8
|
+
background,
|
|
9
|
+
opacity,
|
|
9
10
|
...props
|
|
10
11
|
}) => {
|
|
11
12
|
const {
|
|
12
|
-
border,
|
|
13
|
-
paddings,
|
|
14
|
-
margins,
|
|
15
|
-
background,
|
|
16
13
|
style,
|
|
17
|
-
overflow,
|
|
18
14
|
animations,
|
|
19
|
-
|
|
20
|
-
flex,
|
|
21
|
-
gap,
|
|
22
|
-
...view
|
|
15
|
+
...rest
|
|
23
16
|
} = props;
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const flexProps = useMemo(() => extractFlexProperties({
|
|
28
|
-
flex
|
|
29
|
-
}), [flex]);
|
|
30
|
-
const gapProps = useMemo(() => extractGapProperties({
|
|
31
|
-
gap
|
|
32
|
-
}), [gap]);
|
|
33
|
-
const animationProps = useMemo(() => extractAnimationProperties(animations), [animations]);
|
|
34
|
-
const normalizedMargins = useMemo(() => normalizeMarginValues(margins), [margins]);
|
|
35
|
-
const normalizedPaddings = useMemo(() => normalizePaddingValues(paddings), [paddings]);
|
|
36
|
-
const styles = StyleSheet.flatten([{
|
|
17
|
+
const animationProps = extractAnimationProperties(animations);
|
|
18
|
+
const skeletorStyle = extractSkeletorStyleProperties(rest);
|
|
19
|
+
const elementStyle = memoizeStyle({
|
|
37
20
|
backgroundColor: typeof background === "string" ? background : undefined,
|
|
38
|
-
overflow,
|
|
39
21
|
opacity
|
|
40
|
-
}
|
|
22
|
+
});
|
|
41
23
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
42
|
-
...
|
|
43
|
-
style: [
|
|
24
|
+
...rest,
|
|
25
|
+
style: [skeletorStyle, elementStyle, style, animationProps],
|
|
44
26
|
children: children
|
|
45
27
|
});
|
|
46
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Animated","ScrollView","extractAnimationProperties","extractSkeletorStyleProperties","isColorValue","memoizeStyle","jsx","_jsx","jsxs","_jsxs","BlockElement","children","background","opacity","props","style","animations","rest","animationProps","skeletorStyle","elementStyle","backgroundColor","undefined","View","isScrollable","scrollable","Block","absolute","zIndex","offsets","top","bottom","left","right","scrollProps","horizontal","keyboardShouldPersistTaps","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","contentContainerStyle","flexGrow"],"sourceRoot":"../../../../src","sources":["components/Block/Block.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useEffect,
|
|
3
|
+
import { useEffect, useRef, useState } from "react";
|
|
4
4
|
import { Dimensions, Keyboard, Platform, ScrollView, StyleSheet } from "react-native";
|
|
5
|
-
import {
|
|
5
|
+
import { extractSkeletorStyleProperties } from "../../utils/index.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const ScreenHeight = Dimensions.get("screen").height;
|
|
8
8
|
|
|
@@ -81,13 +81,15 @@ export const InputFocusScrollView = ({
|
|
|
81
81
|
if (!__DEV__ || anchoredToTop) return;
|
|
82
82
|
console.warn("The InputFocusScrollView must be anchored at the top of the screen. Remove any top margins or elements above it to avoid focus issues. Wrap everything inside it if necessary.");
|
|
83
83
|
}, [anchoredToTop]);
|
|
84
|
-
const
|
|
84
|
+
const containerSkeletorStyle = extractSkeletorStyleProperties({
|
|
85
|
+
margins
|
|
86
|
+
});
|
|
87
|
+
const contentSkeletorStyle = extractSkeletorStyleProperties({
|
|
88
|
+
paddings,
|
|
85
89
|
gap
|
|
86
|
-
})
|
|
87
|
-
const
|
|
88
|
-
const
|
|
89
|
-
const containerStyles = StyleSheet.flatten([styles[height], normalizedMargins, style]);
|
|
90
|
-
const contentStyles = StyleSheet.flatten([styles.content, normalizedPaddings, gapProps, contentContainerStyle]);
|
|
90
|
+
});
|
|
91
|
+
const containerStyles = StyleSheet.flatten([styles[height], containerSkeletorStyle, style]);
|
|
92
|
+
const contentStyles = StyleSheet.flatten([styles.content, contentSkeletorStyle, contentContainerStyle]);
|
|
91
93
|
return /*#__PURE__*/_jsx(ScrollView, {
|
|
92
94
|
ref: ref,
|
|
93
95
|
scrollToOverflowEnabled: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","Dimensions","Keyboard","Platform","ScrollView","StyleSheet","extractSkeletorStyleProperties","jsx","_jsx","ScreenHeight","get","height","InputFocusScrollView","children","style","contentContainerStyle","focusPositionOffset","margins","paddings","gap","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","rest","ref","anchoredToTop","setAnchoredToTop","scrollTarget","elementOffset","contentHeight","containerHeight","scrollPosition","focusOffset","onInputFocus","e","OS","current","currentTarget","measureLayout","_nope","top","_nuuh","elementHeight","undefined","scrollY","scrollTo","y","console","warn","listener","addListener","remainingSpace","scrollToEnd","remove","__DEV__","containerSkeletorStyle","contentSkeletorStyle","containerStyles","flatten","styles","contentStyles","content","scrollToOverflowEnabled","scrollEventThrottle","onLayout","nativeEvent","layout","onContentSizeChange","_","create","full","auto","flexGrow"],"sourceRoot":"../../../../src","sources":["components/InputFocusScrollView/InputFocusScrollView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from "react";
|
|
4
|
-
import { Animated
|
|
4
|
+
import { Animated } from "react-native";
|
|
5
5
|
import { useSkeletor } from "../../hooks/index.js";
|
|
6
|
-
import { extractAnimationProperties,
|
|
6
|
+
import { extractAnimationProperties, extractSkeletorStyleProperties, memoizeStyle } from "../../utils/index.js";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
|
|
9
9
|
* @example type Font = "Helvetica" | "Montserrat" ... */
|
|
@@ -17,24 +17,13 @@ export const Text = ({
|
|
|
17
17
|
children,
|
|
18
18
|
textAlign,
|
|
19
19
|
opacity,
|
|
20
|
-
margins,
|
|
21
|
-
paddings,
|
|
22
20
|
animations,
|
|
23
|
-
gap,
|
|
24
21
|
allowFontScaling,
|
|
25
22
|
maxFontSizeMultiplier,
|
|
26
23
|
...props
|
|
27
24
|
}) => {
|
|
28
25
|
const skeletor = useSkeletor();
|
|
29
|
-
const
|
|
30
|
-
const positionProps = useMemo(() => extractPositionProperties(props), [props]);
|
|
31
|
-
const flexProps = useMemo(() => extractFlexProperties(props), [props]);
|
|
32
|
-
const sizeProps = useMemo(() => extractSizeProperties(props), [props]);
|
|
33
|
-
const gapProps = useMemo(() => extractGapProperties({
|
|
34
|
-
gap
|
|
35
|
-
}), [gap]);
|
|
36
|
-
const normalizedPaddings = useMemo(() => normalizePaddingValues(paddings), [paddings]);
|
|
37
|
-
const normalizedMargins = useMemo(() => normalizeMarginValues(margins), [margins]);
|
|
26
|
+
const animationStyle = useMemo(() => extractAnimationProperties(animations), [animations]);
|
|
38
27
|
const textSize = size ?? skeletor.defaultFontSize;
|
|
39
28
|
const {
|
|
40
29
|
fontSize,
|
|
@@ -46,7 +35,8 @@ export const Text = ({
|
|
|
46
35
|
fontSize: textSize,
|
|
47
36
|
lineHeight: textSize
|
|
48
37
|
};
|
|
49
|
-
const
|
|
38
|
+
const skeletorStyle = extractSkeletorStyleProperties(props);
|
|
39
|
+
const elementStyle = memoizeStyle({
|
|
50
40
|
color: color || skeletor.defaultTextColor,
|
|
51
41
|
fontFamily: font || skeletor.defaultFont,
|
|
52
42
|
fontSize,
|
|
@@ -55,9 +45,9 @@ export const Text = ({
|
|
|
55
45
|
textAlign,
|
|
56
46
|
textTransform,
|
|
57
47
|
letterSpacing
|
|
58
|
-
}
|
|
48
|
+
});
|
|
59
49
|
return /*#__PURE__*/_jsx(Animated.Text, {
|
|
60
|
-
style: [
|
|
50
|
+
style: [skeletorStyle, elementStyle, animationStyle],
|
|
61
51
|
allowFontScaling: allowFontScaling || skeletor.allowFontScaling,
|
|
62
52
|
maxFontSizeMultiplier: maxFontSizeMultiplier || skeletor.defaultMaxFontSizeMultiplier,
|
|
63
53
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Animated","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Animated","useSkeletor","extractAnimationProperties","extractSkeletorStyleProperties","memoizeStyle","jsx","_jsx","Text","font","size","textTransform","letterSpacing","color","style","children","textAlign","opacity","animations","allowFontScaling","maxFontSizeMultiplier","props","skeletor","animationStyle","textSize","defaultFontSize","fontSize","lineHeight","Array","isArray","skeletorStyle","elementStyle","defaultTextColor","fontFamily","defaultFont","defaultMaxFontSizeMultiplier"],"sourceRoot":"../../../../src","sources":["components/Text/Text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAA4BC,OAAO,QAAQ,OAAO;AAC9D,SACCC,QAAQ,QAGF,cAAc;AACrB,SAASC,WAAW,QAAQ,sBAAa;AAEzC,SACCC,0BAA0B,EAC1BC,8BAA8B,EAC9BC,YAAY,QACN,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAsBrB;AACA;AACA,OAAO,MAAMC,IAA4C,GAAGA,CAAC;EAC5DC,IAAI;EACJC,IAAI;EACJC,aAAa;EACbC,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,gBAAgB;EAChBC,qBAAqB;EACrB,GAAGC;AACJ,CAAC,KAAK;EACL,MAAMC,QAAQ,GAAGpB,WAAW,CAAC,CAAC;EAC9B,MAAMqB,cAAc,GAAGvB,OAAO,CAC7B,MAAMG,0BAA0B,CAACe,UAAU,CAAC,EAC5C,CAACA,UAAU,CACZ,CAAC;EAED,MAAMM,QAAQ,GAAGd,IAAI,IAAIY,QAAQ,CAACG,eAAe;EACjD,MAAM;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAGC,KAAK,CAACC,OAAO,CAACL,QAAQ,CAAC,GACrD;IAAEE,QAAQ,EAAEF,QAAQ,CAAC,CAAC,CAAC;IAAEG,UAAU,EAAEH,QAAQ,CAAC,CAAC;EAAE,CAAC,GAClD;IAAEE,QAAQ,EAAEF,QAAQ;IAAEG,UAAU,EAAEH;EAAS,CAAC;EAE/C,MAAMM,aAAa,GAAG1B,8BAA8B,CAACiB,KAAK,CAAC;EAC3D,MAAMU,YAAY,GAAG1B,YAAY,CAAC;IACjCQ,KAAK,EAAEA,KAAK,IAAIS,QAAQ,CAACU,gBAAgB;IACzCC,UAAU,EAAExB,IAAI,IAAIa,QAAQ,CAACY,WAAW;IACxCR,QAAQ;IACRC,UAAU;IACVV,OAAO;IACPD,SAAS;IACTL,aAAa;IACbC;EACD,CAAC,CAAC;EAEF,oBACCL,IAAA,CAACN,QAAQ,CAACO,IAAI;IACbM,KAAK,EAAE,CAACgB,aAAa,EAAEC,YAAY,EAAER,cAAc,CAAE;IACrDJ,gBAAgB,EAAEA,gBAAgB,IAAIG,QAAQ,CAACH,gBAAiB;IAChEC,qBAAqB,EACpBA,qBAAqB,IAAIE,QAAQ,CAACa,4BAClC;IAAA,GACGd,KAAK;IAAAN,QAAA,EAERA;EAAQ,CACK,CAAC;AAElB,CAAC","ignoreList":[]}
|
|
@@ -31,9 +31,9 @@ export function useForm(values, config) {
|
|
|
31
31
|
const updatedState = {
|
|
32
32
|
...state
|
|
33
33
|
};
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
changed.forEach(key => {
|
|
35
|
+
updatedState[key] = values[key];
|
|
36
|
+
});
|
|
37
37
|
setInitialState({
|
|
38
38
|
...values,
|
|
39
39
|
...updatedState
|
|
@@ -181,8 +181,6 @@ export function useFormUtils(config) {
|
|
|
181
181
|
function stateValidation(state) {
|
|
182
182
|
const keys = Object.keys(state).map(key => key);
|
|
183
183
|
const validation = {};
|
|
184
|
-
|
|
185
|
-
// biome-ignore lint/complexity/noForEach: <explanation>
|
|
186
184
|
keys.forEach(key => {
|
|
187
185
|
const value = state[key];
|
|
188
186
|
// Force true / false values for entire form. Undefined has no value when submitting.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useMemo","useState","useForm","values","config","keys","Object","validation","setValidation","initialState","setInitialState","state","setState","fieldValidation","stateValidation","isOptional","useFormUtils","changed","filter","key","length","updatedState","forEach","update","value","shouldValidate","s","undefined","validate","validateForm","formValidationState","valid","isFormValid","some","resetState","resetInitialValues","resetValidation","clearForm","hasStateChanged","initialValue","Date","JSON","stringify","doesValueExist","Number","isNaN","valueOf","optional","includes","validateByRule","rules","hasValue","map"],"sourceRoot":"../../../../../src","sources":["hooks/skeleform/src/index.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAsBjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAIC,MAAiB,EAAEC,MAAsB,EAAE;EACrE,MAAMC,IAAI,GAAGL,OAAO,CAAC,MAAMM,MAAM,CAACD,IAAI,CAACF,MAAM,CAAmB,EAAE,CAACA,MAAM,CAAC,CAAC;EAC3E,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAgB,CAAC,CAAC,CAAC;EAC/D,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAACE,MAAM,CAAC;EACxD,MAAM,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAACE,MAAM,CAAC;EAC1C,MAAM;IAAEU,eAAe;IAAEC,eAAe;IAAEC;EAAW,CAAC,GAAGC,YAAY,CAACZ,MAAM,CAAC;;EAE7E;EACAL,SAAS,CAAC,MAAM;IACf,MAAMkB,OAAO,GAAGZ,IAAI,CAACa,MAAM,CAAEC,GAAG,IAAKhB,MAAM,CAACgB,GAAG,CAAC,KAAKV,YAAY,CAACU,GAAG,CAAC,CAAC;IACvE,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;MACpB;IACD;IAEA,MAAMC,YAAY,GAAG;MAAE,GAAGV;IAAM,CAAC;
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useMemo","useState","useForm","values","config","keys","Object","validation","setValidation","initialState","setInitialState","state","setState","fieldValidation","stateValidation","isOptional","useFormUtils","changed","filter","key","length","updatedState","forEach","update","value","shouldValidate","s","undefined","validate","validateForm","formValidationState","valid","isFormValid","some","resetState","resetInitialValues","resetValidation","clearForm","hasStateChanged","initialValue","Date","JSON","stringify","doesValueExist","Number","isNaN","valueOf","optional","includes","validateByRule","rules","hasValue","map"],"sourceRoot":"../../../../../src","sources":["hooks/skeleform/src/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Block, Screen } from "../components/index.js";
|
|
4
|
+
import { useAnimateParallel } from "../hooks/index.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const _TestingPlayground = () => {
|
|
7
|
+
const transition = useAnimateParallel({
|
|
8
|
+
scale: [0, 1]
|
|
9
|
+
});
|
|
10
|
+
return /*#__PURE__*/_jsx(Screen, {
|
|
11
|
+
children: /*#__PURE__*/_jsx(Block, {
|
|
12
|
+
animations: transition.animations
|
|
13
|
+
})
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=TestingPlayground.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Block","Screen","useAnimateParallel","jsx","_jsx","_TestingPlayground","transition","scale","children","animations"],"sourceRoot":"../../../src","sources":["testing/TestingPlayground.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,MAAM,QAAQ,wBAAe;AAC7C,SAASC,kBAAkB,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAMC,kBAA4B,GAAGA,CAAA,KAAM;EAC1C,MAAMC,UAAU,GAAGJ,kBAAkB,CAAC;IAAEK,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;EAAE,CAAC,CAAC;EAExD,oBACCH,IAAA,CAACH,MAAM;IAAAO,QAAA,eACNJ,IAAA,CAACJ,KAAK;MAACS,UAAU,EAAEH,UAAU,CAACG;IAAW,CAAE;EAAC,CACrC,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -66,6 +66,7 @@ function getAnimationTriggers(forward, backward) {
|
|
|
66
66
|
}
|
|
67
67
|
function reset() {
|
|
68
68
|
forward.reset();
|
|
69
|
+
backward.reset();
|
|
69
70
|
}
|
|
70
71
|
return {
|
|
71
72
|
/** Will start the animation and interpolate the value as defined in the animation style configuration object. */
|
|
@@ -95,17 +96,18 @@ export function animateParallel(styles, config) {
|
|
|
95
96
|
};
|
|
96
97
|
}
|
|
97
98
|
function createStaggerComposition(compositions, stagger) {
|
|
99
|
+
const executor = Animated.parallel(compositions.map((c, i) => {
|
|
100
|
+
return createSequenceComposition([Animated.delay(stagger * i), c]);
|
|
101
|
+
}));
|
|
98
102
|
return {
|
|
99
103
|
start: callback => {
|
|
100
|
-
|
|
101
|
-
return createSequenceComposition([Animated.delay(stagger * i), c]);
|
|
102
|
-
})).start(callback);
|
|
104
|
+
executor.start(callback);
|
|
103
105
|
},
|
|
104
106
|
stop: () => {
|
|
105
|
-
|
|
107
|
+
executor.stop();
|
|
106
108
|
},
|
|
107
109
|
reset: () => {
|
|
108
|
-
|
|
110
|
+
executor.reset();
|
|
109
111
|
}
|
|
110
112
|
};
|
|
111
113
|
}
|
|
@@ -201,13 +203,11 @@ export function createAnimationTimeline(timeline) {
|
|
|
201
203
|
};
|
|
202
204
|
}
|
|
203
205
|
export function loopAnimation(animation) {
|
|
204
|
-
const
|
|
205
|
-
|
|
206
|
-
animation.reset();
|
|
207
|
-
animation.start(restart);
|
|
208
|
-
};
|
|
206
|
+
const restart = () => {
|
|
207
|
+
animation.reset();
|
|
209
208
|
animation.start(restart);
|
|
210
209
|
};
|
|
210
|
+
const start = () => animation.start(restart);
|
|
211
211
|
return {
|
|
212
212
|
...animation,
|
|
213
213
|
start
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","Easing","processStyles","styles","duration","easing","inOut","ease","native","isInteraction","keys","Object","values","map","Value","compositions","reverseCompositions","animations","forEach","key","index","value","definition","animation","interpolate","inputRange","_","i","outputRange","composition","timing","toValue","length","useNativeDriver","reverseComposition","push","reverse","getAnimationTriggers","forward","backward","start","onFinished","finished","reset","animateParallel","config","trigger","parallel","reverseTrigger","createStaggerComposition","stagger","
|
|
1
|
+
{"version":3,"names":["Animated","Easing","processStyles","styles","duration","easing","inOut","ease","native","isInteraction","keys","Object","values","map","Value","compositions","reverseCompositions","animations","forEach","key","index","value","definition","animation","interpolate","inputRange","_","i","outputRange","composition","timing","toValue","length","useNativeDriver","reverseComposition","push","reverse","getAnimationTriggers","forward","backward","start","onFinished","finished","reset","animateParallel","config","trigger","parallel","reverseTrigger","createStaggerComposition","stagger","executor","c","createSequenceComposition","delay","callback","stop","animateStagger","startComposition","nextIndex","animateSequence","createAnimationTimeline","timeline","times","ms","Number","lastTime","reverseTimes","elements","e","flat","loopAnimation","restart"],"sourceRoot":"../../../src","sources":["utils/animations.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,49 +1,70 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function hasTransformProperties(props) {
|
|
4
|
-
return props.translateX || props.translateY || props.scaleX || props.scaleY || props.scaleY || props.rotation;
|
|
5
|
-
}
|
|
6
3
|
export function extractAnimationProperties(props) {
|
|
7
4
|
if (!props) return undefined;
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const {
|
|
6
|
+
translateX,
|
|
7
|
+
translateY,
|
|
8
|
+
scaleX,
|
|
9
|
+
scaleY,
|
|
10
|
+
scale,
|
|
11
|
+
skewX,
|
|
12
|
+
skewY,
|
|
13
|
+
skew,
|
|
14
|
+
rotation,
|
|
15
|
+
...rest
|
|
16
|
+
} = props;
|
|
17
|
+
const transform = [];
|
|
18
|
+
if (translateX) {
|
|
19
|
+
transform.push({
|
|
20
|
+
translateX: translateX
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
if (translateY) {
|
|
24
|
+
transform.push({
|
|
25
|
+
translateY: translateY
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
if (scaleX) {
|
|
29
|
+
transform.push({
|
|
30
|
+
scaleX: scaleX
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
if (scaleY) {
|
|
34
|
+
transform.push({
|
|
35
|
+
scaleY: scaleY
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
if (scale) {
|
|
39
|
+
transform.push({
|
|
40
|
+
scaleY: scale,
|
|
41
|
+
scaleX: scale
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
if (skewX) {
|
|
45
|
+
transform.push({
|
|
46
|
+
skewX: skewX
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
if (skewY) {
|
|
50
|
+
transform.push({
|
|
51
|
+
skewY: skewY
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
if (skew) {
|
|
55
|
+
transform.push({
|
|
56
|
+
skewX: skew,
|
|
57
|
+
skewY: skewY
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
if (rotation) {
|
|
61
|
+
transform.push({
|
|
62
|
+
rotate: rotation
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return {
|
|
66
|
+
...rest,
|
|
67
|
+
transform
|
|
11
68
|
};
|
|
12
|
-
|
|
13
|
-
// Map translate
|
|
14
|
-
if (hasTransformProperties(props)) {
|
|
15
|
-
mapped.transform = [];
|
|
16
|
-
if (props.translateX) {
|
|
17
|
-
mapped.transform.push({
|
|
18
|
-
translateX: props.translateX
|
|
19
|
-
});
|
|
20
|
-
delete mapped.translateX;
|
|
21
|
-
}
|
|
22
|
-
if (props.translateY) {
|
|
23
|
-
mapped.transform.push({
|
|
24
|
-
translateY: props.translateY
|
|
25
|
-
});
|
|
26
|
-
delete mapped.translateY;
|
|
27
|
-
}
|
|
28
|
-
if (props.scaleX) {
|
|
29
|
-
mapped.transform.push({
|
|
30
|
-
scaleX: props.scaleX
|
|
31
|
-
});
|
|
32
|
-
delete mapped.scaleX;
|
|
33
|
-
}
|
|
34
|
-
if (props.scaleY) {
|
|
35
|
-
mapped.transform.push({
|
|
36
|
-
scaleY: props.scaleY
|
|
37
|
-
});
|
|
38
|
-
delete mapped.scaleY;
|
|
39
|
-
}
|
|
40
|
-
if (props.rotation) {
|
|
41
|
-
mapped.transform.push({
|
|
42
|
-
rotate: props.rotation
|
|
43
|
-
});
|
|
44
|
-
delete mapped.rotation;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return mapped;
|
|
48
69
|
}
|
|
49
70
|
//# sourceMappingURL=extract-animation-properties.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["extractAnimationProperties","props","undefined","translateX","translateY","scaleX","scaleY","scale","skewX","skewY","skew","rotation","rest","transform","push","rotate"],"sourceRoot":"../../../src","sources":["utils/extract-animation-properties.ts"],"mappings":";;AAiCA,OAAO,SAASA,0BAA0BA,CACzCC,KAEY,EACX;EACD,IAAI,CAACA,KAAK,EAAE,OAAOC,SAAS;EAE5B,MAAM;IACLC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGX,KAAK;EACT,MAAMY,SAA+B,GAAG,EAAE;EAE1C,IAAIV,UAAU,EAAE;IACfU,SAAS,CAACC,IAAI,CAAC;MAAEX,UAAU,EAAEA;IAAW,CAAC,CAAC;EAC3C;EAEA,IAAIC,UAAU,EAAE;IACfS,SAAS,CAACC,IAAI,CAAC;MAAEV,UAAU,EAAEA;IAAW,CAAC,CAAC;EAC3C;EAEA,IAAIC,MAAM,EAAE;IACXQ,SAAS,CAACC,IAAI,CAAC;MAAET,MAAM,EAAEA;IAAO,CAAC,CAAC;EACnC;EAEA,IAAIC,MAAM,EAAE;IACXO,SAAS,CAACC,IAAI,CAAC;MAAER,MAAM,EAAEA;IAAO,CAAC,CAAC;EACnC;EAEA,IAAIC,KAAK,EAAE;IACVM,SAAS,CAACC,IAAI,CAAC;MAAER,MAAM,EAAEC,KAAK;MAAEF,MAAM,EAAEE;IAAM,CAAC,CAAC;EACjD;EAEA,IAAIC,KAAK,EAAE;IACVK,SAAS,CAACC,IAAI,CAAC;MAAEN,KAAK,EAAEA;IAAM,CAAC,CAAC;EACjC;EAEA,IAAIC,KAAK,EAAE;IACVI,SAAS,CAACC,IAAI,CAAC;MAAEL,KAAK,EAAEA;IAAM,CAAC,CAAC;EACjC;EAEA,IAAIC,IAAI,EAAE;IACTG,SAAS,CAACC,IAAI,CAAC;MAAEN,KAAK,EAAEE,IAAI;MAAED,KAAK,EAAEA;IAAM,CAAC,CAAC;EAC9C;EAEA,IAAIE,QAAQ,EAAE;IACbE,SAAS,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEJ;IAAS,CAAC,CAAC;EACrC;EAEA,OAAO;IAAE,GAAGC,IAAI;IAAEC;EAAU,CAAC;AAC9B","ignoreList":[]}
|