@dust-tt/sparkle 0.2.557 → 0.2.558-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/MultiPageDialog.d.ts +18 -7
- package/dist/esm/components/MultiPageDialog.d.ts.map +1 -1
- package/dist/esm/components/MultiPageDialog.js +16 -21
- package/dist/esm/components/MultiPageDialog.js.map +1 -1
- package/dist/esm/components/index.d.ts +2 -2
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/stories/MultiPageDialog.stories.d.ts +1 -0
- package/dist/esm/stories/MultiPageDialog.stories.d.ts.map +1 -1
- package/dist/esm/stories/MultiPageDialog.stories.js +227 -18
- package/dist/esm/stories/MultiPageDialog.stories.js.map +1 -1
- package/dist/sparkle.css +10 -0
- package/package.json +1 -1
- package/src/components/MultiPageDialog.tsx +56 -48
- package/src/components/index.ts +2 -0
- package/src/stories/MultiPageDialog.stories.tsx +307 -33
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { Button } from "../components";
|
|
2
3
|
declare const MULTI_PAGE_DIALOG_SIZES: readonly ["md", "lg", "xl"];
|
|
3
4
|
type MultiPageDialogSizeType = (typeof MULTI_PAGE_DIALOG_SIZES)[number];
|
|
4
5
|
interface MultiPageDialogPage {
|
|
@@ -8,6 +9,18 @@ interface MultiPageDialogPage {
|
|
|
8
9
|
icon?: React.ComponentType;
|
|
9
10
|
content: React.ReactNode;
|
|
10
11
|
}
|
|
12
|
+
declare const MultiPageDialogRoot: React.FC<import("@radix-ui/react-dialog").DialogProps>;
|
|
13
|
+
declare const MultiPageDialogTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
declare const MultiPageDialogClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
interface MultiPageDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
leftButton?: React.ComponentProps<typeof Button>;
|
|
17
|
+
centerButton?: React.ComponentProps<typeof Button>;
|
|
18
|
+
rightButton?: React.ComponentProps<typeof Button>;
|
|
19
|
+
}
|
|
20
|
+
declare const MultiPageDialogFooter: {
|
|
21
|
+
({ className, children, leftButton, centerButton, rightButton, ...props }: MultiPageDialogFooterProps): React.JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
11
24
|
interface MultiPageDialogProps {
|
|
12
25
|
pages: MultiPageDialogPage[];
|
|
13
26
|
currentPageId: string;
|
|
@@ -17,18 +30,16 @@ interface MultiPageDialogProps {
|
|
|
17
30
|
isAlertDialog?: boolean;
|
|
18
31
|
showNavigation?: boolean;
|
|
19
32
|
showHeaderNavigation?: boolean;
|
|
20
|
-
footerContent?: React.ReactNode;
|
|
21
|
-
onSave?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
22
33
|
className?: string;
|
|
23
34
|
disableNext?: boolean;
|
|
24
|
-
|
|
35
|
+
leftButton?: React.ComponentProps<typeof Button>;
|
|
36
|
+
centerButton?: React.ComponentProps<typeof Button>;
|
|
37
|
+
rightButton?: React.ComponentProps<typeof Button>;
|
|
38
|
+
footerContent?: React.ReactNode;
|
|
25
39
|
}
|
|
26
|
-
declare const MultiPageDialogRoot: React.FC<import("@radix-ui/react-dialog").DialogProps>;
|
|
27
|
-
declare const MultiPageDialogTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
28
|
-
declare const MultiPageDialogClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
29
40
|
interface MultiPageDialogContentProps extends MultiPageDialogProps {
|
|
30
41
|
children?: never;
|
|
31
42
|
}
|
|
32
43
|
declare const MultiPageDialogContent: React.ForwardRefExoticComponent<MultiPageDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
export { MultiPageDialogRoot as MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, type MultiPageDialogPage, type MultiPageDialogProps, MultiPageDialogTrigger, };
|
|
44
|
+
export { MultiPageDialogRoot as MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogFooter, type MultiPageDialogFooterProps, type MultiPageDialogPage, type MultiPageDialogProps, MultiPageDialogTrigger, };
|
|
34
45
|
//# sourceMappingURL=MultiPageDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiPageDialog.d.ts","sourceRoot":"","sources":["../../../src/components/MultiPageDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiPageDialog.d.ts","sourceRoot":"","sources":["../../../src/components/MultiPageDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAa/D,QAAA,MAAM,uBAAuB,6BAA8B,CAAC;AAC5D,KAAK,uBAAuB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAqBxE,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,mBAAmB,wDAAS,CAAC;AACnC,QAAA,MAAM,sBAAsB,+HAAgB,CAAC;AAC7C,QAAA,MAAM,oBAAoB,6HAAc,CAAC;AAEzC,UAAU,0BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CACnD;AAED,QAAA,MAAM,qBAAqB;+EAOxB,0BAA0B;;CAmB5B,CAAC;AAIF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,UAAU,2BAA4B,SAAQ,oBAAoB;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,QAAA,MAAM,sBAAsB,oGAoL3B,CAAC;AAIF,OAAO,EACL,mBAAmB,IAAI,eAAe,EACtC,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,sBAAsB,GACvB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { Button, Icon, ScrollArea } from "../components";
|
|
6
|
-
import { Dialog, DialogClose, DialogContent, DialogDescription,
|
|
6
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "../components/Dialog";
|
|
7
7
|
import { ChevronLeftIcon, ChevronRightIcon } from "../icons/app";
|
|
8
8
|
import { cn } from "../lib/utils";
|
|
9
9
|
var MULTI_PAGE_DIALOG_SIZES = ["md", "lg", "xl"];
|
|
@@ -24,12 +24,22 @@ var multiPageDialogLayoutVariants = cva(cn("s-flex s-flex-col s-h-full s-overflo
|
|
|
24
24
|
var MultiPageDialogRoot = Dialog;
|
|
25
25
|
var MultiPageDialogTrigger = DialogTrigger;
|
|
26
26
|
var MultiPageDialogClose = DialogClose;
|
|
27
|
+
var MultiPageDialogFooter = function (_a) {
|
|
28
|
+
var className = _a.className, children = _a.children, leftButton = _a.leftButton, centerButton = _a.centerButton, rightButton = _a.rightButton, props = __rest(_a, ["className", "children", "leftButton", "centerButton", "rightButton"]);
|
|
29
|
+
return (React.createElement("div", __assign({ className: cn("s-flex s-flex-none s-flex-row s-justify-between s-gap-3 s-px-5 s-py-4", className) }, props),
|
|
30
|
+
React.createElement("div", { className: "s-flex s-gap-2" }, leftButton && React.createElement(Button, __assign({}, leftButton))),
|
|
31
|
+
React.createElement("div", { className: "s-flex s-gap-2" },
|
|
32
|
+
centerButton && React.createElement(Button, __assign({}, centerButton)),
|
|
33
|
+
rightButton && React.createElement(Button, __assign({}, rightButton))),
|
|
34
|
+
children));
|
|
35
|
+
};
|
|
36
|
+
MultiPageDialogFooter.displayName = "MultiPageDialogFooter";
|
|
27
37
|
var MultiPageDialogContent = React.forwardRef(function (_a, ref) {
|
|
28
|
-
var pages = _a.pages, currentPageId = _a.currentPageId, onPageChange = _a.onPageChange, _b = _a.size, size = _b === void 0 ? "md" : _b, trapFocusScope = _a.trapFocusScope, isAlertDialog = _a.isAlertDialog, _c = _a.showNavigation, showNavigation = _c === void 0 ? true : _c, _d = _a.showHeaderNavigation, showHeaderNavigation = _d === void 0 ? true : _d,
|
|
38
|
+
var pages = _a.pages, currentPageId = _a.currentPageId, onPageChange = _a.onPageChange, _b = _a.size, size = _b === void 0 ? "md" : _b, trapFocusScope = _a.trapFocusScope, isAlertDialog = _a.isAlertDialog, _c = _a.showNavigation, showNavigation = _c === void 0 ? true : _c, _d = _a.showHeaderNavigation, showHeaderNavigation = _d === void 0 ? true : _d, className = _a.className, _e = _a.disableNext, disableNext = _e === void 0 ? false : _e, leftButton = _a.leftButton, centerButton = _a.centerButton, rightButton = _a.rightButton, footerContent = _a.footerContent, props = __rest(_a, ["pages", "currentPageId", "onPageChange", "size", "trapFocusScope", "isAlertDialog", "showNavigation", "showHeaderNavigation", "className", "disableNext", "leftButton", "centerButton", "rightButton", "footerContent"]);
|
|
29
39
|
var currentPageIndex = pages.findIndex(function (page) { return page.id === currentPageId; });
|
|
30
40
|
var currentPage = pages[currentPageIndex];
|
|
31
|
-
var
|
|
32
|
-
var
|
|
41
|
+
var _f = __read(useState(false), 2), isTransitioning = _f[0], setIsTransitioning = _f[1];
|
|
42
|
+
var _g = __read(useState("next"), 2), transitionDirection = _g[0], setTransitionDirection = _g[1];
|
|
33
43
|
var handlePrevious = function (e) {
|
|
34
44
|
e.preventDefault();
|
|
35
45
|
if (currentPageIndex > 0 && !isTransitioning) {
|
|
@@ -94,23 +104,8 @@ var MultiPageDialogContent = React.forwardRef(function (_a, ref) {
|
|
|
94
104
|
"s-translate-x-0 s-opacity-100": !isTransitioning,
|
|
95
105
|
}) },
|
|
96
106
|
React.createElement("div", { className: "s-flex s-flex-col s-gap-2 s-px-5 s-py-4" }, currentPage.content))),
|
|
97
|
-
React.createElement(
|
|
98
|
-
label: "Cancel",
|
|
99
|
-
variant: "outline",
|
|
100
|
-
size: "sm",
|
|
101
|
-
}, rightButtonProps: showNavigation && pages.length > 1 && hasPrevious
|
|
102
|
-
? {
|
|
103
|
-
label: "Previous",
|
|
104
|
-
variant: "outline",
|
|
105
|
-
size: "sm",
|
|
106
|
-
disabled: isTransitioning,
|
|
107
|
-
onClick: handlePrevious,
|
|
108
|
-
}
|
|
109
|
-
: undefined },
|
|
110
|
-
showNavigation && pages.length > 1 && hasNext && (React.createElement(Button, { label: "Next", variant: "outline", size: "sm", disabled: disableNext || isTransitioning, onClick: handleNext })),
|
|
111
|
-
showNavigation && pages.length > 1 && !hasNext && onSave && (React.createElement(Button, { label: "Save changes", variant: "primary", size: "sm", disabled: disableSave || isTransitioning, onClick: onSave })),
|
|
112
|
-
footerContent))));
|
|
107
|
+
React.createElement(MultiPageDialogFooter, { leftButton: leftButton, centerButton: centerButton, rightButton: rightButton }, footerContent))));
|
|
113
108
|
});
|
|
114
109
|
MultiPageDialogContent.displayName = "MultiPageDialogContent";
|
|
115
|
-
export { MultiPageDialogRoot as MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogTrigger, };
|
|
110
|
+
export { MultiPageDialogRoot as MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogFooter, MultiPageDialogTrigger, };
|
|
116
111
|
//# sourceMappingURL=MultiPageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiPageDialog.js","sourceRoot":"","sources":["../../../src/components/MultiPageDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"MultiPageDialog.js","sourceRoot":"","sources":["../../../src/components/MultiPageDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,8 +44,8 @@ export { LinkWrapper } from "./LinkWrapper";
|
|
|
44
44
|
export { LoadingBlock } from "./LoadingBlock";
|
|
45
45
|
export * from "./markdown";
|
|
46
46
|
export { markdownStyles } from "./markdown/styles";
|
|
47
|
-
export type { MultiPageDialogPage, MultiPageDialogProps, } from "./MultiPageDialog";
|
|
48
|
-
export { MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogTrigger, } from "./MultiPageDialog";
|
|
47
|
+
export type { MultiPageDialogFooterProps, MultiPageDialogPage, MultiPageDialogProps, } from "./MultiPageDialog";
|
|
48
|
+
export { MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogFooter, MultiPageDialogTrigger, } from "./MultiPageDialog";
|
|
49
49
|
export { MultiPageSheet, MultiPageSheetClose, MultiPageSheetContent, type MultiPageSheetPage, type MultiPageSheetProps, MultiPageSheetTrigger, } from "./MultiPageSheet";
|
|
50
50
|
export * from "./NavigationList";
|
|
51
51
|
export type { NotificationType } from "./Notification";
|
|
@@ -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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"}
|
|
@@ -36,7 +36,7 @@ export { LinkWrapper } from "./LinkWrapper";
|
|
|
36
36
|
export { LoadingBlock } from "./LoadingBlock";
|
|
37
37
|
export * from "./markdown";
|
|
38
38
|
export { markdownStyles } from "./markdown/styles";
|
|
39
|
-
export { MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogTrigger, } from "./MultiPageDialog";
|
|
39
|
+
export { MultiPageDialog, MultiPageDialogClose, MultiPageDialogContent, MultiPageDialogFooter, MultiPageDialogTrigger, } from "./MultiPageDialog";
|
|
40
40
|
export { MultiPageSheet, MultiPageSheetClose, MultiPageSheetContent, MultiPageSheetTrigger, } from "./MultiPageSheet";
|
|
41
41
|
export * from "./NavigationList";
|
|
42
42
|
export { Notification, useSendNotification } from "./Notification";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ declare const meta: Meta<typeof MultiPageDialogContent>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
+
export declare const SimpleToolDialog: Story;
|
|
7
8
|
export declare const InteractiveContent: Story;
|
|
8
9
|
export declare const WithConditionalNavigation: Story;
|
|
9
10
|
export declare const ScrollableContent: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiPageDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/MultiPageDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAEL,sBAAsB,EAGvB,MAAM,qCAAqC,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAG7C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiPageDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/MultiPageDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAEL,sBAAsB,EAGvB,MAAM,qCAAqC,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAG7C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyInC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAyI9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA6NhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAoLvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiK/B,CAAC"}
|
|
@@ -66,29 +66,152 @@ var samplePages = [
|
|
|
66
66
|
];
|
|
67
67
|
var MultiPageDialogDemo = function () {
|
|
68
68
|
var _a = __read(useState("profile"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
|
|
69
|
+
var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
69
70
|
var handleSave = function () {
|
|
70
71
|
alert("Changes saved!");
|
|
72
|
+
setIsOpen(false);
|
|
71
73
|
};
|
|
72
|
-
|
|
74
|
+
var handleCancel = function () {
|
|
75
|
+
setIsOpen(false);
|
|
76
|
+
};
|
|
77
|
+
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
73
78
|
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
74
79
|
React.createElement(Button, { label: "Open Multi-Page Dialog" })),
|
|
75
|
-
React.createElement(MultiPageDialogContent, { pages: samplePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "xl",
|
|
80
|
+
React.createElement(MultiPageDialogContent, { pages: samplePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "xl", leftButton: {
|
|
81
|
+
label: "Cancel",
|
|
82
|
+
variant: "outline",
|
|
83
|
+
onClick: handleCancel,
|
|
84
|
+
}, rightButton: {
|
|
85
|
+
label: "Save Changes",
|
|
86
|
+
variant: "primary",
|
|
87
|
+
onClick: handleSave,
|
|
88
|
+
} })));
|
|
76
89
|
};
|
|
77
90
|
export var Default = {
|
|
78
91
|
render: function () { return React.createElement(MultiPageDialogDemo, null); },
|
|
79
92
|
};
|
|
93
|
+
// Simple two-button example (like your screenshot)
|
|
94
|
+
export var SimpleToolDialog = {
|
|
95
|
+
render: function () {
|
|
96
|
+
var _a = __read(useState(false), 2), isOpen = _a[0], setIsOpen = _a[1];
|
|
97
|
+
var _b = __read(useState([]), 2), selectedTools = _b[0], setSelectedTools = _b[1];
|
|
98
|
+
var handleAddTools = function () {
|
|
99
|
+
alert("Adding ".concat(selectedTools.length, " tools: ").concat(selectedTools.join(", ")));
|
|
100
|
+
setIsOpen(false);
|
|
101
|
+
};
|
|
102
|
+
var handleCancel = function () {
|
|
103
|
+
setSelectedTools([]);
|
|
104
|
+
setIsOpen(false);
|
|
105
|
+
};
|
|
106
|
+
var toggleTool = function (tool) {
|
|
107
|
+
setSelectedTools(function (prev) {
|
|
108
|
+
return prev.includes(tool) ? prev.filter(function (t) { return t !== tool; }) : __spreadArray(__spreadArray([], __read(prev), false), [tool], false);
|
|
109
|
+
});
|
|
110
|
+
};
|
|
111
|
+
var toolPages = [
|
|
112
|
+
{
|
|
113
|
+
id: "tool-selection",
|
|
114
|
+
title: "Add tools",
|
|
115
|
+
content: (React.createElement("div", { className: "s-space-y-6" },
|
|
116
|
+
React.createElement("div", { className: "s-space-y-4" },
|
|
117
|
+
React.createElement("h3", { className: "s-text-lg s-font-semibold" }, "Capabilities"),
|
|
118
|
+
React.createElement("div", { className: "s-grid s-grid-cols-2 s-gap-3" }, [
|
|
119
|
+
{
|
|
120
|
+
name: "Image generation",
|
|
121
|
+
desc: "Generate images using natural language",
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
name: "Run agent",
|
|
125
|
+
desc: "Run a child agent (agent as tool)",
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
name: "Interactive content",
|
|
129
|
+
desc: "Generate interactive content",
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
name: "Agent memory",
|
|
133
|
+
desc: "Store and recall information",
|
|
134
|
+
},
|
|
135
|
+
].map(function (tool) { return (React.createElement("div", { key: tool.name, className: "s-cursor-pointer s-rounded-lg s-border s-p-4 s-transition-colors hover:s-bg-gray-50 ".concat(selectedTools.includes(tool.name)
|
|
136
|
+
? "s-border-blue-300 s-bg-blue-50"
|
|
137
|
+
: "s-border-gray-200"), onClick: function () { return toggleTool(tool.name); } },
|
|
138
|
+
React.createElement("div", { className: "s-flex s-items-start s-justify-between" },
|
|
139
|
+
React.createElement("div", null,
|
|
140
|
+
React.createElement("h4", { className: "s-font-medium" }, tool.name),
|
|
141
|
+
React.createElement("p", { className: "s-text-sm s-text-gray-600" }, tool.desc)),
|
|
142
|
+
selectedTools.includes(tool.name) && (React.createElement("span", { className: "s-rounded s-bg-green-100 s-px-2 s-py-1 s-text-xs s-text-green-700" }, "ADDED"))),
|
|
143
|
+
!selectedTools.includes(tool.name) && (React.createElement("button", { className: "s-mt-2 s-text-sm s-text-blue-600 hover:s-text-blue-700" }, "+ Add")))); }))),
|
|
144
|
+
selectedTools.length > 0 && (React.createElement("div", { className: "s-space-y-3" },
|
|
145
|
+
React.createElement("h4", { className: "s-font-medium" }, "Added tools"),
|
|
146
|
+
React.createElement("div", { className: "s-flex s-flex-wrap s-gap-2" }, selectedTools.map(function (tool) { return (React.createElement("span", { key: tool, className: "s-flex s-items-center s-gap-1 s-rounded s-bg-gray-100 s-px-3 s-py-1 s-text-sm" },
|
|
147
|
+
tool,
|
|
148
|
+
React.createElement("button", { onClick: function (e) {
|
|
149
|
+
e.stopPropagation();
|
|
150
|
+
toggleTool(tool);
|
|
151
|
+
}, className: "s-ml-1 s-text-gray-500 hover:s-text-gray-700" }, "\u00D7"))); })))))),
|
|
152
|
+
},
|
|
153
|
+
];
|
|
154
|
+
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
155
|
+
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
156
|
+
React.createElement(Button, { label: "Add tools" })),
|
|
157
|
+
React.createElement(MultiPageDialogContent, { pages: toolPages, currentPageId: "tool-selection", onPageChange: function () { }, size: "xl", leftButton: {
|
|
158
|
+
label: "Cancel",
|
|
159
|
+
variant: "outline",
|
|
160
|
+
onClick: handleCancel,
|
|
161
|
+
}, rightButton: {
|
|
162
|
+
label: selectedTools.length > 0
|
|
163
|
+
? "Add ".concat(selectedTools.length, " tool").concat(selectedTools.length > 1 ? "s" : "")
|
|
164
|
+
: "Add tools",
|
|
165
|
+
variant: "primary",
|
|
166
|
+
disabled: selectedTools.length === 0,
|
|
167
|
+
onClick: handleAddTools,
|
|
168
|
+
} })));
|
|
169
|
+
},
|
|
170
|
+
};
|
|
80
171
|
export var InteractiveContent = {
|
|
81
172
|
render: function () {
|
|
82
173
|
var _a = __read(useState("step1"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
|
|
83
|
-
var _b = __read(useState(
|
|
174
|
+
var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
175
|
+
var _c = __read(useState({
|
|
84
176
|
name: "",
|
|
85
177
|
email: "",
|
|
86
178
|
selectedFile: "",
|
|
87
179
|
notifications: false,
|
|
88
|
-
}), 2), formData =
|
|
180
|
+
}), 2), formData = _c[0], setFormData = _c[1];
|
|
89
181
|
var handleSave = function () {
|
|
90
182
|
alert("Setup completed! Data: ".concat(JSON.stringify(formData, null, 2)));
|
|
183
|
+
setIsOpen(false);
|
|
184
|
+
};
|
|
185
|
+
var handleCancel = function () {
|
|
186
|
+
setIsOpen(false);
|
|
91
187
|
};
|
|
188
|
+
var handleNext = function () {
|
|
189
|
+
if (currentPageId === "step1") {
|
|
190
|
+
setCurrentPageId("step2");
|
|
191
|
+
}
|
|
192
|
+
else if (currentPageId === "step2") {
|
|
193
|
+
setCurrentPageId("step3");
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
var handlePrevious = function () {
|
|
197
|
+
if (currentPageId === "step3") {
|
|
198
|
+
setCurrentPageId("step2");
|
|
199
|
+
}
|
|
200
|
+
else if (currentPageId === "step2") {
|
|
201
|
+
setCurrentPageId("step1");
|
|
202
|
+
}
|
|
203
|
+
};
|
|
204
|
+
var canProceed = function () {
|
|
205
|
+
if (currentPageId === "step1") {
|
|
206
|
+
return formData.name && formData.email;
|
|
207
|
+
}
|
|
208
|
+
if (currentPageId === "step2") {
|
|
209
|
+
return formData.selectedFile;
|
|
210
|
+
}
|
|
211
|
+
return true;
|
|
212
|
+
};
|
|
213
|
+
var isFirstPage = currentPageId === "step1";
|
|
214
|
+
var isLastPage = currentPageId === "step3";
|
|
92
215
|
var interactivePages = [
|
|
93
216
|
{
|
|
94
217
|
id: "step1",
|
|
@@ -109,9 +232,7 @@ export var InteractiveContent = {
|
|
|
109
232
|
React.createElement("label", { className: "s-text-sm s-font-medium" }, "Email *"),
|
|
110
233
|
React.createElement("input", { type: "email", className: "s-mt-1 s-w-full s-rounded-md s-border s-px-3 s-py-2", placeholder: "Enter your email", value: formData.email, onChange: function (e) {
|
|
111
234
|
return setFormData(__assign(__assign({}, formData), { email: e.target.value }));
|
|
112
|
-
} })),
|
|
113
|
-
React.createElement("div", { className: "s-pt-2" },
|
|
114
|
-
React.createElement(Button, { label: "Continue to File Selection", variant: "primary", size: "md", disabled: !formData.name || !formData.email, onClick: function () { return setCurrentPageId("step2"); } }))))),
|
|
235
|
+
} }))))),
|
|
115
236
|
},
|
|
116
237
|
{
|
|
117
238
|
id: "step2",
|
|
@@ -133,9 +254,7 @@ export var InteractiveContent = {
|
|
|
133
254
|
} },
|
|
134
255
|
React.createElement("span", { className: "s-text-sm" }, file),
|
|
135
256
|
React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
|
|
136
|
-
React.createElement("input", { type: "radio", checked: formData.selectedFile === file, readOnly: true, className: "s-pointer-events-none" })))); })),
|
|
137
|
-
formData.selectedFile && (React.createElement("div", { className: "s-pt-2" },
|
|
138
|
-
React.createElement(Button, { label: "Continue to Settings", variant: "primary", size: "md", onClick: function () { return setCurrentPageId("step3"); } }))))),
|
|
257
|
+
React.createElement("input", { type: "radio", checked: formData.selectedFile === file, readOnly: true, className: "s-pointer-events-none" })))); })))),
|
|
139
258
|
},
|
|
140
259
|
{
|
|
141
260
|
id: "step3",
|
|
@@ -170,20 +289,54 @@ export var InteractiveContent = {
|
|
|
170
289
|
formData.notifications ? "Enabled" : "Disabled")))))),
|
|
171
290
|
},
|
|
172
291
|
];
|
|
173
|
-
return (React.createElement(MultiPageDialog,
|
|
292
|
+
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
174
293
|
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
175
294
|
React.createElement(Button, { label: "Open Interactive Setup" })),
|
|
176
|
-
React.createElement(MultiPageDialogContent, { pages: interactivePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg",
|
|
295
|
+
React.createElement(MultiPageDialogContent, { pages: interactivePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg", leftButton: {
|
|
296
|
+
label: "Cancel",
|
|
297
|
+
variant: "outline",
|
|
298
|
+
onClick: handleCancel,
|
|
299
|
+
}, centerButton: !isFirstPage
|
|
300
|
+
? {
|
|
301
|
+
label: "Previous",
|
|
302
|
+
variant: "outline",
|
|
303
|
+
onClick: handlePrevious,
|
|
304
|
+
}
|
|
305
|
+
: undefined, rightButton: {
|
|
306
|
+
label: isLastPage ? "Complete Setup" : "Next",
|
|
307
|
+
variant: "primary",
|
|
308
|
+
disabled: !canProceed(),
|
|
309
|
+
onClick: isLastPage ? handleSave : handleNext,
|
|
310
|
+
} })));
|
|
177
311
|
},
|
|
178
312
|
};
|
|
179
313
|
export var WithConditionalNavigation = {
|
|
180
314
|
render: function () {
|
|
181
315
|
var _a = __read(useState("data-selection"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
|
|
182
|
-
var _b = __read(useState(
|
|
183
|
-
var _c = __read(useState(
|
|
316
|
+
var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
317
|
+
var _c = __read(useState([]), 2), selectedItems = _c[0], setSelectedItems = _c[1];
|
|
318
|
+
var _d = __read(useState(""), 2), description = _d[0], setDescription = _d[1];
|
|
184
319
|
var handleSave = function () {
|
|
185
320
|
alert("Configuration saved! Selected: ".concat(selectedItems.join(", "), ", Description: ").concat(description));
|
|
321
|
+
setIsOpen(false);
|
|
322
|
+
};
|
|
323
|
+
var handleCancel = function () {
|
|
324
|
+
setIsOpen(false);
|
|
325
|
+
};
|
|
326
|
+
var handleNext = function () {
|
|
327
|
+
if (currentPageId === "data-selection") {
|
|
328
|
+
setCurrentPageId("description");
|
|
329
|
+
}
|
|
330
|
+
};
|
|
331
|
+
var handlePrevious = function () {
|
|
332
|
+
if (currentPageId === "description") {
|
|
333
|
+
setCurrentPageId("data-selection");
|
|
334
|
+
}
|
|
186
335
|
};
|
|
336
|
+
var isFirstPage = currentPageId === "data-selection";
|
|
337
|
+
var isLastPage = currentPageId === "description";
|
|
338
|
+
var canProceedFromFirst = selectedItems.length > 0;
|
|
339
|
+
var canSave = description.trim().length > 0;
|
|
187
340
|
var conditionalPages = [
|
|
188
341
|
{
|
|
189
342
|
id: "data-selection",
|
|
@@ -237,18 +390,60 @@ export var WithConditionalNavigation = {
|
|
|
237
390
|
React.createElement("p", { className: "s-text-xs s-text-muted-foreground" }, "This description helps explain the purpose of your configuration.")))),
|
|
238
391
|
},
|
|
239
392
|
];
|
|
240
|
-
return (React.createElement(MultiPageDialog,
|
|
393
|
+
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
241
394
|
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
242
395
|
React.createElement(Button, { label: "Open Configuration Wizard" })),
|
|
243
|
-
React.createElement(MultiPageDialogContent, { pages: conditionalPages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg",
|
|
396
|
+
React.createElement(MultiPageDialogContent, { pages: conditionalPages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg", leftButton: {
|
|
397
|
+
label: "Cancel",
|
|
398
|
+
variant: "outline",
|
|
399
|
+
onClick: handleCancel,
|
|
400
|
+
}, centerButton: !isFirstPage
|
|
401
|
+
? {
|
|
402
|
+
label: "Previous",
|
|
403
|
+
variant: "outline",
|
|
404
|
+
onClick: handlePrevious,
|
|
405
|
+
}
|
|
406
|
+
: undefined, rightButton: {
|
|
407
|
+
label: isLastPage ? "Save Configuration" : "Next",
|
|
408
|
+
variant: "primary",
|
|
409
|
+
disabled: isFirstPage ? !canProceedFromFirst : !canSave,
|
|
410
|
+
onClick: isLastPage ? handleSave : handleNext,
|
|
411
|
+
}, footerContent: React.createElement("div", { className: "s-rounded s-bg-blue-50 s-px-3 s-py-2" },
|
|
412
|
+
React.createElement("p", { className: "s-text-xs s-text-blue-700" },
|
|
413
|
+
selectedItems.length > 0 && (React.createElement(React.Fragment, null,
|
|
414
|
+
selectedItems.length,
|
|
415
|
+
" data source",
|
|
416
|
+
selectedItems.length !== 1 ? "s" : "",
|
|
417
|
+
" selected \u2022",
|
|
418
|
+
" ")),
|
|
419
|
+
"Step ",
|
|
420
|
+
isFirstPage ? "1" : "2",
|
|
421
|
+
" of 2")) })));
|
|
244
422
|
},
|
|
245
423
|
};
|
|
246
424
|
export var ScrollableContent = {
|
|
247
425
|
render: function () {
|
|
248
426
|
var _a = __read(useState("long-form"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
|
|
427
|
+
var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
249
428
|
var handleSave = function () {
|
|
250
429
|
alert("Long form submitted!");
|
|
430
|
+
setIsOpen(false);
|
|
431
|
+
};
|
|
432
|
+
var handleCancel = function () {
|
|
433
|
+
setIsOpen(false);
|
|
434
|
+
};
|
|
435
|
+
var handleNext = function () {
|
|
436
|
+
if (currentPageId === "long-form") {
|
|
437
|
+
setCurrentPageId("summary");
|
|
438
|
+
}
|
|
439
|
+
};
|
|
440
|
+
var handlePrevious = function () {
|
|
441
|
+
if (currentPageId === "summary") {
|
|
442
|
+
setCurrentPageId("long-form");
|
|
443
|
+
}
|
|
251
444
|
};
|
|
445
|
+
var isFirstPage = currentPageId === "long-form";
|
|
446
|
+
var isLastPage = currentPageId === "summary";
|
|
252
447
|
var scrollablePages = [
|
|
253
448
|
{
|
|
254
449
|
id: "long-form",
|
|
@@ -292,10 +487,24 @@ export var ScrollableContent = {
|
|
|
292
487
|
React.createElement("p", { className: "s-text-sm s-text-green-700" }, "\u2713 Content overflow handled properly")))),
|
|
293
488
|
},
|
|
294
489
|
];
|
|
295
|
-
return (React.createElement(MultiPageDialog,
|
|
490
|
+
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
296
491
|
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
297
492
|
React.createElement(Button, { label: "Open Scrollable Content Dialog" })),
|
|
298
|
-
React.createElement(MultiPageDialogContent, { pages: scrollablePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg",
|
|
493
|
+
React.createElement(MultiPageDialogContent, { pages: scrollablePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg", leftButton: {
|
|
494
|
+
label: "Cancel",
|
|
495
|
+
variant: "outline",
|
|
496
|
+
onClick: handleCancel,
|
|
497
|
+
}, centerButton: !isFirstPage
|
|
498
|
+
? {
|
|
499
|
+
label: "Previous",
|
|
500
|
+
variant: "outline",
|
|
501
|
+
onClick: handlePrevious,
|
|
502
|
+
}
|
|
503
|
+
: undefined, rightButton: {
|
|
504
|
+
label: isLastPage ? "Submit Form" : "Next",
|
|
505
|
+
variant: "primary",
|
|
506
|
+
onClick: isLastPage ? handleSave : handleNext,
|
|
507
|
+
} })));
|
|
299
508
|
},
|
|
300
509
|
};
|
|
301
510
|
//# sourceMappingURL=MultiPageDialog.stories.js.map
|