@dxos/react-ui-tabs 0.8.4-main.c85a9c8dae → 0.8.4-main.d05539e30a
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/LICENSE +102 -5
- package/dist/lib/browser/index.mjs +27 -35
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +27 -35
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/Tabs.d.ts +5 -6
- package/dist/types/src/Tabs.d.ts.map +1 -1
- package/dist/types/src/Tabs.stories.d.ts +8 -5
- package/dist/types/src/Tabs.stories.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +11 -14
- package/src/Tabs.stories.tsx +48 -41
- package/src/Tabs.tsx +29 -52
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/Tabs.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/Tabs.tsx":{"bytes":25015,"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-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":368,"imports":[{"path":"src/Tabs.tsx","kind":"import-statement","original":"./Tabs"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":13457},"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-attention","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"exports":["Tabs"],"entryPoint":"src/index.ts","inputs":{"src/Tabs.tsx":{"bytesInOutput":6152},"src/index.ts":{"bytesInOutput":0}},"bytes":6315}}}
|
package/dist/types/src/Tabs.d.ts
CHANGED
|
@@ -6,9 +6,8 @@ type TabsContextValue = {
|
|
|
6
6
|
activePart: TabsActivePart;
|
|
7
7
|
setActivePart: (nextActivePart: TabsActivePart) => void;
|
|
8
8
|
attendableId?: string;
|
|
9
|
-
verticalVariant?: 'stateful' | 'stateless';
|
|
10
9
|
} & Pick<TabsPrimitive.TabsProps, 'orientation' | 'value'>;
|
|
11
|
-
type TabsRootProps = ThemedClassName<TabsPrimitive.TabsProps> & Partial<Pick<TabsContextValue, 'activePart' | '
|
|
10
|
+
type TabsRootProps = ThemedClassName<TabsPrimitive.TabsProps> & Partial<Pick<TabsContextValue, 'activePart' | 'attendableId'> & {
|
|
12
11
|
onActivePartChange: (nextActivePart: TabsActivePart) => void;
|
|
13
12
|
defaultActivePart: TabsActivePart;
|
|
14
13
|
}>;
|
|
@@ -17,12 +16,12 @@ type TabsTablistProps = ThemedClassName<TabsPrimitive.TabsListProps>;
|
|
|
17
16
|
type TabsTabGroupHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'h2'>>;
|
|
18
17
|
type TabsTabProps = ButtonProps & Pick<TabsPrimitive.TabsTriggerProps, 'value'>;
|
|
19
18
|
type TabsIconTabProps = IconButtonProps & Pick<TabsPrimitive.TabsTriggerProps, 'value'>;
|
|
20
|
-
type
|
|
19
|
+
type TabsPanelProps = ThemedClassName<TabsPrimitive.TabsContentProps>;
|
|
21
20
|
type TabsTabPrimitiveProps = TabsPrimitive.TabsTriggerProps;
|
|
22
21
|
export declare const Tabs: {
|
|
23
22
|
Root: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps, "className"> & {
|
|
24
23
|
classNames?: import("@dxos/ui-types").ClassNameValue;
|
|
25
|
-
} & Partial<Pick<TabsContextValue, "activePart" | "
|
|
24
|
+
} & Partial<Pick<TabsContextValue, "activePart" | "attendableId"> & {
|
|
26
25
|
onActivePartChange: (nextActivePart: TabsActivePart) => void;
|
|
27
26
|
defaultActivePart: TabsActivePart;
|
|
28
27
|
}> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -31,9 +30,9 @@ export declare const Tabs: {
|
|
|
31
30
|
IconTab: ({ value, classNames, onClick, ...props }: TabsIconTabProps) => React.JSX.Element;
|
|
32
31
|
TabPrimitive: React.ForwardRefExoticComponent<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
33
32
|
TabGroupHeading: ({ children, classNames, ...props }: ThemedClassName<TabsTabGroupHeadingProps>) => React.JSX.Element;
|
|
34
|
-
|
|
33
|
+
Panel: ({ classNames, children, ...props }: TabsPanelProps) => React.JSX.Element;
|
|
35
34
|
BackButton: ({ onClick, classNames, ...props }: ButtonProps) => React.JSX.Element;
|
|
36
35
|
Viewport: ({ classNames, children, ...props }: TabsViewportProps) => React.JSX.Element;
|
|
37
36
|
};
|
|
38
|
-
export type { TabsActivePart, TabsRootProps, TabsTablistProps, TabsTabProps, TabsTabPrimitiveProps, TabsTabGroupHeadingProps,
|
|
37
|
+
export type { TabsActivePart, TabsRootProps, TabsTablistProps, TabsTabProps, TabsTabPrimitiveProps, TabsTabGroupHeadingProps, TabsPanelProps, TabsViewportProps, };
|
|
39
38
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,EAEZ,KAAK,wBAAwB,EAK9B,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAIxB,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAIvC,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,EAEZ,KAAK,wBAAwB,EAK9B,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAIxB,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAIvC,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,GAAG,OAAO,CAAC,CAAC;AAQ3D,KAAK,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC,SAAS,CAAC,GAC3D,OAAO,CACL,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,cAAc,CAAC,GAAG;IACtD,kBAAkB,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,cAAc,CAAC;CACnC,CACF,CAAC;AA+EJ,KAAK,iBAAiB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAW1E,KAAK,gBAAgB,GAAG,eAAe,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAiCrE,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAUhF,KAAK,YAAY,GAAG,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAmChF,KAAK,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAiCxF,KAAK,cAAc,GAAG,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAatE,KAAK,qBAAqB,GAAG,aAAa,CAAC,gBAAgB,CAAC;AAE5D,eAAO,MAAM,IAAI;IACf,IAAI;;;4BA5NoB,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI;2BACzC,cAAc;;IA4NrC,OAAO,uCA9HgD,gBAAgB;IA+HvE,GAAG,uDApFgE,YAAY;IAqF/E,OAAO,6CAlDsD,gBAAgB;IAmD7E,YAAY;IACZ,eAAe,uCAjGgD,eAAe,CAAC,wBAAwB,CAAC;IAkGxG,KAAK,uCApBgD,cAAc;IAqBnE,UAAU,sCAlH+C,WAAW;IAmHpE,QAAQ,uCAhJgD,iBAAiB;CAiJ1E,CAAC;AAEF,YAAY,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,cAAc,EACd,iBAAiB,GAClB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
3
|
+
import { TabsRootProps } from './Tabs';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps, "className"> & {
|
|
@@ -9,15 +9,18 @@ declare const meta: {
|
|
|
9
9
|
activePart: import("./Tabs").TabsActivePart;
|
|
10
10
|
setActivePart: (nextActivePart: import("./Tabs").TabsActivePart) => void;
|
|
11
11
|
attendableId?: string;
|
|
12
|
-
|
|
13
|
-
} & Pick<import("@radix-ui/react-tabs").TabsProps, "orientation" | "value">, "activePart" | "verticalVariant" | "attendableId">> & Partial<{
|
|
12
|
+
} & Pick<import("@radix-ui/react-tabs").TabsProps, "orientation" | "value">, "activePart" | "attendableId"> & {
|
|
14
13
|
onActivePartChange: (nextActivePart: import("./Tabs").TabsActivePart) => void;
|
|
15
14
|
defaultActivePart: import("./Tabs").TabsActivePart;
|
|
16
15
|
}> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
-
render: () => React.JSX.Element;
|
|
16
|
+
render: ({ orientation }: TabsRootProps) => React.JSX.Element;
|
|
18
17
|
decorators: import("@storybook/react").Decorator[];
|
|
18
|
+
parameters: {
|
|
19
|
+
layout: string;
|
|
20
|
+
};
|
|
19
21
|
};
|
|
20
22
|
export default meta;
|
|
21
23
|
type Story = StoryObj<typeof meta>;
|
|
22
|
-
export declare const
|
|
24
|
+
export declare const Horizontal: Story;
|
|
25
|
+
export declare const Vertical: Story;
|
|
23
26
|
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/Tabs.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/Tabs.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAwC7C,QAAA,MAAM,IAAI;;;;;;;;;;;;8BApC6B,aAAa;;;QA0ChD,MAAM;;CAE2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}
|