@hjmds/react-native 1.27.2 → 1.28.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/actions.d.ts.map +1 -1
- package/dist/actions.js +9 -8
- package/dist/actions.js.map +1 -1
- package/dist/auth-screen.d.ts +28 -2
- package/dist/auth-screen.d.ts.map +1 -1
- package/dist/auth-screen.js +33 -3
- package/dist/auth-screen.js.map +1 -1
- package/dist/chart.d.ts +1 -1
- package/dist/chart.d.ts.map +1 -1
- package/dist/chart.js +8 -6
- package/dist/chart.js.map +1 -1
- package/dist/data-display.d.ts.map +1 -1
- package/dist/data-display.js +33 -10
- package/dist/data-display.js.map +1 -1
- package/dist/data-table.d.ts +2 -2
- package/dist/data-table.d.ts.map +1 -1
- package/dist/data-table.js +6 -5
- package/dist/data-table.js.map +1 -1
- package/dist/evidence.d.ts +1 -1
- package/dist/evidence.js +2 -2
- package/dist/evidence.js.map +1 -1
- package/dist/feedback.d.ts +6 -1
- package/dist/feedback.d.ts.map +1 -1
- package/dist/feedback.js +38 -18
- package/dist/feedback.js.map +1 -1
- package/dist/forms.d.ts.map +1 -1
- package/dist/forms.js +3 -1
- package/dist/forms.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/inputs.d.ts.map +1 -1
- package/dist/inputs.js +20 -5
- package/dist/inputs.js.map +1 -1
- package/dist/internal/icon-button-edge.d.ts +12 -0
- package/dist/internal/icon-button-edge.d.ts.map +1 -0
- package/dist/internal/icon-button-edge.js +20 -0
- package/dist/internal/icon-button-edge.js.map +1 -0
- package/dist/internal/list-row-scroll-room.d.ts +19 -0
- package/dist/internal/list-row-scroll-room.d.ts.map +1 -0
- package/dist/internal/list-row-scroll-room.js +18 -0
- package/dist/internal/list-row-scroll-room.js.map +1 -0
- package/dist/internal/message-reactions.d.ts +1 -1
- package/dist/internal/message-reactions.d.ts.map +1 -1
- package/dist/internal/screen-footer.d.ts +15 -2
- package/dist/internal/screen-footer.d.ts.map +1 -1
- package/dist/internal/screen-footer.js +7 -4
- package/dist/internal/screen-footer.js.map +1 -1
- package/dist/notification-bell.d.ts +4 -1
- package/dist/notification-bell.d.ts.map +1 -1
- package/dist/notification-bell.js +7 -2
- package/dist/notification-bell.js.map +1 -1
- package/dist/overlays.d.ts.map +1 -1
- package/dist/overlays.js +19 -4
- package/dist/overlays.js.map +1 -1
- package/dist/primitives.js +2 -2
- package/dist/primitives.js.map +1 -1
- package/dist/screen-flows.d.ts +2 -2
- package/dist/screen-flows.d.ts.map +1 -1
- package/dist/screen-flows.js +1 -1
- package/dist/screen-flows.js.map +1 -1
- package/dist/screens.d.ts +9 -2
- package/dist/screens.d.ts.map +1 -1
- package/dist/screens.js +9 -4
- package/dist/screens.js.map +1 -1
- package/dist/sheet-gesture.d.ts.map +1 -1
- package/dist/sheet-gesture.js +1 -2
- package/dist/sheet-gesture.js.map +1 -1
- package/dist/table-family.d.ts +6 -1
- package/dist/table-family.d.ts.map +1 -1
- package/dist/table-family.js +10 -10
- package/dist/table-family.js.map +1 -1
- package/dist/top.js +1 -1
- package/dist/virtual-list.d.ts.map +1 -1
- package/dist/virtual-list.js +5 -4
- package/dist/virtual-list.js.map +1 -1
- package/package.json +3 -3
package/dist/actions.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,
|
|
1
|
+
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"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"}
|
package/dist/actions.js
CHANGED
|
@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { visibleControlHeight } from "@hjmds/design-contracts/components/design-system-provider";
|
|
3
3
|
import { resolveLinkDescriptor, } from "@hjmds/design-contracts/components/link";
|
|
4
4
|
import { glyph, spacing } from "@hjmds/design-contracts/foundations";
|
|
5
|
-
import { bottomCtaRecipe, linkRecipe, iconButtonRecipe,
|
|
5
|
+
import { bottomCtaRecipe, linkRecipe, iconButtonRecipe, resolveIconButtonPresentation, } from "@hjmds/design-contracts/recipes";
|
|
6
6
|
import {} from "@hjmds/design-contracts/recipes/base";
|
|
7
7
|
import { forwardRef, useContext } from "react";
|
|
8
8
|
import { ActivityIndicator, Pressable, View, } from "react-native";
|
|
9
9
|
import { RecipeButton } from "./internal/recipe-button.js";
|
|
10
|
+
import { iconButtonEdgeMargins } from "./internal/icon-button-edge.js";
|
|
10
11
|
import { ScreenFooterContext } from "./internal/screen-footer.js";
|
|
11
12
|
import { assertNoRemovedStyleProps, warnOnce } from "./internal/diagnostics.js";
|
|
12
13
|
import { minimumTargetStyle, resolveNativeShadowElevation } from "./internal/styles.js";
|
|
@@ -41,7 +42,7 @@ export const IconButton = forwardRef(function IconButton({ label, children, tone
|
|
|
41
42
|
const visibleDiameter = visibleControlHeight(sizeContract.diameter, theme.environment.minimumVisualTarget);
|
|
42
43
|
const glyphSize = glyph[sizeContract.glyph];
|
|
43
44
|
// Edge alignment from the same contract helper Web reads, on the visible diameter actually drawn.
|
|
44
|
-
const
|
|
45
|
+
const edgeMargins = iconButtonEdgeMargins(edge, resolvedTone, size, theme.environment.minimumVisualTarget);
|
|
45
46
|
const unavailable = disabled || (loading && disableWhileLoading);
|
|
46
47
|
return (_jsx(Pressable, { ...props, ref: ref, accessibilityLabel: resolvedLabel, accessibilityRole: "button", accessibilityState: {
|
|
47
48
|
...accessibilityState,
|
|
@@ -67,8 +68,7 @@ export const IconButton = forwardRef(function IconButton({ label, children, tone
|
|
|
67
68
|
? iconButtonRecipe.states.pressedOpacity
|
|
68
69
|
: 1,
|
|
69
70
|
width: visibleDiameter,
|
|
70
|
-
...
|
|
71
|
-
...(edgeOverhang > 0 && edge !== "start" ? { marginEnd: -edgeOverhang } : {}),
|
|
71
|
+
...edgeMargins,
|
|
72
72
|
},
|
|
73
73
|
layoutStyle,
|
|
74
74
|
], children: loading ? (renderLoadingIndicator?.({ color: presentation.content, size: "small" }) ?? (_jsx(ActivityIndicator, { color: presentation.content, size: "small" }))) : (_jsx(View, { accessible: false, style: {
|
|
@@ -131,7 +131,7 @@ export function BottomCTA({ primaryAction, secondaryAction, description, accessi
|
|
|
131
131
|
throw new RangeError("BottomCTA safeAreaBottom must be non-negative");
|
|
132
132
|
}
|
|
133
133
|
const { colors, environment, designProfile } = useHjmNativeTheme();
|
|
134
|
-
const
|
|
134
|
+
const screenFooter = useContext(ScreenFooterContext);
|
|
135
135
|
// Footer elevation separates the content above it (bottomCtaRecipe rationale).
|
|
136
136
|
// Reuse profile strength but retain the upward direction; a flat profile must
|
|
137
137
|
// also disable Android elevation rather than only its iOS shadow properties.
|
|
@@ -145,9 +145,10 @@ export function BottomCTA({ primaryAction, secondaryAction, description, accessi
|
|
|
145
145
|
? _jsx(BottomCTAButton, { action: secondaryAction, fallbackTone: "secondary" })
|
|
146
146
|
: secondaryAction;
|
|
147
147
|
return (_jsxs(View, { accessibilityLabel: accessibilityLabel, accessibilityRole: "toolbar", testID: testID, style: [
|
|
148
|
-
// Inside ScreenLayout's footer the footer owns border, padding
|
|
149
|
-
//
|
|
150
|
-
|
|
148
|
+
// Inside ScreenLayout's footer the footer owns border, padding, surface and the bottom inset; an explicit
|
|
149
|
+
// safeAreaBottom adds only what the footer padding does not already cover, so the gap is max(footer, inset)
|
|
150
|
+
// rather than their sum (2026-10-17 user report: too much space below buttons; Web data-placement="screen-footer").
|
|
151
|
+
screenFooter ? { gap: bottomCtaRecipe.gap, paddingBottom: Math.max(0, safeAreaBottom - screenFooter.bottomPadding) } : {
|
|
151
152
|
backgroundColor: colors.bg,
|
|
152
153
|
borderColor: colors.border,
|
|
153
154
|
borderTopWidth: bottomCtaRecipe.borderWidth,
|
package/dist/actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2DAA2D,CAAC;AACjG,OAAO,EACL,qBAAqB,GAGtB,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EACL,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,6BAA6B,
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.tsx"],"names":[],"mappings":"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"}
|
package/dist/auth-screen.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { authScreenRecipe, type AuthScreenDescriptor } from "@hjmds/design-contracts/components/auth-screen";
|
|
2
|
-
import type
|
|
1
|
+
import { authScreenRecipe, type AuthScreenDescriptor, type AuthScreenHeroDescriptor, type AuthScreenPolicyLinkDescriptor } from "@hjmds/design-contracts/components/auth-screen";
|
|
2
|
+
import { type ReactNode } from "react";
|
|
3
3
|
import type { HjmCompositionStyleProp } from "./composition-style.js";
|
|
4
4
|
export type AuthScreenLayoutProps = AuthScreenDescriptor & Readonly<{
|
|
5
5
|
/** Product mark, title and description. The product owns every string here. */
|
|
@@ -24,5 +24,31 @@ export type AuthScreenLayoutProps = AuthScreenDescriptor & Readonly<{
|
|
|
24
24
|
* so a product does not have to wrap this in another keyboard-avoiding view.
|
|
25
25
|
*/
|
|
26
26
|
export declare function AuthScreenLayout({ hero, main, footer, density, hasFooter, pendingLabel, mainCard, layoutStyle, testID, }: AuthScreenLayoutProps): import("react").JSX.Element;
|
|
27
|
+
export type AuthScreenHeroProps = AuthScreenHeroDescriptor & Readonly<{
|
|
28
|
+
/** Product mark asset. HJM never ships product marks. */
|
|
29
|
+
mark?: ReactNode;
|
|
30
|
+
}>;
|
|
31
|
+
/**
|
|
32
|
+
* The `hero` slot content: mark, eyebrow, tagline and one description line. Type
|
|
33
|
+
* steps, tones and gaps come from `authScreenRecipe.hero`, matching Web.
|
|
34
|
+
*/
|
|
35
|
+
export declare function AuthScreenHero({ mark, title, eyebrow, description, headingLevel }: AuthScreenHeroProps): import("react").JSX.Element;
|
|
36
|
+
export type AuthScreenPolicyLink = AuthScreenPolicyLinkDescriptor & Readonly<{
|
|
37
|
+
onPress: () => void;
|
|
38
|
+
}>;
|
|
39
|
+
export type AuthScreenFooterProps = Readonly<{
|
|
40
|
+
/** Optional consent notice (LS-04). */
|
|
41
|
+
notice?: ReactNode;
|
|
42
|
+
/** Terms and privacy links; at least one is required (LS-04). */
|
|
43
|
+
links: readonly AuthScreenPolicyLink[];
|
|
44
|
+
/** Extra product content under the links. */
|
|
45
|
+
children?: ReactNode;
|
|
46
|
+
}>;
|
|
47
|
+
/**
|
|
48
|
+
* The `footer` slot content: consent notice plus dot-separated policy links. The
|
|
49
|
+
* visible gap between links is `linkGap` + separator + `linkGap`; the 44pt touch
|
|
50
|
+
* target comes from hitSlop, not visible padding (2026-10-17 user report: reduce the link gap).
|
|
51
|
+
*/
|
|
52
|
+
export declare function AuthScreenFooter({ notice, links, children }: AuthScreenFooterProps): import("react").JSX.Element;
|
|
27
53
|
export { authScreenRecipe };
|
|
28
54
|
//# sourceMappingURL=auth-screen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auth-screen.d.ts","sourceRoot":"","sources":["../src/auth-screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,
|
|
1
|
+
{"version":3,"file":"auth-screen.d.ts","sourceRoot":"","sources":["../src/auth-screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAKhB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACpC,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAY5E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GACtD,QAAQ,CAAC;IACP,+EAA+E;IAC/E,IAAI,EAAE,SAAS,CAAC;IAChB,sFAAsF;IACtF,IAAI,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAcL;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAgB,EAEhB,WAAW,EACX,MAAM,GACP,EAAE,qBAAqB,+BAgEvB;AAED,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,GACxD,QAAQ,CAAC;IACP,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC,CAAC;AAEL;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,YAAgB,EAAE,EAAE,mBAAmB,+BAmB1G;AAED,MAAM,MAAM,oBAAoB,GAAG,8BAA8B,GAC/D,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAEpC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,uCAAuC;IACvC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iEAAiE;IACjE,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACvC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAuBlF;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
package/dist/auth-screen.js
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { authScreenRecipe, resolveAuthScreenDescriptor, } from "@hjmds/design-contracts/components/auth-screen";
|
|
2
|
+
import { authScreenRecipe, resolveAuthScreenDescriptor, validateAuthScreenHeroDescriptor, validateAuthScreenPolicyLinks, } from "@hjmds/design-contracts/components/auth-screen";
|
|
3
|
+
import { createContext, Fragment, useContext } from "react";
|
|
3
4
|
import { InheritedTextAlignContext } from "./internal/text-align.js";
|
|
4
|
-
import {
|
|
5
|
+
import { Text } from "./primitives.js";
|
|
6
|
+
import { ActivityIndicator, Platform, Pressable, ScrollView, View, } from "react-native";
|
|
5
7
|
import { useHjmNativeTheme } from "./provider.js";
|
|
8
|
+
// The hero follows the layout density without the product passing it twice (same as Web).
|
|
9
|
+
const AuthScreenDensityContext = createContext(undefined);
|
|
6
10
|
function AuthActionCard({ children, style }) {
|
|
7
11
|
const theme = useHjmNativeTheme();
|
|
8
12
|
return _jsx(View, { style: [{ width: "100%", backgroundColor: theme.colors.bg,
|
|
@@ -42,7 +46,7 @@ export function AuthScreenLayout({ hero, main, footer, density, hasFooter, pendi
|
|
|
42
46
|
alignItems: "center",
|
|
43
47
|
justifyContent: "center",
|
|
44
48
|
gap: resolved.mainGap,
|
|
45
|
-
}, children: [_jsx(InheritedTextAlignContext.Provider, { value: "center", children: _jsx(View, { style: { width: "100%", alignItems: "center", gap: resolved.heroGap }, children: hero }) }), _jsxs(MainContainer, { style: { width: "100%" }, children: [_jsx(View, { pointerEvents: pending ? "none" : "auto", accessibilityElementsHidden: pending, importantForAccessibility: pending ? "no-hide-descendants" : "auto", style: pending ? { opacity: 0 } : undefined, children: main }), pending ? _jsx(View, { accessible: true, accessibilityLabel: pendingLabel, accessibilityRole: "progressbar", accessibilityLiveRegion: "polite", accessibilityState: { busy: true }, style: { position: "absolute", top: 0, right: 0, bottom: 0, left: 0, alignItems: "center", justifyContent: "center" }, children: _jsx(ActivityIndicator, { accessible: false }) }) : null] })] }), showFooter ? (_jsx(View, { style: {
|
|
49
|
+
}, children: [_jsx(AuthScreenDensityContext.Provider, { value: resolved.density, children: _jsx(InheritedTextAlignContext.Provider, { value: "center", children: _jsx(View, { style: { width: "100%", alignItems: "center", gap: resolved.heroGap }, children: hero }) }) }), _jsxs(MainContainer, { style: { width: "100%" }, children: [_jsx(View, { pointerEvents: pending ? "none" : "auto", accessibilityElementsHidden: pending, importantForAccessibility: pending ? "no-hide-descendants" : "auto", style: pending ? { opacity: 0 } : undefined, children: main }), pending ? _jsx(View, { accessible: true, accessibilityLabel: pendingLabel, accessibilityRole: "progressbar", accessibilityLiveRegion: "polite", accessibilityState: { busy: true }, style: { position: "absolute", top: 0, right: 0, bottom: 0, left: 0, alignItems: "center", justifyContent: "center" }, children: _jsx(ActivityIndicator, { accessible: false }) }) : null] })] }), showFooter ? (_jsx(View, { style: {
|
|
46
50
|
width: "100%",
|
|
47
51
|
maxWidth: resolved.maxWidth,
|
|
48
52
|
alignSelf: "center",
|
|
@@ -50,5 +54,31 @@ export function AuthScreenLayout({ hero, main, footer, density, hasFooter, pendi
|
|
|
50
54
|
marginTop: resolved.footerGap,
|
|
51
55
|
}, children: footer })) : null] }));
|
|
52
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* The `hero` slot content: mark, eyebrow, tagline and one description line. Type
|
|
59
|
+
* steps, tones and gaps come from `authScreenRecipe.hero`, matching Web.
|
|
60
|
+
*/
|
|
61
|
+
export function AuthScreenHero({ mark, title, eyebrow, description, headingLevel = 1 }) {
|
|
62
|
+
validateAuthScreenHeroDescriptor({ title, ...(eyebrow === undefined ? {} : { eyebrow }), ...(description === undefined ? {} : { description }), headingLevel });
|
|
63
|
+
const theme = useHjmNativeTheme();
|
|
64
|
+
const density = useContext(AuthScreenDensityContext);
|
|
65
|
+
const variant = resolveAuthScreenDescriptor(density === undefined ? {} : { density }).titleVariant;
|
|
66
|
+
const recipe = authScreenRecipe.hero;
|
|
67
|
+
// Fragment: mark and copy are direct children of the hero so the recipe hero gap separates them.
|
|
68
|
+
return (_jsxs(Fragment, { children: [mark ? _jsx(View, { children: mark }) : null, _jsxs(View, { style: { width: "100%", alignItems: "center" }, children: [eyebrow ? _jsx(Text, { variant: recipe.eyebrow.textVariant, tone: recipe.eyebrow.tone, style: { marginBottom: recipe.eyebrow.gapBelow }, children: eyebrow }) : null, _jsx(Text, { accessibilityRole: "header", variant: variant, tone: recipe.title.tone, style: { fontWeight: theme.tokens.typography[variant].fontWeight }, children: title }), description ? _jsx(Text, { variant: recipe.description.textVariant, tone: recipe.description.tone, style: { marginTop: recipe.description.gapAbove }, children: description }) : null] })] }));
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* The `footer` slot content: consent notice plus dot-separated policy links. The
|
|
72
|
+
* visible gap between links is `linkGap` + separator + `linkGap`; the 44pt touch
|
|
73
|
+
* target comes from hitSlop, not visible padding (2026-10-17 user report: reduce the link gap).
|
|
74
|
+
*/
|
|
75
|
+
export function AuthScreenFooter({ notice, links, children }) {
|
|
76
|
+
validateAuthScreenPolicyLinks(links);
|
|
77
|
+
const recipe = authScreenRecipe.footer;
|
|
78
|
+
// Height comes from a background-less minHeight (Android ignores hitSlop outside the parent row);
|
|
79
|
+
// only the inline extension up to the separator uses hitSlop.
|
|
80
|
+
const hitSlop = { left: recipe.linkGap, right: recipe.linkGap };
|
|
81
|
+
return (_jsxs(View, { style: { width: "100%", alignItems: "center", gap: recipe.noticeGap }, children: [notice ? _jsx(Text, { variant: recipe.notice.textVariant, tone: recipe.notice.tone, children: notice }) : null, _jsx(View, { style: { flexDirection: "row", flexWrap: "wrap", justifyContent: "center", alignItems: "center", columnGap: recipe.linkGap }, children: links.map((link, index) => (_jsxs(Fragment, { children: [index > 0 ? _jsx(Text, { variant: recipe.link.textVariant, tone: recipe.notice.tone, accessible: false, importantForAccessibility: "no", children: recipe.separator }) : null, _jsx(Pressable, { accessibilityRole: "link", accessibilityLabel: link.label, hitSlop: hitSlop, onPress: link.onPress, style: { minHeight: authScreenRecipe.footerMinTouchTarget, justifyContent: "center" }, children: _jsx(Text, { variant: recipe.link.textVariant, tone: recipe.link.tone, style: { textDecorationLine: recipe.link.underline ? "underline" : "none" }, children: link.label }) })] }, `${index}:${link.label}`))) }), children] }));
|
|
82
|
+
}
|
|
53
83
|
export { authScreenRecipe };
|
|
54
84
|
//# sourceMappingURL=auth-screen.js.map
|
package/dist/auth-screen.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auth-screen.js","sourceRoot":"","sources":["../src/auth-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,2BAA2B,
|
|
1
|
+
{"version":3,"file":"auth-screen.js","sourceRoot":"","sources":["../src/auth-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,2BAA2B,EAC3B,gCAAgC,EAChC,6BAA6B,GAK9B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAkBlD,0FAA0F;AAC1F,MAAM,wBAAwB,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAEzF,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA0D;IACjG,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;IAClC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;gBACpE,6EAA6E;gBAC7E,6EAA6E;gBAC7E,YAAY,EAAE,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM;gBACvF,OAAO,EAAE,gBAAgB,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAQ,CAAC;AAC5E,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GAAG,KAAK,EAEhB,WAAW,EACX,MAAM,GACgB;IACtB,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC;IACvD,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC3C,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC;QAC7C,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC;KAClD,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC;IACjF,MAAM,OAAO,GAAG,YAAY,KAAK,SAAS,CAAC;IAC3C,IAAI,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAAE,MAAM,IAAI,SAAS,CAAC,2CAA2C,CAAC,CAAC;IACtG,OAAO,CACL,MAAC,UAAU,IACT,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,yBAAyB,EAAC,SAAS,EACnC,mBAAmB,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtE,iCAAiC,QACjC,qBAAqB,EAAE;YACrB,QAAQ,EAAE,CAAC;YACX,iBAAiB,EAAE,QAAQ,CAAC,aAAa;YACzC,eAAe,EAAE,QAAQ,CAAC,YAAY;SACvC,EACD,8BAA8B,EAAC,WAAW,aAE1C,MAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,CAAC;oBACb,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ;oBAC3B,SAAS,EAAE,QAAQ;oBACnB,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,GAAG,EAAE,QAAQ,CAAC,OAAO;iBACtB,aAGD,KAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YAAE,KAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,YAAC,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,OAAO,EAAE,YAAG,IAAI,GAAQ,GAAqC,GAAoC,EAClR,MAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAErC,KAAC,IAAI,IAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAClF,yBAAyB,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EACnE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAAG,IAAI,GAAQ,EAC3D,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,QAAC,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAC,aAAa,EAC3F,uBAAuB,EAAC,QAAQ,EAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACnE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,YACrH,KAAC,iBAAiB,IAAC,UAAU,EAAE,KAAK,GAAI,GACnC,CAAC,CAAC,CAAC,IAAI,IACA,IACX,EACN,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ;oBAC3B,SAAS,EAAE,QAAQ;oBACnB,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE,QAAQ,CAAC,SAAS;iBAC9B,YAEA,MAAM,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAC;AACJ,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,GAAG,CAAC,EAAuB;IACzG,gCAAgC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;IAChK,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,2BAA2B,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,CAAC;IACnG,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC;IACrC,iGAAiG;IACjG,OAAO,CACL,MAAC,QAAQ,eACN,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAClC,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACjD,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EAE1J,KAAC,IAAI,IAAC,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,EACxE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,YAAG,KAAK,GAAQ,EACnF,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,YAAG,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtK,IACE,CACZ,CAAC;AACJ,CAAC;AAcD;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAyB;IACjF,6BAA6B,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC;IACvC,kGAAkG;IAClG,8DAA8D;IAC9D,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;IAChE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,aACxE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,YAAG,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,EACpG,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,YAC/H,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,QAAQ,eACN,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,yBAAyB,EAAC,IAAI,YAAE,MAAM,CAAC,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,EACjK,KAAC,SAAS,IAAC,iBAAiB,EAAC,MAAM,EAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EACzG,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,cAAc,EAAE,QAAQ,EAAE,YACrF,KAAC,IAAI,IAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,YAAG,IAAI,CAAC,KAAK,GAAQ,GACtJ,KALC,GAAG,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAM5B,CACZ,CAAC,GACG,EACN,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
package/dist/chart.d.ts
CHANGED
|
@@ -33,7 +33,7 @@ export type LineChartProps = Readonly<{
|
|
|
33
33
|
low: string;
|
|
34
34
|
}>;
|
|
35
35
|
showAxis?: boolean;
|
|
36
|
-
/** Value labels only (no category labels), e.g. rank charts that must show "1
|
|
36
|
+
/** Value labels only (no category labels), e.g. rank charts that must show "#1" at the top. */
|
|
37
37
|
valueAxis?: boolean;
|
|
38
38
|
/** Overrides grid/label ticks (rank charts: [1, 5, 10]). */
|
|
39
39
|
ticks?: readonly number[];
|
package/dist/chart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../src/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvG,OAAO,EAG8E,KAAK,oBAAoB,EAE7F,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAChH,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../src/chart.tsx"],"names":[],"mappings":"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"}
|
package/dist/chart.js
CHANGED
|
@@ -6,6 +6,8 @@ import { resolveColorReference } from "@hjmds/design-contracts/color-references"
|
|
|
6
6
|
import { resolveDatavizSeriesColor } from "@hjmds/design-contracts/dataviz";
|
|
7
7
|
import { prepareChartLineMorph, areaPath, chartRecipe, describeChart, isChartNumber, linePath, nearestChartIndex, nearestScatterPoint, observedIndices, resolveBarGeometry, resolveLineGeometry, resolvePieGeometry, resolvePieVisibility, resolveRadarGeometry, resolveScatterGeometry, seriesExtremes, splitSegments, stepChartIndex, validateChartSeries, } from "@hjmds/design-contracts/components/chart";
|
|
8
8
|
import { spacing } from "@hjmds/design-contracts/foundations";
|
|
9
|
+
// Chart labels and values use the text emphasis scale, the same weight the Web `.hjm-chart__*` rules read.
|
|
10
|
+
import { textRecipe } from "@hjmds/design-contracts/recipes";
|
|
9
11
|
import { Text } from "./primitives.js";
|
|
10
12
|
import { useHjmNativeTheme } from "./provider.js";
|
|
11
13
|
// react-native-svg forwards native-only props to SVG DOM on Expo Web. Keep the
|
|
@@ -83,7 +85,7 @@ function useScrub(pick, onScrub, onEnd) {
|
|
|
83
85
|
}
|
|
84
86
|
function CursorBubble({ x, width, text, surface, color }) {
|
|
85
87
|
const box = 88, left = Math.min(width - box, Math.max(0, x - box / 2));
|
|
86
|
-
return _jsx(View, { pointerEvents: "none", importantForAccessibility: "no-hide-descendants", accessibilityElementsHidden: true, style: { position: "absolute", top: 0, left, width: box, alignItems: "center" }, children: _jsx(View, { style: { paddingHorizontal: spacing.xs, paddingVertical: 2, borderRadius: 8, backgroundColor: surface }, children: _jsx(NativeText, { numberOfLines: 1, style: { color, fontSize: 11, fontWeight:
|
|
88
|
+
return _jsx(View, { pointerEvents: "none", importantForAccessibility: "no-hide-descendants", accessibilityElementsHidden: true, style: { position: "absolute", top: 0, left, width: box, alignItems: "center" }, children: _jsx(View, { style: { paddingHorizontal: spacing.xs, paddingVertical: 2, borderRadius: 8, backgroundColor: surface }, children: _jsx(NativeText, { numberOfLines: 1, style: { color, fontSize: 11, fontWeight: textRecipe.emphasis.medium }, children: text }) }) });
|
|
87
89
|
}
|
|
88
90
|
function AxisLabels({ ticks, y, x, color, format }) {
|
|
89
91
|
return _jsx(_Fragment, { children: ticks.map(tick => _jsx(SvgText, { x: x, y: y(tick) + 4, fontSize: 10, fill: color, textAnchor: "end", children: format(tick) }, tick)) });
|
|
@@ -178,7 +180,7 @@ export function LineChart({ categories, series, accessibilityLabel, formatValue,
|
|
|
178
180
|
// Opposite sides of the extrema keep labels apart even when a fixed rank domain packs
|
|
179
181
|
// both points into the top of the plot. Inversion swaps which numeric extreme is higher.
|
|
180
182
|
const above = index === (invert ? marks.min : marks.max);
|
|
181
|
-
return p ? _jsx(SvgText, { x: Math.min(g.plot.right - 4, Math.max(g.plot.left + 4, p.x)), y: Math.max(10, Math.min(height - 2, p.y + (above ? -10 : 16))), fontSize: 11, fontWeight:
|
|
183
|
+
return p ? _jsx(SvgText, { x: Math.min(g.plot.right - 4, Math.max(g.plot.left + 4, p.x)), y: Math.max(10, Math.min(height - 2, p.y + (above ? -10 : 16))), fontSize: 11, fontWeight: textRecipe.emphasis.medium, fill: palette.label, textAnchor: p.x < width * 0.2 ? "start" : p.x > width * 0.8 ? "end" : "middle", children: `${label} ${formatValue(p.value)}` }, label) : null;
|
|
182
184
|
}), showAxis && categories.length > 0 && _jsxs(_Fragment, { children: [_jsx(SvgText, { x: g.xs[0], y: height - 4, fontSize: 10, fill: palette.label, textAnchor: "start", children: categories[0] }), _jsx(SvgText, { x: g.xs.at(-1), y: height - 4, fontSize: 10, fill: palette.label, textAnchor: "end", children: categories.at(-1) })] })] }), g && scrubbing && focus !== null && _jsx(CursorBubble, { x: g.xs[focus], width: width, text: cursorLabel?.(focus) ?? categories[focus], surface: palette.surface, color: palette.legend })] });
|
|
183
185
|
}
|
|
184
186
|
export function BarChart({ categories, series, accessibilityLabel, formatValue, missingLabel, height, orientation = "vertical", layout = "grouped", domain, showAxis = false, showValues = false, animateChanges = false, ...focusProps }) {
|
|
@@ -200,14 +202,14 @@ export function BarChart({ categories, series, accessibilityLabel, formatValue,
|
|
|
200
202
|
const handlers = useScrub((x, y) => g ? nearestChartIndex(g.centers, vertical ? x : y, available) : null, index => set(index, true), () => set(focus, false));
|
|
201
203
|
return _jsxs(View, { accessible: true, accessibilityRole: "adjustable", accessibilityLabel: accessibilityLabel, accessibilityHint: describeChart(categories, series, formatValue, missingLabel), accessibilityValue: { text: focus === null ? "" : `${categories[focus]} ${series.map(item => { const v = item.values[focus]; return isChartNumber(v) ? formatValue(v) : missingLabel; }).join(", ")}` }, accessibilityActions: [{ name: "increment" }, { name: "decrement" }], onAccessibilityAction: event => set(stepChartIndex(available, focus, event.nativeEvent.actionName === "increment" ? 1 : -1), false), onLayout: onLayout, style: { height: resolvedHeight }, ...handlers, children: [g && _jsxs(Svg, { width: width, height: resolvedHeight, ...decorativeSvgAccessibility, children: [g.ticks.map(tick => vertical
|
|
202
204
|
? _jsx(Line, { x1: g.plot.left, x2: g.plot.right, y1: g.value(tick), y2: g.value(tick), stroke: palette.grid, strokeWidth: chartRecipe.chrome.gridWidth }, tick)
|
|
203
|
-
: _jsx(Line, { y1: g.plot.top, y2: g.plot.bottom, x1: g.value(tick), x2: g.value(tick), stroke: palette.grid, strokeWidth: chartRecipe.chrome.gridWidth }, tick)), showAxis && vertical && _jsx(AxisLabels, { ticks: g.ticks, y: g.value, x: g.plot.left - 6, color: palette.label, format: formatValue }), g.bars.map(bar => _jsx(MotionBar, { bar: bar, animate: animateChanges && g.bars.length <= 200, rx: chartRecipe.bar.radius, fill: palette.seriesColor(series[bar.seriesIndex], bar.seriesIndex), opacity: focus === null || focus === bar.index ? 1 : chartRecipe.bar.restOpacity }, `${series[bar.seriesIndex].id}-${categoryKeys[bar.index]}`)), showValues && layout === "grouped" && g.bars.map(bar => _jsx(SvgText, { x: vertical ? bar.x + bar.width / 2 : bar.x + bar.width + 4, y: vertical ? bar.y - 4 : bar.y + bar.height / 2 + 4, fontSize: 10, fontWeight:
|
|
205
|
+
: _jsx(Line, { y1: g.plot.top, y2: g.plot.bottom, x1: g.value(tick), x2: g.value(tick), stroke: palette.grid, strokeWidth: chartRecipe.chrome.gridWidth }, tick)), showAxis && vertical && _jsx(AxisLabels, { ticks: g.ticks, y: g.value, x: g.plot.left - 6, color: palette.label, format: formatValue }), g.bars.map(bar => _jsx(MotionBar, { bar: bar, animate: animateChanges && g.bars.length <= 200, rx: chartRecipe.bar.radius, fill: palette.seriesColor(series[bar.seriesIndex], bar.seriesIndex), opacity: focus === null || focus === bar.index ? 1 : chartRecipe.bar.restOpacity }, `${series[bar.seriesIndex].id}-${categoryKeys[bar.index]}`)), showValues && layout === "grouped" && g.bars.map(bar => _jsx(SvgText, { x: vertical ? bar.x + bar.width / 2 : bar.x + bar.width + 4, y: vertical ? bar.y - 4 : bar.y + bar.height / 2 + 4, fontSize: 10, fontWeight: textRecipe.emphasis.medium, fill: palette.legend, textAnchor: vertical ? "middle" : "start", children: formatValue(bar.value) }, `v${bar.seriesIndex}-${bar.index}`)), categories.map((category, i) => vertical
|
|
204
206
|
? (categories.length <= 12 || i % Math.ceil(categories.length / 12) === 0) && _jsx(SvgText, { x: g.centers[i], y: resolvedHeight - 4, fontSize: 10, fill: focus === i ? palette.legend : palette.label, textAnchor: "middle", children: category }, category + i)
|
|
205
207
|
: _jsx(SvgText, { x: g.plot.left - 8, y: g.centers[i] + 4, fontSize: 11, fill: focus === i ? palette.legend : palette.label, textAnchor: "end", children: category }, category + i))] }), g && scrubbing && focus !== null && vertical && _jsx(CursorBubble, { x: g.centers[focus], width: width, text: `${categories[focus]} ${series.map(item => { const v = item.values[focus]; return isChartNumber(v) ? formatValue(v) : missingLabel; }).join(" · ")}`, surface: palette.surface, color: palette.legend })] });
|
|
206
208
|
}
|
|
207
209
|
export function ChartLegend({ items, selectedId, onSelect, exclusion }) {
|
|
208
210
|
const palette = useChartPalette();
|
|
209
211
|
return _jsx(View, { style: { gap: spacing.xxs }, children: items.map(item => {
|
|
210
|
-
const content = _jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: spacing.xs, minHeight: 32, opacity: selectedId && selectedId !== item.id ? 0.5 : 1 }, children: [_jsx(View, { style: { width: 10, height: 10, borderRadius: 3, backgroundColor: item.color } }), _jsx(Text, { variant: "body", layoutStyle: { flex: 1 }, numberOfLines: 1, children: item.label }), item.value !== undefined && _jsx(NativeText, { style: { color: palette.legend, fontSize: 13, fontWeight:
|
|
212
|
+
const content = _jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: spacing.xs, minHeight: 32, opacity: selectedId && selectedId !== item.id ? 0.5 : 1 }, children: [_jsx(View, { style: { width: 10, height: 10, borderRadius: 3, backgroundColor: item.color } }), _jsx(Text, { variant: "body", layoutStyle: { flex: 1 }, numberOfLines: 1, children: item.label }), item.value !== undefined && _jsx(NativeText, { style: { color: palette.legend, fontSize: 13, fontWeight: textRecipe.emphasis.medium, fontVariant: ["tabular-nums"] }, children: item.value })] });
|
|
211
213
|
const selection = onSelect ? _jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected: selectedId === item.id }, accessibilityLabel: `${item.label}${item.value ? ` ${item.value}` : ""}`, onPress: () => onSelect(selectedId === item.id ? null : item.id), children: content }, item.id)
|
|
212
214
|
: _jsx(View, { accessible: true, accessibilityLabel: `${item.label}${item.value ? ` ${item.value}` : ""}`, children: content }, item.id);
|
|
213
215
|
return exclusion ? _jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: spacing.sm }, children: [_jsx(Pressable, { style: { minHeight: 44, minWidth: 44, alignItems: "center", justifyContent: "center" }, accessibilityRole: "checkbox", accessibilityState: { checked: !exclusion.excludedIds.includes(item.id) }, accessibilityLabel: exclusion.label(item, !exclusion.excludedIds.includes(item.id)), onPress: () => exclusion.onToggle(item.id), children: _jsx(Text, { children: exclusion.excludedIds.includes(item.id) ? "□" : "✓" }) }), _jsx(View, { style: { flex: 1 }, children: selection })] }, item.id) : selection;
|
|
@@ -229,7 +231,7 @@ export function PieChart({ data, accessibilityLabel, formatValue, donut = true,
|
|
|
229
231
|
const colorOf = (index) => data[index].color ?? palette.seriesColor({}, index);
|
|
230
232
|
const percent = (index) => slices.find(slice => slice.index === index)?.percent;
|
|
231
233
|
const summary = data.map((d, i) => exclusion?.excludedIds.includes(d.id) ? "" : `${d.label} ${isChartNumber(d.value) ? formatValue(d.value) : ""}${percent(i) !== undefined ? ` (${Math.round(percent(i))}%)` : ""}`).filter(Boolean).join(", ");
|
|
232
|
-
return _jsxs(View, { style: { gap: spacing.md }, children: [_jsxs(View, { accessible: true, accessibilityRole: "image", accessibilityLabel: `${accessibilityLabel}. ${summary}`, style: { width: size, height: size, alignSelf: "center" }, children: [_jsxs(Svg, { width: size, height: size, ...decorativeSvgAccessibility, children: [slices.map(slice => _jsx(Path, { d: slice.path, fill: colorOf(slice.index), opacity: selected && data[slice.index].id !== selected ? 0.35 : 1, ...(onSelect || selectedId !== undefined ? { onPress: () => select(data[slice.index].id === selected ? null : data[slice.index].id) } : {}) }, slice.index)), slices.filter(slice => !donut && slice.percent >= chartRecipe.pie.minLabelPercent * 2).map(slice => _jsx(SvgText, { x: slice.centroid.x, y: slice.centroid.y + 4, fontSize: 11, fontWeight:
|
|
234
|
+
return _jsxs(View, { style: { gap: spacing.md }, children: [_jsxs(View, { accessible: true, accessibilityRole: "image", accessibilityLabel: `${accessibilityLabel}. ${summary}`, style: { width: size, height: size, alignSelf: "center" }, children: [_jsxs(Svg, { width: size, height: size, ...decorativeSvgAccessibility, children: [slices.map(slice => _jsx(Path, { d: slice.path, fill: colorOf(slice.index), opacity: selected && data[slice.index].id !== selected ? 0.35 : 1, ...(onSelect || selectedId !== undefined ? { onPress: () => select(data[slice.index].id === selected ? null : data[slice.index].id) } : {}) }, slice.index)), slices.filter(slice => !donut && slice.percent >= chartRecipe.pie.minLabelPercent * 2).map(slice => _jsx(SvgText, { x: slice.centroid.x, y: slice.centroid.y + 4, fontSize: 11, fontWeight: textRecipe.emphasis.medium, fill: "#FFFFFF", textAnchor: "middle", children: `${Math.round(slice.percent)}%` }, `t${slice.index}`))] }), donut && center != null && _jsx(View, { pointerEvents: "none", style: { position: "absolute", inset: 0, alignItems: "center", justifyContent: "center" }, children: center })] }), showLegend && _jsx(ChartLegend, { items: data.map((d, i) => ({ id: d.id, label: d.label, color: colorOf(i), value: isChartNumber(d.value) ? `${formatValue(d.value)}${percent(i) !== undefined ? ` · ${Math.round(percent(i))}%` : ""}` : "—" })), selectedId: selected, ...(legendExclusion ? { exclusion: legendExclusion } : {}), ...(onSelect || selectedId !== undefined ? { onSelect: select } : {}) })] });
|
|
233
235
|
}
|
|
234
236
|
export function RadarChart({ categories, series, accessibilityLabel, formatValue, missingLabel, domain, levels = chartRecipe.radar.levels, size = 240, showLegend }) {
|
|
235
237
|
const palette = useChartPalette();
|
|
@@ -242,7 +244,7 @@ export function RadarChart({ categories, series, accessibilityLabel, formatValue
|
|
|
242
244
|
return _jsxs(G, { children: [_jsx(Path, { d: polygon.path, fill: color, fillOpacity: chartRecipe.radar.fillOpacity, stroke: color, strokeWidth: chartRecipe.radar.strokeWidth, strokeLinejoin: "round" }), polygon.points.map(p => p.value !== null && _jsx(Circle, { cx: p.x, cy: p.y, r: 3, fill: color }, p.index))] }, polygon.seriesIndex);
|
|
243
245
|
}), g.axes.map(axis => {
|
|
244
246
|
const first = series[0]?.values[axis.index];
|
|
245
|
-
return _jsxs(G, { children: [_jsx(SvgText, { x: axis.labelAt.x, y: axis.labelAt.y, fontSize: 11, fontWeight:
|
|
247
|
+
return _jsxs(G, { children: [_jsx(SvgText, { x: axis.labelAt.x, y: axis.labelAt.y, fontSize: 11, fontWeight: textRecipe.emphasis.medium, fill: palette.legend, textAnchor: axis.anchor, children: axis.label }), series.length === 1 && _jsx(SvgText, { x: axis.labelAt.x, y: axis.labelAt.y + 14, fontSize: 11, fill: palette.label, textAnchor: axis.anchor, children: isChartNumber(first) ? formatValue(first) : missingLabel })] }, `l${axis.index}`);
|
|
246
248
|
})] }) }), (showLegend ?? series.length > 1) && _jsx(ChartLegend, { items: series.map((item, s) => ({ id: item.id, label: item.label, color: palette.seriesColor(item, s) })) })] });
|
|
247
249
|
}
|
|
248
250
|
export function ScatterChart({ points, accessibilityLabel, xLabel, yLabel, formatX, formatY, height = chartRecipe.heights.tall, seriesLabels, focusId, onFocusChange }) {
|