@dust-tt/sparkle 0.2.288 → 0.2.289-rc-2
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/cjs/index.js +59763 -59984
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Breadcrumbs.d.ts.map +1 -1
- package/dist/esm/components/Breadcrumbs.js +7 -4
- package/dist/esm/components/Breadcrumbs.js.map +1 -1
- package/dist/esm/components/Button.d.ts +1 -1
- package/dist/esm/components/Button.d.ts.map +1 -1
- package/dist/esm/components/Button.js +3 -3
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/DataTable.d.ts +3 -3
- package/dist/esm/components/DataTable.d.ts.map +1 -1
- package/dist/esm/components/DataTable.js +5 -4
- package/dist/esm/components/DataTable.js.map +1 -1
- package/dist/esm/components/IconButton.d.ts +3 -3
- package/dist/esm/components/IconButton.d.ts.map +1 -1
- package/dist/esm/components/IconButton.js +9 -12
- package/dist/esm/components/IconButton.js.map +1 -1
- package/dist/esm/components/NewDropdown.d.ts +1 -1
- package/dist/esm/components/NewDropdown.d.ts.map +1 -1
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/stories/DataTable.stories.d.ts.map +1 -1
- package/dist/esm/stories/DataTable.stories.js +1 -1
- package/dist/esm/stories/DataTable.stories.js.map +1 -1
- package/dist/esm/stories/IconButton.stories.d.ts +11 -2
- package/dist/esm/stories/IconButton.stories.d.ts.map +1 -1
- package/dist/esm/stories/IconButton.stories.js +0 -3
- package/dist/esm/stories/IconButton.stories.js.map +1 -1
- package/dist/esm/stories/Item.stories.d.ts.map +1 -1
- package/dist/esm/stories/Item.stories.js +24 -18
- package/dist/esm/stories/Item.stories.js.map +1 -1
- package/dist/esm/stories/Tabs.stories.d.ts.map +1 -1
- package/dist/esm/stories/Tabs.stories.js.map +1 -1
- package/dist/sparkle.css +0 -106
- package/package.json +1 -1
- package/src/components/Breadcrumbs.tsx +26 -19
- package/src/components/Button.tsx +4 -4
- package/src/components/DataTable.tsx +22 -15
- package/src/components/IconButton.tsx +44 -46
- package/src/components/NewDropdown.tsx +1 -1
- package/src/components/index.ts +1 -1
- package/src/stories/DataTable.stories.tsx +6 -3
- package/src/stories/IconButton.stories.tsx +0 -3
- package/src/stories/Item.stories.tsx +70 -52
- package/src/stories/Tabs.stories.tsx +6 -1
- package/dist/esm/components/DropdownMenu.d.ts +0 -59
- package/dist/esm/components/DropdownMenu.d.ts.map +0 -1
- package/dist/esm/components/DropdownMenu.js +0 -214
- package/dist/esm/components/DropdownMenu.js.map +0 -1
- package/dist/esm/stories/DropdownMenu.stories.d.ts +0 -9
- package/dist/esm/stories/DropdownMenu.stories.d.ts.map +0 -1
- package/dist/esm/stories/DropdownMenu.stories.js +0 -223
- package/dist/esm/stories/DropdownMenu.stories.js.map +0 -1
- package/src/components/DropdownMenu.tsx +0 -521
- package/src/stories/DropdownMenu.stories.tsx +0 -518
|
@@ -3,9 +3,14 @@ import React from "react";
|
|
|
3
3
|
|
|
4
4
|
import {
|
|
5
5
|
ArrowRightIcon,
|
|
6
|
-
|
|
6
|
+
Button,
|
|
7
7
|
Item,
|
|
8
8
|
LightbulbIcon,
|
|
9
|
+
NewDropdownMenu,
|
|
10
|
+
NewDropdownMenuContent,
|
|
11
|
+
NewDropdownMenuGroup,
|
|
12
|
+
NewDropdownMenuItem,
|
|
13
|
+
NewDropdownMenuTrigger,
|
|
9
14
|
PlusIcon,
|
|
10
15
|
} from "../index_with_tw_base";
|
|
11
16
|
import { Cog6ToothIcon } from "../index_with_tw_base";
|
|
@@ -79,61 +84,74 @@ export const ListItemExample = () => (
|
|
|
79
84
|
<div className="s-flex s-flex-col s-gap-8">
|
|
80
85
|
Dropdown example:
|
|
81
86
|
<div>
|
|
82
|
-
<
|
|
83
|
-
<
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
<NewDropdownMenu>
|
|
88
|
+
<NewDropdownMenuTrigger asChild>
|
|
89
|
+
<Button label="Dust" />
|
|
90
|
+
</NewDropdownMenuTrigger>
|
|
91
|
+
<NewDropdownMenuContent>
|
|
92
|
+
<NewDropdownMenuGroup>
|
|
93
|
+
<NewDropdownMenuItem label="item 1" href="#" />
|
|
94
|
+
<NewDropdownMenuItem label="item 2" href="#" />
|
|
95
|
+
</NewDropdownMenuGroup>
|
|
96
|
+
</NewDropdownMenuContent>
|
|
97
|
+
</NewDropdownMenu>
|
|
89
98
|
</div>
|
|
90
99
|
<div>
|
|
91
|
-
<
|
|
92
|
-
<
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
100
|
+
<NewDropdownMenu>
|
|
101
|
+
<NewDropdownMenuTrigger asChild>
|
|
102
|
+
<Button label="Dust" />
|
|
103
|
+
</NewDropdownMenuTrigger>
|
|
104
|
+
<NewDropdownMenuContent>
|
|
105
|
+
<NewDropdownMenuGroup>
|
|
106
|
+
<NewDropdownMenuItem
|
|
107
|
+
label="item 1"
|
|
108
|
+
href="#"
|
|
109
|
+
icon={Cog6ToothIcon}
|
|
110
|
+
/>
|
|
111
|
+
<NewDropdownMenuItem
|
|
112
|
+
label="item 2"
|
|
113
|
+
href="#"
|
|
114
|
+
icon={Cog6ToothIcon}
|
|
115
|
+
/>
|
|
116
|
+
</NewDropdownMenuGroup>
|
|
117
|
+
</NewDropdownMenuContent>
|
|
118
|
+
</NewDropdownMenu>
|
|
106
119
|
</div>
|
|
107
120
|
<div>
|
|
108
|
-
<
|
|
109
|
-
<
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
121
|
+
<NewDropdownMenu>
|
|
122
|
+
<NewDropdownMenuTrigger asChild>
|
|
123
|
+
<Button label="Dust" />
|
|
124
|
+
</NewDropdownMenuTrigger>
|
|
125
|
+
<NewDropdownMenuContent>
|
|
126
|
+
<NewDropdownMenuGroup>
|
|
127
|
+
<NewDropdownMenuItem
|
|
128
|
+
label="item 1"
|
|
129
|
+
href="#"
|
|
130
|
+
icon={Cog6ToothIcon}
|
|
131
|
+
description="Desciption of the item"
|
|
132
|
+
/>
|
|
133
|
+
<NewDropdownMenuItem
|
|
134
|
+
label="Dust site"
|
|
135
|
+
href="https://dust.tt"
|
|
136
|
+
target="_blank"
|
|
137
|
+
icon={Cog6ToothIcon}
|
|
138
|
+
description="Desciption of the item"
|
|
139
|
+
/>
|
|
140
|
+
<NewDropdownMenuItem
|
|
141
|
+
label="item 1"
|
|
142
|
+
href="#"
|
|
143
|
+
icon={Cog6ToothIcon}
|
|
144
|
+
description="Desciption of the item"
|
|
145
|
+
/>
|
|
146
|
+
<NewDropdownMenuItem
|
|
147
|
+
label="item 2"
|
|
148
|
+
href="#"
|
|
149
|
+
icon={Cog6ToothIcon}
|
|
150
|
+
description="Desciption of the item"
|
|
151
|
+
/>
|
|
152
|
+
</NewDropdownMenuGroup>
|
|
153
|
+
</NewDropdownMenuContent>
|
|
154
|
+
</NewDropdownMenu>
|
|
137
155
|
</div>
|
|
138
156
|
</div>
|
|
139
157
|
|
|
@@ -27,7 +27,12 @@ export function TabExample() {
|
|
|
27
27
|
href="hello"
|
|
28
28
|
icon={CommandIcon}
|
|
29
29
|
/>
|
|
30
|
-
<TabsTrigger
|
|
30
|
+
<TabsTrigger
|
|
31
|
+
disabled
|
|
32
|
+
value="password"
|
|
33
|
+
label="World"
|
|
34
|
+
icon={LightbulbIcon}
|
|
35
|
+
/>
|
|
31
36
|
<TabsTrigger value="settings" icon={Cog6ToothIcon} />
|
|
32
37
|
</TabsList>
|
|
33
38
|
<TabsContent value="account">Hello</TabsContent>
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import React, { ComponentType, JSXElementConstructor, MouseEvent, ReactElement } from "react";
|
|
2
|
-
import { LinkProps } from "./Item";
|
|
3
|
-
import { Tooltip } from "./Tooltip";
|
|
4
|
-
export interface DropdownMenuProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
children: React.ReactNode | (({ close, }: {
|
|
7
|
-
close: () => void;
|
|
8
|
-
}) => ReactElement<unknown, string | JSXElementConstructor<unknown>>);
|
|
9
|
-
}
|
|
10
|
-
export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
|
|
11
|
-
export declare namespace DropdownMenu {
|
|
12
|
-
var Button: React.ForwardRefExoticComponent<Omit<DropdownButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
var Item: ({ variant, label, description, link, disabled, visual, icon, onClick, hasChildren, children, selected, }: DropdownItemProps) => React.JSX.Element;
|
|
14
|
-
var SectionHeader: ({ label }: DropdownSectionHeaderProps) => React.JSX.Element;
|
|
15
|
-
var Items: ({ origin, width, marginLeft, children, topBar, bottomBar, onKeyDown, overflow, variant, }: DropdownItemsProps) => React.JSX.Element;
|
|
16
|
-
}
|
|
17
|
-
export interface DropdownButtonProps {
|
|
18
|
-
label?: string;
|
|
19
|
-
type?: "menu" | "submenu" | "select";
|
|
20
|
-
size?: "sm" | "md";
|
|
21
|
-
tooltip?: string;
|
|
22
|
-
tooltipPosition?: React.ComponentProps<typeof Tooltip>["side"];
|
|
23
|
-
icon?: ComponentType;
|
|
24
|
-
className?: string;
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
28
|
-
onClick?: () => void;
|
|
29
|
-
}
|
|
30
|
-
export interface DropdownItemProps {
|
|
31
|
-
children?: React.ReactNode;
|
|
32
|
-
description?: string;
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
hasChildren?: boolean;
|
|
35
|
-
icon?: ComponentType;
|
|
36
|
-
label: string;
|
|
37
|
-
link?: LinkProps;
|
|
38
|
-
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
39
|
-
selected?: boolean;
|
|
40
|
-
variant?: "default" | "warning";
|
|
41
|
-
visual?: string | React.ReactNode;
|
|
42
|
-
}
|
|
43
|
-
interface DropdownSectionHeaderProps {
|
|
44
|
-
label: string;
|
|
45
|
-
}
|
|
46
|
-
type ItemsVariantType = "default" | "no-padding";
|
|
47
|
-
interface DropdownItemsProps {
|
|
48
|
-
origin?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "auto";
|
|
49
|
-
width?: number;
|
|
50
|
-
marginLeft?: number;
|
|
51
|
-
children: React.ReactNode;
|
|
52
|
-
topBar?: React.ReactNode;
|
|
53
|
-
bottomBar?: React.ReactNode;
|
|
54
|
-
onKeyDown?: (e: React.KeyboardEvent) => void;
|
|
55
|
-
overflow?: "visible" | "auto";
|
|
56
|
-
variant?: ItemsVariantType;
|
|
57
|
-
}
|
|
58
|
-
export {};
|
|
59
|
-
//# sourceMappingURL=DropdownMenu.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAGb,qBAAqB,EACrB,UAAU,EAEV,YAAY,EAKb,MAAM,OAAO,CAAC;AAUf,OAAO,EAAwB,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA8CpC,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,KAAK,GACN,EAAE;QACD,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,KAAK,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC3E;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,iBAAiB,qBAY3E;yBAZe,YAAY;;;;;;AAc5B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwKD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACnC;AA8CD,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAmBD,KAAK,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC;AAejD,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B"}
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import { Menu, Transition } from "@headlessui/react";
|
|
3
|
-
import React, { forwardRef, Fragment, useContext, useEffect, useRef, useState, } from "react";
|
|
4
|
-
import { ChevronDownIcon, ChevronRightIcon, ChevronUpDownIcon, } from "../icons/solid";
|
|
5
|
-
import { classNames } from "../lib/utils";
|
|
6
|
-
import { Icon } from "./Icon";
|
|
7
|
-
import { Item as StandardItem } from "./Item";
|
|
8
|
-
import { Tooltip } from "./Tooltip";
|
|
9
|
-
var ButtonRefContext = React.createContext(null);
|
|
10
|
-
var labelClasses = {
|
|
11
|
-
base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
|
|
12
|
-
hover: "group-hover/dm:s-text-action-500",
|
|
13
|
-
active: "active:s-text-action-700",
|
|
14
|
-
dark: {
|
|
15
|
-
base: "dark:s-text-element-900-dark",
|
|
16
|
-
hover: "dark:group-hover/dm:s-text-action-400",
|
|
17
|
-
active: "dark:active:s-text-action-600",
|
|
18
|
-
disabled: "dark:s-element-500-dark",
|
|
19
|
-
},
|
|
20
|
-
disabled: "s-opacity-50",
|
|
21
|
-
};
|
|
22
|
-
var labelSizeClasses = {
|
|
23
|
-
sm: "s-text-sm",
|
|
24
|
-
md: "s-text-base",
|
|
25
|
-
};
|
|
26
|
-
var iconClasses = {
|
|
27
|
-
base: "s-text-element-700 s-transition-colors s-ease-out s-duration-400",
|
|
28
|
-
hover: "group-hover/dm:s-text-action-500",
|
|
29
|
-
active: "active:s-text-action-700",
|
|
30
|
-
disabled: "s-opacity-50",
|
|
31
|
-
dark: {
|
|
32
|
-
base: "dark:s-text-element-700-dark",
|
|
33
|
-
hover: "dark:group-hover/dm:s-text-action-500-dark",
|
|
34
|
-
active: "dark:active:s-text-action-600",
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
var chevronClasses = {
|
|
38
|
-
base: "s-text-element-600 s-mt-0.5",
|
|
39
|
-
hover: "group-hover/dm:s-text-action-400",
|
|
40
|
-
disabled: "s-element-500",
|
|
41
|
-
dark: {
|
|
42
|
-
base: "dark:s-text-element-600-dark",
|
|
43
|
-
hover: "dark:group-hover/dm:s-text-action-500-dark",
|
|
44
|
-
disabled: "dark:s-element-500-dark",
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
export function DropdownMenu(_a) {
|
|
48
|
-
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
49
|
-
var buttonRef = useRef(null);
|
|
50
|
-
return (React.createElement(ButtonRefContext.Provider, { value: buttonRef },
|
|
51
|
-
React.createElement(Menu, { as: "div", className: classNames(className, "s-relative s-inline-block") }, children)));
|
|
52
|
-
}
|
|
53
|
-
DropdownMenu.Button = forwardRef(function DropdownMenuButton(_a, forwardedRef) {
|
|
54
|
-
var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "top" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick;
|
|
55
|
-
var contextRef = useContext(ButtonRefContext);
|
|
56
|
-
var finalLabelClasses = classNames(labelClasses.base, labelSizeClasses[size], labelClasses.dark.base, !disabled ? labelClasses.active : "", !disabled ? labelClasses.dark.active : "", !disabled ? labelClasses.hover : "", !disabled ? labelClasses.dark.hover : "", disabled ? labelClasses.disabled : "");
|
|
57
|
-
var finalIconClasses = classNames(iconClasses.base, iconClasses.dark.base, !disabled ? iconClasses.hover : "", !disabled ? iconClasses.dark.hover : "", disabled ? iconClasses.disabled : "");
|
|
58
|
-
var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
|
|
59
|
-
var aggregatedRef = function (value) {
|
|
60
|
-
if (contextRef) {
|
|
61
|
-
contextRef.current = value;
|
|
62
|
-
}
|
|
63
|
-
if (typeof forwardedRef === "function") {
|
|
64
|
-
forwardedRef(value);
|
|
65
|
-
}
|
|
66
|
-
else if (forwardedRef) {
|
|
67
|
-
forwardedRef.current = value;
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
if (children) {
|
|
71
|
-
return (React.createElement(Menu.Button, { as: "div", disabled: disabled, ref: aggregatedRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0"), onClick: function (e) { return e.stopPropagation(); } }, tooltip ? (React.createElement(Tooltip, { trigger: children, label: tooltip, side: tooltipPosition })) : (children)));
|
|
72
|
-
}
|
|
73
|
-
var chevronIcon = type === "select"
|
|
74
|
-
? ChevronUpDownIcon
|
|
75
|
-
: type === "submenu"
|
|
76
|
-
? ChevronRightIcon
|
|
77
|
-
: ChevronDownIcon;
|
|
78
|
-
return (React.createElement(React.Fragment, null, tooltip ? (React.createElement(Tooltip, { trigger: React.createElement(Menu.Button, { disabled: disabled, ref: aggregatedRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label
|
|
79
|
-
? size === "md"
|
|
80
|
-
? "s-gap-2"
|
|
81
|
-
: "s-gap-1.5"
|
|
82
|
-
: "s-gap-0.5"), onClick: function (e) {
|
|
83
|
-
e.stopPropagation();
|
|
84
|
-
if (onClick) {
|
|
85
|
-
onClick();
|
|
86
|
-
}
|
|
87
|
-
} },
|
|
88
|
-
React.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
|
|
89
|
-
React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })), tooltipTriggerAsChild: true, label: tooltip, side: tooltipPosition })) : (React.createElement(Menu.Button, { disabled: disabled, ref: aggregatedRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5", type === "submenu" ? "s-opacity-50" : ""), onClick: function (e) {
|
|
90
|
-
e.stopPropagation();
|
|
91
|
-
if (onClick) {
|
|
92
|
-
onClick();
|
|
93
|
-
}
|
|
94
|
-
} },
|
|
95
|
-
React.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
|
|
96
|
-
React.createElement("span", { className: classNames(finalLabelClasses, type === "submenu" ? "s-w-full" : "") }, label),
|
|
97
|
-
React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))));
|
|
98
|
-
});
|
|
99
|
-
DropdownMenu.Item = function (_a) {
|
|
100
|
-
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, label = _a.label, description = _a.description, link = _a.link, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick, hasChildren = _a.hasChildren, children = _a.children, _c = _a.selected, selected = _c === void 0 ? false : _c;
|
|
101
|
-
return (
|
|
102
|
-
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
103
|
-
React.createElement(Menu.Item, { disabled: disabled, as: "div" }, hasChildren ? (React.createElement(DropdownMenu, { className: "s-w-full s-gap-x-2 s-py-2" },
|
|
104
|
-
React.createElement(DropdownMenu.Button, { className: "s-w-full", disabled: disabled, label: label, type: "submenu" }),
|
|
105
|
-
children)) : (React.createElement(StandardItem.Dropdown, { className: "s-w-full", description: description, disabled: disabled, link: link, icon: icon, label: label, onClick: onClick, selected: selected, style: variant, visual: visual }))));
|
|
106
|
-
};
|
|
107
|
-
DropdownMenu.SectionHeader = function (_a) {
|
|
108
|
-
var label = _a.label;
|
|
109
|
-
return (
|
|
110
|
-
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
111
|
-
React.createElement(Menu.Item, { as: "div" },
|
|
112
|
-
React.createElement("div", { className: classNames("s-w-full", "s-text-element-600 dark:s-text-element-600-dark", "s-pb-3 s-pt-4 s-text-xs s-font-medium s-uppercase") }, label)));
|
|
113
|
-
};
|
|
114
|
-
var classNamesForVariant = function (variant, hasDropdownItem) {
|
|
115
|
-
switch (variant) {
|
|
116
|
-
case "no-padding":
|
|
117
|
-
return "";
|
|
118
|
-
case "default":
|
|
119
|
-
return "s-px-5 ".concat(hasDropdownItem ? "s-py-1.5" : "s-py-4");
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
DropdownMenu.Items = function (_a) {
|
|
123
|
-
var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, marginLeft = _a.marginLeft, children = _a.children, topBar = _a.topBar, bottomBar = _a.bottomBar, onKeyDown = _a.onKeyDown, _d = _a.overflow, overflow = _d === void 0 ? "auto" : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e;
|
|
124
|
-
var buttonRef = useContext(ButtonRefContext);
|
|
125
|
-
var _f = __read(useState(0), 2), buttonHeight = _f[0], setButtonHeight = _f[1];
|
|
126
|
-
if (origin === "auto") {
|
|
127
|
-
origin = findOriginFromButton(buttonRef);
|
|
128
|
-
}
|
|
129
|
-
useEffect(function () {
|
|
130
|
-
if (buttonRef && buttonRef.current) {
|
|
131
|
-
setButtonHeight(buttonRef.current.offsetHeight);
|
|
132
|
-
}
|
|
133
|
-
}, []);
|
|
134
|
-
// Check if any child is a Dropdown.Item
|
|
135
|
-
var hasDropdownItem = React.Children.toArray(children).some(function (child) {
|
|
136
|
-
var _a;
|
|
137
|
-
return React.isValidElement(child) &&
|
|
138
|
-
(child.type === DropdownMenu.Item || ((_a = child.props) === null || _a === void 0 ? void 0 : _a.hasChildren));
|
|
139
|
-
});
|
|
140
|
-
var getOriginClass = function (origin) {
|
|
141
|
-
switch (origin) {
|
|
142
|
-
case "topLeft":
|
|
143
|
-
return "s-origin-top-left s-left-0";
|
|
144
|
-
case "topRight":
|
|
145
|
-
return "s-origin-top-right s-right-0";
|
|
146
|
-
case "bottomLeft":
|
|
147
|
-
return "s-origin-bottom-left s-left-0 s-bottom-6";
|
|
148
|
-
case "bottomRight":
|
|
149
|
-
return "s-origin-bottom-right s-right-0 s-bottom-6";
|
|
150
|
-
default:
|
|
151
|
-
return "s-origin-top-right";
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
var getOriginTransClass = function (origin) {
|
|
155
|
-
switch (origin) {
|
|
156
|
-
case "topLeft":
|
|
157
|
-
return "s-transform s-opacity-0 s-scale-95 -s-translate-y-5";
|
|
158
|
-
case "topRight":
|
|
159
|
-
return "s-transform s-opacity-0 s-scale-95 -s-translate-y-5";
|
|
160
|
-
case "bottomLeft":
|
|
161
|
-
return "s-transform s-opacity-0 s-scale-95 s-translate-y-5";
|
|
162
|
-
case "bottomRight":
|
|
163
|
-
return "s-transform s-opacity-0 s-scale-95 s-translate-y-5";
|
|
164
|
-
default:
|
|
165
|
-
return "s-origin-top-right";
|
|
166
|
-
}
|
|
167
|
-
};
|
|
168
|
-
var getOverflowClass = function (overflow) {
|
|
169
|
-
switch (overflow) {
|
|
170
|
-
case "visible":
|
|
171
|
-
return "s-overflow-visible";
|
|
172
|
-
case "auto":
|
|
173
|
-
return "s-max-h-[344px] s-overflow-auto";
|
|
174
|
-
default:
|
|
175
|
-
return "s-max-h-[344px] s-overflow-auto";
|
|
176
|
-
}
|
|
177
|
-
};
|
|
178
|
-
var styleInsert = function (origin, marginLeft) {
|
|
179
|
-
var style = {
|
|
180
|
-
width: "".concat(width, "px"),
|
|
181
|
-
};
|
|
182
|
-
if (marginLeft) {
|
|
183
|
-
style["left"] = "".concat(marginLeft, "px");
|
|
184
|
-
}
|
|
185
|
-
if (origin === "topLeft" || origin === "topRight") {
|
|
186
|
-
style["top"] = "".concat(buttonHeight + 8, "px");
|
|
187
|
-
}
|
|
188
|
-
return style;
|
|
189
|
-
};
|
|
190
|
-
return (React.createElement(Transition, { as: Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
|
|
191
|
-
React.createElement(Menu.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), onClick: function (e) { return e.stopPropagation(); }, style: styleInsert(origin, marginLeft) },
|
|
192
|
-
topBar,
|
|
193
|
-
React.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
|
|
194
|
-
React.createElement(StandardItem.List, null, children)),
|
|
195
|
-
bottomBar)));
|
|
196
|
-
};
|
|
197
|
-
function findOriginFromButton(buttonRef) {
|
|
198
|
-
var _a;
|
|
199
|
-
if (!buttonRef) {
|
|
200
|
-
return "topRight";
|
|
201
|
-
}
|
|
202
|
-
var buttonRect = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
203
|
-
if (!buttonRect) {
|
|
204
|
-
return "topRight";
|
|
205
|
-
}
|
|
206
|
-
var windowHeight = window.innerHeight;
|
|
207
|
-
// Top half of screen
|
|
208
|
-
if (buttonRect.top < windowHeight / 2) {
|
|
209
|
-
return buttonRect.left < window.innerWidth / 2 ? "topLeft" : "topRight";
|
|
210
|
-
}
|
|
211
|
-
// Bottom half of screen
|
|
212
|
-
return buttonRect.left < window.innerWidth / 2 ? "bottomLeft" : "bottomRight";
|
|
213
|
-
}
|
|
214
|
-
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { DropdownMenu } from "../index_with_tw_base";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: typeof DropdownMenu;
|
|
6
|
-
};
|
|
7
|
-
export default meta;
|
|
8
|
-
export declare const DropdownExample: () => React.JSX.Element;
|
|
9
|
-
//# sourceMappingURL=DropdownMenu.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DropdownMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAML,YAAY,EAcb,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAG2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,yBAqe3B,CAAC"}
|