@dust-tt/sparkle 0.2.624 → 0.2.625-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/MultiPageSheet.js +1 -1
- package/dist/esm/components/MultiPageSheet.js.map +1 -1
- package/dist/esm/components/Sheet.d.ts.map +1 -1
- package/dist/esm/components/Sheet.js +13 -3
- package/dist/esm/components/Sheet.js.map +1 -1
- package/dist/esm/stories/Sheet.stories.d.ts.map +1 -1
- package/dist/esm/stories/Sheet.stories.js +13 -3
- package/dist/esm/stories/Sheet.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/MultiPageSheet.tsx +1 -1
- package/src/components/Sheet.tsx +55 -36
- package/src/stories/Sheet.stories.tsx +14 -2
|
@@ -17,7 +17,7 @@ var MultiPageSheetFooter = function (_a) {
|
|
|
17
17
|
React.createElement("div", null, leftButton && React.createElement(Button, __assign({}, leftButton))),
|
|
18
18
|
React.createElement("div", { className: "s-flex s-gap-2" },
|
|
19
19
|
centerButton && React.createElement(Button, __assign({}, centerButton)),
|
|
20
|
-
rightButton && React.createElement(Button, __assign({}, rightButton))))));
|
|
20
|
+
rightButton && React.createElement(Button, __assign({ "data-sheet-save": "true" }, rightButton))))));
|
|
21
21
|
return addTopSeparator ? (React.createElement(React.Fragment, null,
|
|
22
22
|
React.createElement(Separator, null),
|
|
23
23
|
content)) : (React.createElement(React.Fragment, null, content));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiPageSheet.js","sourceRoot":"","sources":["../../../src/components/MultiPageSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EACL,KAAK,EACL,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAoCxC,IAAM,kBAAkB,GAAG,KAAK,CAAC;AACjC,IAAM,qBAAqB,GAAG,YAAY,CAAC;AAC3C,IAAM,mBAAmB,GAAG,UAAU,CAAC;AAUvC,IAAM,oBAAoB,GAAG,UAAC,EAQF;IAP1B,IAAA,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACR,KAAK,cAPoB,yFAQ7B,CADS;IAER,IAAM,OAAO,GAAG,CACd,sCACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,IACnE,KAAK;QAER,QAAQ,IAAI,CACX;YACG,QAAQ;YACT,oBAAC,SAAS,OAAG,CACZ,CACJ;QACD,6BAAK,SAAS,EAAC,qCAAqC;YAClD,iCAAM,UAAU,IAAI,oBAAC,MAAM,eAAK,UAAU,EAAI,CAAO;YACrD,6BAAK,SAAS,EAAC,gBAAgB;gBAC5B,YAAY,IAAI,oBAAC,MAAM,eAAK,YAAY,EAAI;gBAC5C,WAAW,IAAI,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"MultiPageSheet.js","sourceRoot":"","sources":["../../../src/components/MultiPageSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAI/D,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAehB,CAAC;AAGH,QAAA,MAAM,WAAW,6BAA8B,CAAC;AAEhD,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,QAAA,MAAM,WAAW,6CAA8C,CAAC;AAEhE,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA2ClD,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAI/D,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAehB,CAAC;AAGH,QAAA,MAAM,WAAW,6BAA8B,CAAC;AAEhD,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,QAAA,MAAM,WAAW,6CAA8C,CAAC;AAEhE,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA2ClD,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,YAAY,0FA6EjB,CAAC;AAGF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW;oDAKd,gBAAgB;;CAclB,CAAC;AAGF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc;yCAIjB,mBAAmB;;CA2BrB,CAAC;AAGF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACvD,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW;qHAQd,gBAAgB;;CAwClB,CAAC;AAGF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,4FAYd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAapB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}
|
|
@@ -51,10 +51,20 @@ var SheetContent = React.forwardRef(function (_a, ref) {
|
|
|
51
51
|
}
|
|
52
52
|
onOpenAutoFocus === null || onOpenAutoFocus === void 0 ? void 0 : onOpenAutoFocus(event);
|
|
53
53
|
}, [preventAutoFocusOnOpen, onOpenAutoFocus]);
|
|
54
|
+
var onKeyDownCapture = React.useCallback(function (e) {
|
|
55
|
+
if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
|
|
56
|
+
var root = e.currentTarget;
|
|
57
|
+
var target = root.querySelector('[data-sheet-save="true"]:not(:disabled)');
|
|
58
|
+
if (target) {
|
|
59
|
+
e.preventDefault();
|
|
60
|
+
target.click();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}, []);
|
|
54
64
|
return (React.createElement(SheetPortal, null,
|
|
55
65
|
React.createElement(SheetOverlay, null),
|
|
56
66
|
React.createElement(FocusScope, { trapped: trapFocusScope, asChild: true },
|
|
57
|
-
React.createElement(SheetPrimitive.Content, __assign({ ref: ref, className: cn(sheetVariants({ size: size, side: side }), className, "s-sheet s-text-foreground dark:s-text-foreground-night"), onCloseAutoFocus: handleCloseAutoFocus, onOpenAutoFocus: handleOpenAutoFocus }, props), children))));
|
|
67
|
+
React.createElement(SheetPrimitive.Content, __assign({ ref: ref, className: cn(sheetVariants({ size: size, side: side }), className, "s-sheet s-text-foreground dark:s-text-foreground-night"), onCloseAutoFocus: handleCloseAutoFocus, onOpenAutoFocus: handleOpenAutoFocus, onKeyDownCapture: onKeyDownCapture }, props), children))));
|
|
58
68
|
});
|
|
59
69
|
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
60
70
|
var SheetHeader = function (_a) {
|
|
@@ -86,8 +96,8 @@ var SheetFooter = function (_a) {
|
|
|
86
96
|
React.createElement(Button, __assign({}, leftButtonProps))))),
|
|
87
97
|
React.createElement("div", { className: "s-flex-grow" }),
|
|
88
98
|
rightButtonProps &&
|
|
89
|
-
(rightButtonProps.disabled ? (React.createElement(Button, __assign({}, rightButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
|
|
90
|
-
React.createElement(Button, __assign({}, rightButtonProps))))),
|
|
99
|
+
(rightButtonProps.disabled ? (React.createElement(Button, __assign({ "data-sheet-save": "true" }, rightButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
|
|
100
|
+
React.createElement(Button, __assign({ "data-sheet-save": "true" }, rightButtonProps))))),
|
|
91
101
|
rightEndButtonProps &&
|
|
92
102
|
(rightEndButtonProps.disabled ? (React.createElement(Button, __assign({}, rightEndButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
|
|
93
103
|
React.createElement(Button, __assign({}, rightEndButtonProps))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Sheet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,sBAQnB;AAED,wBAAgB,SAAS,
|
|
1
|
+
{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Sheet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,sBAQnB;AAED,wBAAgB,SAAS,sBAsCxB;AAED,wBAAgB,WAAW,sBAqB1B;AAED,wBAAgB,WAAW,sBA+D1B;AAgPD,wBAAgB,qBAAqB,sBAiCpC;AAED,wBAAgB,oBAAoB,sBA0BnC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { Avatar, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Icon, Input, Page, Separator, Sheet, SheetContainer, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, TextArea, } from "../components";
|
|
3
4
|
import { CloudArrowLeftRightIcon, FolderIcon, GlobeAltIcon, MoreIcon, PencilSquareIcon, RocketIcon, StarIcon, TrashIcon, } from "../icons/app";
|
|
@@ -12,7 +13,8 @@ export function Demo() {
|
|
|
12
13
|
React.createElement(SheetCustom, null)));
|
|
13
14
|
}
|
|
14
15
|
export function SheetDemo() {
|
|
15
|
-
|
|
16
|
+
var _a = __read(React.useState(0), 2), saveCount = _a[0], setSaveCount = _a[1];
|
|
17
|
+
return (React.createElement("div", { className: "s-flex s-items-center s-gap-3" },
|
|
16
18
|
React.createElement(Sheet, null,
|
|
17
19
|
React.createElement(SheetTrigger, { asChild: true },
|
|
18
20
|
React.createElement(Button, { variant: "outline", label: "Edit demo" })),
|
|
@@ -22,8 +24,16 @@ export function SheetDemo() {
|
|
|
22
24
|
React.createElement(SheetContainer, null,
|
|
23
25
|
React.createElement("div", { className: "s-flex s-flex-col s-gap-6" },
|
|
24
26
|
React.createElement(Input, { label: "Firstname", placeholder: "John" }),
|
|
25
|
-
React.createElement(Input, { label: "Lastname", placeholder: "Doe" })
|
|
26
|
-
|
|
27
|
+
React.createElement(Input, { label: "Lastname", placeholder: "Doe" }),
|
|
28
|
+
React.createElement("div", { className: "s-text-xs s-text-muted-foreground dark:s-text-muted-foreground-night" }, "Tip: Press Cmd/Ctrl + Enter to Save"))),
|
|
29
|
+
React.createElement(SheetFooter, { sheetCloseClassName: "s-flex s-gap-2", leftButtonProps: { label: "Cancel", variant: "warning" }, rightButtonProps: {
|
|
30
|
+
label: "Save",
|
|
31
|
+
variant: "primary",
|
|
32
|
+
onClick: function () { return setSaveCount(function (c) { return c + 1; }); },
|
|
33
|
+
} }))),
|
|
34
|
+
React.createElement("span", { className: "s-text-xs s-text-muted-foreground dark:s-text-muted-foreground-night" },
|
|
35
|
+
"Saved: ",
|
|
36
|
+
saveCount)));
|
|
27
37
|
}
|
|
28
38
|
export function ContentDemo() {
|
|
29
39
|
return (React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.stories.js","sourceRoot":"","sources":["../../../src/stories/Sheet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,KAAK,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,uBAAuB,EACvB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,SAAS,GACV,MAAM,oBAAoB,CAAC;AAE5B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;CACR,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI;IAClB,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,SAAS,OAAG;QACb,oBAAC,WAAW,OAAG;QACf,oBAAC,WAAW,OAAG,CACX,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS;
|
|
1
|
+
{"version":3,"file":"Sheet.stories.js","sourceRoot":"","sources":["../../../src/stories/Sheet.stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -84,7 +84,7 @@ const MultiPageSheetFooter = ({
|
|
|
84
84
|
<div>{leftButton && <Button {...leftButton} />}</div>
|
|
85
85
|
<div className="s-flex s-gap-2">
|
|
86
86
|
{centerButton && <Button {...centerButton} />}
|
|
87
|
-
{rightButton && <Button {...rightButton} />}
|
|
87
|
+
{rightButton && <Button data-sheet-save="true" {...rightButton} />}
|
|
88
88
|
</div>
|
|
89
89
|
</div>
|
|
90
90
|
</div>
|
package/src/components/Sheet.tsx
CHANGED
|
@@ -130,6 +130,22 @@ const SheetContent = React.forwardRef<
|
|
|
130
130
|
[preventAutoFocusOnOpen, onOpenAutoFocus]
|
|
131
131
|
);
|
|
132
132
|
|
|
133
|
+
const onKeyDownCapture = React.useCallback(
|
|
134
|
+
(e: React.KeyboardEvent<HTMLDivElement>) => {
|
|
135
|
+
if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
|
|
136
|
+
const root = e.currentTarget as HTMLElement;
|
|
137
|
+
const target = root.querySelector<HTMLButtonElement>(
|
|
138
|
+
'[data-sheet-save="true"]:not(:disabled)'
|
|
139
|
+
);
|
|
140
|
+
if (target) {
|
|
141
|
+
e.preventDefault();
|
|
142
|
+
target.click();
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
[]
|
|
147
|
+
);
|
|
148
|
+
|
|
133
149
|
return (
|
|
134
150
|
<SheetPortal>
|
|
135
151
|
<SheetOverlay />
|
|
@@ -143,6 +159,7 @@ const SheetContent = React.forwardRef<
|
|
|
143
159
|
)}
|
|
144
160
|
onCloseAutoFocus={handleCloseAutoFocus}
|
|
145
161
|
onOpenAutoFocus={handleOpenAutoFocus}
|
|
162
|
+
onKeyDownCapture={onKeyDownCapture}
|
|
146
163
|
{...props}
|
|
147
164
|
>
|
|
148
165
|
{children}
|
|
@@ -233,45 +250,47 @@ const SheetFooter = ({
|
|
|
233
250
|
rightEndButtonProps,
|
|
234
251
|
sheetCloseClassName,
|
|
235
252
|
...props
|
|
236
|
-
}: SheetFooterProps) =>
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
) : (
|
|
251
|
-
<SheetClose className={sheetCloseClassName} asChild>
|
|
253
|
+
}: SheetFooterProps) => {
|
|
254
|
+
return (
|
|
255
|
+
<div
|
|
256
|
+
className={cn(
|
|
257
|
+
"s-flex s-flex-none s-flex-col s-gap-2",
|
|
258
|
+
"s-border-border dark:s-border-border-night",
|
|
259
|
+
className
|
|
260
|
+
)}
|
|
261
|
+
{...props}
|
|
262
|
+
>
|
|
263
|
+
{children}
|
|
264
|
+
<div className="s-flex s-flex-row s-gap-2 s-border-t s-border-border s-px-3 s-py-3 dark:s-border-border-night">
|
|
265
|
+
{leftButtonProps &&
|
|
266
|
+
(leftButtonProps.disabled ? (
|
|
252
267
|
<Button {...leftButtonProps} />
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
<Button {...rightButtonProps} />
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
268
|
+
) : (
|
|
269
|
+
<SheetClose className={sheetCloseClassName} asChild>
|
|
270
|
+
<Button {...leftButtonProps} />
|
|
271
|
+
</SheetClose>
|
|
272
|
+
))}
|
|
273
|
+
<div className="s-flex-grow" />
|
|
274
|
+
{rightButtonProps &&
|
|
275
|
+
(rightButtonProps.disabled ? (
|
|
276
|
+
<Button data-sheet-save="true" {...rightButtonProps} />
|
|
277
|
+
) : (
|
|
278
|
+
<SheetClose className={sheetCloseClassName} asChild>
|
|
279
|
+
<Button data-sheet-save="true" {...rightButtonProps} />
|
|
280
|
+
</SheetClose>
|
|
281
|
+
))}
|
|
282
|
+
{rightEndButtonProps &&
|
|
283
|
+
(rightEndButtonProps.disabled ? (
|
|
269
284
|
<Button {...rightEndButtonProps} />
|
|
270
|
-
|
|
271
|
-
|
|
285
|
+
) : (
|
|
286
|
+
<SheetClose className={sheetCloseClassName} asChild>
|
|
287
|
+
<Button {...rightEndButtonProps} />
|
|
288
|
+
</SheetClose>
|
|
289
|
+
))}
|
|
290
|
+
</div>
|
|
272
291
|
</div>
|
|
273
|
-
|
|
274
|
-
|
|
292
|
+
);
|
|
293
|
+
};
|
|
275
294
|
SheetFooter.displayName = "SheetFooter";
|
|
276
295
|
|
|
277
296
|
interface SheetTitleProps
|
|
@@ -50,8 +50,10 @@ export function Demo() {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
export function SheetDemo() {
|
|
53
|
+
const [saveCount, setSaveCount] = React.useState(0);
|
|
54
|
+
|
|
53
55
|
return (
|
|
54
|
-
<div>
|
|
56
|
+
<div className="s-flex s-items-center s-gap-3">
|
|
55
57
|
<Sheet>
|
|
56
58
|
<SheetTrigger asChild>
|
|
57
59
|
<Button variant="outline" label="Edit demo" />
|
|
@@ -64,15 +66,25 @@ export function SheetDemo() {
|
|
|
64
66
|
<div className="s-flex s-flex-col s-gap-6">
|
|
65
67
|
<Input label="Firstname" placeholder="John" />
|
|
66
68
|
<Input label="Lastname" placeholder="Doe" />
|
|
69
|
+
<div className="s-text-xs s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
70
|
+
Tip: Press Cmd/Ctrl + Enter to Save
|
|
71
|
+
</div>
|
|
67
72
|
</div>
|
|
68
73
|
</SheetContainer>
|
|
69
74
|
<SheetFooter
|
|
70
75
|
sheetCloseClassName="s-flex s-gap-2"
|
|
71
76
|
leftButtonProps={{ label: "Cancel", variant: "warning" }}
|
|
72
|
-
rightButtonProps={{
|
|
77
|
+
rightButtonProps={{
|
|
78
|
+
label: "Save",
|
|
79
|
+
variant: "primary",
|
|
80
|
+
onClick: () => setSaveCount((c) => c + 1),
|
|
81
|
+
}}
|
|
73
82
|
/>
|
|
74
83
|
</SheetContent>
|
|
75
84
|
</Sheet>
|
|
85
|
+
<span className="s-text-xs s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
86
|
+
Saved: {saveCount}
|
|
87
|
+
</span>
|
|
76
88
|
</div>
|
|
77
89
|
);
|
|
78
90
|
}
|