@dust-tt/sparkle 0.4.11 → 0.4.12-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 +1 -1
- package/dist/esm/components/ButtonGroup.d.ts +19 -2
- package/dist/esm/components/ButtonGroup.d.ts.map +1 -1
- package/dist/esm/components/ButtonGroup.js +27 -20
- package/dist/esm/components/ButtonGroup.js.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/stories/ButtonGroup.stories.d.ts +4 -3
- package/dist/esm/stories/ButtonGroup.stories.d.ts.map +1 -1
- package/dist/esm/stories/ButtonGroup.stories.js +130 -41
- package/dist/esm/stories/ButtonGroup.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ButtonGroup.tsx +91 -32
- package/src/components/index.ts +1 -1
- package/src/stories/ButtonGroup.stories.tsx +162 -63
|
@@ -1,19 +1,36 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { ButtonProps, ButtonSizeType, ButtonVariantType } from "./Button";
|
|
4
|
+
import type { DropdownMenuItemProps } from "./Dropdown";
|
|
5
|
+
type ButtonGroupButtonItem = {
|
|
6
|
+
type: "button";
|
|
7
|
+
props: ButtonProps;
|
|
8
|
+
};
|
|
9
|
+
type ButtonGroupDropdownItem = {
|
|
10
|
+
type: "dropdown";
|
|
11
|
+
triggerProps: Omit<ButtonProps, "onClick">;
|
|
12
|
+
dropdownProps: {
|
|
13
|
+
items: DropdownMenuItemProps[];
|
|
14
|
+
align?: "start" | "center" | "end";
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export type ButtonGroupItem = ButtonGroupButtonItem | ButtonGroupDropdownItem;
|
|
4
18
|
type DisallowedButtonGroupVariant = "ghost" | "ghost-secondary" | "highlight" | "warning";
|
|
5
19
|
export type ButtonGroupVariantType = Exclude<ButtonVariantType, DisallowedButtonGroupVariant>;
|
|
6
20
|
declare const buttonGroupVariants: (props?: ({
|
|
7
21
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
8
22
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
23
|
export interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof buttonGroupVariants> {
|
|
10
|
-
|
|
24
|
+
/**
|
|
25
|
+
* Array of button or dropdown items to render in the group.
|
|
26
|
+
*/
|
|
27
|
+
items: ButtonGroupItem[];
|
|
11
28
|
/**
|
|
12
29
|
* Variant to apply to all buttons in the group.
|
|
13
30
|
*/
|
|
14
31
|
variant?: ButtonGroupVariantType;
|
|
15
32
|
/**
|
|
16
|
-
* Size to apply to all buttons in the group. Mini buttons must opt-in per
|
|
33
|
+
* Size to apply to all buttons in the group. Mini buttons must opt-in per item.
|
|
17
34
|
*/
|
|
18
35
|
size?: Exclude<ButtonSizeType, "mini">;
|
|
19
36
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE/E,KAAK,4BAA4B,GAC7B,OAAO,GACP,iBAAiB,GACjB,WAAW,GACX,SAAS,CAAC;AAEd,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,iBAAiB,EACjB,4BAA4B,CAC7B,CAAC;AA6BF,QAAA,MAAM,mBAAmB;;mFAUvB,CAAC;AAEH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAQxD,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3C,aAAa,EAAE;QACb,KAAK,EAAE,qBAAqB,EAAE,CAAC;QAC/B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;KACpC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAE9E,KAAK,4BAA4B,GAC7B,OAAO,GACP,iBAAiB,GACjB,WAAW,GACX,SAAS,CAAC;AAEd,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,iBAAiB,EACjB,4BAA4B,CAC7B,CAAC;AA6BF,QAAA,MAAM,mBAAmB;;mFAUvB,CAAC;AAEH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,yFAgIhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -2,6 +2,8 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cn } from "../lib/utils";
|
|
5
|
+
import { Button } from "./Button";
|
|
6
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./Dropdown";
|
|
5
7
|
var DISALLOWED_VARIANTS = new Set([
|
|
6
8
|
"ghost",
|
|
7
9
|
"ghost-secondary",
|
|
@@ -33,17 +35,15 @@ var buttonGroupVariants = cva("s-inline-flex", {
|
|
|
33
35
|
},
|
|
34
36
|
});
|
|
35
37
|
var ButtonGroup = React.forwardRef(function (_a, ref) {
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
var totalChildren = childrenArray.length;
|
|
38
|
+
var _b;
|
|
39
|
+
var className = _a.className, _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c, variant = _a.variant, size = _a.size, disabled = _a.disabled, _d = _a.removeGaps, removeGaps = _d === void 0 ? true : _d, items = _a.items, props = __rest(_a, ["className", "orientation", "variant", "size", "disabled", "removeGaps", "items"]);
|
|
40
|
+
var totalItems = (_b = items === null || items === void 0 ? void 0 : items.length) !== null && _b !== void 0 ? _b : 0;
|
|
41
|
+
var renderedItems = items.map(function (item, index) {
|
|
42
|
+
var _a;
|
|
43
43
|
var isFirst = index === 0;
|
|
44
|
-
var isLast = index ===
|
|
44
|
+
var isLast = index === totalItems - 1;
|
|
45
45
|
var borderRadiusClasses = (function () {
|
|
46
|
-
if (!removeGaps ||
|
|
46
|
+
if (!removeGaps || totalItems === 1) {
|
|
47
47
|
return "";
|
|
48
48
|
}
|
|
49
49
|
if (orientation === "horizontal") {
|
|
@@ -72,18 +72,25 @@ var ButtonGroup = React.forwardRef(function (_a, ref) {
|
|
|
72
72
|
}
|
|
73
73
|
return isLast ? "" : "s-border-b-0";
|
|
74
74
|
})();
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
isRounded: false,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
75
|
+
if (item.type === "button") {
|
|
76
|
+
var nextVariant_1 = sanitizeVariant(variant !== null && variant !== void 0 ? variant : item.props.variant);
|
|
77
|
+
var rawSize_1 = size !== null && size !== void 0 ? size : item.props.size;
|
|
78
|
+
var nextSize_1 = rawSize_1 === "mini"
|
|
79
|
+
? undefined
|
|
80
|
+
: rawSize_1;
|
|
81
|
+
return (React.createElement(Button, __assign({ key: index }, item.props, { variant: nextVariant_1, size: nextSize_1, disabled: disabled !== null && disabled !== void 0 ? disabled : item.props.disabled, isRounded: false, className: cn(item.props.className, borderRadiusClasses, borderClasses) })));
|
|
82
|
+
}
|
|
83
|
+
var nextVariant = sanitizeVariant(variant !== null && variant !== void 0 ? variant : item.triggerProps.variant);
|
|
84
|
+
var rawSize = size !== null && size !== void 0 ? size : item.triggerProps.size;
|
|
85
|
+
var nextSize = rawSize === "mini"
|
|
86
|
+
? undefined
|
|
87
|
+
: rawSize;
|
|
88
|
+
return (React.createElement(DropdownMenu, { key: index },
|
|
89
|
+
React.createElement(DropdownMenuTrigger, { asChild: true },
|
|
90
|
+
React.createElement(Button, __assign({}, item.triggerProps, { variant: nextVariant, size: nextSize, disabled: disabled !== null && disabled !== void 0 ? disabled : item.triggerProps.disabled, isRounded: false, className: cn(item.triggerProps.className, borderRadiusClasses, borderClasses) }))),
|
|
91
|
+
React.createElement(DropdownMenuContent, { align: (_a = item.dropdownProps.align) !== null && _a !== void 0 ? _a : "center" }, item.dropdownProps.items.map(function (dropdownItem, dropdownIndex) { return (React.createElement(DropdownMenuItem, __assign({ key: dropdownIndex }, dropdownItem))); }))));
|
|
85
92
|
});
|
|
86
|
-
return (React.createElement("div", __assign({ ref: ref, className: cn(buttonGroupVariants({ orientation: orientation }), removeGaps ? "s-gap-0" : "s-gap-2", className), role: "group" }, props),
|
|
93
|
+
return (React.createElement("div", __assign({ ref: ref, className: cn(buttonGroupVariants({ orientation: orientation }), removeGaps ? "s-gap-0" : "s-gap-2", className), role: "group" }, props), renderedItems));
|
|
87
94
|
});
|
|
88
95
|
ButtonGroup.displayName = "ButtonGroup";
|
|
89
96
|
export { ButtonGroup, buttonGroupVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ export type { BreadcrumbItem } from "./Breadcrumbs";
|
|
|
9
9
|
export { Breadcrumbs } from "./Breadcrumbs";
|
|
10
10
|
export type { ButtonProps, MiniButtonProps, RegularButtonProps, } from "./Button";
|
|
11
11
|
export { Button } from "./Button";
|
|
12
|
-
export type { ButtonGroupProps } from "./ButtonGroup";
|
|
12
|
+
export type { ButtonGroupItem, ButtonGroupProps } from "./ButtonGroup";
|
|
13
13
|
export { ButtonGroup } from "./ButtonGroup";
|
|
14
14
|
export { ButtonsSwitch, ButtonsSwitchList } from "./ButtonsSwitch";
|
|
15
15
|
export type { CardProps } from "./Card";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,WAAW,EACX,eAAe,EACf,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { StoryObj } from "@storybook/react";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import type { ButtonGroupVariantType } from "../components/ButtonGroup";
|
|
3
|
+
import type { ButtonGroupItem, ButtonGroupVariantType } from "../components/ButtonGroup";
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.ForwardRefExoticComponent<import("../components/ButtonGroup").ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -35,14 +35,14 @@ declare const meta: {
|
|
|
35
35
|
description: string;
|
|
36
36
|
control: "boolean";
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
items: {
|
|
39
39
|
table: {
|
|
40
40
|
disable: true;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
};
|
|
44
44
|
args: {
|
|
45
|
-
|
|
45
|
+
items: ButtonGroupItem[];
|
|
46
46
|
variant: "outline";
|
|
47
47
|
size: "sm";
|
|
48
48
|
orientation: "horizontal";
|
|
@@ -60,4 +60,5 @@ export declare const Vertical: Story;
|
|
|
60
60
|
export declare const Disabled: Story;
|
|
61
61
|
export declare const WithGaps: Story;
|
|
62
62
|
export declare const Gallery: Story;
|
|
63
|
+
export declare const WithDropdownMenu: Story;
|
|
63
64
|
//# sourceMappingURL=ButtonGroup.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACvB,MAAM,iCAAiC,CAAC;AA8BzC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAwBF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsG9B,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { BUTTON_SIZES, BUTTON_VARIANTS, } from "../components/Button";
|
|
4
|
-
import {
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
import { ArrowPathIcon, ButtonGroup, ChevronDownIcon, ClipboardIcon, PlusIcon, RobotIcon, Separator, TrashIcon, } from "../index_with_tw_base";
|
|
5
|
+
var DEFAULT_ITEMS = [
|
|
6
|
+
{ type: "button", props: { label: "First" } },
|
|
7
|
+
{ type: "button", props: { label: "Second" } },
|
|
8
|
+
{ type: "button", props: { label: "Third" } },
|
|
9
|
+
];
|
|
9
10
|
var DISALLOWED_GROUP_VARIANTS = [
|
|
10
11
|
"ghost",
|
|
11
12
|
"ghost-secondary",
|
|
@@ -19,12 +20,12 @@ var meta = {
|
|
|
19
20
|
tags: ["autodocs"],
|
|
20
21
|
argTypes: {
|
|
21
22
|
variant: {
|
|
22
|
-
description: "Variant applied to every
|
|
23
|
+
description: "Variant applied to every button",
|
|
23
24
|
control: { type: "select" },
|
|
24
25
|
options: BUTTON_GROUP_VARIANTS,
|
|
25
26
|
},
|
|
26
27
|
size: {
|
|
27
|
-
description: "Size applied to every
|
|
28
|
+
description: "Size applied to every button",
|
|
28
29
|
control: { type: "select" },
|
|
29
30
|
options: BUTTON_SIZES.filter(function (size) { return size !== "mini"; }),
|
|
30
31
|
},
|
|
@@ -41,12 +42,12 @@ var meta = {
|
|
|
41
42
|
description: "Remove gaps and merge button borders",
|
|
42
43
|
control: "boolean",
|
|
43
44
|
},
|
|
44
|
-
|
|
45
|
+
items: {
|
|
45
46
|
table: { disable: true },
|
|
46
47
|
},
|
|
47
48
|
},
|
|
48
49
|
args: {
|
|
49
|
-
|
|
50
|
+
items: DEFAULT_ITEMS,
|
|
50
51
|
variant: "outline",
|
|
51
52
|
size: "sm",
|
|
52
53
|
orientation: "horizontal",
|
|
@@ -58,56 +59,144 @@ var meta = {
|
|
|
58
59
|
export default meta;
|
|
59
60
|
export var Playground = {};
|
|
60
61
|
export var WithIcons = {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
args: {
|
|
63
|
+
items: [
|
|
64
|
+
{ type: "button", props: { icon: PlusIcon, label: "Add" } },
|
|
65
|
+
{ type: "button", props: { icon: RobotIcon, label: "Agent" } },
|
|
66
|
+
{ type: "button", props: { label: "More" } },
|
|
67
|
+
],
|
|
68
|
+
},
|
|
65
69
|
};
|
|
66
70
|
export var WithCounters = {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
+
args: {
|
|
72
|
+
items: [
|
|
73
|
+
{
|
|
74
|
+
type: "button",
|
|
75
|
+
props: { label: "Inbox", isCounter: true, counterValue: "5" },
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
type: "button",
|
|
79
|
+
props: { label: "Sent", isCounter: true, counterValue: "12" },
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
type: "button",
|
|
83
|
+
props: { label: "Drafts", isCounter: true, counterValue: "3" },
|
|
84
|
+
},
|
|
85
|
+
],
|
|
86
|
+
},
|
|
71
87
|
};
|
|
72
88
|
export var Vertical = {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
React.createElement(Button, { label: "Third" }))); },
|
|
89
|
+
args: {
|
|
90
|
+
orientation: "vertical",
|
|
91
|
+
},
|
|
77
92
|
};
|
|
78
93
|
export var Disabled = {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
React.createElement(Button, { label: "Third" }))); },
|
|
94
|
+
args: {
|
|
95
|
+
disabled: true,
|
|
96
|
+
},
|
|
83
97
|
};
|
|
84
98
|
export var WithGaps = {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement(Button, { label: "Third" }))); },
|
|
99
|
+
args: {
|
|
100
|
+
removeGaps: false,
|
|
101
|
+
},
|
|
89
102
|
};
|
|
103
|
+
var VARIANT_ITEMS = [
|
|
104
|
+
{ type: "button", props: { label: "One" } },
|
|
105
|
+
{ type: "button", props: { label: "Two" } },
|
|
106
|
+
{ type: "button", props: { label: "Three" } },
|
|
107
|
+
];
|
|
90
108
|
var ButtonGroupByVariant = function (_a) {
|
|
91
109
|
var variant = _a.variant;
|
|
92
110
|
return (React.createElement(React.Fragment, null,
|
|
93
111
|
React.createElement(Separator, null),
|
|
94
112
|
React.createElement("h3", { className: "s-text-primary dark:s-text-primary-50" }, variant),
|
|
95
113
|
React.createElement("div", { className: "s-flex s-items-center s-gap-4" },
|
|
96
|
-
React.createElement(ButtonGroup, { variant: variant, size: "xs" },
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
React.createElement(Button, { label: "Three" })),
|
|
100
|
-
React.createElement(ButtonGroup, { variant: variant, size: "sm" },
|
|
101
|
-
React.createElement(Button, { label: "One" }),
|
|
102
|
-
React.createElement(Button, { label: "Two" }),
|
|
103
|
-
React.createElement(Button, { label: "Three" })),
|
|
104
|
-
React.createElement(ButtonGroup, { variant: variant, size: "md" },
|
|
105
|
-
React.createElement(Button, { label: "One" }),
|
|
106
|
-
React.createElement(Button, { label: "Two" }),
|
|
107
|
-
React.createElement(Button, { label: "Three" })))));
|
|
114
|
+
React.createElement(ButtonGroup, { variant: variant, size: "xs", items: VARIANT_ITEMS }),
|
|
115
|
+
React.createElement(ButtonGroup, { variant: variant, size: "sm", items: VARIANT_ITEMS }),
|
|
116
|
+
React.createElement(ButtonGroup, { variant: variant, size: "md", items: VARIANT_ITEMS }))));
|
|
108
117
|
};
|
|
109
118
|
export var Gallery = {
|
|
110
119
|
args: meta.args,
|
|
111
120
|
render: function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" }, BUTTON_GROUP_VARIANTS.map(function (variant) { return (React.createElement(ButtonGroupByVariant, { key: variant, variant: variant })); }))); },
|
|
112
121
|
};
|
|
122
|
+
export var WithDropdownMenu = {
|
|
123
|
+
render: function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
|
|
124
|
+
React.createElement("div", null,
|
|
125
|
+
React.createElement("h3", { className: "s-mb-2 s-text-sm s-font-medium" }, "Split button with dropdown"),
|
|
126
|
+
React.createElement(ButtonGroup, { variant: "outline", items: [
|
|
127
|
+
{
|
|
128
|
+
type: "button",
|
|
129
|
+
props: {
|
|
130
|
+
icon: ClipboardIcon,
|
|
131
|
+
tooltip: "Copy to clipboard",
|
|
132
|
+
variant: "ghost-secondary",
|
|
133
|
+
size: "xs",
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
type: "dropdown",
|
|
138
|
+
triggerProps: {
|
|
139
|
+
variant: "ghost-secondary",
|
|
140
|
+
size: "xs",
|
|
141
|
+
icon: ChevronDownIcon,
|
|
142
|
+
},
|
|
143
|
+
dropdownProps: {
|
|
144
|
+
items: [
|
|
145
|
+
{ label: "Retry", icon: ArrowPathIcon },
|
|
146
|
+
{ label: "Delete", icon: TrashIcon, variant: "warning" },
|
|
147
|
+
],
|
|
148
|
+
},
|
|
149
|
+
},
|
|
150
|
+
] })),
|
|
151
|
+
React.createElement("div", null,
|
|
152
|
+
React.createElement("h3", { className: "s-mb-2 s-text-sm s-font-medium" }, "Multiple variations"),
|
|
153
|
+
React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" },
|
|
154
|
+
React.createElement(ButtonGroup, { variant: "outline", items: [
|
|
155
|
+
{ type: "button", props: { label: "Copy", size: "sm" } },
|
|
156
|
+
{
|
|
157
|
+
type: "dropdown",
|
|
158
|
+
triggerProps: { size: "sm", icon: ChevronDownIcon },
|
|
159
|
+
dropdownProps: {
|
|
160
|
+
items: [
|
|
161
|
+
{ label: "Option 1" },
|
|
162
|
+
{ label: "Option 2" },
|
|
163
|
+
{ label: "Option 3" },
|
|
164
|
+
],
|
|
165
|
+
},
|
|
166
|
+
},
|
|
167
|
+
] }),
|
|
168
|
+
React.createElement(ButtonGroup, { variant: "primary", items: [
|
|
169
|
+
{ type: "button", props: { label: "Save", size: "sm" } },
|
|
170
|
+
{
|
|
171
|
+
type: "dropdown",
|
|
172
|
+
triggerProps: { size: "sm", icon: ChevronDownIcon },
|
|
173
|
+
dropdownProps: {
|
|
174
|
+
items: [
|
|
175
|
+
{ label: "Save and close" },
|
|
176
|
+
{ label: "Save as draft" },
|
|
177
|
+
],
|
|
178
|
+
},
|
|
179
|
+
},
|
|
180
|
+
] }),
|
|
181
|
+
React.createElement(ButtonGroup, { variant: "outline", items: [
|
|
182
|
+
{
|
|
183
|
+
type: "button",
|
|
184
|
+
props: { icon: PlusIcon, label: "Add", size: "sm" },
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
type: "button",
|
|
188
|
+
props: { icon: RobotIcon, label: "Agent", size: "sm" },
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
type: "dropdown",
|
|
192
|
+
triggerProps: { size: "sm", icon: ChevronDownIcon },
|
|
193
|
+
dropdownProps: {
|
|
194
|
+
items: [
|
|
195
|
+
{ label: "More options", icon: PlusIcon },
|
|
196
|
+
{ label: "Settings" },
|
|
197
|
+
],
|
|
198
|
+
},
|
|
199
|
+
},
|
|
200
|
+
] }))))); },
|
|
201
|
+
};
|
|
113
202
|
//# sourceMappingURL=ButtonGroup.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/stories/ButtonGroup.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,YAAY,EACZ,eAAe,GAEhB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/stories/ButtonGroup.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED