@flytedan/flytebot-design-system 0.13.0 → 0.14.0

package/dist/index.d.cts

@@ -3441,6 +3441,7 @@ interface FileBrowserPermissions {
     canMove?: boolean;
     canUpload?: boolean;
     canRemoveFile?: boolean;
+    canDeleteFolder?: boolean;
 }
 interface FileBrowserProps {
     folders: FileBrowserFolder[];
@@ -3454,6 +3455,16 @@ interface FileBrowserProps {
     onMoveFile?: (fileId: string, targetFolderId: string | null) => void;
     onOpenFile?: (file: FileBrowserFile) => void;
     onRemoveFile?: (file: FileBrowserFile) => void;
+    /** MP-190: same contract as `onRenameFolder`/`onMoveFolder` — no fetching, no emptiness
+     *  pre-check (the host's server is the one source of truth for "empty"; see the folder
+     *  kit doc comment above), fired only once the confirm dialog is accepted. Sibling
+     *  callbacks (`onRenameFolder`, `onMoveFolder`, `onRemoveFile`) are all plain, synchronous,
+     *  void callbacks with no promise/rejection handling anywhere in this component, so this
+     *  one is void too rather than inventing an async contract none of its siblings have — a
+     *  host that needs to show the server's `folder_not_empty` refusal does so the same way it
+     *  already must for a failed rename/move/remove: by feeding the error back through its own
+     *  state, outside this component. */
+    onDeleteFolder?: (folder: FileBrowserFolder) => void;
     /** Fired with the raw picked/dropped files and the folder they landed in — FileBrowser
      *  does no fetching and stages nothing itself (R-8/"generic, controlled" — see MP-135):
      *  the host runs its own `useStagedFiles`/`FileUploadHandler` and feeds the result back
@@ -3484,7 +3495,7 @@ interface FileBrowserProps {
  * region per pane either way (R-8): the tree pane and the main pane each own their own
  * `overflow`, the head/breadcrumb bar never scrolls.
  */
-declare function FileBrowser({ folders, files, currentFolderId, onNavigate, onCreateFolder, onRenameFolder, onMoveFolder, onMoveFile, onOpenFile, onRemoveFile, onUpload, loading, permissions, className, }: FileBrowserProps): React.JSX.Element;
+declare function FileBrowser({ folders, files, currentFolderId, onNavigate, onCreateFolder, onRenameFolder, onMoveFolder, onMoveFile, onOpenFile, onRemoveFile, onDeleteFolder, onUpload, loading, permissions, className, }: FileBrowserProps): React.JSX.Element;
 
 interface TableQuery {
     /** 1-indexed. */

package/dist/index.d.ts

@@ -3441,6 +3441,7 @@ interface FileBrowserPermissions {
     canMove?: boolean;
     canUpload?: boolean;
     canRemoveFile?: boolean;
+    canDeleteFolder?: boolean;
 }
 interface FileBrowserProps {
     folders: FileBrowserFolder[];
@@ -3454,6 +3455,16 @@ interface FileBrowserProps {
     onMoveFile?: (fileId: string, targetFolderId: string | null) => void;
     onOpenFile?: (file: FileBrowserFile) => void;
     onRemoveFile?: (file: FileBrowserFile) => void;
+    /** MP-190: same contract as `onRenameFolder`/`onMoveFolder` — no fetching, no emptiness
+     *  pre-check (the host's server is the one source of truth for "empty"; see the folder
+     *  kit doc comment above), fired only once the confirm dialog is accepted. Sibling
+     *  callbacks (`onRenameFolder`, `onMoveFolder`, `onRemoveFile`) are all plain, synchronous,
+     *  void callbacks with no promise/rejection handling anywhere in this component, so this
+     *  one is void too rather than inventing an async contract none of its siblings have — a
+     *  host that needs to show the server's `folder_not_empty` refusal does so the same way it
+     *  already must for a failed rename/move/remove: by feeding the error back through its own
+     *  state, outside this component. */
+    onDeleteFolder?: (folder: FileBrowserFolder) => void;
     /** Fired with the raw picked/dropped files and the folder they landed in — FileBrowser
      *  does no fetching and stages nothing itself (R-8/"generic, controlled" — see MP-135):
      *  the host runs its own `useStagedFiles`/`FileUploadHandler` and feeds the result back
@@ -3484,7 +3495,7 @@ interface FileBrowserProps {
  * region per pane either way (R-8): the tree pane and the main pane each own their own
  * `overflow`, the head/breadcrumb bar never scrolls.
  */
-declare function FileBrowser({ folders, files, currentFolderId, onNavigate, onCreateFolder, onRenameFolder, onMoveFolder, onMoveFile, onOpenFile, onRemoveFile, onUpload, loading, permissions, className, }: FileBrowserProps): React.JSX.Element;
+declare function FileBrowser({ folders, files, currentFolderId, onNavigate, onCreateFolder, onRenameFolder, onMoveFolder, onMoveFile, onOpenFile, onRemoveFile, onDeleteFolder, onUpload, loading, permissions, className, }: FileBrowserProps): React.JSX.Element;
 
 interface TableQuery {
     /** 1-indexed. */

package/dist/index.js

@@ -8464,6 +8464,30 @@ function BudgetReallocator({
     setDraft(spend);
     if (onCancel) onCancel();
   };
+  const trackRef = React39.useRef(null);
+  const chipRef = React39.useRef(null);
+  const [chipLeft, setChipLeft] = React39.useState(null);
+  React39.useLayoutEffect(() => {
+    const track = trackRef.current;
+    if (!dirty || !track) {
+      setChipLeft(null);
+      return;
+    }
+    const measure = () => {
+      const chip = chipRef.current;
+      if (!chip) return;
+      const trackWidth = track.clientWidth;
+      const chipWidth = chip.offsetWidth;
+      const half = chipWidth / 2;
+      const desired = pct / 100 * trackWidth;
+      setChipLeft(Math.min(Math.max(desired, half), Math.max(trackWidth - half, half)));
+    };
+    measure();
+    if (typeof ResizeObserver !== "function") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(track);
+    return () => ro.disconnect();
+  }, [dirty, pct]);
   return /* @__PURE__ */ jsxs64(
     "div",
     {
@@ -8478,9 +8502,20 @@ function BudgetReallocator({
             /* @__PURE__ */ jsx68(CsiBadge, { band: nextBand, crp: nextCrp, size: "medium", preview: true })
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs64("div", { className: "fd-slider", children: [
+        /* @__PURE__ */ jsxs64("div", { className: "fd-slider", ref: trackRef, children: [
           /* @__PURE__ */ jsx68("span", { className: "fd-slider-fill", style: { width: pct + "%" } }),
-          dirty ? /* @__PURE__ */ jsx68("span", { className: "fd-slider-chip", style: { left: pct + "%", background: delta < 0 ? "var(--danger-solid)" : "var(--ok-solid)" }, children: (delta < 0 ? "\u2212$" : "+$") + Math.abs(delta).toLocaleString() }) : null,
+          dirty ? /* @__PURE__ */ jsx68(
+            "span",
+            {
+              ref: chipRef,
+              className: "fd-slider-chip",
+              style: {
+                left: chipLeft === null ? pct + "%" : chipLeft,
+                background: delta < 0 ? "var(--danger-solid)" : "var(--ok-solid)"
+              },
+              children: (delta < 0 ? "\u2212$" : "+$") + Math.abs(delta).toLocaleString()
+            }
+          ) : null,
           /* @__PURE__ */ jsx68(
             "input",
             {
@@ -10648,6 +10683,7 @@ function FileBrowser({
   onMoveFile,
   onOpenFile,
   onRemoveFile,
+  onDeleteFolder,
   onUpload,
   loading = false,
   permissions,
@@ -10659,10 +10695,12 @@ function FileBrowser({
   const canMove = perm.canMove !== false && (!!onMoveFolder || !!onMoveFile);
   const canUpload = perm.canUpload !== false && !!onUpload;
   const canRemoveFile = perm.canRemoveFile !== false && !!onRemoveFile;
+  const canDeleteFolder = perm.canDeleteFolder !== false && !!onDeleteFolder;
   const [createOpen, setCreateOpen] = React48.useState(false);
   const [createName, setCreateName] = React48.useState("");
   const [renameTarget, setRenameTarget] = React48.useState(null);
   const [renameValue, setRenameValue] = React48.useState("");
+  const [deleteTarget, setDeleteTarget] = React48.useState(null);
   const uploadInputRef = React48.useRef(null);
   const crumbFolders = React48.useMemo(() => ancestorsOf(folders, currentFolderId), [folders, currentFolderId]);
   const subfolders = React48.useMemo(() => childrenOf(folders, currentFolderId), [folders, currentFolderId]);
@@ -10698,6 +10736,13 @@ function FileBrowser({
     if (name && renameTarget && onRenameFolder) onRenameFolder(renameTarget.id, name);
     setRenameTarget(null);
   };
+  const openDelete = (folder) => {
+    setDeleteTarget(folder);
+  };
+  const confirmDelete = () => {
+    if (deleteTarget && onDeleteFolder) onDeleteFolder(deleteTarget);
+    setDeleteTarget(null);
+  };
   const content = /* @__PURE__ */ jsxs74("div", { className: ["fd-fb", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxs74("div", { className: "fd-fb-head", children: [
       /* @__PURE__ */ jsxs74("nav", { className: "fd-fb-crumbs", "aria-label": "Folder path", children: [
@@ -10801,7 +10846,8 @@ function FileBrowser({
                       destinations: flattenDestinations(folders, f.id),
                       onPick: (target) => moveIntoFolder({ kind: "folder", id: f.id }, target)
                     }
-                  ) : null
+                  ) : null,
+                  canDeleteFolder ? /* @__PURE__ */ jsx78(IconButton, { icon: "trash-simple", label: "Delete " + f.name, size: "sm", variant: "ghost", onClick: () => openDelete(f) }) : null
                 ] })
               },
               f.id
@@ -10865,7 +10911,20 @@ function FileBrowser({
         "aria-label": "Folder name",
         autoFocus: true
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx78(
+      Modal,
+      {
+        open: deleteTarget != null,
+        title: deleteTarget ? "Delete \u201C" + deleteTarget.name + "\u201D?" : "Delete folder?",
+        description: "This can't be undone. The folder must be empty.",
+        onClose: () => setDeleteTarget(null),
+        footer: /* @__PURE__ */ jsxs74(Fragment23, { children: [
+          /* @__PURE__ */ jsx78(Button, { variant: "secondary", onClick: () => setDeleteTarget(null), children: "Cancel" }),
+          /* @__PURE__ */ jsx78(Button, { variant: "danger", onClick: confirmDelete, children: "Delete" })
+        ] })
+      }
+    )
   ] });
   if (!canUpload) return content;
   return /* @__PURE__ */ jsx78(Dropzone, { className: "fd-fb-dropzone", onFiles: (picked) => onUpload && onUpload(picked, currentFolderId), label: "Drop files to upload", children: content });