@dust-tt/sparkle 0.2.519 → 0.2.520
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/Dialog.d.ts +2 -9
- package/dist/esm/components/Dialog.d.ts.map +1 -1
- package/dist/esm/components/Dialog.js +2 -6
- package/dist/esm/components/Dialog.js.map +1 -1
- package/dist/esm/stories/Dialog.stories.d.ts.map +1 -1
- package/dist/esm/stories/Dialog.stories.js +0 -16
- package/dist/esm/stories/Dialog.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Dialog.tsx +1 -27
- package/src/stories/Dialog.stories.tsx +0 -20
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { CheckedState } from "@radix-ui/react-checkbox";
|
|
2
1
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
2
|
import * as React from "react";
|
|
4
|
-
import { Button, ButtonProps
|
|
3
|
+
import { Button, ButtonProps } from "../components";
|
|
5
4
|
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
6
5
|
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
6
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -32,15 +31,9 @@ interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
32
31
|
leftButtonProps?: React.ComponentProps<typeof Button>;
|
|
33
32
|
rightButtonProps?: React.ComponentProps<typeof Button>;
|
|
34
33
|
dialogCloseClassName?: string;
|
|
35
|
-
permanentValidation?: {
|
|
36
|
-
label: string;
|
|
37
|
-
checked: boolean;
|
|
38
|
-
onChange: (event: CheckedState) => void;
|
|
39
|
-
props?: React.ComponentProps<typeof Checkbox>;
|
|
40
|
-
};
|
|
41
34
|
}
|
|
42
35
|
declare const DialogFooter: {
|
|
43
|
-
({ className, children, leftButtonProps, rightButtonProps, dialogCloseClassName,
|
|
36
|
+
({ className, children, leftButtonProps, rightButtonProps, dialogCloseClassName, ...props }: DialogFooterProps): React.JSX.Element;
|
|
44
37
|
displayName: string;
|
|
45
38
|
};
|
|
46
39
|
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAc,MAAM,qBAAqB,CAAC;AAItE,QAAA,MAAM,MAAM,uCAAuB,CAAC;AACpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAC9C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAC1C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,aAAa,8JAajB,CAAC;AAGH,QAAA,MAAM,YAAY,qCAAsC,CAAC;AACzD,KAAK,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AA0BpD,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACtE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,2FAwBlB,CAAC;AAGF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,YAAY;+EAOf,oBAAoB;;CAetB,CAAC;AAGF,QAAA,MAAM,eAAe;oBAElB,MAAM,cAAc,CAAC,cAAc,CAAC;;CAWtC,CAAC;AAGF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACvD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY;iGAOf,iBAAiB;;CA4BnB,CAAC;AAGF,QAAA,MAAM,WAAW;aAGJ,MAAM,SAAS;4CAiB1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KAarB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
|
|
@@ -3,7 +3,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
|
3
3
|
import { FocusScope } from "@radix-ui/react-focus-scope";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
5
|
import * as React from "react";
|
|
6
|
-
import { Button,
|
|
6
|
+
import { Button, ScrollArea } from "../components";
|
|
7
7
|
import { XMarkIcon } from "../icons/app";
|
|
8
8
|
import { cn } from "../lib/utils";
|
|
9
9
|
var Dialog = DialogPrimitive.Root;
|
|
@@ -52,12 +52,8 @@ var DialogContainer = function (_a) {
|
|
|
52
52
|
};
|
|
53
53
|
DialogContainer.displayName = "DialogContainer";
|
|
54
54
|
var DialogFooter = function (_a) {
|
|
55
|
-
var className = _a.className, children = _a.children, leftButtonProps = _a.leftButtonProps, rightButtonProps = _a.rightButtonProps, dialogCloseClassName = _a.dialogCloseClassName,
|
|
55
|
+
var className = _a.className, children = _a.children, leftButtonProps = _a.leftButtonProps, rightButtonProps = _a.rightButtonProps, dialogCloseClassName = _a.dialogCloseClassName, props = __rest(_a, ["className", "children", "leftButtonProps", "rightButtonProps", "dialogCloseClassName"]);
|
|
56
56
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-0" },
|
|
57
|
-
permanentValidation && (React.createElement("div", { className: "s-flex s-flex-row s-items-center s-gap-2 s-px-5 s-pt-3" },
|
|
58
|
-
React.createElement(Checkbox, __assign({ checked: permanentValidation.checked, onCheckedChange: permanentValidation.onChange }, permanentValidation.props)),
|
|
59
|
-
React.createElement(Label, { className: "s-copy-sm s-text-foreground dark:s-text-foreground-night" },
|
|
60
|
-
React.createElement("span", null, permanentValidation.label)))),
|
|
61
57
|
React.createElement("div", __assign({ className: cn("s-flex s-flex-none s-flex-row s-justify-end s-gap-2 s-px-3 s-py-3", className) }, props),
|
|
62
58
|
leftButtonProps &&
|
|
63
59
|
(leftButtonProps.disabled ? (React.createElement(Button, __assign({}, leftButtonProps))) : (React.createElement(DialogClose, { className: dialogCloseClassName, asChild: true },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EACL,MAAM,EASP,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EACL,MAAM,EASP,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,EAAE,KA8BnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA6BtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAC"}
|
|
@@ -22,10 +22,6 @@ export var Basic = {
|
|
|
22
22
|
}, rightButtonProps: {
|
|
23
23
|
label: "Save Changes",
|
|
24
24
|
variant: "highlight",
|
|
25
|
-
}, permanentValidation: {
|
|
26
|
-
label: "Don't ask again",
|
|
27
|
-
checked: false,
|
|
28
|
-
onChange: function () { },
|
|
29
25
|
} })))); },
|
|
30
26
|
};
|
|
31
27
|
export var ToolValidation = {
|
|
@@ -48,10 +44,6 @@ export var ToolValidation = {
|
|
|
48
44
|
}, rightButtonProps: {
|
|
49
45
|
label: "Save Changes",
|
|
50
46
|
variant: "highlight",
|
|
51
|
-
}, permanentValidation: {
|
|
52
|
-
label: "Always allow",
|
|
53
|
-
checked: false,
|
|
54
|
-
onChange: function () { },
|
|
55
47
|
} })))); },
|
|
56
48
|
};
|
|
57
49
|
export var WithForm = {
|
|
@@ -71,10 +63,6 @@ export var WithForm = {
|
|
|
71
63
|
}, rightButtonProps: {
|
|
72
64
|
label: "Save",
|
|
73
65
|
variant: "highlight",
|
|
74
|
-
}, permanentValidation: {
|
|
75
|
-
label: "Don't ask again",
|
|
76
|
-
checked: false,
|
|
77
|
-
onChange: function () { },
|
|
78
66
|
} })))); },
|
|
79
67
|
};
|
|
80
68
|
export var AlertDialog = {
|
|
@@ -91,10 +79,6 @@ export var AlertDialog = {
|
|
|
91
79
|
}, rightButtonProps: {
|
|
92
80
|
label: "Delete Account",
|
|
93
81
|
variant: "warning",
|
|
94
|
-
}, permanentValidation: {
|
|
95
|
-
label: "Don't ask again",
|
|
96
|
-
checked: false,
|
|
97
|
-
onChange: function () { },
|
|
98
82
|
} })))); },
|
|
99
83
|
};
|
|
100
84
|
export var LargeContent = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EACL,MAAM,EACN,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,SAAS,GACV,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,MAAM;QACL,oBAAC,aAAa,IAAC,OAAO;YACpB,oBAAC,MAAM,IAAC,KAAK,EAAC,aAAa,GAAG,CAChB;QAChB,oBAAC,aAAa;YACZ,oBAAC,YAAY;gBACX,oBAAC,WAAW,uBAA2B;gBACvC,oBAAC,iBAAiB,qDAEE,CACP;YACf,oBAAC,eAAe,qFAGE;YAClB,oBAAC,YAAY,IACX,eAAe,EAAE;oBACf,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,SAAS;iBACnB,EACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,cAAc;oBACrB,OAAO,EAAE,WAAW;iBACrB,
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EACL,MAAM,EACN,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,SAAS,GACV,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,MAAM;QACL,oBAAC,aAAa,IAAC,OAAO;YACpB,oBAAC,MAAM,IAAC,KAAK,EAAC,aAAa,GAAG,CAChB;QAChB,oBAAC,aAAa;YACZ,oBAAC,YAAY;gBACX,oBAAC,WAAW,uBAA2B;gBACvC,oBAAC,iBAAiB,qDAEE,CACP;YACf,oBAAC,eAAe,qFAGE;YAClB,oBAAC,YAAY,IACX,eAAe,EAAE;oBACf,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,SAAS;iBACnB,EACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,cAAc;oBACrB,OAAO,EAAE,WAAW;iBACrB,GACD,CACY,CACT,CACV,EA5Ba,CA4Bb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAU;IACnC,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,MAAM;QACL,oBAAC,aAAa,IAAC,OAAO;YACpB,oBAAC,MAAM,IAAC,KAAK,EAAC,aAAa,GAAG,CAChB;QAChB,oBAAC,aAAa;YACZ,oBAAC,YAAY;gBACX,oBAAC,WAAW,IACV,MAAM,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAC,SAAS,GAAG,yBAGtD,CACD;YACf,oBAAC,eAAe;gBACd;;oBAEE,8BAAM,SAAS,EAAC,mEAAmE,qBAE5E;;oBAEP,8BAAM,SAAS,EAAC,mEAAmE,kBAE5E;yBAEH,CACU;YAClB,oBAAC,YAAY,IACX,eAAe,EAAE;oBACf,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,SAAS;iBACnB,EACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,cAAc;oBACrB,OAAO,EAAE,WAAW;iBACrB,GACD,CACY,CACT,CACV,EAtCa,CAsCb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,MAAM;QACL,oBAAC,aAAa,IAAC,OAAO;YACpB,oBAAC,MAAM,IAAC,KAAK,EAAC,WAAW,GAAG,CACd;QAChB,oBAAC,aAAa;YACZ,oBAAC,YAAY;gBACX,oBAAC,WAAW,6BAAiC,CAChC;YACf,oBAAC,eAAe;gBACd,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,GAAG;oBAC3C,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,GAAG,CAC7C,CACU;YAClB,oBAAC,YAAY,IACX,eAAe,EAAE;oBACf,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,SAAS;iBACnB,EACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,WAAW;iBACrB,GACD,CACY,CACT,CACV,EA3Ba,CA2Bb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAU;IAChC,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,MAAM;QACL,oBAAC,aAAa,IAAC,OAAO;YACpB,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,GAAG,CACrC;QAChB,oBAAC,aAAa,IAAC,IAAI,EAAC,IAAI;YACtB,oBAAC,YAAY;gBACX,oBAAC,WAAW,mCAAuC,CACtC;YACf,oBAAC,eAAe,yHAGE;YAClB,oBAAC,YAAY,IACX,eAAe,EAAE;oBACf,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,SAAS;iBACnB,EACD,gBAAgB,EAAE;oBAChB,KAAK,EAAE,gBAAgB;oBACvB,OAAO,EAAE,SAAS;iBACnB,GACD,CACY,CACT,CACV,EAzBa,CAyBb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAU;IACjC,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,MAAM;QACL,oBAAC,aAAa,IAAC,OAAO;YACpB,oBAAC,MAAM,IAAC,KAAK,EAAC,YAAY,GAAG,CACf;QAChB,oBAAC,aAAa,IAAC,IAAI,EAAC,IAAI;YACtB,oBAAC,YAAY;gBACX,oBAAC,WAAW,2BAA+B,CAC9B;YACf,oBAAC,eAAe;gBACd,6BAAK,SAAS,EAAC,aAAa;oBAC1B,4BAAI,SAAS,EAAC,iBAAiB,sBAAqB;oBACpD,2BAAG,SAAS,EAAC,mCAAmC,4JAI5C;oBACJ,4BAAI,SAAS,EAAC,iBAAiB,sBAAqB;oBACpD,2BAAG,SAAS,EAAC,mCAAmC,4JAI5C;oBACJ,4BAAI,SAAS,EAAC,iBAAiB,wBAAuB;oBACtD,2BAAG,SAAS,EAAC,mCAAmC,4JAI5C,CACA,CACU,CACJ,CACT,CACV,EAjCa,CAiCb;CACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
import { CheckedState } from "@radix-ui/react-checkbox";
|
|
2
1
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
2
|
import { FocusScope } from "@radix-ui/react-focus-scope";
|
|
4
3
|
import { cva } from "class-variance-authority";
|
|
5
4
|
import * as React from "react";
|
|
6
5
|
|
|
7
|
-
import {
|
|
8
|
-
Button,
|
|
9
|
-
ButtonProps,
|
|
10
|
-
Checkbox,
|
|
11
|
-
Label,
|
|
12
|
-
ScrollArea,
|
|
13
|
-
} from "@sparkle/components";
|
|
6
|
+
import { Button, ButtonProps, ScrollArea } from "@sparkle/components";
|
|
14
7
|
import { XMarkIcon } from "@sparkle/icons/app";
|
|
15
8
|
import { cn } from "@sparkle/lib/utils";
|
|
16
9
|
|
|
@@ -147,12 +140,6 @@ interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
147
140
|
leftButtonProps?: React.ComponentProps<typeof Button>;
|
|
148
141
|
rightButtonProps?: React.ComponentProps<typeof Button>;
|
|
149
142
|
dialogCloseClassName?: string;
|
|
150
|
-
permanentValidation?: {
|
|
151
|
-
label: string;
|
|
152
|
-
checked: boolean;
|
|
153
|
-
onChange: (event: CheckedState) => void;
|
|
154
|
-
props?: React.ComponentProps<typeof Checkbox>;
|
|
155
|
-
};
|
|
156
143
|
}
|
|
157
144
|
|
|
158
145
|
const DialogFooter = ({
|
|
@@ -161,22 +148,9 @@ const DialogFooter = ({
|
|
|
161
148
|
leftButtonProps,
|
|
162
149
|
rightButtonProps,
|
|
163
150
|
dialogCloseClassName,
|
|
164
|
-
permanentValidation,
|
|
165
151
|
...props
|
|
166
152
|
}: DialogFooterProps) => (
|
|
167
153
|
<div className="s-flex s-flex-col s-gap-0">
|
|
168
|
-
{permanentValidation && (
|
|
169
|
-
<div className="s-flex s-flex-row s-items-center s-gap-2 s-px-5 s-pt-3">
|
|
170
|
-
<Checkbox
|
|
171
|
-
checked={permanentValidation.checked}
|
|
172
|
-
onCheckedChange={permanentValidation.onChange}
|
|
173
|
-
{...permanentValidation.props}
|
|
174
|
-
/>
|
|
175
|
-
<Label className="s-copy-sm s-text-foreground dark:s-text-foreground-night">
|
|
176
|
-
<span>{permanentValidation.label}</span>
|
|
177
|
-
</Label>
|
|
178
|
-
</div>
|
|
179
|
-
)}
|
|
180
154
|
<div
|
|
181
155
|
className={cn(
|
|
182
156
|
"s-flex s-flex-none s-flex-row s-justify-end s-gap-2 s-px-3 s-py-3",
|
|
@@ -50,11 +50,6 @@ export const Basic: Story = {
|
|
|
50
50
|
label: "Save Changes",
|
|
51
51
|
variant: "highlight",
|
|
52
52
|
}}
|
|
53
|
-
permanentValidation={{
|
|
54
|
-
label: "Don't ask again",
|
|
55
|
-
checked: false,
|
|
56
|
-
onChange: () => {},
|
|
57
|
-
}}
|
|
58
53
|
/>
|
|
59
54
|
</DialogContent>
|
|
60
55
|
</Dialog>
|
|
@@ -97,11 +92,6 @@ export const ToolValidation: Story = {
|
|
|
97
92
|
label: "Save Changes",
|
|
98
93
|
variant: "highlight",
|
|
99
94
|
}}
|
|
100
|
-
permanentValidation={{
|
|
101
|
-
label: "Always allow",
|
|
102
|
-
checked: false,
|
|
103
|
-
onChange: () => {},
|
|
104
|
-
}}
|
|
105
95
|
/>
|
|
106
96
|
</DialogContent>
|
|
107
97
|
</Dialog>
|
|
@@ -133,11 +123,6 @@ export const WithForm: Story = {
|
|
|
133
123
|
label: "Save",
|
|
134
124
|
variant: "highlight",
|
|
135
125
|
}}
|
|
136
|
-
permanentValidation={{
|
|
137
|
-
label: "Don't ask again",
|
|
138
|
-
checked: false,
|
|
139
|
-
onChange: () => {},
|
|
140
|
-
}}
|
|
141
126
|
/>
|
|
142
127
|
</DialogContent>
|
|
143
128
|
</Dialog>
|
|
@@ -167,11 +152,6 @@ export const AlertDialog: Story = {
|
|
|
167
152
|
label: "Delete Account",
|
|
168
153
|
variant: "warning",
|
|
169
154
|
}}
|
|
170
|
-
permanentValidation={{
|
|
171
|
-
label: "Don't ask again",
|
|
172
|
-
checked: false,
|
|
173
|
-
onChange: () => {},
|
|
174
|
-
}}
|
|
175
155
|
/>
|
|
176
156
|
</DialogContent>
|
|
177
157
|
</Dialog>
|