@dust-tt/sparkle 0.3.22 → 0.3.23-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/ButtonsSwitch.d.ts +22 -0
- package/dist/esm/components/ButtonsSwitch.d.ts.map +1 -0
- package/dist/esm/components/ButtonsSwitch.js +54 -0
- package/dist/esm/components/ButtonsSwitch.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/stories/ButtonsSwitch.stories.d.ts +12 -0
- package/dist/esm/stories/ButtonsSwitch.stories.d.ts.map +1 -0
- package/dist/esm/stories/ButtonsSwitch.stories.js +21 -0
- package/dist/esm/stories/ButtonsSwitch.stories.js.map +1 -0
- package/dist/sparkle.css +9 -0
- package/package.json +1 -1
- package/src/components/ButtonsSwitch.tsx +159 -0
- package/src/components/index.ts +1 -0
- package/src/stories/ButtonsSwitch.stories.tsx +34 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Button } from "../components/Button";
|
|
4
|
+
type ButtonSize = Extract<React.ComponentProps<typeof Button>["size"], "xs" | "sm" | "md">;
|
|
5
|
+
declare const listStyles: (props?: ({
|
|
6
|
+
fullWidth?: boolean | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
+
export interface ButtonsSwitchListProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof listStyles> {
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
onValueChange?: (value: string) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const ButtonsSwitchList: React.ForwardRefExoticComponent<ButtonsSwitchListProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
interface ButtonsSwitchProps extends Omit<React.ComponentProps<typeof Button>, "size" | "variant"> {
|
|
16
|
+
value: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
icon?: React.ComponentProps<typeof Button>["icon"];
|
|
19
|
+
}
|
|
20
|
+
export declare const ButtonsSwitch: React.ForwardRefExoticComponent<Omit<ButtonsSwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
export default ButtonsSwitch;
|
|
22
|
+
//# sourceMappingURL=ButtonsSwitch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonsSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonsSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,KAAK,UAAU,GAAG,OAAO,CACvB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,EAC3C,IAAI,GAAG,IAAI,GAAG,IAAI,CACnB,CAAC;AAsBF,QAAA,MAAM,UAAU;;mFAgBf,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,+FAkD7B,CAAC;AAGF,UAAU,kBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,aAAa,2GAqCxB,CAAC;AAGH,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import { cva } from "class-variance-authority";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { Button } from "../components/Button";
|
|
5
|
+
import { cn } from "../lib/utils";
|
|
6
|
+
var ButtonsSwitchContext = React.createContext(null);
|
|
7
|
+
var useButtonsSwitch = function () {
|
|
8
|
+
var ctx = React.useContext(ButtonsSwitchContext);
|
|
9
|
+
if (!ctx) {
|
|
10
|
+
throw new Error("ButtonsSwitch must be used within a ButtonsSwitchList component");
|
|
11
|
+
}
|
|
12
|
+
return ctx;
|
|
13
|
+
};
|
|
14
|
+
var listStyles = cva(cn("s-inline-flex s-items-center s-gap-1 s-rounded-2xl s-p-1", "s-bg-primary-100 dark:s-bg-primary-900"), {
|
|
15
|
+
variants: {
|
|
16
|
+
fullWidth: {
|
|
17
|
+
true: "s-w-full",
|
|
18
|
+
false: "",
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
fullWidth: false,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
export var ButtonsSwitchList = React.forwardRef(function (_a, ref) {
|
|
26
|
+
var className = _a.className, children = _a.children, _b = _a.size, size = _b === void 0 ? "sm" : _b, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, disabled = _a.disabled, fullWidth = _a.fullWidth, props = __rest(_a, ["className", "children", "size", "defaultValue", "onValueChange", "disabled", "fullWidth"]);
|
|
27
|
+
var _c = __read(React.useState(defaultValue), 2), internalValue = _c[0], setInternalValue = _c[1];
|
|
28
|
+
var selected = internalValue;
|
|
29
|
+
var handleChange = React.useCallback(function (next) {
|
|
30
|
+
setInternalValue(next);
|
|
31
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(next);
|
|
32
|
+
}, [onValueChange]);
|
|
33
|
+
var context = React.useMemo(function () { return ({ value: selected, onValueChange: handleChange, size: size, disabled: disabled }); }, [selected, handleChange, size, disabled]);
|
|
34
|
+
return (React.createElement("div", __assign({ ref: ref, role: "tablist", "aria-orientation": "horizontal", className: cn(listStyles({ fullWidth: fullWidth }), className) }, props),
|
|
35
|
+
React.createElement(ButtonsSwitchContext.Provider, { value: context }, children)));
|
|
36
|
+
});
|
|
37
|
+
ButtonsSwitchList.displayName = "ButtonsSwitchList";
|
|
38
|
+
export var ButtonsSwitch = React.forwardRef(function (_a, ref) {
|
|
39
|
+
var className = _a.className, value = _a.value, label = _a.label, icon = _a.icon, disabled = _a.disabled, onClick = _a.onClick, props = __rest(_a, ["className", "value", "label", "icon", "disabled", "onClick"]);
|
|
40
|
+
var _b = useButtonsSwitch(), selected = _b.value, onValueChange = _b.onValueChange, size = _b.size, groupDisabled = _b.disabled;
|
|
41
|
+
var isActive = selected === value;
|
|
42
|
+
var isDisabled = disabled || groupDisabled;
|
|
43
|
+
var handleClick = function (e) {
|
|
44
|
+
if (isDisabled) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
|
|
48
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
49
|
+
};
|
|
50
|
+
return (React.createElement(Button, __assign({ ref: ref, role: "tab", "aria-selected": isActive, size: size, variant: isActive ? "outline" : "ghost-secondary", label: label, icon: icon, className: className, disabled: isDisabled, onClick: handleClick }, props)));
|
|
51
|
+
});
|
|
52
|
+
ButtonsSwitch.displayName = "ButtonsSwitch";
|
|
53
|
+
export default ButtonsSwitch;
|
|
54
|
+
//# sourceMappingURL=ButtonsSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonsSwitch.js","sourceRoot":"","sources":["../../../src/components/ButtonsSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +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 { ButtonsSwitch, ButtonsSwitchList } from "./ButtonsSwitch";
|
|
12
13
|
export type { CardProps } from "./Card";
|
|
13
14
|
export { Card, CardActionButton, CardGrid } from "./Card";
|
|
14
15
|
export type { CheckboxProps } from "./Checkbox";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export { Avatar } from "./Avatar";
|
|
|
7
7
|
export { Bar, BarFooter, BarHeader } from "./Bar";
|
|
8
8
|
export { Breadcrumbs } from "./Breadcrumbs";
|
|
9
9
|
export { Button } from "./Button";
|
|
10
|
+
export { ButtonsSwitch, ButtonsSwitchList } from "./ButtonsSwitch";
|
|
10
11
|
export { Card, CardActionButton, CardGrid } from "./Card";
|
|
11
12
|
export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription, } from "./Checkbox";
|
|
12
13
|
export { Chip } from "./Chip";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","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;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAM5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("../components/ButtonsSwitch").ButtonsSwitchListProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
tags: string[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const Controlled: Story;
|
|
12
|
+
//# sourceMappingURL=ButtonsSwitch.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonsSwitch.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ButtonsSwitch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI;;;;CAIgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonsSwitch, ButtonsSwitchList } from "../index_with_tw_base";
|
|
3
|
+
var meta = {
|
|
4
|
+
title: "Components/ButtonsSwitch",
|
|
5
|
+
component: ButtonsSwitchList,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
export var Default = {
|
|
10
|
+
render: function () { return (React.createElement("div", { className: "s-w-[360px] s-p-4" },
|
|
11
|
+
React.createElement(ButtonsSwitchList, { defaultValue: "time", className: "s-w-fit" },
|
|
12
|
+
React.createElement(ButtonsSwitch, { value: "time", label: "Time range" }),
|
|
13
|
+
React.createElement(ButtonsSwitch, { value: "version", label: "Version" })))); },
|
|
14
|
+
};
|
|
15
|
+
export var Controlled = {
|
|
16
|
+
render: function () { return (React.createElement(ButtonsSwitchList, { defaultValue: "time" },
|
|
17
|
+
React.createElement(ButtonsSwitch, { value: "time", label: "Time range" }),
|
|
18
|
+
React.createElement(ButtonsSwitch, { value: "version", label: "Version" }),
|
|
19
|
+
React.createElement(ButtonsSwitch, { value: "other", label: "Other" }))); },
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=ButtonsSwitch.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonsSwitch.stories.js","sourceRoot":"","sources":["../../../src/stories/ButtonsSwitch.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;CACsB,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,cAAM,OAAA,CACZ,6BAAK,SAAS,EAAC,mBAAmB;QAChC,oBAAC,iBAAiB,IAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS;YACxD,oBAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG;YACjD,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,CAC/B,CAChB,CACP,EAPa,CAOb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,iBAAiB,IAAC,YAAY,EAAC,MAAM;QACpC,oBAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG;QACjD,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG;QACjD,oBAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,CAC3B,CACrB,EANa,CAMb;CACF,CAAC"}
|
package/dist/sparkle.css
CHANGED
|
@@ -1730,6 +1730,10 @@ select {
|
|
|
1730
1730
|
width: 350px;
|
|
1731
1731
|
}
|
|
1732
1732
|
|
|
1733
|
+
.s-w-\[360px\] {
|
|
1734
|
+
width: 360px;
|
|
1735
|
+
}
|
|
1736
|
+
|
|
1733
1737
|
.s-w-\[380px\] {
|
|
1734
1738
|
width: 380px;
|
|
1735
1739
|
}
|
|
@@ -7458,6 +7462,11 @@ select {
|
|
|
7458
7462
|
background-color: rgb(211 213 217 / var(--tw-bg-opacity));
|
|
7459
7463
|
}
|
|
7460
7464
|
|
|
7465
|
+
:is(.s-dark .dark\:s-bg-primary-900) {
|
|
7466
|
+
--tw-bg-opacity: 1;
|
|
7467
|
+
background-color: rgb(28 34 45 / var(--tw-bg-opacity));
|
|
7468
|
+
}
|
|
7469
|
+
|
|
7461
7470
|
:is(.s-dark .dark\:s-bg-primary-900-night) {
|
|
7462
7471
|
--tw-bg-opacity: 1;
|
|
7463
7472
|
background-color: rgb(238 238 239 / var(--tw-bg-opacity));
|
package/package.json
CHANGED
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
import { cva, VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
|
|
4
|
+
import { Button } from "@sparkle/components/Button";
|
|
5
|
+
import { cn } from "@sparkle/lib/utils";
|
|
6
|
+
|
|
7
|
+
type ButtonSize = Extract<
|
|
8
|
+
React.ComponentProps<typeof Button>["size"],
|
|
9
|
+
"xs" | "sm" | "md"
|
|
10
|
+
>;
|
|
11
|
+
|
|
12
|
+
type ButtonsSwitchContextType = {
|
|
13
|
+
value?: string;
|
|
14
|
+
onValueChange?: (value: string) => void;
|
|
15
|
+
size: ButtonSize;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
const ButtonsSwitchContext =
|
|
20
|
+
React.createContext<ButtonsSwitchContextType | null>(null);
|
|
21
|
+
|
|
22
|
+
const useButtonsSwitch = () => {
|
|
23
|
+
const ctx = React.useContext(ButtonsSwitchContext);
|
|
24
|
+
if (!ctx) {
|
|
25
|
+
throw new Error(
|
|
26
|
+
"ButtonsSwitch must be used within a ButtonsSwitchList component"
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
return ctx;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
const listStyles = cva(
|
|
33
|
+
cn(
|
|
34
|
+
"s-inline-flex s-items-center s-gap-1 s-rounded-2xl s-p-1",
|
|
35
|
+
"s-bg-primary-100 dark:s-bg-primary-900"
|
|
36
|
+
),
|
|
37
|
+
{
|
|
38
|
+
variants: {
|
|
39
|
+
fullWidth: {
|
|
40
|
+
true: "s-w-full",
|
|
41
|
+
false: "",
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
fullWidth: false,
|
|
46
|
+
},
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
export interface ButtonsSwitchListProps
|
|
51
|
+
extends React.HTMLAttributes<HTMLDivElement>,
|
|
52
|
+
VariantProps<typeof listStyles> {
|
|
53
|
+
size?: ButtonSize;
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
defaultValue?: string;
|
|
56
|
+
onValueChange?: (value: string) => void;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export const ButtonsSwitchList = React.forwardRef<
|
|
60
|
+
HTMLDivElement,
|
|
61
|
+
ButtonsSwitchListProps
|
|
62
|
+
>(
|
|
63
|
+
(
|
|
64
|
+
{
|
|
65
|
+
className,
|
|
66
|
+
children,
|
|
67
|
+
size = "sm",
|
|
68
|
+
defaultValue,
|
|
69
|
+
onValueChange,
|
|
70
|
+
disabled,
|
|
71
|
+
fullWidth,
|
|
72
|
+
...props
|
|
73
|
+
},
|
|
74
|
+
ref
|
|
75
|
+
) => {
|
|
76
|
+
const [internalValue, setInternalValue] = React.useState<
|
|
77
|
+
string | undefined
|
|
78
|
+
>(defaultValue);
|
|
79
|
+
|
|
80
|
+
const selected = internalValue;
|
|
81
|
+
|
|
82
|
+
const handleChange = React.useCallback(
|
|
83
|
+
(next: string) => {
|
|
84
|
+
setInternalValue(next);
|
|
85
|
+
onValueChange?.(next);
|
|
86
|
+
},
|
|
87
|
+
[onValueChange]
|
|
88
|
+
);
|
|
89
|
+
|
|
90
|
+
const context: ButtonsSwitchContextType = React.useMemo(
|
|
91
|
+
() => ({ value: selected, onValueChange: handleChange, size, disabled }),
|
|
92
|
+
[selected, handleChange, size, disabled]
|
|
93
|
+
);
|
|
94
|
+
|
|
95
|
+
return (
|
|
96
|
+
<div
|
|
97
|
+
ref={ref}
|
|
98
|
+
role="tablist"
|
|
99
|
+
aria-orientation="horizontal"
|
|
100
|
+
className={cn(listStyles({ fullWidth }), className)}
|
|
101
|
+
{...props}
|
|
102
|
+
>
|
|
103
|
+
<ButtonsSwitchContext.Provider value={context}>
|
|
104
|
+
{children}
|
|
105
|
+
</ButtonsSwitchContext.Provider>
|
|
106
|
+
</div>
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
);
|
|
110
|
+
ButtonsSwitchList.displayName = "ButtonsSwitchList";
|
|
111
|
+
|
|
112
|
+
interface ButtonsSwitchProps
|
|
113
|
+
extends Omit<React.ComponentProps<typeof Button>, "size" | "variant"> {
|
|
114
|
+
value: string;
|
|
115
|
+
label?: string;
|
|
116
|
+
icon?: React.ComponentProps<typeof Button>["icon"];
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
export const ButtonsSwitch = React.forwardRef<
|
|
120
|
+
HTMLButtonElement,
|
|
121
|
+
ButtonsSwitchProps
|
|
122
|
+
>(({ className, value, label, icon, disabled, onClick, ...props }, ref) => {
|
|
123
|
+
const {
|
|
124
|
+
value: selected,
|
|
125
|
+
onValueChange,
|
|
126
|
+
size,
|
|
127
|
+
disabled: groupDisabled,
|
|
128
|
+
} = useButtonsSwitch();
|
|
129
|
+
|
|
130
|
+
const isActive = selected === value;
|
|
131
|
+
const isDisabled = disabled || groupDisabled;
|
|
132
|
+
|
|
133
|
+
const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
|
|
134
|
+
if (isDisabled) {
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
onValueChange?.(value);
|
|
138
|
+
onClick?.(e);
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
return (
|
|
142
|
+
<Button
|
|
143
|
+
ref={ref}
|
|
144
|
+
role="tab"
|
|
145
|
+
aria-selected={isActive}
|
|
146
|
+
size={size}
|
|
147
|
+
variant={isActive ? "outline" : "ghost-secondary"}
|
|
148
|
+
label={label}
|
|
149
|
+
icon={icon}
|
|
150
|
+
className={className}
|
|
151
|
+
disabled={isDisabled}
|
|
152
|
+
onClick={handleClick}
|
|
153
|
+
{...props}
|
|
154
|
+
/>
|
|
155
|
+
);
|
|
156
|
+
});
|
|
157
|
+
ButtonsSwitch.displayName = "ButtonsSwitch";
|
|
158
|
+
|
|
159
|
+
export default ButtonsSwitch;
|
package/src/components/index.ts
CHANGED
|
@@ -17,6 +17,7 @@ export type {
|
|
|
17
17
|
RegularButtonProps,
|
|
18
18
|
} from "./Button";
|
|
19
19
|
export { Button } from "./Button";
|
|
20
|
+
export { ButtonsSwitch, ButtonsSwitchList } from "./ButtonsSwitch";
|
|
20
21
|
export type { CardProps } from "./Card";
|
|
21
22
|
export { Card, CardActionButton, CardGrid } from "./Card";
|
|
22
23
|
export type { CheckboxProps } from "./Checkbox";
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
|
|
4
|
+
import { ButtonsSwitch, ButtonsSwitchList } from "../index_with_tw_base";
|
|
5
|
+
|
|
6
|
+
const meta = {
|
|
7
|
+
title: "Components/ButtonsSwitch",
|
|
8
|
+
component: ButtonsSwitchList,
|
|
9
|
+
tags: ["autodocs"],
|
|
10
|
+
} satisfies Meta<typeof ButtonsSwitchList>;
|
|
11
|
+
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
|
|
15
|
+
export const Default: Story = {
|
|
16
|
+
render: () => (
|
|
17
|
+
<div className="s-w-[360px] s-p-4">
|
|
18
|
+
<ButtonsSwitchList defaultValue="time" className="s-w-fit">
|
|
19
|
+
<ButtonsSwitch value="time" label="Time range" />
|
|
20
|
+
<ButtonsSwitch value="version" label="Version" />
|
|
21
|
+
</ButtonsSwitchList>
|
|
22
|
+
</div>
|
|
23
|
+
),
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export const Controlled: Story = {
|
|
27
|
+
render: () => (
|
|
28
|
+
<ButtonsSwitchList defaultValue="time">
|
|
29
|
+
<ButtonsSwitch value="time" label="Time range" />
|
|
30
|
+
<ButtonsSwitch value="version" label="Version" />
|
|
31
|
+
<ButtonsSwitch value="other" label="Other" />
|
|
32
|
+
</ButtonsSwitchList>
|
|
33
|
+
),
|
|
34
|
+
};
|