@dust-tt/sparkle 0.2.244 → 0.2.246

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 (21) hide show
  1. package/dist/cjs/index.js +14 -8
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/Dialog.d.ts +6 -5
  4. package/dist/esm/components/Dialog.d.ts.map +1 -1
  5. package/dist/esm/components/Dialog.js +4 -2
  6. package/dist/esm/components/Dialog.js.map +1 -1
  7. package/dist/esm/components/Tree.d.ts +4 -0
  8. package/dist/esm/components/Tree.d.ts.map +1 -1
  9. package/dist/esm/components/Tree.js +10 -6
  10. package/dist/esm/components/Tree.js.map +1 -1
  11. package/dist/esm/stories/Dialog.stories.d.ts.map +1 -1
  12. package/dist/esm/stories/Dialog.stories.js +6 -1
  13. package/dist/esm/stories/Dialog.stories.js.map +1 -1
  14. package/dist/esm/stories/Tree.stories.d.ts.map +1 -1
  15. package/dist/esm/stories/Tree.stories.js +82 -78
  16. package/dist/esm/stories/Tree.stories.js.map +1 -1
  17. package/package.json +1 -1
  18. package/src/components/Dialog.tsx +18 -10
  19. package/src/components/Tree.tsx +17 -9
  20. package/src/stories/Dialog.stories.tsx +14 -0
  21. package/src/stories/Tree.stories.tsx +102 -82
package/dist/esm/components/Dialog.d.ts CHANGED
@@ -1,16 +1,17 @@
1
1
  import React from "react";
2
2
  export type ModalProps = {
3
- title: string;
3
+ alertDialog?: boolean;
4
+ backgroundType?: "confetti" | "snow" | "none";
5
+ cancelLabel?: string;
4
6
  children: React.ReactNode;
5
7
  disabled?: boolean;
6
8
  isOpen: boolean;
9
+ isSaving?: boolean;
7
10
  onCancel: () => void;
8
11
  onValidate: () => void;
9
- cancelLabel?: string;
12
+ title: string;
10
13
  validateLabel?: string;
11
14
  validateVariant?: "primary" | "primaryWarning";
12
- isSaving?: boolean;
13
- backgroundType?: "confetti" | "snow" | "none";
14
15
  };
15
- export declare function Dialog({ title, isOpen, children, disabled, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, isSaving, backgroundType, }: ModalProps): React.JSX.Element;
16
+ export declare function Dialog({ alertDialog, backgroundType, cancelLabel, children, disabled, isOpen, isSaving, onCancel, onValidate, title, validateLabel, validateVariant, }: ModalProps): React.JSX.Element;
16
17
  //# sourceMappingURL=Dialog.d.ts.map
package/dist/esm/components/Dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAsB,EACtB,aAAoB,EACpB,eAA2B,EAC3B,QAAQ,EACR,cAAuB,GACxB,EAAE,UAAU,qBA4EZ"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;CAChD,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,WAAmB,EACnB,cAAuB,EACvB,WAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,aAAoB,EACpB,eAA2B,GAC5B,EAAE,UAAU,qBAkFZ"}
package/dist/esm/components/Dialog.js CHANGED
@@ -5,10 +5,12 @@ import Spinner from "../components/Spinner";
5
5
  import { classNames } from "../lib/utils";
6
6
  import { Button } from "./Button";
7
7
  export function Dialog(_a) {
8
- var title = _a.title, isOpen = _a.isOpen, children = _a.children, disabled = _a.disabled, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, isSaving = _a.isSaving, _e = _a.backgroundType, backgroundType = _e === void 0 ? "none" : _e;
8
+ var _b = _a.alertDialog, alertDialog = _b === void 0 ? false : _b, _c = _a.backgroundType, backgroundType = _c === void 0 ? "none" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, children = _a.children, disabled = _a.disabled, isOpen = _a.isOpen, isSaving = _a.isSaving, onCancel = _a.onCancel, onValidate = _a.onValidate, title = _a.title, _e = _a.validateLabel, validateLabel = _e === void 0 ? "Ok" : _e, _f = _a.validateVariant, validateVariant = _f === void 0 ? "primary" : _f;
9
9
  var referentRef = useRef(null);
10
10
  return (React.createElement(Transition, { show: isOpen, as: Fragment, appear: true },
11
- React.createElement(HeadlessDialog, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
11
+ React.createElement(HeadlessDialog, { as: "div", className: "s-relative s-z-50",
12
+ // If it's an alert dialog, we don't want to close it when clicking outside.
13
+ onClose: alertDialog ? function () { } : onCancel, role: alertDialog ? "alertdialog" : "dialog" },
12
14
  React.createElement(Transition.Child, { as: Fragment, enter: "s-ease-out s-duration-150", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-150", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
13
15
  React.createElement("div", { className: "s-fixed s-inset-0 s-bg-structure-50/80 s-backdrop-blur-sm s-transition-opacity" })),
14
16
  React.createElement("div", { className: "s-fixed s-inset-0 s-z-50" },
package/dist/esm/components/Dialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/Tree.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface TreeProps {
10
10
  export declare function Tree({ children, isLoading, isBoxed, tailwindIconTextColor, variant, }: TreeProps): React.JSX.Element;
11
11
  export declare namespace Tree {
12
12
  var Item: ({ label, type, className, size, tailwindIconTextColor, visual, checkbox, onChevronClick, collapsed, defaultCollapsed, actions, areActionsFading, renderTreeItems, children, isNavigatable, isSelected, onItemClick, }: TreeItemPropsWithChildren | TreeItemPropsWithRender) => React.JSX.Element;
13
+ var Empty: ({ label }: TreeEmptyProps) => React.JSX.Element;
13
14
  }
14
15
  interface TreeItemProps {
15
16
  label?: string;
@@ -38,5 +39,8 @@ export interface TreeItemPropsWithRender extends TreeItemProps {
38
39
  renderTreeItems: () => React.ReactNode;
39
40
  children?: never;
40
41
  }
42
+ interface TreeEmptyProps {
43
+ label: string;
44
+ }
41
45
  export {};
42
46
  //# sourceMappingURL=Tree.d.ts.map
package/dist/esm/components/Tree.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAMlE,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAClC;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAe,EACf,qBAAqB,EACrB,OAAkB,GACnB,EAAE,SAAS,qBAqCX;yBA3Ce,IAAI;;;AA6CpB,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB"}
1
+ {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAMlE,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAClC;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAe,EACf,qBAAqB,EACrB,OAAkB,GACnB,EAAE,SAAS,qBAqCX;yBA3Ce,IAAI;;;;AAsDpB,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAuHD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;CACf"}
package/dist/esm/components/Tree.js CHANGED
@@ -29,6 +29,12 @@ export function Tree(_a) {
29
29
  ? "s-rounded-xl s-border s-border-structure-200 s-bg-structure-50 s-p-4"
30
30
  : "") }, modifiedChildren));
31
31
  }
32
+ var treeItemStyleClasses = {
33
+ base: "s-group/tree s-flex s-cursor-default s-flex-row s-items-center",
34
+ isNavigatableBase: "s-border s-transition-colors s-duration-300 s-ease-out s-cursor-pointer",
35
+ isNavigatableUnselected: "s-border-structure-200/0 s-bg-white/0 hover:s-border-structure-200 hover:s-bg-white",
36
+ isNavigatableSelected: "s-border-structure-200 s-bg-white",
37
+ };
32
38
  Tree.Item = function (_a) {
33
39
  var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.tailwindIconTextColor, tailwindIconTextColor = _e === void 0 ? "s-text-element-800" : _e, visual = _a.visual, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, defaultCollapsed = _a.defaultCollapsed, actions = _a.actions, _f = _a.areActionsFading, areActionsFading = _f === void 0 ? true : _f, renderTreeItems = _a.renderTreeItems, children = _a.children, _g = _a.isNavigatable, isNavigatable = _g === void 0 ? false : _g, _h = _a.isSelected, isSelected = _h === void 0 ? false : _h, onItemClick = _a.onItemClick;
34
40
  var _j = __read(useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : true), 2), collapsedState = _j[0], setCollapsedState = _j[1];
@@ -44,12 +50,6 @@ Tree.Item = function (_a) {
44
50
  return typeof renderTreeItems === "function" ? renderTreeItems() : children;
45
51
  };
46
52
  var childrenToRender = getChildren();
47
- var treeItemStyleClasses = {
48
- base: "s-group/tree s-flex s-cursor-default s-flex-row s-items-center",
49
- isNavigatableBase: "s-border s-transition-colors s-duration-300 s-ease-out s-cursor-pointer",
50
- isNavigatableUnselected: "s-border-structure-200/0 s-bg-white/0 hover:s-border-structure-200 hover:s-bg-white",
51
- isNavigatableSelected: "s-border-structure-200 s-bg-white",
52
- };
53
53
  var isExpanded = childrenToRender && !effectiveCollapsed;
54
54
  return (React.createElement(React.Fragment, null,
55
55
  React.createElement("div", { className: classNames(className ? className : "", treeItemStyleClasses.base, onItemClick ? "s-cursor-pointer" : "", isNavigatable ? treeItemStyleClasses.isNavigatableBase : "", isNavigatable
@@ -79,4 +79,8 @@ Tree.Item = function (_a) {
79
79
  : "") }, actions))),
80
80
  React.Children.count(childrenToRender) > 0 && (React.createElement("div", { className: "s-pl-2.5" }, childrenToRender))));
81
81
  };
82
+ Tree.Empty = function (_a) {
83
+ var label = _a.label;
84
+ return React.createElement("div", { className: "s-pl-4 s-text-sm s-text-element-600" }, label);
85
+ };
82
86
  //# sourceMappingURL=Tree.js.map
package/dist/esm/components/Tree.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,MAAM,UAAU,IAAI,CAAC,EAMT;QALV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,qBAAqB,2BAAA,EACrB,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA;IAElB,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC1D,2DAA2D;QAC3D,sEAAsE;QACtE,IAAI,KAAK,CAAC,cAAc,CAAgB,KAAK,CAAC,EAAE,CAAC;YAC/C,uDAAuD;YACvD,IAAM,UAAU,GAA2B,EAAE,CAAC;YAE9C,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;gBAC5B,UAAU,CAAC,aAAa,GAAG,IAAI,CAAC;YAClC,CAAC;YAED,IAAI,qBAAqB,EAAE,CAAC;gBAC1B,UAAU,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;YAC3D,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,6BAAK,SAAS,EAAC,eAAe;QAC5B,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,GAAG,CAChC,CACP,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,UAAU,CACnB,6CAA6C,EAC7C,OAAO;YACL,CAAC,CAAC,sEAAsE;YACxE,CAAC,CAAC,EAAE,CACP,IAEA,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC;AAED,IAAM,oBAAoB,GAAG;IAC3B,IAAI,EAAE,gEAAgE;IACtE,iBAAiB,EACf,yEAAyE;IAC3E,uBAAuB,EACrB,qFAAqF;IACvF,qBAAqB,EAAE,mCAAmC;CAC3D,CAAC;AA8BF,IAAI,CAAC,IAAI,GAAG,UAAU,EAkBgC;QAjBpD,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,6BAA4C,EAA5C,qBAAqB,mBAAG,oBAAoB,KAAA,EAC5C,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,WAAW,iBAAA;IAEL,IAAA,KAAA,OAAsC,QAAQ,CAClD,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CACzB,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IAEF,IAAM,oBAAoB,GAAG,SAAS,KAAK,SAAS,CAAC;IAErD,IAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC;IAC7E,IAAM,uBAAuB,GAAG,oBAAoB;QAClD,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,CAAC;IAE7C,IAAM,WAAW,GAAG;QAClB,IAAI,kBAAkB,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,OAAO,eAAe,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC9E,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG,WAAW,EAAE,CAAC;IAEvC,IAAM,UAAU,GAAG,gBAAgB,IAAI,CAAC,kBAAkB,CAAC;IAE3D,OAAO,CACL;QACE,6BACE,SAAS,EAAE,UAAU,CACnB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAC1B,oBAAoB,CAAC,IAAI,EACzB,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EACrC,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAC3D,aAAa;gBACX,CAAC,CAAC,IAAI,KAAK,IAAI;oBACb,CAAC,CAAC,6CAA6C;oBAC/C,CAAC,CAAC,6CAA6C;gBACjD,CAAC,CAAC,IAAI,KAAK,IAAI;oBACb,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,gBAAgB,EACtB,aAAa;gBACX,CAAC,CAAC,UAAU;oBACV,CAAC,CAAC,oBAAoB,CAAC,qBAAqB;oBAC5C,CAAC,CAAC,oBAAoB,CAAC,uBAAuB;gBAChD,CAAC,CAAC,EAAE,EACN,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EAC3C,IAAI,CACL,EACD,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YAE7C,IAAI,KAAK,MAAM,IAAI,CAClB,oBAAC,UAAU,IACT,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EACnD,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,UAAC,CAAC;oBACT,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,uBAAuB,EAAE,CAAC;wBAC5B,uBAAuB,EAAE,CAAC;oBAC5B,CAAC;gBACH,CAAC,GACD,CACH;YACA,IAAI,KAAK,MAAM,IAAI,6BAAK,SAAS,EAAC,uBAAuB,GAAO;YAChE,QAAQ,IAAI,oBAAC,QAAQ,eAAK,QAAQ,IAAE,IAAI,EAAC,IAAI,IAAG;YACjD,oBAAC,IAAI,IACH,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,GAC/D;YAEF,6BACE,SAAS,EAAE,UAAU,CACnB,6CAA6C,EAC7C,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CAC1D,IAEA,KAAK,CACF;YACN,6BAAK,SAAS,EAAC,QAAQ,GAAG;YACzB,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,UAAU,CACnB,uBAAuB,EACvB,gBAAgB;oBACd,CAAC,CAAC,uEAAuE;oBACzE,CAAC,CAAC,EAAE,CACP,IAEA,OAAO,CACJ,CACP,CACG;QACL,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAC7C,6BAAK,SAAS,EAAC,UAAU,IAAE,gBAAgB,CAAO,CACnD,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAMF,IAAI,CAAC,KAAK,GAAG,UAAU,EAAyB;QAAvB,KAAK,WAAA;IAC5B,OAAO,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO,CAAC;AAC5E,CAAC,CAAC"}
package/dist/esm/stories/Dialog.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBAiEzB,CAAC"}
1
+ {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAU,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBA+EzB,CAAC"}
package/dist/esm/stories/Dialog.stories.js CHANGED
@@ -11,6 +11,7 @@ export var DialogExample = function () {
11
11
  var _b = __read(useState(false), 2), isOpen2 = _b[0], setisOpen2 = _b[1];
12
12
  var _c = __read(useState(false), 2), isOpen3 = _c[0], setisOpen3 = _c[1];
13
13
  var _d = __read(useState(false), 2), isOpen4 = _d[0], setisOpen4 = _d[1];
14
+ var _e = __read(useState(false), 2), isOpen5 = _e[0], setisOpen5 = _e[1];
14
15
  return (React.createElement("div", { className: "items-start s-flex s-flex-col s-gap-10" },
15
16
  React.createElement("div", null,
16
17
  React.createElement(Dialog, { isOpen: isOpen1, title: "Dialog title", onValidate: function () { return setisOpen1(false); }, onCancel: function () { return setisOpen1(false); } },
@@ -27,6 +28,10 @@ export var DialogExample = function () {
27
28
  React.createElement("div", null,
28
29
  React.createElement(Dialog, { disabled: true, isOpen: isOpen4, title: "Dialog title", onValidate: function () { return setisOpen4(false); }, onCancel: function () { return setisOpen4(false); } },
29
30
  React.createElement("div", null, "I'm the modal content")),
30
- React.createElement(Button, { label: "Dialog with disabled", onClick: function () { return setisOpen4(true); } }))));
31
+ React.createElement(Button, { label: "Dialog with disabled", onClick: function () { return setisOpen4(true); } })),
32
+ React.createElement("div", null,
33
+ React.createElement(Dialog, { alertDialog: true, isOpen: isOpen5, title: "Alert Dialog title", onValidate: function () { return setisOpen5(false); }, onCancel: function () { return setisOpen5(false); } },
34
+ React.createElement("div", null, "I'm the modal content")),
35
+ React.createElement(Button, { label: "Alert dialog", onClick: function () { return setisOpen5(true); } }))));
31
36
  };
32
37
  //# sourceMappingURL=Dialog.stories.js.map
package/dist/esm/stories/Dialog.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEvD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,MAAM;CACY,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG;IACrB,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAAA,OAAwB,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;gBAEjC,yDAAgC,CACzB;YACT,oBAAC,MAAM,IACL,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAC/B,CACE;QACN;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACjC,eAAe,EAAC,gBAAgB;gBAEhC,yDAAgC,CACzB;YACT,oBAAC,MAAM,IACL,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAC/B,CACE;QACN;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACjC,cAAc,EAAC,MAAM;gBAErB,yDAAgC,CACzB;YACT,oBAAC,MAAM,IACL,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAC/B,CACE;QACN;YACE,oBAAC,MAAM,IACL,QAAQ,QACR,MAAM,EAAE,OAAO,EACf,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACnC,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;gBAEjC,yDAAgC,CACzB;YACT,oBAAC,MAAM,IAAC,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAAI,CACpE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../src/stories/Dialog.stories.tsx"],"names":[],"mappings":"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"}
package/dist/esm/stories/Tree.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAcL,IAAI,EACL,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,yBAqlBvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAmNnC,CAAC"}
1
+ {"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tree.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAUL,IAAI,EACL,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI;;;CAGmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,WAAW,yBAumBvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAmNnC,CAAC"}
package/dist/esm/stories/Tree.stories.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { DustIcon } from "../icons/solid";
3
- import { Button, Chip, CloudArrowDownIcon, Cog6ToothIcon, DocumentIcon, DriveLogo, EyeIcon, FolderIcon, IconButton, IntercomLogo, NotionLogo, PlusCircleIcon, SlackLogo, Tree, } from "../index_with_tw_base";
3
+ import { DriveLogo, IntercomLogo, NotionLogo, SlackLogo, } from "../logo/platforms";
4
+ import { Button, Chip, CloudArrowDownIcon, Cog6ToothIcon, DocumentIcon, EyeIcon, FolderIcon, IconButton, PlusCircleIcon, Tree, } from "../index_with_tw_base";
4
5
  var meta = {
5
6
  title: "Components/Tree",
6
7
  component: Tree,
@@ -13,80 +14,81 @@ export var TreeExample = function () {
13
14
  React.createElement("div", { className: "s-text-xl" }, "Tree"),
14
15
  React.createElement("div", null,
15
16
  React.createElement(Tree, null,
16
- React.createElement(Tree.Item, { label: "item 1 (no children)", visual: FolderIcon }),
17
- React.createElement(Tree.Item, { label: "item 2 (loading)", visual: FolderIcon },
17
+ React.createElement(Tree.Item, { label: "Item 1 (no children)", visual: FolderIcon }),
18
+ React.createElement(Tree.Item, { label: "Item 2 (loading)", visual: FolderIcon },
18
19
  React.createElement(Tree, { isLoading: true })),
19
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon },
20
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon },
20
21
  React.createElement(Tree, null,
21
- React.createElement(Tree.Item, { type: "leaf", label: "item 1", checkbox: {
22
+ React.createElement(Tree.Item, { type: "leaf", label: "Item 1", checkbox: {
22
23
  variant: "checkable",
23
24
  checked: "unchecked",
24
25
  onChange: function () {
25
26
  return;
26
27
  },
27
28
  } }),
28
- React.createElement(Tree.Item, { label: "item 2", type: "leaf", checkbox: {
29
+ React.createElement(Tree.Item, { label: "Item 2", type: "leaf", checkbox: {
29
30
  variant: "checkable",
30
31
  checked: "unchecked",
31
32
  onChange: function () {
32
33
  return;
33
34
  },
34
35
  } }),
35
- React.createElement(Tree.Item, { label: "item 3", type: "leaf", checkbox: {
36
+ React.createElement(Tree.Item, { label: "Item 3", type: "leaf", checkbox: {
36
37
  variant: "checkable",
37
38
  checked: "unchecked",
38
39
  onChange: function () {
39
40
  return;
40
41
  },
41
42
  } }))),
42
- React.createElement(Tree.Item, { label: "item 4 (forced collapsed)", visual: FolderIcon, collapsed: true },
43
+ React.createElement(Tree.Item, { label: "Item 4 (forced collapsed)", visual: FolderIcon, collapsed: false },
43
44
  React.createElement(Tree, null,
44
- React.createElement(Tree.Item, { label: "item 1", visual: DocumentIcon }))),
45
- React.createElement(Tree.Item, { label: "item 5 (forced expanded)", visual: FolderIcon, collapsed: false },
45
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon, collapsed: false },
46
+ React.createElement(Tree.Empty, { label: "No documents" })))),
47
+ React.createElement(Tree.Item, { label: "Item 5 (forced expanded)", visual: FolderIcon, collapsed: false },
46
48
  React.createElement(Tree, null,
47
- React.createElement(Tree.Item, { label: "item 1", visual: DocumentIcon, actions: React.createElement(React.Fragment, null,
49
+ React.createElement(Tree.Item, { label: "Item 1", visual: DocumentIcon, type: "leaf", actions: React.createElement(React.Fragment, null,
48
50
  React.createElement("div", { className: "s-text-sm s-text-element-700" }, "hello"),
49
51
  React.createElement(IconButton, { size: "xs", icon: EyeIcon, variant: "tertiary" })) }))),
50
- React.createElement(Tree.Item, { label: "item 6 (default collapsed)", visual: FolderIcon, defaultCollapsed: true },
52
+ React.createElement(Tree.Item, { label: "Item 6 (default collapsed)", visual: FolderIcon, defaultCollapsed: true },
51
53
  React.createElement(Tree, null,
52
- React.createElement(Tree.Item, { label: "item 1", visual: DocumentIcon }))),
53
- React.createElement(Tree.Item, { label: "item 7 (default expanded)", visual: FolderIcon, defaultCollapsed: false },
54
+ React.createElement(Tree.Item, { label: "Item 1", visual: DocumentIcon }))),
55
+ React.createElement(Tree.Item, { label: "Item 7 (default expanded)", visual: FolderIcon, defaultCollapsed: false },
54
56
  React.createElement(Tree, null,
55
- React.createElement(Tree.Item, { label: "item 1", visual: DocumentIcon }),
56
- React.createElement(Tree.Item, { label: "item 2", visual: DocumentIcon })))))),
57
+ React.createElement(Tree.Item, { label: "Item 1", visual: DocumentIcon }),
58
+ React.createElement(Tree.Item, { label: "Item 2", visual: DocumentIcon })))))),
57
59
  React.createElement("div", { className: "s-flex s-flex-col s-gap-3" },
58
60
  React.createElement("div", { className: "s-text-xl" }, "Flat"),
59
61
  React.createElement("div", null,
60
62
  React.createElement(Tree, null,
61
- React.createElement(Tree.Item, { label: "item 1", type: "item", visual: FolderIcon, checkbox: {
63
+ React.createElement(Tree.Item, { label: "Item 1", type: "item", visual: FolderIcon, checkbox: {
62
64
  variant: "checkable",
63
65
  checked: "checked",
64
66
  onChange: function () {
65
67
  return;
66
68
  },
67
69
  } }),
68
- React.createElement(Tree.Item, { label: "item 2", type: "item", visual: FolderIcon, checkbox: {
70
+ React.createElement(Tree.Item, { label: "Item 2", type: "item", visual: FolderIcon, checkbox: {
69
71
  variant: "checkable",
70
72
  checked: "checked",
71
73
  onChange: function () {
72
74
  return;
73
75
  },
74
76
  } }),
75
- React.createElement(Tree.Item, { label: "item 3", type: "item", visual: FolderIcon, checkbox: {
77
+ React.createElement(Tree.Item, { label: "Item 3", type: "item", visual: FolderIcon, checkbox: {
76
78
  variant: "checkable",
77
79
  checked: "unchecked",
78
80
  onChange: function () {
79
81
  return;
80
82
  },
81
83
  } }),
82
- React.createElement(Tree.Item, { label: "item 4", type: "item", visual: FolderIcon, checkbox: {
84
+ React.createElement(Tree.Item, { label: "Item 4", type: "item", visual: FolderIcon, checkbox: {
83
85
  variant: "checkable",
84
86
  checked: "unchecked",
85
87
  onChange: function () {
86
88
  return;
87
89
  },
88
90
  } }),
89
- React.createElement(Tree.Item, { label: "item 5", type: "item", visual: FolderIcon, checkbox: {
91
+ React.createElement(Tree.Item, { label: "Item 5", type: "item", visual: FolderIcon, checkbox: {
90
92
  variant: "checkable",
91
93
  checked: "unchecked",
92
94
  onChange: function () {
@@ -125,27 +127,27 @@ export var TreeExample = function () {
125
127
  return;
126
128
  },
127
129
  } })))),
128
- React.createElement("div", { className: "s-flex s-flex-col s-gap-3 s-max-w-xs" },
130
+ React.createElement("div", { className: "s-flex s-max-w-xs s-flex-col s-gap-3" },
129
131
  React.createElement("div", { className: "s-text-xl" }, "Nav bar"),
130
132
  React.createElement("div", null,
131
133
  React.createElement(Tree, { variant: "navigator" },
132
134
  React.createElement(Tree.Item, { label: "Intercom github.com-apache-incubator-devlake-tree-main-backend", visual: IntercomLogo, onItemClick: function () { return console.log("Clickable"); }, isSelected: true, size: "md" },
133
135
  React.createElement(Tree, { variant: "navigator", tailwindIconTextColor: "s-text-brand" },
134
- React.createElement(Tree.Item, { label: "item 1 with a very very very very very very very long text", visual: FolderIcon },
136
+ React.createElement(Tree.Item, { label: "Item 1 with a very very very very very very very long text", visual: FolderIcon },
135
137
  React.createElement(Tree, { variant: "navigator" },
136
- React.createElement(Tree.Item, { label: "item 1 with a very very very very very very very long text", visual: FolderIcon, type: "leaf" }),
137
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon }),
138
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon }))),
139
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon, tailwindIconTextColor: "s-text-brand" },
138
+ React.createElement(Tree.Item, { label: "Item 1 with a very very very very very very very long text", visual: FolderIcon, type: "leaf" }),
139
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon }),
140
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon }))),
141
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon, tailwindIconTextColor: "s-text-brand" },
140
142
  React.createElement(Tree, { variant: "navigator" },
141
- React.createElement(Tree.Item, { label: "item 1", visual: FolderIcon }),
142
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon }),
143
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon }))),
144
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon, tailwindIconTextColor: "s-text-brand" },
143
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon }),
144
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon }),
145
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon }))),
146
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon, tailwindIconTextColor: "s-text-brand" },
145
147
  React.createElement(Tree, { variant: "navigator" },
146
- React.createElement(Tree.Item, { label: "item 1", visual: FolderIcon }),
147
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon }),
148
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon }))))),
148
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon }),
149
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon }),
150
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon }))))),
149
151
  React.createElement(Tree.Item, { label: "Notion", visual: NotionLogo, size: "md" }),
150
152
  React.createElement(Tree.Item, { label: "Slack", visual: SlackLogo, size: "md" }),
151
153
  React.createElement(Tree.Item, { label: "Dust", visual: DustIcon, size: "md" }))))),
@@ -154,85 +156,87 @@ export var TreeExample = function () {
154
156
  React.createElement("div", { className: "s-text-xl" }, "Tree"),
155
157
  React.createElement("div", null,
156
158
  React.createElement(Tree, { isBoxed: true },
157
- React.createElement(Tree.Item, { label: "item 1 (no children)", visual: FolderIcon }),
158
- React.createElement(Tree.Item, { label: "item 2 (loading)", visual: FolderIcon },
159
+ React.createElement(Tree.Item, { label: "Item 1 (no children)", visual: FolderIcon }),
160
+ React.createElement(Tree.Item, { label: "Item 2 (loading)", visual: FolderIcon },
159
161
  React.createElement(Tree, { isLoading: true })),
160
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon },
162
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon },
161
163
  React.createElement(Tree, null,
162
- React.createElement(Tree.Item, { type: "leaf", label: "item 1", checkbox: {
164
+ React.createElement(Tree.Item, { type: "leaf", label: "Item 1", checkbox: {
163
165
  variant: "checkable",
164
166
  checked: "unchecked",
165
167
  onChange: function () {
166
168
  return;
167
169
  },
168
170
  } }),
169
- React.createElement(Tree.Item, { label: "item 2", type: "leaf", checkbox: {
171
+ React.createElement(Tree.Item, { label: "Item 2", type: "leaf", checkbox: {
170
172
  variant: "checkable",
171
173
  checked: "unchecked",
172
174
  onChange: function () {
173
175
  return;
174
176
  },
175
177
  } }),
176
- React.createElement(Tree.Item, { label: "item 3", type: "leaf", checkbox: {
178
+ React.createElement(Tree.Item, { label: "Item 3", type: "leaf", checkbox: {
177
179
  variant: "checkable",
178
180
  checked: "unchecked",
179
181
  onChange: function () {
180
182
  return;
181
183
  },
182
184
  } }))),
183
- React.createElement(Tree.Item, { label: "item 4 (forced collapsed)", visual: FolderIcon, collapsed: true },
185
+ React.createElement(Tree.Item, { label: "Item 4 (forced collapsed)", visual: FolderIcon, collapsed: true },
184
186
  React.createElement(Tree, null,
185
- React.createElement(Tree.Item, { label: "item 1" }))),
186
- React.createElement(Tree.Item, { label: "item 5 (forced expanded)", visual: FolderIcon, collapsed: false },
187
+ React.createElement(Tree.Item, { label: "Item 1" }))),
188
+ React.createElement(Tree.Item, { label: "Item 5 (forced expanded)", visual: FolderIcon, collapsed: false },
187
189
  React.createElement(Tree, null,
188
- React.createElement(Tree.Item, { label: "item 1" }))),
189
- React.createElement(Tree.Item, { label: "item 6 (default collapsed)", visual: FolderIcon, defaultCollapsed: true },
190
+ React.createElement(Tree.Item, { label: "Item 1", collapsed: false },
191
+ React.createElement(Tree, null,
192
+ React.createElement(Tree.Empty, { label: "No documents" }))))),
193
+ React.createElement(Tree.Item, { label: "Item 6 (default collapsed)", visual: FolderIcon, defaultCollapsed: true },
190
194
  React.createElement(Tree, null,
191
- React.createElement(Tree.Item, { label: "item 1", checkbox: {
195
+ React.createElement(Tree.Item, { label: "Item 1", checkbox: {
192
196
  variant: "checkable",
193
197
  checked: "partial",
194
198
  onChange: function () {
195
199
  return;
196
200
  },
197
201
  } }),
198
- React.createElement(Tree.Item, { label: "item 2", checkbox: {
202
+ React.createElement(Tree.Item, { label: "Item 2", checkbox: {
199
203
  variant: "checkable",
200
204
  checked: "checked",
201
205
  onChange: function () {
202
206
  return;
203
207
  },
204
208
  } }),
205
- React.createElement(Tree.Item, { label: "item 3", checkbox: {
209
+ React.createElement(Tree.Item, { label: "Item 3", checkbox: {
206
210
  variant: "checkable",
207
211
  checked: "unchecked",
208
212
  onChange: function () {
209
213
  return;
210
214
  },
211
215
  } }),
212
- React.createElement(Tree.Item, { label: "item 4", checkbox: {
216
+ React.createElement(Tree.Item, { label: "Item 4", checkbox: {
213
217
  variant: "checkable",
214
218
  checked: "unchecked",
215
219
  onChange: function () {
216
220
  return;
217
221
  },
218
222
  } }),
219
- React.createElement(Tree.Item, { label: "item 5", checkbox: {
223
+ React.createElement(Tree.Item, { label: "Item 5", checkbox: {
220
224
  variant: "checkable",
221
225
  checked: "unchecked",
222
226
  onChange: function () {
223
227
  return;
224
228
  },
225
229
  } }))),
226
- React.createElement(Tree.Item, { label: "item 7 (default expanded)", visual: FolderIcon, defaultCollapsed: false },
230
+ React.createElement(Tree.Item, { label: "Item 7 (default expanded)", visual: FolderIcon, defaultCollapsed: false },
227
231
  React.createElement(Tree, null,
228
- React.createElement(Tree.Item, { label: "item 1", checkbox: {
232
+ React.createElement(Tree.Item, { label: "Item 1", checkbox: {
229
233
  variant: "checkable",
230
234
  checked: "partial",
231
235
  onChange: function () {
232
236
  return;
233
237
  },
234
238
  } }),
235
- React.createElement(Tree.Item, { label: "item 2", checkbox: {
239
+ React.createElement(Tree.Item, { label: "Item 2", checkbox: {
236
240
  variant: "checkable",
237
241
  checked: "checked",
238
242
  onChange: function () {
@@ -243,35 +247,35 @@ export var TreeExample = function () {
243
247
  React.createElement("div", { className: "s-text-xl" }, "Flat"),
244
248
  React.createElement("div", null,
245
249
  React.createElement(Tree, { isBoxed: true },
246
- React.createElement(Tree.Item, { label: "item 1", type: "item", visual: FolderIcon, checkbox: {
250
+ React.createElement(Tree.Item, { label: "Item 1", type: "item", visual: FolderIcon, checkbox: {
247
251
  variant: "checkable",
248
252
  checked: "checked",
249
253
  onChange: function () {
250
254
  return;
251
255
  },
252
256
  } }),
253
- React.createElement(Tree.Item, { label: "item 2", type: "item", visual: FolderIcon, checkbox: {
257
+ React.createElement(Tree.Item, { label: "Item 2", type: "item", visual: FolderIcon, checkbox: {
254
258
  variant: "checkable",
255
259
  checked: "checked",
256
260
  onChange: function () {
257
261
  return;
258
262
  },
259
263
  } }),
260
- React.createElement(Tree.Item, { label: "item 3", type: "item", visual: FolderIcon, checkbox: {
264
+ React.createElement(Tree.Item, { label: "Item 3", type: "item", visual: FolderIcon, checkbox: {
261
265
  variant: "checkable",
262
266
  checked: "unchecked",
263
267
  onChange: function () {
264
268
  return;
265
269
  },
266
270
  } }),
267
- React.createElement(Tree.Item, { label: "item 4", type: "item", visual: FolderIcon, checkbox: {
271
+ React.createElement(Tree.Item, { label: "Item 4", type: "item", visual: FolderIcon, checkbox: {
268
272
  variant: "checkable",
269
273
  checked: "unchecked",
270
274
  onChange: function () {
271
275
  return;
272
276
  },
273
277
  } }),
274
- React.createElement(Tree.Item, { label: "item 5", type: "item", visual: FolderIcon, checkbox: {
278
+ React.createElement(Tree.Item, { label: "Item 5", type: "item", visual: FolderIcon, checkbox: {
275
279
  variant: "checkable",
276
280
  checked: "unchecked",
277
281
  onChange: function () {
@@ -316,21 +320,21 @@ export var TreeExample = function () {
316
320
  React.createElement(Tree, { isBoxed: true, variant: "navigator" },
317
321
  React.createElement(Tree.Item, { label: "Intercom", visual: IntercomLogo, onItemClick: function () { return console.log("Clickable"); }, isSelected: true },
318
322
  React.createElement(Tree, { tailwindIconTextColor: "s-text-brand" },
319
- React.createElement(Tree.Item, { label: "item 1", visual: FolderIcon },
323
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon },
320
324
  React.createElement(Tree, null,
321
- React.createElement(Tree.Item, { label: "item 1", visual: FolderIcon }),
322
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon }),
323
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon }))),
324
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon },
325
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon }),
326
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon }),
327
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon }))),
328
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon },
325
329
  React.createElement(Tree, null,
326
- React.createElement(Tree.Item, { label: "item 1", visual: FolderIcon }),
327
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon }),
328
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon }))),
329
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon },
330
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon }),
331
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon }),
332
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon }))),
333
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon },
330
334
  React.createElement(Tree, null,
331
- React.createElement(Tree.Item, { label: "item 1", visual: FolderIcon }),
332
- React.createElement(Tree.Item, { label: "item 2", visual: FolderIcon }),
333
- React.createElement(Tree.Item, { label: "item 3", visual: FolderIcon }))))),
335
+ React.createElement(Tree.Item, { label: "Item 1", visual: FolderIcon }),
336
+ React.createElement(Tree.Item, { label: "Item 2", visual: FolderIcon }),
337
+ React.createElement(Tree.Item, { label: "Item 3", visual: FolderIcon }))))),
334
338
  React.createElement(Tree.Item, { label: "Notion", visual: NotionLogo }),
335
339
  React.createElement(Tree.Item, { label: "Slack", visual: SlackLogo }),
336
340
  React.createElement(Tree.Item, { label: "Dust", visual: DustIcon })))))));
@@ -355,10 +359,10 @@ export var SelectDataSourceExample = function () {
355
359
  React.createElement(Chip, { size: "sm", color: "pink", label: "Syncing (235)" }),
356
360
  React.createElement(Button, { label: "Manage", icon: Cog6ToothIcon, variant: "tertiary", size: "sm", hasMagnifying: false })), collapsed: false },
357
361
  React.createElement(Tree, null,
358
- React.createElement(Tree.Item, { label: "item 1" }),
359
- React.createElement(Tree.Item, { label: "item 2" }),
360
- React.createElement(Tree.Item, { label: "item 3" }),
361
- React.createElement(Tree.Item, { label: "item 4" }))),
362
+ React.createElement(Tree.Item, { label: "Item 1" }),
363
+ React.createElement(Tree.Item, { label: "Item 2" }),
364
+ React.createElement(Tree.Item, { label: "Item 3" }),
365
+ React.createElement(Tree.Item, { label: "Item 4" }))),
362
366
  React.createElement(Tree.Item, { label: "Google Drive", visual: DriveLogo, areActionsFading: false, size: "md", defaultCollapsed: true, actions: React.createElement("div", { className: "s-flex s-flex-row s-items-center s-justify-center s-gap-3" },
363
367
  React.createElement("span", { className: "s-text-sm s-text-element-700" }, "Managed by: Stanislas Polu"),
364
368
  React.createElement(Chip, { size: "sm", color: "pink", label: "Syncing (235)" }),
@@ -390,28 +394,28 @@ export var SelectDataSourceExample = function () {
390
394
  },
391
395
  }, collapsed: false },
392
396
  React.createElement(Tree, null,
393
- React.createElement(Tree.Item, { label: "item 1", checkbox: {
397
+ React.createElement(Tree.Item, { label: "Item 1", checkbox: {
394
398
  variant: "checkable",
395
399
  checked: "unchecked",
396
400
  onChange: function () {
397
401
  return;
398
402
  },
399
403
  } }),
400
- React.createElement(Tree.Item, { label: "item 2", checkbox: {
404
+ React.createElement(Tree.Item, { label: "Item 2", checkbox: {
401
405
  variant: "checkable",
402
406
  checked: "unchecked",
403
407
  onChange: function () {
404
408
  return;
405
409
  },
406
410
  } }),
407
- React.createElement(Tree.Item, { label: "item 3", checkbox: {
411
+ React.createElement(Tree.Item, { label: "Item 3", checkbox: {
408
412
  variant: "checkable",
409
413
  checked: "unchecked",
410
414
  onChange: function () {
411
415
  return;
412
416
  },
413
417
  } }),
414
- React.createElement(Tree.Item, { label: "item 4", checkbox: {
418
+ React.createElement(Tree.Item, { label: "Item 4", checkbox: {
415
419
  variant: "checkable",
416
420
  checked: "unchecked",
417
421
  onChange: function () {