@dust-tt/sparkle 0.2.467 → 0.2.469-rc-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/Button.d.ts +0 -1
- package/dist/esm/components/Button.d.ts.map +1 -1
- package/dist/esm/components/Button.js +56 -44
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown.js +65 -12
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/stories/Dropdown.stories.d.ts +1 -0
- package/dist/esm/stories/Dropdown.stories.d.ts.map +1 -1
- package/dist/esm/stories/Dropdown.stories.js +185 -20
- package/dist/esm/stories/Dropdown.stories.js.map +1 -1
- package/dist/esm/stories/Spinner.stories.js +2 -2
- package/dist/sparkle.css +38 -7
- package/package.json +1 -1
- package/src/components/Button.tsx +117 -100
- package/src/components/Dropdown.tsx +151 -39
- package/src/stories/Dropdown.stories.tsx +295 -46
- package/src/stories/Spinner.stories.tsx +2 -2
|
@@ -11,7 +11,6 @@ declare const buttonVariants: (props?: ({
|
|
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
12
|
export interface MetaButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
13
13
|
asChild?: boolean;
|
|
14
|
-
variant?: ButtonVariantType | null;
|
|
15
14
|
}
|
|
16
15
|
declare const MetaButton: React.ForwardRefExoticComponent<MetaButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
16
|
type CommonButtonProps = Omit<MetaButtonProps, "children"> & Omit<LinkWrapperProps, "children"> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,gBAAgB,EAOjB,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,eAAe,qFAOlB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,qCAAsC,CAAC;AAChE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,gBAAgB,EAOjB,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,eAAe,qFAOlB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,qCAAsC,CAAC;AAChE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAG3D,QAAA,MAAM,cAAc;;;mFA2EnB,CAAC;AAoCF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAaf,CAAC;AAGF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACxD,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAE/D,QAAA,MAAM,MAAM,uFAyHX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -14,74 +14,86 @@ export var BUTTON_VARIANTS = [
|
|
|
14
14
|
"ghost-secondary",
|
|
15
15
|
];
|
|
16
16
|
export var BUTTON_SIZES = ["mini", "xs", "sm", "md"];
|
|
17
|
-
|
|
18
|
-
primary: cn("s-bg-primary-800 dark:s-bg-primary-800-night", "s-text-primary-50 dark:s-text-primary-50-night", "hover:s-bg-primary-light dark:hover:s-bg-primary-dark-night", "active:s-bg-primary-dark dark:active:s-bg-primary-light-night", "disabled:s-bg-primary-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-primary-muted-night"),
|
|
19
|
-
highlight: cn("s-bg-highlight", "s-text-highlight-50", "hover:s-bg-highlight-light", "active:s-bg-highlight-dark", "disabled:s-bg-highlight-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-highlight-muted-night"),
|
|
20
|
-
warning: cn("s-bg-warning", "s-text-warning-50", "hover:s-bg-warning-light", "active:s-bg-warning-dark", "disabled:s-bg-warning-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-warning-muted-night"),
|
|
21
|
-
outline: cn("s-border", "s-border-border dark:s-border-border-night", "s-text-primary dark:s-text-primary-night", "s-bg-background dark:s-bg-background-night", "hover:s-text-primary dark:hover:s-text-primary-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-border-primary-150 dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-muted dark:disabled:s-text-primary-muted-night", "disabled:s-border-primary-100 dark:disabled:s-border-primary-100-night"),
|
|
22
|
-
ghost: cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-foreground dark:s-text-white", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-white", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
|
|
23
|
-
"ghost-secondary": cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-muted-foreground dark:s-text-muted-foreground-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-primary-900-night", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
|
|
24
|
-
};
|
|
25
|
-
var sizeVariants = {
|
|
26
|
-
mini: "s-h-7 s-p-1.5 s-rounded-lg s-label-xs s-gap-1.5",
|
|
27
|
-
xs: "s-h-7 s-px-2.5 s-rounded-lg s-label-xs s-gap-1.5",
|
|
28
|
-
sm: "s-h-9 s-px-3 s-rounded-xl s-label-sm s-gap-2",
|
|
29
|
-
md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-label-base s-gap-2.5",
|
|
30
|
-
};
|
|
31
|
-
var labelVariants = {
|
|
32
|
-
mini: "s-label-xs",
|
|
33
|
-
xs: "s-label-xs",
|
|
34
|
-
sm: "s-label-sm",
|
|
35
|
-
md: "s-label-base",
|
|
36
|
-
};
|
|
17
|
+
// Define button styling with cva
|
|
37
18
|
var buttonVariants = cva(cn("s-inline-flex s-items-center s-justify-center s-whitespace-nowrap s-ring-offset-background s-transition-colors", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-ring focus-visible:s-ring-offset-2", "dark:focus-visible:s-ring-0 dark:focus-visible:s-ring-offset-1"), {
|
|
38
19
|
variants: {
|
|
39
|
-
variant:
|
|
40
|
-
|
|
20
|
+
variant: {
|
|
21
|
+
primary: cn("s-bg-primary-800 dark:s-bg-primary-800-night", "s-text-primary-50 dark:s-text-primary-50-night", "hover:s-bg-primary-light dark:hover:s-bg-primary-dark-night", "active:s-bg-primary-dark dark:active:s-bg-primary-light-night", "disabled:s-bg-primary-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-primary-muted-night"),
|
|
22
|
+
highlight: cn("s-bg-highlight", "s-text-highlight-50", "hover:s-bg-highlight-light", "active:s-bg-highlight-dark", "disabled:s-bg-highlight-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-highlight-muted-night"),
|
|
23
|
+
warning: cn("s-bg-warning", "s-text-warning-50", "hover:s-bg-warning-light", "active:s-bg-warning-dark", "disabled:s-bg-warning-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-warning-muted-night"),
|
|
24
|
+
outline: cn("s-border", "s-border-border dark:s-border-border-night", "s-text-primary dark:s-text-primary-night", "s-bg-background dark:s-bg-background-night", "hover:s-text-primary dark:hover:s-text-primary-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-border-primary-150 dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-muted dark:disabled:s-text-primary-muted-night", "disabled:s-border-primary-100 dark:disabled:s-border-primary-100-night"),
|
|
25
|
+
ghost: cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-foreground dark:s-text-white", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-white", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
|
|
26
|
+
"ghost-secondary": cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-muted-foreground dark:s-text-muted-foreground-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-primary-900-night", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
|
|
27
|
+
},
|
|
28
|
+
size: {
|
|
29
|
+
mini: "s-h-7 s-p-1.5 s-rounded-lg s-label-xs s-gap-1.5",
|
|
30
|
+
xs: "s-h-7 s-px-2.5 s-rounded-lg s-label-xs s-gap-1.5",
|
|
31
|
+
sm: "s-h-9 s-px-3 s-rounded-xl s-label-sm s-gap-2",
|
|
32
|
+
md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-label-base s-gap-2.5",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
variant: "primary",
|
|
37
|
+
size: "sm",
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
var labelVariants = cva("", {
|
|
41
|
+
variants: {
|
|
42
|
+
size: {
|
|
43
|
+
mini: "s-label-xs",
|
|
44
|
+
xs: "s-label-xs",
|
|
45
|
+
sm: "s-label-sm",
|
|
46
|
+
md: "s-label-base",
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
size: "sm",
|
|
41
51
|
},
|
|
42
52
|
});
|
|
43
53
|
var spinnerVariantsMap = {
|
|
44
|
-
primary: "
|
|
45
|
-
highlight: "
|
|
46
|
-
warning: "
|
|
47
|
-
outline: "
|
|
48
|
-
ghost: "
|
|
49
|
-
"ghost-secondary": "
|
|
54
|
+
primary: "gray50",
|
|
55
|
+
highlight: "gray50",
|
|
56
|
+
warning: "gray50",
|
|
57
|
+
outline: "gray500",
|
|
58
|
+
ghost: "gray500",
|
|
59
|
+
"ghost-secondary": "gray400",
|
|
50
60
|
};
|
|
51
|
-
var
|
|
52
|
-
primary: "
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
61
|
+
var chevronVariantMap = {
|
|
62
|
+
primary: "s-text-white/70",
|
|
63
|
+
outline: "s-text-foreground/70 dark:s-text-foreground-night/70",
|
|
64
|
+
ghost: "s-text-foreground/70 dark:s-text-foreground-night/70",
|
|
65
|
+
"ghost-secondary": "s-text-foreground/70 dark:s-text-foreground-night/70",
|
|
66
|
+
highlight: "s-text-white/70",
|
|
67
|
+
warning: "s-text-white/70",
|
|
58
68
|
};
|
|
59
69
|
var MetaButton = React.forwardRef(function (_a, ref) {
|
|
60
|
-
var className = _a.className, _b = _a.asChild, asChild = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["className", "asChild", "children"]);
|
|
70
|
+
var className = _a.className, _b = _a.asChild, asChild = _b === void 0 ? false : _b, variant = _a.variant, size = _a.size, children = _a.children, props = __rest(_a, ["className", "asChild", "variant", "size", "children"]);
|
|
61
71
|
var Comp = asChild ? Slot : "button";
|
|
62
|
-
return (React.createElement(Comp, __assign({ className: className, ref: ref }, props), children));
|
|
72
|
+
return (React.createElement(Comp, __assign({ className: cn(buttonVariants({ variant: variant, size: size, className: className })), ref: ref }, props), children));
|
|
63
73
|
});
|
|
64
74
|
MetaButton.displayName = "MetaButton";
|
|
65
75
|
var Button = React.forwardRef(function (_a, ref) {
|
|
66
76
|
var label = _a.label, icon = _a.icon, className = _a.className, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, tooltip = _a.tooltip, _d = _a.isSelect, isSelect = _d === void 0 ? false : _d, _e = _a.isPulsing, isPulsing = _e === void 0 ? false : _e, _f = _a.isCounter, isCounter = _f === void 0 ? false : _f, counterValue = _a.counterValue, _g = _a.size, size = _g === void 0 ? "sm" : _g, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, ariaLabel = _a["aria-label"], props = __rest(_a, ["label", "icon", "className", "isLoading", "variant", "tooltip", "isSelect", "isPulsing", "isCounter", "counterValue", "size", "href", "target", "rel", "replace", "shallow", "aria-label"]);
|
|
67
77
|
var iconsSize = size === "mini" ? "sm" : size;
|
|
68
|
-
var spinnerVariant =
|
|
69
|
-
? (variant && spinnerVariantsMapIsLoading[variant]) || "slate400"
|
|
70
|
-
: (variant && spinnerVariantsMap[variant]) || "slate400";
|
|
78
|
+
var spinnerVariant = (variant && spinnerVariantsMap[variant]) || "gray400";
|
|
71
79
|
var renderIcon = function (visual, extraClass) {
|
|
72
80
|
if (extraClass === void 0) { extraClass = ""; }
|
|
73
|
-
return (React.createElement(Icon, { visual: visual, size: iconsSize, className: extraClass }));
|
|
81
|
+
return (React.createElement(Icon, { visual: visual, size: iconsSize, className: cn(extraClass) }));
|
|
82
|
+
};
|
|
83
|
+
var renderChevron = function (visual, extraClass) {
|
|
84
|
+
if (extraClass === void 0) { extraClass = ""; }
|
|
85
|
+
return (React.createElement(Icon, { visual: visual, size: iconsSize, className: cn(variant ? chevronVariantMap[variant] : "", extraClass) }));
|
|
74
86
|
};
|
|
75
87
|
var showCounter = isCounter && counterValue != null;
|
|
76
88
|
var showContainer = label || showCounter;
|
|
77
89
|
var content = (React.createElement(React.Fragment, null,
|
|
78
90
|
isLoading ? (React.createElement("div", { className: "-s-mx-0.5" },
|
|
79
91
|
React.createElement(Spinner, { size: iconsSize, variant: spinnerVariant }))) : (icon && renderIcon(icon, "-s-mx-0.5")),
|
|
80
|
-
showContainer && (React.createElement("div", { className: cn("s-flex s-items-center s-gap-2", labelVariants
|
|
92
|
+
showContainer && (React.createElement("div", { className: cn("s-flex s-items-center s-gap-2", labelVariants({ size: size })) },
|
|
81
93
|
label,
|
|
82
94
|
showCounter && (React.createElement(Counter, { value: Number(counterValue), variant: variant || "primary", size: size === "mini" ? "xs" : size, isInButton: true })))),
|
|
83
|
-
isSelect &&
|
|
84
|
-
var innerButton = (React.createElement(MetaButton, __assign({ ref: ref, size: size, disabled: isLoading || props.disabled, className: cn(
|
|
95
|
+
isSelect && renderChevron(ChevronDownIcon, isLoading ? "" : "-s-mr-1")));
|
|
96
|
+
var innerButton = (React.createElement(MetaButton, __assign({ ref: ref, size: size, variant: variant, disabled: isLoading || props.disabled, className: cn(isPulsing && "s-animate-pulse", className), "aria-label": ariaLabel || tooltip || label, style: {
|
|
85
97
|
"--pulse-color": "#93C5FD",
|
|
86
98
|
"--duration": "1.5s",
|
|
87
99
|
} }, props), content));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EAEX,OAAO,EACP,cAAc,EACd,aAAa,EACb,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,SAAS;IACT,WAAW;IACX,SAAS;IACT,SAAS;IACT,OAAO;IACP,iBAAiB;CACT,CAAC;AAIX,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAGhE,IAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAe,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import * as React from "react";
|
|
@@ -8,6 +8,7 @@ import { LinkWrapper } from "../components/LinkWrapper";
|
|
|
8
8
|
import { SearchInput } from "../components/SearchInput";
|
|
9
9
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "../icons/app";
|
|
10
10
|
import { cn } from "../lib/utils";
|
|
11
|
+
import { TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, } from "../components/Tooltip";
|
|
11
12
|
var ITEM_VARIANTS = ["default", "warning"];
|
|
12
13
|
export var menuStyleClasses = {
|
|
13
14
|
inset: "s-pl-8",
|
|
@@ -40,18 +41,70 @@ var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
|
40
41
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
41
42
|
var ItemWithLabelIconAndDescription = function (_a) {
|
|
42
43
|
var label = _a.label, icon = _a.icon, extraIcon = _a.extraIcon, description = _a.description, truncate = _a.truncate, children = _a.children;
|
|
44
|
+
var labelRef = React.useRef(null);
|
|
45
|
+
var descriptionRef = React.useRef(null);
|
|
46
|
+
var _b = __read(React.useState(false), 2), showTooltip = _b[0], setShowTooltip = _b[1];
|
|
47
|
+
var checkTruncation = React.useCallback(function () {
|
|
48
|
+
var isTruncated = false;
|
|
49
|
+
if (labelRef.current) {
|
|
50
|
+
isTruncated = labelRef.current.scrollWidth > labelRef.current.clientWidth;
|
|
51
|
+
}
|
|
52
|
+
if (descriptionRef.current && !isTruncated) {
|
|
53
|
+
isTruncated =
|
|
54
|
+
descriptionRef.current.scrollWidth > descriptionRef.current.clientWidth;
|
|
55
|
+
}
|
|
56
|
+
setShowTooltip(isTruncated);
|
|
57
|
+
}, []);
|
|
58
|
+
React.useEffect(function () {
|
|
59
|
+
if (!truncate) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
var observer = new ResizeObserver(checkTruncation);
|
|
63
|
+
if (labelRef.current) {
|
|
64
|
+
observer.observe(labelRef.current);
|
|
65
|
+
}
|
|
66
|
+
if (descriptionRef.current) {
|
|
67
|
+
observer.observe(descriptionRef.current);
|
|
68
|
+
}
|
|
69
|
+
// Initial check
|
|
70
|
+
checkTruncation();
|
|
71
|
+
return function () { return observer.disconnect(); };
|
|
72
|
+
}, [truncate, checkTruncation]);
|
|
73
|
+
if (!truncate) {
|
|
74
|
+
return (React.createElement(React.Fragment, null,
|
|
75
|
+
label && (React.createElement("div", { className: "s-grid s-grid-cols-[auto,1fr,auto] s-items-center s-gap-x-2.5" },
|
|
76
|
+
(icon || extraIcon) && (React.createElement("div", { className: cn("s-flex", description ? "s-items-start s-pt-0.5" : "s-items-center") }, icon && extraIcon ? (React.createElement(DoubleIcon, { mainIconProps: {
|
|
77
|
+
visual: icon,
|
|
78
|
+
size: "sm",
|
|
79
|
+
}, secondaryIconProps: {
|
|
80
|
+
visual: extraIcon,
|
|
81
|
+
size: "xs",
|
|
82
|
+
}, position: "bottom-right" })) : icon ? (React.createElement(Icon, { size: "sm", visual: icon })) : null)),
|
|
83
|
+
React.createElement("div", { className: "s-flex s-flex-col" },
|
|
84
|
+
React.createElement("span", null, label),
|
|
85
|
+
description && (React.createElement("span", { className: menuStyleClasses.description }, description))))),
|
|
86
|
+
children));
|
|
87
|
+
}
|
|
43
88
|
return (React.createElement(React.Fragment, null,
|
|
44
|
-
label && (React.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
89
|
+
label && (React.createElement(TooltipProvider, null,
|
|
90
|
+
React.createElement(TooltipRoot, null,
|
|
91
|
+
React.createElement(TooltipTrigger, { asChild: true },
|
|
92
|
+
React.createElement("div", { className: "s-grid s-grid-cols-[auto,1fr,auto] s-items-center s-gap-x-2.5" },
|
|
93
|
+
(icon || extraIcon) && (React.createElement("div", { className: cn("s-flex", description ? "s-items-start s-pt-0.5" : "s-items-center") }, icon && extraIcon ? (React.createElement(DoubleIcon, { mainIconProps: {
|
|
94
|
+
visual: icon,
|
|
95
|
+
size: "sm",
|
|
96
|
+
}, secondaryIconProps: {
|
|
97
|
+
visual: extraIcon,
|
|
98
|
+
size: "xs",
|
|
99
|
+
}, position: "bottom-right" })) : icon ? (React.createElement(Icon, { size: "sm", visual: icon })) : null)),
|
|
100
|
+
React.createElement("div", { className: "s-flex s-flex-col" },
|
|
101
|
+
React.createElement("span", { ref: labelRef, className: "s-line-clamp-1" }, label),
|
|
102
|
+
description && (React.createElement("span", { ref: descriptionRef, className: cn(menuStyleClasses.description, "s-line-clamp-1") }, description))))),
|
|
103
|
+
showTooltip && (React.createElement(TooltipPortal, null,
|
|
104
|
+
React.createElement(TooltipContent, { side: "top", align: "start", className: "s-max-w-sm" },
|
|
105
|
+
React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
|
|
106
|
+
React.createElement("div", null, label),
|
|
107
|
+
description && (React.createElement("div", { className: menuStyleClasses.description }, description))))))))),
|
|
55
108
|
children));
|
|
56
109
|
};
|
|
57
110
|
var DropdownMenuSubTrigger = React.forwardRef(function (_a, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8D1B,QAAA,MAAM,IAAI;;;CAG2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,gBAAgB,yBAU5B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAI1B,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem,
|
|
3
|
+
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuStaticItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../components/Dropdown";
|
|
4
4
|
import { AnthropicLogo, DriveLogo, GithubLogo, MistralLogo, NotionLogo, OpenaiLogo, SlackLogo, } from "../logo/platforms";
|
|
5
|
-
import { ArrowDownCircleIcon, Avatar, Button, ChatBubbleBottomCenterPlusIcon, CloudArrowDownIcon,
|
|
5
|
+
import { ActionArmchairIcon, ActionCloudArrowDownIcon, ActionCommand1Icon, ActionDocumentIcon, ActionFolderIcon, ActionMagicIcon, ActionUserGroupIcon, ArrowDownCircleIcon, ArrowUpOnSquareIcon, AttachmentIcon, Avatar, Button, ChatBubbleBottomCenterPlusIcon, CloudArrowDownIcon, Cog6ToothIcon, DocumentIcon, FolderIcon, HandThumbDownIcon, HandThumbUpIcon, Icon, LogoutIcon, MagicIcon, MagnifyingGlassIcon, PlusIcon, RobotIcon, ScrollArea, SearchInput, SuitcaseIcon, UserGroupIcon, UserIcon, } from "../index_with_tw_base";
|
|
6
6
|
var meta = {
|
|
7
7
|
title: "Primitives/Dropdown",
|
|
8
8
|
component: DropdownMenu,
|
|
@@ -15,8 +15,9 @@ export var DropdownExamples = function () { return (React.createElement("div", {
|
|
|
15
15
|
React.createElement("div", null, DropdownMenuRadioGroupDemo()),
|
|
16
16
|
React.createElement("div", null, ModelsDropdownDemo()),
|
|
17
17
|
React.createElement("div", null, ModelsDropdownRadioGroupDemo()),
|
|
18
|
-
React.createElement("div", null, DropdownMenuSearchbarDemo()),
|
|
19
18
|
React.createElement("div", null, StaticItemDropdownDemo()))); };
|
|
19
|
+
export var PickerExamples = function () { return (React.createElement("div", { className: "s-flex s-h-80 s-w-full s-flex-col s-items-center s-justify-center s-gap-4 s-text-foreground dark:s-text-foreground-night" },
|
|
20
|
+
React.createElement("div", null, AttachFileDemo()))); };
|
|
20
21
|
function SimpleDropdownDemo() {
|
|
21
22
|
return (React.createElement(DropdownMenu, null,
|
|
22
23
|
React.createElement(DropdownMenuTrigger, null, "Open Simple Dropdown"),
|
|
@@ -141,9 +142,39 @@ function ModelsDropdownRadioGroupDemo() {
|
|
|
141
142
|
React.createElement(DropdownMenuLabel, { label: "Best performing models" }),
|
|
142
143
|
bestPerformingModels.map(function (modelConfig) { return (React.createElement(DropdownMenuRadioItem, { key: modelConfig.name, label: modelConfig.name, icon: modelConfig.icon, description: modelConfig.description, value: modelConfig.name })); })))));
|
|
143
144
|
}
|
|
144
|
-
function
|
|
145
|
+
function AttachFileDemo() {
|
|
145
146
|
var _a = __read(React.useState(""), 2), searchText = _a[0], setSearchText = _a[1];
|
|
146
147
|
var _b = __read(React.useState(null), 2), selectedItem = _b[0], setSelectedItem = _b[1];
|
|
148
|
+
var _c = __read(React.useState(false), 2), open = _c[0], setOpen = _c[1];
|
|
149
|
+
var _d = __read(React.useState(false), 2), openAgents = _d[0], setOpenAgents = _d[1];
|
|
150
|
+
var _e = __read(React.useState(false), 2), openToolsets = _e[0], setOpenToolsets = _e[1];
|
|
151
|
+
var searchInputRef = React.useRef(null);
|
|
152
|
+
var agentsSearchInputRef = React.useRef(null);
|
|
153
|
+
var toolsetsSearchInputRef = React.useRef(null);
|
|
154
|
+
React.useEffect(function () {
|
|
155
|
+
if (open) {
|
|
156
|
+
setTimeout(function () {
|
|
157
|
+
var _a;
|
|
158
|
+
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
159
|
+
}, 0);
|
|
160
|
+
}
|
|
161
|
+
}, [open]);
|
|
162
|
+
React.useEffect(function () {
|
|
163
|
+
if (openAgents) {
|
|
164
|
+
setTimeout(function () {
|
|
165
|
+
var _a;
|
|
166
|
+
(_a = agentsSearchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
167
|
+
}, 0);
|
|
168
|
+
}
|
|
169
|
+
}, [openAgents]);
|
|
170
|
+
React.useEffect(function () {
|
|
171
|
+
if (openToolsets) {
|
|
172
|
+
setTimeout(function () {
|
|
173
|
+
var _a;
|
|
174
|
+
(_a = toolsetsSearchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
175
|
+
}, 0);
|
|
176
|
+
}
|
|
177
|
+
}, [openToolsets]);
|
|
147
178
|
var items = [
|
|
148
179
|
"Automated Data Processing Automated Data Processing Automated Data Processing Automated Data Processing",
|
|
149
180
|
"Business Intelligence Dashboard",
|
|
@@ -171,22 +202,156 @@ function DropdownMenuSearchbarDemo() {
|
|
|
171
202
|
});
|
|
172
203
|
var mainIcons = [FolderIcon, DocumentIcon];
|
|
173
204
|
var extraIcons = [DriveLogo, NotionLogo, SlackLogo];
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
205
|
+
var filteredAgents = [
|
|
206
|
+
{
|
|
207
|
+
name: "Research Assistant",
|
|
208
|
+
description: "Academic research and paper analysis",
|
|
209
|
+
emoji: "🔬",
|
|
210
|
+
backgroundColor: "s-bg-blue-200",
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
name: "Code Companion",
|
|
214
|
+
description: "Pair programming and code review",
|
|
215
|
+
emoji: "💻",
|
|
216
|
+
backgroundColor: "s-bg-purple-200",
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
name: "Data Analyst",
|
|
220
|
+
description: "Data visualization and insights",
|
|
221
|
+
emoji: "��",
|
|
222
|
+
backgroundColor: "s-bg-green-200",
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
name: "Content Writer",
|
|
226
|
+
description: "Blog posts and marketing copy",
|
|
227
|
+
emoji: "✍️",
|
|
228
|
+
backgroundColor: "s-bg-yellow-200",
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
name: "Customer Support",
|
|
232
|
+
description: "24/7 customer service automation",
|
|
233
|
+
emoji: "🤝",
|
|
234
|
+
backgroundColor: "s-bg-pink-200",
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
name: "Legal Assistant",
|
|
238
|
+
description: "Contract review and legal research",
|
|
239
|
+
emoji: "⚖️",
|
|
240
|
+
backgroundColor: "s-bg-red-200",
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
name: "Design Assistant",
|
|
244
|
+
description: "UI/UX design and prototyping",
|
|
245
|
+
emoji: "🎨",
|
|
246
|
+
backgroundColor: "s-bg-indigo-200",
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
name: "Financial Advisor",
|
|
250
|
+
description: "Investment analysis and planning",
|
|
251
|
+
emoji: "💰",
|
|
252
|
+
backgroundColor: "s-bg-emerald-200",
|
|
253
|
+
},
|
|
254
|
+
];
|
|
255
|
+
var filteredToolsetList = [
|
|
256
|
+
{
|
|
257
|
+
name: "Product Design Suite",
|
|
258
|
+
description: "Figma, Adobe XD, and design assets",
|
|
259
|
+
icon: ActionMagicIcon,
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
name: "Business Intelligence",
|
|
263
|
+
description: "Tableau, PowerBI, and analytics tools",
|
|
264
|
+
icon: ActionDocumentIcon,
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
name: "Project Management",
|
|
268
|
+
description: "Notion, Jira, and task tracking",
|
|
269
|
+
icon: ActionFolderIcon,
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
name: "Communication Hub",
|
|
273
|
+
description: "Slack, Email, and messaging platforms",
|
|
274
|
+
icon: ActionArmchairIcon,
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
name: "Development Stack",
|
|
278
|
+
description: "GitHub, VSCode, and dev tools",
|
|
279
|
+
icon: ActionCommand1Icon,
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
name: "Customer Success",
|
|
283
|
+
description: "Zendesk, Intercom, and support tools",
|
|
284
|
+
icon: ActionUserGroupIcon,
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
name: "Marketing Suite",
|
|
288
|
+
description: "HubSpot, Mailchimp, and campaign tools",
|
|
289
|
+
icon: ActionCloudArrowDownIcon,
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
name: "Data Warehouse",
|
|
293
|
+
description: "Snowflake, BigQuery, and data storage",
|
|
294
|
+
icon: ActionArmchairIcon,
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
name: "HR Platform",
|
|
298
|
+
description: "BambooHR, Workday, and people tools",
|
|
299
|
+
icon: ActionMagicIcon,
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
name: "Finance Stack",
|
|
303
|
+
description: "QuickBooks, Stripe, and payment tools",
|
|
304
|
+
icon: ActionFolderIcon,
|
|
305
|
+
},
|
|
306
|
+
];
|
|
307
|
+
return (React.createElement("div", { className: "s-flex s-gap-2" },
|
|
308
|
+
React.createElement(DropdownMenu, { open: open, onOpenChange: setOpen },
|
|
309
|
+
React.createElement(DropdownMenuTrigger, { asChild: true },
|
|
310
|
+
React.createElement(Button, { label: selectedItem || "Attach", icon: AttachmentIcon, variant: "outline", size: "sm" })),
|
|
311
|
+
React.createElement(DropdownMenuContent, { className: "s-w-[380px]" },
|
|
312
|
+
React.createElement("div", { className: "s-flex s-gap-1.5 s-p-1.5" },
|
|
313
|
+
React.createElement(SearchInput, { ref: searchInputRef, name: "search", onChange: setSearchText, onKeyDown: function () { }, placeholder: "Search in Dust", value: searchText }),
|
|
314
|
+
React.createElement(Button, { icon: ArrowUpOnSquareIcon, label: "Upload File" })),
|
|
315
|
+
React.createElement(DropdownMenuSeparator, null),
|
|
316
|
+
React.createElement(ScrollArea, { className: "s-h-[380px]" }, searchText ? (filteredItems.map(function (item) {
|
|
317
|
+
var randomMainIcon = mainIcons[Math.floor(Math.random() * mainIcons.length)];
|
|
318
|
+
var randomExtraIcon = extraIcons[Math.floor(Math.random() * extraIcons.length)];
|
|
319
|
+
return (React.createElement(DropdownMenuItem, { key: item, label: item, description: "Company Space/Notion", icon: randomMainIcon, extraIcon: randomExtraIcon, onClick: function () {
|
|
320
|
+
setSelectedItem(item);
|
|
321
|
+
setSearchText("");
|
|
322
|
+
}, truncateText: true }));
|
|
323
|
+
})) : (React.createElement("div", { className: "s-flex s-h-full s-w-full s-items-center s-justify-center s-py-8" },
|
|
324
|
+
React.createElement("div", { className: "s-flex s-flex-col s-items-center s-justify-center s-gap-0 s-text-center s-text-base s-font-semibold s-text-primary-400" },
|
|
325
|
+
React.createElement(Icon, { visual: MagnifyingGlassIcon, size: "sm" }),
|
|
326
|
+
"Search in Dust")))))),
|
|
327
|
+
React.createElement(DropdownMenu, { open: openAgents, onOpenChange: setOpenAgents },
|
|
328
|
+
React.createElement(DropdownMenuTrigger, { asChild: true },
|
|
329
|
+
React.createElement(Button, { icon: RobotIcon, variant: "outline", size: "sm", isSelect: true })),
|
|
330
|
+
React.createElement(DropdownMenuContent, { className: "s-w-[380px]" },
|
|
331
|
+
React.createElement("div", { className: "s-flex s-gap-1.5 s-p-1.5" },
|
|
332
|
+
React.createElement(SearchInput, { ref: agentsSearchInputRef, name: "search", onChange: function () { }, onKeyDown: function () { }, placeholder: "Search Agents", value: "" }),
|
|
333
|
+
React.createElement(Button, { icon: PlusIcon, label: "Create" })),
|
|
334
|
+
React.createElement(DropdownMenuSeparator, null),
|
|
335
|
+
React.createElement(ScrollArea, { className: "s-h-[380px]" }, filteredAgents.map(function (agent) {
|
|
336
|
+
return (React.createElement(DropdownMenuItem, { key: agent.name, label: agent.name, description: agent.description, icon: function () { return (React.createElement(Avatar, { size: "sm", emoji: agent.emoji, backgroundColor: agent.backgroundColor })); }, onClick: function () {
|
|
337
|
+
setSelectedItem(agent.name);
|
|
338
|
+
setSearchText("");
|
|
339
|
+
}, truncateText: true }));
|
|
340
|
+
})))),
|
|
341
|
+
React.createElement(DropdownMenu, { open: openToolsets, onOpenChange: setOpenToolsets },
|
|
342
|
+
React.createElement(DropdownMenuTrigger, { asChild: true },
|
|
343
|
+
React.createElement(Button, { label: selectedItem || "Add Toolset", icon: SuitcaseIcon, variant: "outline", size: "sm" })),
|
|
344
|
+
React.createElement(DropdownMenuContent, { className: "s-w-[380px]" },
|
|
345
|
+
React.createElement("div", { className: "s-flex s-gap-1.5 s-p-1.5" },
|
|
346
|
+
React.createElement(SearchInput, { ref: toolsetsSearchInputRef, name: "search", onChange: function () { }, onKeyDown: function () { }, placeholder: "Search Toolsets", value: "" }),
|
|
347
|
+
React.createElement(Button, { icon: PlusIcon, label: "Add MCP Server" })),
|
|
348
|
+
React.createElement(DropdownMenuSeparator, null),
|
|
349
|
+
React.createElement(ScrollArea, { className: "s-h-[380px]" }, filteredToolsetList.map(function (toolset) {
|
|
350
|
+
return (React.createElement(DropdownMenuItem, { key: toolset.name, label: toolset.name, description: toolset.description, icon: function () { return React.createElement(Avatar, { size: "sm", icon: toolset.icon }); }, onClick: function () {
|
|
351
|
+
setSelectedItem(toolset.name);
|
|
352
|
+
setSearchText("");
|
|
353
|
+
}, truncateText: true }));
|
|
354
|
+
}))))));
|
|
190
355
|
}
|
|
191
356
|
function StaticItemDropdownDemo() {
|
|
192
357
|
return (React.createElement(DropdownMenu, null,
|