@charcuterie/ui 4.17.0 → 4.18.1
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/TableViewport/TableViewport.d.ts +11 -0
- package/dist/TableViewport/TableViewport.d.ts.map +1 -0
- package/dist/TableViewport/TableViewport.js +32 -0
- package/dist/TableViewport/TableViewport.js.map +1 -0
- package/dist/Tabs/PanelTabs.d.ts.map +1 -1
- package/dist/Tabs/PanelTabs.js +6 -1
- package/dist/Tabs/PanelTabs.js.map +1 -1
- package/dist/Tabs/RoutedTabs.d.ts.map +1 -1
- package/dist/Tabs/RoutedTabs.js +3 -1
- package/dist/Tabs/RoutedTabs.js.map +1 -1
- package/dist/Tabs/useRevealCurrentTab.d.ts +4 -0
- package/dist/Tabs/useRevealCurrentTab.d.ts.map +1 -0
- package/dist/Tabs/useRevealCurrentTab.js +85 -0
- package/dist/Tabs/useRevealCurrentTab.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +52 -0
- package/package.json +1 -1
- package/src/TableViewport/TableViewport.mdx +23 -0
- package/src/TableViewport/TableViewport.stories.tsx +107 -0
- package/src/TableViewport/TableViewport.test.tsx +58 -0
- package/src/TableViewport/TableViewport.tsx +86 -0
- package/src/Tabs/PanelTabs.tsx +9 -2
- package/src/Tabs/RoutedTabs.tsx +6 -0
- package/src/Tabs/Tabs.mdx +8 -0
- package/src/Tabs/Tabs.stories.tsx +73 -0
- package/src/Tabs/Tabs.test.tsx +85 -0
- package/src/Tabs/useRevealCurrentTab.ts +93 -0
- package/src/index.ts +2 -0
- package/src/sourceRules.test.ts +2 -1
- package/src/styles.css +52 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type TableViewportProps = {
|
|
3
|
+
/** A semantic table. Only one copy is mounted, including when expanded. */
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
columnCount: number;
|
|
7
|
+
label: string;
|
|
8
|
+
};
|
|
9
|
+
/** Readable comparison columns, page-height inline, and one full-window scroll surface. */
|
|
10
|
+
export declare const TableViewport: ({ children, className, columnCount, label, }: TableViewportProps) => ReactNode;
|
|
11
|
+
//# sourceMappingURL=TableViewport.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableViewport.d.ts","sourceRoot":"","sources":["../../src/TableViewport/TableViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,2FAA2F;AAC3F,eAAO,MAAM,aAAa,GAAI,8CAK3B,kBAAkB,KAAG,SAiEvB,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState } from "react";
|
|
3
|
+
import { Button } from "../Button/Button.js";
|
|
4
|
+
import { Dialog } from "../Dialog/Dialog.js";
|
|
5
|
+
import { toClassName } from "../toClassName.js";
|
|
6
|
+
/** Readable comparison columns, page-height inline, and one full-window scroll surface. */
|
|
7
|
+
export const TableViewport = ({ children, className, columnCount, label, }) => {
|
|
8
|
+
const [isExpanded, setIsExpanded] = useState(false);
|
|
9
|
+
const [inlineHeight, setInlineHeight] = useState(0);
|
|
10
|
+
const scrollRef = useRef(null);
|
|
11
|
+
const scrollPosition = useRef(0);
|
|
12
|
+
const contentStyle = {
|
|
13
|
+
"--table-min-inline-size": `${Math.max(1, columnCount) * 14}rem`,
|
|
14
|
+
};
|
|
15
|
+
const content = (_jsx("div", { className: "charcuterie-table-content", style: contentStyle, children: children }));
|
|
16
|
+
return (_jsxs("div", { className: toClassName("min-w-0", className), children: [_jsx("div", { className: "flex items-center justify-end border border-border-subtle bg-surface-raised p-2", children: _jsx(Button, { appearance: "ghost", intent: "neutral", size: "sm", onClick: () => {
|
|
17
|
+
const pane = scrollRef.current;
|
|
18
|
+
setInlineHeight(pane?.getBoundingClientRect().height ?? 0);
|
|
19
|
+
scrollPosition.current = pane?.scrollLeft ?? 0;
|
|
20
|
+
setIsExpanded(true);
|
|
21
|
+
}, children: "Expand table" }) }), _jsx("section", { "aria-label": label, className: "charcuterie-scrollbar charcuterie-table-scroll border border-border-subtle border-t-0", ref: scrollRef,
|
|
22
|
+
// biome-ignore lint/a11y/noNoninteractiveTabindex: horizontal scroll must be reachable by keyboard
|
|
23
|
+
tabIndex: 0, style: isExpanded ? { height: inlineHeight } : undefined, children: isExpanded ? null : content }), _jsx(Dialog, { heading: label, isVisible: isExpanded, size: "full", onClose: () => {
|
|
24
|
+
setIsExpanded(false);
|
|
25
|
+
requestAnimationFrame(() => {
|
|
26
|
+
if (scrollRef.current)
|
|
27
|
+
scrollRef.current.scrollLeft =
|
|
28
|
+
scrollPosition.current;
|
|
29
|
+
});
|
|
30
|
+
}, children: isExpanded ? content : null })] }));
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=TableViewport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableViewport.js","sourceRoot":"","sources":["../../src/TableViewport/TableViewport.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAU/C,2FAA2F;AAC3F,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,KAAK,GACc,EAAa,EAAE;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC3C,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAChC,MAAM,YAAY,GAAG;QACnB,yBAAyB,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,KAAK;KAChD,CAAA;IAClB,MAAM,OAAO,GAAG,CACd,cACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,YAAY,YAElB,QAAQ,GACL,CACP,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,aAC/C,cAAK,SAAS,EAAC,iFAAiF,YAC9F,KAAC,MAAM,IACL,UAAU,EAAC,OAAO,EAClB,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAA;wBAC9B,eAAe,CACb,IAAI,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,CAAC,CAC1C,CAAA;wBACD,cAAc,CAAC,OAAO,GAAG,IAAI,EAAE,UAAU,IAAI,CAAC,CAAA;wBAC9C,aAAa,CAAC,IAAI,CAAC,CAAA;oBACrB,CAAC,6BAGM,GACL,EACN,gCACc,KAAK,EACjB,SAAS,EAAC,uFAAuF,EACjG,GAAG,EAAE,SAAS;gBACd,mGAAmG;gBACnG,QAAQ,EAAE,CAAC,EACX,KAAK,EACH,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,YAGlD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,GACpB,EACV,KAAC,MAAM,IACL,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;oBACZ,aAAa,CAAC,KAAK,CAAC,CAAA;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,IAAI,SAAS,CAAC,OAAO;4BACnB,SAAS,CAAC,OAAO,CAAC,UAAU;gCAC1B,cAAc,CAAC,OAAO,CAAA;oBAC5B,CAAC,CAAC,CAAA;gBACJ,CAAC,YAEA,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,GACrB,IACL,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelTabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/PanelTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"PanelTabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/PanelTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAiBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,SAAS,GAAI,2EAQvB,cAAc,KAAG,SAoLnB,CAAA"}
|
package/dist/Tabs/PanelTabs.js
CHANGED
|
@@ -4,6 +4,7 @@ import { useCallback, useEffect, useRef } from "react";
|
|
|
4
4
|
import { toClassName } from "../toClassName.js";
|
|
5
5
|
import { TabTrigger } from "./TabTrigger.js";
|
|
6
6
|
import { toTabListClass } from "./tabStyles.js";
|
|
7
|
+
import { useRevealCurrentTab } from "./useRevealCurrentTab.js";
|
|
7
8
|
const ORIENTATION_KEYS = {
|
|
8
9
|
horizontal: {
|
|
9
10
|
next: "ArrowRight",
|
|
@@ -95,6 +96,7 @@ export const PanelTabs = ({ activation = "automatic", activeKey, className, labe
|
|
|
95
96
|
* `selectTabIndex` itself and got fixed there.
|
|
96
97
|
*/
|
|
97
98
|
const shownKey = selection.selectedValue ?? selection.pendingValue;
|
|
99
|
+
const revealRef = useRevealCurrentTab(shownKey, orientation);
|
|
98
100
|
const selectTab = useCallback((key) => {
|
|
99
101
|
// Both, because a pointer press moves focus *and* chooses.
|
|
100
102
|
// Only selecting would leave `automatic`'s effect below to
|
|
@@ -146,7 +148,10 @@ export const PanelTabs = ({ activation = "automatic", activeKey, className, labe
|
|
|
146
148
|
keyEvent.preventDefault();
|
|
147
149
|
select(activeValue);
|
|
148
150
|
}
|
|
149
|
-
}, ref:
|
|
151
|
+
}, ref: (element) => {
|
|
152
|
+
tablistRef.current = element;
|
|
153
|
+
revealRef.current = element;
|
|
154
|
+
}, role: "tablist", children: tabs.map((tab, index) => (_jsx(TabTrigger, { id: `${baseId}-tab-${index}`, isSelected: shownKey === tab.key, onSelect: selectTab, panelId: `${baseId}-panel-${index}`, registerFocus: focus.register, orientation: orientation, registerSelection: selection.register, tab: tab,
|
|
150
155
|
// The roving-tabindex rule read from the core rather
|
|
151
156
|
// than restated here: exactly one member is in the tab
|
|
152
157
|
// order, so Tab enters and leaves the bar once while
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelTabs.js","sourceRoot":"","sources":["../../src/Tabs/PanelTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"PanelTabs.js","sourceRoot":"","sources":["../../src/Tabs/PanelTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutedTabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/RoutedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"RoutedTabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/RoutedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,GAAI,sDAMxB,aAAa,KAAG,SA8BlB,CAAA"}
|
package/dist/Tabs/RoutedTabs.js
CHANGED
|
@@ -3,6 +3,7 @@ import { getNavItemKey, resolveActiveKey, } from "../Nav/navItems.js";
|
|
|
3
3
|
import { toClassName } from "../toClassName.js";
|
|
4
4
|
import { TabLink } from "./TabLink.js";
|
|
5
5
|
import { toTabListClass } from "./tabStyles.js";
|
|
6
|
+
import { useRevealCurrentTab } from "./useRevealCurrentTab.js";
|
|
6
7
|
/**
|
|
7
8
|
* The routed bar: a named `<nav>` of real links wearing the tab
|
|
8
9
|
* paint.
|
|
@@ -20,7 +21,8 @@ import { toTabListClass } from "./tabStyles.js";
|
|
|
20
21
|
*/
|
|
21
22
|
export const RoutedTabs = ({ activeHref, className, label, orientation = "horizontal", tabs, }) => {
|
|
22
23
|
const activeKey = resolveActiveKey(tabs, activeHref);
|
|
23
|
-
|
|
24
|
+
const containerRef = useRevealCurrentTab(activeKey, orientation);
|
|
25
|
+
return (_jsx("nav", { ref: containerRef, "aria-label": label, className: toClassName(toTabListClass(orientation), className), children: tabs.map((tab) => {
|
|
24
26
|
const key = getNavItemKey(tab);
|
|
25
27
|
return (_jsx(TabLink, { isCurrent: key === activeKey, item: tab, orientation: orientation }, key));
|
|
26
28
|
}) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutedTabs.js","sourceRoot":"","sources":["../../src/Tabs/RoutedTabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAA;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"RoutedTabs.js","sourceRoot":"","sources":["../../src/Tabs/RoutedTabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAA;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,UAAU,EACV,SAAS,EACT,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,IAAI,GACU,EAAa,EAAE;IAC7B,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;IACpD,MAAM,YAAY,GAAG,mBAAmB,CACtC,SAAS,EACT,WAAW,CACZ,CAAA;IAED,OAAO,CACL,cACE,GAAG,EAAE,YAAY,gBACL,KAAK,EACjB,SAAS,EAAE,WAAW,CACpB,cAAc,CAAC,WAAW,CAAC,EAC3B,SAAS,CACV,YAEA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;YAE9B,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,GAAG,KAAK,SAAS,EAC5B,IAAI,EAAE,GAAG,EAET,WAAW,EAAE,WAAW,IADnB,GAAG,CAER,CACH,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { TabsOrientation } from "./tabItems.ts";
|
|
2
|
+
/** Reveal within the tab bar only; never scroll an ancestor or move focus. */
|
|
3
|
+
export declare function useRevealCurrentTab(currentKey: string | null, orientation: TabsOrientation): import("react").RefObject<HTMLElement | null>;
|
|
4
|
+
//# sourceMappingURL=useRevealCurrentTab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRevealCurrentTab.d.ts","sourceRoot":"","sources":["../../src/Tabs/useRevealCurrentTab.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,8EAA8E;AAC9E,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,WAAW,EAAE,eAAe,iDAsF7B"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { useLayoutEffect, useRef } from "react";
|
|
2
|
+
/** Reveal within the tab bar only; never scroll an ancestor or move focus. */
|
|
3
|
+
export function useRevealCurrentTab(currentKey, orientation) {
|
|
4
|
+
const containerRef = useRef(null);
|
|
5
|
+
useLayoutEffect(() => {
|
|
6
|
+
const container = containerRef.current;
|
|
7
|
+
if (!container || currentKey === null)
|
|
8
|
+
return;
|
|
9
|
+
let isActive = true;
|
|
10
|
+
const reveal = () => {
|
|
11
|
+
if (!isActive)
|
|
12
|
+
return;
|
|
13
|
+
// In manual panel mode, the focused tab can differ from the selected tab.
|
|
14
|
+
const focused = container.ownerDocument.activeElement;
|
|
15
|
+
const current = focused instanceof HTMLElement &&
|
|
16
|
+
container.contains(focused) &&
|
|
17
|
+
focused.matches('a, [role="tab"]')
|
|
18
|
+
? focused
|
|
19
|
+
: container.querySelector('[aria-current="page"], [aria-selected="true"]');
|
|
20
|
+
if (!current)
|
|
21
|
+
return;
|
|
22
|
+
const viewport = container.getBoundingClientRect();
|
|
23
|
+
const target = current.getBoundingClientRect();
|
|
24
|
+
const start = orientation === "horizontal"
|
|
25
|
+
? target.left
|
|
26
|
+
: target.top;
|
|
27
|
+
const end = orientation === "horizontal"
|
|
28
|
+
? target.right
|
|
29
|
+
: target.bottom;
|
|
30
|
+
const viewStart = orientation === "horizontal"
|
|
31
|
+
? viewport.left
|
|
32
|
+
: viewport.top;
|
|
33
|
+
const viewEnd = orientation === "horizontal"
|
|
34
|
+
? viewport.right
|
|
35
|
+
: viewport.bottom;
|
|
36
|
+
const hasOversize = end - start > viewEnd - viewStart;
|
|
37
|
+
const isRtl = orientation === "horizontal" &&
|
|
38
|
+
getComputedStyle(container).direction === "rtl";
|
|
39
|
+
const delta = hasOversize
|
|
40
|
+
? isRtl
|
|
41
|
+
? end - viewEnd
|
|
42
|
+
: start - viewStart
|
|
43
|
+
: start < viewStart
|
|
44
|
+
? start - viewStart
|
|
45
|
+
: end > viewEnd
|
|
46
|
+
? end - viewEnd
|
|
47
|
+
: 0;
|
|
48
|
+
if (orientation === "horizontal")
|
|
49
|
+
container.scrollLeft += delta;
|
|
50
|
+
else
|
|
51
|
+
container.scrollTop += delta;
|
|
52
|
+
};
|
|
53
|
+
const frame = { id: 0 };
|
|
54
|
+
const scheduleReveal = () => {
|
|
55
|
+
cancelAnimationFrame(frame.id);
|
|
56
|
+
frame.id = requestAnimationFrame(reveal);
|
|
57
|
+
};
|
|
58
|
+
const sizes = new ResizeObserver(scheduleReveal);
|
|
59
|
+
const observeItems = () => {
|
|
60
|
+
sizes.disconnect();
|
|
61
|
+
sizes.observe(container);
|
|
62
|
+
for (const child of container.children)
|
|
63
|
+
sizes.observe(child);
|
|
64
|
+
reveal();
|
|
65
|
+
};
|
|
66
|
+
const contents = new MutationObserver(observeItems);
|
|
67
|
+
contents.observe(container, {
|
|
68
|
+
childList: true,
|
|
69
|
+
subtree: true,
|
|
70
|
+
characterData: true,
|
|
71
|
+
});
|
|
72
|
+
container.addEventListener("focusin", reveal);
|
|
73
|
+
observeItems();
|
|
74
|
+
void container.ownerDocument.fonts.ready.then(reveal);
|
|
75
|
+
return () => {
|
|
76
|
+
isActive = false;
|
|
77
|
+
cancelAnimationFrame(frame.id);
|
|
78
|
+
sizes.disconnect();
|
|
79
|
+
contents.disconnect();
|
|
80
|
+
container.removeEventListener("focusin", reveal);
|
|
81
|
+
};
|
|
82
|
+
}, [currentKey, orientation]);
|
|
83
|
+
return containerRef;
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=useRevealCurrentTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRevealCurrentTab.js","sourceRoot":"","sources":["../../src/Tabs/useRevealCurrentTab.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -220,6 +220,8 @@ export { Switch } from "./Switch/Switch.tsx";
|
|
|
220
220
|
export type { SlotProps } from "./slotProps.ts";
|
|
221
221
|
export { mergeSlotProps } from "./slotProps.ts";
|
|
222
222
|
export { getAsyncIntent, getAsyncLabel, getConnectionIntent, getConnectionLabel, getIsConnectionBusy, } from "./statusIntent.ts";
|
|
223
|
+
export type { TableViewportProps } from "./TableViewport/TableViewport.tsx";
|
|
224
|
+
export { TableViewport } from "./TableViewport/TableViewport.tsx";
|
|
223
225
|
export type { TabsLinkProps, TabsPanelProps, TabsProps, } from "./Tabs/Tabs.tsx";
|
|
224
226
|
export { Tabs } from "./Tabs/Tabs.tsx";
|
|
225
227
|
export type { TabItem, TabLinkItem, TabsActivation, TabsOrientation, } from "./Tabs/tabItems.ts";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -120,6 +120,7 @@ export { Swatch } from "./Swatch/Swatch.js";
|
|
|
120
120
|
export { Switch } from "./Switch/Switch.js";
|
|
121
121
|
export { mergeSlotProps } from "./slotProps.js";
|
|
122
122
|
export { getAsyncIntent, getAsyncLabel, getConnectionIntent, getConnectionLabel, getIsConnectionBusy, } from "./statusIntent.js";
|
|
123
|
+
export { TableViewport } from "./TableViewport/TableViewport.js";
|
|
123
124
|
export { Tabs } from "./Tabs/Tabs.js";
|
|
124
125
|
export { TextLink } from "./TextLink/TextLink.js";
|
|
125
126
|
export { TimecodeInput } from "./TimecodeInput/TimecodeInput.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAOH,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAMxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAE9D,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,iCAAiC,EACjC,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EACL,6BAA6B,EAC7B,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,sCAAsC,CAAA;AAK7C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAK3D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AASzC,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,cAAc,GACf,MAAM,sBAAsB,CAAA;AAK7B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAMxD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAKnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA2C,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,EACzB,8BAA8B,EAC9B,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAO3B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAMlE,OAAO,EACL,2BAA2B,EAC3B,cAAc,GACf,MAAM,gCAAgC,CAAA;AAMvC,OAAO,EACL,OAAO,EACP,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,SAAS,GACV,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,2CAA2C,CAAA;AAKlD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAK5C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAwB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAQ9D,OAAO,EACL,cAAc,EACd,cAAc,GACf,MAAM,wCAAwC,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAK/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAKnF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAiC,CAAA;AAMtE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAqC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAOtE,OAAO,EACL,WAAW,EACX,eAAe,GAChB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAK9D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAe,CAAA;AAKnC,OAAO,EACL,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,mBAAmB,CAAA;AAO1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKpD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAW5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAM/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAA;AAKjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAE3D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AAMvC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAK9D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAK9D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAMxD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAKtC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AACxD,OAAO,EACL,kBAAkB,EAClB,aAAa,GACd,MAAM,oCAAqC,CAAA;AAK5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA+B,CAAA;AAO5D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAA;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAK3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAyC,CAAA;AAY1E,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAM5C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAK5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAEnF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAO/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAM/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAA;AAMjE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAWtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAA;AAMjE,OAAO,EACL,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,6BAA6B,CAAA;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAyB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAOpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAK9C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAuC,CAAA;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAqC,CAAA;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAyC,CAAA"}
|
package/dist/styles.css
CHANGED
|
@@ -208,3 +208,55 @@
|
|
|
208
208
|
transparent;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
+
|
|
212
|
+
/* Comparisons keep their column geometry instead of splitting prose into narrow strips.
|
|
213
|
+
Inline has no block-size clamp: the document owns vertical scrolling. */
|
|
214
|
+
.charcuterie-table-scroll {
|
|
215
|
+
overflow-x: auto;
|
|
216
|
+
}
|
|
217
|
+
.charcuterie-table-content table {
|
|
218
|
+
display: table;
|
|
219
|
+
inline-size: 100%;
|
|
220
|
+
min-inline-size: var(--table-min-inline-size);
|
|
221
|
+
border-collapse: separate;
|
|
222
|
+
border-spacing: 0;
|
|
223
|
+
table-layout: fixed;
|
|
224
|
+
font-size: var(--font-size-sm);
|
|
225
|
+
line-height: 1.65;
|
|
226
|
+
}
|
|
227
|
+
.charcuterie-table-content :is(th, td) {
|
|
228
|
+
padding: 0.75rem 1rem;
|
|
229
|
+
border-inline-end: 1px solid var(--color-border-subtle);
|
|
230
|
+
border-block-end: 1px solid var(--color-border-subtle);
|
|
231
|
+
vertical-align: top;
|
|
232
|
+
text-align: start;
|
|
233
|
+
overflow-wrap: break-word;
|
|
234
|
+
color: var(--color-content-primary);
|
|
235
|
+
background: var(--color-surface-base);
|
|
236
|
+
}
|
|
237
|
+
.charcuterie-table-content thead th {
|
|
238
|
+
background: var(--color-surface-raised);
|
|
239
|
+
font-weight: 600;
|
|
240
|
+
}
|
|
241
|
+
[role="dialog"] .charcuterie-table-content thead th {
|
|
242
|
+
position: sticky;
|
|
243
|
+
inset-block-start: -1rem;
|
|
244
|
+
z-index: 2;
|
|
245
|
+
}
|
|
246
|
+
[role="dialog"]
|
|
247
|
+
.charcuterie-table-content
|
|
248
|
+
:is(th, td):first-child {
|
|
249
|
+
position: sticky;
|
|
250
|
+
inset-inline-start: -1rem;
|
|
251
|
+
background: var(--color-surface-raised);
|
|
252
|
+
z-index: 1;
|
|
253
|
+
}
|
|
254
|
+
.charcuterie-table-content thead th:first-child {
|
|
255
|
+
inline-size: clamp(10rem, 18vw, 16rem);
|
|
256
|
+
}
|
|
257
|
+
[role="dialog"]
|
|
258
|
+
.charcuterie-table-content
|
|
259
|
+
thead
|
|
260
|
+
th:first-child {
|
|
261
|
+
z-index: 3;
|
|
262
|
+
}
|
package/package.json
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Canvas, Meta } from "@storybook/addon-docs/blocks"
|
|
2
|
+
import * as Stories from "./TableViewport.stories.tsx"
|
|
3
|
+
|
|
4
|
+
<Meta of={Stories} />
|
|
5
|
+
|
|
6
|
+
# TableViewport
|
|
7
|
+
|
|
8
|
+
A comparison table keeps its columns wide enough to read. The inline surface grows with
|
|
9
|
+
its rows and uses the page's vertical scroll. Expand table opens a full-window `Dialog`.
|
|
10
|
+
The dialog body is the only scroll surface; headers and the first column stay visible.
|
|
11
|
+
Escape and Close return focus to the trigger. Only one table is mounted, so links and IDs
|
|
12
|
+
are never duplicated. The inline height and horizontal position survive expansion.
|
|
13
|
+
|
|
14
|
+
Apps provide the semantic table, its column count, and its accessible label. Sanitizing
|
|
15
|
+
Markdown HTML and delegating document links remain the app's responsibilities. Use
|
|
16
|
+
`DataTable` for interactive records that reflow into labeled rows; use this surface for
|
|
17
|
+
comparisons where columns must stay aligned.
|
|
18
|
+
|
|
19
|
+
<Canvas of={Stories.Playground} />
|
|
20
|
+
<Canvas of={Stories.AllVariants} />
|
|
21
|
+
<Canvas of={Stories.AllStates} />
|
|
22
|
+
<Canvas of={Stories.Responsive} />
|
|
23
|
+
<Canvas of={Stories.Interactive} />
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { playgroundParameters } from "@charcuterie/storybook-config/story-parameters"
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react"
|
|
3
|
+
import {
|
|
4
|
+
ContainerBoard,
|
|
5
|
+
StoryCell,
|
|
6
|
+
StoryGrid,
|
|
7
|
+
} from "../board.storyHelpers.tsx"
|
|
8
|
+
import { TableViewport } from "./TableViewport.tsx"
|
|
9
|
+
|
|
10
|
+
const comparison = (count: number) => (
|
|
11
|
+
<table>
|
|
12
|
+
<caption className="sr-only">
|
|
13
|
+
Printer comparison
|
|
14
|
+
</caption>
|
|
15
|
+
<thead>
|
|
16
|
+
<tr>
|
|
17
|
+
{[
|
|
18
|
+
"Feature",
|
|
19
|
+
"Current service",
|
|
20
|
+
"Provider fork",
|
|
21
|
+
"Alternative",
|
|
22
|
+
"Work needed",
|
|
23
|
+
].map((name) => (
|
|
24
|
+
<th key={name} scope="col">
|
|
25
|
+
{name}
|
|
26
|
+
</th>
|
|
27
|
+
))}
|
|
28
|
+
</tr>
|
|
29
|
+
</thead>
|
|
30
|
+
<tbody>
|
|
31
|
+
{Array.from(
|
|
32
|
+
{ length: count },
|
|
33
|
+
(_, index) => `Feature ${index + 1}`,
|
|
34
|
+
).map((feature) => (
|
|
35
|
+
<tr key={feature}>
|
|
36
|
+
<th scope="row">{feature}</th>
|
|
37
|
+
<td>
|
|
38
|
+
Existing integration supports prepared jobs and
|
|
39
|
+
preserves the current workflow.
|
|
40
|
+
</td>
|
|
41
|
+
<td>
|
|
42
|
+
Provider support exists. Hardware verification
|
|
43
|
+
is still needed before deployment.
|
|
44
|
+
</td>
|
|
45
|
+
<td>
|
|
46
|
+
Advertised support. Exact behavior remains
|
|
47
|
+
unconfirmed.
|
|
48
|
+
</td>
|
|
49
|
+
<td>
|
|
50
|
+
Verify compatibility, keep the existing
|
|
51
|
+
controls, and test error recovery.
|
|
52
|
+
</td>
|
|
53
|
+
</tr>
|
|
54
|
+
))}
|
|
55
|
+
</tbody>
|
|
56
|
+
</table>
|
|
57
|
+
)
|
|
58
|
+
const meta = {
|
|
59
|
+
title: "Components/Data/TableViewport",
|
|
60
|
+
component: TableViewport,
|
|
61
|
+
args: {
|
|
62
|
+
columnCount: 5,
|
|
63
|
+
label: "Printer comparison",
|
|
64
|
+
children: comparison(12),
|
|
65
|
+
},
|
|
66
|
+
} satisfies Meta<typeof TableViewport>
|
|
67
|
+
export default meta
|
|
68
|
+
type Story = StoryObj<typeof meta>
|
|
69
|
+
export const Playground: Story = {
|
|
70
|
+
parameters: playgroundParameters,
|
|
71
|
+
}
|
|
72
|
+
export const AllVariants: Story = {
|
|
73
|
+
render: (props) => (
|
|
74
|
+
<StoryGrid columns={2}>
|
|
75
|
+
<StoryCell align="stretch" label="Short">
|
|
76
|
+
<TableViewport {...props} label="Short comparison">
|
|
77
|
+
{comparison(2)}
|
|
78
|
+
</TableViewport>
|
|
79
|
+
</StoryCell>
|
|
80
|
+
<StoryCell align="stretch" label="Long">
|
|
81
|
+
<TableViewport {...props} label="Long comparison">
|
|
82
|
+
{comparison(16)}
|
|
83
|
+
</TableViewport>
|
|
84
|
+
</StoryCell>
|
|
85
|
+
</StoryGrid>
|
|
86
|
+
),
|
|
87
|
+
}
|
|
88
|
+
export const AllStates: Story = {
|
|
89
|
+
render: (props) => (
|
|
90
|
+
<TableViewport {...props}>
|
|
91
|
+
{comparison(0)}
|
|
92
|
+
</TableViewport>
|
|
93
|
+
),
|
|
94
|
+
}
|
|
95
|
+
export const Responsive: Story = {
|
|
96
|
+
render: (props) => (
|
|
97
|
+
<ContainerBoard>
|
|
98
|
+
{(width) => (
|
|
99
|
+
<TableViewport
|
|
100
|
+
{...props}
|
|
101
|
+
label={`Comparison at ${width}`}
|
|
102
|
+
/>
|
|
103
|
+
)}
|
|
104
|
+
</ContainerBoard>
|
|
105
|
+
),
|
|
106
|
+
}
|
|
107
|
+
export const Interactive: Story = {}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { composeStories } from "@storybook/react"
|
|
2
|
+
import { expect, userEvent, waitFor } from "storybook/test"
|
|
3
|
+
import { test } from "vitest"
|
|
4
|
+
import { expectNoAxeViolations } from "../expectNoAxeViolations.testHelpers.ts"
|
|
5
|
+
import { mountStory } from "../mountStory.testHelpers.ts"
|
|
6
|
+
import { expectAgentDrivable } from "../testing/index.ts"
|
|
7
|
+
import * as stories from "./TableViewport.stories.tsx"
|
|
8
|
+
|
|
9
|
+
const { Interactive } = composeStories(stories)
|
|
10
|
+
|
|
11
|
+
test("long inline comparisons grow with the page and expand without duplicate tables", async () => {
|
|
12
|
+
const { body, canvas } = await mountStory(Interactive)
|
|
13
|
+
const pane = expectAgentDrivable(canvas, {
|
|
14
|
+
role: "region",
|
|
15
|
+
name: "Printer comparison",
|
|
16
|
+
})
|
|
17
|
+
await expect(pane.scrollHeight).toBeLessThanOrEqual(
|
|
18
|
+
pane.clientHeight + 1,
|
|
19
|
+
)
|
|
20
|
+
const trigger = expectAgentDrivable(canvas, {
|
|
21
|
+
role: "button",
|
|
22
|
+
name: "Expand table",
|
|
23
|
+
})
|
|
24
|
+
await userEvent.click(trigger)
|
|
25
|
+
const dialog = expectAgentDrivable(body, {
|
|
26
|
+
role: "dialog",
|
|
27
|
+
name: "Printer comparison",
|
|
28
|
+
})
|
|
29
|
+
await expect(
|
|
30
|
+
document.querySelectorAll("table").length,
|
|
31
|
+
).toBe(1)
|
|
32
|
+
await expect(
|
|
33
|
+
dialog.getBoundingClientRect().width,
|
|
34
|
+
).toBeGreaterThan(innerWidth * 0.9)
|
|
35
|
+
await expectNoAxeViolations(dialog)
|
|
36
|
+
const header = dialog.querySelector(
|
|
37
|
+
"thead th",
|
|
38
|
+
) as HTMLElement
|
|
39
|
+
const scroller = header.closest(
|
|
40
|
+
".overflow-auto",
|
|
41
|
+
) as HTMLElement
|
|
42
|
+
scroller.scrollTop = 250
|
|
43
|
+
await waitFor(() =>
|
|
44
|
+
expect(
|
|
45
|
+
header.getBoundingClientRect().top,
|
|
46
|
+
).toBeGreaterThanOrEqual(
|
|
47
|
+
scroller.getBoundingClientRect().top - 1,
|
|
48
|
+
),
|
|
49
|
+
)
|
|
50
|
+
await userEvent.keyboard("{Escape}")
|
|
51
|
+
await waitFor(() =>
|
|
52
|
+
expect(body.queryByRole("dialog")).toBeNull(),
|
|
53
|
+
)
|
|
54
|
+
await expect(document.activeElement).toBe(trigger)
|
|
55
|
+
await expect(
|
|
56
|
+
canvas.getByRole("table"),
|
|
57
|
+
).toBeInTheDocument()
|
|
58
|
+
})
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import type { CSSProperties, ReactNode } from "react"
|
|
2
|
+
import { useRef, useState } from "react"
|
|
3
|
+
import { Button } from "../Button/Button.tsx"
|
|
4
|
+
import { Dialog } from "../Dialog/Dialog.tsx"
|
|
5
|
+
import { toClassName } from "../toClassName.ts"
|
|
6
|
+
|
|
7
|
+
export type TableViewportProps = {
|
|
8
|
+
/** A semantic table. Only one copy is mounted, including when expanded. */
|
|
9
|
+
children: ReactNode
|
|
10
|
+
className?: string
|
|
11
|
+
columnCount: number
|
|
12
|
+
label: string
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/** Readable comparison columns, page-height inline, and one full-window scroll surface. */
|
|
16
|
+
export const TableViewport = ({
|
|
17
|
+
children,
|
|
18
|
+
className,
|
|
19
|
+
columnCount,
|
|
20
|
+
label,
|
|
21
|
+
}: TableViewportProps): ReactNode => {
|
|
22
|
+
const [isExpanded, setIsExpanded] = useState(false)
|
|
23
|
+
const [inlineHeight, setInlineHeight] = useState(0)
|
|
24
|
+
const scrollRef = useRef<HTMLElement>(null)
|
|
25
|
+
const scrollPosition = useRef(0)
|
|
26
|
+
const contentStyle = {
|
|
27
|
+
"--table-min-inline-size": `${Math.max(1, columnCount) * 14}rem`,
|
|
28
|
+
} as CSSProperties
|
|
29
|
+
const content = (
|
|
30
|
+
<div
|
|
31
|
+
className="charcuterie-table-content"
|
|
32
|
+
style={contentStyle}
|
|
33
|
+
>
|
|
34
|
+
{children}
|
|
35
|
+
</div>
|
|
36
|
+
)
|
|
37
|
+
|
|
38
|
+
return (
|
|
39
|
+
<div className={toClassName("min-w-0", className)}>
|
|
40
|
+
<div className="flex items-center justify-end border border-border-subtle bg-surface-raised p-2">
|
|
41
|
+
<Button
|
|
42
|
+
appearance="ghost"
|
|
43
|
+
intent="neutral"
|
|
44
|
+
size="sm"
|
|
45
|
+
onClick={() => {
|
|
46
|
+
const pane = scrollRef.current
|
|
47
|
+
setInlineHeight(
|
|
48
|
+
pane?.getBoundingClientRect().height ?? 0,
|
|
49
|
+
)
|
|
50
|
+
scrollPosition.current = pane?.scrollLeft ?? 0
|
|
51
|
+
setIsExpanded(true)
|
|
52
|
+
}}
|
|
53
|
+
>
|
|
54
|
+
Expand table
|
|
55
|
+
</Button>
|
|
56
|
+
</div>
|
|
57
|
+
<section
|
|
58
|
+
aria-label={label}
|
|
59
|
+
className="charcuterie-scrollbar charcuterie-table-scroll border border-border-subtle border-t-0"
|
|
60
|
+
ref={scrollRef}
|
|
61
|
+
// biome-ignore lint/a11y/noNoninteractiveTabindex: horizontal scroll must be reachable by keyboard
|
|
62
|
+
tabIndex={0}
|
|
63
|
+
style={
|
|
64
|
+
isExpanded ? { height: inlineHeight } : undefined
|
|
65
|
+
}
|
|
66
|
+
>
|
|
67
|
+
{isExpanded ? null : content}
|
|
68
|
+
</section>
|
|
69
|
+
<Dialog
|
|
70
|
+
heading={label}
|
|
71
|
+
isVisible={isExpanded}
|
|
72
|
+
size="full"
|
|
73
|
+
onClose={() => {
|
|
74
|
+
setIsExpanded(false)
|
|
75
|
+
requestAnimationFrame(() => {
|
|
76
|
+
if (scrollRef.current)
|
|
77
|
+
scrollRef.current.scrollLeft =
|
|
78
|
+
scrollPosition.current
|
|
79
|
+
})
|
|
80
|
+
}}
|
|
81
|
+
>
|
|
82
|
+
{isExpanded ? content : null}
|
|
83
|
+
</Dialog>
|
|
84
|
+
</div>
|
|
85
|
+
)
|
|
86
|
+
}
|
package/src/Tabs/PanelTabs.tsx
CHANGED
|
@@ -6,12 +6,12 @@ import {
|
|
|
6
6
|
} from "@charcuterie/logic"
|
|
7
7
|
import type { ReactNode } from "react"
|
|
8
8
|
import { useCallback, useEffect, useRef } from "react"
|
|
9
|
-
|
|
10
9
|
import { toClassName } from "../toClassName.ts"
|
|
11
10
|
import type { TabsPanelProps } from "./Tabs.tsx"
|
|
12
11
|
import { TabTrigger } from "./TabTrigger.tsx"
|
|
13
12
|
import type { TabsOrientation } from "./tabItems.ts"
|
|
14
13
|
import { toTabListClass } from "./tabStyles.ts"
|
|
14
|
+
import { useRevealCurrentTab } from "./useRevealCurrentTab.ts"
|
|
15
15
|
|
|
16
16
|
const ORIENTATION_KEYS: Record<
|
|
17
17
|
TabsOrientation,
|
|
@@ -128,6 +128,10 @@ export const PanelTabs = ({
|
|
|
128
128
|
*/
|
|
129
129
|
const shownKey =
|
|
130
130
|
selection.selectedValue ?? selection.pendingValue
|
|
131
|
+
const revealRef = useRevealCurrentTab(
|
|
132
|
+
shownKey,
|
|
133
|
+
orientation,
|
|
134
|
+
)
|
|
131
135
|
|
|
132
136
|
const selectTab = useCallback(
|
|
133
137
|
(key: string) => {
|
|
@@ -214,7 +218,10 @@ export const PanelTabs = ({
|
|
|
214
218
|
select(activeValue)
|
|
215
219
|
}
|
|
216
220
|
}}
|
|
217
|
-
ref={
|
|
221
|
+
ref={(element) => {
|
|
222
|
+
tablistRef.current = element
|
|
223
|
+
revealRef.current = element
|
|
224
|
+
}}
|
|
218
225
|
role="tablist"
|
|
219
226
|
>
|
|
220
227
|
{tabs.map((tab, index) => (
|
package/src/Tabs/RoutedTabs.tsx
CHANGED
|
@@ -8,6 +8,7 @@ import { toClassName } from "../toClassName.ts"
|
|
|
8
8
|
import { TabLink } from "./TabLink.tsx"
|
|
9
9
|
import type { TabsLinkProps } from "./Tabs.tsx"
|
|
10
10
|
import { toTabListClass } from "./tabStyles.ts"
|
|
11
|
+
import { useRevealCurrentTab } from "./useRevealCurrentTab.ts"
|
|
11
12
|
|
|
12
13
|
/**
|
|
13
14
|
* The routed bar: a named `<nav>` of real links wearing the tab
|
|
@@ -32,9 +33,14 @@ export const RoutedTabs = ({
|
|
|
32
33
|
tabs,
|
|
33
34
|
}: TabsLinkProps): ReactNode => {
|
|
34
35
|
const activeKey = resolveActiveKey(tabs, activeHref)
|
|
36
|
+
const containerRef = useRevealCurrentTab(
|
|
37
|
+
activeKey,
|
|
38
|
+
orientation,
|
|
39
|
+
)
|
|
35
40
|
|
|
36
41
|
return (
|
|
37
42
|
<nav
|
|
43
|
+
ref={containerRef}
|
|
38
44
|
aria-label={label}
|
|
39
45
|
className={toClassName(
|
|
40
46
|
toTabListClass(orientation),
|
package/src/Tabs/Tabs.mdx
CHANGED
|
@@ -194,3 +194,11 @@ bar below and the underline stays put until Enter: focus has moved to a tab that
|
|
|
194
194
|
selected, which is a state a three-kind model cannot represent at all.
|
|
195
195
|
|
|
196
196
|
<Canvas of={TabsStories.Manual} />
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
## Current tabs in a narrow bar
|
|
200
|
+
|
|
201
|
+
An overflowing bar keeps its current tab in view on first render, route changes,
|
|
202
|
+
and reflow. It scrolls only itself, without moving focus or the surrounding page.
|
|
203
|
+
Manual panel activation keeps the focused tab visible even while another panel
|
|
204
|
+
remains selected. A reader can still scroll to other tabs.
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { playgroundParameters } from "@charcuterie/storybook-config/story-parameters"
|
|
2
2
|
import type { Meta, StoryObj } from "@storybook/react"
|
|
3
3
|
|
|
4
|
+
import { useState } from "react"
|
|
4
5
|
import { toStoryChoice } from "../argTypes.storyHelpers.ts"
|
|
5
6
|
import { Badge } from "../Badge/Badge.tsx"
|
|
7
|
+
import { Button } from "../Button/Button.tsx"
|
|
6
8
|
import {
|
|
7
9
|
ContainerBoard,
|
|
8
10
|
StoryCell,
|
|
9
11
|
StoryGrid,
|
|
10
12
|
} from "../board.storyHelpers.tsx"
|
|
13
|
+
import { Field } from "../Field/Field.tsx"
|
|
11
14
|
import { ProgressBar } from "../ProgressBar/ProgressBar.tsx"
|
|
12
15
|
import { Tabs } from "./Tabs.tsx"
|
|
13
16
|
import type { TabItem, TabLinkItem } from "./tabItems.ts"
|
|
@@ -319,3 +322,73 @@ export const RoutedAllStates: Story = {
|
|
|
319
322
|
/>
|
|
320
323
|
),
|
|
321
324
|
}
|
|
325
|
+
|
|
326
|
+
const OVERFLOW_ROUTES: TabLinkItem[] = [
|
|
327
|
+
{ href: "/sections/activity", label: "Recent activity" },
|
|
328
|
+
{ href: "/sections/files", label: "Saved files" },
|
|
329
|
+
{ href: "/sections/builds", label: "Prepared builds" },
|
|
330
|
+
{ href: "/sections/reports", label: "Reports" },
|
|
331
|
+
]
|
|
332
|
+
export const CurrentTabVisible: Story = {
|
|
333
|
+
args: { label: "Sections", tabs: BAY_TABS },
|
|
334
|
+
render: () => {
|
|
335
|
+
const [href, setHref] = useState("/sections/reports")
|
|
336
|
+
const [inlineSize, setInlineSize] = useState(240)
|
|
337
|
+
return (
|
|
338
|
+
<div className="flex flex-col gap-4">
|
|
339
|
+
<Field label="Available width">
|
|
340
|
+
<input
|
|
341
|
+
type="number"
|
|
342
|
+
min={100}
|
|
343
|
+
max={500}
|
|
344
|
+
value={inlineSize}
|
|
345
|
+
onChange={(event) =>
|
|
346
|
+
setInlineSize(
|
|
347
|
+
Number(event.currentTarget.value),
|
|
348
|
+
)
|
|
349
|
+
}
|
|
350
|
+
/>
|
|
351
|
+
</Field>
|
|
352
|
+
<div className="flex flex-wrap gap-2">
|
|
353
|
+
<Button
|
|
354
|
+
onClick={() => setHref("/sections/activity")}
|
|
355
|
+
>
|
|
356
|
+
Show activity
|
|
357
|
+
</Button>
|
|
358
|
+
<Button
|
|
359
|
+
onClick={() => setHref("/sections/reports")}
|
|
360
|
+
>
|
|
361
|
+
Show reports
|
|
362
|
+
</Button>
|
|
363
|
+
</div>
|
|
364
|
+
<div style={{ inlineSize, maxInlineSize: "100%" }}>
|
|
365
|
+
<Tabs
|
|
366
|
+
label="Current routed section"
|
|
367
|
+
activeHref={href}
|
|
368
|
+
tabs={OVERFLOW_ROUTES}
|
|
369
|
+
/>
|
|
370
|
+
</div>
|
|
371
|
+
<div
|
|
372
|
+
dir="rtl"
|
|
373
|
+
style={{ inlineSize: 240, maxInlineSize: "100%" }}
|
|
374
|
+
>
|
|
375
|
+
<Tabs
|
|
376
|
+
label="Current RTL section"
|
|
377
|
+
activeHref="/sections/reports"
|
|
378
|
+
tabs={OVERFLOW_ROUTES}
|
|
379
|
+
/>
|
|
380
|
+
</div>
|
|
381
|
+
<div
|
|
382
|
+
style={{ inlineSize: 150, maxInlineSize: "100%" }}
|
|
383
|
+
>
|
|
384
|
+
<Tabs
|
|
385
|
+
label="Current manual panel"
|
|
386
|
+
activation="manual"
|
|
387
|
+
activeKey="disc"
|
|
388
|
+
tabs={BAY_TABS}
|
|
389
|
+
/>
|
|
390
|
+
</div>
|
|
391
|
+
</div>
|
|
392
|
+
)
|
|
393
|
+
},
|
|
394
|
+
}
|
package/src/Tabs/Tabs.test.tsx
CHANGED
|
@@ -16,6 +16,7 @@ const {
|
|
|
16
16
|
Routed,
|
|
17
17
|
RoutedAllStates,
|
|
18
18
|
RoutedAllVariants,
|
|
19
|
+
CurrentTabVisible,
|
|
19
20
|
} = composeStories(stories)
|
|
20
21
|
|
|
21
22
|
test("selecting a tab wires the panel back to it", async () => {
|
|
@@ -450,3 +451,87 @@ test("a routed tab and a panel tab are painted identically", async () => {
|
|
|
450
451
|
)
|
|
451
452
|
}
|
|
452
453
|
})
|
|
454
|
+
|
|
455
|
+
test("current routed and panel tabs remain visible without moving focus", async () => {
|
|
456
|
+
const { canvas } = await mountStory(CurrentTabVisible)
|
|
457
|
+
const assertVisible = async (
|
|
458
|
+
bar: HTMLElement,
|
|
459
|
+
selector: string,
|
|
460
|
+
) => {
|
|
461
|
+
await waitFor(() => {
|
|
462
|
+
const selected =
|
|
463
|
+
bar.querySelector<HTMLElement>(selector)
|
|
464
|
+
expect(selected).not.toBeNull()
|
|
465
|
+
const item = selected?.getBoundingClientRect()
|
|
466
|
+
const bounds = bar.getBoundingClientRect()
|
|
467
|
+
expect(
|
|
468
|
+
item?.left ?? -Infinity,
|
|
469
|
+
).toBeGreaterThanOrEqual(bounds.left - 1)
|
|
470
|
+
expect(item?.right ?? Infinity).toBeLessThanOrEqual(
|
|
471
|
+
bounds.right + 1,
|
|
472
|
+
)
|
|
473
|
+
})
|
|
474
|
+
}
|
|
475
|
+
const routed = expectAgentDrivable(canvas, {
|
|
476
|
+
role: "navigation",
|
|
477
|
+
name: "Current routed section",
|
|
478
|
+
})
|
|
479
|
+
const rtl = expectAgentDrivable(canvas, {
|
|
480
|
+
role: "navigation",
|
|
481
|
+
name: "Current RTL section",
|
|
482
|
+
})
|
|
483
|
+
const panel = expectAgentDrivable(canvas, {
|
|
484
|
+
role: "tablist",
|
|
485
|
+
name: "Current manual panel",
|
|
486
|
+
})
|
|
487
|
+
await assertVisible(routed, '[aria-current="page"]')
|
|
488
|
+
await assertVisible(rtl, '[aria-current="page"]')
|
|
489
|
+
await assertVisible(panel, '[aria-selected="true"]')
|
|
490
|
+
const width = expectAgentDrivable(canvas, {
|
|
491
|
+
role: "spinbutton",
|
|
492
|
+
name: "Available width",
|
|
493
|
+
})
|
|
494
|
+
await userEvent.clear(width)
|
|
495
|
+
await userEvent.type(width, "160")
|
|
496
|
+
await assertVisible(routed, '[aria-current="page"]')
|
|
497
|
+
await expect(width).toHaveFocus()
|
|
498
|
+
const activity = expectAgentDrivable(canvas, {
|
|
499
|
+
role: "button",
|
|
500
|
+
name: "Show activity",
|
|
501
|
+
})
|
|
502
|
+
await userEvent.click(activity)
|
|
503
|
+
await assertVisible(routed, '[aria-current="page"]')
|
|
504
|
+
await expect(activity).toHaveFocus()
|
|
505
|
+
const reports = expectAgentDrivable(canvas, {
|
|
506
|
+
role: "button",
|
|
507
|
+
name: "Show reports",
|
|
508
|
+
})
|
|
509
|
+
await userEvent.click(reports)
|
|
510
|
+
await assertVisible(routed, '[aria-current="page"]')
|
|
511
|
+
await expect(reports).toHaveFocus()
|
|
512
|
+
await userEvent.clear(width)
|
|
513
|
+
await userEvent.type(width, "80")
|
|
514
|
+
await userEvent.click(activity)
|
|
515
|
+
await waitFor(() => {
|
|
516
|
+
const bounds = routed.getBoundingClientRect()
|
|
517
|
+
const selected = routed
|
|
518
|
+
.querySelector<HTMLElement>('[aria-current="page"]')
|
|
519
|
+
?.getBoundingClientRect()
|
|
520
|
+
expect(
|
|
521
|
+
selected?.left ?? -Infinity,
|
|
522
|
+
).toBeGreaterThanOrEqual(bounds.left - 1)
|
|
523
|
+
expect(Math.abs(routed.scrollLeft)).toBeLessThanOrEqual(
|
|
524
|
+
1,
|
|
525
|
+
)
|
|
526
|
+
})
|
|
527
|
+
const disc = panel.querySelector<HTMLElement>(
|
|
528
|
+
'[aria-selected="true"]',
|
|
529
|
+
)
|
|
530
|
+
disc?.focus()
|
|
531
|
+
await userEvent.keyboard("{ArrowLeft}")
|
|
532
|
+
await assertVisible(panel, ":focus")
|
|
533
|
+
await expect(disc).toHaveAttribute(
|
|
534
|
+
"aria-selected",
|
|
535
|
+
"true",
|
|
536
|
+
)
|
|
537
|
+
})
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { useLayoutEffect, useRef } from "react"
|
|
2
|
+
import type { TabsOrientation } from "./tabItems.ts"
|
|
3
|
+
|
|
4
|
+
/** Reveal within the tab bar only; never scroll an ancestor or move focus. */
|
|
5
|
+
export function useRevealCurrentTab(
|
|
6
|
+
currentKey: string | null,
|
|
7
|
+
orientation: TabsOrientation,
|
|
8
|
+
) {
|
|
9
|
+
const containerRef = useRef<HTMLElement>(null)
|
|
10
|
+
useLayoutEffect(() => {
|
|
11
|
+
const container = containerRef.current
|
|
12
|
+
if (!container || currentKey === null) return
|
|
13
|
+
let isActive = true
|
|
14
|
+
const reveal = () => {
|
|
15
|
+
if (!isActive) return
|
|
16
|
+
// In manual panel mode, the focused tab can differ from the selected tab.
|
|
17
|
+
const focused = container.ownerDocument.activeElement
|
|
18
|
+
const current =
|
|
19
|
+
focused instanceof HTMLElement &&
|
|
20
|
+
container.contains(focused) &&
|
|
21
|
+
focused.matches('a, [role="tab"]')
|
|
22
|
+
? focused
|
|
23
|
+
: container.querySelector<HTMLElement>(
|
|
24
|
+
'[aria-current="page"], [aria-selected="true"]',
|
|
25
|
+
)
|
|
26
|
+
if (!current) return
|
|
27
|
+
const viewport = container.getBoundingClientRect()
|
|
28
|
+
const target = current.getBoundingClientRect()
|
|
29
|
+
const start =
|
|
30
|
+
orientation === "horizontal"
|
|
31
|
+
? target.left
|
|
32
|
+
: target.top
|
|
33
|
+
const end =
|
|
34
|
+
orientation === "horizontal"
|
|
35
|
+
? target.right
|
|
36
|
+
: target.bottom
|
|
37
|
+
const viewStart =
|
|
38
|
+
orientation === "horizontal"
|
|
39
|
+
? viewport.left
|
|
40
|
+
: viewport.top
|
|
41
|
+
const viewEnd =
|
|
42
|
+
orientation === "horizontal"
|
|
43
|
+
? viewport.right
|
|
44
|
+
: viewport.bottom
|
|
45
|
+
const hasOversize = end - start > viewEnd - viewStart
|
|
46
|
+
const isRtl =
|
|
47
|
+
orientation === "horizontal" &&
|
|
48
|
+
getComputedStyle(container).direction === "rtl"
|
|
49
|
+
const delta = hasOversize
|
|
50
|
+
? isRtl
|
|
51
|
+
? end - viewEnd
|
|
52
|
+
: start - viewStart
|
|
53
|
+
: start < viewStart
|
|
54
|
+
? start - viewStart
|
|
55
|
+
: end > viewEnd
|
|
56
|
+
? end - viewEnd
|
|
57
|
+
: 0
|
|
58
|
+
if (orientation === "horizontal")
|
|
59
|
+
container.scrollLeft += delta
|
|
60
|
+
else container.scrollTop += delta
|
|
61
|
+
}
|
|
62
|
+
const frame = { id: 0 }
|
|
63
|
+
const scheduleReveal = () => {
|
|
64
|
+
cancelAnimationFrame(frame.id)
|
|
65
|
+
frame.id = requestAnimationFrame(reveal)
|
|
66
|
+
}
|
|
67
|
+
const sizes = new ResizeObserver(scheduleReveal)
|
|
68
|
+
const observeItems = () => {
|
|
69
|
+
sizes.disconnect()
|
|
70
|
+
sizes.observe(container)
|
|
71
|
+
for (const child of container.children)
|
|
72
|
+
sizes.observe(child)
|
|
73
|
+
reveal()
|
|
74
|
+
}
|
|
75
|
+
const contents = new MutationObserver(observeItems)
|
|
76
|
+
contents.observe(container, {
|
|
77
|
+
childList: true,
|
|
78
|
+
subtree: true,
|
|
79
|
+
characterData: true,
|
|
80
|
+
})
|
|
81
|
+
container.addEventListener("focusin", reveal)
|
|
82
|
+
observeItems()
|
|
83
|
+
void container.ownerDocument.fonts.ready.then(reveal)
|
|
84
|
+
return () => {
|
|
85
|
+
isActive = false
|
|
86
|
+
cancelAnimationFrame(frame.id)
|
|
87
|
+
sizes.disconnect()
|
|
88
|
+
contents.disconnect()
|
|
89
|
+
container.removeEventListener("focusin", reveal)
|
|
90
|
+
}
|
|
91
|
+
}, [currentKey, orientation])
|
|
92
|
+
return containerRef
|
|
93
|
+
}
|
package/src/index.ts
CHANGED
|
@@ -493,6 +493,8 @@ export {
|
|
|
493
493
|
getConnectionLabel,
|
|
494
494
|
getIsConnectionBusy,
|
|
495
495
|
} from "./statusIntent.ts"
|
|
496
|
+
export type { TableViewportProps } from "./TableViewport/TableViewport.tsx"
|
|
497
|
+
export { TableViewport } from "./TableViewport/TableViewport.tsx"
|
|
496
498
|
export type {
|
|
497
499
|
TabsLinkProps,
|
|
498
500
|
TabsPanelProps,
|
package/src/sourceRules.test.ts
CHANGED
|
@@ -620,7 +620,8 @@ test("the barrel is the only place components are re-exported", async () => {
|
|
|
620
620
|
// ActionMenu composes IconButton and Menu for the overflow control.
|
|
621
621
|
// ValuePairs owns compact label-over-value summaries.
|
|
622
622
|
// Chart shares portable SVG geometry with Preact and image consumers.
|
|
623
|
-
|
|
623
|
+
// TableViewport owns readable comparisons and full-window expansion.
|
|
624
|
+
expect(componentNames.length).toBe(74)
|
|
624
625
|
|
|
625
626
|
for (const name of componentNames) {
|
|
626
627
|
expect(barrel).toContain(`export { ${name} }`)
|
package/src/styles.css
CHANGED
|
@@ -208,3 +208,55 @@
|
|
|
208
208
|
transparent;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
+
|
|
212
|
+
/* Comparisons keep their column geometry instead of splitting prose into narrow strips.
|
|
213
|
+
Inline has no block-size clamp: the document owns vertical scrolling. */
|
|
214
|
+
.charcuterie-table-scroll {
|
|
215
|
+
overflow-x: auto;
|
|
216
|
+
}
|
|
217
|
+
.charcuterie-table-content table {
|
|
218
|
+
display: table;
|
|
219
|
+
inline-size: 100%;
|
|
220
|
+
min-inline-size: var(--table-min-inline-size);
|
|
221
|
+
border-collapse: separate;
|
|
222
|
+
border-spacing: 0;
|
|
223
|
+
table-layout: fixed;
|
|
224
|
+
font-size: var(--font-size-sm);
|
|
225
|
+
line-height: 1.65;
|
|
226
|
+
}
|
|
227
|
+
.charcuterie-table-content :is(th, td) {
|
|
228
|
+
padding: 0.75rem 1rem;
|
|
229
|
+
border-inline-end: 1px solid var(--color-border-subtle);
|
|
230
|
+
border-block-end: 1px solid var(--color-border-subtle);
|
|
231
|
+
vertical-align: top;
|
|
232
|
+
text-align: start;
|
|
233
|
+
overflow-wrap: break-word;
|
|
234
|
+
color: var(--color-content-primary);
|
|
235
|
+
background: var(--color-surface-base);
|
|
236
|
+
}
|
|
237
|
+
.charcuterie-table-content thead th {
|
|
238
|
+
background: var(--color-surface-raised);
|
|
239
|
+
font-weight: 600;
|
|
240
|
+
}
|
|
241
|
+
[role="dialog"] .charcuterie-table-content thead th {
|
|
242
|
+
position: sticky;
|
|
243
|
+
inset-block-start: -1rem;
|
|
244
|
+
z-index: 2;
|
|
245
|
+
}
|
|
246
|
+
[role="dialog"]
|
|
247
|
+
.charcuterie-table-content
|
|
248
|
+
:is(th, td):first-child {
|
|
249
|
+
position: sticky;
|
|
250
|
+
inset-inline-start: -1rem;
|
|
251
|
+
background: var(--color-surface-raised);
|
|
252
|
+
z-index: 1;
|
|
253
|
+
}
|
|
254
|
+
.charcuterie-table-content thead th:first-child {
|
|
255
|
+
inline-size: clamp(10rem, 18vw, 16rem);
|
|
256
|
+
}
|
|
257
|
+
[role="dialog"]
|
|
258
|
+
.charcuterie-table-content
|
|
259
|
+
thead
|
|
260
|
+
th:first-child {
|
|
261
|
+
z-index: 3;
|
|
262
|
+
}
|