@dust-tt/sparkle 0.2.611-rc-1 → 0.2.611-rc-2
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/ToolCard.d.ts +2 -0
- package/dist/esm/components/ToolCard.d.ts.map +1 -1
- package/dist/esm/components/ToolCard.js +2 -2
- package/dist/esm/components/ToolCard.js.map +1 -1
- package/dist/esm/components/TruncatedText.d.ts +2 -0
- package/dist/esm/components/TruncatedText.d.ts.map +1 -1
- package/dist/esm/components/TruncatedText.js +2 -2
- package/dist/esm/components/TruncatedText.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ToolCard.tsx +9 -1
- package/src/components/TruncatedText.tsx +6 -0
|
@@ -8,6 +8,8 @@ export interface ToolCardProps {
|
|
|
8
8
|
cantAddReason?: string;
|
|
9
9
|
onClick?: () => void;
|
|
10
10
|
className?: string;
|
|
11
|
+
mountPortal?: boolean;
|
|
12
|
+
mountPortalContainer?: HTMLElement;
|
|
11
13
|
}
|
|
12
14
|
export declare const ToolCard: React.ForwardRefExoticComponent<ToolCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
15
|
//# sourceMappingURL=ToolCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolCard.d.ts","sourceRoot":"","sources":["../../../src/components/ToolCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolCard.d.ts","sourceRoot":"","sources":["../../../src/components/ToolCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,WAAW,CAAC;CACpC;AAED,eAAO,MAAM,QAAQ,sFAgEpB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { PlusIcon } from "../icons/app";
|
|
|
5
5
|
import { cn } from "../lib/utils";
|
|
6
6
|
var FADE_TRANSITION_CLASSES = "s-transition-opacity s-duration-300 s-ease-in-out";
|
|
7
7
|
export var ToolCard = React.forwardRef(function (_a, ref) {
|
|
8
|
-
var icon = _a.icon, label = _a.label, description = _a.description, isSelected = _a.isSelected, canAdd = _a.canAdd, cantAddReason = _a.cantAddReason, onClick = _a.onClick, className = _a.className;
|
|
8
|
+
var icon = _a.icon, label = _a.label, description = _a.description, isSelected = _a.isSelected, canAdd = _a.canAdd, cantAddReason = _a.cantAddReason, onClick = _a.onClick, className = _a.className, mountPortal = _a.mountPortal, mountPortalContainer = _a.mountPortalContainer;
|
|
9
9
|
return (React.createElement(Card, { ref: ref, variant: isSelected ? "secondary" : "primary", onClick: onClick, disabled: !canAdd, className: cn("s-h-24 s-p-3", className) },
|
|
10
10
|
React.createElement("div", { className: "s-flex s-w-full s-flex-col" },
|
|
11
11
|
React.createElement("div", { className: "s-mb-2 s-flex s-items-start s-justify-between s-gap-2" },
|
|
@@ -15,7 +15,7 @@ export var ToolCard = React.forwardRef(function (_a, ref) {
|
|
|
15
15
|
isSelected && (React.createElement(Chip, { size: "xs", color: "green", label: "ADDED", className: cn(FADE_TRANSITION_CLASSES, "s-opacity-100") }))),
|
|
16
16
|
canAdd && (React.createElement(Button, { size: "xs", variant: "outline", icon: PlusIcon, label: "Add", className: cn(FADE_TRANSITION_CLASSES, "s-flex-shrink-0") })),
|
|
17
17
|
cantAddReason && (React.createElement("div", { className: "s-flex-shrink-0 s-text-xs s-italic s-text-muted-foreground dark:s-text-muted-foreground-night" }, cantAddReason))),
|
|
18
|
-
React.createElement(TruncatedText, { className: "s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, description))));
|
|
18
|
+
React.createElement(TruncatedText, { className: "s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night", mountPortal: mountPortal, mountPortalContainer: mountPortalContainer }, description))));
|
|
19
19
|
});
|
|
20
20
|
ToolCard.displayName = "ToolCard";
|
|
21
21
|
//# sourceMappingURL=ToolCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolCard.js","sourceRoot":"","sources":["../../../src/components/ToolCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,uBAAuB,GAC3B,mDAAmD,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolCard.js","sourceRoot":"","sources":["../../../src/components/ToolCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,uBAAuB,GAC3B,mDAAmD,CAAC;AAetD,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAWC,EACD,GAAG;QAXD,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,oBAAoB,0BAAA;IAItB,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,EACjB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC;QAExC,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,SAAS,EAAC,uDAAuD;gBACpE,6BAAK,SAAS,EAAC,+BAA+B;oBAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;oBAChC,8BAAM,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAQ;oBACvD,UAAU,IAAI,CACb,oBAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,GACvD,CACH,CACG;gBACL,MAAM,IAAI,CACT,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,GACzD,CACH;gBACA,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAC,+FAA+F,IAC3G,aAAa,CACV,CACP,CACG;YACN,oBAAC,aAAa,IACZ,SAAS,EAAC,sEAAsE,EAChF,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,IAEzC,WAAW,CACE,CACZ,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -2,6 +2,8 @@ import React from "react";
|
|
|
2
2
|
interface TruncatedTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
children: string | React.ReactNode;
|
|
4
4
|
lineClamp?: number;
|
|
5
|
+
mountPortal?: boolean;
|
|
6
|
+
mountPortalContainer?: HTMLElement;
|
|
5
7
|
}
|
|
6
8
|
export declare const TruncatedText: React.FC<TruncatedTextProps>;
|
|
7
9
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TruncatedText.d.ts","sourceRoot":"","sources":["../../../src/components/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,WAAW,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgDtD,CAAC"}
|
|
@@ -3,7 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { Tooltip } from "../components/Tooltip";
|
|
4
4
|
import { cn } from "../lib/utils";
|
|
5
5
|
export var TruncatedText = function (_a) {
|
|
6
|
-
var children = _a.children, className = _a.className, _b = _a.lineClamp, lineClamp = _b === void 0 ? 2 : _b, props = __rest(_a, ["children", "className", "lineClamp"]);
|
|
6
|
+
var children = _a.children, className = _a.className, _b = _a.lineClamp, lineClamp = _b === void 0 ? 2 : _b, mountPortal = _a.mountPortal, mountPortalContainer = _a.mountPortalContainer, props = __rest(_a, ["children", "className", "lineClamp", "mountPortal", "mountPortalContainer"]);
|
|
7
7
|
var _c = __read(React.useState(false), 2), isTruncated = _c[0], setIsTruncated = _c[1];
|
|
8
8
|
var textRef = React.useRef(null);
|
|
9
9
|
// Check if content is actually truncated by comparing scroll height to
|
|
@@ -18,7 +18,7 @@ export var TruncatedText = function (_a) {
|
|
|
18
18
|
});
|
|
19
19
|
var textElement = (React.createElement("div", __assign({ ref: textRef, className: cn("s-line-clamp-".concat(lineClamp, " s-cursor-pointer s-select-none"), className) }, props), children));
|
|
20
20
|
if (isTruncated) {
|
|
21
|
-
return (React.createElement(Tooltip, { trigger: textElement, label: children, tooltipTriggerAsChild: true }));
|
|
21
|
+
return (React.createElement(Tooltip, { trigger: textElement, label: children, tooltipTriggerAsChild: true, mountPortal: mountPortal, mountPortalContainer: mountPortalContainer }));
|
|
22
22
|
}
|
|
23
23
|
return textElement;
|
|
24
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../../src/components/TruncatedText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../../src/components/TruncatedText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AASxC,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,EAO3D;IANC,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EACb,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACjB,KAAK,cANkD,6EAO3D,CADS;IAEF,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAApD,WAAW,QAAA,EAAE,cAAc,QAAyB,CAAC;IAC5D,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,uEAAuE;IACvE,gBAAgB;IAChB,4EAA4E;IAC5E,KAAK,CAAC,eAAe,CAAC;QACpB,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAChC,IAAI,OAAO,EAAE,CAAC;YACZ,IAAM,aAAa,GAAG,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;YAClE,cAAc,CAAC,aAAa,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,WAAW,GAAG,CAClB,sCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,EAAE,CACX,uBAAgB,SAAS,oCAAiC,EAC1D,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,QAAQ,EACf,qBAAqB,EAAE,IAAI,EAC3B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC;IACJ,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dust-tt/sparkle",
|
|
3
|
-
"version": "0.2.611-rc-
|
|
3
|
+
"version": "0.2.611-rc-2",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
|
|
6
6
|
"tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
|
|
@@ -17,6 +17,8 @@ export interface ToolCardProps {
|
|
|
17
17
|
cantAddReason?: string;
|
|
18
18
|
onClick?: () => void;
|
|
19
19
|
className?: string;
|
|
20
|
+
mountPortal?: boolean;
|
|
21
|
+
mountPortalContainer?: HTMLElement;
|
|
20
22
|
}
|
|
21
23
|
|
|
22
24
|
export const ToolCard = React.forwardRef<HTMLDivElement, ToolCardProps>(
|
|
@@ -30,6 +32,8 @@ export const ToolCard = React.forwardRef<HTMLDivElement, ToolCardProps>(
|
|
|
30
32
|
cantAddReason,
|
|
31
33
|
onClick,
|
|
32
34
|
className,
|
|
35
|
+
mountPortal,
|
|
36
|
+
mountPortalContainer,
|
|
33
37
|
},
|
|
34
38
|
ref
|
|
35
39
|
) => {
|
|
@@ -70,7 +74,11 @@ export const ToolCard = React.forwardRef<HTMLDivElement, ToolCardProps>(
|
|
|
70
74
|
</div>
|
|
71
75
|
)}
|
|
72
76
|
</div>
|
|
73
|
-
<TruncatedText
|
|
77
|
+
<TruncatedText
|
|
78
|
+
className="s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night"
|
|
79
|
+
mountPortal={mountPortal}
|
|
80
|
+
mountPortalContainer={mountPortalContainer}
|
|
81
|
+
>
|
|
74
82
|
{description}
|
|
75
83
|
</TruncatedText>
|
|
76
84
|
</div>
|
|
@@ -6,12 +6,16 @@ import { cn } from "@sparkle/lib/utils";
|
|
|
6
6
|
interface TruncatedTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
7
|
children: string | React.ReactNode;
|
|
8
8
|
lineClamp?: number;
|
|
9
|
+
mountPortal?: boolean;
|
|
10
|
+
mountPortalContainer?: HTMLElement;
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
export const TruncatedText: React.FC<TruncatedTextProps> = ({
|
|
12
14
|
children,
|
|
13
15
|
className,
|
|
14
16
|
lineClamp = 2,
|
|
17
|
+
mountPortal,
|
|
18
|
+
mountPortalContainer,
|
|
15
19
|
...props
|
|
16
20
|
}) => {
|
|
17
21
|
const [isTruncated, setIsTruncated] = React.useState(false);
|
|
@@ -47,6 +51,8 @@ export const TruncatedText: React.FC<TruncatedTextProps> = ({
|
|
|
47
51
|
trigger={textElement}
|
|
48
52
|
label={children}
|
|
49
53
|
tooltipTriggerAsChild={true}
|
|
54
|
+
mountPortal={mountPortal}
|
|
55
|
+
mountPortalContainer={mountPortalContainer}
|
|
50
56
|
/>
|
|
51
57
|
);
|
|
52
58
|
}
|