@dust-tt/sparkle 0.2.207 → 0.2.209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/DataTable.d.ts +6 -2
- package/dist/cjs/index.js +9 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/DataTable.d.ts +6 -2
- package/dist/esm/index.js +9 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/DataTable.tsx +46 -35
- package/src/stories/Citation.stories.tsx +1 -0
- package/src/stories/DataTable.stories.tsx +14 -6
|
@@ -24,7 +24,8 @@ export declare namespace DataTable {
|
|
|
24
24
|
var Head: ({ children, className, ...props }: HeadProps) => React.JSX.Element;
|
|
25
25
|
var Body: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
|
|
26
26
|
var Row: ({ children, className, onClick, moreMenuItems, ...props }: RowProps) => React.JSX.Element;
|
|
27
|
-
var Cell: ({ children, className,
|
|
27
|
+
var Cell: ({ children, className, ...props }: CellProps) => React.JSX.Element;
|
|
28
|
+
var CellContent: ({ children, className, avatarUrl, roundedAvatar, icon, iconClassName, description, ...props }: CellContentProps) => React.JSX.Element;
|
|
28
29
|
var Caption: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
|
|
29
30
|
}
|
|
30
31
|
interface DataTableRootProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
@@ -41,7 +42,10 @@ interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
|
41
42
|
onClick?: () => void;
|
|
42
43
|
moreMenuItems?: DropdownItemProps[];
|
|
43
44
|
}
|
|
44
|
-
interface CellProps extends React.
|
|
45
|
+
interface CellProps extends React.HTMLAttributes<HTMLTableCellElement> {
|
|
46
|
+
children: ReactNode;
|
|
47
|
+
}
|
|
48
|
+
interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
|
|
45
49
|
avatarUrl?: string;
|
|
46
50
|
icon?: React.ComponentType<{
|
|
47
51
|
className?: string;
|
package/dist/esm/index.js
CHANGED
|
@@ -128946,14 +128946,17 @@ DataTable.Row = function Row(_a) {
|
|
|
128946
128946
|
React__default.createElement(DropdownMenu.Items, { origin: "topRight", width: 220 }, moreMenuItems === null || moreMenuItems === void 0 ? void 0 : moreMenuItems.map(function (item, index) { return (React__default.createElement(DropdownMenu.Item, __assign({ key: index }, item))); })))))));
|
|
128947
128947
|
};
|
|
128948
128948
|
DataTable.Cell = function Cell(_a) {
|
|
128949
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
128950
|
+
return (React__default.createElement("td", __assign({ className: classNames("s-whitespace-nowrap s-py-2 s-pl-0.5 s-text-element-800", className || "") }, props), children));
|
|
128951
|
+
};
|
|
128952
|
+
DataTable.CellContent = function CellContent(_a) {
|
|
128949
128953
|
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"]);
|
|
128950
|
-
return (React__default.createElement("
|
|
128954
|
+
return (React__default.createElement("div", __assign({ className: classNames("s-flex s-py-2", className || "") }, props),
|
|
128955
|
+
avatarUrl && (React__default.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
|
|
128956
|
+
icon && (React__default.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-600", iconClassName || "") })),
|
|
128951
128957
|
React__default.createElement("div", { className: "s-flex" },
|
|
128952
|
-
|
|
128953
|
-
|
|
128954
|
-
React__default.createElement("div", { className: "s-flex" },
|
|
128955
|
-
React__default.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
|
|
128956
|
-
description && (React__default.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description))))));
|
|
128958
|
+
React__default.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
|
|
128959
|
+
description && (React__default.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description)))));
|
|
128957
128960
|
};
|
|
128958
128961
|
DataTable.Caption = function Caption(_a) {
|
|
128959
128962
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|