@dust-tt/sparkle 0.2.223 → 0.2.224

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.
Files changed (12) hide show
  1. package/dist/cjs/index.js +34 -2
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/DataTable.d.ts +2 -1
  4. package/dist/esm/components/DataTable.d.ts.map +1 -1
  5. package/dist/esm/components/DataTable.js +5 -2
  6. package/dist/esm/components/DataTable.js.map +1 -1
  7. package/dist/esm/stories/DataTable.stories.d.ts.map +1 -1
  8. package/dist/esm/stories/DataTable.stories.js +12 -1
  9. package/dist/esm/stories/DataTable.stories.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/DataTable.tsx +14 -1
  12. package/src/stories/DataTable.stories.tsx +13 -0
package/dist/esm/components/DataTable.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare namespace DataTable {
26
26
  var Body: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
27
27
  var Row: ({ children, className, onClick, moreMenuItems, ...props }: RowProps) => React.JSX.Element;
28
28
  var Cell: ({ children, className, ...props }: CellProps) => React.JSX.Element;
29
- var CellContent: ({ children, className, avatarUrl, roundedAvatar, icon, iconClassName, description, ...props }: CellContentProps) => React.JSX.Element;
29
+ var CellContent: ({ children, className, avatarUrl, avatarTooltipLabel, roundedAvatar, icon, iconClassName, description, ...props }: CellContentProps) => React.JSX.Element;
30
30
  var Caption: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
31
31
  }
32
32
  interface DataTableRootProps extends React.HTMLAttributes<HTMLTableElement> {
@@ -48,6 +48,7 @@ interface CellProps extends React.HTMLAttributes<HTMLTableCellElement> {
48
48
  }
49
49
  interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
50
50
  avatarUrl?: string;
51
+ avatarTooltipLabel?: string;
51
52
  icon?: React.ComponentType<{
52
53
  className?: string;
53
54
  }>;
package/dist/esm/components/DataTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMd,SAAS,EACT,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AAQ1C,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAED,UAAU,cAAc,CAAC,KAAK,SAAS,SAAS;IAC9C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CAC9B;AAYD,wBAAgB,SAAS,CAAC,KAAK,SAAS,SAAS,EAAE,EACjD,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,kBAAuB,GACxB,EAAE,cAAc,CAAC,KAAK,CAAC,qBAwGvB;yBAhHe,SAAS;;;;;;;;;;AAkHzB,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,SAAU,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AA0CD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgBD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMd,SAAS,EACT,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AAS1C,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAED,UAAU,cAAc,CAAC,KAAK,SAAS,SAAS;IAC9C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CAC9B;AAYD,wBAAgB,SAAS,CAAC,KAAK,SAAS,SAAS,EAAE,EACjD,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,kBAAuB,GACxB,EAAE,cAAc,CAAC,KAAK,CAAC,qBAwGvB;yBAhHe,SAAS;;;;;;;;;;AAkHzB,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,SAAU,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AA0CD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgBD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
package/dist/esm/components/DataTable.js CHANGED
@@ -5,6 +5,7 @@ import { Avatar } from "../components/Avatar";
5
5
  import { DropdownMenu, } from "../components/DropdownMenu";
6
6
  import { IconButton } from "../components/IconButton";
7
7
  import { ArrowDownIcon, ArrowUpIcon, MoreIcon } from "../icons";
8
+ import { Tooltip } from "../index_with_tw_base";
8
9
  import { classNames } from "../lib/utils";
9
10
  import { Icon } from "./Icon";
10
11
  import { breakpoints, useWindowSize } from "./WindowUtility";
@@ -97,9 +98,11 @@ DataTable.Cell = function Cell(_a) {
97
98
  return (React.createElement("td", __assign({ className: classNames("s-h-12 s-whitespace-nowrap s-pl-1.5 s-text-element-800", className || "") }, props), children));
98
99
  };
99
100
  DataTable.CellContent = function CellContent(_a) {
100
- 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"]);
101
+ var children = _a.children, className = _a.className, avatarUrl = _a.avatarUrl, avatarTooltipLabel = _a.avatarTooltipLabel, roundedAvatar = _a.roundedAvatar, icon = _a.icon, iconClassName = _a.iconClassName, description = _a.description, props = __rest(_a, ["children", "className", "avatarUrl", "avatarTooltipLabel", "roundedAvatar", "icon", "iconClassName", "description"]);
101
102
  return (React.createElement("div", __assign({ className: classNames("s-flex s-items-center s-py-2", className || "") }, props),
102
- avatarUrl && (React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
103
+ avatarUrl && avatarTooltipLabel && (React.createElement(Tooltip, { label: avatarTooltipLabel, position: "above" },
104
+ React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false }))),
105
+ avatarUrl && !avatarTooltipLabel && (React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
103
106
  icon && (React.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-600", iconClassName || "") })),
104
107
  React.createElement("div", { className: "s-flex" },
105
108
  React.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
package/dist/esm/components/DataTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
package/dist/esm/stories/DataTable.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAc,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,gBAAgB,yBAgI5B,CAAC"}
1
+ {"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAc,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,gBAAgB,yBA4I5B,CAAC"}
package/dist/esm/stories/DataTable.stories.js CHANGED
@@ -7,6 +7,17 @@ var meta = {
7
7
  export default meta;
8
8
  export var DataTableExample = function () {
9
9
  var data = [
10
+ {
11
+ name: "Soupinou with tooltip on avatar",
12
+ usedBy: 100,
13
+ addedBy: "User1",
14
+ lastUpdated: "July 8, 2023",
15
+ size: "32kb",
16
+ avatarUrl: "https://avatars.githubusercontent.com/u/138893015?s=200&v=4",
17
+ avatarTooltipLabel: "Meow",
18
+ roundedAvatar: true,
19
+ onClick: function () { return console.log("hehe"); },
20
+ },
10
21
  {
11
22
  name: "Marketing",
12
23
  description: "(23 items)",
@@ -74,7 +85,7 @@ export var DataTableExample = function () {
74
85
  accessorKey: "name",
75
86
  header: "Name",
76
87
  sortingFn: "text",
77
- cell: function (info) { return (React.createElement(DataTable.CellContent, { avatarUrl: info.row.original.avatarUrl, icon: info.row.original.icon, description: info.row.original.description, roundedAvatar: info.row.original.roundedAvatar }, info.row.original.name)); },
88
+ cell: function (info) { return (React.createElement(DataTable.CellContent, { avatarUrl: info.row.original.avatarUrl, avatarTooltipLabel: info.row.original.avatarTooltipLabel, icon: info.row.original.icon, description: info.row.original.description, roundedAvatar: info.row.original.roundedAvatar }, info.row.original.name)); },
78
89
  },
79
90
  {
80
91
  accessorKey: "usedBy",
package/dist/esm/stories/DataTable.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.stories.js","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.stories.js","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dust-tt/sparkle",
3
- "version": "0.2.223",
3
+ "version": "0.2.224",
4
4
  "scripts": {
5
5
  "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
6
6
  "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
package/src/components/DataTable.tsx CHANGED
@@ -18,6 +18,7 @@ import {
18
18
  } from "@sparkle/components/DropdownMenu";
19
19
  import { IconButton } from "@sparkle/components/IconButton";
20
20
  import { ArrowDownIcon, ArrowUpIcon, MoreIcon } from "@sparkle/icons";
21
+ import { Tooltip } from "@sparkle/index_with_tw_base";
21
22
  import { classNames } from "@sparkle/lib/utils";
22
23
 
23
24
  import { Icon } from "./Icon";
@@ -301,6 +302,7 @@ DataTable.Cell = function Cell({ children, className, ...props }: CellProps) {
301
302
 
302
303
  interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
303
304
  avatarUrl?: string;
305
+ avatarTooltipLabel?: string;
304
306
  icon?: React.ComponentType<{ className?: string }>;
305
307
  iconClassName?: string;
306
308
  roundedAvatar?: boolean;
@@ -312,6 +314,7 @@ DataTable.CellContent = function CellContent({
312
314
  children,
313
315
  className,
314
316
  avatarUrl,
317
+ avatarTooltipLabel,
315
318
  roundedAvatar,
316
319
  icon,
317
320
  iconClassName,
@@ -323,7 +326,17 @@ DataTable.CellContent = function CellContent({
323
326
  className={classNames("s-flex s-items-center s-py-2", className || "")}
324
327
  {...props}
325
328
  >
326
- {avatarUrl && (
329
+ {avatarUrl && avatarTooltipLabel && (
330
+ <Tooltip label={avatarTooltipLabel} position="above">
331
+ <Avatar
332
+ visual={avatarUrl}
333
+ size="xs"
334
+ className="s-mr-2"
335
+ isRounded={roundedAvatar ?? false}
336
+ />
337
+ </Tooltip>
338
+ )}
339
+ {avatarUrl && !avatarTooltipLabel && (
327
340
  <Avatar
328
341
  visual={avatarUrl}
329
342
  size="xs"
package/src/stories/DataTable.stories.tsx CHANGED
@@ -21,6 +21,7 @@ type Data = {
21
21
  lastUpdated: string;
22
22
  size: string;
23
23
  avatarUrl?: string;
24
+ avatarTooltipLabel?: string;
24
25
  icon?: React.ComponentType<{ className?: string }>;
25
26
  onClick?: () => void;
26
27
  moreMenuItems?: DropdownItemProps[];
@@ -29,6 +30,17 @@ type Data = {
29
30
 
30
31
  export const DataTableExample = () => {
31
32
  const data: Data[] = [
33
+ {
34
+ name: "Soupinou with tooltip on avatar",
35
+ usedBy: 100,
36
+ addedBy: "User1",
37
+ lastUpdated: "July 8, 2023",
38
+ size: "32kb",
39
+ avatarUrl: "https://avatars.githubusercontent.com/u/138893015?s=200&v=4",
40
+ avatarTooltipLabel: "Meow",
41
+ roundedAvatar: true,
42
+ onClick: () => console.log("hehe"),
43
+ },
32
44
  {
33
45
  name: "Marketing",
34
46
  description: "(23 items)",
@@ -100,6 +112,7 @@ export const DataTableExample = () => {
100
112
  cell: (info) => (
101
113
  <DataTable.CellContent
102
114
  avatarUrl={info.row.original.avatarUrl}
115
+ avatarTooltipLabel={info.row.original.avatarTooltipLabel}
103
116
  icon={info.row.original.icon}
104
117
  description={info.row.original.description}
105
118
  roundedAvatar={info.row.original.roundedAvatar}