@prototyp/skeletor 1.0.18 → 1.0.20
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 +4 -0
- package/lib/commonjs/@types/Font.d.js +2 -0
- package/lib/commonjs/@types/Font.d.js.map +1 -0
- package/lib/commonjs/components/Block/Block.js +117 -0
- package/lib/commonjs/components/Block/Block.js.map +1 -0
- package/lib/commonjs/components/Block/index.js +17 -0
- package/lib/commonjs/components/Block/index.js.map +1 -0
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js +111 -0
- package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -0
- package/lib/commonjs/components/InputFocusScrollView/index.js +17 -0
- package/lib/commonjs/components/InputFocusScrollView/index.js.map +1 -0
- package/lib/commonjs/components/Screen/Screen.js +58 -0
- package/lib/commonjs/components/Screen/Screen.js.map +1 -0
- package/lib/commonjs/components/Screen/index.js +17 -0
- package/lib/commonjs/components/Screen/index.js.map +1 -0
- package/lib/commonjs/components/SkeletorProvider/SkeletorContext.js +17 -0
- package/lib/commonjs/components/SkeletorProvider/SkeletorContext.js.map +1 -0
- package/lib/commonjs/components/SkeletorProvider/SkeletorProvider.js +24 -0
- package/lib/commonjs/components/SkeletorProvider/SkeletorProvider.js.map +1 -0
- package/lib/commonjs/components/SkeletorProvider/index.js +28 -0
- package/lib/commonjs/components/SkeletorProvider/index.js.map +1 -0
- package/lib/commonjs/components/Text/Text.js +73 -0
- package/lib/commonjs/components/Text/Text.js.map +1 -0
- package/lib/commonjs/components/Text/index.js +17 -0
- package/lib/commonjs/components/Text/index.js.map +1 -0
- package/lib/commonjs/components/index.js +61 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/components/package.json +3 -0
- package/lib/commonjs/hooks/index.js +72 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/package.json +3 -0
- package/lib/commonjs/hooks/skeleform/README.md +100 -0
- package/lib/commonjs/hooks/skeleform/package.json +48 -0
- package/lib/commonjs/hooks/skeleform/src/index.js +209 -0
- package/lib/commonjs/hooks/skeleform/src/index.js.map +1 -0
- package/lib/commonjs/hooks/skeleform/tsconfig.json +14 -0
- package/lib/commonjs/hooks/skeleform/yarn.lock +2215 -0
- package/lib/commonjs/hooks/useAndroidBackHandler.js +30 -0
- package/lib/commonjs/hooks/useAndroidBackHandler.js.map +1 -0
- package/lib/commonjs/hooks/useAnimation.js +38 -0
- package/lib/commonjs/hooks/useAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useAnimationTimeline.js +102 -0
- package/lib/commonjs/hooks/useAnimationTimeline.js.map +1 -0
- package/lib/commonjs/hooks/useAppState.js +26 -0
- package/lib/commonjs/hooks/useAppState.js.map +1 -0
- package/lib/commonjs/hooks/useSkeletor.js +12 -0
- package/lib/commonjs/hooks/useSkeletor.js.map +1 -0
- package/lib/commonjs/index.js +50 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/models/Alignment.js +6 -0
- package/lib/commonjs/models/Alignment.js.map +1 -0
- package/lib/commonjs/models/Animation.js +6 -0
- package/lib/commonjs/models/Animation.js.map +1 -0
- package/lib/commonjs/models/Border.js +6 -0
- package/lib/commonjs/models/Border.js.map +1 -0
- package/lib/commonjs/models/Flex.js +6 -0
- package/lib/commonjs/models/Flex.js.map +1 -0
- package/lib/commonjs/models/NonAnimatedDimensionValue.js +6 -0
- package/lib/commonjs/models/NonAnimatedDimensionValue.js.map +1 -0
- package/lib/commonjs/models/Position.js +6 -0
- package/lib/commonjs/models/Position.js.map +1 -0
- package/lib/commonjs/models/Size.js +6 -0
- package/lib/commonjs/models/Size.js.map +1 -0
- package/lib/commonjs/models/SkeletorConfig.js +6 -0
- package/lib/commonjs/models/SkeletorConfig.js.map +1 -0
- package/lib/commonjs/models/Spacing.js +6 -0
- package/lib/commonjs/models/Spacing.js.map +1 -0
- package/lib/commonjs/models/TupleTypes.js +2 -0
- package/lib/commonjs/models/TupleTypes.js.map +1 -0
- package/lib/commonjs/models/index.js +116 -0
- package/lib/commonjs/models/index.js.map +1 -0
- package/lib/commonjs/models/package.json +3 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/utils/animations.js +215 -0
- package/lib/commonjs/utils/animations.js.map +1 -0
- package/lib/commonjs/utils/extract-alignment-properties.js +15 -0
- package/lib/commonjs/utils/extract-alignment-properties.js.map +1 -0
- package/lib/commonjs/utils/extract-animation-properties.js +58 -0
- package/lib/commonjs/utils/extract-animation-properties.js.map +1 -0
- package/lib/commonjs/utils/extract-flex-properties.js +30 -0
- package/lib/commonjs/utils/extract-flex-properties.js.map +1 -0
- package/lib/commonjs/utils/extract-gap-properties.js +26 -0
- package/lib/commonjs/utils/extract-gap-properties.js.map +1 -0
- package/lib/commonjs/utils/extract-position-properties.js +25 -0
- package/lib/commonjs/utils/extract-position-properties.js.map +1 -0
- package/lib/commonjs/utils/extract-size-properties.js +17 -0
- package/lib/commonjs/utils/extract-size-properties.js.map +1 -0
- package/lib/commonjs/utils/index.js +94 -0
- package/lib/commonjs/utils/index.js.map +1 -0
- package/lib/commonjs/utils/normalize-spacing-values.js +104 -0
- package/lib/commonjs/utils/normalize-spacing-values.js.map +1 -0
- package/lib/commonjs/utils/package.json +3 -0
- package/lib/module/@types/Font.d.js +2 -0
- package/lib/module/@types/Font.d.js.map +1 -0
- package/lib/module/components/Block/Block.js +44 -33
- package/lib/module/components/Block/Block.js.map +1 -1
- package/lib/module/components/Block/index.js +3 -1
- package/lib/module/components/Block/index.js.map +1 -1
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js +45 -40
- package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js.map +1 -1
- package/lib/module/components/InputFocusScrollView/index.js +3 -1
- package/lib/module/components/InputFocusScrollView/index.js.map +1 -1
- package/lib/module/components/Screen/Screen.js +39 -32
- package/lib/module/components/Screen/Screen.js.map +1 -1
- package/lib/module/components/Screen/index.js +3 -1
- package/lib/module/components/Screen/index.js.map +1 -1
- package/lib/module/components/SkeletorProvider/SkeletorContext.js +4 -1
- package/lib/module/components/SkeletorProvider/SkeletorContext.js.map +1 -1
- package/lib/module/components/SkeletorProvider/SkeletorProvider.js +8 -5
- package/lib/module/components/SkeletorProvider/SkeletorProvider.js.map +1 -1
- package/lib/module/components/SkeletorProvider/index.js +4 -2
- package/lib/module/components/SkeletorProvider/index.js.map +1 -1
- package/lib/module/components/Text/Text.js +36 -35
- package/lib/module/components/Text/Text.js.map +1 -1
- package/lib/module/components/Text/index.js +3 -1
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/index.js +7 -5
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/hooks/index.js +8 -6
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/skeleform/src/index.js +5 -8
- package/lib/module/hooks/skeleform/src/index.js.map +1 -1
- package/lib/module/hooks/useAndroidBackHandler.js +2 -0
- package/lib/module/hooks/useAndroidBackHandler.js.map +1 -1
- package/lib/module/hooks/useAnimation.js +2 -0
- package/lib/module/hooks/useAnimation.js.map +1 -1
- package/lib/module/hooks/useAnimationTimeline.js +6 -4
- package/lib/module/hooks/useAnimationTimeline.js.map +1 -1
- package/lib/module/hooks/useAppState.js +4 -2
- package/lib/module/hooks/useAppState.js.map +1 -1
- package/lib/module/hooks/useSkeletor.js +3 -1
- package/lib/module/hooks/useSkeletor.js.map +1 -1
- package/lib/module/index.js +6 -4
- package/lib/module/index.js.map +1 -1
- package/lib/module/models/Alignment.js +2 -0
- package/lib/module/models/Alignment.js.map +1 -1
- package/lib/module/models/Animation.js +2 -0
- package/lib/module/models/Animation.js.map +1 -1
- package/lib/module/models/Border.js +2 -0
- package/lib/module/models/Border.js.map +1 -1
- package/lib/module/models/Flex.js +2 -0
- package/lib/module/models/Flex.js.map +1 -1
- package/lib/module/models/NonAnimatedDimensionValue.js +4 -0
- package/lib/module/models/NonAnimatedDimensionValue.js.map +1 -0
- package/lib/module/models/Position.js +2 -0
- package/lib/module/models/Position.js.map +1 -1
- package/lib/module/models/Size.js +2 -0
- package/lib/module/models/Size.js.map +1 -1
- package/lib/module/models/SkeletorConfig.js +2 -0
- package/lib/module/models/SkeletorConfig.js.map +1 -1
- package/lib/module/models/Spacing.js +2 -0
- package/lib/module/models/Spacing.js.map +1 -1
- package/lib/module/models/TupleTypes.js +2 -0
- package/lib/module/models/TupleTypes.js.map +1 -0
- package/lib/module/models/index.js +12 -8
- package/lib/module/models/index.js.map +1 -1
- package/lib/module/package.json +1 -0
- package/lib/module/utils/animations.js +11 -6
- package/lib/module/utils/animations.js.map +1 -1
- package/lib/module/utils/{extractAlignmentProperties.js → extract-alignment-properties.js} +3 -1
- package/lib/module/utils/extract-alignment-properties.js.map +1 -0
- package/lib/module/utils/{extractAnimationProperties.js → extract-animation-properties.js} +3 -1
- package/lib/module/utils/extract-animation-properties.js.map +1 -0
- package/lib/module/utils/{extractFlexProperties.js → extract-flex-properties.js} +3 -1
- package/lib/module/utils/extract-flex-properties.js.map +1 -0
- package/lib/module/utils/{extractGapProperties.js → extract-gap-properties.js} +3 -1
- package/lib/module/utils/extract-gap-properties.js.map +1 -0
- package/lib/module/utils/{extractPositionProperties.js → extract-position-properties.js} +4 -3
- package/lib/module/utils/extract-position-properties.js.map +1 -0
- package/lib/module/utils/{extractSizeProperties.js → extract-size-properties.js} +3 -1
- package/lib/module/utils/extract-size-properties.js.map +1 -0
- package/lib/module/utils/index.js +10 -7
- package/lib/module/utils/index.js.map +1 -1
- package/lib/module/utils/normalize-spacing-values.js +99 -0
- package/lib/module/utils/normalize-spacing-values.js.map +1 -0
- package/lib/typescript/commonjs/components/Block/Block.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Block/index.d.ts.map +1 -0
- package/lib/typescript/{components → commonjs/components}/InputFocusScrollView/InputFocusScrollView.d.ts +1 -1
- package/lib/typescript/commonjs/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/InputFocusScrollView/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Screen/Screen.d.ts +19 -0
- package/lib/typescript/commonjs/components/Screen/Screen.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Screen/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/SkeletorProvider/SkeletorContext.d.ts.map +1 -0
- package/lib/typescript/{components → commonjs/components}/SkeletorProvider/SkeletorProvider.d.ts +1 -1
- package/lib/typescript/commonjs/components/SkeletorProvider/SkeletorProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/SkeletorProvider/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Text/Text.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Text/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/skeleform/src/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAndroidBackHandler.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAnimation.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAnimationTimeline.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useAppState.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useSkeletor.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/Alignment.d.ts.map +1 -0
- package/lib/typescript/{models → commonjs/models}/Animation.d.ts +2 -0
- package/lib/typescript/commonjs/models/Animation.d.ts.map +1 -0
- package/lib/typescript/{models → commonjs/models}/Border.d.ts +1 -1
- package/lib/typescript/commonjs/models/Border.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/Flex.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/NonAnimatedDimensionValue.d.ts +4 -0
- package/lib/typescript/commonjs/models/NonAnimatedDimensionValue.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/Position.d.ts.map +1 -0
- package/lib/typescript/{models → commonjs/models}/Size.d.ts +1 -1
- package/lib/typescript/commonjs/models/Size.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/SkeletorConfig.d.ts +20 -0
- package/lib/typescript/commonjs/models/SkeletorConfig.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/Spacing.d.ts +25 -0
- package/lib/typescript/commonjs/models/Spacing.d.ts.map +1 -0
- package/lib/typescript/commonjs/models/TupleTypes.d.ts +2 -0
- package/lib/typescript/commonjs/models/TupleTypes.d.ts.map +1 -0
- package/lib/typescript/{models → commonjs/models}/index.d.ts +2 -0
- package/lib/typescript/commonjs/models/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/package.json +1 -0
- package/lib/typescript/commonjs/utils/animations.d.ts.map +1 -0
- package/lib/typescript/{utils/extractAlignmentProperties.d.ts → commonjs/utils/extract-alignment-properties.d.ts} +1 -1
- package/lib/typescript/commonjs/utils/extract-alignment-properties.d.ts.map +1 -0
- package/lib/typescript/{utils/extractAnimationProperties.d.ts → commonjs/utils/extract-animation-properties.d.ts} +1 -1
- package/lib/typescript/commonjs/utils/extract-animation-properties.d.ts.map +1 -0
- package/lib/typescript/{utils/extractFlexProperties.d.ts → commonjs/utils/extract-flex-properties.d.ts} +1 -1
- package/lib/typescript/commonjs/utils/extract-flex-properties.d.ts.map +1 -0
- package/lib/typescript/{utils/extractGapProperties.d.ts → commonjs/utils/extract-gap-properties.d.ts} +1 -1
- package/lib/typescript/commonjs/utils/extract-gap-properties.d.ts.map +1 -0
- package/lib/typescript/{utils/extractPositionProperties.d.ts → commonjs/utils/extract-position-properties.d.ts} +1 -1
- package/lib/typescript/commonjs/utils/extract-position-properties.d.ts.map +1 -0
- package/lib/typescript/{utils/extractSizeProperties.d.ts → commonjs/utils/extract-size-properties.d.ts} +1 -1
- package/lib/typescript/commonjs/utils/extract-size-properties.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts +9 -0
- package/lib/typescript/commonjs/utils/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/normalize-spacing-values.d.ts +5 -0
- package/lib/typescript/commonjs/utils/normalize-spacing-values.d.ts.map +1 -0
- package/lib/typescript/module/components/Block/Block.d.ts +25 -0
- package/lib/typescript/module/components/Block/Block.d.ts.map +1 -0
- package/lib/typescript/module/components/Block/index.d.ts +2 -0
- package/lib/typescript/module/components/Block/index.d.ts.map +1 -0
- package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts +26 -0
- package/lib/typescript/module/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +1 -0
- package/lib/typescript/module/components/InputFocusScrollView/index.d.ts +2 -0
- package/lib/typescript/module/components/InputFocusScrollView/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Screen/Screen.d.ts +19 -0
- package/lib/typescript/module/components/Screen/Screen.d.ts.map +1 -0
- package/lib/typescript/module/components/Screen/index.d.ts +2 -0
- package/lib/typescript/module/components/Screen/index.d.ts.map +1 -0
- package/lib/typescript/module/components/SkeletorProvider/SkeletorContext.d.ts +5 -0
- package/lib/typescript/module/components/SkeletorProvider/SkeletorContext.d.ts.map +1 -0
- package/lib/typescript/module/components/SkeletorProvider/SkeletorProvider.d.ts +8 -0
- package/lib/typescript/module/components/SkeletorProvider/SkeletorProvider.d.ts.map +1 -0
- package/lib/typescript/module/components/SkeletorProvider/index.d.ts +3 -0
- package/lib/typescript/module/components/SkeletorProvider/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Text/Text.d.ts +21 -0
- package/lib/typescript/module/components/Text/Text.d.ts.map +1 -0
- package/lib/typescript/module/components/Text/index.d.ts +2 -0
- package/lib/typescript/module/components/Text/index.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +6 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -0
- package/lib/typescript/module/hooks/index.d.ts +7 -0
- package/lib/typescript/module/hooks/index.d.ts.map +1 -0
- package/lib/typescript/module/hooks/skeleform/src/index.d.ts +50 -0
- package/lib/typescript/module/hooks/skeleform/src/index.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAndroidBackHandler.d.ts +16 -0
- package/lib/typescript/module/hooks/useAndroidBackHandler.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAnimation.d.ts +20 -0
- package/lib/typescript/module/hooks/useAnimation.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAnimationTimeline.d.ts +30 -0
- package/lib/typescript/module/hooks/useAnimationTimeline.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useAppState.d.ts +7 -0
- package/lib/typescript/module/hooks/useAppState.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useSkeletor.d.ts +3 -0
- package/lib/typescript/module/hooks/useSkeletor.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +5 -0
- package/lib/typescript/module/index.d.ts.map +1 -0
- package/lib/typescript/module/models/Alignment.d.ts +8 -0
- package/lib/typescript/module/models/Alignment.d.ts.map +1 -0
- package/lib/typescript/module/models/Animation.d.ts +47 -0
- package/lib/typescript/module/models/Animation.d.ts.map +1 -0
- package/lib/typescript/module/models/Border.d.ts +10 -0
- package/lib/typescript/module/models/Border.d.ts.map +1 -0
- package/lib/typescript/module/models/Flex.d.ts +15 -0
- package/lib/typescript/module/models/Flex.d.ts.map +1 -0
- package/lib/typescript/module/models/NonAnimatedDimensionValue.d.ts +4 -0
- package/lib/typescript/module/models/NonAnimatedDimensionValue.d.ts.map +1 -0
- package/lib/typescript/module/models/Position.d.ts +20 -0
- package/lib/typescript/module/models/Position.d.ts.map +1 -0
- package/lib/typescript/module/models/Size.d.ts +10 -0
- package/lib/typescript/module/models/Size.d.ts.map +1 -0
- package/lib/typescript/module/models/SkeletorConfig.d.ts +20 -0
- package/lib/typescript/module/models/SkeletorConfig.d.ts.map +1 -0
- package/lib/typescript/module/models/Spacing.d.ts +25 -0
- package/lib/typescript/module/models/Spacing.d.ts.map +1 -0
- package/lib/typescript/module/models/TupleTypes.d.ts +2 -0
- package/lib/typescript/module/models/TupleTypes.d.ts.map +1 -0
- package/lib/typescript/module/models/index.d.ts +11 -0
- package/lib/typescript/module/models/index.d.ts.map +1 -0
- package/lib/typescript/module/package.json +1 -0
- package/lib/typescript/module/utils/animations.d.ts +21 -0
- package/lib/typescript/module/utils/animations.d.ts.map +1 -0
- package/lib/typescript/module/utils/extract-alignment-properties.d.ts +11 -0
- package/lib/typescript/module/utils/extract-alignment-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/extract-animation-properties.d.ts +6 -0
- package/lib/typescript/module/utils/extract-animation-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/extract-flex-properties.d.ts +3 -0
- package/lib/typescript/module/utils/extract-flex-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/extract-gap-properties.d.ts +8 -0
- package/lib/typescript/module/utils/extract-gap-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/extract-position-properties.d.ts +13 -0
- package/lib/typescript/module/utils/extract-position-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/extract-size-properties.d.ts +3 -0
- package/lib/typescript/module/utils/extract-size-properties.d.ts.map +1 -0
- package/lib/typescript/module/utils/index.d.ts +9 -0
- package/lib/typescript/module/utils/index.d.ts.map +1 -0
- package/lib/typescript/module/utils/normalize-spacing-values.d.ts +5 -0
- package/lib/typescript/module/utils/normalize-spacing-values.d.ts.map +1 -0
- package/package.json +93 -61
- package/lib/module/types/Font.d.js +0 -2
- package/lib/module/types/Font.d.js.map +0 -1
- package/lib/module/utils/extractAlignmentProperties.js.map +0 -1
- package/lib/module/utils/extractAnimationProperties.js.map +0 -1
- package/lib/module/utils/extractFlexProperties.js.map +0 -1
- package/lib/module/utils/extractGapProperties.js.map +0 -1
- package/lib/module/utils/extractPositionProperties.js.map +0 -1
- package/lib/module/utils/extractSizeProperties.js.map +0 -1
- package/lib/typescript/components/Block/Block.d.ts.map +0 -1
- package/lib/typescript/components/Block/index.d.ts.map +0 -1
- package/lib/typescript/components/InputFocusScrollView/InputFocusScrollView.d.ts.map +0 -1
- package/lib/typescript/components/InputFocusScrollView/index.d.ts.map +0 -1
- package/lib/typescript/components/Screen/Screen.d.ts +0 -15
- package/lib/typescript/components/Screen/Screen.d.ts.map +0 -1
- package/lib/typescript/components/Screen/index.d.ts.map +0 -1
- package/lib/typescript/components/SkeletorProvider/SkeletorContext.d.ts.map +0 -1
- package/lib/typescript/components/SkeletorProvider/SkeletorProvider.d.ts.map +0 -1
- package/lib/typescript/components/SkeletorProvider/index.d.ts.map +0 -1
- package/lib/typescript/components/Text/Text.d.ts.map +0 -1
- package/lib/typescript/components/Text/index.d.ts.map +0 -1
- package/lib/typescript/components/index.d.ts.map +0 -1
- package/lib/typescript/hooks/index.d.ts.map +0 -1
- package/lib/typescript/hooks/skeleform/src/index.d.ts.map +0 -1
- package/lib/typescript/hooks/useAndroidBackHandler.d.ts.map +0 -1
- package/lib/typescript/hooks/useAnimation.d.ts.map +0 -1
- package/lib/typescript/hooks/useAnimationTimeline.d.ts.map +0 -1
- package/lib/typescript/hooks/useAppState.d.ts.map +0 -1
- package/lib/typescript/hooks/useSkeletor.d.ts.map +0 -1
- package/lib/typescript/index.d.ts.map +0 -1
- package/lib/typescript/models/Alignment.d.ts.map +0 -1
- package/lib/typescript/models/Animation.d.ts.map +0 -1
- package/lib/typescript/models/Border.d.ts.map +0 -1
- package/lib/typescript/models/Flex.d.ts.map +0 -1
- package/lib/typescript/models/Position.d.ts.map +0 -1
- package/lib/typescript/models/Size.d.ts.map +0 -1
- package/lib/typescript/models/SkeletorConfig.d.ts +0 -7
- package/lib/typescript/models/SkeletorConfig.d.ts.map +0 -1
- package/lib/typescript/models/Spacing.d.ts +0 -21
- package/lib/typescript/models/Spacing.d.ts.map +0 -1
- package/lib/typescript/models/index.d.ts.map +0 -1
- package/lib/typescript/utils/animations.d.ts.map +0 -1
- package/lib/typescript/utils/extractAlignmentProperties.d.ts.map +0 -1
- package/lib/typescript/utils/extractAnimationProperties.d.ts.map +0 -1
- package/lib/typescript/utils/extractFlexProperties.d.ts.map +0 -1
- package/lib/typescript/utils/extractGapProperties.d.ts.map +0 -1
- package/lib/typescript/utils/extractPositionProperties.d.ts.map +0 -1
- package/lib/typescript/utils/extractSizeProperties.d.ts.map +0 -1
- package/lib/typescript/utils/index.d.ts +0 -8
- package/lib/typescript/utils/index.d.ts.map +0 -1
- /package/lib/typescript/{components → commonjs/components}/Block/Block.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/Block/index.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/InputFocusScrollView/index.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/Screen/index.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/SkeletorProvider/SkeletorContext.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/SkeletorProvider/index.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/Text/Text.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/Text/index.d.ts +0 -0
- /package/lib/typescript/{components → commonjs/components}/index.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/index.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/skeleform/src/index.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/useAndroidBackHandler.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/useAnimation.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/useAnimationTimeline.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/useAppState.d.ts +0 -0
- /package/lib/typescript/{hooks → commonjs/hooks}/useSkeletor.d.ts +0 -0
- /package/lib/typescript/{index.d.ts → commonjs/index.d.ts} +0 -0
- /package/lib/typescript/{models → commonjs/models}/Alignment.d.ts +0 -0
- /package/lib/typescript/{models → commonjs/models}/Flex.d.ts +0 -0
- /package/lib/typescript/{models → commonjs/models}/Position.d.ts +0 -0
- /package/lib/typescript/{utils → commonjs/utils}/animations.d.ts +0 -0
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
2
3
|
import React, { useMemo } from "react";
|
|
3
4
|
import { Animated, ScrollView, StyleSheet } from "react-native";
|
|
4
|
-
import { extractAlignmentProperties, extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties } from "../../utils";
|
|
5
|
+
import { extractAlignmentProperties, extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties, normalizeMarginValues, normalizePaddingValues } from "../../utils/index.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
7
|
const BlockElement = ({
|
|
6
8
|
children,
|
|
7
9
|
...props
|
|
@@ -19,24 +21,28 @@ const BlockElement = ({
|
|
|
19
21
|
gap,
|
|
20
22
|
...view
|
|
21
23
|
} = props;
|
|
22
|
-
const
|
|
24
|
+
const sizeProps = extractSizeProperties(props);
|
|
25
|
+
const positionProps = extractPositionProperties(props);
|
|
26
|
+
const alignmentProps = extractAlignmentProperties(props);
|
|
23
27
|
const flexProps = useMemo(() => extractFlexProperties({
|
|
24
28
|
flex
|
|
25
29
|
}), [flex]);
|
|
26
30
|
const gapProps = useMemo(() => extractGapProperties({
|
|
27
31
|
gap
|
|
28
32
|
}), [gap]);
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const styles =
|
|
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([{
|
|
33
37
|
backgroundColor: typeof background === "string" ? background : undefined,
|
|
34
38
|
overflow,
|
|
35
39
|
opacity
|
|
36
|
-
}, alignmentProps,
|
|
37
|
-
return /*#__PURE__*/
|
|
38
|
-
|
|
39
|
-
|
|
40
|
+
}, alignmentProps, normalizedMargins, normalizedPaddings, border, flexProps, sizeProps, positionProps, gapProps, style]);
|
|
41
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
42
|
+
...view,
|
|
43
|
+
style: [styles, animationProps],
|
|
44
|
+
children: children
|
|
45
|
+
});
|
|
40
46
|
};
|
|
41
47
|
function isScrollable(props) {
|
|
42
48
|
return !!props.scrollable;
|
|
@@ -53,16 +59,20 @@ export const Block = ({
|
|
|
53
59
|
...props
|
|
54
60
|
}) => {
|
|
55
61
|
if (!isScrollable(props)) {
|
|
56
|
-
return /*#__PURE__*/
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
return /*#__PURE__*/_jsxs(BlockElement, {
|
|
63
|
+
...props,
|
|
64
|
+
children: [props.background && typeof props.background !== "string" && /*#__PURE__*/_jsx(BlockElement, {
|
|
65
|
+
absolute: true,
|
|
66
|
+
zIndex: -1,
|
|
67
|
+
offsets: {
|
|
68
|
+
top: 0,
|
|
69
|
+
bottom: 0,
|
|
70
|
+
left: 0,
|
|
71
|
+
right: 0
|
|
72
|
+
},
|
|
73
|
+
children: props.background
|
|
74
|
+
}), children]
|
|
75
|
+
});
|
|
66
76
|
}
|
|
67
77
|
const {
|
|
68
78
|
scrollProps,
|
|
@@ -76,7 +86,7 @@ export const Block = ({
|
|
|
76
86
|
bounces = false,
|
|
77
87
|
contentContainerStyle
|
|
78
88
|
} = scrollProps || {};
|
|
79
|
-
return /*#__PURE__*/
|
|
89
|
+
return /*#__PURE__*/_jsx(ScrollView, {
|
|
80
90
|
horizontal: horizontal,
|
|
81
91
|
keyboardShouldPersistTaps: keyboardShouldPersistTaps,
|
|
82
92
|
showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
|
|
@@ -85,16 +95,17 @@ export const Block = ({
|
|
|
85
95
|
contentContainerStyle: [{
|
|
86
96
|
flexGrow: 1,
|
|
87
97
|
backgroundColor: typeof rest.background === "string" ? rest.background : undefined
|
|
88
|
-
}, contentContainerStyle]
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
98
|
+
}, contentContainerStyle],
|
|
99
|
+
...scrollProps,
|
|
100
|
+
children: /*#__PURE__*/_jsxs(BlockElement, {
|
|
101
|
+
...rest,
|
|
102
|
+
children: [rest.background && typeof rest.background !== "string" && /*#__PURE__*/_jsx(BlockElement, {
|
|
103
|
+
absolute: true,
|
|
104
|
+
zIndex: -1,
|
|
105
|
+
offsets: [0, 0, 0, 0],
|
|
106
|
+
children: rest.background
|
|
107
|
+
}), children]
|
|
108
|
+
})
|
|
109
|
+
});
|
|
99
110
|
};
|
|
100
111
|
//# sourceMappingURL=Block.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Animated","ScrollView","StyleSheet","extractAlignmentProperties","extractAnimationProperties","extractFlexProperties","extractGapProperties","extractPositionProperties","extractSizeProperties","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","flex","gap","view","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Animated","ScrollView","StyleSheet","extractAlignmentProperties","extractAnimationProperties","extractFlexProperties","extractGapProperties","extractPositionProperties","extractSizeProperties","normalizeMarginValues","normalizePaddingValues","jsx","_jsx","jsxs","_jsxs","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","flex","gap","view","sizeProps","positionProps","alignmentProps","flexProps","gapProps","animationProps","normalizedMargins","normalizedPaddings","styles","flatten","backgroundColor","undefined","View","isScrollable","scrollable","Block","absolute","zIndex","offsets","top","bottom","left","right","scrollProps","rest","horizontal","keyboardShouldPersistTaps","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","contentContainerStyle","flexGrow"],"sourceRoot":"../../../../src","sources":["components/Block/Block.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Block/index.ts"],"mappings":";;AAAA,cAAc,YAAS","ignoreList":[]}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useMemo, useRef } from "react";
|
|
4
|
+
import { Dimensions, Keyboard, Platform, ScrollView, StyleSheet } from "react-native";
|
|
5
|
+
import { extractGapProperties, normalizeMarginValues, normalizePaddingValues } from "../../utils/index.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
7
|
/**
|
|
6
8
|
* 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.
|
|
7
9
|
*
|
|
@@ -31,60 +33,64 @@ export const InputFocusScrollView = ({
|
|
|
31
33
|
bounces = false,
|
|
32
34
|
...rest
|
|
33
35
|
}) => {
|
|
34
|
-
const screenHeight = useRef(Dimensions.get("screen").height).current;
|
|
35
36
|
const ref = useRef(null);
|
|
37
|
+
const scrollTarget = useRef();
|
|
38
|
+
const elementOffset = useRef(0);
|
|
39
|
+
const contentHeight = useRef(0);
|
|
36
40
|
/** Cached scroll position to keep focus on input if layout shifts. */
|
|
37
|
-
const
|
|
38
|
-
const
|
|
41
|
+
const scrollPosition = useRef(0);
|
|
42
|
+
const focusOffset = useRef(0);
|
|
39
43
|
function onInputFocus(e) {
|
|
40
|
-
if (Platform.OS !== "ios" || !scrollTarget) {
|
|
44
|
+
if (Platform.OS !== "ios" || !scrollTarget.current) {
|
|
41
45
|
return;
|
|
42
46
|
}
|
|
43
|
-
e.currentTarget.measureLayout(scrollTarget, (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
// Cache scroll position for layout shift cases
|
|
51
|
-
setScrollPosition(scrollY);
|
|
52
|
-
// Scroll to input position
|
|
53
|
-
(_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.scrollTo({
|
|
47
|
+
e.currentTarget.measureLayout(scrollTarget.current, (_nope, top, _nuuh, elementHeight) => {
|
|
48
|
+
focusOffset.current = focusPositionOffset !== undefined ? Dimensions.get("screen").height * focusPositionOffset : 0;
|
|
49
|
+
// bottom of element
|
|
50
|
+
elementOffset.current = top + elementHeight;
|
|
51
|
+
const scrollY = elementOffset.current - focusOffset.current;
|
|
52
|
+
scrollPosition.current = scrollY;
|
|
53
|
+
ref.current?.scrollTo({
|
|
54
54
|
y: scrollY
|
|
55
55
|
});
|
|
56
56
|
}, () => console.error("failed to measure layout"));
|
|
57
57
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
(_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.scrollTo({
|
|
66
|
-
y: scrollPosition,
|
|
67
|
-
animated: false
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const listener = Keyboard.addListener("keyboardWillHide", () => {
|
|
60
|
+
const keyboardHeight = Keyboard.metrics()?.height || 0;
|
|
61
|
+
const leftoverSpace = contentHeight.current - elementOffset.current;
|
|
62
|
+
// If we haven't reached scroll view overflow yet, do nothing
|
|
63
|
+
if (leftoverSpace < keyboardHeight) ref.current?.scrollToEnd();
|
|
68
64
|
});
|
|
69
|
-
|
|
70
|
-
}
|
|
65
|
+
return listener.remove;
|
|
66
|
+
});
|
|
71
67
|
const gapProps = useMemo(() => extractGapProperties({
|
|
72
68
|
gap
|
|
73
69
|
}), [gap]);
|
|
74
|
-
const
|
|
75
|
-
const
|
|
76
|
-
|
|
70
|
+
const normalizedMargins = useMemo(() => normalizeMarginValues(margins), [margins]);
|
|
71
|
+
const normalizedPaddings = useMemo(() => normalizePaddingValues(paddings), [paddings]);
|
|
72
|
+
const containerStyles = StyleSheet.flatten([styles[height], normalizedMargins, style]);
|
|
73
|
+
const contentStyles = StyleSheet.flatten([styles.content, normalizedPaddings, gapProps, contentContainerStyle]);
|
|
74
|
+
return /*#__PURE__*/_jsx(ScrollView, {
|
|
77
75
|
ref: ref,
|
|
78
76
|
scrollToOverflowEnabled: true,
|
|
79
77
|
scrollEventThrottle: 33,
|
|
80
|
-
onLayout:
|
|
81
|
-
|
|
78
|
+
onLayout: ({
|
|
79
|
+
currentTarget
|
|
80
|
+
}) => {
|
|
81
|
+
scrollTarget.current = currentTarget;
|
|
82
|
+
},
|
|
83
|
+
onContentSizeChange: (_, height) => {
|
|
84
|
+
contentHeight.current = height;
|
|
85
|
+
},
|
|
82
86
|
showsVerticalScrollIndicator: showsVerticalScrollIndicator,
|
|
83
87
|
showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
|
|
84
88
|
bounces: bounces,
|
|
85
89
|
style: containerStyles,
|
|
86
|
-
contentContainerStyle: contentStyles
|
|
87
|
-
|
|
90
|
+
contentContainerStyle: contentStyles,
|
|
91
|
+
...rest,
|
|
92
|
+
children: children(onInputFocus)
|
|
93
|
+
});
|
|
88
94
|
};
|
|
89
95
|
const styles = StyleSheet.create({
|
|
90
96
|
full: {
|
|
@@ -94,8 +100,7 @@ const styles = StyleSheet.create({
|
|
|
94
100
|
height: "auto"
|
|
95
101
|
},
|
|
96
102
|
content: {
|
|
97
|
-
flexGrow: 1
|
|
98
|
-
paddingBottom: 30
|
|
103
|
+
flexGrow: 1
|
|
99
104
|
}
|
|
100
105
|
});
|
|
101
106
|
//# sourceMappingURL=InputFocusScrollView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","useRef","Dimensions","Keyboard","Platform","ScrollView","StyleSheet","extractGapProperties","normalizeMarginValues","normalizePaddingValues","jsx","_jsx","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","gap","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","rest","ref","scrollTarget","elementOffset","contentHeight","scrollPosition","focusOffset","onInputFocus","e","OS","current","currentTarget","measureLayout","_nope","top","_nuuh","elementHeight","undefined","get","scrollY","scrollTo","y","console","error","listener","addListener","keyboardHeight","metrics","leftoverSpace","scrollToEnd","remove","gapProps","normalizedMargins","normalizedPaddings","containerStyles","flatten","styles","contentStyles","content","scrollToOverflowEnabled","scrollEventThrottle","onLayout","onContentSizeChange","_","create","full","auto","flexGrow"],"sourceRoot":"../../../../src","sources":["components/InputFocusScrollView/InputFocusScrollView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/InputFocusScrollView/index.ts"],"mappings":";;AAAA,cAAc,2BAAwB","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import { useSkeletor } from "../../hooks";
|
|
5
|
-
import { Block } from "../Block";
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { SafeAreaView, StatusBar, StyleSheet } from "react-native";
|
|
4
|
+
import { useSkeletor } from "../../hooks/index.js";
|
|
5
|
+
import { Block } from "../Block/index.js";
|
|
6
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
7
|
export const Screen = ({
|
|
7
8
|
background,
|
|
8
9
|
children,
|
|
@@ -11,36 +12,42 @@ export const Screen = ({
|
|
|
11
12
|
bottomSafeAreaColor,
|
|
12
13
|
topSafeAreaColor,
|
|
13
14
|
statusBarType,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
flex = 1,
|
|
15
|
+
statusBarBackground,
|
|
16
|
+
statusBarTranslucent,
|
|
17
|
+
paddings,
|
|
18
18
|
...blockProps
|
|
19
19
|
}) => {
|
|
20
20
|
const {
|
|
21
|
-
defaultStatusBarType
|
|
21
|
+
defaultStatusBarType,
|
|
22
|
+
defaultStatusBarBackground,
|
|
23
|
+
defaultStatusBarTranslucent
|
|
22
24
|
} = useSkeletor();
|
|
23
|
-
return /*#__PURE__*/
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
25
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
26
|
+
children: [background && (typeof background === "string" ? /*#__PURE__*/_jsx(Block, {
|
|
27
|
+
style: [StyleSheet.absoluteFill, {
|
|
28
|
+
backgroundColor: background
|
|
29
|
+
}]
|
|
30
|
+
}) : /*#__PURE__*/_jsx(Block, {
|
|
31
|
+
style: StyleSheet.absoluteFill,
|
|
32
|
+
children: background
|
|
33
|
+
})), /*#__PURE__*/_jsx(StatusBar, {
|
|
34
|
+
translucent: statusBarTranslucent || defaultStatusBarTranslucent || false,
|
|
35
|
+
barStyle: statusBarType || defaultStatusBarType,
|
|
36
|
+
backgroundColor: statusBarBackground || defaultStatusBarBackground || "transparent"
|
|
37
|
+
}), !hideTopSafeArea && /*#__PURE__*/_jsx(SafeAreaView, {
|
|
38
|
+
style: {
|
|
39
|
+
backgroundColor: topSafeAreaColor
|
|
40
|
+
}
|
|
41
|
+
}), /*#__PURE__*/_jsx(Block, {
|
|
42
|
+
flex: 1,
|
|
43
|
+
paddings: paddings,
|
|
44
|
+
...blockProps,
|
|
45
|
+
children: children
|
|
46
|
+
}), !hideBottomSafeArea && /*#__PURE__*/_jsx(SafeAreaView, {
|
|
47
|
+
style: {
|
|
48
|
+
backgroundColor: bottomSafeAreaColor
|
|
49
|
+
}
|
|
50
|
+
})]
|
|
51
|
+
});
|
|
45
52
|
};
|
|
46
53
|
//# sourceMappingURL=Screen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["SafeAreaView","StatusBar","StyleSheet","useSkeletor","Block","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","style","absoluteFill","backgroundColor","translucent","barStyle","flex"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;AACA,SAEEA,YAAY,EACZC,SAAS,EAGTC,UAAU,QACL,cAAc;AAErB,SAASC,WAAW,QAAQ,sBAAa;AACzC,SAASC,KAAK,QAAyB,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBlD,OAAO,MAAMC,MAAgD,GAAGA,CAAC;EAC/DC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,aAAa;EACbC,mBAAmB;EACnBC,oBAAoB;EACpBC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IACJC,oBAAoB;IACpBC,0BAA0B;IAC1BC;EACF,CAAC,GAAGtB,WAAW,CAAC,CAAC;EAEjB,oBACEO,KAAA,CAAAF,SAAA;IAAAK,QAAA,GACGD,UAAU,KACR,OAAOA,UAAU,KAAK,QAAQ,gBAC7BN,IAAA,CAACF,KAAK;MACJsB,KAAK,EAAE,CAACxB,UAAU,CAACyB,YAAY,EAAE;QAAEC,eAAe,EAAEhB;MAAW,CAAC;IAAE,CACnE,CAAC,gBAEFN,IAAA,CAACF,KAAK;MAACsB,KAAK,EAAExB,UAAU,CAACyB,YAAa;MAAAd,QAAA,EAAED;IAAU,CAAQ,CAC3D,CAAC,eAEJN,IAAA,CAACL,SAAS;MACR4B,WAAW,EACTT,oBAAoB,IAAIK,2BAA2B,IAAI,KACxD;MACDK,QAAQ,EAAEZ,aAAa,IAAIK,oBAAqB;MAChDK,eAAe,EACbT,mBAAmB,IAAIK,0BAA0B,IAAI;IACtD,CACF,CAAC,EAED,CAACT,eAAe,iBACfT,IAAA,CAACN,YAAY;MAAC0B,KAAK,EAAE;QAAEE,eAAe,EAAEX;MAAiB;IAAE,CAAE,CAC9D,eAEDX,IAAA,CAACF,KAAK;MAAC2B,IAAI,EAAE,CAAE;MAACV,QAAQ,EAAEA,QAAS;MAAA,GAAKC,UAAU;MAAAT,QAAA,EAC/CA;IAAQ,CACJ,CAAC,EAEP,CAACC,kBAAkB,iBAClBR,IAAA,CAACN,YAAY;MACX0B,KAAK,EAAE;QACLE,eAAe,EAAEZ;MACnB;IAAE,CACH,CACF;EAAA,CACD,CAAC;AAEP,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Screen/index.ts"],"mappings":";;AAAA,cAAc,aAAU","ignoreList":[]}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
1
3
|
import React from "react";
|
|
2
4
|
export const SkeletorDefaults = {
|
|
3
5
|
defaultFont: undefined,
|
|
4
6
|
defaultFontSize: [12, 16],
|
|
5
7
|
defaultStatusBarType: "dark-content",
|
|
6
|
-
defaultTextColor: "black"
|
|
8
|
+
defaultTextColor: "black",
|
|
9
|
+
allowFontScaling: false
|
|
7
10
|
};
|
|
8
11
|
export const SkeletorContext = /*#__PURE__*/React.createContext(SkeletorDefaults);
|
|
9
12
|
//# sourceMappingURL=SkeletorContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","SkeletorDefaults","defaultFont","undefined","defaultFontSize","defaultStatusBarType","defaultTextColor","SkeletorContext","createContext"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["React","SkeletorDefaults","defaultFont","undefined","defaultFontSize","defaultStatusBarType","defaultTextColor","allowFontScaling","SkeletorContext","createContext"],"sourceRoot":"../../../../src","sources":["components/SkeletorProvider/SkeletorContext.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,gBAAgC,GAAG;EAC/CC,WAAW,EAAEC,SAAS;EACtBC,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;EACzBC,oBAAoB,EAAE,cAAc;EACpCC,gBAAgB,EAAE,OAAO;EACzBC,gBAAgB,EAAE;AACnB,CAAC;AAED,OAAO,MAAMC,eAAe,gBAC3BR,KAAK,CAACS,aAAa,CAAiBR,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { SkeletorContext, SkeletorDefaults } from "./SkeletorContext.js";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
5
|
/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
|
|
4
6
|
* @example type Font = "Helvetica" | "Montserrat" ... */
|
|
5
7
|
export const SkeletorProvider = ({
|
|
6
8
|
children,
|
|
7
9
|
...config
|
|
8
10
|
}) => {
|
|
9
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/_jsx(SkeletorContext.Provider, {
|
|
10
12
|
value: {
|
|
11
13
|
...SkeletorDefaults,
|
|
12
14
|
...config
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
+
},
|
|
16
|
+
children: children
|
|
17
|
+
});
|
|
15
18
|
};
|
|
16
19
|
//# sourceMappingURL=SkeletorProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["SkeletorContext","SkeletorDefaults","jsx","_jsx","SkeletorProvider","children","config","Provider","value"],"sourceRoot":"../../../../src","sources":["components/SkeletorProvider/SkeletorProvider.tsx"],"mappings":";;AAEA,SAASA,eAAe,EAAEC,gBAAgB,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItE;AACA;AACA,OAAO,MAAMC,gBAAoD,GAAGA,CAAC;EACnEC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEH,IAAA,CAACH,eAAe,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAE,GAAGP,gBAAgB;MAAE,GAAGK;IAAO,CAAE;IAAAD,QAAA,EACjEA;EAAQ,CACe,CAAC;AAE/B,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/SkeletorProvider/index.ts"],"mappings":";;AAAA,cAAc,sBAAmB;AACjC,cAAc,uBAAoB","ignoreList":[]}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
2
3
|
import React, { useMemo } from "react";
|
|
3
4
|
import { Animated, StyleSheet } from "react-native";
|
|
4
|
-
import { useSkeletor } from "../../hooks";
|
|
5
|
-
import { extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties } from "../../utils";
|
|
5
|
+
import { useSkeletor } from "../../hooks/index.js";
|
|
6
|
+
import { extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties, normalizeMarginValues, normalizePaddingValues } from "../../utils/index.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
8
|
/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
|
|
7
9
|
* @example type Font = "Helvetica" | "Montserrat" ... */
|
|
8
10
|
export const Text = ({
|
|
@@ -19,48 +21,47 @@ export const Text = ({
|
|
|
19
21
|
paddings,
|
|
20
22
|
animations,
|
|
21
23
|
gap,
|
|
24
|
+
allowFontScaling,
|
|
25
|
+
maxFontSizeMultiplier,
|
|
22
26
|
...props
|
|
23
27
|
}) => {
|
|
24
|
-
const
|
|
25
|
-
defaultFont,
|
|
26
|
-
defaultFontSize,
|
|
27
|
-
defaultTextColor
|
|
28
|
-
} = useSkeletor();
|
|
28
|
+
const skeletor = useSkeletor();
|
|
29
29
|
const animationProps = useMemo(() => extractAnimationProperties(animations), [animations]);
|
|
30
|
-
const positionProps = extractPositionProperties(props);
|
|
31
|
-
const flexProps = extractFlexProperties(props);
|
|
32
|
-
const sizeProps = extractSizeProperties(props);
|
|
30
|
+
const positionProps = useMemo(() => extractPositionProperties(props), [props]);
|
|
31
|
+
const flexProps = useMemo(() => extractFlexProperties(props), [props]);
|
|
32
|
+
const sizeProps = useMemo(() => extractSizeProperties(props), [props]);
|
|
33
33
|
const gapProps = useMemo(() => extractGapProperties({
|
|
34
34
|
gap
|
|
35
35
|
}), [gap]);
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
fontFamily: font || defaultFont,
|
|
36
|
+
const normalizedPaddings = useMemo(() => normalizePaddingValues(paddings), [paddings]);
|
|
37
|
+
const normalizedMargins = useMemo(() => normalizeMarginValues(margins), [margins]);
|
|
38
|
+
const textSize = size ?? skeletor.defaultFontSize;
|
|
39
|
+
const {
|
|
40
|
+
fontSize,
|
|
41
|
+
lineHeight
|
|
42
|
+
} = Array.isArray(textSize) ? {
|
|
43
|
+
fontSize: textSize[0],
|
|
44
|
+
lineHeight: textSize[1]
|
|
45
|
+
} : {
|
|
46
|
+
fontSize: textSize,
|
|
47
|
+
lineHeight: textSize
|
|
48
|
+
};
|
|
49
|
+
const styles = StyleSheet.flatten([{
|
|
50
|
+
color: color || skeletor.defaultTextColor,
|
|
51
|
+
fontFamily: font || skeletor.defaultFont,
|
|
52
|
+
fontSize,
|
|
53
|
+
lineHeight,
|
|
55
54
|
opacity,
|
|
56
55
|
textAlign,
|
|
57
56
|
textTransform,
|
|
58
57
|
letterSpacing
|
|
59
|
-
},
|
|
60
|
-
return /*#__PURE__*/
|
|
58
|
+
}, normalizedMargins, normalizedPaddings, sizeProps, flexProps, positionProps, gapProps, style]);
|
|
59
|
+
return /*#__PURE__*/_jsx(Animated.Text, {
|
|
61
60
|
style: [styles, animationProps],
|
|
62
|
-
allowFontScaling:
|
|
63
|
-
maxFontSizeMultiplier:
|
|
64
|
-
|
|
61
|
+
allowFontScaling: allowFontScaling || skeletor.allowFontScaling,
|
|
62
|
+
maxFontSizeMultiplier: maxFontSizeMultiplier || skeletor.defaultMaxFontSizeMultiplier,
|
|
63
|
+
...props,
|
|
64
|
+
children: children
|
|
65
|
+
});
|
|
65
66
|
};
|
|
66
67
|
//# sourceMappingURL=Text.js.map
|