@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
package/README.md
CHANGED
|
@@ -323,11 +323,19 @@ Use these methods to construct <b>element</b> animations in a super simple way.
|
|
|
323
323
|
Usage
|
|
324
324
|
|
|
325
325
|
```javascript
|
|
326
|
+
// Use this in the global scope, but make sure to properly reset the animation else it will stay in it's last state and do not reuse it across elements or you'll link the element animations together.
|
|
326
327
|
const element1 = animateParallel({
|
|
327
328
|
opacity: [0, 1],
|
|
328
329
|
translateX: [20, 0],
|
|
329
330
|
translateY: [20, 0],
|
|
330
331
|
});
|
|
332
|
+
|
|
333
|
+
// When inside a component, you can use the following helper. This will scope the animation to the component it is created in.
|
|
334
|
+
const element = useAnimateParallel({
|
|
335
|
+
opacity: [0, 1],
|
|
336
|
+
translateX: [20, 0],
|
|
337
|
+
translateY: [20, 0],
|
|
338
|
+
});
|
|
331
339
|
```
|
|
332
340
|
|
|
333
341
|
`animateSequence` will animate all of the defined element styles in sequence (meaning every property will start animating only when the previous property has finished animating). In the example below, that means that opacity, translateY and translateX will animate in sequence as they are defined - opacity first, translateX second, translateY last. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `loop` and `easing`. The default configuration is `{ duration = 400, easing = Easing.inOut(Easing.ease), loop = false, native = true, }`.
|
|
@@ -335,11 +343,19 @@ const element1 = animateParallel({
|
|
|
335
343
|
Usage
|
|
336
344
|
|
|
337
345
|
```javascript
|
|
346
|
+
// Use this in the global scope, but make sure to properly reset the animation else it will stay in it's last state and do not reuse it across elements or you'll link the element animations together.
|
|
338
347
|
const element1 = animateSequence({
|
|
339
348
|
opacity: [0, 1],
|
|
340
349
|
translateX: [20, 0],
|
|
341
350
|
translateY: [20, 0],
|
|
342
351
|
});
|
|
352
|
+
|
|
353
|
+
// When inside a component, you can use the following helper. This will scope the animation to the component it is created in.
|
|
354
|
+
const element = useAnimateSequence({
|
|
355
|
+
opacity: [0, 1],
|
|
356
|
+
translateX: [20, 0],
|
|
357
|
+
translateY: [20, 0],
|
|
358
|
+
});
|
|
343
359
|
```
|
|
344
360
|
|
|
345
361
|
`animateStagger` will animate all of the defined elements in the order they are defined at a staggered pace defined in the configuration object (meaning every property will start animating after an X amount of miliseconds between animation starts, in the order they are defined in). In the example below, that means that opacity, translateY and translateX will animate in sequence with a 400ms delay between them. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `stagger`, `loop` and `easing`. The default configuration is `{ duration = 400, stagger = 200, easing = Easing.inOut(Easing.ease), loop = false, native = true, }`.
|
|
@@ -347,11 +363,19 @@ const element1 = animateSequence({
|
|
|
347
363
|
Usage
|
|
348
364
|
|
|
349
365
|
```javascript
|
|
366
|
+
// Use this in the global scope, but make sure to properly reset the animation else it will stay in it's last state and do not reuse it across elements or you'll link the element animations together.
|
|
350
367
|
const element1 = animateStagger({
|
|
351
368
|
opacity: [0, 1],
|
|
352
369
|
translateX: [20, 0],
|
|
353
370
|
translateY: [20, 0],
|
|
354
371
|
});
|
|
372
|
+
|
|
373
|
+
// When inside a component, you can use the following helper. This will scope the animation to the component it is created in.
|
|
374
|
+
const element = useAnimateStagger({
|
|
375
|
+
opacity: [0, 1],
|
|
376
|
+
translateX: [20, 0],
|
|
377
|
+
translateY: [20, 0],
|
|
378
|
+
});
|
|
355
379
|
```
|
|
356
380
|
|
|
357
381
|
### Defining element animation timeline
|
|
@@ -365,22 +389,22 @@ The configuration object is of type `{ [ms: number]: ElementAnimation<K>[]; }`,
|
|
|
365
389
|
Usage
|
|
366
390
|
|
|
367
391
|
```javascript
|
|
368
|
-
const
|
|
369
|
-
const
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
392
|
+
export const Component: React.FC = () => {
|
|
393
|
+
const element1 = useAnimateParallel({ opacity: [0, 1] }, { duration: 400 });
|
|
394
|
+
const element2 = useAnimateStagger(
|
|
395
|
+
{
|
|
396
|
+
opacity: [0, 1],
|
|
397
|
+
translateX: [20, 0],
|
|
398
|
+
translateY: [20, 0],
|
|
399
|
+
},
|
|
400
|
+
{ stagger: 1200, duration: 800 },
|
|
401
|
+
);
|
|
377
402
|
|
|
378
|
-
const timeline =
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
});
|
|
403
|
+
const timeline = useAnimationTimeline({
|
|
404
|
+
0: [element1],
|
|
405
|
+
2000: [element2],
|
|
406
|
+
});
|
|
382
407
|
|
|
383
|
-
export const Component: React.FC = () => {
|
|
384
408
|
...
|
|
385
409
|
useEffect(() => {
|
|
386
410
|
if(startAnimation) {
|
|
@@ -402,7 +426,7 @@ Instead of `element.reset()`, use `element.reverse()`. This can also be used on
|
|
|
402
426
|
Usage
|
|
403
427
|
|
|
404
428
|
```javascript
|
|
405
|
-
const element =
|
|
429
|
+
const element = useAnimateStagger(
|
|
406
430
|
{
|
|
407
431
|
opacity: [0, 1],
|
|
408
432
|
translateX: [20, 0],
|
|
@@ -422,13 +446,44 @@ useEffect(() => {
|
|
|
422
446
|
}, [startAnimation]);
|
|
423
447
|
```
|
|
424
448
|
|
|
449
|
+
### Loop animations
|
|
450
|
+
|
|
451
|
+
Loop animations allow you to continuously repeat an animation sequence indefinitely. This is perfect for creating loading spinners, rotating elements, pulsing effects, or any other animation that needs to run continuously. The `useLoopAnimation` hook wraps any animation sequence and automatically restarts it when it completes.
|
|
452
|
+
|
|
453
|
+
You can pass either a predefined sequence or create the sequence inline:
|
|
454
|
+
|
|
455
|
+
```javascript
|
|
456
|
+
export const Component: React.FC = () => {
|
|
457
|
+
// Option 1: Define the sequence separately
|
|
458
|
+
const sequence = useAnimateSequence(
|
|
459
|
+
{ rotation: ["0deg", "360deg"] },
|
|
460
|
+
{ duration: 1000, easing: Easing.linear },
|
|
461
|
+
);
|
|
462
|
+
const rotate = useLoopAnimation(sequence);
|
|
463
|
+
|
|
464
|
+
// Option 2: Create the sequence inline
|
|
465
|
+
const rotate = useLoopAnimation(
|
|
466
|
+
animateSequence(
|
|
467
|
+
{ rotation: ["0deg", "360deg"] },
|
|
468
|
+
{ duration: 1000, easing: Easing.linear },
|
|
469
|
+
),
|
|
470
|
+
);
|
|
471
|
+
|
|
472
|
+
useEffect(() => {
|
|
473
|
+
rotate.start();
|
|
474
|
+
}, []);
|
|
475
|
+
|
|
476
|
+
return <Block animations={rotate.animations}>...</Block>;
|
|
477
|
+
}
|
|
478
|
+
```
|
|
479
|
+
|
|
425
480
|
## Hooks
|
|
426
481
|
|
|
427
482
|
### useForm & useFormUtils
|
|
428
483
|
|
|
429
484
|
Read documentation about useForm here: https://github.com/prototypdigital/skeleform
|
|
430
485
|
|
|
431
|
-
### DEPRECATED (<1.0.10): useAnimation & useAnimationTimeline
|
|
486
|
+
### DEPRECATED (<1.0.10) // REMOVED >= 1.1.7: useAnimation & useAnimationTimeline
|
|
432
487
|
|
|
433
488
|
This approach is not going to be maintained anymore starting from version 1.0.10. New utilities have been created that are more performant and more flexible, but the following hooks will still be available for the foreseeable future. For more information on the new approach, see <b>Animations</b> above.
|
|
434
489
|
|
|
@@ -66,7 +66,7 @@ const Block = ({
|
|
|
66
66
|
if (!isScrollable(props)) {
|
|
67
67
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BlockElement, {
|
|
68
68
|
...props,
|
|
69
|
-
children: [
|
|
69
|
+
children: [!(0, _index.isColorValue)(props.background) && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockElement, {
|
|
70
70
|
absolute: true,
|
|
71
71
|
zIndex: -1,
|
|
72
72
|
offsets: {
|
|
@@ -81,6 +81,7 @@ const Block = ({
|
|
|
81
81
|
}
|
|
82
82
|
const {
|
|
83
83
|
scrollProps,
|
|
84
|
+
background,
|
|
84
85
|
...rest
|
|
85
86
|
} = props;
|
|
86
87
|
const {
|
|
@@ -99,16 +100,16 @@ const Block = ({
|
|
|
99
100
|
bounces: bounces,
|
|
100
101
|
contentContainerStyle: [{
|
|
101
102
|
flexGrow: 1,
|
|
102
|
-
backgroundColor: typeof
|
|
103
|
+
backgroundColor: typeof background === "string" ? background : undefined
|
|
103
104
|
}, contentContainerStyle],
|
|
104
105
|
...scrollProps,
|
|
105
106
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BlockElement, {
|
|
106
107
|
...rest,
|
|
107
|
-
children: [
|
|
108
|
+
children: [background && !(0, _index.isColorValue)(background) && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockElement, {
|
|
108
109
|
absolute: true,
|
|
109
110
|
zIndex: -1,
|
|
110
111
|
offsets: [0, 0, 0, 0],
|
|
111
|
-
children:
|
|
112
|
+
children: background
|
|
112
113
|
}), children]
|
|
113
114
|
})
|
|
114
115
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","flex","gap","view","sizeProps","extractSizeProperties","positionProps","extractPositionProperties","alignmentProps","extractAlignmentProperties","flexProps","useMemo","extractFlexProperties","gapProps","extractGapProperties","animationProps","extractAnimationProperties","normalizedMargins","normalizeMarginValues","normalizedPaddings","normalizePaddingValues","styles","StyleSheet","flatten","backgroundColor","undefined","jsx","Animated","View","isScrollable","scrollable","Block","jsxs","absolute","zIndex","offsets","top","bottom","left","right","scrollProps","rest","horizontal","keyboardShouldPersistTaps","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","contentContainerStyle","ScrollView","flexGrow","exports"],"sourceRoot":"../../../../src","sources":["components/Block/Block.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAkBA,IAAAE,MAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","flex","gap","view","sizeProps","extractSizeProperties","positionProps","extractPositionProperties","alignmentProps","extractAlignmentProperties","flexProps","useMemo","extractFlexProperties","gapProps","extractGapProperties","animationProps","extractAnimationProperties","normalizedMargins","normalizeMarginValues","normalizedPaddings","normalizePaddingValues","styles","StyleSheet","flatten","backgroundColor","undefined","jsx","Animated","View","isScrollable","scrollable","Block","jsxs","isColorValue","absolute","zIndex","offsets","top","bottom","left","right","scrollProps","rest","horizontal","keyboardShouldPersistTaps","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","contentContainerStyle","ScrollView","flexGrow","exports"],"sourceRoot":"../../../../src","sources":["components/Block/Block.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,9 +8,13 @@ var _react = require("react");
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _index = require("../../utils/index.js");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const ScreenHeight = _reactNative.Dimensions.get("screen").height;
|
|
12
|
+
|
|
11
13
|
/**
|
|
12
14
|
* 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.
|
|
13
15
|
*
|
|
16
|
+
* 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.
|
|
17
|
+
*
|
|
14
18
|
* The return value is a lambda component, returning a callback which you attach to input fields rendered within it.
|
|
15
19
|
* @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
|
|
16
20
|
* NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
|
|
@@ -38,6 +42,7 @@ const InputFocusScrollView = ({
|
|
|
38
42
|
...rest
|
|
39
43
|
}) => {
|
|
40
44
|
const ref = (0, _react.useRef)(null);
|
|
45
|
+
const [anchoredToTop, setAnchoredToTop] = (0, _react.useState)(true);
|
|
41
46
|
const scrollTarget = (0, _react.useRef)(null);
|
|
42
47
|
const elementOffset = (0, _react.useRef)(0);
|
|
43
48
|
const contentHeight = (0, _react.useRef)(0);
|
|
@@ -50,7 +55,10 @@ const InputFocusScrollView = ({
|
|
|
50
55
|
return;
|
|
51
56
|
}
|
|
52
57
|
e.currentTarget.measureLayout(scrollTarget.current, (_nope, top, _nuuh, elementHeight) => {
|
|
53
|
-
|
|
58
|
+
// This is the point on screen where the input should be focused to.
|
|
59
|
+
// Container is irrelevant here.
|
|
60
|
+
focusOffset.current = focusPositionOffset !== undefined ? ScreenHeight * focusPositionOffset : 0;
|
|
61
|
+
|
|
54
62
|
// bottom of element
|
|
55
63
|
elementOffset.current = top + elementHeight;
|
|
56
64
|
const scrollY = elementOffset.current - focusOffset.current;
|
|
@@ -73,6 +81,10 @@ const InputFocusScrollView = ({
|
|
|
73
81
|
});
|
|
74
82
|
return listener.remove;
|
|
75
83
|
}, []);
|
|
84
|
+
(0, _react.useEffect)(() => {
|
|
85
|
+
if (!__DEV__ || anchoredToTop) return;
|
|
86
|
+
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.");
|
|
87
|
+
}, [anchoredToTop]);
|
|
76
88
|
const gapProps = (0, _react.useMemo)(() => (0, _index.extractGapProperties)({
|
|
77
89
|
gap
|
|
78
90
|
}), [gap]);
|
|
@@ -90,6 +102,7 @@ const InputFocusScrollView = ({
|
|
|
90
102
|
}) => {
|
|
91
103
|
scrollTarget.current = currentTarget;
|
|
92
104
|
containerHeight.current = nativeEvent.layout.height;
|
|
105
|
+
setAnchoredToTop(nativeEvent.layout.y === 0);
|
|
93
106
|
},
|
|
94
107
|
onContentSizeChange: (_, height) => {
|
|
95
108
|
contentHeight.current = height;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","InputFocusScrollView","children","style","contentContainerStyle","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","ScreenHeight","Dimensions","get","height","InputFocusScrollView","children","style","contentContainerStyle","focusPositionOffset","margins","paddings","gap","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","rest","ref","useRef","anchoredToTop","setAnchoredToTop","useState","scrollTarget","elementOffset","contentHeight","containerHeight","scrollPosition","focusOffset","onInputFocus","e","Platform","OS","current","currentTarget","measureLayout","_nope","top","_nuuh","elementHeight","undefined","scrollY","scrollTo","y","console","warn","useEffect","listener","Keyboard","addListener","remainingSpace","scrollToEnd","remove","__DEV__","gapProps","useMemo","extractGapProperties","normalizedMargins","normalizeMarginValues","normalizedPaddings","normalizePaddingValues","containerStyles","StyleSheet","flatten","styles","contentStyles","content","jsx","ScrollView","scrollToOverflowEnabled","scrollEventThrottle","onLayout","nativeEvent","layout","onContentSizeChange","_","exports","create","full","auto","flexGrow"],"sourceRoot":"../../../../src","sources":["components/InputFocusScrollView/InputFocusScrollView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,8 @@ exports.Screen = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
9
9
|
var _index = require("../../hooks/index.js");
|
|
10
|
-
var _index2 = require("
|
|
10
|
+
var _index2 = require("../../utils/index.js");
|
|
11
|
+
var _index3 = require("../Block/index.js");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
const Screen = ({
|
|
13
14
|
background,
|
|
@@ -29,26 +30,27 @@ const Screen = ({
|
|
|
29
30
|
defaultStatusBarTranslucent
|
|
30
31
|
} = (0, _index.useSkeletor)();
|
|
31
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
32
|
-
children: [background && (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
|
|
33
|
+
children: [background && ((0, _index2.isColorValue)(background) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Block, {
|
|
34
|
+
background: background,
|
|
35
|
+
style: _reactNative.StyleSheet.absoluteFill
|
|
36
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Block, {
|
|
37
37
|
style: _reactNative.StyleSheet.absoluteFill,
|
|
38
38
|
children: background
|
|
39
39
|
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.StatusBar, {
|
|
40
40
|
translucent: statusBarTranslucent || defaultStatusBarTranslucent || false,
|
|
41
41
|
barStyle: statusBarType || defaultStatusBarType,
|
|
42
42
|
backgroundColor: statusBarBackground || defaultStatusBarBackground || "transparent"
|
|
43
|
-
}), !hideTopSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
44
|
-
height: insets.top
|
|
45
|
-
|
|
43
|
+
}), !hideTopSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Block, {
|
|
44
|
+
height: insets.top,
|
|
45
|
+
background: topSafeAreaColor
|
|
46
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Block, {
|
|
46
47
|
flex: 1,
|
|
47
48
|
paddings: paddings,
|
|
48
49
|
...blockProps,
|
|
49
50
|
children: children
|
|
50
|
-
}), !hideBottomSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
51
|
-
height: insets.bottom
|
|
51
|
+
}), !hideBottomSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Block, {
|
|
52
|
+
height: insets.bottom,
|
|
53
|
+
background: bottomSafeAreaColor
|
|
52
54
|
})]
|
|
53
55
|
});
|
|
54
56
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_index","_index2","_jsxRuntime","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","insets","useSafeAreaInsets","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","useSkeletor","jsxs","Fragment","jsx","Block","style","StyleSheet","absoluteFill","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_index","_index2","_index3","_jsxRuntime","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","insets","useSafeAreaInsets","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","useSkeletor","jsxs","Fragment","isColorValue","jsx","Block","style","StyleSheet","absoluteFill","StatusBar","translucent","barStyle","backgroundColor","height","top","flex","bottom","exports"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAkD,IAAAK,WAAA,GAAAL,OAAA;AAiB3C,MAAMM,MAAgD,GAAGA,CAAC;EAChEC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,aAAa;EACbC,mBAAmB;EACnBC,oBAAoB;EACpBC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACL,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAM;IACLC,oBAAoB;IACpBC,0BAA0B;IAC1BC;EACD,CAAC,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAEjB,oBACC,IAAAlB,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;IAAAjB,QAAA,GACED,UAAU,KACT,IAAAmB,oBAAY,EAACnB,UAAU,CAAC,gBACxB,IAAAF,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAwB,KAAK;MAACrB,UAAU,EAAEA,UAAW;MAACsB,KAAK,EAAEC,uBAAU,CAACC;IAAa,CAAE,CAAC,gBAEjE,IAAA1B,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAwB,KAAK;MAACC,KAAK,EAAEC,uBAAU,CAACC,YAAa;MAAAvB,QAAA,EAAED;IAAU,CAAQ,CAC1D,CAAC,eAEH,IAAAF,WAAA,CAAAsB,GAAA,EAAC5B,YAAA,CAAAiC,SAAS;MACTC,WAAW,EACVlB,oBAAoB,IAAIO,2BAA2B,IAAI,KACvD;MACDY,QAAQ,EAAErB,aAAa,IAAIO,oBAAqB;MAChDe,eAAe,EACdrB,mBAAmB,IAAIO,0BAA0B,IAAI;IACrD,CACD,CAAC,EAED,CAACX,eAAe,iBAChB,IAAAL,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAwB,KAAK;MAACQ,MAAM,EAAElB,MAAM,CAACmB,GAAI;MAAC9B,UAAU,EAAEK;IAAiB,CAAE,CAC1D,eAED,IAAAP,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAwB,KAAK;MAACU,IAAI,EAAE,CAAE;MAACtB,QAAQ,EAAEA,QAAS;MAAA,GAAKC,UAAU;MAAAT,QAAA,EAChDA;IAAQ,CACH,CAAC,EAEP,CAACC,kBAAkB,iBACnB,IAAAJ,WAAA,CAAAsB,GAAA,EAACvB,OAAA,CAAAwB,KAAK;MAACQ,MAAM,EAAElB,MAAM,CAACqB,MAAO;MAAChC,UAAU,EAAEI;IAAoB,CAAE,CAChE;EAAA,CACA,CAAC;AAEL,CAAC;AAAC6B,OAAA,CAAAlC,MAAA,GAAAA,MAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Text","font","size","textTransform","letterSpacing","color","style","children","textAlign","opacity","margins","paddings","animations","gap","allowFontScaling","maxFontSizeMultiplier","props","skeletor","useSkeletor","animationProps","useMemo","extractAnimationProperties","positionProps","extractPositionProperties","flexProps","extractFlexProperties","sizeProps","extractSizeProperties","gapProps","extractGapProperties","normalizedPaddings","normalizePaddingValues","normalizedMargins","normalizeMarginValues","textSize","defaultFontSize","fontSize","lineHeight","Array","isArray","styles","StyleSheet","flatten","defaultTextColor","fontFamily","defaultFont","jsx","Animated","defaultMaxFontSizeMultiplier","exports"],"sourceRoot":"../../../../src","sources":["components/Text/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Text","font","size","textTransform","letterSpacing","color","style","children","textAlign","opacity","margins","paddings","animations","gap","allowFontScaling","maxFontSizeMultiplier","props","skeletor","useSkeletor","animationProps","useMemo","extractAnimationProperties","positionProps","extractPositionProperties","flexProps","extractFlexProperties","sizeProps","extractSizeProperties","gapProps","extractGapProperties","normalizedPaddings","normalizePaddingValues","normalizedMargins","normalizeMarginValues","textSize","defaultFontSize","fontSize","lineHeight","Array","isArray","styles","StyleSheet","flatten","defaultTextColor","fontFamily","defaultFont","jsx","Animated","defaultMaxFontSizeMultiplier","exports"],"sourceRoot":"../../../../src","sources":["components/Text/Text.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,14 +25,36 @@ Object.keys(_useAndroidBackHandler).forEach(function (key) {
|
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
27
|
});
|
|
28
|
-
var
|
|
29
|
-
Object.keys(
|
|
28
|
+
var _useAnimateParallel = require("./useAnimateParallel.js");
|
|
29
|
+
Object.keys(_useAnimateParallel).forEach(function (key) {
|
|
30
30
|
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] ===
|
|
31
|
+
if (key in exports && exports[key] === _useAnimateParallel[key]) return;
|
|
32
32
|
Object.defineProperty(exports, key, {
|
|
33
33
|
enumerable: true,
|
|
34
34
|
get: function () {
|
|
35
|
-
return
|
|
35
|
+
return _useAnimateParallel[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _useAnimateSequence = require("./useAnimateSequence.js");
|
|
40
|
+
Object.keys(_useAnimateSequence).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _useAnimateSequence[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _useAnimateSequence[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
var _useAnimateStagger = require("./useAnimateStagger.js");
|
|
51
|
+
Object.keys(_useAnimateStagger).forEach(function (key) {
|
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
|
53
|
+
if (key in exports && exports[key] === _useAnimateStagger[key]) return;
|
|
54
|
+
Object.defineProperty(exports, key, {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _useAnimateStagger[key];
|
|
36
58
|
}
|
|
37
59
|
});
|
|
38
60
|
});
|
|
@@ -58,6 +80,17 @@ Object.keys(_useAppState).forEach(function (key) {
|
|
|
58
80
|
}
|
|
59
81
|
});
|
|
60
82
|
});
|
|
83
|
+
var _useLoopAnimation = require("./useLoopAnimation.js");
|
|
84
|
+
Object.keys(_useLoopAnimation).forEach(function (key) {
|
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
|
86
|
+
if (key in exports && exports[key] === _useLoopAnimation[key]) return;
|
|
87
|
+
Object.defineProperty(exports, key, {
|
|
88
|
+
enumerable: true,
|
|
89
|
+
get: function () {
|
|
90
|
+
return _useLoopAnimation[key];
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
});
|
|
61
94
|
var _useSkeletor = require("./useSkeletor.js");
|
|
62
95
|
Object.keys(_useSkeletor).forEach(function (key) {
|
|
63
96
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useAndroidBackHandler","
|
|
1
|
+
{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useAndroidBackHandler","_useAnimateParallel","_useAnimateSequence","_useAnimateStagger","_useAnimationTimeline","_useAppState","_useLoopAnimation","_useSkeletor"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,48 +1,53 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
2
|
+
"name": "@prototyp/skeleform",
|
|
3
|
+
"description": "React/React-Native form management utility",
|
|
4
|
+
"author": "Luka Buljan <luka@prototyp.digital>",
|
|
5
|
+
"version": "1.0.2",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"homepage": "https://github.com/prototypdigital/skeleform",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"directory": "https://github.com/prototypdigital/skeleform"
|
|
11
|
+
},
|
|
12
|
+
"type": "module",
|
|
13
|
+
"main": "dist/index.js",
|
|
14
|
+
"types": "dist/index.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"default": "./dist/index.js"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"scripts": {
|
|
22
|
+
"prepack": "tsc"
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"@types/jest": "29.4.0",
|
|
26
|
+
"@types/react": "^18.0.24",
|
|
27
|
+
"jest": "29.4.2",
|
|
28
|
+
"react": "^18.2.0",
|
|
29
|
+
"typescript": "4.8.4"
|
|
30
|
+
},
|
|
31
|
+
"publishConfig": {
|
|
32
|
+
"access": "public"
|
|
33
|
+
},
|
|
34
|
+
"keywords": [
|
|
35
|
+
"react",
|
|
36
|
+
"react-native",
|
|
37
|
+
"typescript",
|
|
38
|
+
"form",
|
|
39
|
+
"input",
|
|
40
|
+
"state",
|
|
41
|
+
"validation",
|
|
42
|
+
"helpers",
|
|
43
|
+
"utilities",
|
|
44
|
+
"utils"
|
|
45
|
+
],
|
|
46
|
+
"files": [
|
|
47
|
+
"dist",
|
|
48
|
+
"README.md"
|
|
49
|
+
],
|
|
50
|
+
"eslintIgnore": [
|
|
51
|
+
"node_modules/"
|
|
52
|
+
]
|
|
48
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useForm","values","config","keys","useMemo","Object","validation","setValidation","useState","initialState","setInitialState","state","setState","fieldValidation","stateValidation","isOptional","useFormUtils","useEffect","changed","filter","key","length","updatedState","forEach","update","value","shouldValidate","s","undefined","validate","validateForm","useCallback","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,IAAAA,MAAA,GAAAC,OAAA;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,OAAOA,CAAIC,MAAiB,EAAEC,MAAsB,EAAE;
|
|
1
|
+
{"version":3,"names":["_react","require","useForm","values","config","keys","useMemo","Object","validation","setValidation","useState","initialState","setInitialState","state","setState","fieldValidation","stateValidation","isOptional","useFormUtils","useEffect","changed","filter","key","length","updatedState","forEach","update","value","shouldValidate","s","undefined","validate","validateForm","useCallback","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":[]}
|