@dust-tt/sparkle 0.2.20 → 0.2.22

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

@@ -23,6 +23,7 @@ type BarHeaderButtonBarValidateProps = {
     onSave?: () => void;
     saveLabel?: string;
     isSaving?: boolean;
+    savingLabel?: string;
 };
 type BarHeaderButtonBarConversationProps = {
     variant: "conversation";

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/Modal.d.ts

@@ -7,9 +7,11 @@ interface ModalProps {
     children: React.ReactNode;
     hasChanged: boolean;
     onSave?: () => void;
+    saveLabel?: string;
+    isSaving?: boolean;
+    savingLabel?: string;
     title?: string;
     type?: "full-screen" | "right-side" | "default";
-    saveLabel?: string;
 }
-export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, title, type, saveLabel, }: ModalProps): React.JSX.Element;
+export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, saveLabel, isSaving, savingLabel, title, type, }: ModalProps): 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

@@ -32704,7 +32704,9 @@ BarHeader.ButtonBar = function (props) {
         case "validate":
             return (React.createElement(React.Fragment, null,
                 React.createElement(Button, { size: "sm", label: "Cancel", variant: "secondaryWarning", onClick: props.onCancel, disabled: !props.onCancel || props.isSaving }),
-                React.createElement(Button, { size: "sm", label: props.isSaving ? "Processing..." : props.saveLabel || "Save", variant: "primary", onClick: props.onSave, disabled: !props.onSave || props.isSaving })));
+                React.createElement(Button, { size: "sm", label: props.isSaving
+                        ? props.savingLabel || "Processing..."
+                        : props.saveLabel || "Save", variant: "primary", onClick: props.onSave, disabled: !props.onSave || props.isSaving })));
         case "conversation":
             return (React.createElement(React.Fragment, null,
                 React.createElement(Button, { size: "sm", label: "Delete", icon: SvgTrash$1, variant: "secondaryWarning", labelVisible: false, tooltipPosition: "below", onClick: props.onDelete }),
@@ -32911,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";
@@ -32975,13 +32977,15 @@ function IconToggleButton(_a) {
 }
 
 function Modal(_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, title = _a.title, _b = _a.type, type = _b === void 0 ? "default" : _b, _c = _a.saveLabel, saveLabel = _c === void 0 ? "Save" : _c;
+    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, isSaving = _a.isSaving, savingLabel = _a.savingLabel, title = _a.title, _c = _a.type, type = _c === void 0 ? "default" : _c;
     var buttonBarProps = hasChanged
         ? {
             variant: "validate",
             onCancel: onClose,
             onSave: onSave,
             saveLabel: saveLabel,
+            isSaving: isSaving,
+            savingLabel: savingLabel,
         }
         : {
             variant: "close",