zero-to-app 3.2.2 → 3.3.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/dist/brand/palette-generator.d.ts.map +1 -1
- package/dist/brand/palette-generator.js +6 -7
- package/dist/brand/palette-generator.js.map +1 -1
- package/dist/components/ui/avatar.d.ts +21 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +67 -0
- package/dist/components/ui/avatar.js.map +1 -0
- package/dist/components/ui/divider.d.ts +18 -0
- package/dist/components/ui/divider.d.ts.map +1 -0
- package/dist/components/ui/divider.js +21 -0
- package/dist/components/ui/divider.js.map +1 -0
- package/dist/components/ui/index.d.ts +14 -0
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +13 -0
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/list-item.d.ts +18 -0
- package/dist/components/ui/list-item.d.ts.map +1 -0
- package/dist/components/ui/list-item.js +50 -0
- package/dist/components/ui/list-item.js.map +1 -0
- package/dist/components/ui/list.d.ts +12 -0
- package/dist/components/ui/list.d.ts.map +1 -0
- package/dist/components/ui/list.js +12 -0
- package/dist/components/ui/list.js.map +1 -0
- package/dist/components/ui/modal.d.ts +24 -0
- package/dist/components/ui/modal.d.ts.map +1 -0
- package/dist/components/ui/modal.js +116 -0
- package/dist/components/ui/modal.js.map +1 -0
- package/dist/components/ui/progress-indicator.d.ts +23 -0
- package/dist/components/ui/progress-indicator.d.ts.map +1 -0
- package/dist/components/ui/progress-indicator.js +168 -0
- package/dist/components/ui/progress-indicator.js.map +1 -0
- package/dist/components/ui/text-input.d.ts +24 -0
- package/dist/components/ui/text-input.d.ts.map +1 -0
- package/dist/components/ui/text-input.js +84 -0
- package/dist/components/ui/text-input.js.map +1 -0
- package/dist/components/ui/themed-view.d.ts +6 -2
- package/dist/components/ui/themed-view.d.ts.map +1 -1
- package/dist/components/ui/themed-view.js +28 -1
- package/dist/components/ui/themed-view.js.map +1 -1
- package/dist/theme/high-contrast-theme.d.ts.map +1 -1
- package/dist/theme/high-contrast-theme.js +38 -0
- package/dist/theme/high-contrast-theme.js.map +1 -1
- package/dist/theme/theme-config.d.ts +19 -0
- package/dist/theme/theme-config.d.ts.map +1 -1
- package/dist/theme/theme-config.js +38 -0
- package/dist/theme/theme-config.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"palette-generator.d.ts","sourceRoot":"","sources":["../../brand/palette-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAGL,YAAY,EAEb,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+FAA+F;IAC/F,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAmED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"palette-generator.d.ts","sourceRoot":"","sources":["../../brand/palette-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAGL,YAAY,EAEb,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+FAA+F;IAC/F,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAmED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,CAuEnE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,CAuElE;AAwBD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAM5E;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,GAAE,MAAY,GACrB,OAAO,CAET;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAiBrE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAWlF;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGrF"}
|
|
@@ -89,10 +89,9 @@ export function generateLightColors(options) {
|
|
|
89
89
|
// Build light theme using M3 tone mappings
|
|
90
90
|
// Reference: https://m3.material.io/styles/color/the-color-system/tokens
|
|
91
91
|
return {
|
|
92
|
-
// Primary —
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
onPrimary: pickOnColor(options.primary),
|
|
92
|
+
// Primary — M3 tone 40 for light theme
|
|
93
|
+
primary: hexFromArgb(primaryPalette.tone(40)),
|
|
94
|
+
onPrimary: hexFromArgb(primaryPalette.tone(100)),
|
|
96
95
|
primaryContainer: hexFromArgb(primaryPalette.tone(90)),
|
|
97
96
|
onPrimaryContainer: hexFromArgb(primaryPalette.tone(10)),
|
|
98
97
|
// Secondary
|
|
@@ -158,9 +157,9 @@ export function generateDarkColors(options) {
|
|
|
158
157
|
// Build dark theme using M3 tone mappings
|
|
159
158
|
// Dark theme uses inverted tone values
|
|
160
159
|
return {
|
|
161
|
-
// Primary —
|
|
162
|
-
primary:
|
|
163
|
-
onPrimary:
|
|
160
|
+
// Primary — M3 tone 80 for dark theme
|
|
161
|
+
primary: hexFromArgb(primaryPalette.tone(80)),
|
|
162
|
+
onPrimary: hexFromArgb(primaryPalette.tone(20)),
|
|
164
163
|
primaryContainer: hexFromArgb(primaryPalette.tone(30)),
|
|
165
164
|
onPrimaryContainer: hexFromArgb(primaryPalette.tone(90)),
|
|
166
165
|
// Secondary
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"palette-generator.js","sourceRoot":"","sources":["../../brand/palette-generator.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"palette-generator.js","sourceRoot":"","sources":["../../brand/palette-generator.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type ViewStyle, type StyleProp } from 'react-native';
|
|
2
|
+
export type AvatarSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface AvatarProps {
|
|
4
|
+
/** Display name — used for initials and deterministic background color */
|
|
5
|
+
name?: string;
|
|
6
|
+
/** Image URI. Falls back to initials if load fails or not provided */
|
|
7
|
+
src?: string;
|
|
8
|
+
/** Size variant. @default 'md' */
|
|
9
|
+
size?: AvatarSize;
|
|
10
|
+
/** Override background color */
|
|
11
|
+
color?: string;
|
|
12
|
+
/** Override text/initials color */
|
|
13
|
+
textColor?: string;
|
|
14
|
+
style?: StyleProp<ViewStyle>;
|
|
15
|
+
}
|
|
16
|
+
declare const Avatar: {
|
|
17
|
+
({ name, src, size, color, textColor, style }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
export { Avatar };
|
|
21
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKvF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA2BD,QAAA,MAAM,MAAM;mDAA8D,WAAW;;CAiDpF,CAAC;AAaF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// 1. IMPORTS
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { View, Image, StyleSheet } from 'react-native';
|
|
5
|
+
import { Typography } from './typography';
|
|
6
|
+
import { useTheme } from '../../theme';
|
|
7
|
+
// Size config
|
|
8
|
+
const SIZE_CONFIG = {
|
|
9
|
+
sm: { dimension: 32, fontSize: 12 },
|
|
10
|
+
md: { dimension: 40, fontSize: 16 },
|
|
11
|
+
lg: { dimension: 56, fontSize: 22 },
|
|
12
|
+
};
|
|
13
|
+
/** Hash a string to a number 0–5 for picking a container color */
|
|
14
|
+
function hashName(name) {
|
|
15
|
+
let hash = 0;
|
|
16
|
+
for (let i = 0; i < name.length; i++) {
|
|
17
|
+
hash = (hash * 31 + name.charCodeAt(i)) >>> 0;
|
|
18
|
+
}
|
|
19
|
+
return hash % 6;
|
|
20
|
+
}
|
|
21
|
+
/** Extract up to 2 initials from a name */
|
|
22
|
+
function getInitials(name) {
|
|
23
|
+
const words = name.trim().split(/\s+/).filter(Boolean);
|
|
24
|
+
if (words.length === 0)
|
|
25
|
+
return '?';
|
|
26
|
+
if (words.length === 1)
|
|
27
|
+
return words[0][0].toUpperCase();
|
|
28
|
+
return (words[0][0] + words[words.length - 1][0]).toUpperCase();
|
|
29
|
+
}
|
|
30
|
+
// 3. COMPONENT
|
|
31
|
+
const Avatar = ({ name = '', src, size = 'md', color, textColor, style }) => {
|
|
32
|
+
const theme = useTheme();
|
|
33
|
+
const [imageError, setImageError] = useState(false);
|
|
34
|
+
const { dimension, fontSize } = SIZE_CONFIG[size];
|
|
35
|
+
// Deterministic color from name
|
|
36
|
+
const containerColors = [
|
|
37
|
+
{ bg: theme.primaryContainer, fg: theme.onPrimaryContainer },
|
|
38
|
+
{ bg: theme.secondaryContainer, fg: theme.onSecondaryContainer },
|
|
39
|
+
{ bg: theme.tertiaryContainer, fg: theme.onTertiaryContainer },
|
|
40
|
+
{ bg: theme.errorContainer, fg: theme.onErrorContainer },
|
|
41
|
+
{ bg: theme.surfaceContainerHigh, fg: theme.onSurface },
|
|
42
|
+
{ bg: theme.surfaceContainerHighest, fg: theme.onSurface },
|
|
43
|
+
];
|
|
44
|
+
const colorPair = containerColors[hashName(name)];
|
|
45
|
+
const bgColor = color ?? colorPair.bg;
|
|
46
|
+
const fgColor = textColor ?? colorPair.fg;
|
|
47
|
+
const containerStyle = {
|
|
48
|
+
width: dimension,
|
|
49
|
+
height: dimension,
|
|
50
|
+
borderRadius: dimension / 2,
|
|
51
|
+
backgroundColor: bgColor,
|
|
52
|
+
overflow: 'hidden',
|
|
53
|
+
};
|
|
54
|
+
const showImage = !!src && !imageError;
|
|
55
|
+
return (_jsx(View, { style: [styles.container, containerStyle, style], children: showImage ? (_jsx(Image, { source: { uri: src }, style: StyleSheet.absoluteFill, onError: () => setImageError(true), accessibilityLabel: name || 'Avatar' })) : (_jsx(Typography, { style: { fontSize, lineHeight: fontSize * 1.2, color: fgColor, fontWeight: '500' }, accessibilityLabel: name ? `Avatar for ${name}` : 'Avatar', children: getInitials(name) })) }));
|
|
56
|
+
};
|
|
57
|
+
Avatar.displayName = 'Avatar';
|
|
58
|
+
// 4. STYLES
|
|
59
|
+
const styles = StyleSheet.create({
|
|
60
|
+
container: {
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
justifyContent: 'center',
|
|
63
|
+
},
|
|
64
|
+
});
|
|
65
|
+
// 5. EXPORTS
|
|
66
|
+
export { Avatar };
|
|
67
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../components/ui/avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ViewStyle, type StyleProp } from 'react-native';
|
|
2
|
+
export type DividerOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
export type DividerInset = 'none' | 'start' | 'middle';
|
|
4
|
+
export interface DividerProps {
|
|
5
|
+
/** Direction of the divider. @default 'horizontal' */
|
|
6
|
+
orientation?: DividerOrientation;
|
|
7
|
+
/** Inset variant adding margin on one or both sides. @default 'none' */
|
|
8
|
+
inset?: DividerInset;
|
|
9
|
+
/** Override the divider color */
|
|
10
|
+
color?: string;
|
|
11
|
+
style?: StyleProp<ViewStyle>;
|
|
12
|
+
}
|
|
13
|
+
declare const Divider: {
|
|
14
|
+
({ orientation, inset, color, style }: DividerProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export { Divider };
|
|
18
|
+
//# sourceMappingURL=divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../components/ui/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,sDAAsD;IACtD,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,wEAAwE;IACxE,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAGD,QAAA,MAAM,OAAO;2CAAkE,YAAY;;CAsB1F,CAAC;AAKF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import { useTheme } from '../../theme';
|
|
4
|
+
// 3. COMPONENT
|
|
5
|
+
const Divider = ({ orientation = 'horizontal', inset = 'none', color, style }) => {
|
|
6
|
+
const theme = useTheme();
|
|
7
|
+
const dividerColor = color ?? theme.tokens.list.divider;
|
|
8
|
+
const insetStyle = inset === 'start'
|
|
9
|
+
? { marginLeft: 16 }
|
|
10
|
+
: inset === 'middle'
|
|
11
|
+
? { marginHorizontal: 16 }
|
|
12
|
+
: {};
|
|
13
|
+
const lineStyle = orientation === 'horizontal'
|
|
14
|
+
? { height: StyleSheet.hairlineWidth, width: '100%' }
|
|
15
|
+
: { width: StyleSheet.hairlineWidth, height: '100%' };
|
|
16
|
+
return (_jsx(View, { style: [lineStyle, { backgroundColor: dividerColor }, insetStyle, style], accessibilityRole: "none" }));
|
|
17
|
+
};
|
|
18
|
+
Divider.displayName = 'Divider';
|
|
19
|
+
// 4. EXPORTS
|
|
20
|
+
export { Divider };
|
|
21
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../components/ui/divider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAgBvC,eAAe;AACf,MAAM,OAAO,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC7F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IAExD,MAAM,UAAU,GACd,KAAK,KAAK,OAAO;QACf,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;QACpB,CAAC,CAAC,KAAK,KAAK,QAAQ;YACpB,CAAC,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;YAC1B,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,SAAS,GACb,WAAW,KAAK,YAAY;QAC1B,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE;QACrD,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAE1D,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EACxE,iBAAiB,EAAC,MAAM,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,aAAa;AACb,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -20,4 +20,18 @@ export { ThemedImage } from './themed-image';
|
|
|
20
20
|
export type { ThemedImageProps } from './themed-image';
|
|
21
21
|
export { Slider } from './slider';
|
|
22
22
|
export type { SliderProps } from './slider';
|
|
23
|
+
export { Divider } from './divider';
|
|
24
|
+
export type { DividerProps, DividerOrientation, DividerInset } from './divider';
|
|
25
|
+
export { Avatar } from './avatar';
|
|
26
|
+
export type { AvatarProps, AvatarSize } from './avatar';
|
|
27
|
+
export { ProgressIndicator } from './progress-indicator';
|
|
28
|
+
export type { ProgressIndicatorProps, ProgressVariant } from './progress-indicator';
|
|
29
|
+
export { ThemedTextInput } from './text-input';
|
|
30
|
+
export type { ThemedTextInputProps, TextInputVariant } from './text-input';
|
|
31
|
+
export { List } from './list';
|
|
32
|
+
export type { ListProps } from './list';
|
|
33
|
+
export { ListItem } from './list-item';
|
|
34
|
+
export type { ListItemProps } from './list-item';
|
|
35
|
+
export { Modal } from './modal';
|
|
36
|
+
export type { ModalProps } from './modal';
|
|
23
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGxE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGxE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAG3E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -19,4 +19,17 @@ export { Container } from './container';
|
|
|
19
19
|
export { ThemedImage } from './themed-image';
|
|
20
20
|
// Slider
|
|
21
21
|
export { Slider } from './slider';
|
|
22
|
+
// Divider
|
|
23
|
+
export { Divider } from './divider';
|
|
24
|
+
// Avatar
|
|
25
|
+
export { Avatar } from './avatar';
|
|
26
|
+
// ProgressIndicator
|
|
27
|
+
export { ProgressIndicator } from './progress-indicator';
|
|
28
|
+
// TextInput
|
|
29
|
+
export { ThemedTextInput } from './text-input';
|
|
30
|
+
// List
|
|
31
|
+
export { List } from './list';
|
|
32
|
+
export { ListItem } from './list-item';
|
|
33
|
+
// Modal
|
|
34
|
+
export { Modal } from './modal';
|
|
22
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ui/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM;AACN,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,cAAc;AACd,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,aAAa;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,cAAc;AACd,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ui/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM;AACN,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,cAAc;AACd,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,aAAa;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,cAAc;AACd,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,oBAAoB;AACpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,YAAY;AACZ,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { InteractiveComponentProps } from '../shared/types';
|
|
4
|
+
export interface ListItemProps extends Omit<InteractiveComponentProps, 'accessibilityRole'> {
|
|
5
|
+
/** Primary text */
|
|
6
|
+
title: string;
|
|
7
|
+
/** Secondary text shown below the title */
|
|
8
|
+
subtitle?: string;
|
|
9
|
+
/** Leading element — icon, avatar, image */
|
|
10
|
+
leading?: React.ReactNode;
|
|
11
|
+
/** Trailing element — icon, text, action */
|
|
12
|
+
trailing?: React.ReactNode;
|
|
13
|
+
/** Whether this item is in a selected state */
|
|
14
|
+
selected?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<View>>;
|
|
17
|
+
export { ListItem };
|
|
18
|
+
//# sourceMappingURL=list-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../components/ui/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAGL,IAAI,EAIL,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAIjE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,yBAAyB,EAAE,mBAAmB,CAAC;IACzF,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,QAAA,MAAM,QAAQ,4EAmEZ,CAAC;AA0BH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// 1. IMPORTS
|
|
3
|
+
import { forwardRef, useState } from 'react';
|
|
4
|
+
import { Platform, Pressable, View, StyleSheet, } from 'react-native';
|
|
5
|
+
import { Typography } from './typography';
|
|
6
|
+
import { useTheme } from '../../theme';
|
|
7
|
+
import { blurOnWeb } from '../shared/utils';
|
|
8
|
+
// 3. COMPONENT
|
|
9
|
+
const ListItem = forwardRef(({ title, subtitle, leading, trailing, selected = false, disabled = false, onPress, style, testID, accessibilityLabel, accessibilityHint, }, ref) => {
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
const t = theme.tokens.list;
|
|
12
|
+
const [hovered, setHovered] = useState(false);
|
|
13
|
+
const bgColor = selected
|
|
14
|
+
? t.selectedBg
|
|
15
|
+
: hovered && Platform.OS === 'web'
|
|
16
|
+
? t.pressedBg
|
|
17
|
+
: 'transparent';
|
|
18
|
+
const titleColor = selected ? t.selectedText : (disabled ? t.itemSubtextColor : t.itemText);
|
|
19
|
+
const content = (_jsxs(View, { style: [styles.row, { backgroundColor: bgColor, opacity: disabled ? 0.38 : 1 }, style], children: [leading && _jsx(View, { style: styles.leading, children: leading }), _jsxs(View, { style: styles.textBlock, children: [_jsx(Typography, { variant: "bodyLarge", style: { color: titleColor }, numberOfLines: 1, children: title }), subtitle && (_jsx(Typography, { variant: "bodySmall", style: { color: t.itemSubtextColor }, numberOfLines: 2, children: subtitle }))] }), trailing && _jsx(View, { style: styles.trailing, children: trailing })] }));
|
|
20
|
+
if (!onPress) {
|
|
21
|
+
return _jsx(View, { ref: ref, testID: testID, children: content });
|
|
22
|
+
}
|
|
23
|
+
return (_jsx(Pressable, { ref: ref, testID: testID, disabled: disabled, onPress: (e) => { blurOnWeb(e); onPress(); }, onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false), accessibilityRole: "button", accessibilityLabel: accessibilityLabel ?? title, accessibilityHint: accessibilityHint, accessibilityState: { disabled, selected }, android_ripple: Platform.OS === 'android' && !disabled
|
|
24
|
+
? { color: theme.primary + '40', borderless: false }
|
|
25
|
+
: undefined, children: content }));
|
|
26
|
+
});
|
|
27
|
+
ListItem.displayName = 'ListItem';
|
|
28
|
+
// 4. STYLES
|
|
29
|
+
const styles = StyleSheet.create({
|
|
30
|
+
row: {
|
|
31
|
+
flexDirection: 'row',
|
|
32
|
+
alignItems: 'center',
|
|
33
|
+
paddingHorizontal: 16,
|
|
34
|
+
paddingVertical: 12,
|
|
35
|
+
minHeight: 56,
|
|
36
|
+
},
|
|
37
|
+
leading: {
|
|
38
|
+
marginRight: 16,
|
|
39
|
+
},
|
|
40
|
+
textBlock: {
|
|
41
|
+
flex: 1,
|
|
42
|
+
gap: 2,
|
|
43
|
+
},
|
|
44
|
+
trailing: {
|
|
45
|
+
marginLeft: 16,
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
// 5. EXPORTS
|
|
49
|
+
export { ListItem };
|
|
50
|
+
//# sourceMappingURL=list-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../components/ui/list-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
export interface ListProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
declare const List: {
|
|
8
|
+
({ children, style }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
export { List };
|
|
12
|
+
//# sourceMappingURL=list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../components/ui/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAGD,QAAA,MAAM,IAAI;0BAAyB,SAAS;;CAU3C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { useTheme } from '../../theme';
|
|
4
|
+
// 3. COMPONENT
|
|
5
|
+
const List = ({ children, style }) => {
|
|
6
|
+
const theme = useTheme();
|
|
7
|
+
return (_jsx(View, { style: [{ backgroundColor: theme.tokens.list.background }, style], accessibilityRole: "list", children: children }));
|
|
8
|
+
};
|
|
9
|
+
List.displayName = 'List';
|
|
10
|
+
// 4. EXPORTS
|
|
11
|
+
export { List };
|
|
12
|
+
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../components/ui/list.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC,eAAe;AACf,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAa,EAAE,EAAE;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,CAAC,EACjE,iBAAiB,EAAC,MAAM,YAEvB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,aAAa;AACb,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
export interface ModalProps {
|
|
4
|
+
/** Whether the modal is visible */
|
|
5
|
+
visible: boolean;
|
|
6
|
+
/** Called when the modal should close */
|
|
7
|
+
onDismiss: () => void;
|
|
8
|
+
/** Optional title shown in the modal header */
|
|
9
|
+
title?: string;
|
|
10
|
+
/** Modal body content */
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
/** Footer actions row (e.g. Button components) */
|
|
13
|
+
actions?: React.ReactNode;
|
|
14
|
+
/** Whether tapping the scrim dismisses the modal. @default true */
|
|
15
|
+
dismissable?: boolean;
|
|
16
|
+
/** Override the modal container style */
|
|
17
|
+
style?: StyleProp<ViewStyle>;
|
|
18
|
+
}
|
|
19
|
+
declare const Modal: {
|
|
20
|
+
({ visible, onDismiss, title, children, actions, dismissable, style, }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
export { Modal };
|
|
24
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../components/ui/modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAGD,QAAA,MAAM,KAAK;4EAQR,UAAU;;CAyHZ,CAAC;AA6CF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// 1. IMPORTS
|
|
3
|
+
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { Animated, Easing, Modal as RNModal, Pressable, View, StyleSheet, } from 'react-native';
|
|
5
|
+
import { Typography } from './typography';
|
|
6
|
+
import { useTheme } from '../../theme';
|
|
7
|
+
import { useDimensions, breakpoints } from '../../hooks';
|
|
8
|
+
import { renderIcon } from '../../icons';
|
|
9
|
+
import { elevationStyle } from './themed-view';
|
|
10
|
+
// 3. COMPONENT
|
|
11
|
+
const Modal = ({ visible, onDismiss, title, children, actions, dismissable = true, style, }) => {
|
|
12
|
+
const theme = useTheme();
|
|
13
|
+
const t = theme.tokens.modal;
|
|
14
|
+
const { width } = useDimensions();
|
|
15
|
+
const isDialog = width >= breakpoints.medium;
|
|
16
|
+
const [reduceMotion, setReduceMotion] = useState(false);
|
|
17
|
+
const slideAnim = useRef(new Animated.Value(0)).current;
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
let mounted = true;
|
|
20
|
+
try {
|
|
21
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
22
|
+
const { AccessibilityInfo } = require('react-native');
|
|
23
|
+
AccessibilityInfo?.isReduceMotionEnabled?.().then((enabled) => {
|
|
24
|
+
if (mounted)
|
|
25
|
+
setReduceMotion(!!enabled);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
catch (e) { /* ignore */ }
|
|
29
|
+
return () => { mounted = false; };
|
|
30
|
+
}, []);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (visible) {
|
|
33
|
+
if (reduceMotion) {
|
|
34
|
+
slideAnim.setValue(1);
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
Animated.timing(slideAnim, {
|
|
38
|
+
toValue: 1,
|
|
39
|
+
duration: 280,
|
|
40
|
+
easing: Easing.out(Easing.cubic),
|
|
41
|
+
useNativeDriver: true,
|
|
42
|
+
}).start();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
slideAnim.setValue(0);
|
|
47
|
+
}
|
|
48
|
+
}, [visible, reduceMotion, slideAnim]);
|
|
49
|
+
const translateY = slideAnim.interpolate({
|
|
50
|
+
inputRange: [0, 1],
|
|
51
|
+
outputRange: [isDialog ? -20 : 300, 0],
|
|
52
|
+
});
|
|
53
|
+
const opacity = slideAnim.interpolate({ inputRange: [0, 1], outputRange: [0, 1] });
|
|
54
|
+
const shadowStyle = elevationStyle(3, theme.shadow);
|
|
55
|
+
const containerStyle = isDialog
|
|
56
|
+
? {
|
|
57
|
+
maxWidth: 560,
|
|
58
|
+
width: '90%',
|
|
59
|
+
borderRadius: theme.shape.surfaceBorderRadius,
|
|
60
|
+
...shadowStyle,
|
|
61
|
+
}
|
|
62
|
+
: {
|
|
63
|
+
width: '100%',
|
|
64
|
+
borderTopLeftRadius: theme.shape.surfaceBorderRadius * 2,
|
|
65
|
+
borderTopRightRadius: theme.shape.surfaceBorderRadius * 2,
|
|
66
|
+
...shadowStyle,
|
|
67
|
+
};
|
|
68
|
+
return (_jsxs(RNModal, { visible: visible, transparent: true, animationType: "none", onRequestClose: onDismiss, statusBarTranslucent: true, children: [_jsx(Animated.View, { style: [styles.scrim, { backgroundColor: t.scrim, opacity }], children: _jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: dismissable ? onDismiss : undefined, accessibilityLabel: "Close modal" }) }), _jsx(View, { style: [styles.positioner, isDialog ? styles.dialogPositioner : styles.sheetPositioner], pointerEvents: "box-none", children: _jsxs(Animated.View, { style: [
|
|
69
|
+
containerStyle,
|
|
70
|
+
{ backgroundColor: t.background, transform: [{ translateY }], opacity },
|
|
71
|
+
style,
|
|
72
|
+
], accessibilityViewIsModal: true, children: [(title !== undefined) && (_jsxs(View, { style: [styles.header, { borderBottomColor: t.headerBorder, borderBottomWidth: 1 }], children: [_jsx(Typography, { variant: "titleMedium", weight: "medium", style: { color: t.text, flex: 1 }, children: title }), _jsx(Pressable, { onPress: onDismiss, style: styles.closeButton, accessibilityLabel: "Close", accessibilityRole: "button", children: renderIcon({ name: 'x' }, 'Feather', 20, t.text) })] })), _jsx(View, { style: styles.body, children: children }), actions && (_jsx(View, { style: [styles.actions, { borderTopColor: t.headerBorder, borderTopWidth: 1 }], children: actions }))] }) })] }));
|
|
73
|
+
};
|
|
74
|
+
Modal.displayName = 'Modal';
|
|
75
|
+
// 4. STYLES
|
|
76
|
+
const styles = StyleSheet.create({
|
|
77
|
+
scrim: {
|
|
78
|
+
...StyleSheet.absoluteFillObject,
|
|
79
|
+
},
|
|
80
|
+
positioner: {
|
|
81
|
+
...StyleSheet.absoluteFillObject,
|
|
82
|
+
pointerEvents: 'box-none',
|
|
83
|
+
},
|
|
84
|
+
dialogPositioner: {
|
|
85
|
+
alignItems: 'center',
|
|
86
|
+
justifyContent: 'center',
|
|
87
|
+
},
|
|
88
|
+
sheetPositioner: {
|
|
89
|
+
justifyContent: 'flex-end',
|
|
90
|
+
alignItems: 'stretch',
|
|
91
|
+
},
|
|
92
|
+
header: {
|
|
93
|
+
flexDirection: 'row',
|
|
94
|
+
alignItems: 'center',
|
|
95
|
+
paddingHorizontal: 24,
|
|
96
|
+
paddingVertical: 16,
|
|
97
|
+
},
|
|
98
|
+
closeButton: {
|
|
99
|
+
padding: 4,
|
|
100
|
+
marginLeft: 8,
|
|
101
|
+
},
|
|
102
|
+
body: {
|
|
103
|
+
padding: 24,
|
|
104
|
+
},
|
|
105
|
+
actions: {
|
|
106
|
+
flexDirection: 'row',
|
|
107
|
+
justifyContent: 'flex-end',
|
|
108
|
+
alignItems: 'center',
|
|
109
|
+
gap: 8,
|
|
110
|
+
paddingHorizontal: 24,
|
|
111
|
+
paddingVertical: 16,
|
|
112
|
+
},
|
|
113
|
+
});
|
|
114
|
+
// 5. EXPORTS
|
|
115
|
+
export { Modal };
|
|
116
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../components/ui/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type ViewStyle, type StyleProp } from 'react-native';
|
|
2
|
+
export type ProgressVariant = 'linear' | 'circular';
|
|
3
|
+
export interface ProgressIndicatorProps {
|
|
4
|
+
/** Linear or circular indicator. @default 'linear' */
|
|
5
|
+
variant?: ProgressVariant;
|
|
6
|
+
/** Progress value 0–1. Omit for indeterminate. */
|
|
7
|
+
value?: number;
|
|
8
|
+
/** Override the indicator color. Defaults to theme.primary */
|
|
9
|
+
color?: string;
|
|
10
|
+
/** Override the track background color */
|
|
11
|
+
trackColor?: string;
|
|
12
|
+
/** Circular only — diameter in dp. @default 48 */
|
|
13
|
+
size?: number;
|
|
14
|
+
/** Circular only — stroke width in dp. @default 4 */
|
|
15
|
+
strokeWidth?: number;
|
|
16
|
+
style?: StyleProp<ViewStyle>;
|
|
17
|
+
}
|
|
18
|
+
declare const ProgressIndicator: {
|
|
19
|
+
({ variant, value, color, trackColor, size, strokeWidth, style, }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
export { ProgressIndicator };
|
|
23
|
+
//# sourceMappingURL=progress-indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-indicator.d.ts","sourceRoot":"","sources":["../../../components/ui/progress-indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5G,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,sBAAsB;IACrC,sDAAsD;IACtD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD,QAAA,MAAM,iBAAiB;uEAQpB,sBAAsB;;CA4CxB,CAAC;AA6PF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|