@dust-tt/sparkle 0.2.586 → 0.2.587
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/ContextItem.d.ts +2 -1
- package/dist/esm/components/ContextItem.d.ts.map +1 -1
- package/dist/esm/components/ContextItem.js +10 -14
- package/dist/esm/components/ContextItem.js.map +1 -1
- package/dist/esm/components/Sheet.d.ts +1 -0
- package/dist/esm/components/Sheet.d.ts.map +1 -1
- package/dist/esm/components/Sheet.js +8 -2
- package/dist/esm/components/Sheet.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ContextItem.tsx +28 -26
- package/src/components/Sheet.tsx +14 -0
|
@@ -2,6 +2,7 @@ import React, { ComponentType, ReactNode } from "react";
|
|
|
2
2
|
type ContextItemProps = {
|
|
3
3
|
action?: ReactNode;
|
|
4
4
|
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
5
6
|
hasSeparator?: boolean;
|
|
6
7
|
hasSeparatorIfLast?: boolean;
|
|
7
8
|
subElement?: ReactNode;
|
|
@@ -9,7 +10,7 @@ type ContextItemProps = {
|
|
|
9
10
|
visual: ReactNode;
|
|
10
11
|
onClick?: () => void;
|
|
11
12
|
};
|
|
12
|
-
export declare function ContextItem({ action, children, hasSeparator, hasSeparatorIfLast, subElement, title, visual, onClick, }: ContextItemProps): React.JSX.Element;
|
|
13
|
+
export declare function ContextItem({ action, children, className, hasSeparator, hasSeparatorIfLast, subElement, title, visual, onClick, }: ContextItemProps): React.JSX.Element;
|
|
13
14
|
export declare namespace ContextItem {
|
|
14
15
|
var List: ({ children, className, hasBorder, }: ContextItemListProps) => React.JSX.Element;
|
|
15
16
|
var Description: ({ children, description, }: ContextItemDescriptionProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,kBAA0B,EAC1B,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ContextItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAmB,EACnB,kBAA0B,EAC1B,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,qBAyClB;yBAnDe,WAAW;;;;;;AAqD3B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2CD,UAAU,2BAA2B;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkBD,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChD;AAMD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { cn } from "../lib/utils";
|
|
3
3
|
import { Icon } from "./Icon";
|
|
4
4
|
export function ContextItem(_a) {
|
|
5
|
-
var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, _c = _a.hasSeparatorIfLast, hasSeparatorIfLast = _c === void 0 ? false : _c, subElement = _a.subElement, title = _a.title, visual = _a.visual, onClick = _a.onClick;
|
|
6
|
-
return (React.createElement("div", { className:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
React.createElement("div", { className: classNames("s-flex s-w-full s-flex-row s-items-start s-gap-3 s-px-4 s-py-3", onClick
|
|
10
|
-
? cn("s-cursor-pointer s-transition s-duration-200", "hover:s-bg-muted-background dark:hover:s-bg-muted-background-night", "active:s-bg-primary-100 dark:active:s-bg-primary-100-night")
|
|
11
|
-
: ""), onClick: onClick },
|
|
5
|
+
var action = _a.action, children = _a.children, className = _a.className, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, _c = _a.hasSeparatorIfLast, hasSeparatorIfLast = _c === void 0 ? false : _c, subElement = _a.subElement, title = _a.title, visual = _a.visual, onClick = _a.onClick;
|
|
6
|
+
return (React.createElement("div", { className: cn("s-flex s-w-full s-flex-col", className, hasSeparator && "s-border-b s-border-border dark:s-border-border-night", !hasSeparatorIfLast && "last:s-border-none") },
|
|
7
|
+
React.createElement("div", { className: cn("s-flex s-w-full s-flex-row s-items-start s-gap-3 s-px-4 s-py-3", onClick &&
|
|
8
|
+
cn("s-cursor-pointer s-transition s-duration-200", "hover:s-bg-muted-background dark:hover:s-bg-muted-background-night", "active:s-bg-primary-100 dark:active:s-bg-primary-100-night"), children ? "s-items-start" : "s-items-center"), onClick: onClick },
|
|
12
9
|
visual,
|
|
13
10
|
React.createElement("div", { className: "s-mb-0.5 s-flex s-min-w-0 s-grow s-flex-col s-gap-0" },
|
|
14
11
|
React.createElement("div", { className: "s-flex s-min-w-0 s-grow s-flex-col s-text-foreground dark:s-text-foreground-night sm:s-flex-row sm:s-gap-3" },
|
|
15
12
|
React.createElement("div", { className: "s-heading-base s-min-w-0 s-overflow-hidden s-text-ellipsis s-whitespace-nowrap" }, title),
|
|
16
|
-
React.createElement("div", { className: "s-flex s-flex-shrink-0 s-items-center s-gap-3 s-overflow-hidden s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, subElement)),
|
|
17
|
-
React.createElement("div", null, children)),
|
|
13
|
+
subElement && (React.createElement("div", { className: "s-flex s-flex-shrink-0 s-items-center s-gap-3 s-overflow-hidden s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, subElement))),
|
|
14
|
+
children && React.createElement("div", null, children)),
|
|
18
15
|
React.createElement("div", null, action))));
|
|
19
16
|
}
|
|
20
17
|
ContextItem.List = function (_a) {
|
|
@@ -35,9 +32,8 @@ ContextItem.List = function (_a) {
|
|
|
35
32
|
throw new Error("All children of ContextItem.List must be of type ContextItem or ContextItem.SectionHeader");
|
|
36
33
|
}
|
|
37
34
|
});
|
|
38
|
-
return (React.createElement("div", { className:
|
|
39
|
-
|
|
40
|
-
: "", "s-flex s-flex-col") }, children));
|
|
35
|
+
return (React.createElement("div", { className: cn("s-flex s-flex-col", className, hasBorder &&
|
|
36
|
+
"s-border-b s-border-t s-border-border dark:s-border-border-night") }, children));
|
|
41
37
|
};
|
|
42
38
|
ContextItem.Description = function (_a) {
|
|
43
39
|
var children = _a.children, description = _a.description;
|
|
@@ -51,7 +47,7 @@ ContextItem.Visual = function (_a) {
|
|
|
51
47
|
};
|
|
52
48
|
ContextItem.SectionHeader = function (_a) {
|
|
53
49
|
var title = _a.title, description = _a.description, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b;
|
|
54
|
-
return (React.createElement("div", { className:
|
|
50
|
+
return (React.createElement("div", { className: cn("s-flex s-flex-col s-gap-0 s-pb-3 s-pt-7", hasBorder && "s-border-b s-border-border dark:s-border-border-night") },
|
|
55
51
|
React.createElement("div", { className: "s-heading-xl s-text-foreground dark:s-text-foreground-night" }, title),
|
|
56
52
|
description && (React.createElement("div", { className: "s-copy-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, description))));
|
|
57
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextItem.js","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ContextItem.js","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetP
|
|
|
15
15
|
trapFocusScope?: boolean;
|
|
16
16
|
side?: SheetSideType;
|
|
17
17
|
preventAutoFocusOnClose?: boolean;
|
|
18
|
+
preventAutoFocusOnOpen?: boolean;
|
|
18
19
|
}
|
|
19
20
|
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
21
|
interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -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;
|
|
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,0FA4DjB,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,QAAA,MAAM,cAAc;mBAAkB,MAAM,cAAc,CAAC,cAAc,CAAC;;CAazE,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;;CAsClB,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"}
|
|
@@ -38,17 +38,23 @@ var sheetVariants = cva(cn("s-fixed s-z-50 s-overflow-hidden s-flex s-flex-col s
|
|
|
38
38
|
},
|
|
39
39
|
});
|
|
40
40
|
var SheetContent = React.forwardRef(function (_a, ref) {
|
|
41
|
-
var className = _a.className, children = _a.children, size = _a.size, side = _a.side, trapFocusScope = _a.trapFocusScope, _b = _a.preventAutoFocusOnClose, preventAutoFocusOnClose = _b === void 0 ? true : _b, onCloseAutoFocus = _a.onCloseAutoFocus, props = __rest(_a, ["className", "children", "size", "side", "trapFocusScope", "preventAutoFocusOnClose", "onCloseAutoFocus"]);
|
|
41
|
+
var className = _a.className, children = _a.children, size = _a.size, side = _a.side, trapFocusScope = _a.trapFocusScope, _b = _a.preventAutoFocusOnClose, preventAutoFocusOnClose = _b === void 0 ? true : _b, _c = _a.preventAutoFocusOnOpen, preventAutoFocusOnOpen = _c === void 0 ? true : _c, onCloseAutoFocus = _a.onCloseAutoFocus, onOpenAutoFocus = _a.onOpenAutoFocus, props = __rest(_a, ["className", "children", "size", "side", "trapFocusScope", "preventAutoFocusOnClose", "preventAutoFocusOnOpen", "onCloseAutoFocus", "onOpenAutoFocus"]);
|
|
42
42
|
var handleCloseAutoFocus = React.useCallback(function (event) {
|
|
43
43
|
if (preventAutoFocusOnClose) {
|
|
44
44
|
event.preventDefault();
|
|
45
45
|
}
|
|
46
46
|
onCloseAutoFocus === null || onCloseAutoFocus === void 0 ? void 0 : onCloseAutoFocus(event);
|
|
47
47
|
}, [preventAutoFocusOnClose, onCloseAutoFocus]);
|
|
48
|
+
var handleOpenAutoFocus = React.useCallback(function (event) {
|
|
49
|
+
if (preventAutoFocusOnOpen) {
|
|
50
|
+
event.preventDefault();
|
|
51
|
+
}
|
|
52
|
+
onOpenAutoFocus === null || onOpenAutoFocus === void 0 ? void 0 : onOpenAutoFocus(event);
|
|
53
|
+
}, [preventAutoFocusOnOpen, onOpenAutoFocus]);
|
|
48
54
|
return (React.createElement(SheetPortal, null,
|
|
49
55
|
React.createElement(SheetOverlay, null),
|
|
50
56
|
React.createElement(FocusScope, { trapped: trapFocusScope, asChild: true },
|
|
51
|
-
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 }, props), children))));
|
|
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))));
|
|
52
58
|
});
|
|
53
59
|
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
54
60
|
var SheetHeader = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,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,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC;AAElC,IAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC;AAE5C,IAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC;AAExC,IAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC;AAE1C,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,oBAAC,cAAc,CAAC,OAAO,aACrB,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,8DAA8D,EAC9D,kEAAkE,EAClE,gEAAgE,EAChE,SAAS,CACV,IACG,KAAK,IACT,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC;AAE9D,IAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAIhD,IAAM,WAAW,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAU,CAAC;AAIhE,IAAM,WAAW,GAAkC;IACjD,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,gBAAgB;CACrB,CAAC;AAEF,IAAM,aAAa,GAAG,GAAG,CACvB,EAAE,CACA,sEAAsE,EACtE,4CAA4C,EAC5C,iKAAiK,CAClK,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE,EAAE,CACL,kGAAkG,EAClG,uDAAuD,CACxD;YACD,MAAM,EAAE,EAAE,CACR,2GAA2G,EAC3G,uDAAuD,CACxD;YACD,IAAI,EAAE,EAAE,CACN,qGAAqG,EACrG,uDAAuD,CACxD;YACD,KAAK,EAAE,EAAE,CACP,wGAAwG,EACxG,uDAAuD,CACxD;SACF;QACD,IAAI,EAAE,WAAW;KAClB;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;
|
|
1
|
+
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { ComponentType, ReactNode } from "react";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { cn } from "@sparkle/lib/utils";
|
|
4
4
|
|
|
5
5
|
import { Icon } from "./Icon";
|
|
6
6
|
|
|
7
7
|
type ContextItemProps = {
|
|
8
8
|
action?: ReactNode;
|
|
9
9
|
children?: ReactNode;
|
|
10
|
+
className?: string;
|
|
10
11
|
hasSeparator?: boolean;
|
|
11
12
|
hasSeparatorIfLast?: boolean;
|
|
12
13
|
subElement?: ReactNode;
|
|
@@ -18,6 +19,7 @@ type ContextItemProps = {
|
|
|
18
19
|
export function ContextItem({
|
|
19
20
|
action,
|
|
20
21
|
children,
|
|
22
|
+
className,
|
|
21
23
|
hasSeparator = true,
|
|
22
24
|
hasSeparatorIfLast = false,
|
|
23
25
|
subElement,
|
|
@@ -27,24 +29,23 @@ export function ContextItem({
|
|
|
27
29
|
}: ContextItemProps) {
|
|
28
30
|
return (
|
|
29
31
|
<div
|
|
30
|
-
className={
|
|
31
|
-
hasSeparator
|
|
32
|
-
? "s-border-b s-border-border dark:s-border-border-night"
|
|
33
|
-
: "",
|
|
32
|
+
className={cn(
|
|
34
33
|
"s-flex s-w-full s-flex-col",
|
|
35
|
-
|
|
34
|
+
className,
|
|
35
|
+
hasSeparator && "s-border-b s-border-border dark:s-border-border-night",
|
|
36
|
+
!hasSeparatorIfLast && "last:s-border-none"
|
|
36
37
|
)}
|
|
37
38
|
>
|
|
38
39
|
<div
|
|
39
|
-
className={
|
|
40
|
+
className={cn(
|
|
40
41
|
"s-flex s-w-full s-flex-row s-items-start s-gap-3 s-px-4 s-py-3",
|
|
41
|
-
onClick
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
onClick &&
|
|
43
|
+
cn(
|
|
44
|
+
"s-cursor-pointer s-transition s-duration-200",
|
|
45
|
+
"hover:s-bg-muted-background dark:hover:s-bg-muted-background-night",
|
|
46
|
+
"active:s-bg-primary-100 dark:active:s-bg-primary-100-night"
|
|
47
|
+
),
|
|
48
|
+
children ? "s-items-start" : "s-items-center"
|
|
48
49
|
)}
|
|
49
50
|
onClick={onClick}
|
|
50
51
|
>
|
|
@@ -54,11 +55,13 @@ export function ContextItem({
|
|
|
54
55
|
<div className="s-heading-base s-min-w-0 s-overflow-hidden s-text-ellipsis s-whitespace-nowrap">
|
|
55
56
|
{title}
|
|
56
57
|
</div>
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
{subElement && (
|
|
59
|
+
<div className="s-flex s-flex-shrink-0 s-items-center s-gap-3 s-overflow-hidden s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night">
|
|
60
|
+
{subElement}
|
|
61
|
+
</div>
|
|
62
|
+
)}
|
|
60
63
|
</div>
|
|
61
|
-
<div>{children}</div>
|
|
64
|
+
{children && <div>{children}</div>}
|
|
62
65
|
</div>
|
|
63
66
|
<div>{action}</div>
|
|
64
67
|
</div>
|
|
@@ -101,12 +104,11 @@ ContextItem.List = function ({
|
|
|
101
104
|
|
|
102
105
|
return (
|
|
103
106
|
<div
|
|
104
|
-
className={
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
:
|
|
109
|
-
"s-flex s-flex-col"
|
|
107
|
+
className={cn(
|
|
108
|
+
"s-flex s-flex-col",
|
|
109
|
+
className,
|
|
110
|
+
hasBorder &&
|
|
111
|
+
"s-border-b s-border-t s-border-border dark:s-border-border-night"
|
|
110
112
|
)}
|
|
111
113
|
>
|
|
112
114
|
{children}
|
|
@@ -156,9 +158,9 @@ ContextItem.SectionHeader = function ({
|
|
|
156
158
|
}: ItemSectionHeaderProps) {
|
|
157
159
|
return (
|
|
158
160
|
<div
|
|
159
|
-
className={
|
|
161
|
+
className={cn(
|
|
160
162
|
"s-flex s-flex-col s-gap-0 s-pb-3 s-pt-7",
|
|
161
|
-
hasBorder
|
|
163
|
+
hasBorder && "s-border-b s-border-border dark:s-border-border-night"
|
|
162
164
|
)}
|
|
163
165
|
>
|
|
164
166
|
<div className="s-heading-xl s-text-foreground dark:s-text-foreground-night">
|
package/src/components/Sheet.tsx
CHANGED
|
@@ -88,6 +88,7 @@ interface SheetContentProps
|
|
|
88
88
|
trapFocusScope?: boolean;
|
|
89
89
|
side?: SheetSideType;
|
|
90
90
|
preventAutoFocusOnClose?: boolean;
|
|
91
|
+
preventAutoFocusOnOpen?: boolean;
|
|
91
92
|
}
|
|
92
93
|
|
|
93
94
|
const SheetContent = React.forwardRef<
|
|
@@ -102,7 +103,9 @@ const SheetContent = React.forwardRef<
|
|
|
102
103
|
side,
|
|
103
104
|
trapFocusScope,
|
|
104
105
|
preventAutoFocusOnClose = true,
|
|
106
|
+
preventAutoFocusOnOpen = true,
|
|
105
107
|
onCloseAutoFocus,
|
|
108
|
+
onOpenAutoFocus,
|
|
106
109
|
...props
|
|
107
110
|
},
|
|
108
111
|
ref
|
|
@@ -117,6 +120,16 @@ const SheetContent = React.forwardRef<
|
|
|
117
120
|
[preventAutoFocusOnClose, onCloseAutoFocus]
|
|
118
121
|
);
|
|
119
122
|
|
|
123
|
+
const handleOpenAutoFocus = React.useCallback(
|
|
124
|
+
(event: Event) => {
|
|
125
|
+
if (preventAutoFocusOnOpen) {
|
|
126
|
+
event.preventDefault();
|
|
127
|
+
}
|
|
128
|
+
onOpenAutoFocus?.(event);
|
|
129
|
+
},
|
|
130
|
+
[preventAutoFocusOnOpen, onOpenAutoFocus]
|
|
131
|
+
);
|
|
132
|
+
|
|
120
133
|
return (
|
|
121
134
|
<SheetPortal>
|
|
122
135
|
<SheetOverlay />
|
|
@@ -129,6 +142,7 @@ const SheetContent = React.forwardRef<
|
|
|
129
142
|
"s-sheet s-text-foreground dark:s-text-foreground-night"
|
|
130
143
|
)}
|
|
131
144
|
onCloseAutoFocus={handleCloseAutoFocus}
|
|
145
|
+
onOpenAutoFocus={handleOpenAutoFocus}
|
|
132
146
|
{...props}
|
|
133
147
|
>
|
|
134
148
|
{children}
|