@dust-tt/sparkle 0.2.183 → 0.2.187-revert

package/src/stories/Tree.stories.tsx

@@ -0,0 +1,368 @@
+import type { Meta } from "@storybook/react";
+import React from "react";
+import { v4 as uuidv4 } from "uuid";
+
+import { Dust } from "@sparkle/icons/solid";
+
+import {
+  CloudArrowDownIcon,
+  IconButton,
+  IntercomLogo,
+  NotionLogo,
+  PlusCircleIcon,
+  SlackLogo,
+  Tree,
+} from "../index_with_tw_base";
+
+const meta = {
+  title: "Components/Tree",
+  component: Tree,
+} satisfies Meta<typeof Tree>;
+
+export default meta;
+
+export const TreeExample = () => {
+  return (
+    <div className="s-flex s-gap-10">
+      <div className="s-flex s-flex-col s-gap-3">
+        <div className="s-text-xl">Tree</div>
+        <div>
+          <Tree>
+            <Tree.Item label="item 1 (no children)" variant="folder" />
+            <Tree.Item label="item 2 (loading)" variant="folder">
+              <Tree isLoading />
+            </Tree.Item>
+            <Tree.Item label="item 3" variant="folder">
+              <Tree>
+                <Tree.Item
+                  type="leaf"
+                  label="item 1"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: false,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 2"
+                  type="leaf"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: false,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 3"
+                  type="leaf"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: false,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+              </Tree>
+            </Tree.Item>
+            <Tree.Item
+              label="item 4 (forced collapsed)"
+              variant="folder"
+              collapsed={true}
+            >
+              <Tree>
+                <Tree.Item label="item 1" />
+              </Tree>
+            </Tree.Item>
+            <Tree.Item
+              label="item 5 (forced expanded)"
+              variant="folder"
+              collapsed={false}
+            >
+              <Tree>
+                <Tree.Item label="item 1" />
+              </Tree>
+            </Tree.Item>
+            <Tree.Item
+              label="item 6 (default collapsed)"
+              variant="folder"
+              defaultCollapsed={true}
+            >
+              <Tree>
+                <Tree.Item
+                  label="item 1"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: true,
+                    partialChecked: true,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 2"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: true,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 3"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: false,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 4"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: false,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 5"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: false,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+              </Tree>
+            </Tree.Item>
+
+            <Tree.Item
+              label="item 7 (default expanded)"
+              variant="folder"
+              defaultCollapsed={false}
+            >
+              <Tree>
+                <Tree.Item
+                  label="item 1"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: true,
+                    partialChecked: true,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+                <Tree.Item
+                  label="item 2"
+                  checkbox={{
+                    variant: "checkable",
+                    checked: true,
+                    onChange: () => {
+                      return;
+                    },
+                  }}
+                />
+              </Tree>
+            </Tree.Item>
+          </Tree>
+        </div>
+      </div>
+      <div className="s-flex s-flex-col s-gap-3">
+        <div className="s-text-xl">Flat</div>
+        <div>
+          <Tree>
+            <Tree.Item
+              label="item 1"
+              type="item"
+              variant="channel"
+              checkbox={{
+                variant: "checkable",
+                checked: true,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="item 2"
+              type="item"
+              variant="channel"
+              checkbox={{
+                variant: "checkable",
+                checked: true,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="item 3"
+              type="item"
+              variant="channel"
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="item 4"
+              type="item"
+              variant="channel"
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="item 5"
+              type="item"
+              variant="channel"
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+          </Tree>
+        </div>
+      </div>
+      <div className="s-flex s-flex-col s-gap-3">
+        <div className="s-text-xl">With custom visual</div>
+        <div>
+          <Tree>
+            <Tree.Item
+              label="Intercom"
+              type="item"
+              visual={<IntercomLogo className="s-h-5 s-w-5" />}
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="Notion"
+              type="item"
+              visual={<NotionLogo className="s-h-5 s-w-5" />}
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="Slack"
+              type="item"
+              visual={<SlackLogo className="s-h-5 s-w-5" />}
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+            <Tree.Item
+              label="Dust"
+              type="item"
+              visual={<Dust color="pink" className="s-h-5 s-w-5" />}
+              checkbox={{
+                variant: "checkable",
+                checked: false,
+                onChange: () => {
+                  return;
+                },
+              }}
+            />
+          </Tree>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const TreeItem = ({
+  label,
+  getLabel,
+}: {
+  label: string;
+  getLabel: () => string;
+}) => {
+  const n = Math.floor(Math.random() * 8) + 3;
+  return (
+    <Tree.Item
+      label={label}
+      variant="folder"
+      actions={
+        <div className="s-flex s-flex-row s-justify-center s-gap-2">
+          <span className="s-text-xs s-text-element-700">
+            last updated Jan 6
+          </span>
+          <IconButton icon={CloudArrowDownIcon} size="xs" variant="tertiary" />
+          <IconButton icon={PlusCircleIcon} size="xs" />
+        </div>
+      }
+      renderTreeItems={() => <Tree>{createTreeItems(n, getLabel)}</Tree>}
+    />
+  );
+};
+
+const createTreeItems = (n = 5, getLabel: () => string) => {
+  const items = [];
+  for (let i = 1; i <= n; i++) {
+    const label = getLabel();
+    items.push(<TreeItem key={label} label={label} getLabel={getLabel} />);
+  }
+
+  return <Tree>{items}</Tree>;
+};
+
+export const DeeplyNestedTreeWithActions = () => {
+  const getLabel = () =>
+    `${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}-${uuidv4()}`;
+  return (
+    <div className="s-mx-auto s-max-w-2xl s-gap-3 s-pt-10">
+      <div className="s-pb-10 s-text-xl">Huge</div>
+      <div>
+        <Tree>{createTreeItems(20, getLabel)}</Tree>
+      </div>
+    </div>
+  );
+};
+
+export const SmallTreeWithActions = () => {
+  const getLabel = () =>
+    `${uuidv4().slice(0, Math.floor(Math.random() * 32) + 3)}`;
+  return (
+    <div className="s-mx-auto s-max-w-2xl s-gap-3 s-pt-10">
+      <div className="s-pb-10 s-text-xl">Huge</div>
+      <div>
+        <Tree>{createTreeItems(5, getLabel)}</Tree>
+      </div>
+    </div>
+  );
+};

package/src/styles/tailwind.css

@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@keyframes bgblink {
+  0%,
+  100% {
+    @apply s-bg-structure-0;
+  }
+  50% {
+    @apply s-bg-purple-100;
+  }
+}

package/dist/components/AssistantPreview.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-type AssistantPreviewVariant = "list" | "minimal";
-interface BaseAssistantPreviewProps {
-    variant: AssistantPreviewVariant;
-    description: string;
-    title: string;
-    pictureUrl: string;
-    subtitle?: string;
-    onClick?: () => void;
-}
-type ListVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
-    variant: "list";
-};
-type MinimalVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
-    variant: "minimal";
-    hasAction?: boolean;
-    href?: string;
-    onClick?: () => void;
-    onActionClick?: () => void;
-};
-type AssistantPreviewProps = ListVariantAssistantPreviewProps | MinimalVariantAssistantPreviewProps;
-export declare function AssistantPreview(props: AssistantPreviewProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AssistantPreview.d.ts.map

package/dist/components/AssistantPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantPreview.d.ts","sourceRoot":"","sources":["../../src/components/AssistantPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,KAAK,uBAAuB,GAAG,MAAM,GAAG,SAAS,CAAC;AAElD,UAAU,yBAAyB;IACjC,OAAO,EAAE,uBAAuB,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,KAAK,gCAAgC,GAAG,yBAAyB,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,mCAAmC,GAAG,yBAAyB,GAAG;IACrE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,KAAK,qBAAqB,GACtB,gCAAgC,GAChC,mCAAmC,CAAC;AAoLxC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAiB5D"}

package/dist/components/AssistantPreview.js

@@ -1,118 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import React, { useState } from "react";
-import { Avatar } from "../components/Avatar";
-import { Button } from "../components/Button";
-import { CardButton } from "../components/CardButton";
-import { MoreIcon } from "../icons/solid";
-import { classNames } from "../lib/utils";
-var isBrowser = typeof window !== "undefined";
-var breakpoints = {
-    sm: 640, // Tailwind's default for `sm`
-    md: 768, // Tailwind's default for `md`
-    lg: 1024, // Tailwind's default for `lg`
-    xl: 1280, // Tailwind's default for `xl`
-    xxl: 1536, // Tailwind's default for `2xl`
-};
-var getWindowWidth = function () { return (isBrowser ? window.innerWidth : 0); };
-var titleClassNames = {
-    base: "s-truncate s-font-medium s-text-element-900 s-w-full",
-    list: "s-text-base",
-    minimal: "s-overflow-hidden s-whitespace-nowrap ".concat(getWindowWidth() <= breakpoints.sm
-        ? "s-text-sm"
-        : getWindowWidth() <= breakpoints.md
-            ? "s-text-base"
-            : ""),
-};
-var subtitleClassNames = {
-    base: "s-font-normal s-text-element-700 s-truncate s-w-full",
-    list: "s-text-sm",
-    minimal: "s-overflow-hidden s-whitespace-nowrap ".concat(getWindowWidth() <= breakpoints.sm
-        ? "s-text-xs"
-        : getWindowWidth() <= breakpoints.md
-            ? "s-text-xs"
-            : "s-text-sm"),
-};
-var descriptionClassNames = {
-    base: "s-font-normal s-mb-1",
-    list: "s-text-base s-text-element-800 s-line-clamp-3",
-};
-function renderVariantContent(props) {
-    switch (props.variant) {
-        case "list":
-            return React.createElement(ListVariantContent, __assign({}, props));
-        case "minimal":
-            return React.createElement(MinimalVariantContent, __assign({}, props));
-        default:
-            return React.createElement(React.Fragment, null);
-    }
-}
-var ListVariantContent = function (_a) {
-    var description = _a.description, title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle;
-    return (React.createElement("div", { className: "s-flex s-gap-2" },
-        React.createElement(Avatar, { name: "Avatar of ".concat(title), visual: pictureUrl, size: "lg" }),
-        React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-2" },
-            React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-row s-gap-3" },
-                React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-0" },
-                    React.createElement("div", { className: classNames(titleClassNames["base"], titleClassNames.list) },
-                        "@",
-                        title),
-                    subtitle && (React.createElement("div", { className: classNames(subtitleClassNames["base"], subtitleClassNames.list) },
-                        "By: ",
-                        subtitle)))),
-            React.createElement("div", { className: classNames(descriptionClassNames["base"], descriptionClassNames.list) }, description))));
-};
-var MinimalVariantContent = function (_a) {
-    var title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle, _b = _a.hasAction, hasAction = _b === void 0 ? true : _b, description = _a.description, onClick = _a.onClick, onActionClick = _a.onActionClick;
-    var actionButton = (React.createElement(Button, { label: "", icon: MoreIcon, variant: "tertiary", size: "sm", labelVisible: false, hasMagnifying: false, disabledTooltip: true, onClick: function (e) {
-            e.stopPropagation();
-            onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick();
-        } }));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { id: "assistant-container", className: "s-flex s-grow s-flex-col s-justify-start s-gap-2 s-overflow-hidden s-py-1", onClick: onClick },
-            React.createElement("div", { className: "s-flex s-flex-row s-justify-between s-gap-2 s-overflow-hidden" },
-                React.createElement("div", { id: "preview", className: "s-flex s-w-full s-min-w-0 s-flex-row s-items-center s-gap-2" },
-                    React.createElement("div", { id: "avatar-column", className: "s-w-fit" },
-                        React.createElement(Avatar, { name: "Avatar of ".concat(title), visual: pictureUrl, size: "md" })),
-                    React.createElement("div", { id: "details-column", className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-0 s-overflow-hidden" },
-                        React.createElement("div", { className: classNames(titleClassNames["base"], titleClassNames.minimal) },
-                            "@",
-                            title),
-                        React.createElement("div", { className: classNames(subtitleClassNames["base"], subtitleClassNames.minimal) },
-                            "By: ",
-                            subtitle))),
-                React.createElement("div", { id: "actions-column", className: "s-flex s-w-fit s-shrink-0" }, hasAction && actionButton)),
-            React.createElement("div", { className: "s-line-clamp-2 s-text-sm s-text-element-700" }, description))));
-};
-export function AssistantPreview(props) {
-    var onClick = props.onClick, variant = props.variant;
-    // State to manage the visibility of the play button
-    var _a = __read(useState(false), 2), isHovered = _a[0], setIsHovered = _a[1];
-    return (React.createElement(CardButton, { variant: variant === "minimal" ? "secondary" : "tertiary", className: classNames("s-flex s-flex-col s-gap-2 s-border"), size: variant === "minimal" ? "sm" : "lg", onClick: onClick, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, renderVariantContent(__assign(__assign({}, props), { isHovered: isHovered }))));
-}
-//# sourceMappingURL=AssistantPreview.js.map

package/dist/components/AssistantPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantPreview.js","sourceRoot":"","sources":["../../src/components/AssistantPreview.tsx"],"names":[],"mappings":"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"}

package/dist/components/Avatar.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-type AvatarProps = {
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "auto";
-    name?: string;
-    emoji?: string;
-    visual?: string | React.ReactNode;
-    clickable?: boolean;
-    onClick?: () => void;
-    busy?: boolean;
-    isRounded?: boolean;
-    backgroundColor?: string;
-    className?: string;
-    disabled?: boolean;
-};
-export declare function Avatar({ size, name, emoji, visual, onClick, clickable, busy, isRounded, backgroundColor, disabled, className, }: AvatarProps): React.JSX.Element;
-export declare namespace Avatar {
-    var Stack: ({ children, nbMoreItems, size, isRounded, hasMagnifier, }: AvatarStackProps) => React.JSX.Element;
-}
-interface AvatarStackProps {
-    children: React.ReactElement<AvatarProps> | React.ReactElement<AvatarProps>[];
-    nbMoreItems?: number;
-    size?: "xs" | "sm" | "md";
-    isRounded?: boolean;
-    hasMagnifier?: boolean;
-}
-export {};
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsEF,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAiB,EACjB,IAAY,EACZ,SAAiB,EACjB,eAAe,EACf,QAAgB,EAChB,SAAc,GACf,EAAE,WAAW,qBAgGb;yBA5Ge,MAAM;;;AA8GtB,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}