@dust-tt/sparkle 0.2.102 → 0.2.103

package/dist/esm/components/Tree.d.ts

@@ -6,12 +6,13 @@ export interface TreeProps {
 }
 export declare function Tree({ children, isLoading }: TreeProps): React.JSX.Element;
 export declare namespace Tree {
-    var Item: ({ label, type, className, variant, checkbox, onChevronClick, collapsed, children, actions, }: TreeItemProps) => React.JSX.Element;
+    var Item: ({ label, type, className, variant, visual, checkbox, onChevronClick, collapsed, children, actions, }: TreeItemProps) => React.JSX.Element;
 }
 export interface TreeItemProps {
     label?: string;
     type?: "node" | "item" | "leaf";
     variant?: "file" | "folder" | "database" | "channel";
+    visual?: React.ReactNode;
     checkbox?: CheckboxProps;
     onChevronClick?: () => void;
     collapsed?: boolean;

package/dist/esm/index.js

@@ -33527,12 +33527,12 @@ function Tree(_a) {
 }
 var visualTable = {
     file: SvgDocumentText,
-    folder: SvgFolderOpen,
+    folder: SvgFolder,
     database: SvgSquare3Stack3D,
     channel: SvgChatBubbleBottomCenterText,
 };
 Tree.Item = function (_a) {
-    var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.variant, variant = _d === void 0 ? "file" : _d, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, children = _a.children, actions = _a.actions;
+    var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.variant, variant = _d === void 0 ? "file" : _d, visual = _a.visual, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, children = _a.children, actions = _a.actions;
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-row s-items-center s-gap-4 s-py-1") },
             type === "node" && (React__default.createElement(IconButton, { icon: children && !collapsed ? SvgChevronDown : SvgChevronRight, size: "sm", variant: "secondary", onClick: onChevronClick })),
@@ -33540,7 +33540,7 @@ Tree.Item = function (_a) {
             checkbox && React__default.createElement(Checkbox, __assign({}, checkbox)),
             React__default.createElement("div", { className: "s-flex s-w-full s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
                 React__default.createElement("div", { className: "s-grid s-w-full s-grid-cols-[auto,1fr,auto] s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
-                    React__default.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-flex-shrink-0 s-text-element-700" }),
+                    visual ? (visual) : (React__default.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-flex-shrink-0 s-text-element-700" })),
                     React__default.createElement("div", { className: "s-truncate" }, label),
                     actions && React__default.createElement("div", { className: "s-inline-block s-pl-5" }, actions)))),
         React__default.Children.count(children) > 0 && (React__default.createElement("div", { className: "s-pl-5" }, !collapsed && children))));