@dust-tt/sparkle 0.2.574 → 0.2.576
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 +4 -1
- package/dist/esm/components/Dialog.d.ts.map +1 -1
- package/dist/esm/components/Dialog.js +12 -4
- package/dist/esm/components/Dialog.js.map +1 -1
- package/dist/esm/components/MessageCard.d.ts.map +1 -1
- package/dist/esm/components/MessageCard.js.map +1 -1
- package/dist/esm/components/MultiPageDialog.d.ts +1 -0
- package/dist/esm/components/MultiPageDialog.d.ts.map +1 -1
- package/dist/esm/components/MultiPageDialog.js +9 -6
- package/dist/esm/components/MultiPageDialog.js.map +1 -1
- package/dist/esm/components/Resizable.js +1 -1
- package/dist/esm/components/markdown/PrettyJsonViewer.d.ts.map +1 -1
- package/dist/esm/components/markdown/PrettyJsonViewer.js +100 -22
- package/dist/esm/components/markdown/PrettyJsonViewer.js.map +1 -1
- package/dist/esm/stories/Dialog.stories.d.ts.map +1 -1
- package/dist/esm/stories/Dialog.stories.js +5 -3
- package/dist/esm/stories/Dialog.stories.js.map +1 -1
- package/dist/esm/stories/MultiPageDialog.stories.d.ts.map +1 -1
- package/dist/esm/stories/MultiPageDialog.stories.js +14 -7
- package/dist/esm/stories/MultiPageDialog.stories.js.map +1 -1
- package/dist/sparkle.css +10 -0
- package/package.json +1 -1
- package/src/components/Dialog.tsx +40 -15
- package/src/components/MessageCard.tsx +1 -4
- package/src/components/MultiPageDialog.tsx +25 -9
- package/src/components/Resizable.tsx +1 -1
- package/src/components/markdown/PrettyJsonViewer.tsx +203 -9
- package/src/stories/Dialog.stories.tsx +18 -2
- package/src/stories/MultiPageDialog.stories.tsx +30 -9
|
@@ -26,8 +26,11 @@ declare const DialogHeader: {
|
|
|
26
26
|
({ className, children, buttonSize, buttonVariant, hideButton, ...props }: NewDialogHeaderProps): React.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
|
+
interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
30
|
+
fixedContent?: React.ReactNode;
|
|
31
|
+
}
|
|
29
32
|
declare const DialogContainer: {
|
|
30
|
-
({ children, }:
|
|
33
|
+
({ children, fixedContent }: DialogContainerProps): React.JSX.Element;
|
|
31
34
|
displayName: string;
|
|
32
35
|
};
|
|
33
36
|
interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EACL,MAAM,EACN,WAAW,EAGZ,MAAM,qBAAqB,CAAC;AAI7B,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,4CAA6C,CAAC;AAChE,KAAK,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,cAAc,oCAAqC,CAAC;AAC1D,KAAK,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAmCxD,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACtE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,2FAgClB,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,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,QAAA,MAAM,eAAe;iCAAgC,oBAAoB;;CA6BxE,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, ScrollArea } from "../components";
|
|
6
|
+
import { Button, ScrollArea, Separator, } from "../components";
|
|
7
7
|
import { XMarkIcon } from "../icons/app";
|
|
8
8
|
import { cn } from "../lib/utils";
|
|
9
9
|
var Dialog = DialogPrimitive.Root;
|
|
@@ -55,9 +55,17 @@ var DialogHeader = function (_a) {
|
|
|
55
55
|
};
|
|
56
56
|
DialogHeader.displayName = "DialogHeader";
|
|
57
57
|
var DialogContainer = function (_a) {
|
|
58
|
-
var children = _a.children;
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
var children = _a.children, fixedContent = _a.fixedContent;
|
|
59
|
+
var contentStyles = cn("s-copy-base s-px-5 s-py-4 s-text-foreground dark:s-text-foreground-night");
|
|
60
|
+
var scrollableContent = (React.createElement(ScrollArea, { className: "s-w-full s-flex-grow" },
|
|
61
|
+
React.createElement("div", { className: cn(contentStyles, "s-relative s-flex s-flex-col s-gap-2 s-text-left") }, children)));
|
|
62
|
+
if (fixedContent) {
|
|
63
|
+
return (React.createElement("div", { className: "s-flex s-flex-grow s-flex-col s-overflow-hidden" },
|
|
64
|
+
React.createElement("div", { className: cn(contentStyles, "s-flex-none") }, fixedContent),
|
|
65
|
+
React.createElement(Separator, null),
|
|
66
|
+
scrollableContent));
|
|
67
|
+
}
|
|
68
|
+
return scrollableContent;
|
|
61
69
|
};
|
|
62
70
|
DialogContainer.displayName = "DialogContainer";
|
|
63
71
|
var DialogFooter = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageCard.d.ts","sourceRoot":"","sources":["../../../src/components/MessageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"MessageCard.d.ts","sourceRoot":"","sources":["../../../src/components/MessageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,yFAsEvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageCard.js","sourceRoot":"","sources":["../../../src/components/MessageCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAcxC,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"MessageCard.js","sourceRoot":"","sources":["../../../src/components/MessageCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAcxC,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAWC,EACD,GAAG;IAXD,IAAA,SAAS,eAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACR,yBAAiC,EAAjC,iBAAiB,mBAAG,aAAa,KAAA,EACjC,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EACf,KAAK,cAVV,8IAWC,CADS;IAIV,IAAM,eAAe,GAAG;QACtB,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,CAAC;QAChB,CAAC;aAAM,IAAI,aAAa,EAAE,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,4BAA4B,EAC5B,2BAA2B,EAC3B,yDAAyD,EACzD,SAAS,CACV,IACG,KAAK;QAER,SAAS,IAAI,QAAQ,IAAI,CACxB,6BACE,SAAS,EAAC,2FAA2F,EACrG,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,QAAQ,MAAG,EAAE,GAC9C,CACH;QAED,6BAAK,SAAS,EAAC,OAAO;YACpB,6BAAK,SAAS,EAAC,yEAAyE,IACrF,iBAAiB,CACd;YACN,4BAAI,SAAS,EAAC,+FAA+F,IAC1G,mBAAmB,CACjB;YACL,6BAAK,SAAS,EAAC,yCAAyC;gBACtD,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,eAAe,EACxB,KAAK,EAAC,YAAY,GAClB;gBACD,WAAW,IAAI,SAAS,IAAI,CAC3B,oBAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,EAClB,KAAK,EAAC,SAAS,GACf,CACH,CACG,CACF,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -7,6 +7,7 @@ interface MultiPageDialogPage {
|
|
|
7
7
|
description?: string;
|
|
8
8
|
icon?: React.ComponentType;
|
|
9
9
|
content: React.ReactNode;
|
|
10
|
+
fixedContent?: React.ReactNode;
|
|
10
11
|
}
|
|
11
12
|
declare const MultiPageDialogRoot: React.FC<import("@radix-ui/react-dialog").DialogProps>;
|
|
12
13
|
declare const MultiPageDialogTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EAA+B,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAGL,aAAa,EAKd,MAAM,4BAA4B,CAAC;AAQpC,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;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;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,eAAe,EAAE,OAAO,CAAC;IACzB,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;gGAQxB,0BAA0B;;CAyB5B,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,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9D,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;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,2BAA4B,SAAQ,oBAAoB;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,QAAA,MAAM,sBAAsB,oGAwM3B,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"}
|
|
@@ -2,8 +2,7 @@ import { __assign, __read, __rest } from "tslib";
|
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { useState } from "react";
|
|
5
|
-
import { Button, Icon, ScrollArea } from "../components";
|
|
6
|
-
import { Separator } from "../components";
|
|
5
|
+
import { Button, Icon, ScrollArea, Separator } from "../components";
|
|
7
6
|
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "../components/Dialog";
|
|
8
7
|
import { ChevronLeftIcon, ChevronRightIcon } from "../icons/app";
|
|
9
8
|
import { cn } from "../lib/utils";
|
|
@@ -63,7 +62,7 @@ var MultiPageDialogContent = React.forwardRef(function (_a, ref) {
|
|
|
63
62
|
var prevButtonDisabled = !hasPrevious || isTransitioning;
|
|
64
63
|
return (React.createElement(DialogContent, __assign({ ref: ref, size: size, height: height, trapFocusScope: trapFocusScope, isAlertDialog: isAlertDialog, className: className }, props),
|
|
65
64
|
React.createElement("div", { className: cn(multiPageDialogLayoutVariants()) },
|
|
66
|
-
React.createElement(DialogHeader, { hideButton:
|
|
65
|
+
React.createElement(DialogHeader, { hideButton: showHeaderNavigation, className: "s-flex-none" },
|
|
67
66
|
React.createElement("div", { className: "s-flex s-items-center s-justify-between s-pr-8" },
|
|
68
67
|
React.createElement("div", { className: "s-flex s-items-center s-gap-3" },
|
|
69
68
|
showNavigation && showHeaderNavigation && (React.createElement("div", { className: "s-flex s-items-center s-gap-1" },
|
|
@@ -88,13 +87,17 @@ var MultiPageDialogContent = React.forwardRef(function (_a, ref) {
|
|
|
88
87
|
" / ",
|
|
89
88
|
pages.length)))),
|
|
90
89
|
React.createElement("div", { className: "s-min-h-0 s-flex-1 s-overflow-hidden" },
|
|
91
|
-
React.createElement(
|
|
90
|
+
React.createElement("div", { className: cn("s-h-full s-transition-all s-duration-200 s-ease-out", {
|
|
92
91
|
"s-transform s-opacity-0": isTransitioning,
|
|
93
92
|
"s-translate-x-2": isTransitioning && transitionDirection === "next",
|
|
94
93
|
"s--translate-x-2": isTransitioning && transitionDirection === "prev",
|
|
95
94
|
"s-translate-x-0 s-opacity-100": !isTransitioning,
|
|
96
|
-
}) },
|
|
97
|
-
React.createElement(
|
|
95
|
+
}, currentPage.fixedContent ? "s-flex s-flex-col" : "") },
|
|
96
|
+
currentPage.fixedContent && (React.createElement(React.Fragment, null,
|
|
97
|
+
React.createElement("div", { className: "s-flex-none s-px-5 s-py-4" }, currentPage.fixedContent),
|
|
98
|
+
React.createElement(Separator, null))),
|
|
99
|
+
React.createElement(ScrollArea, { className: currentPage.fixedContent ? "s-flex-1" : "s-h-full" },
|
|
100
|
+
React.createElement("div", { className: "s-flex s-flex-col s-gap-2 s-px-5 s-py-4" }, currentPage.content)))),
|
|
98
101
|
React.createElement(MultiPageDialogFooter, { leftButton: leftButton, centerButton: centerButton, rightButton: rightButton, addTopSeparator: addFooterSeparator }, footerContent))));
|
|
99
102
|
});
|
|
100
103
|
MultiPageDialogContent.displayName = "MultiPageDialogContent";
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"MultiPageDialog.js","sourceRoot":"","sources":["../../../src/components/MultiPageDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ var ResizablePanelGroup = function (_a) {
|
|
|
9
9
|
var ResizablePanel = ResizablePrimitive.Panel;
|
|
10
10
|
var ResizableHandle = function (_a) {
|
|
11
11
|
var withHandle = _a.withHandle, className = _a.className, props = __rest(_a, ["withHandle", "className"]);
|
|
12
|
-
return (React.createElement(ResizablePrimitive.PanelResizeHandle, __assign({ className: cn("s-relative s-flex s-w-px s-items-center s-justify-center", "after:s-absolute after:s-inset-y-0 after:s-left-1/2 after:s-w-1 after:s--translate-x-1/2", "focus-visible:s-outline-none focus-visible:s-ring-1", "focus-visible:s-ring-ring dark:focus-visible:s-ring-ring-night", "focus-visible:s-ring-offset-1 data-[panel-group-direction=vertical]:s-h-px", "data-[panel-group-direction=vertical]:s-w-full", "data-[panel-group-direction=vertical]:after:s-left-0", "data-[panel-group-direction=vertical]:after:s-h-1", "data-[panel-group-direction=vertical]:after:s-w-full", "data-[panel-group-direction=vertical]:after:s--translate-y-1/2", "data-[panel-group-direction=vertical]:after:s-translate-x-0", "[&[data-panel-group-direction=vertical]>div]:s-rotate-90", "s-bg-gray-100 dark:s-bg-border-night", className) }, props), withHandle && (React.createElement("div", { className: cn("s-absolute s-flex s-h-6 s-w-2 s-items-center s-justify-center s-rounded-2xl", "s-border-gray-100 s-
|
|
12
|
+
return (React.createElement(ResizablePrimitive.PanelResizeHandle, __assign({ className: cn("s-relative s-flex s-w-px s-items-center s-justify-center", "after:s-absolute after:s-inset-y-0 after:s-left-1/2 after:s-w-1 after:s--translate-x-1/2", "focus-visible:s-outline-none focus-visible:s-ring-1", "focus-visible:s-ring-ring dark:focus-visible:s-ring-ring-night", "focus-visible:s-ring-offset-1 data-[panel-group-direction=vertical]:s-h-px", "data-[panel-group-direction=vertical]:s-w-full", "data-[panel-group-direction=vertical]:after:s-left-0", "data-[panel-group-direction=vertical]:after:s-h-1", "data-[panel-group-direction=vertical]:after:s-w-full", "data-[panel-group-direction=vertical]:after:s--translate-y-1/2", "data-[panel-group-direction=vertical]:after:s-translate-x-0", "[&[data-panel-group-direction=vertical]>div]:s-rotate-90", "s-bg-gray-100 dark:s-bg-border-night", className) }, props), withHandle && (React.createElement("div", { className: cn("s-absolute s-flex s-h-6 s-w-2 s-items-center s-justify-center s-rounded-2xl", "s-border s-border-gray-100 s-bg-white") },
|
|
13
13
|
React.createElement("div", { className: "s-w-px" })))));
|
|
14
14
|
};
|
|
15
15
|
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrettyJsonViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/PrettyJsonViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PrettyJsonViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/PrettyJsonViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,aAAa,EAAE,GACf;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAA;CAAE,CAAC;AA4WrC,UAAU,eAAe;IACvB,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,eAAe,qBAqBpE"}
|
|
@@ -1,27 +1,69 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { useState } from "react";
|
|
3
3
|
import { Chip } from "../../components/Chip";
|
|
4
4
|
import { cn } from "../../lib/utils";
|
|
5
5
|
// Constants for consistent styling
|
|
6
6
|
var VALUE_CLASSES = "s-text-primary-700 dark:s-text-primary-700-night s-pt-1 s-text-sm";
|
|
7
7
|
var EMPTY_CLASSES = "s-text-primary-500 dark:s-text-primary-500-night s-pt-1 s-text-sm s-italic";
|
|
8
8
|
var INDENT_CLASSES = "s-border-structure-200 dark:s-border-structure-200-night s-max-w-full s-border-l s-pl-4 s-ml-4";
|
|
9
|
+
// Performance limits to prevent browser crashes.
|
|
10
|
+
// These limits are meant to be very conservative.
|
|
11
|
+
var MAX_OBJECT_DEPTH = 8;
|
|
12
|
+
var MAX_ARRAY_ITEMS = 128;
|
|
13
|
+
var MAX_OBJECT_KEYS = 64;
|
|
14
|
+
var MAX_STRING_LENGTH = 1024;
|
|
15
|
+
// Helper component for inline expand/collapse buttons with consistent styling.
|
|
16
|
+
function InlineExpandButton(_a) {
|
|
17
|
+
var label = _a.label, buttonText = _a.buttonText, onClick = _a.onClick, className = _a.className;
|
|
18
|
+
return (React.createElement("span", { className: cn(EMPTY_CLASSES, className) },
|
|
19
|
+
label,
|
|
20
|
+
" ",
|
|
21
|
+
React.createElement("button", { onClick: onClick, className: "s-cursor-pointer s-font-medium s-text-highlight hover:s-underline dark:s-text-highlight-night" }, buttonText)));
|
|
22
|
+
}
|
|
9
23
|
// Helper component for rendering key-value pairs with consistent styling.
|
|
10
24
|
function KeyValuePair(_a) {
|
|
11
|
-
var keyName = _a.keyName, value = _a.value, depth = _a.depth, chipColor = _a.chipColor, _b = _a.isRootLevel, isRootLevel = _b === void 0 ? false : _b;
|
|
25
|
+
var keyName = _a.keyName, value = _a.value, depth = _a.depth, chipColor = _a.chipColor, _b = _a.isRootLevel, isRootLevel = _b === void 0 ? false : _b, expandedPaths = _a.expandedPaths, setExpandedPaths = _a.setExpandedPaths, currentPath = _a.currentPath;
|
|
12
26
|
var isComplexValue = typeof value === "object" && value !== null;
|
|
13
27
|
if (isComplexValue) {
|
|
14
28
|
return (React.createElement(React.Fragment, null,
|
|
15
29
|
React.createElement(Chip, { size: "xs", color: chipColor, label: formatKey(keyName), className: "s-mb-2" }),
|
|
16
30
|
React.createElement("div", { className: cn("s-max-w-full", isRootLevel && "s-ml-4") },
|
|
17
|
-
React.createElement(JsonValue, { value: value, depth: depth + 1 }))));
|
|
31
|
+
React.createElement(JsonValue, { value: value, depth: depth + 1, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: "".concat(currentPath, ".").concat(keyName) }))));
|
|
18
32
|
}
|
|
19
33
|
return (React.createElement("div", { className: cn("s-flex s-items-start", isRootLevel ? "s-gap-3" : "s-gap-2") },
|
|
20
34
|
React.createElement(Chip, { size: "xs", color: chipColor, label: formatKey(keyName) }),
|
|
21
|
-
React.createElement(JsonValue, { value: value, depth: depth + 1 })));
|
|
35
|
+
React.createElement(JsonValue, { value: value, depth: depth + 1, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: "".concat(currentPath, ".").concat(keyName) })));
|
|
22
36
|
}
|
|
23
37
|
function JsonValue(_a) {
|
|
24
|
-
var
|
|
38
|
+
var _b, _c, _d, _e;
|
|
39
|
+
var value = _a.value, _f = _a.depth, depth = _f === void 0 ? 0 : _f, _g = _a.expandedPaths, expandedPaths = _g === void 0 ? new Set() : _g, setExpandedPaths = _a.setExpandedPaths, _h = _a.currentPath, currentPath = _h === void 0 ? "" : _h;
|
|
40
|
+
var handleToggleExpanded = function (path) {
|
|
41
|
+
if (!setExpandedPaths) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
setExpandedPaths(function (prev) {
|
|
45
|
+
var newSet = new Set(prev);
|
|
46
|
+
if (newSet.has(path)) {
|
|
47
|
+
newSet.delete(path);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
newSet.add(path);
|
|
51
|
+
}
|
|
52
|
+
return newSet;
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
if (depth >= MAX_OBJECT_DEPTH &&
|
|
56
|
+
typeof value === "object" &&
|
|
57
|
+
value !== null) {
|
|
58
|
+
var deepObjectPath_1 = "".concat(currentPath, ":deep");
|
|
59
|
+
var isExpanded = (_b = expandedPaths === null || expandedPaths === void 0 ? void 0 : expandedPaths.has(deepObjectPath_1)) !== null && _b !== void 0 ? _b : false;
|
|
60
|
+
if (isExpanded) {
|
|
61
|
+
// Render the full object/array when expanded, ignoring depth limit.
|
|
62
|
+
return (React.createElement(JsonValue, { value: value, depth: 0, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: "".concat(currentPath, ":expanded") }));
|
|
63
|
+
}
|
|
64
|
+
return (React.createElement("div", { className: "s-flex s-items-center s-gap-1" },
|
|
65
|
+
React.createElement(InlineExpandButton, { label: "Maximum depth reached", buttonText: "expand", onClick: function () { return handleToggleExpanded(deepObjectPath_1); } })));
|
|
66
|
+
}
|
|
25
67
|
if (value === null || value === undefined) {
|
|
26
68
|
return React.createElement("span", { className: EMPTY_CLASSES }, "empty");
|
|
27
69
|
}
|
|
@@ -32,6 +74,17 @@ function JsonValue(_a) {
|
|
|
32
74
|
return React.createElement("span", { className: VALUE_CLASSES }, value);
|
|
33
75
|
}
|
|
34
76
|
if (typeof value === "string") {
|
|
77
|
+
if (value.length > MAX_STRING_LENGTH) {
|
|
78
|
+
var longStringPath_1 = "".concat(currentPath, ":longstring");
|
|
79
|
+
var isExpanded = (_c = expandedPaths === null || expandedPaths === void 0 ? void 0 : expandedPaths.has(longStringPath_1)) !== null && _c !== void 0 ? _c : false;
|
|
80
|
+
return (React.createElement("span", { className: "".concat(VALUE_CLASSES, " s-whitespace-pre-wrap s-break-normal") },
|
|
81
|
+
isExpanded ? value : value.substring(0, MAX_STRING_LENGTH),
|
|
82
|
+
!isExpanded && "…",
|
|
83
|
+
" ",
|
|
84
|
+
React.createElement("button", { onClick: function () { return handleToggleExpanded(longStringPath_1); }, className: "s-cursor-pointer s-font-medium s-text-highlight hover:s-underline dark:s-text-highlight-night" }, isExpanded
|
|
85
|
+
? "collapse"
|
|
86
|
+
: "expand (".concat((value.length - MAX_STRING_LENGTH).toLocaleString(), " more characters)"))));
|
|
87
|
+
}
|
|
35
88
|
return (React.createElement("span", { className: "".concat(VALUE_CLASSES, " s-whitespace-pre-wrap s-break-normal") }, value));
|
|
36
89
|
}
|
|
37
90
|
if (Array.isArray(value)) {
|
|
@@ -42,34 +95,58 @@ function JsonValue(_a) {
|
|
|
42
95
|
var isSimpleArray = value.every(function (item) { return typeof item !== "object" || item === null; });
|
|
43
96
|
if (isSimpleArray && value.length <= 5) {
|
|
44
97
|
return (React.createElement("span", { className: VALUE_CLASSES }, value.map(function (item, index) { return (React.createElement("span", { key: index },
|
|
45
|
-
React.createElement(JsonValue, { value: item, depth: depth + 1 }),
|
|
98
|
+
React.createElement(JsonValue, { value: item, depth: depth + 1, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: "".concat(currentPath, "[").concat(index, "]") }),
|
|
46
99
|
index < value.length - 1 && ", ")); })));
|
|
47
100
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
101
|
+
// Truncate arrays that have too many items.
|
|
102
|
+
var arrayPath_1 = "".concat(currentPath, "[]");
|
|
103
|
+
var isExpanded = (_d = expandedPaths === null || expandedPaths === void 0 ? void 0 : expandedPaths.has(arrayPath_1)) !== null && _d !== void 0 ? _d : false;
|
|
104
|
+
var itemsToShow = isExpanded
|
|
105
|
+
? value.length
|
|
106
|
+
: Math.min(value.length, MAX_ARRAY_ITEMS);
|
|
107
|
+
var hasMore = value.length > MAX_ARRAY_ITEMS && !isExpanded;
|
|
108
|
+
return (React.createElement("div", { className: "s-mt-2" },
|
|
109
|
+
value.slice(0, itemsToShow).map(function (item, index) { return (React.createElement("div", { key: index, className: cn(INDENT_CLASSES) },
|
|
110
|
+
React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
111
|
+
React.createElement(Chip, { size: "xs", color: "primary", label: "Item ".concat(index + 1) }),
|
|
112
|
+
React.createElement("div", { className: "s-max-w-full" },
|
|
113
|
+
React.createElement(JsonValue, { value: item, depth: depth + 1, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: "".concat(currentPath, "[").concat(index, "]") }))))); }),
|
|
114
|
+
hasMore && (React.createElement("div", { className: cn(INDENT_CLASSES) },
|
|
115
|
+
React.createElement(InlineExpandButton, { label: "".concat(value.length - itemsToShow, " more items"), buttonText: "expand", onClick: function () { return handleToggleExpanded(arrayPath_1); } })))));
|
|
53
116
|
}
|
|
54
117
|
if (typeof value === "object") {
|
|
55
118
|
var entries = Object.entries(value);
|
|
56
119
|
if (entries.length === 0) {
|
|
57
120
|
return React.createElement("span", { className: EMPTY_CLASSES }, "empty");
|
|
58
121
|
}
|
|
122
|
+
// Truncate objects with too many properties.
|
|
123
|
+
var objectPath_1 = "".concat(currentPath, "{}");
|
|
124
|
+
var isExpanded = (_e = expandedPaths === null || expandedPaths === void 0 ? void 0 : expandedPaths.has(objectPath_1)) !== null && _e !== void 0 ? _e : false;
|
|
125
|
+
var keysToShow = isExpanded
|
|
126
|
+
? entries.length
|
|
127
|
+
: Math.min(entries.length, MAX_OBJECT_KEYS);
|
|
128
|
+
var hasMore = entries.length > MAX_OBJECT_KEYS && !isExpanded;
|
|
129
|
+
var visibleEntries = entries.slice(0, keysToShow);
|
|
59
130
|
// For nested objects, use a card-like layout with vertical bars.
|
|
60
131
|
if (depth > 0) {
|
|
61
|
-
return (React.createElement("div", { className: "s-space-y-2" },
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
React.createElement(
|
|
65
|
-
|
|
132
|
+
return (React.createElement("div", { className: "s-space-y-2" },
|
|
133
|
+
visibleEntries.map(function (_a) {
|
|
134
|
+
var _b = __read(_a, 2), key = _b[0], val = _b[1];
|
|
135
|
+
return (React.createElement("div", { key: key, className: cn(INDENT_CLASSES) },
|
|
136
|
+
React.createElement(KeyValuePair, { keyName: key, value: val, depth: depth, chipColor: "info", expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: currentPath })));
|
|
137
|
+
}),
|
|
138
|
+
hasMore && (React.createElement("div", { className: cn(INDENT_CLASSES) },
|
|
139
|
+
React.createElement(InlineExpandButton, { label: "".concat(entries.length - keysToShow, " more properties"), buttonText: "expand", onClick: function () { return handleToggleExpanded(objectPath_1); } })))));
|
|
66
140
|
}
|
|
67
141
|
// Root level objects use a table-like layout.
|
|
68
|
-
return (React.createElement("div", { className: "s-max-w-full s-space-y-3" },
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
React.createElement(
|
|
72
|
-
|
|
142
|
+
return (React.createElement("div", { className: "s-max-w-full s-space-y-3" },
|
|
143
|
+
visibleEntries.map(function (_a) {
|
|
144
|
+
var _b = __read(_a, 2), key = _b[0], val = _b[1];
|
|
145
|
+
return (React.createElement("div", { key: key, className: cn("s-max-w-full s-border-b s-pb-3 last:s-border-0 last:s-pb-0", "s-border-structure-200 dark:s-border-structure-200-night") },
|
|
146
|
+
React.createElement(KeyValuePair, { keyName: key, value: val, depth: depth, chipColor: "highlight", isRootLevel: true, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: currentPath })));
|
|
147
|
+
}),
|
|
148
|
+
hasMore && (React.createElement("div", { className: "s-border-structure-200 dark:s-border-structure-200-night s-border-t s-pt-3" },
|
|
149
|
+
React.createElement(InlineExpandButton, { label: "".concat(entries.length - keysToShow, " more properties"), buttonText: "expand", onClick: function () { return handleToggleExpanded(objectPath_1); } })))));
|
|
73
150
|
}
|
|
74
151
|
return (React.createElement("span", { className: cn("s-text-sm", "s-text-element-700 dark:s-text-element-700-night") }, String(value)));
|
|
75
152
|
}
|
|
@@ -85,8 +162,9 @@ function formatKey(key) {
|
|
|
85
162
|
}
|
|
86
163
|
export function PrettyJsonViewer(_a) {
|
|
87
164
|
var data = _a.data, className = _a.className;
|
|
165
|
+
var _b = __read(useState(new Set()), 2), expandedPaths = _b[0], setExpandedPaths = _b[1];
|
|
88
166
|
return (React.createElement("div", { className: cn("s-bg-structure-50 dark:s-bg-structure-50-night", "s-overflow-hidden s-rounded-lg s-px-4 s-py-4 s-text-base", className) },
|
|
89
167
|
React.createElement("div", { className: "s-max-w-full s-overflow-x-auto" },
|
|
90
|
-
React.createElement(JsonValue, { value: data }))));
|
|
168
|
+
React.createElement(JsonValue, { value: data, expandedPaths: expandedPaths, setExpandedPaths: setExpandedPaths, currentPath: "root" }))));
|
|
91
169
|
}
|
|
92
170
|
//# sourceMappingURL=PrettyJsonViewer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrettyJsonViewer.js","sourceRoot":"","sources":["../../../../src/components/markdown/PrettyJsonViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PrettyJsonViewer.js","sourceRoot":"","sources":["../../../../src/components/markdown/PrettyJsonViewer.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,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,
|
|
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,KA4E1B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Avatar, Button, Input } from "../components";
|
|
2
|
+
import { Avatar, Button, Input, SearchInput } from "../components";
|
|
3
3
|
import { Dialog, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, SlackLogo, } from "../index_with_tw_base";
|
|
4
4
|
var meta = {
|
|
5
5
|
title: "Components/Dialog",
|
|
@@ -88,7 +88,7 @@ export var LargeContent = {
|
|
|
88
88
|
React.createElement(DialogContent, { size: "2xl", height: "md" },
|
|
89
89
|
React.createElement(DialogHeader, null,
|
|
90
90
|
React.createElement(DialogTitle, null, "Terms of Service")),
|
|
91
|
-
React.createElement(DialogContainer,
|
|
91
|
+
React.createElement(DialogContainer, { fixedContent: React.createElement(SearchInput, { value: "", onChange: function () { }, name: "search-terms", placeholder: "Search terms..." }) },
|
|
92
92
|
React.createElement("div", { className: "s-space-y-4" },
|
|
93
93
|
React.createElement("h3", { className: "s-font-semibold" }, "1. Introduction"),
|
|
94
94
|
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod possimus sit modi reprehenderit sed dolorem nisi nostrum, dignissimos tempora eligendi! Sed enim sapiente molestias pariatur earum ipsum exercitationem corrupti voluptates?"),
|
|
@@ -99,7 +99,9 @@ export var LargeContent = {
|
|
|
99
99
|
React.createElement("h3", { className: "s-font-semibold" }, "4. Data Processing"),
|
|
100
100
|
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem ipsum inventore vel, voluptatem fugiat necessitatibus reiciendis accusantium dignissimos optio error."),
|
|
101
101
|
React.createElement("h3", { className: "s-font-semibold" }, "5. User Rights"),
|
|
102
|
-
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt architecto dolorem corrupti accusamus optio neque officia perferendis molestiae.")
|
|
102
|
+
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt architecto dolorem corrupti accusamus optio neque officia perferendis molestiae."),
|
|
103
|
+
React.createElement("h3", { className: "s-font-semibold" }, "6. Additional Terms"),
|
|
104
|
+
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "More content to make the dialog scrollable and test the fixed search input functionality. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod possimus sit modi reprehenderit sed dolorem nisi nostrum."))),
|
|
103
105
|
React.createElement(DialogFooter, { leftButtonProps: {
|
|
104
106
|
label: "Cancel",
|
|
105
107
|
variant: "outline",
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
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;AAKvD,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,KA2I9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA6NhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAsLvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoL/B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __assign, __read, __spreadArray } from "tslib";
|
|
2
2
|
import React, { useState } from "react";
|
|
3
|
+
import { SearchInput } from "../components";
|
|
3
4
|
import { Button } from "../components/Button";
|
|
4
5
|
import { MultiPageDialog, MultiPageDialogContent, MultiPageDialogTrigger, } from "../components/MultiPageDialog";
|
|
5
6
|
import { Cog6ToothIcon, DocumentTextIcon, UserIcon } from "../icons/app";
|
|
@@ -154,7 +155,7 @@ export var SimpleToolDialog = {
|
|
|
154
155
|
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
155
156
|
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
156
157
|
React.createElement(Button, { label: "Add tools" })),
|
|
157
|
-
React.createElement(MultiPageDialogContent, { pages: toolPages, currentPageId: "tool-selection", onPageChange: function () { }, size: "xl", height: "xl", leftButton: {
|
|
158
|
+
React.createElement(MultiPageDialogContent, { pages: toolPages, showHeaderNavigation: false, currentPageId: "tool-selection", onPageChange: function () { }, size: "xl", height: "xl", leftButton: {
|
|
158
159
|
label: "Cancel",
|
|
159
160
|
variant: "outline",
|
|
160
161
|
onClick: handleCancel,
|
|
@@ -425,6 +426,7 @@ export var ScrollableContent = {
|
|
|
425
426
|
render: function () {
|
|
426
427
|
var _a = __read(useState("long-form"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
|
|
427
428
|
var _b = __read(useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
429
|
+
var _c = __read(useState(""), 2), searchTerm = _c[0], setSearchTerm = _c[1];
|
|
428
430
|
var handleSave = function () {
|
|
429
431
|
alert("Long form submitted!");
|
|
430
432
|
setIsOpen(false);
|
|
@@ -448,12 +450,17 @@ export var ScrollableContent = {
|
|
|
448
450
|
{
|
|
449
451
|
id: "long-form",
|
|
450
452
|
title: "Long Form Content",
|
|
451
|
-
description: "This page demonstrates scrollable content",
|
|
453
|
+
description: "This page demonstrates scrollable content with fixed search",
|
|
452
454
|
icon: DocumentTextIcon,
|
|
455
|
+
fixedContent: (React.createElement(SearchInput, { value: searchTerm, onChange: setSearchTerm, name: "search-content", placeholder: "Search through content..." })),
|
|
453
456
|
content: (React.createElement("div", { className: "s-space-y-6" },
|
|
454
457
|
React.createElement("div", null,
|
|
455
458
|
React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "Terms and Conditions"),
|
|
456
|
-
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "This page contains a lot of content to demonstrate scrolling functionality. The
|
|
459
|
+
React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "This page contains a lot of content to demonstrate scrolling functionality with a fixed search input. The search input stays visible while scrolling through the content below."),
|
|
460
|
+
searchTerm && (React.createElement("div", { className: "s-rounded-md s-border s-bg-yellow-50 s-p-3" },
|
|
461
|
+
React.createElement("p", { className: "s-text-sm s-text-yellow-800" },
|
|
462
|
+
"\uD83D\uDD0D Searching for: ",
|
|
463
|
+
React.createElement("strong", null, searchTerm))))),
|
|
457
464
|
Array.from({ length: 15 }, function (_, i) { return (React.createElement("div", { key: i, className: "s-space-y-3" },
|
|
458
465
|
React.createElement("h4", { className: "s-text-md s-font-semibold" },
|
|
459
466
|
"Section ",
|
|
@@ -469,8 +476,8 @@ export var ScrollableContent = {
|
|
|
469
476
|
React.createElement("label", { className: "s-text-sm s-font-medium" }, "Additional Notes"),
|
|
470
477
|
React.createElement("textarea", { className: "s-mt-1 s-w-full s-rounded-md s-border s-px-3 s-py-2", placeholder: "Add any additional notes here...", rows: 3 })))))); }),
|
|
471
478
|
React.createElement("div", { className: "s-rounded-md s-border s-bg-blue-50 s-p-4" },
|
|
472
|
-
React.createElement("h4", { className: "s-mb-2 s-text-sm s-font-semibold s-text-blue-900" }, "
|
|
473
|
-
React.createElement("p", { className: "s-text-xs s-text-blue-700" }, "If you can see this message, the
|
|
479
|
+
React.createElement("h4", { className: "s-mb-2 s-text-sm s-font-semibold s-text-blue-900" }, "Fixed Content Test Complete"),
|
|
480
|
+
React.createElement("p", { className: "s-text-xs s-text-blue-700" }, "If you can see this message, the fixed content functionality is working correctly! The search input remains fixed at the top while this content scrolls. Try scrolling back up - the search input should always be visible.")))),
|
|
474
481
|
},
|
|
475
482
|
{
|
|
476
483
|
id: "summary",
|
|
@@ -489,8 +496,8 @@ export var ScrollableContent = {
|
|
|
489
496
|
];
|
|
490
497
|
return (React.createElement(MultiPageDialog, { open: isOpen, onOpenChange: setIsOpen },
|
|
491
498
|
React.createElement(MultiPageDialogTrigger, { asChild: true },
|
|
492
|
-
React.createElement(Button, { label: "Open
|
|
493
|
-
React.createElement(MultiPageDialogContent, { pages: scrollablePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "
|
|
499
|
+
React.createElement(Button, { label: "Open Fixed Content Test Dialog" })),
|
|
500
|
+
React.createElement(MultiPageDialogContent, { pages: scrollablePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "xl", height: "xl", leftButton: {
|
|
494
501
|
label: "Cancel",
|
|
495
502
|
variant: "outline",
|
|
496
503
|
onClick: handleCancel,
|