@dust-tt/sparkle 0.2.207 → 0.2.209

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

@@ -24,7 +24,8 @@ export declare namespace DataTable {
     var Head: ({ children, className, ...props }: HeadProps) => React.JSX.Element;
     var Body: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
     var Row: ({ children, className, onClick, moreMenuItems, ...props }: RowProps) => React.JSX.Element;
-    var Cell: ({ children, className, avatarUrl, roundedAvatar, icon, iconClassName, description, ...props }: CellProps) => React.JSX.Element;
+    var Cell: ({ children, className, ...props }: CellProps) => React.JSX.Element;
+    var CellContent: ({ children, className, avatarUrl, roundedAvatar, icon, iconClassName, description, ...props }: CellContentProps) => React.JSX.Element;
     var Caption: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
 }
 interface DataTableRootProps extends React.HTMLAttributes<HTMLTableElement> {
@@ -41,7 +42,10 @@ interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     onClick?: () => void;
     moreMenuItems?: DropdownItemProps[];
 }
-interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+interface CellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    children: ReactNode;
+}
+interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
     avatarUrl?: string;
     icon?: React.ComponentType<{
         className?: string;

package/dist/cjs/index.js

@@ -128966,14 +128966,17 @@ DataTable.Row = function Row(_a) {
                 React.createElement(DropdownMenu.Items, { origin: "topRight", width: 220 }, moreMenuItems === null || moreMenuItems === void 0 ? void 0 : moreMenuItems.map(function (item, index) { return (React.createElement(DropdownMenu.Item, __assign({ key: index }, item))); })))))));
 };
 DataTable.Cell = function Cell(_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("td", __assign({ className: classNames("s-whitespace-nowrap s-py-2 s-pl-0.5 s-text-element-800", className || "") }, props), children));
+};
+DataTable.CellContent = function CellContent(_a) {
     var children = _a.children, className = _a.className, avatarUrl = _a.avatarUrl, roundedAvatar = _a.roundedAvatar, icon = _a.icon, iconClassName = _a.iconClassName, description = _a.description, props = __rest(_a, ["children", "className", "avatarUrl", "roundedAvatar", "icon", "iconClassName", "description"]);
-    return (React.createElement("td", __assign({ className: classNames("s-whitespace-nowrap s-py-2 s-pl-0.5 s-text-element-800", className || "") }, props),
+    return (React.createElement("div", __assign({ className: classNames("s-flex s-py-2", className || "") }, props),
+        avatarUrl && (React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
+        icon && (React.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-600", iconClassName || "") })),
         React.createElement("div", { className: "s-flex" },
-            avatarUrl && (React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
-            icon && (React.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-600", iconClassName || "") })),
-            React.createElement("div", { className: "s-flex" },
-                React.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
-                description && (React.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description))))));
+            React.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
+            description && (React.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description)))));
 };
 DataTable.Caption = function Caption(_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);