@dust-tt/sparkle 0.2.21 → 0.2.22

package/dist/cjs/components/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface CheckboxProps {
+export interface CheckboxProps {
     variant?: "selectable" | "checkable";
     checked: boolean;
     disabled?: boolean;
@@ -8,4 +8,3 @@ interface CheckboxProps {
     className?: string;
 }
 export declare function Checkbox({ variant, checked, onChange, className, disabled, partialChecked, }: CheckboxProps): React.JSX.Element;
-export {};

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

@@ -1,16 +1,20 @@
 import React from "react";
+import { CheckboxProps } from "./Checkbox";
 export interface TreeProps {
     children?: React.ReactNode;
     isLoading?: boolean;
 }
 export declare function Tree({ children, isLoading }: TreeProps): React.JSX.Element;
 export declare namespace Tree {
-    var Item: ({ label, type, className, variant, children, }: TreeItemProps) => React.JSX.Element;
+    var Item: ({ label, type, className, variant, checkbox, onChevronClick, collapsed, children, }: TreeItemProps) => React.JSX.Element;
 }
 export interface TreeItemProps {
     label?: string;
-    type?: "node" | "item";
+    type?: "node" | "item" | "leaf";
     variant?: "file" | "folder" | "database" | "channel";
+    checkbox?: CheckboxProps;
+    onChevronClick?: () => void;
+    collapsed?: boolean;
     className?: string;
     children?: React.ReactNode;
 }

package/dist/cjs/index.js

@@ -32913,16 +32913,16 @@ var visualTable = {
     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, children = _a.children;
+    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;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-row s-items-center s-gap-4 s-py-1") },
-            type === "node" && (React.createElement(IconButton, { icon: children ? SvgChevronDown : SvgChevronRight, size: "sm", variant: "secondary" })),
-            React.createElement(Checkbox, { variant: "checkable", checked: false, onChange: function () { return console.log("click"); } }),
+            type === "node" && (React.createElement(IconButton, { icon: children && !collapsed ? SvgChevronDown : SvgChevronRight, size: "sm", variant: "secondary", onClick: onChevronClick })),
+            type === "leaf" && React.createElement("div", { className: "s-w-5" }),
+            checkbox && React.createElement(Checkbox, __assign({}, checkbox)),
             React.createElement("div", { className: "s-flex s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
                 React.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-text-element-700" }),
                 label)),
-        React.Children.count(children) > 0 && (React.createElement("div", { className: "s-flex s-pl-5" },
-            React.createElement(Tree, null, children)))));
+        React.Children.count(children) > 0 && (React.createElement("div", { className: "s-flex s-pl-5" }, !collapsed && children))));
 };
 
 var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";