@dust-tt/sparkle 0.2.588 → 0.2.589-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/ContextItem.d.ts +2 -1
- package/dist/esm/components/ContextItem.d.ts.map +1 -1
- package/dist/esm/components/ContextItem.js +4 -3
- package/dist/esm/components/ContextItem.js.map +1 -1
- package/dist/esm/components/ConversationMessage.js +2 -2
- package/dist/esm/components/ConversationMessage.js.map +1 -1
- package/dist/esm/stories/ContextItem.stories.d.ts.map +1 -1
- package/dist/esm/stories/ContextItem.stories.js +1 -1
- package/dist/esm/stories/ContextItem.stories.js.map +1 -1
- package/dist/sparkle.css +4 -0
- package/package.json +1 -1
- package/src/components/ContextItem.tsx +11 -2
- package/src/components/ConversationMessage.tsx +2 -2
- package/src/stories/ContextItem.stories.tsx +1 -0
|
@@ -8,9 +8,10 @@ type ContextItemProps = {
|
|
|
8
8
|
subElement?: ReactNode;
|
|
9
9
|
title: ReactNode;
|
|
10
10
|
visual: ReactNode;
|
|
11
|
+
hoverAction?: boolean;
|
|
11
12
|
onClick?: () => void;
|
|
12
13
|
};
|
|
13
|
-
export declare function ContextItem({ action, children, className, hasSeparator, hasSeparatorIfLast, subElement, title, visual, onClick, }: ContextItemProps): React.JSX.Element;
|
|
14
|
+
export declare function ContextItem({ action, children, className, hasSeparator, hasSeparatorIfLast, subElement, title, visual, hoverAction, onClick, }: ContextItemProps): React.JSX.Element;
|
|
14
15
|
export declare namespace ContextItem {
|
|
15
16
|
var List: ({ children, className, hasBorder, }: ContextItemListProps) => React.JSX.Element;
|
|
16
17
|
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,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,
|
|
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,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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,WAAW,EACX,OAAO,GACR,EAAE,gBAAgB,qBAgDlB;yBA3De,WAAW;;;;;;AA6D3B,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"}
|
|
@@ -2,8 +2,8 @@ import React from "react";
|
|
|
2
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, 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") },
|
|
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, hoverAction = _a.hoverAction, onClick = _a.onClick;
|
|
6
|
+
return (React.createElement("div", { className: cn("s-group/context-item 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
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
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 },
|
|
9
9
|
visual,
|
|
@@ -12,7 +12,8 @@ export function ContextItem(_a) {
|
|
|
12
12
|
React.createElement("div", { className: "s-heading-base s-min-w-0 s-overflow-hidden s-text-ellipsis s-whitespace-nowrap" }, title),
|
|
13
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
14
|
children && React.createElement("div", null, children)),
|
|
15
|
-
React.createElement("div",
|
|
15
|
+
React.createElement("div", { className: cn(hoverAction &&
|
|
16
|
+
"s-opacity-0 s-transition-opacity s-duration-200 group-hover/context-item:s-opacity-100") }, action))));
|
|
16
17
|
}
|
|
17
18
|
ContextItem.List = function (_a) {
|
|
18
19
|
var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
|
|
@@ -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,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextItem.js","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,8 +55,8 @@ export var ConversationMessageHeader = React.forwardRef(function (_a, ref) {
|
|
|
55
55
|
var avatarUrl = _a.avatarUrl, isBusy = _a.isBusy, isDisabled = _a.isDisabled, _b = _a.name, name = _b === void 0 ? "" : _b, renderName = _a.renderName, className = _a.className, props = __rest(_a, ["avatarUrl", "isBusy", "isDisabled", "name", "renderName", "className"]);
|
|
56
56
|
return (React.createElement("div", __assign({ ref: ref, className: cn("s-flex s-items-center s-gap-2 s-p-1 @sm/conversation:s-p-0", className) }, props),
|
|
57
57
|
React.createElement(Avatar, { className: "@sm:s-hidden", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "xs" }),
|
|
58
|
-
React.createElement(Avatar, { className: "s-hidden @sm:s-flex", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "
|
|
59
|
-
React.createElement("div", { className: cn("s-text-sm s-font-
|
|
58
|
+
React.createElement(Avatar, { className: "s-hidden @sm:s-flex", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "xs" }),
|
|
59
|
+
React.createElement("div", { className: cn("s-text-sm s-font-medium @sm:s-text-base", "s-text-foreground dark:s-text-foreground-night") }, renderName(name))));
|
|
60
60
|
});
|
|
61
61
|
ConversationMessageHeader.displayName = "ConversationMessageHeader";
|
|
62
62
|
//# sourceMappingURL=ConversationMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextItem.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ContextItem.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAKL,WAAW,EAOZ,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"ContextItem.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ContextItem.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAKL,WAAW,EAOZ,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,yBAmI3B,CAAC"}
|
|
@@ -23,7 +23,7 @@ export var ListItemExample = function () { return (React.createElement("div", nu
|
|
|
23
23
|
React.createElement(ContextItem, { title: "Drive", visual: React.createElement(ContextItem.Visual, { visual: DriveLogo }), onClick: function () { return console.log("clicked"); } },
|
|
24
24
|
React.createElement(ContextItem.Description, { description: "Hello you" })),
|
|
25
25
|
React.createElement(ContextItem.SectionHeader, { title: "Connected platforms", description: "Platforms connected" }),
|
|
26
|
-
React.createElement(ContextItem, { title: "Slack", visual: React.createElement(ContextItem.Visual, { visual: SlackLogo }), action: React.createElement("div", { className: "s-flex s-gap-1" },
|
|
26
|
+
React.createElement(ContextItem, { title: "Slack", visual: React.createElement(ContextItem.Visual, { visual: SlackLogo }), hoverAction: true, action: React.createElement("div", { className: "s-flex s-gap-1" },
|
|
27
27
|
React.createElement(Button, { icon: TrashIcon, variant: "warning", label: "Remove" }),
|
|
28
28
|
React.createElement(Button, { variant: "outline", label: "Edit", size: "sm", icon: PencilSquareIcon })) },
|
|
29
29
|
React.createElement(ContextItem.Description, { description: "Hello you" })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextItem.stories.js","sourceRoot":"","sources":["../../../src/stories/ContextItem.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ContextItem.stories.js","sourceRoot":"","sources":["../../../src/stories/ContextItem.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -5981,6 +5981,10 @@ select {
|
|
|
5981
5981
|
opacity: 1;
|
|
5982
5982
|
}
|
|
5983
5983
|
|
|
5984
|
+
.s-group\/context-item:hover .group-hover\/context-item\:s-opacity-100 {
|
|
5985
|
+
opacity: 1;
|
|
5986
|
+
}
|
|
5987
|
+
|
|
5984
5988
|
.s-group\/menu-item:hover .group-hover\/menu-item\:s-opacity-100 {
|
|
5985
5989
|
opacity: 1;
|
|
5986
5990
|
}
|
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@ type ContextItemProps = {
|
|
|
13
13
|
subElement?: ReactNode;
|
|
14
14
|
title: ReactNode;
|
|
15
15
|
visual: ReactNode;
|
|
16
|
+
hoverAction?: boolean;
|
|
16
17
|
onClick?: () => void;
|
|
17
18
|
};
|
|
18
19
|
|
|
@@ -25,12 +26,13 @@ export function ContextItem({
|
|
|
25
26
|
subElement,
|
|
26
27
|
title,
|
|
27
28
|
visual,
|
|
29
|
+
hoverAction,
|
|
28
30
|
onClick,
|
|
29
31
|
}: ContextItemProps) {
|
|
30
32
|
return (
|
|
31
33
|
<div
|
|
32
34
|
className={cn(
|
|
33
|
-
"s-flex s-w-full s-flex-col",
|
|
35
|
+
"s-group/context-item s-flex s-w-full s-flex-col",
|
|
34
36
|
className,
|
|
35
37
|
hasSeparator && "s-border-b s-border-border dark:s-border-border-night",
|
|
36
38
|
!hasSeparatorIfLast && "last:s-border-none"
|
|
@@ -63,7 +65,14 @@ export function ContextItem({
|
|
|
63
65
|
</div>
|
|
64
66
|
{children && <div>{children}</div>}
|
|
65
67
|
</div>
|
|
66
|
-
<div
|
|
68
|
+
<div
|
|
69
|
+
className={cn(
|
|
70
|
+
hoverAction &&
|
|
71
|
+
"s-opacity-0 s-transition-opacity s-duration-200 group-hover/context-item:s-opacity-100"
|
|
72
|
+
)}
|
|
73
|
+
>
|
|
74
|
+
{action}
|
|
75
|
+
</div>
|
|
67
76
|
</div>
|
|
68
77
|
</div>
|
|
69
78
|
);
|
|
@@ -200,11 +200,11 @@ export const ConversationMessageHeader = React.forwardRef<
|
|
|
200
200
|
visual={avatarUrl}
|
|
201
201
|
busy={isBusy}
|
|
202
202
|
disabled={isDisabled}
|
|
203
|
-
size="
|
|
203
|
+
size="xs"
|
|
204
204
|
/>
|
|
205
205
|
<div
|
|
206
206
|
className={cn(
|
|
207
|
-
"s-text-sm s-font-
|
|
207
|
+
"s-text-sm s-font-medium @sm:s-text-base",
|
|
208
208
|
"s-text-foreground dark:s-text-foreground-night"
|
|
209
209
|
)}
|
|
210
210
|
>
|