@dust-tt/sparkle 0.2.217 → 0.2.218-rc-1

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

@@ -1,4 +1,4 @@
-import { type ColumnDef, type SortingState } from "@tanstack/react-table";
+import { type ColumnDef, SortingFn, type SortingState } from "@tanstack/react-table";
 import React, { ReactNode } from "react";
 import { DropdownItemProps } from "@sparkle/components/DropdownMenu";
 interface TBaseData {
@@ -16,6 +16,7 @@ interface DataTableProps<TData extends TBaseData> {
     filterColumn?: string;
     initialColumnOrder?: SortingState;
     columnsBreakpoints?: ColumnBreakpoint;
+    sortingFn?: SortingFn<TData>;
 }
 export declare function DataTable<TData extends TBaseData>({ data, columns, className, filter, filterColumn, initialColumnOrder, columnsBreakpoints, }: DataTableProps<TData>): React.JSX.Element;
 export declare namespace DataTable {

package/dist/cjs/index.js

@@ -76398,15 +76398,21 @@ Tree.Item = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: classNames(className ? className : "", treeItemStyleClasses.base, onItemClick ? "s-cursor-pointer" : "", isNavigatable ? treeItemStyleClasses.isNavigatableBase : "", isNavigatable
                 ? size === "sm"
-                    ? "s-gap-1 s-rounded-lg s-py-1 s-pl-1.5 s-pr-3"
-                    : "s-gap-2 s-rounded-lg s-py-2 s-pl-2.5 s-pr-4"
+                    ? "s-gap-1 s-rounded-lg s-py-1 s-pr-3"
+                    : "s-gap-2 s-rounded-lg s-py-2 s-pr-4"
                 : size === "sm"
                     ? "s-gap-1 s-py-1"
                     : "s-gap-2 s-py-2", isNavigatable
                 ? isSelected
                     ? treeItemStyleClasses.isNavigatableSelected
                     : treeItemStyleClasses.isNavigatableUnselected
-                : ""), onClick: onItemClick ? onItemClick : undefined },
+                : "", type === "leaf"
+                ? "s-pl-6"
+                : isNavigatable
+                    ? size === "sm"
+                        ? "s-pl-1.5"
+                        : "s-pl-2.5"
+                    : ""), onClick: onItemClick ? onItemClick : undefined },
             type === "node" && (React.createElement(IconButton, { icon: childrenToRender && !effectiveCollapsed
                     ? SvgArrowDownS$1
                     : SvgArrowRightS$1, size: "xs", variant: "secondary", onClick: function (e) {
@@ -76415,7 +76421,6 @@ Tree.Item = function (_a) {
                         effectiveOnChevronClick();
                     }
                 } })),
-            type === "leaf" && React.createElement("div", { className: "s-w-4" }),
             checkbox && React.createElement(Checkbox, __assign({}, checkbox, { size: "xs" })),
             React.createElement(Icon, { visual: visual, size: size === "sm" ? "sm" : "md", className: classNames("s-flex-shrink-0", tailwindIconTextColor) }),
             React.createElement("div", { className: classNames("s-truncate s-font-medium s-text-element-900", size === "sm" ? "s-ml-1 s-text-sm" : "s-ml-1 s-text-base") }, label),