@dxos/react-ui-tabs 0.7.1 → 0.7.2-staging.6d26b2a

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.
Files changed (7) hide show
  1. package/dist/lib/node/index.cjs +177 -0
  2. package/dist/lib/node/index.cjs.map +7 -0
  3. package/dist/lib/node/meta.json +1 -0
  4. package/dist/lib/node-esm/index.mjs +146 -0
  5. package/dist/lib/node-esm/index.mjs.map +7 -0
  6. package/dist/lib/node-esm/meta.json +1 -0
  7. package/package.json +10 -9
package/dist/lib/node/index.cjs ADDED
@@ -0,0 +1,177 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var node_exports = {};
30
+ __export(node_exports, {
31
+ Tabs: () => Tabs
32
+ });
33
+ module.exports = __toCommonJS(node_exports);
34
+ var import_react_tabster = require("@fluentui/react-tabster");
35
+ var import_react_context = require("@radix-ui/react-context");
36
+ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
37
+ var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
38
+ var import_react = __toESM(require("react"));
39
+ var import_react_ui = require("@dxos/react-ui");
40
+ var import_react_ui_theme = require("@dxos/react-ui-theme");
41
+ var TABS_NAME = "Tabs";
42
+ var [TabsContextProvider, useTabsContext] = (0, import_react_context.createContext)(TABS_NAME, {
43
+ activePart: "list",
44
+ setActivePart: () => {
45
+ },
46
+ orientation: "vertical"
47
+ });
48
+ var TabsRoot = ({ children, classNames, activePart: propsActivePart, onActivePartChange, defaultActivePart, value: propsValue, onValueChange, defaultValue, orientation = "vertical", activationMode = "manual", ...props }) => {
49
+ const [activePart = "list", setActivePart] = (0, import_react_use_controllable_state.useControllableState)({
50
+ prop: propsActivePart,
51
+ onChange: onActivePartChange,
52
+ defaultProp: defaultActivePart
53
+ });
54
+ const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
55
+ prop: propsValue,
56
+ onChange: onValueChange,
57
+ defaultProp: defaultValue
58
+ });
59
+ const handleValueChange = (0, import_react.useCallback)((nextValue) => {
60
+ setActivePart("panel");
61
+ setValue(nextValue);
62
+ }, [
63
+ value
64
+ ]);
65
+ const { findFirstFocusable } = (0, import_react_tabster.useFocusFinders)();
66
+ const tabsRoot = (0, import_react.useRef)(null);
67
+ (0, import_react.useLayoutEffect)(() => {
68
+ tabsRoot.current && findFirstFocusable(tabsRoot.current)?.focus();
69
+ }, [
70
+ activePart
71
+ ]);
72
+ return /* @__PURE__ */ import_react.default.createElement(TabsContextProvider, {
73
+ orientation,
74
+ activePart,
75
+ setActivePart
76
+ }, /* @__PURE__ */ import_react.default.createElement(TabsPrimitive.Root, {
77
+ activationMode,
78
+ "data-active": activePart,
79
+ orientation,
80
+ ...props,
81
+ value,
82
+ onValueChange: handleValueChange,
83
+ className: (0, import_react_ui_theme.mx)("overflow-hidden", orientation === "vertical" && "[&[data-active=list]_[role=tabpanel]]:invisible @md:[&[data-active=list]_[role=tabpanel]]:visible", classNames),
84
+ ref: tabsRoot
85
+ }, children));
86
+ };
87
+ var TabsViewport = ({ classNames, children, ...props }) => {
88
+ const { orientation, activePart } = useTabsContext("TabsViewport");
89
+ return /* @__PURE__ */ import_react.default.createElement("div", {
90
+ role: "none",
91
+ ...props,
92
+ "data-active": activePart,
93
+ className: (0, import_react_ui_theme.mx)(orientation === "vertical" && [
94
+ "grid is-[200%] grid-cols-2 data-[active=panel]:mis-[-100%]",
95
+ "@md:is-auto @md:data-[active=panel]:mis-0 @md:grid-cols-[minmax(min-content,1fr)_3fr] @md:gap-1"
96
+ ], classNames)
97
+ }, children);
98
+ };
99
+ var TabsTablist = ({ children, classNames, ...props }) => {
100
+ return /* @__PURE__ */ import_react.default.createElement(TabsPrimitive.List, {
101
+ ...props,
102
+ className: (0, import_react_ui_theme.mx)("place-self-start max-bs-full is-full overflow-y-auto p-1", classNames)
103
+ }, children);
104
+ };
105
+ var TabsBackButton = ({ onClick, classNames, ...props }) => {
106
+ const { setActivePart } = useTabsContext("TabsBackButton");
107
+ const handleClick = (0, import_react.useCallback)((event) => {
108
+ setActivePart("list");
109
+ return onClick?.(event);
110
+ }, [
111
+ onClick,
112
+ setActivePart
113
+ ]);
114
+ return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
115
+ ...props,
116
+ classNames: [
117
+ "is-full text-start @md:hidden mbe-2",
118
+ classNames
119
+ ],
120
+ onClick: handleClick
121
+ });
122
+ };
123
+ var TabsTabGroupHeading = ({ children, classNames, ...props }) => {
124
+ return /* @__PURE__ */ import_react.default.createElement("h2", {
125
+ ...props,
126
+ className: (0, import_react_ui_theme.mx)("mlb-1 pli-2 text-sm text-unAccent", classNames)
127
+ }, children);
128
+ };
129
+ var TabsTab = ({ value, classNames, children, onClick, ...props }) => {
130
+ const { setActivePart } = useTabsContext("TabsTab");
131
+ const handleClick = (0, import_react.useCallback)(
132
+ // NOTE: this handler is only called if the tab is *already active*.
133
+ (event) => {
134
+ setActivePart("panel");
135
+ onClick?.(event);
136
+ },
137
+ [
138
+ setActivePart,
139
+ onClick
140
+ ]
141
+ );
142
+ return /* @__PURE__ */ import_react.default.createElement(TabsPrimitive.Trigger, {
143
+ value,
144
+ asChild: true
145
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
146
+ density: "fine",
147
+ variant: "ghost",
148
+ ...props,
149
+ onClick: handleClick,
150
+ classNames: [
151
+ "block is-full justify-start text-start pli-2 rounded-sm",
152
+ import_react_ui_theme.ghostSelectedContainerMd,
153
+ import_react_ui_theme.ghostHover,
154
+ classNames
155
+ ]
156
+ }, children));
157
+ };
158
+ var TabsTabpanel = ({ classNames, children, ...props }) => {
159
+ return /* @__PURE__ */ import_react.default.createElement(TabsPrimitive.Content, {
160
+ ...props,
161
+ className: (0, import_react_ui_theme.mx)("rounded-sm", import_react_ui_theme.focusRing, classNames)
162
+ }, children);
163
+ };
164
+ var Tabs = {
165
+ Root: TabsRoot,
166
+ Tablist: TabsTablist,
167
+ Tab: TabsTab,
168
+ TabGroupHeading: TabsTabGroupHeading,
169
+ Tabpanel: TabsTabpanel,
170
+ BackButton: TabsBackButton,
171
+ Viewport: TabsViewport
172
+ };
173
+ // Annotate the CommonJS export names for ESM import in node:
174
+ 0 && (module.exports = {
175
+ Tabs
176
+ });
177
+ //# sourceMappingURL=index.cjs.map
package/dist/lib/node/index.cjs.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/Tabs.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { createContext } from '@radix-ui/react-context';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type ComponentPropsWithoutRef, type MouseEvent, useCallback, useLayoutEffect, useRef } from 'react';\n\nimport { Button, type ButtonProps, type ThemedClassName } from '@dxos/react-ui';\nimport { focusRing, ghostHover, ghostSelectedContainerMd, mx } from '@dxos/react-ui-theme';\n\ntype TabsActivePart = 'list' | 'panel';\n\nconst TABS_NAME = 'Tabs';\n\ntype TabsContextValue = {\n activePart: TabsActivePart;\n setActivePart: (nextActivePart: TabsActivePart) => void;\n} & Pick<TabsPrimitive.TabsProps, 'orientation'>;\n\nconst [TabsContextProvider, useTabsContext] = createContext<TabsContextValue>(TABS_NAME, {\n activePart: 'list',\n setActivePart: () => {},\n orientation: 'vertical',\n});\n\ntype TabsRootProps = ThemedClassName<TabsPrimitive.TabsProps> &\n Partial<{\n activePart: TabsActivePart;\n onActivePartChange: (nextActivePart: TabsActivePart) => void;\n defaultActivePart: TabsActivePart;\n }>;\n\nconst TabsRoot = ({\n children,\n classNames,\n activePart: propsActivePart,\n onActivePartChange,\n defaultActivePart,\n value: propsValue,\n onValueChange,\n defaultValue,\n orientation = 'vertical',\n activationMode = 'manual',\n ...props\n}: TabsRootProps) => {\n const [activePart = 'list', setActivePart] = useControllableState({\n prop: propsActivePart,\n onChange: onActivePartChange,\n defaultProp: defaultActivePart,\n });\n\n const [value, setValue] = useControllableState({\n prop: propsValue,\n onChange: onValueChange,\n defaultProp: defaultValue,\n });\n\n const handleValueChange = useCallback(\n (nextValue: string) => {\n setActivePart('panel');\n setValue(nextValue);\n },\n [value],\n );\n\n const { findFirstFocusable } = useFocusFinders();\n\n const tabsRoot = useRef<HTMLDivElement | null>(null);\n\n useLayoutEffect(() => {\n tabsRoot.current && findFirstFocusable(tabsRoot.current)?.focus();\n }, [activePart]);\n\n return (\n <TabsContextProvider orientation={orientation} activePart={activePart} setActivePart={setActivePart}>\n <TabsPrimitive.Root\n activationMode={activationMode}\n data-active={activePart}\n orientation={orientation}\n {...props}\n value={value}\n onValueChange={handleValueChange}\n className={mx(\n 'overflow-hidden',\n orientation === 'vertical' &&\n '[&[data-active=list]_[role=tabpanel]]:invisible @md:[&[data-active=list]_[role=tabpanel]]:visible',\n classNames,\n )}\n ref={tabsRoot}\n >\n {children}\n </TabsPrimitive.Root>\n </TabsContextProvider>\n );\n};\n\ntype TabsViewportProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nconst TabsViewport = ({ classNames, children, ...props }: TabsViewportProps) => {\n const { orientation, activePart } = useTabsContext('TabsViewport');\n return (\n <div\n role='none'\n {...props}\n data-active={activePart}\n className={mx(\n orientation === 'vertical' && [\n 'grid is-[200%] grid-cols-2 data-[active=panel]:mis-[-100%]',\n '@md:is-auto @md:data-[active=panel]:mis-0 @md:grid-cols-[minmax(min-content,1fr)_3fr] @md:gap-1',\n ],\n classNames,\n )}\n >\n {children}\n </div>\n );\n};\n\ntype TabsTablistProps = ThemedClassName<TabsPrimitive.TabsListProps>;\n\nconst TabsTablist = ({ children, classNames, ...props }: TabsTablistProps) => {\n return (\n <TabsPrimitive.List\n {...props}\n className={mx('place-self-start max-bs-full is-full overflow-y-auto p-1', classNames)}\n >\n {children}\n </TabsPrimitive.List>\n );\n};\n\nconst TabsBackButton = ({ onClick, classNames, ...props }: ButtonProps) => {\n const { setActivePart } = useTabsContext('TabsBackButton');\n const handleClick = useCallback(\n (event: MouseEvent<HTMLButtonElement>) => {\n setActivePart('list');\n return onClick?.(event);\n },\n [onClick, setActivePart],\n );\n\n return <Button {...props} classNames={['is-full text-start @md:hidden mbe-2', classNames]} onClick={handleClick} />;\n};\n\ntype TabsTabGroupHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'h2'>>;\n\nconst TabsTabGroupHeading = ({ children, classNames, ...props }: ThemedClassName<TabsTabGroupHeadingProps>) => {\n return (\n <h2 {...props} className={mx('mlb-1 pli-2 text-sm text-unAccent', classNames)}>\n {children}\n </h2>\n );\n};\n\ntype TabsTabProps = ButtonProps & Pick<TabsPrimitive.TabsTriggerProps, 'value'>;\n\nconst TabsTab = ({ value, classNames, children, onClick, ...props }: TabsTabProps) => {\n const { setActivePart } = useTabsContext('TabsTab');\n const handleClick = useCallback(\n // NOTE: this handler is only called if the tab is *already active*.\n (event: MouseEvent<HTMLButtonElement>) => {\n setActivePart('panel');\n onClick?.(event);\n },\n [setActivePart, onClick],\n );\n\n return (\n <TabsPrimitive.Trigger value={value} asChild>\n <Button\n density='fine'\n variant='ghost'\n {...props}\n onClick={handleClick}\n classNames={[\n 'block is-full justify-start text-start pli-2 rounded-sm',\n ghostSelectedContainerMd,\n ghostHover,\n classNames,\n ]}\n >\n {children}\n </Button>\n </TabsPrimitive.Trigger>\n );\n};\n\ntype TabsTabpanelProps = ThemedClassName<TabsPrimitive.TabsContentProps>;\n\nconst TabsTabpanel = ({ classNames, children, ...props }: TabsTabpanelProps) => {\n return (\n <TabsPrimitive.Content {...props} className={mx('rounded-sm', focusRing, classNames)}>\n {children}\n </TabsPrimitive.Content>\n );\n};\n\nexport const Tabs = {\n Root: TabsRoot,\n Tablist: TabsTablist,\n Tab: TabsTab,\n TabGroupHeading: TabsTabGroupHeading,\n Tabpanel: TabsTabpanel,\n BackButton: TabsBackButton,\n Viewport: TabsViewport,\n};\n\nexport type {\n TabsActivePart,\n TabsRootProps,\n TabsTablistProps,\n TabsTabProps,\n TabsTabGroupHeadingProps,\n TabsTabpanelProps,\n TabsViewportProps,\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["TABS_NAME", "TabsContextProvider", "useTabsContext", "createContext", "activePart", "setActivePart", "orientation", "TabsRoot", "children", "classNames", "propsActivePart", "onActivePartChange", "defaultActivePart", "value", "propsValue", "onValueChange", "defaultValue", "activationMode", "props", "useControllableState", "prop", "onChange", "defaultProp", "setValue", "handleValueChange", "useCallback", "nextValue", "findFirstFocusable", "useFocusFinders", "tabsRoot", "useRef", "useLayoutEffect", "current", "focus", "React", "Root", "data-active", "className", "mx", "ref", "TabsViewport", "div", "role", "TabsTablist", "List", "TabsBackButton", "onClick", "handleClick", "event", "Button", "TabsTabGroupHeading", "h2", "TabsTab", "Trigger", "asChild", "density", "variant", "ghostSelectedContainerMd", "ghostHover", "TabsTabpanel", "Content", "focusRing", "Tabs", "Tablist", "Tab", "TabGroupHeading", "Tabpanel", "BackButton", "Viewport"]
7
+ }
package/dist/lib/node/meta.json ADDED
@@ -0,0 +1 @@
1
+ {"inputs":{"packages/ui/react-ui-tabs/src/Tabs.tsx":{"bytes":18920,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-tabs","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-tabs/src/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-tabs/src/Tabs.tsx","kind":"import-statement","original":"./Tabs"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-tabs/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":10266},"packages/ui/react-ui-tabs/dist/lib/node/index.cjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-tabs","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Tabs"],"entryPoint":"packages/ui/react-ui-tabs/src/index.ts","inputs":{"packages/ui/react-ui-tabs/src/Tabs.tsx":{"bytesInOutput":4668},"packages/ui/react-ui-tabs/src/index.ts":{"bytesInOutput":0}},"bytes":4764}}}
package/dist/lib/node-esm/index.mjs ADDED
@@ -0,0 +1,146 @@
1
+ import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+
3
+ // packages/ui/react-ui-tabs/src/Tabs.tsx
4
+ import { useFocusFinders } from "@fluentui/react-tabster";
5
+ import { createContext } from "@radix-ui/react-context";
6
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
7
+ import { useControllableState } from "@radix-ui/react-use-controllable-state";
8
+ import React, { useCallback, useLayoutEffect, useRef } from "react";
9
+ import { Button } from "@dxos/react-ui";
10
+ import { focusRing, ghostHover, ghostSelectedContainerMd, mx } from "@dxos/react-ui-theme";
11
+ var TABS_NAME = "Tabs";
12
+ var [TabsContextProvider, useTabsContext] = createContext(TABS_NAME, {
13
+ activePart: "list",
14
+ setActivePart: () => {
15
+ },
16
+ orientation: "vertical"
17
+ });
18
+ var TabsRoot = ({ children, classNames, activePart: propsActivePart, onActivePartChange, defaultActivePart, value: propsValue, onValueChange, defaultValue, orientation = "vertical", activationMode = "manual", ...props }) => {
19
+ const [activePart = "list", setActivePart] = useControllableState({
20
+ prop: propsActivePart,
21
+ onChange: onActivePartChange,
22
+ defaultProp: defaultActivePart
23
+ });
24
+ const [value, setValue] = useControllableState({
25
+ prop: propsValue,
26
+ onChange: onValueChange,
27
+ defaultProp: defaultValue
28
+ });
29
+ const handleValueChange = useCallback((nextValue) => {
30
+ setActivePart("panel");
31
+ setValue(nextValue);
32
+ }, [
33
+ value
34
+ ]);
35
+ const { findFirstFocusable } = useFocusFinders();
36
+ const tabsRoot = useRef(null);
37
+ useLayoutEffect(() => {
38
+ tabsRoot.current && findFirstFocusable(tabsRoot.current)?.focus();
39
+ }, [
40
+ activePart
41
+ ]);
42
+ return /* @__PURE__ */ React.createElement(TabsContextProvider, {
43
+ orientation,
44
+ activePart,
45
+ setActivePart
46
+ }, /* @__PURE__ */ React.createElement(TabsPrimitive.Root, {
47
+ activationMode,
48
+ "data-active": activePart,
49
+ orientation,
50
+ ...props,
51
+ value,
52
+ onValueChange: handleValueChange,
53
+ className: mx("overflow-hidden", orientation === "vertical" && "[&[data-active=list]_[role=tabpanel]]:invisible @md:[&[data-active=list]_[role=tabpanel]]:visible", classNames),
54
+ ref: tabsRoot
55
+ }, children));
56
+ };
57
+ var TabsViewport = ({ classNames, children, ...props }) => {
58
+ const { orientation, activePart } = useTabsContext("TabsViewport");
59
+ return /* @__PURE__ */ React.createElement("div", {
60
+ role: "none",
61
+ ...props,
62
+ "data-active": activePart,
63
+ className: mx(orientation === "vertical" && [
64
+ "grid is-[200%] grid-cols-2 data-[active=panel]:mis-[-100%]",
65
+ "@md:is-auto @md:data-[active=panel]:mis-0 @md:grid-cols-[minmax(min-content,1fr)_3fr] @md:gap-1"
66
+ ], classNames)
67
+ }, children);
68
+ };
69
+ var TabsTablist = ({ children, classNames, ...props }) => {
70
+ return /* @__PURE__ */ React.createElement(TabsPrimitive.List, {
71
+ ...props,
72
+ className: mx("place-self-start max-bs-full is-full overflow-y-auto p-1", classNames)
73
+ }, children);
74
+ };
75
+ var TabsBackButton = ({ onClick, classNames, ...props }) => {
76
+ const { setActivePart } = useTabsContext("TabsBackButton");
77
+ const handleClick = useCallback((event) => {
78
+ setActivePart("list");
79
+ return onClick?.(event);
80
+ }, [
81
+ onClick,
82
+ setActivePart
83
+ ]);
84
+ return /* @__PURE__ */ React.createElement(Button, {
85
+ ...props,
86
+ classNames: [
87
+ "is-full text-start @md:hidden mbe-2",
88
+ classNames
89
+ ],
90
+ onClick: handleClick
91
+ });
92
+ };
93
+ var TabsTabGroupHeading = ({ children, classNames, ...props }) => {
94
+ return /* @__PURE__ */ React.createElement("h2", {
95
+ ...props,
96
+ className: mx("mlb-1 pli-2 text-sm text-unAccent", classNames)
97
+ }, children);
98
+ };
99
+ var TabsTab = ({ value, classNames, children, onClick, ...props }) => {
100
+ const { setActivePart } = useTabsContext("TabsTab");
101
+ const handleClick = useCallback(
102
+ // NOTE: this handler is only called if the tab is *already active*.
103
+ (event) => {
104
+ setActivePart("panel");
105
+ onClick?.(event);
106
+ },
107
+ [
108
+ setActivePart,
109
+ onClick
110
+ ]
111
+ );
112
+ return /* @__PURE__ */ React.createElement(TabsPrimitive.Trigger, {
113
+ value,
114
+ asChild: true
115
+ }, /* @__PURE__ */ React.createElement(Button, {
116
+ density: "fine",
117
+ variant: "ghost",
118
+ ...props,
119
+ onClick: handleClick,
120
+ classNames: [
121
+ "block is-full justify-start text-start pli-2 rounded-sm",
122
+ ghostSelectedContainerMd,
123
+ ghostHover,
124
+ classNames
125
+ ]
126
+ }, children));
127
+ };
128
+ var TabsTabpanel = ({ classNames, children, ...props }) => {
129
+ return /* @__PURE__ */ React.createElement(TabsPrimitive.Content, {
130
+ ...props,
131
+ className: mx("rounded-sm", focusRing, classNames)
132
+ }, children);
133
+ };
134
+ var Tabs = {
135
+ Root: TabsRoot,
136
+ Tablist: TabsTablist,
137
+ Tab: TabsTab,
138
+ TabGroupHeading: TabsTabGroupHeading,
139
+ Tabpanel: TabsTabpanel,
140
+ BackButton: TabsBackButton,
141
+ Viewport: TabsViewport
142
+ };
143
+ export {
144
+ Tabs
145
+ };
146
+ //# sourceMappingURL=index.mjs.map
package/dist/lib/node-esm/index.mjs.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/Tabs.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useFocusFinders } from '@fluentui/react-tabster';\nimport { createContext } from '@radix-ui/react-context';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type ComponentPropsWithoutRef, type MouseEvent, useCallback, useLayoutEffect, useRef } from 'react';\n\nimport { Button, type ButtonProps, type ThemedClassName } from '@dxos/react-ui';\nimport { focusRing, ghostHover, ghostSelectedContainerMd, mx } from '@dxos/react-ui-theme';\n\ntype TabsActivePart = 'list' | 'panel';\n\nconst TABS_NAME = 'Tabs';\n\ntype TabsContextValue = {\n activePart: TabsActivePart;\n setActivePart: (nextActivePart: TabsActivePart) => void;\n} & Pick<TabsPrimitive.TabsProps, 'orientation'>;\n\nconst [TabsContextProvider, useTabsContext] = createContext<TabsContextValue>(TABS_NAME, {\n activePart: 'list',\n setActivePart: () => {},\n orientation: 'vertical',\n});\n\ntype TabsRootProps = ThemedClassName<TabsPrimitive.TabsProps> &\n Partial<{\n activePart: TabsActivePart;\n onActivePartChange: (nextActivePart: TabsActivePart) => void;\n defaultActivePart: TabsActivePart;\n }>;\n\nconst TabsRoot = ({\n children,\n classNames,\n activePart: propsActivePart,\n onActivePartChange,\n defaultActivePart,\n value: propsValue,\n onValueChange,\n defaultValue,\n orientation = 'vertical',\n activationMode = 'manual',\n ...props\n}: TabsRootProps) => {\n const [activePart = 'list', setActivePart] = useControllableState({\n prop: propsActivePart,\n onChange: onActivePartChange,\n defaultProp: defaultActivePart,\n });\n\n const [value, setValue] = useControllableState({\n prop: propsValue,\n onChange: onValueChange,\n defaultProp: defaultValue,\n });\n\n const handleValueChange = useCallback(\n (nextValue: string) => {\n setActivePart('panel');\n setValue(nextValue);\n },\n [value],\n );\n\n const { findFirstFocusable } = useFocusFinders();\n\n const tabsRoot = useRef<HTMLDivElement | null>(null);\n\n useLayoutEffect(() => {\n tabsRoot.current && findFirstFocusable(tabsRoot.current)?.focus();\n }, [activePart]);\n\n return (\n <TabsContextProvider orientation={orientation} activePart={activePart} setActivePart={setActivePart}>\n <TabsPrimitive.Root\n activationMode={activationMode}\n data-active={activePart}\n orientation={orientation}\n {...props}\n value={value}\n onValueChange={handleValueChange}\n className={mx(\n 'overflow-hidden',\n orientation === 'vertical' &&\n '[&[data-active=list]_[role=tabpanel]]:invisible @md:[&[data-active=list]_[role=tabpanel]]:visible',\n classNames,\n )}\n ref={tabsRoot}\n >\n {children}\n </TabsPrimitive.Root>\n </TabsContextProvider>\n );\n};\n\ntype TabsViewportProps = ThemedClassName<ComponentPropsWithoutRef<'div'>>;\n\nconst TabsViewport = ({ classNames, children, ...props }: TabsViewportProps) => {\n const { orientation, activePart } = useTabsContext('TabsViewport');\n return (\n <div\n role='none'\n {...props}\n data-active={activePart}\n className={mx(\n orientation === 'vertical' && [\n 'grid is-[200%] grid-cols-2 data-[active=panel]:mis-[-100%]',\n '@md:is-auto @md:data-[active=panel]:mis-0 @md:grid-cols-[minmax(min-content,1fr)_3fr] @md:gap-1',\n ],\n classNames,\n )}\n >\n {children}\n </div>\n );\n};\n\ntype TabsTablistProps = ThemedClassName<TabsPrimitive.TabsListProps>;\n\nconst TabsTablist = ({ children, classNames, ...props }: TabsTablistProps) => {\n return (\n <TabsPrimitive.List\n {...props}\n className={mx('place-self-start max-bs-full is-full overflow-y-auto p-1', classNames)}\n >\n {children}\n </TabsPrimitive.List>\n );\n};\n\nconst TabsBackButton = ({ onClick, classNames, ...props }: ButtonProps) => {\n const { setActivePart } = useTabsContext('TabsBackButton');\n const handleClick = useCallback(\n (event: MouseEvent<HTMLButtonElement>) => {\n setActivePart('list');\n return onClick?.(event);\n },\n [onClick, setActivePart],\n );\n\n return <Button {...props} classNames={['is-full text-start @md:hidden mbe-2', classNames]} onClick={handleClick} />;\n};\n\ntype TabsTabGroupHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'h2'>>;\n\nconst TabsTabGroupHeading = ({ children, classNames, ...props }: ThemedClassName<TabsTabGroupHeadingProps>) => {\n return (\n <h2 {...props} className={mx('mlb-1 pli-2 text-sm text-unAccent', classNames)}>\n {children}\n </h2>\n );\n};\n\ntype TabsTabProps = ButtonProps & Pick<TabsPrimitive.TabsTriggerProps, 'value'>;\n\nconst TabsTab = ({ value, classNames, children, onClick, ...props }: TabsTabProps) => {\n const { setActivePart } = useTabsContext('TabsTab');\n const handleClick = useCallback(\n // NOTE: this handler is only called if the tab is *already active*.\n (event: MouseEvent<HTMLButtonElement>) => {\n setActivePart('panel');\n onClick?.(event);\n },\n [setActivePart, onClick],\n );\n\n return (\n <TabsPrimitive.Trigger value={value} asChild>\n <Button\n density='fine'\n variant='ghost'\n {...props}\n onClick={handleClick}\n classNames={[\n 'block is-full justify-start text-start pli-2 rounded-sm',\n ghostSelectedContainerMd,\n ghostHover,\n classNames,\n ]}\n >\n {children}\n </Button>\n </TabsPrimitive.Trigger>\n );\n};\n\ntype TabsTabpanelProps = ThemedClassName<TabsPrimitive.TabsContentProps>;\n\nconst TabsTabpanel = ({ classNames, children, ...props }: TabsTabpanelProps) => {\n return (\n <TabsPrimitive.Content {...props} className={mx('rounded-sm', focusRing, classNames)}>\n {children}\n </TabsPrimitive.Content>\n );\n};\n\nexport const Tabs = {\n Root: TabsRoot,\n Tablist: TabsTablist,\n Tab: TabsTab,\n TabGroupHeading: TabsTabGroupHeading,\n Tabpanel: TabsTabpanel,\n BackButton: TabsBackButton,\n Viewport: TabsViewport,\n};\n\nexport type {\n TabsActivePart,\n TabsRootProps,\n TabsTablistProps,\n TabsTabProps,\n TabsTabGroupHeadingProps,\n TabsTabpanelProps,\n TabsViewportProps,\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["useFocusFinders", "createContext", "TabsPrimitive", "useControllableState", "React", "useCallback", "useLayoutEffect", "useRef", "Button", "focusRing", "ghostHover", "ghostSelectedContainerMd", "mx", "TABS_NAME", "TabsContextProvider", "useTabsContext", "createContext", "activePart", "setActivePart", "orientation", "TabsRoot", "children", "classNames", "propsActivePart", "onActivePartChange", "defaultActivePart", "value", "propsValue", "onValueChange", "defaultValue", "activationMode", "props", "useControllableState", "prop", "onChange", "defaultProp", "setValue", "handleValueChange", "useCallback", "nextValue", "findFirstFocusable", "useFocusFinders", "tabsRoot", "useRef", "useLayoutEffect", "current", "focus", "Root", "data-active", "className", "mx", "ref", "TabsViewport", "div", "role", "TabsTablist", "List", "TabsBackButton", "onClick", "handleClick", "event", "Button", "TabsTabGroupHeading", "h2", "TabsTab", "Trigger", "asChild", "density", "variant", "ghostSelectedContainerMd", "ghostHover", "TabsTabpanel", "Content", "focusRing", "Tabs", "Tablist", "Tab", "TabGroupHeading", "Tabpanel", "BackButton", "Viewport"]
7
+ }
package/dist/lib/node-esm/meta.json ADDED
@@ -0,0 +1 @@
1
+ {"inputs":{"packages/ui/react-ui-tabs/src/Tabs.tsx":{"bytes":18920,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-tabs","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-tabs/src/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-tabs/src/Tabs.tsx","kind":"import-statement","original":"./Tabs"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-tabs/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":10268},"packages/ui/react-ui-tabs/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-tabs","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["Tabs"],"entryPoint":"packages/ui/react-ui-tabs/src/index.ts","inputs":{"packages/ui/react-ui-tabs/src/Tabs.tsx":{"bytesInOutput":4668},"packages/ui/react-ui-tabs/src/index.ts":{"bytesInOutput":0}},"bytes":4857}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/react-ui-tabs",
3
- "version": "0.7.1",
3
+ "version": "0.7.2-staging.6d26b2a",
4
4
  "description": "Components for facilitating a Tabs pattern.",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,7 +10,8 @@
10
10
  "exports": {
11
11
  ".": {
12
12
  "types": "./dist/types/src/index.d.ts",
13
- "browser": "./dist/lib/browser/index.mjs"
13
+ "browser": "./dist/lib/browser/index.mjs",
14
+ "node": "./dist/lib/node-esm/index.mjs"
14
15
  }
15
16
  },
16
17
  "types": "dist/types/src/index.d.ts",
@@ -29,7 +30,7 @@
29
30
  "@radix-ui/react-slot": "^1.0.1",
30
31
  "@radix-ui/react-tabs": "^1.0.4",
31
32
  "@radix-ui/react-use-controllable-state": "^1.0.0",
32
- "@dxos/util": "0.7.1"
33
+ "@dxos/util": "0.7.2-staging.6d26b2a"
33
34
  },
34
35
  "devDependencies": {
35
36
  "@types/react": "~18.2.0",
@@ -37,16 +38,16 @@
37
38
  "react": "~18.2.0",
38
39
  "react-dom": "~18.2.0",
39
40
  "vite": "5.4.7",
40
- "@dxos/random": "0.7.1",
41
- "@dxos/react-ui-theme": "0.7.1",
42
- "@dxos/storybook-utils": "0.7.1",
43
- "@dxos/react-ui": "0.7.1"
41
+ "@dxos/random": "0.7.2-staging.6d26b2a",
42
+ "@dxos/react-ui": "0.7.2-staging.6d26b2a",
43
+ "@dxos/react-ui-theme": "0.7.2-staging.6d26b2a",
44
+ "@dxos/storybook-utils": "0.7.2-staging.6d26b2a"
44
45
  },
45
46
  "peerDependencies": {
46
47
  "react": "~18.2.0",
47
48
  "react-dom": "~18.2.0",
48
- "@dxos/react-ui": "0.7.1",
49
- "@dxos/react-ui-theme": "0.7.1"
49
+ "@dxos/react-ui": "0.7.2-staging.6d26b2a",
50
+ "@dxos/react-ui-theme": "0.7.2-staging.6d26b2a"
50
51
  },
51
52
  "publishConfig": {
52
53
  "access": "public"