@xleddyl/443-components-native 0.6.2 → 0.8.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 +90 -29
- package/assets/fonts/geist/Geist-Bold.ttf +0 -0
- package/assets/fonts/geist/Geist-Medium.ttf +0 -0
- package/assets/fonts/geist/Geist-Regular.ttf +0 -0
- package/assets/fonts/geist/Geist-SemiBold.ttf +0 -0
- package/assets/fonts/geist/OFL.txt +92 -0
- package/assets/fonts/index.d.ts +10 -1
- package/assets/fonts/index.js +10 -1
- package/lib/module/components/core/BlurSurface.js +47 -0
- package/lib/module/components/core/BlurSurface.js.map +1 -0
- package/lib/module/components/core/Button.js +14 -4
- package/lib/module/components/core/Button.js.map +1 -1
- package/lib/module/components/core/DefaultIcon.js +13 -0
- package/lib/module/components/core/DefaultIcon.js.map +1 -1
- package/lib/module/components/core/IconButton.js +5 -2
- package/lib/module/components/core/IconButton.js.map +1 -1
- package/lib/module/components/core/Screen.js +110 -57
- package/lib/module/components/core/Screen.js.map +1 -1
- package/lib/module/components/core/Stack.js.map +1 -1
- package/lib/module/components/core/Text.js.map +1 -1
- package/lib/module/components/core/TextField.js +3 -2
- package/lib/module/components/core/TextField.js.map +1 -1
- package/lib/module/components/core/Touchable.js.map +1 -1
- package/lib/module/components/core/buttonColors.js +2 -1
- package/lib/module/components/core/buttonColors.js.map +1 -1
- package/lib/module/components/core/gutter.js +6 -0
- package/lib/module/components/core/gutter.js.map +1 -0
- package/lib/module/components/core/index.js +2 -0
- package/lib/module/components/core/index.js.map +1 -1
- package/lib/module/components/core/useKeyboardReveal.js +95 -0
- package/lib/module/components/core/useKeyboardReveal.js.map +1 -0
- package/lib/module/components/display/Avatar.js.map +1 -1
- package/lib/module/components/display/AvatarGroup.js.map +1 -1
- package/lib/module/components/display/Badge.js.map +1 -1
- package/lib/module/components/display/Banner.js.map +1 -1
- package/lib/module/components/display/Card.js +9 -2
- package/lib/module/components/display/Card.js.map +1 -1
- package/lib/module/components/display/Chip.js.map +1 -1
- package/lib/module/components/display/DescriptionList.js.map +1 -1
- package/lib/module/components/display/Divider.js.map +1 -1
- package/lib/module/components/display/EmptyState.js.map +1 -1
- package/lib/module/components/display/KeyValue.js.map +1 -1
- package/lib/module/components/display/List.js +7 -6
- package/lib/module/components/display/List.js.map +1 -1
- package/lib/module/components/display/ListItem.js.map +1 -1
- package/lib/module/components/display/ProgressBar.js.map +1 -1
- package/lib/module/components/display/ProgressRing.js.map +1 -1
- package/lib/module/components/display/Skeleton.js.map +1 -1
- package/lib/module/components/display/Stat.js.map +1 -1
- package/lib/module/components/forms/Calendar.js.map +1 -1
- package/lib/module/components/forms/Checkbox.js +37 -32
- package/lib/module/components/forms/Checkbox.js.map +1 -1
- package/lib/module/components/forms/CheckboxGroup.js.map +1 -1
- package/lib/module/components/forms/ChipInput.js +3 -2
- package/lib/module/components/forms/ChipInput.js.map +1 -1
- package/lib/module/components/forms/DateField.js.map +1 -1
- package/lib/module/components/forms/Field.js.map +1 -1
- package/lib/module/components/forms/MonthPicker.js.map +1 -1
- package/lib/module/components/forms/PinInput.js +18 -13
- package/lib/module/components/forms/PinInput.js.map +1 -1
- package/lib/module/components/forms/PinPad.js.map +1 -1
- package/lib/module/components/forms/Radio.js +43 -20
- package/lib/module/components/forms/Radio.js.map +1 -1
- package/lib/module/components/forms/RadioGroup.js.map +1 -1
- package/lib/module/components/forms/SegmentedControl.js +59 -44
- package/lib/module/components/forms/SegmentedControl.js.map +1 -1
- package/lib/module/components/forms/Slider.js.map +1 -1
- package/lib/module/components/forms/Stepper.js.map +1 -1
- package/lib/module/components/forms/Switch.js +1 -1
- package/lib/module/components/forms/Switch.js.map +1 -1
- package/lib/module/components/navigation/BackButton.js +10 -6
- package/lib/module/components/navigation/BackButton.js.map +1 -1
- package/lib/module/components/navigation/Header.js +61 -49
- package/lib/module/components/navigation/Header.js.map +1 -1
- package/lib/module/components/navigation/TabBar.js +50 -23
- package/lib/module/components/navigation/TabBar.js.map +1 -1
- package/lib/module/components/navigation/TabBarItem.js +5 -6
- package/lib/module/components/navigation/TabBarItem.js.map +1 -1
- package/lib/module/components/navigation/Tabs.js +82 -58
- package/lib/module/components/navigation/Tabs.js.map +1 -1
- package/lib/module/components/navigation/index.js +1 -1
- package/lib/module/components/navigation/index.js.map +1 -1
- package/lib/module/components/navigation/tabBarUtils.js +7 -1
- package/lib/module/components/navigation/tabBarUtils.js.map +1 -1
- package/lib/module/components/overlays/Dialog.js +11 -9
- package/lib/module/components/overlays/Dialog.js.map +1 -1
- package/lib/module/components/overlays/MenuItem.js.map +1 -1
- package/lib/module/components/overlays/Overlay.js.map +1 -1
- package/lib/module/components/overlays/OverlayHeader.js +30 -24
- package/lib/module/components/overlays/OverlayHeader.js.map +1 -1
- package/lib/module/components/overlays/Popover.js.map +1 -1
- package/lib/module/components/overlays/Select.js.map +1 -1
- package/lib/module/components/overlays/Sheet.js +17 -3
- package/lib/module/components/overlays/Sheet.js.map +1 -1
- package/lib/module/components/overlays/Toast.js +69 -105
- package/lib/module/components/overlays/Toast.js.map +1 -1
- package/lib/module/components/overlays/ToastHost.js +0 -3
- package/lib/module/components/overlays/ToastHost.js.map +1 -1
- package/lib/module/components/overlays/anchorPosition.js.map +1 -1
- package/lib/module/components/overlays/overlayA11y.js +3 -1
- package/lib/module/components/overlays/overlayA11y.js.map +1 -1
- package/lib/module/components/overlays/toastStore.js +0 -2
- package/lib/module/components/overlays/toastStore.js.map +1 -1
- package/lib/module/hooks/useChoiceMotion.js +52 -0
- package/lib/module/hooks/useChoiceMotion.js.map +1 -0
- package/lib/module/hooks/useSlidingIndicator.js +146 -15
- package/lib/module/hooks/useSlidingIndicator.js.map +1 -1
- package/lib/module/icons/heroicons.js +1 -0
- package/lib/module/icons/heroicons.js.map +1 -1
- package/lib/module/native/GlassGroup.js.map +1 -1
- package/lib/module/native/GlassSurface.js.map +1 -1
- package/lib/module/presets/default.js +5 -166
- package/lib/module/presets/default.js.map +1 -1
- package/lib/module/presets/definePreset.js +21 -4
- package/lib/module/presets/definePreset.js.map +1 -1
- package/lib/module/presets/funnel.js +32 -42
- package/lib/module/presets/funnel.js.map +1 -1
- package/lib/module/presets/spotfish.js +60 -22
- package/lib/module/presets/spotfish.js.map +1 -1
- package/lib/module/presets/suedtirol.js +67 -19
- package/lib/module/presets/suedtirol.js.map +1 -1
- package/lib/module/theme/configureUi.js +4 -1
- package/lib/module/theme/configureUi.js.map +1 -1
- package/lib/module/theme/defaults.js +126 -88
- package/lib/module/theme/defaults.js.map +1 -1
- package/lib/module/theme/index.js +1 -1
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/settings.js +3 -0
- package/lib/module/theme/settings.js.map +1 -1
- package/lib/module/utils/color.js +38 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/module/utils/controlSize.js +17 -0
- package/lib/module/utils/controlSize.js.map +1 -0
- package/lib/module/utils/refs.js.map +1 -1
- package/lib/typescript/components/core/BlurSurface.d.ts +12 -0
- package/lib/typescript/components/core/BlurSurface.d.ts.map +1 -0
- package/lib/typescript/components/core/Button.d.ts +2 -2
- package/lib/typescript/components/core/Button.d.ts.map +1 -1
- package/lib/typescript/components/core/DefaultIcon.d.ts.map +1 -1
- package/lib/typescript/components/core/IconButton.d.ts +6 -4
- package/lib/typescript/components/core/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/core/Screen.d.ts +4 -3
- package/lib/typescript/components/core/Screen.d.ts.map +1 -1
- package/lib/typescript/components/core/Stack.d.ts +2 -2
- package/lib/typescript/components/core/Stack.d.ts.map +1 -1
- package/lib/typescript/components/core/Text.d.ts +2 -2
- package/lib/typescript/components/core/Text.d.ts.map +1 -1
- package/lib/typescript/components/core/TextField.d.ts +2 -2
- package/lib/typescript/components/core/TextField.d.ts.map +1 -1
- package/lib/typescript/components/core/Touchable.d.ts +2 -2
- package/lib/typescript/components/core/Touchable.d.ts.map +1 -1
- package/lib/typescript/components/core/buttonColors.d.ts.map +1 -1
- package/lib/typescript/components/core/gutter.d.ts +3 -0
- package/lib/typescript/components/core/gutter.d.ts.map +1 -0
- package/lib/typescript/components/core/index.d.ts +3 -0
- package/lib/typescript/components/core/index.d.ts.map +1 -1
- package/lib/typescript/components/core/useKeyboardReveal.d.ts +21 -0
- package/lib/typescript/components/core/useKeyboardReveal.d.ts.map +1 -0
- package/lib/typescript/components/display/Avatar.d.ts +2 -2
- package/lib/typescript/components/display/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/display/AvatarGroup.d.ts +2 -2
- package/lib/typescript/components/display/AvatarGroup.d.ts.map +1 -1
- package/lib/typescript/components/display/Badge.d.ts +2 -2
- package/lib/typescript/components/display/Badge.d.ts.map +1 -1
- package/lib/typescript/components/display/Banner.d.ts +2 -2
- package/lib/typescript/components/display/Banner.d.ts.map +1 -1
- package/lib/typescript/components/display/Card.d.ts +2 -2
- package/lib/typescript/components/display/Card.d.ts.map +1 -1
- package/lib/typescript/components/display/Chip.d.ts +2 -2
- package/lib/typescript/components/display/Chip.d.ts.map +1 -1
- package/lib/typescript/components/display/DescriptionList.d.ts +2 -2
- package/lib/typescript/components/display/DescriptionList.d.ts.map +1 -1
- package/lib/typescript/components/display/Divider.d.ts +2 -2
- package/lib/typescript/components/display/Divider.d.ts.map +1 -1
- package/lib/typescript/components/display/EmptyState.d.ts +2 -2
- package/lib/typescript/components/display/EmptyState.d.ts.map +1 -1
- package/lib/typescript/components/display/KeyValue.d.ts +2 -2
- package/lib/typescript/components/display/KeyValue.d.ts.map +1 -1
- package/lib/typescript/components/display/List.d.ts.map +1 -1
- package/lib/typescript/components/display/ListItem.d.ts +2 -2
- package/lib/typescript/components/display/ListItem.d.ts.map +1 -1
- package/lib/typescript/components/display/ProgressBar.d.ts +2 -2
- package/lib/typescript/components/display/ProgressBar.d.ts.map +1 -1
- package/lib/typescript/components/display/ProgressRing.d.ts +2 -2
- package/lib/typescript/components/display/ProgressRing.d.ts.map +1 -1
- package/lib/typescript/components/display/Skeleton.d.ts +2 -2
- package/lib/typescript/components/display/Skeleton.d.ts.map +1 -1
- package/lib/typescript/components/display/Stat.d.ts +2 -2
- package/lib/typescript/components/display/Stat.d.ts.map +1 -1
- package/lib/typescript/components/forms/Calendar.d.ts +2 -2
- package/lib/typescript/components/forms/Calendar.d.ts.map +1 -1
- package/lib/typescript/components/forms/Checkbox.d.ts +4 -3
- package/lib/typescript/components/forms/Checkbox.d.ts.map +1 -1
- package/lib/typescript/components/forms/CheckboxGroup.d.ts +2 -2
- package/lib/typescript/components/forms/CheckboxGroup.d.ts.map +1 -1
- package/lib/typescript/components/forms/ChipInput.d.ts +2 -2
- package/lib/typescript/components/forms/ChipInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/DateField.d.ts +2 -2
- package/lib/typescript/components/forms/DateField.d.ts.map +1 -1
- package/lib/typescript/components/forms/Field.d.ts +2 -2
- package/lib/typescript/components/forms/Field.d.ts.map +1 -1
- package/lib/typescript/components/forms/MonthPicker.d.ts +2 -2
- package/lib/typescript/components/forms/MonthPicker.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinInput.d.ts +4 -3
- package/lib/typescript/components/forms/PinInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinPad.d.ts +2 -2
- package/lib/typescript/components/forms/PinPad.d.ts.map +1 -1
- package/lib/typescript/components/forms/Radio.d.ts +2 -2
- package/lib/typescript/components/forms/Radio.d.ts.map +1 -1
- package/lib/typescript/components/forms/RadioGroup.d.ts +2 -2
- package/lib/typescript/components/forms/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/components/forms/SegmentedControl.d.ts +2 -2
- package/lib/typescript/components/forms/SegmentedControl.d.ts.map +1 -1
- package/lib/typescript/components/forms/Slider.d.ts +2 -2
- package/lib/typescript/components/forms/Slider.d.ts.map +1 -1
- package/lib/typescript/components/forms/Stepper.d.ts +2 -2
- package/lib/typescript/components/forms/Stepper.d.ts.map +1 -1
- package/lib/typescript/components/forms/Switch.d.ts +3 -2
- package/lib/typescript/components/forms/Switch.d.ts.map +1 -1
- package/lib/typescript/components/navigation/BackButton.d.ts +5 -4
- package/lib/typescript/components/navigation/BackButton.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Header.d.ts +5 -2
- package/lib/typescript/components/navigation/Header.d.ts.map +1 -1
- package/lib/typescript/components/navigation/TabBar.d.ts +23 -11
- package/lib/typescript/components/navigation/TabBar.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Tabs.d.ts +4 -3
- package/lib/typescript/components/navigation/Tabs.d.ts.map +1 -1
- package/lib/typescript/components/navigation/index.d.ts +2 -2
- package/lib/typescript/components/navigation/index.d.ts.map +1 -1
- package/lib/typescript/components/navigation/tabBarUtils.d.ts +2 -1
- package/lib/typescript/components/navigation/tabBarUtils.d.ts.map +1 -1
- package/lib/typescript/components/overlays/MenuItem.d.ts +2 -2
- package/lib/typescript/components/overlays/MenuItem.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Overlay.d.ts +3 -3
- package/lib/typescript/components/overlays/Overlay.d.ts.map +1 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts +2 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Popover.d.ts +2 -2
- package/lib/typescript/components/overlays/Popover.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Select.d.ts +2 -2
- package/lib/typescript/components/overlays/Select.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Sheet.d.ts +2 -2
- package/lib/typescript/components/overlays/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Toast.d.ts +4 -9
- package/lib/typescript/components/overlays/Toast.d.ts.map +1 -1
- package/lib/typescript/components/overlays/ToastHost.d.ts +1 -2
- package/lib/typescript/components/overlays/ToastHost.d.ts.map +1 -1
- package/lib/typescript/components/overlays/anchorPosition.d.ts +2 -2
- package/lib/typescript/components/overlays/anchorPosition.d.ts.map +1 -1
- package/lib/typescript/components/overlays/index.d.ts +1 -1
- package/lib/typescript/components/overlays/index.d.ts.map +1 -1
- package/lib/typescript/components/overlays/overlayA11y.d.ts +6 -6
- package/lib/typescript/components/overlays/overlayA11y.d.ts.map +1 -1
- package/lib/typescript/components/overlays/toastStore.d.ts +0 -6
- package/lib/typescript/components/overlays/toastStore.d.ts.map +1 -1
- package/lib/typescript/hooks/useChoiceMotion.d.ts +6 -0
- package/lib/typescript/hooks/useChoiceMotion.d.ts.map +1 -0
- package/lib/typescript/hooks/useSlidingIndicator.d.ts +42 -7
- package/lib/typescript/hooks/useSlidingIndicator.d.ts.map +1 -1
- package/lib/typescript/icons/heroicons.d.ts.map +1 -1
- package/lib/typescript/native/GlassGroup.d.ts +2 -2
- package/lib/typescript/native/GlassGroup.d.ts.map +1 -1
- package/lib/typescript/native/GlassSurface.d.ts +2 -2
- package/lib/typescript/native/GlassSurface.d.ts.map +1 -1
- package/lib/typescript/native/fallbacks/dateFormat.d.ts +1 -1
- package/lib/typescript/presets/default.d.ts.map +1 -1
- package/lib/typescript/presets/definePreset.d.ts.map +1 -1
- package/lib/typescript/presets/funnel.d.ts +7 -1
- package/lib/typescript/presets/funnel.d.ts.map +1 -1
- package/lib/typescript/presets/spotfish.d.ts.map +1 -1
- package/lib/typescript/presets/suedtirol.d.ts.map +1 -1
- package/lib/typescript/theme/configureUi.d.ts +2 -1
- package/lib/typescript/theme/configureUi.d.ts.map +1 -1
- package/lib/typescript/theme/defaults.d.ts.map +1 -1
- package/lib/typescript/theme/index.d.ts +2 -2
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/settings.d.ts +11 -0
- package/lib/typescript/theme/settings.d.ts.map +1 -1
- package/lib/typescript/theme/types.d.ts +8 -2
- package/lib/typescript/theme/types.d.ts.map +1 -1
- package/lib/typescript/utils/a11y.d.ts +1 -1
- package/lib/typescript/utils/color.d.ts +4 -0
- package/lib/typescript/utils/color.d.ts.map +1 -0
- package/lib/typescript/utils/controlSize.d.ts +7 -0
- package/lib/typescript/utils/controlSize.d.ts.map +1 -0
- package/lib/typescript/utils/index.d.ts +1 -0
- package/lib/typescript/utils/index.d.ts.map +1 -1
- package/lib/typescript/utils/refs.d.ts +6 -1
- package/lib/typescript/utils/refs.d.ts.map +1 -1
- package/package.json +15 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useUnistyles","hitSlopFor","disabledOpacity","buttonColors","renderIcon","Spinner","Touchable","jsx","_jsx","IconButton","icon","variant","tone","size","shape","loading","disabled","style","accessibilityState","props","theme","colors","dimension","
|
|
1
|
+
{"version":3,"names":["StyleSheet","useUnistyles","controlMetrics","hitSlopFor","disabledOpacity","buttonColors","renderIcon","Spinner","Touchable","jsx","_jsx","IconButton","icon","variant","tone","size","shape","loading","disabled","style","accessibilityState","props","theme","colors","dimension","iconSize","undefined","components","iconButton","isDisabled","accessibilityRole","busy","hitSlop","sizes","minTouchTarget","stylesheet","container","background","border","children","color","content","create","dimmed","width","height","alignItems","justifyContent","backgroundColor","borderColor","borderWidth","borderRadius","radius","full","md","opacity"],"sourceRoot":"../../../../src","sources":["components/core/IconButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { useRef, useState } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import Animated, { useSharedValue } from 'react-native-reanimated';
|
|
4
6
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
|
-
import { StyleSheet } from 'react-native-unistyles';
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
8
|
+
import { BlurSurface } from "./BlurSurface.js";
|
|
9
|
+
import { GutterContext } from "./gutter.js";
|
|
10
|
+
import { useKeyboardReveal } from "./useKeyboardReveal.js";
|
|
11
|
+
import { assignRef } from "../../utils/refs.js";
|
|
12
|
+
import { Header } from "../navigation/Header.js";
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
14
|
const allEdges = ['top', 'bottom', 'left', 'right'];
|
|
10
15
|
export const Screen = ({
|
|
11
16
|
ref,
|
|
@@ -17,6 +22,7 @@ export const Screen = ({
|
|
|
17
22
|
header,
|
|
18
23
|
headerLeft,
|
|
19
24
|
headerRight,
|
|
25
|
+
largeTitle = false,
|
|
20
26
|
footer,
|
|
21
27
|
scroll = true,
|
|
22
28
|
padded = true,
|
|
@@ -28,7 +34,28 @@ export const Screen = ({
|
|
|
28
34
|
contentStyle,
|
|
29
35
|
styles
|
|
30
36
|
}) => {
|
|
37
|
+
const {
|
|
38
|
+
theme
|
|
39
|
+
} = useUnistyles();
|
|
31
40
|
const insets = useSafeAreaInsets();
|
|
41
|
+
const scrollY = useSharedValue(0);
|
|
42
|
+
const rootRef = useRef(null);
|
|
43
|
+
const viewportRef = useRef(null);
|
|
44
|
+
const bottomInset = edges.includes('bottom') ? insets.bottom : 0;
|
|
45
|
+
const footerInsetAboveKeyboard = footer ? footerPadding(theme, bottomInset) - theme.space(1.5) : 0;
|
|
46
|
+
const {
|
|
47
|
+
scrollRef,
|
|
48
|
+
spacerStyle,
|
|
49
|
+
cancelReveal
|
|
50
|
+
} = useKeyboardReveal({
|
|
51
|
+
rootRef,
|
|
52
|
+
viewportRef,
|
|
53
|
+
scrollY,
|
|
54
|
+
margin: theme.space(2),
|
|
55
|
+
enabled: keyboardAvoiding,
|
|
56
|
+
uncoveredGap: footerInsetAboveKeyboard - keyboardVerticalOffset
|
|
57
|
+
});
|
|
58
|
+
const [measuredHeader, setMeasuredHeader] = useState(0);
|
|
32
59
|
const inset = {
|
|
33
60
|
top: edges.includes('top') ? insets.top : 0,
|
|
34
61
|
bottom: edges.includes('bottom') ? insets.bottom : 0,
|
|
@@ -37,63 +64,92 @@ export const Screen = ({
|
|
|
37
64
|
};
|
|
38
65
|
const hasDefaultHeader = !!(title || subtitle || onBack || headerLeft || headerRight);
|
|
39
66
|
const hasHeader = header !== undefined || hasDefaultHeader;
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
+
const floatingHeader = hasHeader && scroll;
|
|
68
|
+
const headerHeight = measuredHeader || inset.top + theme.sizes.minTouchTarget + theme.space(2.5);
|
|
69
|
+
const handleHeaderLayout = event => {
|
|
70
|
+
const {
|
|
71
|
+
height
|
|
72
|
+
} = event.nativeEvent.layout;
|
|
73
|
+
setMeasuredHeader(current => largeTitle ? Math.max(current, height) : height);
|
|
74
|
+
};
|
|
75
|
+
const handleScroll = event => {
|
|
76
|
+
scrollY.value = event.nativeEvent.contentOffset.y;
|
|
77
|
+
scrollProps?.onScroll?.(event);
|
|
78
|
+
};
|
|
79
|
+
const headerContent = header !== undefined ? /*#__PURE__*/_jsx(BlurSurface, {
|
|
80
|
+
color: theme.colors.background,
|
|
81
|
+
style: [stylesheet.customHeader(inset, padded), styles?.header],
|
|
82
|
+
children: header
|
|
83
|
+
}) : hasDefaultHeader ? /*#__PURE__*/_jsx(Header, {
|
|
84
|
+
title: title,
|
|
85
|
+
subtitle: subtitle,
|
|
86
|
+
headerLeft: headerLeft,
|
|
87
|
+
headerRight: headerRight,
|
|
88
|
+
onBack: onBack,
|
|
89
|
+
backLabel: backLabel,
|
|
90
|
+
large: largeTitle,
|
|
91
|
+
scrollY: scroll ? scrollY : undefined,
|
|
92
|
+
border: scroll,
|
|
93
|
+
safeArea: edges.includes('top'),
|
|
94
|
+
style: styles?.header,
|
|
95
|
+
styles: {
|
|
96
|
+
title: styles?.title,
|
|
97
|
+
largeTitle: styles?.title,
|
|
98
|
+
subtitle: styles?.subtitle
|
|
99
|
+
}
|
|
67
100
|
}) : null;
|
|
68
|
-
const
|
|
69
|
-
|
|
70
|
-
|
|
101
|
+
const headerNode = floatingHeader ? /*#__PURE__*/_jsx(View, {
|
|
102
|
+
onLayout: handleHeaderLayout,
|
|
103
|
+
style: stylesheet.floatingHeader,
|
|
104
|
+
children: headerContent
|
|
105
|
+
}) : headerContent;
|
|
106
|
+
const contentTop = floatingHeader ? headerHeight : hasHeader ? 0 : inset.top;
|
|
107
|
+
const contentLayout = stylesheet.content(inset, padded, contentTop, !!footer);
|
|
108
|
+
const gutterContent = /*#__PURE__*/_jsx(GutterContext, {
|
|
109
|
+
value: gutter(theme, padded),
|
|
110
|
+
children: children
|
|
111
|
+
});
|
|
112
|
+
const body = scroll ? /*#__PURE__*/_jsx(Animated.ScrollView, {
|
|
113
|
+
ref: node => {
|
|
114
|
+
scrollRef(node);
|
|
115
|
+
assignRef(ref, node);
|
|
116
|
+
},
|
|
71
117
|
keyboardShouldPersistTaps: "handled",
|
|
72
118
|
keyboardDismissMode: "interactive",
|
|
119
|
+
scrollEventThrottle: 16,
|
|
73
120
|
...scrollProps,
|
|
121
|
+
onScroll: handleScroll,
|
|
122
|
+
onScrollBeginDrag: event => {
|
|
123
|
+
cancelReveal();
|
|
124
|
+
scrollProps?.onScrollBeginDrag?.(event);
|
|
125
|
+
},
|
|
126
|
+
scrollIndicatorInsets: {
|
|
127
|
+
top: floatingHeader ? headerHeight - inset.top : 0
|
|
128
|
+
},
|
|
74
129
|
style: stylesheet.fill,
|
|
75
130
|
contentContainerStyle: [contentLayout, contentStyle, styles?.content],
|
|
76
|
-
children:
|
|
131
|
+
children: gutterContent
|
|
77
132
|
}) : /*#__PURE__*/_jsx(View, {
|
|
78
133
|
style: [stylesheet.fill, contentLayout, contentStyle, styles?.content],
|
|
79
|
-
children:
|
|
134
|
+
children: gutterContent
|
|
80
135
|
});
|
|
81
136
|
const footerNode = footer ? /*#__PURE__*/_jsx(View, {
|
|
82
137
|
style: [stylesheet.footer(inset, padded), styles?.footer],
|
|
83
138
|
children: footer
|
|
84
139
|
}) : null;
|
|
85
140
|
return /*#__PURE__*/_jsxs(View, {
|
|
141
|
+
ref: rootRef,
|
|
86
142
|
style: [stylesheet.root, style, styles?.root],
|
|
87
|
-
children: [headerNode,
|
|
143
|
+
children: [floatingHeader ? null : headerNode, /*#__PURE__*/_jsx(View, {
|
|
144
|
+
ref: viewportRef,
|
|
88
145
|
style: stylesheet.fill,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}) :
|
|
93
|
-
children: [body, footerNode]
|
|
94
|
-
})]
|
|
146
|
+
children: body
|
|
147
|
+
}), footerNode, /*#__PURE__*/_jsx(Animated.View, {
|
|
148
|
+
style: spacerStyle
|
|
149
|
+
}), floatingHeader ? headerNode : null]
|
|
95
150
|
});
|
|
96
151
|
};
|
|
152
|
+
const footerPadding = (theme, bottomInset) => Math.max(bottomInset, theme.space(1.5));
|
|
97
153
|
const gutter = (theme, padded) => padded ? theme.components.screen?.paddingX ?? theme.space(2) : 0;
|
|
98
154
|
const stylesheet = StyleSheet.create(theme => ({
|
|
99
155
|
root: {
|
|
@@ -103,33 +159,30 @@ const stylesheet = StyleSheet.create(theme => ({
|
|
|
103
159
|
fill: {
|
|
104
160
|
flex: 1
|
|
105
161
|
},
|
|
106
|
-
|
|
162
|
+
customHeader: (inset, padded) => ({
|
|
107
163
|
paddingTop: inset.top,
|
|
108
164
|
paddingBottom: theme.space(1.5),
|
|
109
165
|
paddingLeft: inset.left + gutter(theme, padded),
|
|
110
166
|
paddingRight: inset.right + gutter(theme, padded)
|
|
111
167
|
}),
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
titles: {
|
|
119
|
-
flex: 1,
|
|
120
|
-
gap: theme.space(0.25)
|
|
168
|
+
floatingHeader: {
|
|
169
|
+
position: 'absolute',
|
|
170
|
+
top: 0,
|
|
171
|
+
left: 0,
|
|
172
|
+
right: 0,
|
|
173
|
+
zIndex: 1
|
|
121
174
|
},
|
|
122
|
-
content: (inset, padded,
|
|
175
|
+
content: (inset, padded, top, hasFooter) => ({
|
|
123
176
|
gap: theme.components.screen?.contentGap ?? theme.space(2),
|
|
124
177
|
paddingLeft: inset.left + gutter(theme, padded),
|
|
125
178
|
paddingRight: inset.right + gutter(theme, padded),
|
|
126
|
-
paddingTop:
|
|
179
|
+
paddingTop: top + (padded ? theme.space(2) : 0),
|
|
127
180
|
paddingBottom: (hasFooter ? 0 : inset.bottom) + (padded ? theme.space(2) : 0)
|
|
128
181
|
}),
|
|
129
182
|
footer: (inset, padded) => ({
|
|
130
183
|
gap: theme.space(1),
|
|
131
184
|
paddingTop: theme.space(1.5),
|
|
132
|
-
paddingBottom:
|
|
185
|
+
paddingBottom: footerPadding(theme, inset.bottom),
|
|
133
186
|
paddingLeft: inset.left + gutter(theme, padded),
|
|
134
187
|
paddingRight: inset.right + gutter(theme, padded),
|
|
135
188
|
backgroundColor: theme.colors.surface,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useRef","useState","View","Animated","useSharedValue","useSafeAreaInsets","StyleSheet","useUnistyles","BlurSurface","GutterContext","useKeyboardReveal","assignRef","Header","jsx","_jsx","jsxs","_jsxs","allEdges","Screen","ref","children","title","subtitle","onBack","backLabel","header","headerLeft","headerRight","largeTitle","footer","scroll","padded","keyboardAvoiding","keyboardVerticalOffset","edges","scrollProps","style","contentStyle","styles","theme","insets","scrollY","rootRef","viewportRef","bottomInset","includes","bottom","footerInsetAboveKeyboard","footerPadding","space","scrollRef","spacerStyle","cancelReveal","margin","enabled","uncoveredGap","measuredHeader","setMeasuredHeader","inset","top","left","right","hasDefaultHeader","hasHeader","undefined","floatingHeader","headerHeight","sizes","minTouchTarget","handleHeaderLayout","event","height","nativeEvent","layout","current","Math","max","handleScroll","value","contentOffset","y","onScroll","headerContent","color","colors","background","stylesheet","customHeader","large","border","safeArea","headerNode","onLayout","contentTop","contentLayout","content","gutterContent","gutter","body","ScrollView","node","keyboardShouldPersistTaps","keyboardDismissMode","scrollEventThrottle","onScrollBeginDrag","scrollIndicatorInsets","fill","contentContainerStyle","footerNode","root","components","screen","paddingX","create","flex","backgroundColor","paddingTop","paddingBottom","paddingLeft","paddingRight","position","zIndex","hasFooter","gap","contentGap","surface","borderTopWidth","footerBorder","borderWidth","borderTopColor"],"sourceRoot":"../../../../src","sources":["components/core/Screen.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","jsx","_jsx","alignMap","start","center","end","stretch","baseline","justifyMap","between","around","evenly","Stack","direction","gap","align","justify","wrap","padding","paddingX","paddingY","flex","style","props","stylesheet","stack","create","theme","layout","flexDirection","undefined","space","alignItems","justifyContent","flexWrap","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/core/Stack.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","jsx","_jsx","alignMap","start","center","end","stretch","baseline","justifyMap","between","around","evenly","Stack","direction","gap","align","justify","wrap","padding","paddingX","paddingY","flex","style","props","stylesheet","stack","create","theme","layout","flexDirection","undefined","space","alignItems","justifyContent","flexWrap","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/core/Stack.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoBnD,MAAMC,QAAgD,GAAG;EACtDC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE;AACb,CAAC;AAED,MAAMC,UAAwD,GAAG;EAC9DL,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfI,OAAO,EAAE,eAAe;EACxBC,MAAM,EAAE,cAAc;EACtBC,MAAM,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACnBC,SAAS;EACTC,GAAG;EACHC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACL,GAAGC;AACM,CAAC,kBACVtB,IAAA,CAACH,IAAI;EAAA,GACEyB,KAAK;EACTD,KAAK,EAAE,CACJE,UAAU,CAACC,KAAK,CAAC;IACdZ,SAAS;IACTC,GAAG;IACHC,KAAK;IACLC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC;EACH,CAAC,CAAC,EACFC,KAAK;AACN,CACJ,CACH;AAED,MAAME,UAAU,GAAGzB,UAAU,CAAC2B,MAAM,CAAEC,KAAK,KAAM;EAC9CF,KAAK,EAAGG,MAAmB,KAAM;IAC9BC,aAAa,EAAED,MAAM,CAACf,SAAS,IAAI,QAAQ;IAC3CC,GAAG,EAAEc,MAAM,CAACd,GAAG,KAAKgB,SAAS,GAAGA,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACH,MAAM,CAACd,GAAG,CAAC;IACnEkB,UAAU,EAAEJ,MAAM,CAACb,KAAK,GAAGb,QAAQ,CAAC0B,MAAM,CAACb,KAAK,CAAC,GAAGe,SAAS;IAC7DG,cAAc,EAAEL,MAAM,CAACZ,OAAO,GAAGR,UAAU,CAACoB,MAAM,CAACZ,OAAO,CAAC,GAAGc,SAAS;IACvEI,QAAQ,EAAEN,MAAM,CAACX,IAAI,GAAG,MAAM,GAAGa,SAAS;IAC1CZ,OAAO,EAAEU,MAAM,CAACV,OAAO,KAAKY,SAAS,GAAGA,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACH,MAAM,CAACV,OAAO,CAAC;IAC/EiB,iBAAiB,EAAEP,MAAM,CAACT,QAAQ,KAAKW,SAAS,GAAGA,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACH,MAAM,CAACT,QAAQ,CAAC;IAC3FiB,eAAe,EAAER,MAAM,CAACR,QAAQ,KAAKU,SAAS,GAAGA,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACH,MAAM,CAACR,QAAQ,CAAC;IACzFC,IAAI,EAAEO,MAAM,CAACP;EAChB,CAAC;AACJ,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","NativeText","StyleSheet","useWebThemeName","uiSettings","variantFont","jsx","_jsx","textToneColor","theme","tone","colors","text","textMuted","textDimmed","background","undefined","variant","weight","align","italic","style","allowFontScaling","maxFontSizeMultiplier","props","themeName","stylesheet","create","fontSize","typography","variants","lineHeight","letterSpacing","color","textAlign","fontStyle"],"sourceRoot":"../../../../src","sources":["components/core/Text.tsx"],"mappings":";;AACA,SAASA,IAAI,IAAIC,UAAU,QAAQ,cAAc;AAEjD,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,UAAU,QAAQ,yBAAsB;AAEjD,SAASC,WAAW,QAAQ,sBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["Text","NativeText","StyleSheet","useWebThemeName","uiSettings","variantFont","jsx","_jsx","textToneColor","theme","tone","colors","text","textMuted","textDimmed","background","undefined","variant","weight","align","italic","style","allowFontScaling","maxFontSizeMultiplier","props","themeName","stylesheet","create","fontSize","typography","variants","lineHeight","letterSpacing","color","textAlign","fontStyle"],"sourceRoot":"../../../../src","sources":["components/core/Text.tsx"],"mappings":";;AACA,SAASA,IAAI,IAAIC,UAAU,QAAQ,cAAc;AAEjD,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,UAAU,QAAQ,yBAAsB;AAEjD,SAASC,WAAW,QAAQ,sBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAc/C,OAAO,MAAMC,aAAa,GAAGA,CAACC,KAAgB,EAAEC,IAAc,KAAK;EAChE,QAAQA,IAAI;IACT,KAAK,SAAS;IACd,KAAK,SAAS;MACX,OAAOD,KAAK,CAACE,MAAM,CAACC,IAAI;IAC3B,KAAK,OAAO;MACT,OAAOH,KAAK,CAACE,MAAM,CAACE,SAAS;IAChC,KAAK,QAAQ;MACV,OAAOJ,KAAK,CAACE,MAAM,CAACG,UAAU;IACjC,KAAK,SAAS;MACX,OAAOL,KAAK,CAACE,MAAM,CAACI,UAAU;IACjC,KAAK,SAAS;MACX,OAAOC,SAAS;IACnB;MACG,OAAOP,KAAK,CAACE,MAAM,CAAC,GAAGD,IAAI,MAAM,CAAC,IAAID,KAAK,CAACE,MAAM,CAACD,IAAI,CAAC;EAC9D;AACH,CAAC;AAWD,OAAO,MAAMV,IAAI,GAAGA,CAAC;EAClBiB,OAAO,GAAG,MAAM;EAChBP,IAAI,GAAG,SAAS;EAChBQ,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,gBAAgB;EAChBC,qBAAqB;EACrB,GAAGC;AACK,CAAC,KAAK;EACd,MAAMC,SAAS,GAAGtB,eAAe,CAAC,CAAC;EACnC,oBACGI,IAAA,CAACN,UAAU;IACRqB,gBAAgB,EAAEA,gBAAgB,IAAIlB,UAAU,CAACQ,IAAI,CAACU,gBAAiB;IACvEC,qBAAqB,EAAEA,qBAAqB,IAAInB,UAAU,CAACQ,IAAI,CAACW,qBAAsB;IAAA,GAClFC,KAAK;IACTH,KAAK,EAAE,CAACK,UAAU,CAACd,IAAI,CAAC;MAAEK,OAAO;MAAEP,IAAI;MAAEQ,MAAM;MAAEC,KAAK;MAAEC,MAAM;MAAEK;IAAU,CAAC,CAAC,EAAEJ,KAAK;EAAE,CACvF,CAAC;AAER,CAAC;AAED,MAAMK,UAAU,GAAGxB,UAAU,CAACyB,MAAM,CAAElB,KAAK,KAAM;EAC9CG,IAAI,EAAEA,CAAC;IAAEK,OAAO;IAAEP,IAAI;IAAEQ,MAAM;IAAEC,KAAK;IAAEC;EAAuB,CAAC,MAAM;IAClEQ,QAAQ,EAAEnB,KAAK,CAACoB,UAAU,CAACC,QAAQ,CAACb,OAAO,CAAC,CAACW,QAAQ;IACrDG,UAAU,EAAEtB,KAAK,CAACoB,UAAU,CAACC,QAAQ,CAACb,OAAO,CAAC,CAACc,UAAU;IACzDC,aAAa,EAAEvB,KAAK,CAACoB,UAAU,CAACC,QAAQ,CAACb,OAAO,CAAC,CAACe,aAAa;IAC/D,GAAG3B,WAAW,CAACI,KAAK,EAAEQ,OAAO,EAAEC,MAAM,CAAC;IACtCe,KAAK,EAAEzB,aAAa,CAACC,KAAK,EAAEC,IAAI,CAAC;IACjCwB,SAAS,EAAEf,KAAK;IAChBgB,SAAS,EAAEf,MAAM,GAAG,QAAQ,GAAGJ;EAClC,CAAC;AACJ,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ import { useRef, useState } from 'react';
|
|
|
4
4
|
import { Pressable, TextInput, View } from 'react-native';
|
|
5
5
|
import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
6
6
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
7
|
+
import { toneColors } from "../../theme/tones.js";
|
|
7
8
|
import { variantFont } from "../../utils/fonts.js";
|
|
8
9
|
import { mergeRefs } from "../../utils/refs.js";
|
|
9
10
|
import { fieldErrorMessage, inputHeight, inputRadius, inputState, inputSurface, useFieldIds } from "./field.js";
|
|
@@ -115,8 +116,8 @@ export const TextField = ({
|
|
|
115
116
|
onFocus: handleFocus,
|
|
116
117
|
onBlur: handleBlur,
|
|
117
118
|
placeholderTextColor: theme.colors.textDimmed,
|
|
118
|
-
selectionColor: theme.
|
|
119
|
-
cursorColor: theme.
|
|
119
|
+
selectionColor: toneColors(theme, 'primary').text,
|
|
120
|
+
cursorColor: toneColors(theme, 'primary').text,
|
|
120
121
|
accessibilityLabel: accessibilityLabel ?? (label ? `${label}${required ? ', required' : ''}` : undefined),
|
|
121
122
|
accessibilityLabelledBy: label ? labelId : undefined,
|
|
122
123
|
accessibilityHint: accessibilityHint ?? message,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","StyleSheet","useUnistyles","variantFont","mergeRefs","fieldErrorMessage","inputHeight","inputRadius","inputState","inputSurface","useFieldIds","FieldLabel","FieldMessage","IconButton","jsx","_jsx","jsxs","_jsxs","TextField","ref","label","description","error","required","disabled","size","leftElement","rightElement","secureTextEntry","secureToggle","secureToggleLabels","show","hide","multiline","style","styles","onFocus","onBlur","accessibilityLabel","accessibilityHint","props","theme","reducedMotion","labelId","messageId","localRef","focused","setFocused","revealed","setRevealed","focusProgress","errorMessage","invalid","state","isSecure","message","ringDuration","motion","duration","normal","ringStyle","opacity","value","transform","scale","handleFocus","event","handleBlur","secureControl","icon","variant","tone","onPress","trailing","stylesheet","root","children","nativeID","accessible","current","focus","control","pointerEvents","focusRing","element","editable","placeholderTextColor","colors","textDimmed","selectionColor","
|
|
1
|
+
{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","StyleSheet","useUnistyles","toneColors","variantFont","mergeRefs","fieldErrorMessage","inputHeight","inputRadius","inputState","inputSurface","useFieldIds","FieldLabel","FieldMessage","IconButton","jsx","_jsx","jsxs","_jsxs","TextField","ref","label","description","error","required","disabled","size","leftElement","rightElement","secureTextEntry","secureToggle","secureToggleLabels","show","hide","multiline","style","styles","onFocus","onBlur","accessibilityLabel","accessibilityHint","props","theme","reducedMotion","labelId","messageId","localRef","focused","setFocused","revealed","setRevealed","focusProgress","errorMessage","invalid","state","isSecure","message","ringDuration","motion","duration","normal","ringStyle","opacity","value","transform","scale","handleFocus","event","handleBlur","secureControl","icon","variant","tone","onPress","trailing","stylesheet","root","children","nativeID","accessible","current","focus","control","pointerEvents","focusRing","element","editable","placeholderTextColor","colors","textDimmed","selectionColor","text","cursorColor","undefined","accessibilityLabelledBy","accessibilityState","input","errorStyle","descriptionStyle","inputFontSize","body","typography","variants","fontSize","create","gap","space","flexDirection","alignItems","minHeight","paddingHorizontal","paddingVertical","position","top","sizes","focusRingWidth","left","right","bottom","borderWidth","borderRadius","borderColor","danger","justifyContent","flex","alignSelf","color","textMuted","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/core/TextField.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Pressable","Animated","usePressFeedback","triggerHaptic","jsx","_jsx","AnimatedPressable","createAnimatedComponent","Touchable","feedback","pressScale","haptic","style","onPressIn","onPressOut","onPress","disabled","accessibilityState","props","animatedStyle","pressIn","pressOut","handlePressIn","event","handlePressOut","handlePress","undefined"],"sourceRoot":"../../../../src","sources":["components/core/Touchable.tsx"],"mappings":";;AACA,SAASA,SAAS,
|
|
1
|
+
{"version":3,"names":["Pressable","Animated","usePressFeedback","triggerHaptic","jsx","_jsx","AnimatedPressable","createAnimatedComponent","Touchable","feedback","pressScale","haptic","style","onPressIn","onPressOut","onPress","disabled","accessibilityState","props","animatedStyle","pressIn","pressOut","handlePressIn","event","handlePressOut","handlePress","undefined"],"sourceRoot":"../../../../src","sources":["components/core/Touchable.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAQ,cAAc;AAExC,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,gBAAgB,QAAQ,iCAA8B;AAE/D,SAASC,aAAa,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIpD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAuB,CAACP,SAAS,CAAC;AAWrE,OAAO,MAAMQ,SAAS,GAAGA,CAAC;EACvBC,QAAQ,GAAG,OAAO;EAClBC,UAAU;EACVC,MAAM,GAAG,KAAK;EACdC,KAAK;EACLC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClB,GAAGC;AACU,CAAC,KAAK;EACnB,MAAM;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGnB,gBAAgB,CAACO,QAAQ,EAAEC,UAAU,EAAE,CAAC,CAACM,QAAQ,CAAC;EAE/F,MAAMM,aAAa,GAAIC,KAA4B,IAAK;IACrDH,OAAO,CAAC,CAAC;IACTP,SAAS,GAAGU,KAAK,CAAC;EACrB,CAAC;EAED,MAAMC,cAAc,GAAID,KAA4B,IAAK;IACtDF,QAAQ,CAAC,CAAC;IACVP,UAAU,GAAGS,KAAK,CAAC;EACtB,CAAC;EAED,MAAME,WAAW,GAAIF,KAA4B,IAAK;IACnDpB,aAAa,CAACQ,MAAM,CAAC;IACrBI,OAAO,GAAGQ,KAAK,CAAC;EACnB,CAAC;EAED,oBACGlB,IAAA,CAACC,iBAAiB;IACfW,kBAAkB,EAAE;MAAED,QAAQ,EAAE,CAAC,CAACA,QAAQ;MAAE,GAAGC;IAAmB,CAAE;IAAA,GAChEC,KAAK;IACTF,QAAQ,EAAEA,QAAS;IACnBH,SAAS,EAAES,aAAc;IACzBR,UAAU,EAAEU,cAAe;IAC3BT,OAAO,EAAEA,OAAO,GAAGU,WAAW,GAAGC,SAAU;IAC3Cd,KAAK,EAAE,CAACA,KAAK,EAAEO,aAAa;EAAE,CAChC,CAAC;AAER,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { toneColors } from "../../theme/tones.js";
|
|
4
|
+
import { readableOn } from "../../utils/color.js";
|
|
4
5
|
export const buttonColors = (theme, variant, tone) => {
|
|
5
6
|
const colors = toneColors(theme, tone);
|
|
6
7
|
switch (variant) {
|
|
@@ -19,7 +20,7 @@ export const buttonColors = (theme, variant, tone) => {
|
|
|
19
20
|
case 'outline':
|
|
20
21
|
return {
|
|
21
22
|
background: 'transparent',
|
|
22
|
-
border: tone === 'neutral' ? theme.colors.borderStrong : colors.solid,
|
|
23
|
+
border: tone === 'neutral' ? theme.colors.borderStrong : readableOn(colors.solid, colors.text, theme.colors.surface),
|
|
23
24
|
content: colors.text
|
|
24
25
|
};
|
|
25
26
|
case 'ghost':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["toneColors","buttonColors","theme","variant","tone","colors","background","solid","border","content","on","soft","text","borderStrong"],"sourceRoot":"../../../../src","sources":["components/core/buttonColors.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,sBAAmB;AAW9C,OAAO,MAAMC,YAAY,GAAGA,CACzBC,KAAgB,EAChBC,OAAsB,EACtBC,IAAU,KACM;EAChB,MAAMC,MAAM,
|
|
1
|
+
{"version":3,"names":["toneColors","readableOn","buttonColors","theme","variant","tone","colors","background","solid","border","content","on","soft","text","borderStrong","surface"],"sourceRoot":"../../../../src","sources":["components/core/buttonColors.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,sBAAmB;AAC9C,SAASC,UAAU,QAAQ,sBAAmB;AAW9C,OAAO,MAAMC,YAAY,GAAGA,CACzBC,KAAgB,EAChBC,OAAsB,EACtBC,IAAU,KACM;EAChB,MAAMC,MAAM,GAAGN,UAAU,CAACG,KAAK,EAAEE,IAAI,CAAC;EACtC,QAAQD,OAAO;IACZ,KAAK,OAAO;MACT,OAAO;QAAEG,UAAU,EAAED,MAAM,CAACE,KAAK;QAAEC,MAAM,EAAEH,MAAM,CAACE,KAAK;QAAEE,OAAO,EAAEJ,MAAM,CAACK;MAAG,CAAC;IAChF,KAAK,MAAM;MACR,OAAO;QAAEJ,UAAU,EAAED,MAAM,CAACM,IAAI;QAAEH,MAAM,EAAEH,MAAM,CAACM,IAAI;QAAEF,OAAO,EAAEJ,MAAM,CAACO;MAAK,CAAC;IAChF,KAAK,SAAS;MACX,OAAO;QACJN,UAAU,EAAE,aAAa;QACzBE,MAAM,EACHJ,IAAI,KAAK,SAAS,GACbF,KAAK,CAACG,MAAM,CAACQ,YAAY,GACzBb,UAAU,CAACK,MAAM,CAACE,KAAK,EAAEF,MAAM,CAACO,IAAI,EAAEV,KAAK,CAACG,MAAM,CAACS,OAAO,CAAC;QACnEL,OAAO,EAAEJ,MAAM,CAACO;MACnB,CAAC;IACJ,KAAK,OAAO;MACT,OAAO;QAAEN,UAAU,EAAE,aAAa;QAAEE,MAAM,EAAE,aAAa;QAAEC,OAAO,EAAEJ,MAAM,CAACO;MAAK,CAAC;EACvF;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","use","GutterContext","useGutter"],"sourceRoot":"../../../../src","sources":["components/core/gutter.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,GAAG,QAAQ,OAAO;AAE1C,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMG,SAAS,GAAGA,CAAA,KAAMF,GAAG,CAACC,aAAa,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
export { BlurSurface } from "./BlurSurface.js";
|
|
3
4
|
export { Button } from "./Button.js";
|
|
4
5
|
export { buttonColors } from "./buttonColors.js";
|
|
5
6
|
export { DefaultIcon, hasDefaultGlyph } from "./DefaultIcon.js";
|
|
6
7
|
export { Icon, renderIcon, renderIconGlyph, resolveIconSize } from "./Icon.js";
|
|
8
|
+
export { GutterContext, useGutter } from "./gutter.js";
|
|
7
9
|
export { IconButton } from "./IconButton.js";
|
|
8
10
|
export { Screen } from "./Screen.js";
|
|
9
11
|
export { Spinner } from "./Spinner.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","buttonColors","DefaultIcon","hasDefaultGlyph","Icon","renderIcon","renderIconGlyph","resolveIconSize","IconButton","Screen","Spinner","Stack","Text","textToneColor","TextField","Touchable"],"sourceRoot":"../../../../src","sources":["components/core/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AAEjC,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,WAAW,EAAEC,eAAe,QAAQ,kBAAe;AAC5D,SAASC,IAAI,EAAEC,UAAU,EAAEC,eAAe,EAAEC,eAAe,QAAQ,WAAQ;AAE3E,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,OAAO,QAAQ,cAAW;AAEnC,SAASC,KAAK,QAAQ,YAAS;AAE/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,WAAQ;AAE5C,SAASC,SAAS,QAAQ,gBAAa;AAEvC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["BlurSurface","Button","buttonColors","DefaultIcon","hasDefaultGlyph","Icon","renderIcon","renderIconGlyph","resolveIconSize","GutterContext","useGutter","IconButton","Screen","Spinner","Stack","Text","textToneColor","TextField","Touchable"],"sourceRoot":"../../../../src","sources":["components/core/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAE3C,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,WAAW,EAAEC,eAAe,QAAQ,kBAAe;AAC5D,SAASC,IAAI,EAAEC,UAAU,EAAEC,eAAe,EAAEC,eAAe,QAAQ,WAAQ;AAE3E,SAASC,aAAa,EAAEC,SAAS,QAAQ,aAAU;AACnD,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,OAAO,QAAQ,cAAW;AAEnC,SAASC,KAAK,QAAQ,YAAS;AAE/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,WAAQ;AAE5C,SAASC,SAAS,QAAQ,gBAAa;AAEvC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { Keyboard, Platform, TextInput } from 'react-native';
|
|
5
|
+
import { scrollTo, useAnimatedKeyboard, useAnimatedReaction, useAnimatedRef, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
|
|
6
|
+
const idlePlan = {
|
|
7
|
+
from: 0,
|
|
8
|
+
delta: 0,
|
|
9
|
+
height: 0
|
|
10
|
+
};
|
|
11
|
+
const focusRetries = 6;
|
|
12
|
+
const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
|
|
13
|
+
export const useKeyboardReveal = ({
|
|
14
|
+
rootRef,
|
|
15
|
+
viewportRef,
|
|
16
|
+
scrollY,
|
|
17
|
+
margin,
|
|
18
|
+
enabled,
|
|
19
|
+
uncoveredGap
|
|
20
|
+
}) => {
|
|
21
|
+
const keyboard = useAnimatedKeyboard();
|
|
22
|
+
const scrollRef = useAnimatedRef();
|
|
23
|
+
const coveredGap = useSharedValue(uncoveredGap);
|
|
24
|
+
const plan = useSharedValue(idlePlan);
|
|
25
|
+
useAnimatedReaction(() => keyboard.height.value, height => {
|
|
26
|
+
const current = plan.value;
|
|
27
|
+
if (current.height <= 0) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const progress = Math.min(1, height / current.height);
|
|
31
|
+
scrollTo(scrollRef, 0, current.from + current.delta * progress, false);
|
|
32
|
+
if (height === 0) {
|
|
33
|
+
plan.value = idlePlan;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (!enabled || Platform.OS === 'web') {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const planReveal = (event, attempt = 0) => {
|
|
41
|
+
const input = TextInput.State.currentlyFocusedInput();
|
|
42
|
+
if (!input && attempt < focusRetries) {
|
|
43
|
+
requestAnimationFrame(() => planReveal(event, attempt + 1));
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
const root = rootRef.current;
|
|
47
|
+
const viewport = viewportRef.current;
|
|
48
|
+
const keyboardHeight = event.endCoordinates.height;
|
|
49
|
+
const windowBottom = event.endCoordinates.screenY + keyboardHeight;
|
|
50
|
+
if (!root) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
root.measureInWindow((_x, rootY, _width, rootHeight) => {
|
|
54
|
+
const gap = windowBottom - (rootY + rootHeight) + uncoveredGap;
|
|
55
|
+
coveredGap.value = gap;
|
|
56
|
+
if (!input || !viewport) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
const spacer = Math.max(0, keyboardHeight - gap);
|
|
60
|
+
input.measureInWindow((_ix, inputY, _iw, inputHeight) => viewport.measureInWindow((_sx, viewY, _sw, viewHeight) => {
|
|
61
|
+
const overflow = inputY + inputHeight + margin - (viewY + viewHeight - spacer);
|
|
62
|
+
if (overflow <= 0) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
if (Platform.OS === 'ios') {
|
|
66
|
+
plan.value = {
|
|
67
|
+
from: scrollY.value,
|
|
68
|
+
delta: overflow,
|
|
69
|
+
height: keyboardHeight
|
|
70
|
+
};
|
|
71
|
+
} else {
|
|
72
|
+
scrollRef.current?.scrollTo({
|
|
73
|
+
y: scrollY.value + overflow,
|
|
74
|
+
animated: true
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
}));
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
const subscription = Keyboard.addListener(showEvent, event => planReveal(event));
|
|
81
|
+
return () => subscription.remove();
|
|
82
|
+
}, [enabled, margin, uncoveredGap, rootRef, viewportRef, scrollRef, scrollY, coveredGap, plan]);
|
|
83
|
+
const spacerStyle = useAnimatedStyle(() => ({
|
|
84
|
+
height: enabled ? Math.max(0, keyboard.height.value - coveredGap.value) : 0
|
|
85
|
+
}));
|
|
86
|
+
const cancelReveal = () => {
|
|
87
|
+
plan.value = idlePlan;
|
|
88
|
+
};
|
|
89
|
+
return {
|
|
90
|
+
scrollRef,
|
|
91
|
+
spacerStyle,
|
|
92
|
+
cancelReveal
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=useKeyboardReveal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","Keyboard","Platform","TextInput","scrollTo","useAnimatedKeyboard","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useSharedValue","idlePlan","from","delta","height","focusRetries","showEvent","OS","useKeyboardReveal","rootRef","viewportRef","scrollY","margin","enabled","uncoveredGap","keyboard","scrollRef","coveredGap","plan","value","current","progress","Math","min","planReveal","event","attempt","input","State","currentlyFocusedInput","requestAnimationFrame","root","viewport","keyboardHeight","endCoordinates","windowBottom","screenY","measureInWindow","_x","rootY","_width","rootHeight","gap","spacer","max","_ix","inputY","_iw","inputHeight","_sx","viewY","_sw","viewHeight","overflow","y","animated","subscription","addListener","remove","spacerStyle","cancelReveal"],"sourceRoot":"../../../../src","sources":["components/core/useKeyboardReveal.ts"],"mappings":"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","ignoreList":[]}
|