@hjmds/react 1.34.0 → 1.35.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 +23 -2
- package/dist/actions.d.ts.map +1 -1
- package/dist/actions.js +61 -6
- package/dist/actions.js.map +1 -1
- package/dist/advanced-display.d.ts +35 -2
- package/dist/advanced-display.d.ts.map +1 -1
- package/dist/advanced-display.js +28 -9
- package/dist/advanced-display.js.map +1 -1
- package/dist/anchor.d.ts +3 -1
- package/dist/anchor.d.ts.map +1 -1
- package/dist/anchor.js +5 -5
- package/dist/anchor.js.map +1 -1
- package/dist/auth-screen.d.ts.map +1 -1
- package/dist/auth-screen.js +5 -2
- package/dist/auth-screen.js.map +1 -1
- package/dist/avatar-blobatar-motion.d.ts.map +1 -1
- package/dist/avatar-blobatar-motion.js +2 -1
- package/dist/avatar-blobatar-motion.js.map +1 -1
- package/dist/avatar-blobatar.d.ts.map +1 -1
- package/dist/avatar-blobatar.js +2 -1
- package/dist/avatar-blobatar.js.map +1 -1
- package/dist/bottom-cta.d.ts +8 -1
- package/dist/bottom-cta.d.ts.map +1 -1
- package/dist/bottom-cta.js +6 -2
- package/dist/bottom-cta.js.map +1 -1
- package/dist/carousel-motion.d.ts.map +1 -1
- package/dist/carousel-motion.js +11 -2
- package/dist/carousel-motion.js.map +1 -1
- package/dist/carousel.d.ts +10 -0
- package/dist/carousel.d.ts.map +1 -1
- package/dist/carousel.js +23 -7
- package/dist/carousel.js.map +1 -1
- package/dist/collapsible.d.ts +6 -0
- package/dist/collapsible.d.ts.map +1 -1
- package/dist/collapsible.js +22 -20
- package/dist/collapsible.js.map +1 -1
- package/dist/collection-rail.d.ts +4 -4
- package/dist/collection-rail.d.ts.map +1 -1
- package/dist/collection-rail.js.map +1 -1
- package/dist/conversation-row.d.ts.map +1 -1
- package/dist/conversation-row.js +4 -1
- package/dist/conversation-row.js.map +1 -1
- package/dist/data-table.d.ts +2 -0
- package/dist/data-table.d.ts.map +1 -1
- package/dist/data-table.js +2 -2
- package/dist/data-table.js.map +1 -1
- package/dist/display.d.ts +60 -5
- package/dist/display.d.ts.map +1 -1
- package/dist/display.js +32 -9
- package/dist/display.js.map +1 -1
- package/dist/evidence.d.ts +1 -1
- package/dist/evidence.d.ts.map +1 -1
- package/dist/evidence.js +2 -1
- package/dist/evidence.js.map +1 -1
- package/dist/feedback.d.ts +5 -0
- package/dist/feedback.d.ts.map +1 -1
- package/dist/feedback.js +7 -5
- package/dist/feedback.js.map +1 -1
- package/dist/floating-action-button.js +1 -1
- package/dist/floating-action-button.js.map +1 -1
- package/dist/forms.d.ts.map +1 -1
- package/dist/forms.js +4 -4
- package/dist/forms.js.map +1 -1
- package/dist/image-choice.js +3 -3
- package/dist/image-choice.js.map +1 -1
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/dist/internal/initial-focus.d.ts +6 -0
- package/dist/internal/initial-focus.d.ts.map +1 -1
- package/dist/internal/initial-focus.js +6 -0
- package/dist/internal/initial-focus.js.map +1 -1
- package/dist/internal/pending-content.d.ts +19 -0
- package/dist/internal/pending-content.d.ts.map +1 -0
- package/dist/internal/pending-content.js +34 -0
- package/dist/internal/pending-content.js.map +1 -0
- package/dist/internal/screen-footer.d.ts +4 -2
- package/dist/internal/screen-footer.d.ts.map +1 -1
- package/dist/internal/screen-footer.js +2 -2
- package/dist/internal/screen-footer.js.map +1 -1
- package/dist/internal.d.ts +9 -1
- package/dist/internal.d.ts.map +1 -1
- package/dist/internal.js +4 -0
- package/dist/internal.js.map +1 -1
- package/dist/navigation.d.ts.map +1 -1
- package/dist/navigation.js +58 -4
- package/dist/navigation.js.map +1 -1
- package/dist/number-field.d.ts.map +1 -1
- package/dist/number-field.js +4 -3
- package/dist/number-field.js.map +1 -1
- package/dist/overlays.d.ts +4 -0
- package/dist/overlays.d.ts.map +1 -1
- package/dist/overlays.js +46 -18
- package/dist/overlays.js.map +1 -1
- package/dist/public-exports.generated.d.ts +6 -0
- package/dist/public-exports.generated.d.ts.map +1 -1
- package/dist/public-exports.generated.js +18 -0
- package/dist/public-exports.generated.js.map +1 -1
- package/dist/screen-flows.d.ts +12 -5
- package/dist/screen-flows.d.ts.map +1 -1
- package/dist/screen-flows.js +25 -14
- package/dist/screen-flows.js.map +1 -1
- package/dist/screens.d.ts +18 -5
- package/dist/screens.d.ts.map +1 -1
- package/dist/screens.js +22 -11
- package/dist/screens.js.map +1 -1
- package/dist/selection.d.ts +22 -0
- package/dist/selection.d.ts.map +1 -1
- package/dist/selection.js +32 -9
- package/dist/selection.js.map +1 -1
- package/dist/shortcut-rail.d.ts +27 -0
- package/dist/shortcut-rail.d.ts.map +1 -0
- package/dist/shortcut-rail.js +37 -0
- package/dist/shortcut-rail.js.map +1 -0
- package/dist/steps.d.ts +5 -2
- package/dist/steps.d.ts.map +1 -1
- package/dist/steps.js +3 -3
- package/dist/steps.js.map +1 -1
- package/dist/styles.css +223 -48
- package/dist/styles.layered.css +223 -48
- package/dist/task-list.d.ts +3 -1
- package/dist/task-list.d.ts.map +1 -1
- package/dist/task-list.js +2 -2
- package/dist/task-list.js.map +1 -1
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.js +1 -0
- package/dist/theme.js.map +1 -1
- package/dist/time-picker.d.ts +9 -0
- package/dist/time-picker.d.ts.map +1 -0
- package/dist/time-picker.js +74 -0
- package/dist/time-picker.js.map +1 -0
- package/dist/top-bar.d.ts +4 -0
- package/dist/top-bar.d.ts.map +1 -1
- package/dist/top-bar.js +2 -2
- package/dist/top-bar.js.map +1 -1
- package/package.json +26 -15
package/dist/navigation.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveSwipeTabIndicator, type TabSwipePosition, resolveTabIndicator, resolveTabsAppearance, type TabsAppearance, type GooeyIndicatorRect } from \"@hjmds/design-contracts/gooey-navigation\";\nimport { easing } from \"@hjmds/design-contracts/foundations\";\nexport type { TabsAppearance };\nimport {\n getTabNavigationIntent,\n getTabNavigationTarget,\n resolveInitialTabValue,\n tabsBehaviorDefaults,\n type TabsActivationMode,\n type TabsDirection,\n type TabsMountPolicy,\n type TabsOrientation,\n type TabsPanelMode,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n iconRecipe,\n tabsRecipe,\n type TabSize,\n type TabsIndicator,\n type TabsLayout,\n type TabsOverflow,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n forwardRef,\n useEffect,\n useLayoutEffect,\n useId,\n useRef,\n useState,\n type HTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type TabLeadingRenderProps = Readonly<{\n selected: boolean;\n disabled: boolean;\n color: \"currentColor\";\n /** Pixel size resolved from `tabsRecipe.icon.glyph`. */\n size: number;\n}>;\n\nexport type TabItem = Readonly<{\n id: string;\n label: ReactNode;\n panel?: ReactNode;\n renderLeading?: (state: TabLeadingRenderProps) => ReactNode;\n disabled?: boolean;\n}>;\n\ntype TabsSelection =\n | Readonly<{\n value: string;\n defaultValue?: never;\n onValueChange(value: string): void;\n }>\n | Readonly<{\n value?: never;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n }>;\n\nexport type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, \"dir\" | \"onChange\"> &\n TabsSelection &\n Readonly<{\n label: string;\n items: readonly TabItem[];\n activationMode?: TabsActivationMode;\n mountPolicy?: TabsMountPolicy;\n panelMode?: TabsPanelMode;\n appearance?: TabsAppearance;\n /** Fractional pager position; selection commits through onValueChange. Horizontal only. */\n swipePosition?: TabSwipePosition;\n orientation?: TabsOrientation;\n direction?: TabsDirection;\n loop?: boolean;\n size?: TabSize;\n layout?: TabsLayout;\n overflow?: TabsOverflow;\n /** Selection mark: the 2pt underline (default) or a brand-tinted pill behind the selected tab. */\n indicator?: TabsIndicator;\n /** Set false when panels are rendered separately with `TabPanel`. */\n renderPanels?: boolean;\n /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nfunction validateItems(items: readonly TabItem[]): void {\n if (items.length === 0) throw new TypeError(\"Tabs requires at least one item\");\n const ids = new Set<string>();\n for (const item of items) {\n if (item.id.trim().length === 0) throw new TypeError(\"Tabs item id must not be empty\");\n if (ids.has(item.id)) throw new TypeError(`Duplicate Tabs item id: ${item.id}`);\n ids.add(item.id);\n }\n if (!items.some((item) => !item.disabled)) {\n throw new TypeError(\"Tabs requires at least one enabled item\");\n }\n}\n\nconst panelFocusableSelector = [\n \"a[href]\",\n \"button:not([disabled])\",\n \"input:not([disabled])\",\n \"select:not([disabled])\",\n \"textarea:not([disabled])\",\n \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\ntype TabPanelHostProps = HTMLAttributes<HTMLDivElement> & Readonly<{\n id: string;\n labelledBy: string;\n selected: boolean;\n dynamic: boolean;\n children: ReactNode;\n}>;\n\nfunction TabPanelHost({\n id,\n labelledBy,\n selected,\n dynamic,\n children,\n className,\n ...props\n}: TabPanelHostProps) {\n const ref = useRef<HTMLDivElement>(null);\n const [hasFocusableContent, setHasFocusableContent] = useState(false);\n useEffect(() => {\n setHasFocusableContent(\n ref.current?.querySelector(panelFocusableSelector) !== null,\n );\n }, [children]);\n\n return (\n <div\n {...props}\n ref={ref}\n id={id}\n role=\"tabpanel\"\n className={classNames(\"hjm-tabs__panel\", className)}\n aria-labelledby={labelledBy}\n tabIndex={selected && !hasFocusableContent ? 0 : undefined}\n hidden={!selected}\n inert={selected ? undefined : true}\n data-state={selected ? \"active\" : \"inactive\"}\n data-panel-mode={dynamic ? \"dynamic\" : \"keyed\"}\n >\n {children}\n </div>\n );\n}\n\nfunction encodedTabId(value: string): string {\n return encodeURIComponent(value);\n}\n\nexport function getTabId(tabsId: string, value: string): string {\n return `${tabsId}-tab-${encodedTabId(value)}`;\n}\n\nexport function getTabPanelId(\n tabsId: string,\n value: string,\n mode: TabsPanelMode = \"keyed\",\n): string {\n return mode === \"dynamic\"\n ? `${tabsId}-panel`\n : `${tabsId}-panel-${encodedTabId(value)}`;\n}\n\nexport function getDynamicTabPanelId(tabsId: string): string {\n return getTabPanelId(tabsId, \"\", \"dynamic\");\n}\n\ntype ExternalTabPanelBaseProps = Omit<HTMLAttributes<HTMLDivElement>, \"id\"> &\n Readonly<{\n tabsId: string;\n activeValue: string;\n children: ReactNode;\n /** Canonical layout-only placement on the panel element. Controlled visual keys are excluded. */\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nexport type TabPanelProps = ExternalTabPanelBaseProps &\n (\n | Readonly<{\n mode: \"dynamic\";\n value?: never;\n mountPolicy?: never;\n }>\n | Readonly<{\n mode?: \"keyed\";\n value: string;\n mountPolicy?: TabsMountPolicy;\n }>\n );\n\n/** External panel host for products that keep routing, query, or scroll state outside Tabs. */\nexport function TabPanel(props: TabPanelProps) {\n const { tabsId, activeValue, children } = props;\n const dynamic = props.mode === \"dynamic\";\n const value = dynamic ? activeValue : props.value;\n const selected = value === activeValue;\n const mountPolicy = dynamic ? \"active\" : props.mountPolicy ?? tabsBehaviorDefaults.mountPolicy;\n let hostProps: Omit<HTMLAttributes<HTMLDivElement>, \"id\">;\n if (props.mode === \"dynamic\") {\n const {\n tabsId: _tabsId,\n activeValue: _activeValue,\n children: _children,\n mode: _mode,\n layoutStyle,\n ...htmlProps\n } = props;\n hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };\n } else {\n const {\n tabsId: _tabsId,\n activeValue: _activeValue,\n children: _children,\n mode: _mode,\n value: _value,\n mountPolicy: _mountPolicy,\n layoutStyle,\n ...htmlProps\n } = props;\n hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };\n }\n const [visited, setVisited] = useState(selected);\n useEffect(() => {\n if (selected) setVisited(true);\n }, [selected]);\n const mounted =\n dynamic ||\n selected ||\n mountPolicy === \"always\" ||\n (mountPolicy === \"visited\" && visited);\n if (!mounted) return null;\n return (\n <TabPanelHost\n {...hostProps}\n id={getTabPanelId(tabsId, value, dynamic ? \"dynamic\" : \"keyed\")}\n labelledBy={getTabId(tabsId, dynamic ? activeValue : value)}\n selected={selected}\n dynamic={dynamic}\n >\n {children}\n </TabPanelHost>\n );\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n props,\n ref,\n) {\n const {\n label,\n items,\n activationMode = tabsBehaviorDefaults.activationMode,\n mountPolicy = tabsBehaviorDefaults.mountPolicy,\n panelMode = tabsBehaviorDefaults.panelMode,\n appearance: suppliedAppearance,\n swipePosition,\n orientation = tabsBehaviorDefaults.orientation,\n direction: directionProp,\n loop = tabsBehaviorDefaults.loop,\n size = tabsRecipe.defaults.size,\n layout = tabsRecipe.defaults.layout,\n overflow = tabsRecipe.defaults.overflow,\n indicator = tabsRecipe.defaults.indicator,\n renderPanels = true,\n className,\n id,\n value: valueProp,\n defaultValue,\n onValueChange,\n layoutStyle,\n ...rest\n } = props;\n validateItems(items);\n if (label.trim().length === 0) throw new TypeError(\"Tabs label must not be empty\");\n if (!(indicator in tabsRecipe.indicators)) throw new TypeError(`Unsupported Tabs indicator: ${String(indicator)}`);\n if (panelMode === \"dynamic\" && mountPolicy !== \"active\") {\n throw new TypeError(\"Tabs dynamic panelMode requires active mountPolicy\");\n }\n const descriptors = items.map((item) => ({\n id: item.id,\n label: item.id,\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n if (initialValueRef.current === null) {\n const resolved = resolveInitialTabValue(descriptors, defaultValue);\n if (resolved === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n initialValueRef.current = { value: resolved };\n }\n const initialValue = initialValueRef.current.value;\n const collectionFallback = items.find((item) => !item.disabled)?.id;\n if (collectionFallback === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n const [storedValue, setValue] = useControllableState({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValue,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n const storedSelectionIsValid = items.some(\n (item) => item.id === storedValue && !item.disabled,\n );\n if (controlled && !storedSelectionIsValid) {\n throw new RangeError(`Tabs value must identify an enabled item: ${storedValue}`);\n }\n const value = storedSelectionIsValid ? storedValue : collectionFallback;\n const [focusValue, setFocusValue] = useState(value);\n const resolvedFocusValue = items.some(\n (item) => item.id === focusValue && !item.disabled,\n )\n ? focusValue\n : value;\n const [visited, setVisited] = useState<ReadonlySet<string>>(() => new Set([value]));\n const tabRefs = useRef(new Map<string, HTMLButtonElement>());\n const focusedTabRef = useRef<HTMLButtonElement | null>(null);\n const generatedId = useId().replaceAll(\":\", \"\");\n const baseId = id ?? `hjm-${generatedId}`;\n const theme = useOptionalHjmTheme();\n const direction = directionProp ?? theme?.environment.direction ?? tabsBehaviorDefaults.direction;\n const appearance = resolveTabsAppearance(suppliedAppearance, theme?.designProfile?.interactions.selectionMotion, orientation);\n const movingIndicator = appearance !== \"standard\" || (orientation === \"horizontal\" && swipePosition !== undefined);\n // Recreated label/panel elements must not cancel motion on unrelated draft edits;\n // resize observation covers their geometry, while stable IDs detect reordering.\n const itemOrder = JSON.stringify(items.map(item => item.id));\n const indicatorRef = useRef<HTMLSpanElement>(null);\n const previousIndicator = useRef<{ value: string; rect: GooeyIndicatorRect } | null>(null);\n const interruptedIndicator = useRef<GooeyIndicatorRect | null>(null);\n useLayoutEffect(() => {\n const indicator = indicatorRef.current;\n const tab = tabRefs.current.get(value);\n if (swipePosition || appearance === \"standard\" || !indicator || !tab) { previousIndicator.current = null; interruptedIndicator.current = null; return; }\n let animation: Animation | undefined;\n const sample = () => {\n const style = getComputedStyle(indicator);\n const rect = { x: Number.parseFloat(style.left), width: Number.parseFloat(style.width) };\n return Number.isFinite(rect.x) && Number.isFinite(rect.width) && rect.width > 0 ? rect : null;\n };\n const place = (animate: boolean) => {\n const current = (animation?.playState === \"running\" || animation?.playState === \"paused\") ? sample() : interruptedIndicator.current;\n interruptedIndicator.current = null;\n animation?.cancel();\n const rect = { x: tab.offsetLeft, width: tab.offsetWidth };\n if (rect.width <= 0) return;\n indicator.style.left = `${rect.x}px`;\n indicator.style.width = `${rect.width}px`;\n const previous = previousIndicator.current;\n if (animate && previous && previous.value !== value && !theme?.environment.reducedMotion && !document.hidden) {\n const recipe = resolveTabIndicator(current ?? previous.rect, rect, appearance);\n animation = indicator.animate(recipe.input.map((offset, index) => ({ offset, left: `${recipe.x[index]}px`, width: `${recipe.width[index]}px` })), { duration: recipe.duration, easing: appearance === \"slide\" ? `cubic-bezier(${easing.standard.join(\",\")})` : \"ease-out\" });\n }\n previousIndicator.current = { value, rect };\n };\n place(true);\n // Font loading, resizing and large text change measurements without changing selection.\n const observer = new ResizeObserver(() => {\n const previous = previousIndicator.current?.rect;\n if (previous?.x !== tab.offsetLeft || previous.width !== tab.offsetWidth) place(false);\n });\n const list = tab.parentElement!;\n for (const child of list.children) if (child !== indicator) observer.observe(child);\n const visibility = () => { if (document.hidden) animation?.cancel(); };\n document.addEventListener(\"visibilitychange\", visibility);\n // RTL fitted lists can shift x even when tab widths do not change.\n observer.observe(list);\n return () => {\n interruptedIndicator.current = (animation?.playState === \"running\" || animation?.playState === \"paused\") ? sample() : null;\n animation?.cancel(); observer.disconnect(); document.removeEventListener(\"visibilitychange\", visibility);\n };\n }, [movingIndicator, appearance, value, itemOrder, direction, theme?.environment.reducedMotion, swipePosition]);\n\n\n useLayoutEffect(() => {\n if (!swipePosition || orientation !== \"horizontal\") return;\n const indicator = indicatorRef.current;\n if (!indicator) return;\n const place = (position = swipePosition.get()) => {\n const rect = resolveSwipeTabIndicator(items.map(item => { const tab = tabRefs.current.get(item.id); return tab ? { x: tab.offsetLeft, width: tab.offsetWidth } : undefined; }), position);\n if (!rect) return;\n indicator.style.left = `${rect.x}px`; indicator.style.width = `${rect.width}px`;\n };\n place();\n const unsubscribe = swipePosition.subscribe(place);\n const observer = new ResizeObserver(() => place());\n for (const tab of tabRefs.current.values()) observer.observe(tab);\n // RTL natural-width lists can move physical x when only the list width changes.\n const list = indicator.parentElement;\n if (list) observer.observe(list);\n return () => { unsubscribe(); observer.disconnect(); };\n }, [swipePosition, itemOrder, orientation, direction]);\n\n useEffect(() => {\n if (!controlled && !storedSelectionIsValid) setValue(collectionFallback);\n }, [collectionFallback, controlled, setValue, storedSelectionIsValid]);\n useLayoutEffect(() => {\n if (!items.some((item) => item.id === focusValue && !item.disabled)) {\n setFocusValue(value);\n // Collection updates can remove the actual focused host; roving tabindex alone cannot restore keyboard position.\n const previous = focusedTabRef.current;\n if (previous && (document.activeElement === previous || document.activeElement === document.body)) {\n tabRefs.current.get(value)?.focus();\n }\n }\n }, [focusValue, items, value]);\n useEffect(() => {\n setVisited((current) => {\n const known = new Set(items.map((item) => item.id));\n const next = new Set([...current].filter((id) => known.has(id)));\n next.add(value);\n if (\n next.size === current.size &&\n [...next].every((id) => current.has(id))\n ) return current;\n return next;\n });\n }, [items, value]);\n\n const focusItem = (id: string) => {\n setFocusValue(id);\n if (activationMode === \"automatic\") setValue(id);\n queueMicrotask(() => {\n const node = tabRefs.current.get(id);\n if (!node) return;\n node.focus();\n // The tab strip is horizontally scrollable; keyboard focus must bring an offscreen roving tab into view.\n // `auto` preserves the consumer's scroll behavior, while `instant` prevents CSS smooth scrolling under reduced motion.\n node.scrollIntoView({\n block: \"nearest\",\n inline: \"nearest\",\n behavior: theme?.environment.reducedMotion ? \"instant\" : \"auto\",\n });\n });\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>, id: string) => {\n const intent = getTabNavigationIntent(\n event.key === \" \" ? \"Space\" : event.key as Parameters<typeof getTabNavigationIntent>[0],\n orientation,\n direction,\n );\n if (intent !== undefined) {\n const target = getTabNavigationTarget(descriptors, id, intent, loop);\n if (target !== undefined) {\n event.preventDefault();\n focusItem(target);\n }\n return;\n }\n if (\n activationMode === \"manual\" &&\n (event.key === \"Enter\" || event.key === \" \")\n ) {\n event.preventDefault();\n setValue(id);\n }\n };\n const panelId = (value: string) => getTabPanelId(baseId, value, panelMode);\n\n return (\n <div\n {...rest}\n style={{ ...rest.style, ...layoutStyle }}\n ref={ref}\n id={baseId}\n className={classNames(\"hjm-tabs\", className)}\n data-size={size}\n data-layout={layout}\n data-overflow={overflow}\n data-appearance={appearance}\n data-indicator={indicator}\n data-indicator-motion={movingIndicator ? \"moving\" : \"static\"}\n data-orientation={orientation}\n data-mount-policy={mountPolicy}\n data-panel-mode={panelMode}\n data-state=\"ready\"\n dir={direction}\n >\n <div\n className=\"hjm-tabs__list\"\n role=\"tablist\"\n aria-label={label}\n aria-orientation={orientation}\n >\n {movingIndicator ? <span ref={indicatorRef} aria-hidden=\"true\" className={classNames(\"hjm-tabs__indicator\", appearance === \"gooey\" && \"hjm-tabs__gooey\")} /> : null}\n {items.map((item) => {\n const selected = item.id === value;\n const tabId = getTabId(baseId, item.id);\n const leadingSize = iconRecipe.sizes[tabsRecipe.icon.glyph];\n return (\n <button\n key={item.id}\n ref={(node) => {\n if (node) tabRefs.current.set(item.id, node);\n else tabRefs.current.delete(item.id);\n }}\n id={tabId}\n type=\"button\"\n role=\"tab\"\n className=\"hjm-tabs__tab\"\n data-state={selected ? \"selected\" : \"idle\"}\n aria-selected={selected}\n aria-controls={panelId(item.id)}\n tabIndex={item.id === resolvedFocusValue ? 0 : -1}\n disabled={item.disabled}\n onClick={() => {\n setFocusValue(item.id);\n setValue(item.id);\n }}\n onFocus={(event) => { focusedTabRef.current = event.currentTarget; setFocusValue(item.id); }}\n onKeyDown={(event) => handleKeyDown(event, item.id)}\n >\n {item.renderLeading ? (\n <span aria-hidden=\"true\" className=\"hjm-tabs__leading\">\n {item.renderLeading({\n selected,\n disabled: item.disabled ?? false,\n color: \"currentColor\",\n size: leadingSize,\n })}\n </span>\n ) : null}\n {item.label}\n </button>\n );\n })}\n </div>\n {!renderPanels ? null : panelMode === \"dynamic\" ? (\n <TabPanelHost\n id={panelId(value)}\n labelledBy={getTabId(baseId, value)}\n selected\n dynamic\n >\n {items.find((item) => item.id === value)?.panel}\n </TabPanelHost>\n ) : items.map((item) => {\n const selected = item.id === value;\n const mounted = mountPolicy === \"always\" ||\n (mountPolicy === \"visited\" && (visited.has(item.id) || selected)) ||\n (mountPolicy === \"active\" && selected);\n return mounted ? (\n <TabPanelHost\n key={item.id}\n id={panelId(item.id)}\n labelledBy={getTabId(baseId, item.id)}\n selected={selected}\n dynamic={false}\n >\n {item.panel}\n </TabPanelHost>\n ) : null;\n })}\n </div>\n );\n});\n"]}
|
|
1
|
+
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveSwipeTabIndicator, type TabSwipePosition, resolveTabIndicator, resolveTabsAppearance, type TabsAppearance, type GooeyIndicatorRect } from \"@hjmds/design-contracts/gooey-navigation\";\nimport { easing } from \"@hjmds/design-contracts/foundations\";\nexport type { TabsAppearance };\nimport {\n getTabNavigationIntent,\n getTabNavigationTarget,\n resolveInitialTabValue,\n tabsBehaviorDefaults,\n type TabsActivationMode,\n type TabsDirection,\n type TabsMountPolicy,\n type TabsOrientation,\n type TabsPanelMode,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n iconRecipe,\n tabsRecipe,\n type TabSize,\n type TabsIndicator,\n type TabsLayout,\n type TabsOverflow,\n} from \"@hjmds/design-contracts/recipes\";\nimport {\n forwardRef,\n useEffect,\n useLayoutEffect,\n useId,\n useRef,\n useState,\n type HTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from \"react\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type TabLeadingRenderProps = Readonly<{\n selected: boolean;\n disabled: boolean;\n color: \"currentColor\";\n /** Pixel size resolved from `tabsRecipe.icon.glyph`. */\n size: number;\n}>;\n\nexport type TabItem = Readonly<{\n id: string;\n label: ReactNode;\n panel?: ReactNode;\n renderLeading?: (state: TabLeadingRenderProps) => ReactNode;\n disabled?: boolean;\n}>;\n\ntype TabsSelection =\n | Readonly<{\n value: string;\n defaultValue?: never;\n onValueChange(value: string): void;\n }>\n | Readonly<{\n value?: never;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n }>;\n\nexport type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, \"dir\" | \"onChange\"> &\n TabsSelection &\n Readonly<{\n label: string;\n items: readonly TabItem[];\n activationMode?: TabsActivationMode;\n mountPolicy?: TabsMountPolicy;\n panelMode?: TabsPanelMode;\n appearance?: TabsAppearance;\n /** Fractional pager position; selection commits through onValueChange. Horizontal only. */\n swipePosition?: TabSwipePosition;\n orientation?: TabsOrientation;\n direction?: TabsDirection;\n loop?: boolean;\n size?: TabSize;\n layout?: TabsLayout;\n overflow?: TabsOverflow;\n /** Selection mark: the 2pt underline (default) or a brand-tinted pill behind the selected tab. */\n indicator?: TabsIndicator;\n /** Set false when panels are rendered separately with `TabPanel`. */\n renderPanels?: boolean;\n /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nfunction validateItems(items: readonly TabItem[]): void {\n if (items.length === 0) throw new TypeError(\"Tabs requires at least one item\");\n const ids = new Set<string>();\n for (const item of items) {\n if (item.id.trim().length === 0) throw new TypeError(\"Tabs item id must not be empty\");\n if (ids.has(item.id)) throw new TypeError(`Duplicate Tabs item id: ${item.id}`);\n ids.add(item.id);\n }\n if (!items.some((item) => !item.disabled)) {\n throw new TypeError(\"Tabs requires at least one enabled item\");\n }\n}\n\nconst panelFocusableSelector = [\n \"a[href]\",\n \"button:not([disabled])\",\n \"input:not([disabled])\",\n \"select:not([disabled])\",\n \"textarea:not([disabled])\",\n \"[tabindex]:not([tabindex='-1'])\",\n].join(\",\");\n\ntype TabPanelHostProps = HTMLAttributes<HTMLDivElement> & Readonly<{\n id: string;\n labelledBy: string;\n selected: boolean;\n dynamic: boolean;\n children: ReactNode;\n}>;\n\nfunction TabPanelHost({\n id,\n labelledBy,\n selected,\n dynamic,\n children,\n className,\n ...props\n}: TabPanelHostProps) {\n const ref = useRef<HTMLDivElement>(null);\n const [hasFocusableContent, setHasFocusableContent] = useState(false);\n useEffect(() => {\n setHasFocusableContent(\n ref.current?.querySelector(panelFocusableSelector) !== null,\n );\n }, [children]);\n\n return (\n <div\n {...props}\n ref={ref}\n id={id}\n role=\"tabpanel\"\n className={classNames(\"hjm-tabs__panel\", className)}\n aria-labelledby={labelledBy}\n tabIndex={selected && !hasFocusableContent ? 0 : undefined}\n hidden={!selected}\n inert={selected ? undefined : true}\n data-state={selected ? \"active\" : \"inactive\"}\n data-panel-mode={dynamic ? \"dynamic\" : \"keyed\"}\n >\n {children}\n </div>\n );\n}\n\nfunction encodedTabId(value: string): string {\n return encodeURIComponent(value);\n}\n\nexport function getTabId(tabsId: string, value: string): string {\n return `${tabsId}-tab-${encodedTabId(value)}`;\n}\n\nexport function getTabPanelId(\n tabsId: string,\n value: string,\n mode: TabsPanelMode = \"keyed\",\n): string {\n return mode === \"dynamic\"\n ? `${tabsId}-panel`\n : `${tabsId}-panel-${encodedTabId(value)}`;\n}\n\nexport function getDynamicTabPanelId(tabsId: string): string {\n return getTabPanelId(tabsId, \"\", \"dynamic\");\n}\n\ntype ExternalTabPanelBaseProps = Omit<HTMLAttributes<HTMLDivElement>, \"id\"> &\n Readonly<{\n tabsId: string;\n activeValue: string;\n children: ReactNode;\n /** Canonical layout-only placement on the panel element. Controlled visual keys are excluded. */\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nexport type TabPanelProps = ExternalTabPanelBaseProps &\n (\n | Readonly<{\n mode: \"dynamic\";\n value?: never;\n mountPolicy?: never;\n }>\n | Readonly<{\n mode?: \"keyed\";\n value: string;\n mountPolicy?: TabsMountPolicy;\n }>\n );\n\n/** External panel host for products that keep routing, query, or scroll state outside Tabs. */\nexport function TabPanel(props: TabPanelProps) {\n const { tabsId, activeValue, children } = props;\n const dynamic = props.mode === \"dynamic\";\n const value = dynamic ? activeValue : props.value;\n const selected = value === activeValue;\n const mountPolicy = dynamic ? \"active\" : props.mountPolicy ?? tabsBehaviorDefaults.mountPolicy;\n let hostProps: Omit<HTMLAttributes<HTMLDivElement>, \"id\">;\n if (props.mode === \"dynamic\") {\n const {\n tabsId: _tabsId,\n activeValue: _activeValue,\n children: _children,\n mode: _mode,\n layoutStyle,\n ...htmlProps\n } = props;\n hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };\n } else {\n const {\n tabsId: _tabsId,\n activeValue: _activeValue,\n children: _children,\n mode: _mode,\n value: _value,\n mountPolicy: _mountPolicy,\n layoutStyle,\n ...htmlProps\n } = props;\n hostProps = { ...htmlProps, style: { ...htmlProps.style, ...layoutStyle } };\n }\n const [visited, setVisited] = useState(selected);\n useEffect(() => {\n if (selected) setVisited(true);\n }, [selected]);\n const mounted =\n dynamic ||\n selected ||\n mountPolicy === \"always\" ||\n (mountPolicy === \"visited\" && visited);\n if (!mounted) return null;\n return (\n <TabPanelHost\n {...hostProps}\n id={getTabPanelId(tabsId, value, dynamic ? \"dynamic\" : \"keyed\")}\n labelledBy={getTabId(tabsId, dynamic ? activeValue : value)}\n selected={selected}\n dynamic={dynamic}\n >\n {children}\n </TabPanelHost>\n );\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n props,\n ref,\n) {\n const {\n label,\n items,\n activationMode = tabsBehaviorDefaults.activationMode,\n mountPolicy = tabsBehaviorDefaults.mountPolicy,\n panelMode = tabsBehaviorDefaults.panelMode,\n appearance: suppliedAppearance,\n swipePosition,\n orientation = tabsBehaviorDefaults.orientation,\n direction: directionProp,\n loop = tabsBehaviorDefaults.loop,\n size = tabsRecipe.defaults.size,\n layout = tabsRecipe.defaults.layout,\n overflow = tabsRecipe.defaults.overflow,\n indicator = tabsRecipe.defaults.indicator,\n renderPanels = true,\n className,\n id,\n value: valueProp,\n defaultValue,\n onValueChange,\n layoutStyle,\n ...rest\n } = props;\n validateItems(items);\n if (label.trim().length === 0) throw new TypeError(\"Tabs label must not be empty\");\n if (!(indicator in tabsRecipe.indicators)) throw new TypeError(`Unsupported Tabs indicator: ${String(indicator)}`);\n if (panelMode === \"dynamic\" && mountPolicy !== \"active\") {\n throw new TypeError(\"Tabs dynamic panelMode requires active mountPolicy\");\n }\n const descriptors = items.map((item) => ({\n id: item.id,\n label: item.id,\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n if (initialValueRef.current === null) {\n const resolved = resolveInitialTabValue(descriptors, defaultValue);\n if (resolved === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n initialValueRef.current = { value: resolved };\n }\n const initialValue = initialValueRef.current.value;\n const collectionFallback = items.find((item) => !item.disabled)?.id;\n if (collectionFallback === undefined) throw new TypeError(\"Tabs requires an enabled item\");\n const [storedValue, setValue] = useControllableState({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValue,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n const storedSelectionIsValid = items.some(\n (item) => item.id === storedValue && !item.disabled,\n );\n if (controlled && !storedSelectionIsValid) {\n throw new RangeError(`Tabs value must identify an enabled item: ${storedValue}`);\n }\n const value = storedSelectionIsValid ? storedValue : collectionFallback;\n const [focusValue, setFocusValue] = useState(value);\n const resolvedFocusValue = items.some(\n (item) => item.id === focusValue && !item.disabled,\n )\n ? focusValue\n : value;\n const [visited, setVisited] = useState<ReadonlySet<string>>(() => new Set([value]));\n const tabRefs = useRef(new Map<string, HTMLButtonElement>());\n const focusedTabRef = useRef<HTMLButtonElement | null>(null);\n const stripDrag = useRef<{ pointer: number; x: number; start: number; moved: boolean } | null>(null);\n const suppressDragClick = useRef(false);\n const itemOrder = JSON.stringify(items.map(item => item.id));\n const theme = useOptionalHjmTheme();\n const direction = directionProp ?? theme?.environment.direction ?? tabsBehaviorDefaults.direction;\n // Native touch scrolling already works; mouse dragging needs an explicit path\n // so narrow desktop previews can reach the same offscreen tabs without selecting them.\n useLayoutEffect(() => {\n if (overflow !== \"scroll\" || orientation !== \"horizontal\") return;\n const tab = tabRefs.current.get(value);\n const list = tab?.parentElement;\n if (!tab || !list) return;\n const reveal = () => {\n const rect = tab.getBoundingClientRect(), viewport = list.getBoundingClientRect();\n if (rect.left < viewport.left) list.scrollLeft += rect.left - viewport.left;\n else if (rect.right > viewport.right) list.scrollLeft += rect.right - viewport.right;\n };\n reveal();\n // Responsive widths and translated labels can hide an unchanged selection.\n // Adjust only the rail, preserving page scroll and deliberate manual browsing.\n const observer = new ResizeObserver(reveal);\n observer.observe(list);\n for (const node of tabRefs.current.values()) observer.observe(node);\n return () => observer.disconnect();\n }, [value, overflow, orientation, itemOrder, direction]);\n const generatedId = useId().replaceAll(\":\", \"\");\n const baseId = id ?? `hjm-${generatedId}`;\n const appearance = resolveTabsAppearance(suppliedAppearance, theme?.designProfile?.interactions.selectionMotion, orientation);\n const movingIndicator = appearance !== \"standard\" || (orientation === \"horizontal\" && swipePosition !== undefined);\n // Recreated label/panel elements must not cancel motion on unrelated draft edits;\n // resize observation covers their geometry, while stable IDs detect reordering.\n const indicatorRef = useRef<HTMLSpanElement>(null);\n const previousIndicator = useRef<{ value: string; rect: GooeyIndicatorRect } | null>(null);\n const interruptedIndicator = useRef<GooeyIndicatorRect | null>(null);\n useLayoutEffect(() => {\n const indicator = indicatorRef.current;\n const tab = tabRefs.current.get(value);\n if (swipePosition || appearance === \"standard\" || !indicator || !tab) { previousIndicator.current = null; interruptedIndicator.current = null; return; }\n let animation: Animation | undefined;\n const sample = () => {\n const style = getComputedStyle(indicator);\n const rect = { x: Number.parseFloat(style.left), width: Number.parseFloat(style.width) };\n return Number.isFinite(rect.x) && Number.isFinite(rect.width) && rect.width > 0 ? rect : null;\n };\n const place = (animate: boolean) => {\n const current = (animation?.playState === \"running\" || animation?.playState === \"paused\") ? sample() : interruptedIndicator.current;\n interruptedIndicator.current = null;\n animation?.cancel();\n const rect = { x: tab.offsetLeft, width: tab.offsetWidth };\n if (rect.width <= 0) return;\n indicator.style.left = `${rect.x}px`;\n indicator.style.width = `${rect.width}px`;\n const previous = previousIndicator.current;\n if (animate && previous && previous.value !== value && !theme?.environment.reducedMotion && !document.hidden) {\n const recipe = resolveTabIndicator(current ?? previous.rect, rect, appearance);\n animation = indicator.animate(recipe.input.map((offset, index) => ({ offset, left: `${recipe.x[index]}px`, width: `${recipe.width[index]}px` })), { duration: recipe.duration, easing: appearance === \"slide\" ? `cubic-bezier(${easing.standard.join(\",\")})` : \"ease-out\" });\n }\n previousIndicator.current = { value, rect };\n };\n place(true);\n // Font loading, resizing and large text change measurements without changing selection.\n const observer = new ResizeObserver(() => {\n const previous = previousIndicator.current?.rect;\n if (previous?.x !== tab.offsetLeft || previous.width !== tab.offsetWidth) place(false);\n });\n const list = tab.parentElement!;\n for (const child of list.children) if (child !== indicator) observer.observe(child);\n const visibility = () => { if (document.hidden) animation?.cancel(); };\n document.addEventListener(\"visibilitychange\", visibility);\n // RTL fitted lists can shift x even when tab widths do not change.\n observer.observe(list);\n return () => {\n interruptedIndicator.current = (animation?.playState === \"running\" || animation?.playState === \"paused\") ? sample() : null;\n animation?.cancel(); observer.disconnect(); document.removeEventListener(\"visibilitychange\", visibility);\n };\n }, [movingIndicator, appearance, value, itemOrder, direction, theme?.environment.reducedMotion, swipePosition]);\n\n\n useLayoutEffect(() => {\n if (!swipePosition || orientation !== \"horizontal\") return;\n const indicator = indicatorRef.current;\n if (!indicator) return;\n const place = (position = swipePosition.get()) => {\n const rect = resolveSwipeTabIndicator(items.map(item => { const tab = tabRefs.current.get(item.id); return tab ? { x: tab.offsetLeft, width: tab.offsetWidth } : undefined; }), position);\n if (!rect) return;\n indicator.style.left = `${rect.x}px`; indicator.style.width = `${rect.width}px`;\n };\n place();\n const unsubscribe = swipePosition.subscribe(place);\n const observer = new ResizeObserver(() => place());\n for (const tab of tabRefs.current.values()) observer.observe(tab);\n // RTL natural-width lists can move physical x when only the list width changes.\n const list = indicator.parentElement;\n if (list) observer.observe(list);\n return () => { unsubscribe(); observer.disconnect(); };\n }, [swipePosition, itemOrder, orientation, direction]);\n\n useEffect(() => {\n if (!controlled && !storedSelectionIsValid) setValue(collectionFallback);\n }, [collectionFallback, controlled, setValue, storedSelectionIsValid]);\n useLayoutEffect(() => {\n if (!items.some((item) => item.id === focusValue && !item.disabled)) {\n setFocusValue(value);\n // Collection updates can remove the actual focused host; roving tabindex alone cannot restore keyboard position.\n const previous = focusedTabRef.current;\n if (previous && (document.activeElement === previous || document.activeElement === document.body)) {\n tabRefs.current.get(value)?.focus();\n }\n }\n }, [focusValue, items, value]);\n useEffect(() => {\n setVisited((current) => {\n const known = new Set(items.map((item) => item.id));\n const next = new Set([...current].filter((id) => known.has(id)));\n next.add(value);\n if (\n next.size === current.size &&\n [...next].every((id) => current.has(id))\n ) return current;\n return next;\n });\n }, [items, value]);\n\n const focusItem = (id: string) => {\n setFocusValue(id);\n if (activationMode === \"automatic\") setValue(id);\n queueMicrotask(() => {\n const node = tabRefs.current.get(id);\n if (!node) return;\n node.focus();\n // The tab strip is horizontally scrollable; keyboard focus must bring an offscreen roving tab into view.\n // `auto` preserves the consumer's scroll behavior, while `instant` prevents CSS smooth scrolling under reduced motion.\n node.scrollIntoView({\n block: \"nearest\",\n inline: \"nearest\",\n behavior: theme?.environment.reducedMotion ? \"instant\" : \"auto\",\n });\n });\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>, id: string) => {\n const intent = getTabNavigationIntent(\n event.key === \" \" ? \"Space\" : event.key as Parameters<typeof getTabNavigationIntent>[0],\n orientation,\n direction,\n );\n if (intent !== undefined) {\n const target = getTabNavigationTarget(descriptors, id, intent, loop);\n if (target !== undefined) {\n event.preventDefault();\n focusItem(target);\n }\n return;\n }\n if (\n activationMode === \"manual\" &&\n (event.key === \"Enter\" || event.key === \" \")\n ) {\n event.preventDefault();\n setValue(id);\n }\n };\n const panelId = (value: string) => getTabPanelId(baseId, value, panelMode);\n\n return (\n <div\n {...rest}\n style={{ ...rest.style, ...layoutStyle }}\n ref={ref}\n id={baseId}\n className={classNames(\"hjm-tabs\", className)}\n data-size={size}\n data-layout={layout}\n data-overflow={overflow}\n data-appearance={appearance}\n data-indicator={indicator}\n data-indicator-motion={movingIndicator ? \"moving\" : \"static\"}\n data-orientation={orientation}\n data-mount-policy={mountPolicy}\n data-panel-mode={panelMode}\n data-state=\"ready\"\n dir={direction}\n >\n <div\n className=\"hjm-tabs__list\"\n onPointerDown={(event) => {\n suppressDragClick.current = false;\n if (event.pointerType !== \"mouse\" || event.button !== 0 || overflow !== \"scroll\" || orientation !== \"horizontal\") return;\n stripDrag.current = { pointer: event.pointerId, x: event.clientX, start: event.currentTarget.scrollLeft, moved: false };\n }}\n onPointerMove={(event) => {\n const drag = stripDrag.current;\n if (!drag || drag.pointer !== event.pointerId || event.buttons !== 1) return;\n const delta = event.clientX - drag.x;\n if (!drag.moved && Math.abs(delta) < 5) return;\n drag.moved = true;\n suppressDragClick.current = true;\n event.currentTarget.setPointerCapture(event.pointerId);\n event.preventDefault();\n event.currentTarget.scrollLeft = drag.start - delta;\n }}\n onPointerUp={(event) => {\n stripDrag.current = null;\n if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);\n }}\n onPointerCancel={() => { stripDrag.current = null; suppressDragClick.current = false; }}\n onLostPointerCapture={() => { stripDrag.current = null; }}\n onClickCapture={(event) => {\n if (!suppressDragClick.current) return;\n suppressDragClick.current = false;\n event.preventDefault(); event.stopPropagation();\n }}\n role=\"tablist\"\n aria-label={label}\n aria-orientation={orientation}\n >\n {movingIndicator ? <span ref={indicatorRef} aria-hidden=\"true\" className={classNames(\"hjm-tabs__indicator\", appearance === \"gooey\" && \"hjm-tabs__gooey\")} /> : null}\n {items.map((item) => {\n const selected = item.id === value;\n const tabId = getTabId(baseId, item.id);\n const leadingSize = iconRecipe.sizes[tabsRecipe.icon.glyph];\n return (\n <button\n key={item.id}\n ref={(node) => {\n if (node) tabRefs.current.set(item.id, node);\n else tabRefs.current.delete(item.id);\n }}\n id={tabId}\n type=\"button\"\n role=\"tab\"\n className=\"hjm-tabs__tab\"\n data-state={selected ? \"selected\" : \"idle\"}\n aria-selected={selected}\n aria-controls={panelId(item.id)}\n tabIndex={item.id === resolvedFocusValue ? 0 : -1}\n disabled={item.disabled}\n onClick={() => {\n setFocusValue(item.id);\n setValue(item.id);\n }}\n onFocus={(event) => { focusedTabRef.current = event.currentTarget; setFocusValue(item.id); }}\n onKeyDown={(event) => handleKeyDown(event, item.id)}\n >\n {item.renderLeading ? (\n <span aria-hidden=\"true\" className=\"hjm-tabs__leading\">\n {item.renderLeading({\n selected,\n disabled: item.disabled ?? false,\n color: \"currentColor\",\n size: leadingSize,\n })}\n </span>\n ) : null}\n {item.label}\n </button>\n );\n })}\n </div>\n {!renderPanels ? null : panelMode === \"dynamic\" ? (\n <TabPanelHost\n id={panelId(value)}\n labelledBy={getTabId(baseId, value)}\n selected\n dynamic\n >\n {items.find((item) => item.id === value)?.panel}\n </TabPanelHost>\n ) : items.map((item) => {\n const selected = item.id === value;\n const mounted = mountPolicy === \"always\" ||\n (mountPolicy === \"visited\" && (visited.has(item.id) || selected)) ||\n (mountPolicy === \"active\" && selected);\n return mounted ? (\n <TabPanelHost\n key={item.id}\n id={panelId(item.id)}\n labelledBy={getTabId(baseId, item.id)}\n selected={selected}\n dynamic={false}\n >\n {item.panel}\n </TabPanelHost>\n ) : null;\n })}\n </div>\n );\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAQL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,KAAK,sBAAsB,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,mBAAmB,GACnB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,WAAW,GACX,cAAc,GACd,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAWL;;;GAGG;AACH,eAAO,MAAM,WAAW;WAzCb,SAAS;SACX,MAAM;SACN,MAAM;WACJ,MAAM;YACL,gBAAgB;mBACT,gBAAgB;oBACf,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;kBACnC,SAAS;YACf,SAAS;eACN,OAAO;eACP,OAAO;eACP,OAAO;WACX,eAAe;IACtB,kEAAkE;oBAClD,MAAM;IACtB,kEAAkE;oBAClD,MAAM;IACtB,iFAAiF;mBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;gBAC5B,MAAM;qBACD,MAAM;IACvB;;;OAGG;kBACW,uBAAuB;
|
|
1
|
+
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACtB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAQL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,KAAK,sBAAsB,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,mBAAmB,GACnB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,WAAW,GACX,cAAc,GACd,UAAU,GACV,KAAK,GACL,KAAK,GACL,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAWL;;;GAGG;AACH,eAAO,MAAM,WAAW;WAzCb,SAAS;SACX,MAAM;SACN,MAAM;WACJ,MAAM;YACL,gBAAgB;mBACT,gBAAgB;oBACf,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;kBACnC,SAAS;YACf,SAAS;eACN,OAAO;eACP,OAAO;eACP,OAAO;WACX,eAAe;IACtB,kEAAkE;oBAClD,MAAM;IACtB,kEAAkE;oBAClD,MAAM;IACtB,iFAAiF;mBAClE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;gBAC5B,MAAM;qBACD,MAAM;IACvB;;;OAGG;kBACW,uBAAuB;qDA8NxC,CAAC"}
|
package/dist/number-field.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { commitNumberFieldInput, numberFieldRecipe, parseNumberFieldInput, resolveNumberFieldDescriptor, resolveNumberFieldInputStepperState, stepNumberFieldInput, } from "@hjmds/design-contracts/components/number-field";
|
|
3
3
|
import { forwardRef, useEffect, useId, useRef, useState, } from "react";
|
|
4
|
-
import { classNames, composeRefs, useControllableState } from "./internal.js";
|
|
4
|
+
import { classNames, composeRefs, isAriaInvalid, useControllableState } from "./internal.js";
|
|
5
5
|
import { FieldError } from "./internal/field-error.js";
|
|
6
6
|
function valueToInput(value) {
|
|
7
7
|
return value === null ? "" : String(value);
|
|
@@ -89,9 +89,10 @@ export const NumberField = forwardRef(function NumberField({ id, label, min, max
|
|
|
89
89
|
}
|
|
90
90
|
};
|
|
91
91
|
const unavailable = disabled || readOnly;
|
|
92
|
+
const hasInvalidState = Boolean(error) || isAriaInvalid(ariaInvalid);
|
|
92
93
|
const state = disabled
|
|
93
94
|
? "disabled"
|
|
94
|
-
:
|
|
95
|
+
: hasInvalidState
|
|
95
96
|
? "invalid"
|
|
96
97
|
: focused
|
|
97
98
|
? "focused"
|
|
@@ -110,6 +111,6 @@ export const NumberField = forwardRef(function NumberField({ id, label, min, max
|
|
|
110
111
|
// recipe (numberFieldRecipe.states), as on Native — the frame default is fieldRecipe's.
|
|
111
112
|
style: disabled
|
|
112
113
|
? { ...layoutStyle, "--hjm-field-disabled-opacity": numberFieldRecipe.states.disabledOpacity }
|
|
113
|
-
: layoutStyle, "data-availability": disabled ? "disabled" : readOnly ? "readOnly" : "enabled", "data-size": size, "data-state": state, "data-value": currentValue === null ? "empty" : "filled", children: [_jsxs("label", { className: "hjm-field__label", htmlFor: controlId, children: [label, required ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] }), _jsxs("div", { className: "hjm-field__control hjm-number-field__control", children: [_jsx("button", { type: "button", "aria-controls": controlId, "aria-label": decrementLabel, className: "hjm-number-field__stepper", "data-direction": "decrement", disabled: unavailable || stepper.decrementDisabled, onClick: () => stepValue("decrement"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "\u2212" }) }), _jsx("input", { ...inputProps, ref: composeRefs(inputRef, forwardedRef), id: controlId, type: "text", role: "spinbutton", className: classNames("hjm-field__input", "hjm-number-field__input", inputClassName), value: draft, inputMode: inputMode ?? defaultInputMode(min, descriptor.step), required: required, disabled: disabled, readOnly: readOnly, "aria-invalid": error ? true : ariaInvalid, "aria-describedby": describedBy, ...(error ? { "aria-errormessage": errorId } : {}), "aria-valuemin": min, "aria-valuemax": max, ...(announcedValue === null ? {} : { "aria-valuenow": announcedValue }), ...(valueText === undefined ? {} : { "aria-valuetext": valueText }), onChange: (event) => setDraft(event.currentTarget.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }), _jsx("button", { type: "button", "aria-controls": controlId, "aria-label": incrementLabel, className: "hjm-number-field__stepper", "data-direction": "increment", disabled: unavailable || stepper.incrementDisabled, onClick: () => stepValue("increment"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "+" }) })] }), description && !error ? (_jsx("div", { id: descriptionId, className: "hjm-field__description", children: description })) : null, _jsx(FieldError, { id: errorId, error: error })] }));
|
|
114
|
+
: layoutStyle, "data-availability": disabled ? "disabled" : readOnly ? "readOnly" : "enabled", "data-size": size, "data-state": state, "data-invalid": hasInvalidState || undefined, "data-value": currentValue === null ? "empty" : "filled", children: [_jsxs("label", { className: "hjm-field__label", htmlFor: controlId, children: [label, required ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] }), _jsxs("div", { className: "hjm-field__control hjm-number-field__control", children: [_jsx("button", { type: "button", "aria-controls": controlId, "aria-label": decrementLabel, className: "hjm-number-field__stepper", "data-direction": "decrement", disabled: unavailable || stepper.decrementDisabled, onClick: () => stepValue("decrement"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "\u2212" }) }), _jsx("input", { ...inputProps, ref: composeRefs(inputRef, forwardedRef), id: controlId, type: "text", role: "spinbutton", className: classNames("hjm-field__input", "hjm-number-field__input", inputClassName), value: draft, inputMode: inputMode ?? defaultInputMode(min, descriptor.step), required: required, disabled: disabled, readOnly: readOnly, "aria-invalid": error ? true : ariaInvalid, "aria-describedby": describedBy, ...(error ? { "aria-errormessage": errorId } : {}), "aria-valuemin": min, "aria-valuemax": max, ...(announcedValue === null ? {} : { "aria-valuenow": announcedValue }), ...(valueText === undefined ? {} : { "aria-valuetext": valueText }), onChange: (event) => setDraft(event.currentTarget.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown }), _jsx("button", { type: "button", "aria-controls": controlId, "aria-label": incrementLabel, className: "hjm-number-field__stepper", "data-direction": "increment", disabled: unavailable || stepper.incrementDisabled, onClick: () => stepValue("increment"), onMouseDown: (event) => event.preventDefault(), tabIndex: -1, children: _jsx("span", { "aria-hidden": "true", children: "+" }) })] }), description && !error ? (_jsx("div", { id: descriptionId, className: "hjm-field__description", children: description })) : null, _jsx(FieldError, { id: errorId, error: error })] }));
|
|
114
115
|
});
|
|
115
116
|
//# sourceMappingURL=number-field.js.map
|
package/dist/number-field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n commitNumberFieldInput,\n numberFieldRecipe,\n parseNumberFieldInput,\n resolveNumberFieldDescriptor,\n resolveNumberFieldInputStepperState,\n stepNumberFieldInput,\n type NumberFieldSize,\n type NumberFieldValue,\n} from \"@hjmds/design-contracts/components/number-field\";\nimport {\n forwardRef,\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from \"react\";\n\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { FieldError } from \"./internal/field-error.js\";\n\ntype NativeNumberInputProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n | \"aria-errormessage\"\n | \"aria-valuemax\"\n | \"aria-valuemin\"\n | \"aria-valuenow\"\n | \"aria-valuetext\"\n | \"children\"\n | \"className\"\n | \"defaultValue\"\n | \"disabled\"\n | \"max\"\n | \"min\"\n | \"onChange\"\n | \"readOnly\"\n | \"required\"\n | \"role\"\n | \"size\"\n | \"step\"\n | \"type\"\n | \"value\"\n>;\n\nexport type NumberFieldProps = NativeNumberInputProps &\n Readonly<{\n label: ReactNode;\n min: number;\n max: number;\n step?: number;\n value?: NumberFieldValue;\n defaultValue?: NumberFieldValue;\n onValueChange?: (value: NumberFieldValue) => void;\n description?: ReactNode;\n error?: ReactNode;\n required?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n size?: NumberFieldSize;\n /** Product-localized accessible name for the decrement action. */\n decrementLabel: string;\n /** Product-localized accessible name for the increment action. */\n incrementLabel: string;\n /** Optional product formatting for assistive output, never the editable text. */\n getValueText?: (value: number) => string;\n className?: string;\n inputClassName?: string;\n /**\n * Canonical layout-only placement on the field frame. `style` keeps going to\n * the input element, where it always went, so existing callers do not move.\n */\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nfunction valueToInput(value: NumberFieldValue): string {\n return value === null ? \"\" : String(value);\n}\n\nfunction defaultInputMode(min: number, step: number): \"decimal\" | \"numeric\" | \"text\" {\n if (min < 0) return \"text\";\n return Number.isInteger(step) ? \"numeric\" : \"decimal\";\n}\n\n/**\n * Exact numeric entry with a nullable draft and explicit single-step actions.\n * Typing commits on blur; steppers and ArrowUp/ArrowDown commit immediately.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n function NumberField(\n {\n id,\n label,\n min,\n max,\n step,\n value,\n defaultValue = null,\n onValueChange,\n description,\n error,\n required = false,\n disabled = false,\n readOnly = false,\n size = \"medium\",\n decrementLabel,\n incrementLabel,\n getValueText,\n className,\n inputClassName,\n layoutStyle,\n inputMode,\n onBlur,\n onFocus,\n onKeyDown,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-invalid\": ariaInvalid,\n ...inputProps\n },\n forwardedRef,\n ) {\n const generatedId = useId();\n const controlId = id ?? `hjm-number-${generatedId.replaceAll(\":\", \"\")}`;\n const descriptionId = `${controlId}-description`;\n const errorId = `${controlId}-error`;\n const inputRef = useRef<HTMLInputElement>(null);\n const controlled = value !== undefined;\n const controlledAtMount = useRef(controlled);\n if (controlledAtMount.current !== controlled) {\n throw new Error(\"HJM components cannot switch between controlled and uncontrolled state\");\n }\n const [currentValue, setCurrentValue] = useControllableState<NumberFieldValue>({\n ...(controlled ? { value } : {}),\n defaultValue,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const descriptor = resolveNumberFieldDescriptor({\n value: currentValue,\n min,\n max,\n ...(step === undefined ? {} : { step }),\n });\n const [draft, setDraft] = useState(() => valueToInput(currentValue));\n const [focused, setFocused] = useState(false);\n const stepper = resolveNumberFieldInputStepperState(draft, descriptor);\n\n useEffect(() => {\n setDraft(valueToInput(currentValue));\n }, [currentValue]);\n\n const restoreOrDisplay = (next: NumberFieldValue) => {\n setDraft(valueToInput(controlled ? currentValue : next));\n };\n\n const commitDraft = () => {\n if (disabled || readOnly) return;\n const next = commitNumberFieldInput(draft, descriptor);\n if (next === undefined) {\n setDraft(valueToInput(currentValue));\n return;\n }\n if (!Object.is(next, currentValue)) setCurrentValue(next);\n restoreOrDisplay(next);\n };\n\n const stepValue = (direction: \"increment\" | \"decrement\") => {\n if (disabled || readOnly) return;\n const next = stepNumberFieldInput(draft, descriptor, direction);\n if (!Object.is(next, currentValue)) setCurrentValue(next);\n restoreOrDisplay(next);\n inputRef.current?.focus({ preventScroll: true });\n };\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(event);\n };\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n commitDraft();\n onBlur?.(event);\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n if (event.defaultPrevented || disabled || readOnly || event.nativeEvent.isComposing || event.keyCode === 229) return;\n if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n stepValue(event.key === \"ArrowUp\" ? \"increment\" : \"decrement\");\n } else if (event.key === \"Enter\") {\n commitDraft();\n }\n };\n\n const unavailable = disabled || readOnly;\n const state = disabled\n ? \"disabled\"\n : error || ariaInvalid\n ? \"invalid\"\n : focused\n ? \"focused\"\n : \"idle\";\n const describedBy = [\n ariaDescribedBy,\n error ? errorId : description ? descriptionId : undefined,\n ].filter(Boolean).join(\" \") || undefined;\n const parsedDraft = parseNumberFieldInput(draft);\n const announcedValue =\n typeof parsedDraft === \"number\" && parsedDraft >= min && parsedDraft <= max\n ? parsedDraft\n : currentValue;\n const valueText = announcedValue === null ? undefined : getValueText?.(announcedValue);\n\n return (\n <div\n className={classNames(\"hjm-field\", \"hjm-number-field\", className)}\n // fieldRecipe.disabledScope fades label and control; the amount is this component's\n // recipe (numberFieldRecipe.states), as on Native — the frame default is fieldRecipe's.\n style={disabled\n ? ({ ...layoutStyle, \"--hjm-field-disabled-opacity\": numberFieldRecipe.states.disabledOpacity } as CSSProperties)\n : layoutStyle}\n data-availability={disabled ? \"disabled\" : readOnly ? \"readOnly\" : \"enabled\"}\n data-size={size}\n data-state={state}\n data-value={currentValue === null ? \"empty\" : \"filled\"}\n >\n <label className=\"hjm-field__label\" htmlFor={controlId}>\n {label}\n {required ? <span aria-hidden=\"true\"> *</span> : null}\n </label>\n <div className=\"hjm-field__control hjm-number-field__control\">\n <button\n type=\"button\"\n aria-controls={controlId}\n aria-label={decrementLabel}\n className=\"hjm-number-field__stepper\"\n data-direction=\"decrement\"\n disabled={unavailable || stepper.decrementDisabled}\n onClick={() => stepValue(\"decrement\")}\n onMouseDown={(event) => event.preventDefault()}\n tabIndex={-1}\n >\n <span aria-hidden=\"true\">−</span>\n </button>\n <input\n {...inputProps}\n ref={composeRefs(inputRef, forwardedRef)}\n id={controlId}\n type=\"text\"\n role=\"spinbutton\"\n className={classNames(\n \"hjm-field__input\",\n \"hjm-number-field__input\",\n inputClassName,\n )}\n value={draft}\n inputMode={inputMode ?? defaultInputMode(min, descriptor.step)}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n aria-invalid={error ? true : ariaInvalid}\n aria-describedby={describedBy}\n {...(error ? { \"aria-errormessage\": errorId } : {})}\n aria-valuemin={min}\n aria-valuemax={max}\n {...(announcedValue === null ? {} : { \"aria-valuenow\": announcedValue })}\n {...(valueText === undefined ? {} : { \"aria-valuetext\": valueText })}\n onChange={(event) => setDraft(event.currentTarget.value)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n />\n <button\n type=\"button\"\n aria-controls={controlId}\n aria-label={incrementLabel}\n className=\"hjm-number-field__stepper\"\n data-direction=\"increment\"\n disabled={unavailable || stepper.incrementDisabled}\n onClick={() => stepValue(\"increment\")}\n onMouseDown={(event) => event.preventDefault()}\n tabIndex={-1}\n >\n <span aria-hidden=\"true\">+</span>\n </button>\n </div>\n {description && !error ? (\n <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n ) : null}\n <FieldError id={errorId} error={error} />\n </div>\n );\n },\n);\n"]}
|
|
1
|
+
{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../src/number-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n commitNumberFieldInput,\n numberFieldRecipe,\n parseNumberFieldInput,\n resolveNumberFieldDescriptor,\n resolveNumberFieldInputStepperState,\n stepNumberFieldInput,\n type NumberFieldSize,\n type NumberFieldValue,\n} from \"@hjmds/design-contracts/components/number-field\";\nimport {\n forwardRef,\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FocusEvent,\n type InputHTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from \"react\";\n\nimport { classNames, composeRefs, isAriaInvalid, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { FieldError } from \"./internal/field-error.js\";\n\ntype NativeNumberInputProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n | \"aria-errormessage\"\n | \"aria-valuemax\"\n | \"aria-valuemin\"\n | \"aria-valuenow\"\n | \"aria-valuetext\"\n | \"children\"\n | \"className\"\n | \"defaultValue\"\n | \"disabled\"\n | \"max\"\n | \"min\"\n | \"onChange\"\n | \"readOnly\"\n | \"required\"\n | \"role\"\n | \"size\"\n | \"step\"\n | \"type\"\n | \"value\"\n>;\n\nexport type NumberFieldProps = NativeNumberInputProps &\n Readonly<{\n label: ReactNode;\n min: number;\n max: number;\n step?: number;\n value?: NumberFieldValue;\n defaultValue?: NumberFieldValue;\n onValueChange?: (value: NumberFieldValue) => void;\n description?: ReactNode;\n error?: ReactNode;\n required?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n size?: NumberFieldSize;\n /** Product-localized accessible name for the decrement action. */\n decrementLabel: string;\n /** Product-localized accessible name for the increment action. */\n incrementLabel: string;\n /** Optional product formatting for assistive output, never the editable text. */\n getValueText?: (value: number) => string;\n className?: string;\n inputClassName?: string;\n /**\n * Canonical layout-only placement on the field frame. `style` keeps going to\n * the input element, where it always went, so existing callers do not move.\n */\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nfunction valueToInput(value: NumberFieldValue): string {\n return value === null ? \"\" : String(value);\n}\n\nfunction defaultInputMode(min: number, step: number): \"decimal\" | \"numeric\" | \"text\" {\n if (min < 0) return \"text\";\n return Number.isInteger(step) ? \"numeric\" : \"decimal\";\n}\n\n/**\n * Exact numeric entry with a nullable draft and explicit single-step actions.\n * Typing commits on blur; steppers and ArrowUp/ArrowDown commit immediately.\n */\nexport const NumberField = forwardRef<HTMLInputElement, NumberFieldProps>(\n function NumberField(\n {\n id,\n label,\n min,\n max,\n step,\n value,\n defaultValue = null,\n onValueChange,\n description,\n error,\n required = false,\n disabled = false,\n readOnly = false,\n size = \"medium\",\n decrementLabel,\n incrementLabel,\n getValueText,\n className,\n inputClassName,\n layoutStyle,\n inputMode,\n onBlur,\n onFocus,\n onKeyDown,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-invalid\": ariaInvalid,\n ...inputProps\n },\n forwardedRef,\n ) {\n const generatedId = useId();\n const controlId = id ?? `hjm-number-${generatedId.replaceAll(\":\", \"\")}`;\n const descriptionId = `${controlId}-description`;\n const errorId = `${controlId}-error`;\n const inputRef = useRef<HTMLInputElement>(null);\n const controlled = value !== undefined;\n const controlledAtMount = useRef(controlled);\n if (controlledAtMount.current !== controlled) {\n throw new Error(\"HJM components cannot switch between controlled and uncontrolled state\");\n }\n const [currentValue, setCurrentValue] = useControllableState<NumberFieldValue>({\n ...(controlled ? { value } : {}),\n defaultValue,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const descriptor = resolveNumberFieldDescriptor({\n value: currentValue,\n min,\n max,\n ...(step === undefined ? {} : { step }),\n });\n const [draft, setDraft] = useState(() => valueToInput(currentValue));\n const [focused, setFocused] = useState(false);\n const stepper = resolveNumberFieldInputStepperState(draft, descriptor);\n\n useEffect(() => {\n setDraft(valueToInput(currentValue));\n }, [currentValue]);\n\n const restoreOrDisplay = (next: NumberFieldValue) => {\n setDraft(valueToInput(controlled ? currentValue : next));\n };\n\n const commitDraft = () => {\n if (disabled || readOnly) return;\n const next = commitNumberFieldInput(draft, descriptor);\n if (next === undefined) {\n setDraft(valueToInput(currentValue));\n return;\n }\n if (!Object.is(next, currentValue)) setCurrentValue(next);\n restoreOrDisplay(next);\n };\n\n const stepValue = (direction: \"increment\" | \"decrement\") => {\n if (disabled || readOnly) return;\n const next = stepNumberFieldInput(draft, descriptor, direction);\n if (!Object.is(next, currentValue)) setCurrentValue(next);\n restoreOrDisplay(next);\n inputRef.current?.focus({ preventScroll: true });\n };\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(event);\n };\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n commitDraft();\n onBlur?.(event);\n };\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n if (event.defaultPrevented || disabled || readOnly || event.nativeEvent.isComposing || event.keyCode === 229) return;\n if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n stepValue(event.key === \"ArrowUp\" ? \"increment\" : \"decrement\");\n } else if (event.key === \"Enter\") {\n commitDraft();\n }\n };\n\n const unavailable = disabled || readOnly;\n const hasInvalidState = Boolean(error) || isAriaInvalid(ariaInvalid);\n const state = disabled\n ? \"disabled\"\n : hasInvalidState\n ? \"invalid\"\n : focused\n ? \"focused\"\n : \"idle\";\n const describedBy = [\n ariaDescribedBy,\n error ? errorId : description ? descriptionId : undefined,\n ].filter(Boolean).join(\" \") || undefined;\n const parsedDraft = parseNumberFieldInput(draft);\n const announcedValue =\n typeof parsedDraft === \"number\" && parsedDraft >= min && parsedDraft <= max\n ? parsedDraft\n : currentValue;\n const valueText = announcedValue === null ? undefined : getValueText?.(announcedValue);\n\n return (\n <div\n className={classNames(\"hjm-field\", \"hjm-number-field\", className)}\n // fieldRecipe.disabledScope fades label and control; the amount is this component's\n // recipe (numberFieldRecipe.states), as on Native — the frame default is fieldRecipe's.\n style={disabled\n ? ({ ...layoutStyle, \"--hjm-field-disabled-opacity\": numberFieldRecipe.states.disabledOpacity } as CSSProperties)\n : layoutStyle}\n data-availability={disabled ? \"disabled\" : readOnly ? \"readOnly\" : \"enabled\"}\n data-size={size}\n data-state={state}\n data-invalid={hasInvalidState || undefined}\n data-value={currentValue === null ? \"empty\" : \"filled\"}\n >\n <label className=\"hjm-field__label\" htmlFor={controlId}>\n {label}\n {required ? <span aria-hidden=\"true\"> *</span> : null}\n </label>\n <div className=\"hjm-field__control hjm-number-field__control\">\n <button\n type=\"button\"\n aria-controls={controlId}\n aria-label={decrementLabel}\n className=\"hjm-number-field__stepper\"\n data-direction=\"decrement\"\n disabled={unavailable || stepper.decrementDisabled}\n onClick={() => stepValue(\"decrement\")}\n onMouseDown={(event) => event.preventDefault()}\n tabIndex={-1}\n >\n <span aria-hidden=\"true\">−</span>\n </button>\n <input\n {...inputProps}\n ref={composeRefs(inputRef, forwardedRef)}\n id={controlId}\n type=\"text\"\n role=\"spinbutton\"\n className={classNames(\n \"hjm-field__input\",\n \"hjm-number-field__input\",\n inputClassName,\n )}\n value={draft}\n inputMode={inputMode ?? defaultInputMode(min, descriptor.step)}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n aria-invalid={error ? true : ariaInvalid}\n aria-describedby={describedBy}\n {...(error ? { \"aria-errormessage\": errorId } : {})}\n aria-valuemin={min}\n aria-valuemax={max}\n {...(announcedValue === null ? {} : { \"aria-valuenow\": announcedValue })}\n {...(valueText === undefined ? {} : { \"aria-valuetext\": valueText })}\n onChange={(event) => setDraft(event.currentTarget.value)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n />\n <button\n type=\"button\"\n aria-controls={controlId}\n aria-label={incrementLabel}\n className=\"hjm-number-field__stepper\"\n data-direction=\"increment\"\n disabled={unavailable || stepper.incrementDisabled}\n onClick={() => stepValue(\"increment\")}\n onMouseDown={(event) => event.preventDefault()}\n tabIndex={-1}\n >\n <span aria-hidden=\"true\">+</span>\n </button>\n </div>\n {description && !error ? (\n <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n ) : null}\n <FieldError id={errorId} error={error} />\n </div>\n );\n },\n);\n"]}
|
package/dist/overlays.d.ts
CHANGED
|
@@ -63,6 +63,8 @@ export type AlertDialogProps = ModalOpenState<Readonly<{
|
|
|
63
63
|
reason: AlertDialogOpenChangeReason;
|
|
64
64
|
}>> & Readonly<{
|
|
65
65
|
request: AlertDialogRequest;
|
|
66
|
+
/** Product eligibility (for example a retry cooldown); cancel remains available. */
|
|
67
|
+
confirmDisabled?: boolean;
|
|
66
68
|
icon?: ReactNode;
|
|
67
69
|
size?: DialogSize;
|
|
68
70
|
returnFocusRef?: React.RefObject<HTMLElement | null>;
|
|
@@ -102,6 +104,8 @@ export type SheetProps = ModalOpenState<SheetOpenChangeDetails> & Readonly<{
|
|
|
102
104
|
}>;
|
|
103
105
|
busy?: boolean;
|
|
104
106
|
dismissPolicy?: Partial<SheetDismissPolicy>;
|
|
107
|
+
/** Downward handle dismissal. Bottom sheets enable it by default; side sheets opt in for a reading panel. */
|
|
108
|
+
swipeDirection?: "down";
|
|
105
109
|
/** Localized accessible name for the close action. */
|
|
106
110
|
closeLabel: string;
|
|
107
111
|
/** Side sheets only. Bottom sheets focus their modal container, never an input on opening. */
|
package/dist/overlays.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../src/overlays.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../src/overlays.tsx"],"names":[],"mappings":"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"}
|
package/dist/overlays.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { InitialFocusProvider, useInitialFocusScope } from "./internal/initial-focus.js";
|
|
3
|
+
import { ScreenFooterContext } from "./internal/screen-footer.js";
|
|
3
4
|
import { initialFocusDefaults } from "@hjmds/design-contracts/screen-patterns";
|
|
4
5
|
import { useOverlayOriginMotion } from "./internal/overlay-origin-motion.js";
|
|
5
6
|
import { layer } from "@hjmds/design-contracts/foundations";
|
|
@@ -99,7 +100,7 @@ export const Dialog = forwardRef(function Dialog({ trigger, title, description,
|
|
|
99
100
|
}
|
|
100
101
|
}, children: [_jsxs("div", { ref: mergedContentRef, id: contentId, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": description ? descriptionId : undefined, "aria-busy": busy || undefined, inert: !open, "aria-hidden": !open || undefined, tabIndex: -1, className: classNames("hjm-dialog", className), "data-hjm-modal-content": "", "data-size": size, "data-state": busy ? "busy" : "idle", "data-scroll": scrollEnabled ? undefined : "locked", children: [_jsxs("header", { className: "hjm-dialog__header", children: [_jsx("h2", { id: titleId, className: "hjm-dialog__title", children: title }), dismissible ? (_jsx("button", { type: "button", className: "hjm-dialog__close", "aria-label": closeLabel, disabled: busy, onClick: () => requestClose("close-action"), children: "\u00D7" })) : null] }), description ? _jsx("p", { id: descriptionId, className: "hjm-dialog__description", children: description }) : null, children ? _jsx("div", { className: "hjm-dialog__body", children: _jsx(InitialFocusProvider, { scope: focusScope, children: children }) }) : null, footer ? _jsx("footer", { className: "hjm-dialog__footer", children: footer }) : null] }), overlayLayer ? _jsx("div", { className: "hjm-dialog__overlay-layer", "aria-hidden": "true", inert: true, children: overlayLayer }) : null] }) })) : null] }));
|
|
101
102
|
});
|
|
102
|
-
export const AlertDialog = forwardRef(function AlertDialog({ trigger, request, icon, size = dialogRecipe.defaults.size, returnFocusRef, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, forwardedRef) {
|
|
103
|
+
export const AlertDialog = forwardRef(function AlertDialog({ trigger, request, confirmDisabled = false, icon, size = dialogRecipe.defaults.size, returnFocusRef, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, forwardedRef) {
|
|
103
104
|
const modalLayer = getModalLayer(modalPriority);
|
|
104
105
|
validateAlertDialogRequest(request);
|
|
105
106
|
const [open, changeOpen] = useOpenState({
|
|
@@ -153,7 +154,7 @@ export const AlertDialog = forwardRef(function AlertDialog({ trigger, request, i
|
|
|
153
154
|
});
|
|
154
155
|
const confirm = async () => {
|
|
155
156
|
const session = sessionRef.current;
|
|
156
|
-
if (!session)
|
|
157
|
+
if (!session || confirmDisabled)
|
|
157
158
|
return;
|
|
158
159
|
if (await session.confirm())
|
|
159
160
|
changeOpen(false, { reason: "confirm" });
|
|
@@ -181,9 +182,9 @@ export const AlertDialog = forwardRef(function AlertDialog({ trigger, request, i
|
|
|
181
182
|
return (_jsxs(_Fragment, { children: [trigger === undefined ? null : renderTrigger(trigger, triggerRef, open, contentId, "dialog", () => {
|
|
182
183
|
startSession();
|
|
183
184
|
changeOpen(true, { reason: "trigger" });
|
|
184
|
-
}), open ? (_jsx(HjmPortal, { ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsx("div", { className: "hjm-overlay", "data-kind": "alert-dialog", "data-modal-priority": modalPriority, "data-state": "open", style: { zIndex: modalLayer }, children: _jsxs("div", { ref: composeRefs(contentRef, forwardedRef), id: contentId, role: "alertdialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": `${descriptionId}${error ? ` ${errorId}` : ""}`, "aria-busy": busy || undefined, tabIndex: -1, className: classNames("hjm-alert-dialog", className), "data-hjm-modal-content": "", "data-size": size, "data-tone": tone, "data-state": busy ? "busy" : error ? "error" : "idle", children: [icon ? _jsx("div", { className: "hjm-alert-dialog__icon", "aria-hidden": "true", children: icon }) : null, _jsx("h2", { id: titleId, className: "hjm-alert-dialog__title", children: request.title }), _jsx("p", { id: descriptionId, className: "hjm-alert-dialog__description", children: request.description }), error ? _jsx("p", { id: errorId, className: "hjm-alert-dialog__error", role: "alert", children: error }) : null, _jsxs("div", { className: "hjm-alert-dialog__actions", children: [request.mode === "confirm" ? (_jsx(Button, { ref: cancelRef, tone: "secondary", disabled: busy || closing, onClick: () => cancel("cancel-action"), children: request.cancelLabel })) : null, _jsx(Button, { ref: confirmRef, tone: tone === "danger" ? "danger" : "primary", loading: busy, disabled: closing, onClick: () => void confirm(), children: request.confirmLabel })] })] }) }) })) : null] }));
|
|
185
|
+
}), open ? (_jsx(HjmPortal, { ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsx("div", { className: "hjm-overlay", "data-kind": "alert-dialog", "data-modal-priority": modalPriority, "data-state": "open", style: { zIndex: modalLayer }, children: _jsxs("div", { ref: composeRefs(contentRef, forwardedRef), id: contentId, role: "alertdialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": `${descriptionId}${error ? ` ${errorId}` : ""}`, "aria-busy": busy || undefined, tabIndex: -1, className: classNames("hjm-alert-dialog", className), "data-hjm-modal-content": "", "data-size": size, "data-tone": tone, "data-state": busy ? "busy" : error ? "error" : "idle", children: [icon ? _jsx("div", { className: "hjm-alert-dialog__icon", "aria-hidden": "true", children: icon }) : null, _jsx("h2", { id: titleId, className: "hjm-alert-dialog__title", children: request.title }), _jsx("p", { id: descriptionId, className: "hjm-alert-dialog__description", children: request.description }), error ? _jsx("p", { id: errorId, className: "hjm-alert-dialog__error", role: "alert", children: error }) : null, _jsxs("div", { className: "hjm-alert-dialog__actions", children: [request.mode === "confirm" ? (_jsx(Button, { ref: cancelRef, tone: "secondary", disabled: busy || closing, onClick: () => cancel("cancel-action"), children: request.cancelLabel })) : null, _jsx(Button, { ref: confirmRef, tone: tone === "danger" ? "danger" : "primary", loading: busy, disabled: closing || confirmDisabled, onClick: () => void confirm(), children: request.confirmLabel })] })] }) }) })) : null] }));
|
|
185
186
|
});
|
|
186
|
-
export const Sheet = forwardRef(function Sheet({ trigger, title, description, children, footer, placement = sheetRecipe.defaults.placement, size = sheetRecipe.defaults.size, detents, activeDetent, onDetentChange, detentLabels, busy = false, dismissPolicy, closeLabel, initialFocusRef, initialFocus = initialFocusDefaults.overlay, returnFocusRef, onDismissComplete, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, showClose, }, forwardedRef) {
|
|
187
|
+
export const Sheet = forwardRef(function Sheet({ trigger, title, description, children, footer, placement = sheetRecipe.defaults.placement, size = sheetRecipe.defaults.size, detents, activeDetent, onDetentChange, detentLabels, busy = false, dismissPolicy, swipeDirection, closeLabel, initialFocusRef, initialFocus = initialFocusDefaults.overlay, returnFocusRef, onDismissComplete, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, showClose, }, forwardedRef) {
|
|
187
188
|
const modalLayer = getModalLayer(modalPriority);
|
|
188
189
|
const [open, changeOpen] = useOpenState({
|
|
189
190
|
...(openProp === undefined ? {} : { open: openProp }),
|
|
@@ -194,11 +195,27 @@ export const Sheet = forwardRef(function Sheet({ trigger, title, description, ch
|
|
|
194
195
|
const closeVisible = resolveSheetCloseButton(placement, showClose);
|
|
195
196
|
// Drag-to-dismiss (2026-10-16 user decision): handle and header follow the pointer downward and a
|
|
196
197
|
// release past the distance or velocity threshold closes with reason "swipe".
|
|
197
|
-
const showHandle = placement === "bottom" && policy.dismissible && policy.swipeDismiss;
|
|
198
|
+
const showHandle = (placement === "bottom" || swipeDirection === "down") && policy.dismissible && policy.swipeDismiss;
|
|
198
199
|
const closeBlocked = busy && !policy.dismissWhileBusy;
|
|
199
200
|
const canSwipe = showHandle && !closeBlocked;
|
|
200
201
|
const dragRef = useRef(null);
|
|
201
202
|
const [dragY, setDragY] = useState(0);
|
|
203
|
+
const suppressDragClick = useRef(false);
|
|
204
|
+
const cancelDrag = (pointerId) => {
|
|
205
|
+
if (dragRef.current?.pointerId !== pointerId)
|
|
206
|
+
return;
|
|
207
|
+
suppressDragClick.current = dragRef.current.moved;
|
|
208
|
+
dragRef.current = null;
|
|
209
|
+
setDragY(0);
|
|
210
|
+
};
|
|
211
|
+
useEffect(() => {
|
|
212
|
+
// Retire a held gesture when its modal closes or becomes busy/non-dismissible.
|
|
213
|
+
if (open && canSwipe)
|
|
214
|
+
return;
|
|
215
|
+
dragRef.current = null;
|
|
216
|
+
suppressDragClick.current = false;
|
|
217
|
+
setDragY(0);
|
|
218
|
+
}, [open, canSwipe]);
|
|
202
219
|
const lifecycleRef = useRef(createSheetLifecycle(open));
|
|
203
220
|
const previousOpenRef = useRef(open);
|
|
204
221
|
const currentOpenRef = useRef(open);
|
|
@@ -283,33 +300,44 @@ export const Sheet = forwardRef(function Sheet({ trigger, title, description, ch
|
|
|
283
300
|
requestClose("outside");
|
|
284
301
|
}
|
|
285
302
|
}, children: _jsxs("div", { ref: composeRefs(contentRef, forwardedRef), id: contentId, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": description ? descriptionId : undefined, "aria-busy": busy || undefined, tabIndex: -1, className: classNames("hjm-sheet", className), "data-hjm-modal-content": "", "data-placement": placement, "data-detent": activeDetent ?? (size === "auto" ? undefined : size), "data-has-footer": footer ? true : undefined, "data-state": busy ? "busy" : "idle", "data-dragging": dragY > 0 || undefined, style: dragY > 0 ? { transform: `translateY(${dragY}px)` } : undefined, children: [_jsx("h2", { id: titleId, className: "hjm-visually-hidden", children: title }), _jsxs("div", { className: "hjm-sheet__drag", "data-swipe": canSwipe || undefined, onPointerDown: (event) => {
|
|
286
|
-
if (!canSwipe || event.button !== 0 || event.target.closest("a,input,textarea,select,.hjm-dialog__close"))
|
|
303
|
+
if (!canSwipe || dragRef.current || event.button !== 0 || event.target.closest("a,input,textarea,select,.hjm-dialog__close"))
|
|
287
304
|
return;
|
|
288
|
-
|
|
305
|
+
suppressDragClick.current = false;
|
|
306
|
+
dragRef.current = { pointerId: event.pointerId, x: event.clientX, y: event.clientY, t: event.timeStamp, moved: false };
|
|
307
|
+
// Capture from the start so a release outside cannot strand ownership. Preserve the
|
|
308
|
+
// originating handle button as the click target for tap/keyboard/detent behavior.
|
|
309
|
+
(event.target.closest("button") ?? event.currentTarget).setPointerCapture(event.pointerId);
|
|
289
310
|
}, onPointerMove: (event) => {
|
|
290
311
|
const drag = dragRef.current;
|
|
291
|
-
if (!drag || drag.pointerId !== event.pointerId)
|
|
312
|
+
if (!canSwipe || !drag || drag.pointerId !== event.pointerId)
|
|
292
313
|
return;
|
|
293
314
|
const dy = event.clientY - drag.y;
|
|
294
|
-
if (!drag.moved && dy < sheetDragRecipe.activationDistance)
|
|
315
|
+
if (!drag.moved && (dy < sheetDragRecipe.activationDistance || dy <= Math.abs(event.clientX - drag.x)))
|
|
295
316
|
return;
|
|
296
|
-
|
|
297
|
-
drag.moved = true;
|
|
298
|
-
event.currentTarget.setPointerCapture(event.pointerId);
|
|
299
|
-
}
|
|
317
|
+
drag.moved = true;
|
|
300
318
|
setDragY(Math.max(0, dy));
|
|
301
319
|
}, onPointerUp: (event) => {
|
|
302
320
|
const drag = dragRef.current;
|
|
321
|
+
if (!drag || drag.pointerId !== event.pointerId)
|
|
322
|
+
return;
|
|
303
323
|
dragRef.current = null;
|
|
304
|
-
|
|
324
|
+
suppressDragClick.current = drag.moved;
|
|
325
|
+
setDragY(0);
|
|
326
|
+
if (!canSwipe || !drag.moved)
|
|
305
327
|
return;
|
|
306
328
|
const dy = event.clientY - drag.y;
|
|
307
329
|
const velocity = dy / Math.max(1, event.timeStamp - drag.t);
|
|
308
330
|
const height = contentRef.current?.getBoundingClientRect().height ?? 0;
|
|
309
|
-
setDragY(0);
|
|
310
331
|
if (dy > height * sheetDragRecipe.dismissDistanceRatio || velocity > sheetDragRecipe.dismissVelocity)
|
|
311
332
|
requestClose("swipe");
|
|
312
|
-
}, onPointerCancel: () =>
|
|
333
|
+
}, onPointerCancel: (event) => cancelDrag(event.pointerId), onLostPointerCapture: (event) => cancelDrag(event.pointerId), onClickCapture: (event) => {
|
|
334
|
+
// The browser emits click after a released drag; it must not turn a short drag into a close.
|
|
335
|
+
if (!suppressDragClick.current || event.detail === 0)
|
|
336
|
+
return;
|
|
337
|
+
suppressDragClick.current = false;
|
|
338
|
+
event.preventDefault();
|
|
339
|
+
event.stopPropagation();
|
|
340
|
+
}, children: [detents && detentLabels && activeDetent ? (_jsx("div", { className: "hjm-sheet__handle-row", children: _jsx("button", { type: "button", className: "hjm-sheet__handle", "aria-label": resolveNextSheetDetent(detents, activeDetent, "expand") === null
|
|
313
341
|
? detentLabels.collapse
|
|
314
342
|
: detentLabels.expand, onClick: () => {
|
|
315
343
|
const expand = resolveNextSheetDetent(detents, activeDetent, "expand");
|
|
@@ -317,8 +345,8 @@ export const Sheet = forwardRef(function Sheet({ trigger, title, description, ch
|
|
|
317
345
|
if (next !== null)
|
|
318
346
|
onDetentChange?.(next);
|
|
319
347
|
}, children: _jsx("span", { "aria-hidden": "true", className: "hjm-sheet__handle-bar" }) }) })) : showHandle ? (
|
|
320
|
-
//
|
|
321
|
-
_jsx("div", { className: "hjm-sheet__handle-row", children: _jsx("button", { type: "button", className: "hjm-sheet__handle", "aria-label": closeLabel, disabled: closeBlocked, onClick: () => requestClose("close-action"), children: _jsx("span", { "aria-hidden": "true", className: "hjm-sheet__handle-bar" }) }) })) : null, description || (policy.dismissible && closeVisible) ? _jsxs("header", { className: "hjm-sheet__header", children: [description ? _jsx("div", { children: _jsx("p", { id: descriptionId, className: "hjm-sheet__description", children: description }) }) : null, policy.dismissible && closeVisible ? (_jsx("button", { type: "button", className: "hjm-dialog__close", "aria-label": closeLabel, disabled: busy && !policy.dismissWhileBusy, onClick: () => requestClose("close-action"), children: "\u00D7" })) : null] }) : null] }), children ? _jsx("div", { className: "hjm-sheet__body", children: _jsx(InitialFocusProvider, { scope: focusScope, children: children }) }) : null, footer ? _jsx("footer", { className: "hjm-sheet__footer", children: _jsx(InitialFocusProvider, { scope: focusScope, children: footer }) }) : null] }) }) })) : null] }));
|
|
348
|
+
// Keep one close command: an explicit × owns it; otherwise the handle supports keyboard and switch users.
|
|
349
|
+
_jsx("div", { className: "hjm-sheet__handle-row", children: closeVisible ? (_jsx("div", { className: "hjm-sheet__handle", "aria-hidden": "true", children: _jsx("span", { className: "hjm-sheet__handle-bar" }) })) : (_jsx("button", { type: "button", className: "hjm-sheet__handle", "aria-label": closeLabel, disabled: closeBlocked, onClick: () => requestClose("close-action"), children: _jsx("span", { "aria-hidden": "true", className: "hjm-sheet__handle-bar" }) })) })) : null, description || (policy.dismissible && closeVisible) ? _jsxs("header", { className: "hjm-sheet__header", children: [description ? _jsx("div", { children: _jsx("p", { id: descriptionId, className: "hjm-sheet__description", children: description }) }) : null, policy.dismissible && closeVisible ? (_jsx("button", { type: "button", className: "hjm-dialog__close", "aria-label": closeLabel, disabled: busy && !policy.dismissWhileBusy, onClick: () => requestClose("close-action"), children: "\u00D7" })) : null] }) : null] }), children ? _jsx("div", { className: "hjm-sheet__body", children: _jsx(ScreenFooterContext.Provider, { value: null, children: _jsx(InitialFocusProvider, { scope: focusScope, children: children }) }) }) : null, footer ? _jsx("footer", { className: "hjm-sheet__footer", children: _jsx(ScreenFooterContext.Provider, { value: { bottomPadding: placement === "bottom" ? "calc(var(--hjm-space-sm) + env(safe-area-inset-bottom, 0px))" : "var(--hjm-space-sm)" }, children: _jsx(InitialFocusProvider, { scope: focusScope, children: footer }) }) }) : null] }) }) })) : null] }));
|
|
322
350
|
});
|
|
323
351
|
export const Tooltip = forwardRef(function Tooltip({ trigger, content, placement, align, pointerOpenDelayMs = tooltipBehaviorDefaults.pointerOpenDelayMs, focusOpenDelayMs = tooltipBehaviorDefaults.focusOpenDelayMs, portalContainer, open: openProp, defaultOpen, onOpenChange, className, layoutStyle, }, ref) {
|
|
324
352
|
const descriptor = resolveTooltipDescriptor({
|