@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.
Files changed (57) hide show
  1. package/dist/cjs/index.js +59763 -59984
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/Breadcrumbs.d.ts.map +1 -1
  4. package/dist/esm/components/Breadcrumbs.js +7 -4
  5. package/dist/esm/components/Breadcrumbs.js.map +1 -1
  6. package/dist/esm/components/Button.d.ts +1 -1
  7. package/dist/esm/components/Button.d.ts.map +1 -1
  8. package/dist/esm/components/Button.js +3 -3
  9. package/dist/esm/components/Button.js.map +1 -1
  10. package/dist/esm/components/DataTable.d.ts +3 -3
  11. package/dist/esm/components/DataTable.d.ts.map +1 -1
  12. package/dist/esm/components/DataTable.js +5 -4
  13. package/dist/esm/components/DataTable.js.map +1 -1
  14. package/dist/esm/components/IconButton.d.ts +3 -3
  15. package/dist/esm/components/IconButton.d.ts.map +1 -1
  16. package/dist/esm/components/IconButton.js +9 -12
  17. package/dist/esm/components/IconButton.js.map +1 -1
  18. package/dist/esm/components/NewDropdown.d.ts +1 -1
  19. package/dist/esm/components/NewDropdown.d.ts.map +1 -1
  20. package/dist/esm/components/index.d.ts +1 -1
  21. package/dist/esm/components/index.d.ts.map +1 -1
  22. package/dist/esm/components/index.js +0 -1
  23. package/dist/esm/components/index.js.map +1 -1
  24. package/dist/esm/stories/DataTable.stories.d.ts.map +1 -1
  25. package/dist/esm/stories/DataTable.stories.js +1 -1
  26. package/dist/esm/stories/DataTable.stories.js.map +1 -1
  27. package/dist/esm/stories/IconButton.stories.d.ts +11 -2
  28. package/dist/esm/stories/IconButton.stories.d.ts.map +1 -1
  29. package/dist/esm/stories/IconButton.stories.js +0 -3
  30. package/dist/esm/stories/IconButton.stories.js.map +1 -1
  31. package/dist/esm/stories/Item.stories.d.ts.map +1 -1
  32. package/dist/esm/stories/Item.stories.js +24 -18
  33. package/dist/esm/stories/Item.stories.js.map +1 -1
  34. package/dist/esm/stories/Tabs.stories.d.ts.map +1 -1
  35. package/dist/esm/stories/Tabs.stories.js.map +1 -1
  36. package/dist/sparkle.css +0 -106
  37. package/package.json +1 -1
  38. package/src/components/Breadcrumbs.tsx +26 -19
  39. package/src/components/Button.tsx +4 -4
  40. package/src/components/DataTable.tsx +22 -15
  41. package/src/components/IconButton.tsx +44 -46
  42. package/src/components/NewDropdown.tsx +1 -1
  43. package/src/components/index.ts +1 -1
  44. package/src/stories/DataTable.stories.tsx +6 -3
  45. package/src/stories/IconButton.stories.tsx +0 -3
  46. package/src/stories/Item.stories.tsx +70 -52
  47. package/src/stories/Tabs.stories.tsx +6 -1
  48. package/dist/esm/components/DropdownMenu.d.ts +0 -59
  49. package/dist/esm/components/DropdownMenu.d.ts.map +0 -1
  50. package/dist/esm/components/DropdownMenu.js +0 -214
  51. package/dist/esm/components/DropdownMenu.js.map +0 -1
  52. package/dist/esm/stories/DropdownMenu.stories.d.ts +0 -9
  53. package/dist/esm/stories/DropdownMenu.stories.d.ts.map +0 -1
  54. package/dist/esm/stories/DropdownMenu.stories.js +0 -223
  55. package/dist/esm/stories/DropdownMenu.stories.js.map +0 -1
  56. package/src/components/DropdownMenu.tsx +0 -521
  57. 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
- DropdownMenu,
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
- <DropdownMenu>
83
- <DropdownMenu.Button label="Dust" />
84
- <DropdownMenu.Items>
85
- <DropdownMenu.Item label="item 1" link={{ href: "#" }} />
86
- <DropdownMenu.Item label="item 2" link={{ href: "#" }} />
87
- </DropdownMenu.Items>
88
- </DropdownMenu>
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
- <DropdownMenu>
92
- <DropdownMenu.Button label="Dust" />
93
- <DropdownMenu.Items>
94
- <DropdownMenu.Item
95
- label="item 1"
96
- link={{ href: "#" }}
97
- icon={Cog6ToothIcon}
98
- />
99
- <DropdownMenu.Item
100
- label="item 2"
101
- link={{ href: "#" }}
102
- icon={Cog6ToothIcon}
103
- />
104
- </DropdownMenu.Items>
105
- </DropdownMenu>
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
- <DropdownMenu>
109
- <DropdownMenu.Button label="Dust" />
110
- <DropdownMenu.Items>
111
- <DropdownMenu.Item
112
- label="item 1"
113
- link={{ href: "#" }}
114
- icon={Cog6ToothIcon}
115
- description="Desciption of the item"
116
- />
117
- <DropdownMenu.Item
118
- label="Dust site"
119
- link={{ href: "https://dust.tt", target: "_blank" }}
120
- icon={Cog6ToothIcon}
121
- description="Desciption of the item"
122
- />
123
- <DropdownMenu.Item
124
- label="item 1"
125
- link={{ href: "#" }}
126
- icon={Cog6ToothIcon}
127
- description="Desciption of the item"
128
- />
129
- <DropdownMenu.Item
130
- label="item 2"
131
- link={{ href: "#" }}
132
- icon={Cog6ToothIcon}
133
- description="Desciption of the item"
134
- />
135
- </DropdownMenu.Items>
136
- </DropdownMenu>
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 disabled value="password" label="World" icon={LightbulbIcon} />
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"}