@burdenoff/microfe-files 2026.1017.10 → 2026.1101.1

package/dist/files/components/ActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/files/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+J1C,CAAC"}
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/files/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmL1C,CAAC"}

package/dist/files/components/ActionMenu.js

@@ -1,79 +1,96 @@
 import { tWithFallback as e } from "../utils/i18n.js";
-import { useCallback as t, useEffect as n, useEffectEvent as r, useRef as i, useState as a } from "react";
-import { MoreVertical as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { createPortal as d } from "react-dom";
+import { actionMenuPosition as t } from "./actionMenuPosition.js";
+import { useCallback as n, useEffect as r, useEffectEvent as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { MoreVertical as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { createPortal as p } from "react-dom";
 //#region src/files/components/ActionMenu.tsx
-var f = ({ items: f, triggerClassName: p = "", menuClassName: m = "", align: h = "right", isOpen: g, onToggle: _ }) => {
-	let { t: v } = u(), [y, b] = a(!1), [x, S] = a(null), C = i(null), w = i(null), T = g === void 0 ? y : g, E = t((e) => {
-		_ ? _(e) : b(e);
-	}, [_]);
-	n(() => {
-		if (T && C.current) {
-			let e = C.current.getBoundingClientRect(), t = h === "right" ? e.right - 200 : e.left;
-			t < 10 && (t = 10), t + 200 > window.innerWidth - 10 && (t = window.innerWidth - 200 - 10), S({
-				top: e.bottom + 4,
-				left: t
+var m = ({ items: m, triggerClassName: h = "", menuClassName: g = "", align: _ = "right", isOpen: v, onToggle: y }) => {
+	let { t: b } = f(), [x, S] = s(!1), [C, w] = s(null), T = o(null), E = o(null), D = v === void 0 ? x : v, O = n((e) => {
+		y ? y(e) : S(e);
+	}, [y]);
+	a(() => {
+		if (!D) return;
+		let e = T.current, n = E.current;
+		if (!e || !n) return;
+		let r = () => {
+			let r = t({
+				trigger: e.getBoundingClientRect(),
+				menuWidth: n.offsetWidth,
+				menuHeight: n.offsetHeight,
+				viewportWidth: window.innerWidth,
+				viewportHeight: window.innerHeight,
+				align: _
 			});
-		}
-	}, [T, h]);
-	let D = r(() => {
-		E(!1);
+			w((e) => e?.top === r.top && e.left === r.left ? e : r);
+		};
+		r();
+		let i = new ResizeObserver(r);
+		return i.observe(n), i.observe(e), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+			i.disconnect(), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+		};
+	}, [D, _]);
+	let k = i(() => {
+		O(!1);
 	});
-	n(() => {
+	r(() => {
 		let e = (e) => {
-			w.current && !w.current.contains(e.target) && D();
+			E.current && !E.current.contains(e.target) && k();
 		};
-		if (T) return document.addEventListener("mousedown", e), () => {
+		if (D) return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [T]), n(() => {
+	}, [D]), r(() => {
 		let e = (e) => {
-			e.key === "Escape" && D();
+			e.key === "Escape" && k();
 		};
-		if (T) return document.addEventListener("keydown", e), () => {
+		if (D) return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [T]);
-	let O = (e) => {
-		e.onClick(), E(!1);
+	}, [D]);
+	let A = (e) => {
+		e.onClick(), O(!1);
 	};
-	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("button", {
 		type: "button",
-		ref: C,
+		ref: T,
 		onClick: (e) => {
-			e.stopPropagation(), E(!T);
+			e.stopPropagation(), O(!D);
 		},
-		className: `p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${p}`,
-		"aria-label": e(v, "files.actionMenu.moreActions", "More actions"),
-		title: e(v, "files.actionMenu.moreActions", "More actions"),
-		"aria-expanded": T,
+		className: `p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${h}`,
+		"aria-label": e(b, "files.actionMenu.moreActions", "More actions"),
+		title: e(b, "files.actionMenu.moreActions", "More actions"),
+		"aria-expanded": D,
 		"aria-haspopup": "true",
-		children: /* @__PURE__ */ c(o, { className: "size-4 text-text-primary" })
-	}), !T || !x ? null : d(/* @__PURE__ */ c("div", {
-		ref: w,
-		className: `fixed z-[9999] min-w-[200px] bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 duration-150 ${m}`,
+		children: /* @__PURE__ */ u(c, { className: "size-4 text-text-primary" })
+	}), !D || typeof document > "u" ? null : p(/* @__PURE__ */ u("div", {
+		ref: E,
+		className: `fixed z-[9999] overflow-y-auto bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 transition-[opacity,transform] duration-150 ${g}`,
 		style: {
-			top: `${x.top}px`,
-			left: `${x.left}px`
+			top: C?.top ?? 0,
+			left: C?.left ?? 0,
+			visibility: C ? "visible" : "hidden",
+			minWidth: "min(200px, calc(100vw - 20px))",
+			maxWidth: "calc(100vw - 20px)",
+			maxHeight: "calc(100vh - 20px)"
 		},
 		role: "menu",
-		children: f.map((e, t) => /* @__PURE__ */ l("div", { children: [e.divider && t > 0 && /* @__PURE__ */ c("div", { className: "h-px bg-border-subtle my-1" }), /* @__PURE__ */ l("button", {
+		children: m.map((e, t) => /* @__PURE__ */ d("div", { children: [e.divider && t > 0 && /* @__PURE__ */ u("div", { className: "h-px bg-border-subtle my-1" }), /* @__PURE__ */ d("button", {
 			type: "button",
 			onClick: (t) => {
-				t.stopPropagation(), O(e);
+				t.stopPropagation(), A(e);
 			},
 			className: `w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${e.variant === "danger" ? "text-status-error-text hover:bg-status-error-bg-subtle" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
 			role: "menuitem",
-			children: [e.icon && /* @__PURE__ */ c("span", {
+			children: [e.icon && /* @__PURE__ */ u("span", {
 				className: "flex-shrink-0",
 				children: e.icon
-			}), /* @__PURE__ */ c("span", { children: e.label })]
+			}), /* @__PURE__ */ u("span", { children: e.label })]
 		})] }, e.label))
 	}), document.body)] });
 };
 //#endregion
-export { f as ActionMenu };
+export { m as ActionMenu };
 
 //# sourceMappingURL=ActionMenu.js.map

package/dist/files/components/ActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","names":["_Fragment","ActionMenu","controlledIsOpen","useI18n","internalIsOpen","setInternalIsOpen","useState","menuPosition","setMenuPosition","buttonRef","useRef","menuRef","isOpen","setIsOpen","useCallback","onToggle","open","rect","left","align","closeMenu","useEffectEvent","useEffect","handleClickOutside","event","handleEscape","handleItemClick","item","Fragment","triggerClassName","tWithFallback","t","MoreVertical","createPortal","menuClassName","items","index","e"],"sources":["../../../src/files/components/ActionMenu.tsx"],"sourcesContent":["import {\n  type FC,\n  useState,\n  useRef,\n  useEffect,\n  useEffectEvent,\n  useCallback,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { MoreVertical } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport interface ActionMenuItem {\n  label: string;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  variant?: \"default\" | \"danger\";\n  divider?: boolean;\n}\n\ninterface ActionMenuProps {\n  items: ActionMenuItem[];\n  triggerClassName?: string;\n  menuClassName?: string;\n  align?: \"left\" | \"right\";\n  isOpen?: boolean;\n  onToggle?: (open: boolean) => void;\n}\n\nexport const ActionMenu: FC<ActionMenuProps> = ({\n  items,\n  triggerClassName = \"\",\n  menuClassName = \"\",\n  align = \"right\",\n  isOpen: controlledIsOpen,\n  onToggle,\n}) => {\n  const { t } = useI18n();\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Use controlled state if provided, otherwise use internal state\n  const isOpen =\n    controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (onToggle) {\n        onToggle(open);\n      } else {\n        setInternalIsOpen(open);\n      }\n    },\n    [onToggle],\n  );\n\n  // Calculate menu position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const menuWidth = 200; // Approximate menu width\n\n      let left = align === \"right\" ? rect.right - menuWidth : rect.left;\n\n      // Ensure menu doesn't go off-screen\n      if (left < 10) left = 10;\n      if (left + menuWidth > window.innerWidth - 10) {\n        left = window.innerWidth - menuWidth - 10;\n      }\n\n      setMenuPosition({\n        top: rect.bottom + 4, // 4px gap below button\n        left: left,\n      });\n    }\n  }, [isOpen, align]);\n\n  const closeMenu = useEffectEvent(() => {\n    setIsOpen(false);\n  });\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        closeMenu();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [isOpen]);\n\n  // Close menu on Escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeMenu();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }\n  }, [isOpen]);\n\n  const handleItemClick = (item: ActionMenuItem) => {\n    item.onClick();\n    setIsOpen(false);\n  };\n\n  // Render menu dropdown\n  const renderMenu = () => {\n    if (!isOpen || !menuPosition) return null;\n\n    return createPortal(\n      <div\n        ref={menuRef}\n        className={`fixed z-[9999] min-w-[200px] bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 duration-150 ${menuClassName}`}\n        style={{\n          top: `${menuPosition.top}px`,\n          left: `${menuPosition.left}px`,\n        }}\n        role=\"menu\"\n      >\n        {items.map((item, index) => (\n          <div key={item.label}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                handleItemClick(item);\n              }}\n              className={`w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${\n                item.variant === \"danger\"\n                  ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                  : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n              }`}\n              role=\"menuitem\"\n            >\n              {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n              <span>{item.label}</span>\n            </button>\n          </div>\n        ))}\n      </div>,\n      document.body,\n    );\n  };\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={buttonRef}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        className={`p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${triggerClassName}`}\n        aria-label={tWithFallback(\n          t,\n          \"files.actionMenu.moreActions\",\n          \"More actions\",\n        )}\n        title={tWithFallback(t, \"files.actionMenu.moreActions\", \"More actions\")}\n        aria-expanded={isOpen}\n        aria-haspopup=\"true\"\n      >\n        <MoreVertical className=\"size-4 text-text-primary\" />\n      </button>\n      {renderMenu()}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ActionMenu.js","names":["_Fragment","ActionMenu","controlledIsOpen","useI18n","internalIsOpen","setInternalIsOpen","useState","menuPosition","setMenuPosition","buttonRef","useRef","menuRef","isOpen","setIsOpen","useCallback","onToggle","open","button","menu","updatePosition","next","actionMenuPosition","previous","observer","align","closeMenu","useEffectEvent","useEffect","handleClickOutside","event","handleEscape","handleItemClick","item","Fragment","triggerClassName","tWithFallback","t","MoreVertical","createPortal","menuClassName","items","index","e"],"sources":["../../../src/files/components/ActionMenu.tsx"],"sourcesContent":["import {\n  type FC,\n  useState,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useEffectEvent,\n  useCallback,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { MoreVertical } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport { actionMenuPosition } from \"./actionMenuPosition\";\n\nexport interface ActionMenuItem {\n  label: string;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  variant?: \"default\" | \"danger\";\n  divider?: boolean;\n}\n\ninterface ActionMenuProps {\n  items: ActionMenuItem[];\n  triggerClassName?: string;\n  menuClassName?: string;\n  align?: \"left\" | \"right\";\n  isOpen?: boolean;\n  onToggle?: (open: boolean) => void;\n}\n\nexport const ActionMenu: FC<ActionMenuProps> = ({\n  items,\n  triggerClassName = \"\",\n  menuClassName = \"\",\n  align = \"right\",\n  isOpen: controlledIsOpen,\n  onToggle,\n}) => {\n  const { t } = useI18n();\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Use controlled state if provided, otherwise use internal state\n  const isOpen =\n    controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (onToggle) {\n        onToggle(open);\n      } else {\n        setInternalIsOpen(open);\n      }\n    },\n    [onToggle],\n  );\n\n  // Mount hidden, then measure before paint. Offset sizes exclude the entrance\n  // animation's scale, so the final menu also stays inside the viewport.\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    const button = buttonRef.current;\n    const menu = menuRef.current;\n    if (!button || !menu) return;\n\n    const updatePosition = () => {\n      const next = actionMenuPosition({\n        trigger: button.getBoundingClientRect(),\n        menuWidth: menu.offsetWidth,\n        menuHeight: menu.offsetHeight,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        align,\n      });\n      setMenuPosition((previous) =>\n        previous?.top === next.top && previous.left === next.left\n          ? previous\n          : next,\n      );\n    };\n    updatePosition();\n    const observer = new ResizeObserver(updatePosition);\n    observer.observe(menu);\n    observer.observe(button);\n    window.addEventListener(\"resize\", updatePosition);\n    // Capture scrolls in nested file lists as well as the window.\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [isOpen, align]);\n\n  const closeMenu = useEffectEvent(() => {\n    setIsOpen(false);\n  });\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        closeMenu();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [isOpen]);\n\n  // Close menu on Escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeMenu();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }\n  }, [isOpen]);\n\n  const handleItemClick = (item: ActionMenuItem) => {\n    item.onClick();\n    setIsOpen(false);\n  };\n\n  // Render menu dropdown\n  const renderMenu = () => {\n    if (!isOpen || typeof document === \"undefined\") return null;\n\n    return createPortal(\n      <div\n        ref={menuRef}\n        className={`fixed z-[9999] overflow-y-auto bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 transition-[opacity,transform] duration-150 ${menuClassName}`}\n        style={{\n          top: menuPosition?.top ?? 0,\n          left: menuPosition?.left ?? 0,\n          visibility: menuPosition ? \"visible\" : \"hidden\",\n          minWidth: \"min(200px, calc(100vw - 20px))\",\n          maxWidth: \"calc(100vw - 20px)\",\n          maxHeight: \"calc(100vh - 20px)\",\n        }}\n        role=\"menu\"\n      >\n        {items.map((item, index) => (\n          <div key={item.label}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                handleItemClick(item);\n              }}\n              className={`w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${\n                item.variant === \"danger\"\n                  ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                  : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n              }`}\n              role=\"menuitem\"\n            >\n              {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n              <span>{item.label}</span>\n            </button>\n          </div>\n        ))}\n      </div>,\n      document.body,\n    );\n  };\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={buttonRef}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        className={`p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${triggerClassName}`}\n        aria-label={tWithFallback(\n          t,\n          \"files.actionMenu.moreActions\",\n          \"More actions\",\n        )}\n        title={tWithFallback(t, \"files.actionMenu.moreActions\", \"More actions\")}\n        aria-expanded={isOpen}\n        aria-haspopup=\"true\"\n      >\n        <MoreVertical className=\"size-4 text-text-primary\" />\n      </button>\n      {renderMenu()}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/actionMenuPosition.d.ts

@@ -0,0 +1,15 @@
+interface MenuGeometry {
+    trigger: Pick<DOMRect, "top" | "bottom" | "left" | "right">;
+    menuWidth: number;
+    menuHeight: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    align: "left" | "right";
+}
+/** Fixed-position coordinates for a measured menu, with the same 10px edge inset as its CSS. */
+export declare function actionMenuPosition({ trigger, menuWidth, menuHeight, viewportWidth, viewportHeight, align, }: MenuGeometry): {
+    top: number;
+    left: number;
+};
+export {};
+//# sourceMappingURL=actionMenuPosition.d.ts.map

package/dist/files/components/actionMenuPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionMenuPosition.d.ts","sourceRoot":"","sources":["../../../src/files/components/actionMenuPosition.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB;AAED,gGAAgG;AAChG,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,SAAS,EACT,UAAU,EACV,aAAa,EACb,cAAc,EACd,KAAK,GACN,EAAE,YAAY,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAa9C"}

package/dist/files/components/actionMenuPosition.js

@@ -0,0 +1,12 @@
+//#region src/files/components/actionMenuPosition.ts
+function e({ trigger: e, menuWidth: t, menuHeight: n, viewportWidth: r, viewportHeight: i, align: a }) {
+	let o = e.bottom + 4, s = o + n <= i - 10 ? o : e.top - n - 4, c = a === "right" ? e.right - t : e.left;
+	return {
+		top: Math.max(10, Math.min(s, i - n - 10)),
+		left: Math.max(10, Math.min(c, r - t - 10))
+	};
+}
+//#endregion
+export { e as actionMenuPosition };
+
+//# sourceMappingURL=actionMenuPosition.js.map

package/dist/files/components/actionMenuPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionMenuPosition.js","names":["actionMenuPosition","below","trigger","top","menuHeight","viewportHeight","left","align","menuWidth","viewportWidth"],"sources":["../../../src/files/components/actionMenuPosition.ts"],"sourcesContent":["interface MenuGeometry {\n  trigger: Pick<DOMRect, \"top\" | \"bottom\" | \"left\" | \"right\">;\n  menuWidth: number;\n  menuHeight: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  align: \"left\" | \"right\";\n}\n\n/** Fixed-position coordinates for a measured menu, with the same 10px edge inset as its CSS. */\nexport function actionMenuPosition({\n  trigger,\n  menuWidth,\n  menuHeight,\n  viewportWidth,\n  viewportHeight,\n  align,\n}: MenuGeometry): { top: number; left: number } {\n  const inset = 10;\n  const gap = 4;\n  const below = trigger.bottom + gap;\n  const top =\n    below + menuHeight <= viewportHeight - inset\n      ? below\n      : trigger.top - menuHeight - gap;\n  const left = align === \"right\" ? trigger.right - menuWidth : trigger.left;\n  return {\n    top: Math.max(inset, Math.min(top, viewportHeight - menuHeight - inset)),\n    left: Math.max(inset, Math.min(left, viewportWidth - menuWidth - inset)),\n  };\n}\n"],"mappings":";AAUA,SAAgBA,EAAmB,EACjC,YACA,cACA,eACA,kBACA,mBACA,YAC8C;CAC9C,IAEMC,IAAQC,EAAQ,SAAS,GACzBC,IACJF,IAAQG,KAAcC,IAAiB,KACnCJ,IACAC,EAAQ,MAAME,IAAa,GAC3BE,IAAOC,MAAU,UAAUL,EAAQ,QAAQM,IAAYN,EAAQ;CACrE,OAAO;EACL,KAAK,KAAK,IAAI,IAAO,KAAK,IAAIC,GAAKE,IAAiBD,IAAa,EAAK,CAAC;EACvE,MAAM,KAAK,IAAI,IAAO,KAAK,IAAIE,GAAMG,IAAgBD,IAAY,EAAK,CAAC;CACzE;AACF"}

package/dist/files/hooks/useCreateFolderShare.d.ts

@@ -1,4 +1,4 @@
-import { FileShareAccessLevel, FileShareType } from '../../generated/wspace-types';
+import { ShareCreationResult } from './useCreateShare';
 export interface CreateFolderShareInput {
     folderId: string;
     shareType: "PUBLIC_LINK" | "EMAIL_INVITE" | "GROUP_SHARE";
@@ -9,26 +9,13 @@ export interface CreateFolderShareInput {
     invitedEmail?: string;
     invitedUserIds?: string[];
 }
+/**
+ * Create a folder share through the consolidated ShareGrant stack (BOFF-5302).
+ * Same cutover as useCreateShare: public links become PUBLIC_LINK grants,
+ * email invites become PENDING grants + accept email.
+ */
 export declare const useCreateFolderShare: () => {
-    mutateAsync: (input: CreateFolderShareInput) => Promise<{
-        id: string;
-        folderId: string;
-        shareType: FileShareType;
-        accessLevel: FileShareAccessLevel;
-        token: string | null;
-        invitedEmail: string | null;
-        requiresPassword: boolean;
-        expiresAt: string | null;
-        maxDownloads: number | null;
-        accessCount: number;
-        downloadCount: number;
-        lastAccessedAt: string | null;
-        revokedAt: string | null;
-        revokedBy: string | null;
-        createdById: string;
-        createdAt: string;
-        updatedAt: string;
-    } | undefined>;
+    mutateAsync: (input: CreateFolderShareInput) => Promise<ShareCreationResult>;
     isPending: boolean;
     error: import('@apollo/client').ErrorLike | undefined;
 };

package/dist/files/hooks/useCreateFolderShare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateFolderShare.d.ts","sourceRoot":"","sources":["../../../src/files/hooks/useCreateFolderShare.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,aAAa,EACd,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB;yBASF,sBAAsB;;;;;;;;;;;;;;;;;;;;;CAyBpD,CAAC"}
+{"version":3,"file":"useCreateFolderShare.d.ts","sourceRoot":"","sources":["../../../src/files/hooks/useCreateFolderShare.ts"],"names":[],"mappings":"AAcA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAgBD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;yBAWpB,sBAAsB,KAC5B,OAAO,CAAC,mBAAmB,CAAC;;;CAgDlC,CAAC"}

package/dist/files/hooks/useCreateFolderShare.js

@@ -1,29 +1,56 @@
-import { CreateFolderShareDocument as e } from "../../generated/wspace-operations.js";
-import { FileShareAccessLevel as t, FileShareType as n } from "../../generated/wspace-types.js";
+import { CreateFolderShareLinkDocument as e, ShareFolderDocument as t } from "../../generated/wspace-operations.js";
+import { extractShareToken as n } from "./useCreateShare.js";
 import { useMutation as r } from "@apollo/client/react";
 //#region src/files/hooks/useCreateFolderShare.ts
-var i = () => {
-	let [i, { loading: a, error: o }] = r(e, { refetchQueries: ["GetUserShares"] });
+function i(e) {
+	switch (e) {
+		case "COMMENT": return "COMMENTER";
+		case "EDIT": return "EDITOR";
+		default: return "VIEWER";
+	}
+}
+var a = () => {
+	let [a, { loading: o, error: s }] = r(t), [c, { loading: l, error: u }] = r(e);
 	return {
-		mutateAsync: async (e) => (await i({ variables: { input: {
-			...e,
-			accessLevel: {
-				VIEW: t.View,
-				COMMENT: t.Comment,
-				DOWNLOAD: t.Download,
-				EDIT: t.Edit
-			}[e.accessLevel],
-			shareType: {
-				PUBLIC_LINK: n.PublicLink,
-				EMAIL_INVITE: n.EmailInvite,
-				GROUP_SHARE: n.GroupShare
-			}[e.shareType]
-		} } })).data?.createFolderShare,
-		isPending: a,
-		error: o
+		mutateAsync: async (e) => {
+			let t = e.accessLevel.toUpperCase();
+			if (e.shareType === "PUBLIC_LINK") {
+				let r = {
+					input: {
+						resourceId: e.folderId,
+						role: i(e.accessLevel),
+						expiresAt: e.expiresAt ?? null
+					},
+					options: {
+						password: e.password ?? null,
+						maxDownloads: e.maxDownloads ?? null,
+						accessLevel: t
+					}
+				}, a = await c({ variables: r });
+				return { token: n(a.data?.createFolderShareLink.shareUrl ?? "") };
+			}
+			if (e.shareType !== "EMAIL_INVITE" || !e.invitedEmail) throw Error("Email invite shares require an invitedEmail");
+			let r = {
+				input: {
+					resourceId: e.folderId,
+					email: e.invitedEmail,
+					role: i(e.accessLevel),
+					message: null,
+					expiresAt: e.expiresAt ?? null
+				},
+				options: {
+					password: e.password ?? null,
+					maxDownloads: e.maxDownloads ?? null,
+					accessLevel: t
+				}
+			};
+			return await a({ variables: r }), { token: "" };
+		},
+		isPending: o || l,
+		error: s ?? u
 	};
 };
 //#endregion
-export { i as useCreateFolderShare };
+export { a as useCreateFolderShare };
 
 //# sourceMappingURL=useCreateFolderShare.js.map

package/dist/files/hooks/useCreateFolderShare.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateFolderShare.js","names":["useCreateFolderShare","createFolderShareMutation","useMutation","CreateFolderShareDocument","input","FileShareAccessLevel","FileShareType","loading"],"sources":["../../../src/files/hooks/useCreateFolderShare.ts"],"sourcesContent":["import {\n  FileShareAccessLevel,\n  FileShareType,\n} from \"../../generated/wspace-types\";\nimport { useMutation } from \"@apollo/client/react\";\nimport { CreateFolderShareDocument } from \"../../generated/wspace-operations\";\n\nexport interface CreateFolderShareInput {\n  folderId: string;\n  shareType: \"PUBLIC_LINK\" | \"EMAIL_INVITE\" | \"GROUP_SHARE\";\n  accessLevel: \"VIEW\" | \"COMMENT\" | \"DOWNLOAD\" | \"EDIT\";\n  expiresAt?: string;\n  password?: string;\n  maxDownloads?: number;\n  invitedEmail?: string;\n  invitedUserIds?: string[];\n}\n\nexport const useCreateFolderShare = () => {\n  const [createFolderShareMutation, { loading, error }] = useMutation(\n    CreateFolderShareDocument,\n    {\n      refetchQueries: [\"GetUserShares\"],\n    },\n  );\n\n  return {\n    mutateAsync: async (input: CreateFolderShareInput) => {\n      const result = await createFolderShareMutation({\n        variables: {\n          input: {\n            ...input,\n            accessLevel: {\n              VIEW: FileShareAccessLevel.View,\n              COMMENT: FileShareAccessLevel.Comment,\n              DOWNLOAD: FileShareAccessLevel.Download,\n              EDIT: FileShareAccessLevel.Edit,\n            }[input.accessLevel],\n            shareType: {\n              PUBLIC_LINK: FileShareType.PublicLink,\n              EMAIL_INVITE: FileShareType.EmailInvite,\n              GROUP_SHARE: FileShareType.GroupShare,\n            }[input.shareType],\n          },\n        },\n      });\n\n      return result.data?.createFolderShare;\n    },\n    isPending: loading,\n    error,\n  };\n};\n"],"mappings":";;;;AAkBA,IAAaA,UAA6B;CACxC,IAAM,CAACC,GAA2B,EAAE,YAAS,cAAWC,EACtDC,GACA,EACE,gBAAgB,CAAC,eAAe,EAClC,CACF;CAEA,OAAO;EACL,aAAa,OAAO,OAoBX,MAnBcF,EAA0B,EAC7C,WAAW,EACT,OAAO;GACL,GAAGG;GACH,aAAa;IACX,MAAMC,EAAqB;IAC3B,SAASA,EAAqB;IAC9B,UAAUA,EAAqB;IAC/B,MAAMA,EAAqB;GAC7B,EAAED,EAAM;GACR,WAAW;IACT,aAAaE,EAAc;IAC3B,cAAcA,EAAc;IAC5B,aAAaA,EAAc;GAC7B,EAAEF,EAAM;EACV,EACF,EACF,CAAC,EAAA,CAEa,MAAM;EAEtB,WAAWG;EACX;CACF;AACF"}
+{"version":3,"file":"useCreateFolderShare.js","names":["toShareRole","accessLevel","useCreateFolderShare","shareFolderMutation","inviteLoading","inviteError","useMutation","ShareFolderDocument","createLinkMutation","linkLoading","linkError","CreateFolderShareLinkDocument","input","variables","result","extractShareToken"],"sources":["../../../src/files/hooks/useCreateFolderShare.ts"],"sourcesContent":["import { useMutation } from \"@apollo/client/react\";\n\nimport {\n  CreateFolderShareLinkDocument,\n  ShareFolderDocument,\n} from \"../../generated/wspace-operations\";\nimport type {\n  FileShareAccessLevel,\n  ShareRole,\n} from \"../../generated/wspace-types\";\nimport type {\n  CreateFolderShareLinkMutationVariables,\n  ShareFolderMutationVariables,\n} from \"../../generated/wspace-operations\";\nimport { extractShareToken, type ShareCreationResult } from \"./useCreateShare\";\n\nexport interface CreateFolderShareInput {\n  folderId: string;\n  shareType: \"PUBLIC_LINK\" | \"EMAIL_INVITE\" | \"GROUP_SHARE\";\n  accessLevel: \"VIEW\" | \"COMMENT\" | \"DOWNLOAD\" | \"EDIT\";\n  expiresAt?: string;\n  password?: string;\n  maxDownloads?: number;\n  invitedEmail?: string;\n  invitedUserIds?: string[];\n}\n\n/** Generic ShareRole for the legacy access levels (DOWNLOAD has no dedicated role). */\nfunction toShareRole(\n  accessLevel: CreateFolderShareInput[\"accessLevel\"],\n): ShareRole {\n  switch (accessLevel) {\n    case \"COMMENT\":\n      return \"COMMENTER\" as ShareRole;\n    case \"EDIT\":\n      return \"EDITOR\" as ShareRole;\n    default:\n      return \"VIEWER\" as ShareRole;\n  }\n}\n\n/**\n * Create a folder share through the consolidated ShareGrant stack (BOFF-5302).\n * Same cutover as useCreateShare: public links become PUBLIC_LINK grants,\n * email invites become PENDING grants + accept email.\n */\nexport const useCreateFolderShare = () => {\n  const [shareFolderMutation, { loading: inviteLoading, error: inviteError }] =\n    useMutation(ShareFolderDocument);\n  const [createLinkMutation, { loading: linkLoading, error: linkError }] =\n    useMutation(CreateFolderShareLinkDocument);\n\n  const loading = inviteLoading || linkLoading;\n  const error = inviteError ?? linkError;\n\n  return {\n    mutateAsync: async (\n      input: CreateFolderShareInput,\n    ): Promise<ShareCreationResult> => {\n      const accessLevel = input.accessLevel.toUpperCase() as\n        \"VIEW\" | \"COMMENT\" | \"DOWNLOAD\" | \"EDIT\";\n      if (input.shareType === \"PUBLIC_LINK\") {\n        const variables: CreateFolderShareLinkMutationVariables = {\n          input: {\n            resourceId: input.folderId,\n            role: toShareRole(input.accessLevel),\n            expiresAt: input.expiresAt ?? null,\n          },\n          options: {\n            password: input.password ?? null,\n            maxDownloads: input.maxDownloads ?? null,\n            accessLevel: accessLevel as unknown as FileShareAccessLevel,\n          },\n        };\n        const result = await createLinkMutation({ variables });\n        return {\n          token: extractShareToken(\n            result.data?.createFolderShareLink.shareUrl ?? \"\",\n          ),\n        };\n      }\n\n      if (input.shareType !== \"EMAIL_INVITE\" || !input.invitedEmail) {\n        throw new Error(\"Email invite shares require an invitedEmail\");\n      }\n\n      const variables: ShareFolderMutationVariables = {\n        input: {\n          resourceId: input.folderId,\n          email: input.invitedEmail,\n          role: toShareRole(input.accessLevel),\n          message: null,\n          expiresAt: input.expiresAt ?? null,\n        },\n        options: {\n          password: input.password ?? null,\n          maxDownloads: input.maxDownloads ?? null,\n          accessLevel: accessLevel as unknown as FileShareAccessLevel,\n        },\n      };\n      await shareFolderMutation({ variables });\n      return { token: \"\" };\n    },\n    isPending: loading,\n    error,\n  };\n};\n"],"mappings":";;;;AA4BA,SAASA,EACP,GACW;CACX,QAAQC,GAAR;EACE,KAAK,WACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAOA,IAAaC,UAA6B;CACxC,IAAM,CAACC,GAAqB,EAAE,SAASC,GAAe,OAAOC,OAC3DC,EAAYC,CAAmB,GAC3B,CAACC,GAAoB,EAAE,SAASC,GAAa,OAAOC,OACxDJ,EAAYK,CAA6B;CAK3C,OAAO;EACL,aAAa,OACX,MACiC;GACjC,IAAMV,IAAcW,EAAM,YAAY,YAAY;GAElD,IAAIA,EAAM,cAAc,eAAe;IACrC,IAAMC,IAAoD;KACxD,OAAO;MACL,YAAYD,EAAM;MAClB,MAAMZ,EAAYY,EAAM,WAAW;MACnC,WAAWA,EAAM,aAAa;KAChC;KACA,SAAS;MACP,UAAUA,EAAM,YAAY;MAC5B,cAAcA,EAAM,gBAAgB;MACvB;KACf;IACF,GACME,IAAS,MAAMN,EAAmB,EAAE,aAAU,CAAC;IACrD,OAAO,EACL,OAAOO,EACLD,EAAO,MAAM,sBAAsB,YAAY,EACjD,EACF;GACF;GAEA,IAAIF,EAAM,cAAc,kBAAkB,CAACA,EAAM,cAC/C,MAAU,MAAM,6CAA6C;GAG/D,IAAMC,IAA0C;IAC9C,OAAO;KACL,YAAYD,EAAM;KAClB,OAAOA,EAAM;KACb,MAAMZ,EAAYY,EAAM,WAAW;KACnC,SAAS;KACT,WAAWA,EAAM,aAAa;IAChC;IACA,SAAS;KACP,UAAUA,EAAM,YAAY;KAC5B,cAAcA,EAAM,gBAAgB;KACvB;IACf;GACF;GAEA,OADA,MAAMT,EAAoB,EAAE,aAAU,CAAC,GAChC,EAAE,OAAO,GAAG;EACrB;EACA,WAnDcC,KAAiBK;EAoD/B,OAnDYJ,KAAeK;CAoD7B;AACF"}

package/dist/files/hooks/useCreateShare.d.ts

@@ -1,4 +1,3 @@
-import { FileShareAccessLevel, FileShareType } from '../../generated/wspace-types';
 export interface CreateShareInput {
     fileId: string;
     shareType: "PUBLIC_LINK" | "EMAIL_INVITE" | "GROUP_SHARE";
@@ -9,25 +8,25 @@ export interface CreateShareInput {
     invitedEmail?: string;
     invitedUserIds?: string[];
 }
+export interface ShareCreationResult {
+    /** Raw share token (public links only) — drives the `/files/share/:token` URL. */
+    token: string;
+}
+/**
+ * Extract the raw share token from a grant `shareUrl`
+ * (`{origin}/share/accept/{token}`). Falls back to the trimmed whole string
+ * when no path segment is present.
+ */
+export declare function extractShareToken(shareUrl: string): string;
+/**
+ * Create a file share through the consolidated ShareGrant stack (BOFF-5302).
+ * Public links become PUBLIC_LINK grants; email invites become PENDING
+ * grants + a `resource-shared` accept email from the service. The legacy
+ * access level is preserved on the grant so the token-access path keeps
+ * issuing download URLs for DOWNLOAD shares.
+ */
 export declare const useCreateShare: () => {
-    mutateAsync: (input: CreateShareInput) => Promise<{
-        id: string;
-        fileId: string;
-        shareType: FileShareType;
-        accessLevel: FileShareAccessLevel;
-        token: string | null;
-        invitedEmail: string | null;
-        requiresPassword: boolean;
-        expiresAt: string | null;
-        maxDownloads: number | null;
-        accessCount: number;
-        downloadCount: number;
-        lastAccessedAt: string | null;
-        revokedAt: string | null;
-        createdById: string;
-        createdAt: string;
-        updatedAt: string;
-    } | undefined>;
+    mutateAsync: (input: CreateShareInput) => Promise<ShareCreationResult>;
     isPending: boolean;
     error: import('@apollo/client').ErrorLike | undefined;
 };

package/dist/files/hooks/useCreateShare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateShare.d.ts","sourceRoot":"","sources":["../../../src/files/hooks/useCreateShare.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,aAAa,EACd,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc;yBASI,gBAAgB;;;;;;;;;;;;;;;;;;;;CAyB9C,CAAC"}
+{"version":3,"file":"useCreateShare.d.ts","sourceRoot":"","sources":["../../../src/files/hooks/useCreateShare.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;CACf;AAcD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;yBAWd,gBAAgB,KACtB,OAAO,CAAC,mBAAmB,CAAC;;;CAiDlC,CAAC"}

package/dist/files/hooks/useCreateShare.js

@@ -1,29 +1,58 @@
-import { CreateShareDocument as e } from "../../generated/wspace-operations.js";
-import { FileShareAccessLevel as t, FileShareType as n } from "../../generated/wspace-types.js";
-import { useMutation as r } from "@apollo/client/react";
+import { CreateFileShareLinkDocument as e, ShareFileDocument as t } from "../../generated/wspace-operations.js";
+import { useMutation as n } from "@apollo/client/react";
 //#region src/files/hooks/useCreateShare.ts
-var i = () => {
-	let [i, { loading: a, error: o }] = r(e, { refetchQueries: ["GetUserShares"] });
+function r(e) {
+	switch (e) {
+		case "COMMENT": return "COMMENTER";
+		case "EDIT": return "EDITOR";
+		default: return "VIEWER";
+	}
+}
+function i(e) {
+	return (e.match(/\/share\/accept\/([^/?#]+)$/)?.[1] ?? e).trim();
+}
+var a = () => {
+	let [a, { loading: o, error: s }] = n(t), [c, { loading: l, error: u }] = n(e);
 	return {
-		mutateAsync: async (e) => (await i({ variables: { input: {
-			...e,
-			accessLevel: {
-				VIEW: t.View,
-				COMMENT: t.Comment,
-				DOWNLOAD: t.Download,
-				EDIT: t.Edit
-			}[e.accessLevel],
-			shareType: {
-				PUBLIC_LINK: n.PublicLink,
-				EMAIL_INVITE: n.EmailInvite,
-				GROUP_SHARE: n.GroupShare
-			}[e.shareType]
-		} } })).data?.createShare,
-		isPending: a,
-		error: o
+		mutateAsync: async (e) => {
+			let t = e.accessLevel.toUpperCase();
+			if (e.shareType === "PUBLIC_LINK") {
+				let n = {
+					input: {
+						resourceId: e.fileId,
+						role: r(e.accessLevel),
+						expiresAt: e.expiresAt ?? null
+					},
+					options: {
+						password: e.password ?? null,
+						maxDownloads: e.maxDownloads ?? null,
+						accessLevel: t
+					}
+				};
+				return { token: i((await c({ variables: n })).data?.createFileShareLink.shareUrl ?? "") };
+			}
+			if (e.shareType !== "EMAIL_INVITE" || !e.invitedEmail) throw Error("Email invite shares require an invitedEmail");
+			let n = {
+				input: {
+					resourceId: e.fileId,
+					email: e.invitedEmail,
+					role: r(e.accessLevel),
+					message: null,
+					expiresAt: e.expiresAt ?? null
+				},
+				options: {
+					password: e.password ?? null,
+					maxDownloads: e.maxDownloads ?? null,
+					accessLevel: t
+				}
+			};
+			return await a({ variables: n }), { token: "" };
+		},
+		isPending: o || l,
+		error: s ?? u
 	};
 };
 //#endregion
-export { i as useCreateShare };
+export { i as extractShareToken, a as useCreateShare };
 
 //# sourceMappingURL=useCreateShare.js.map

package/dist/files/hooks/useCreateShare.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateShare.js","names":["useCreateShare","createShareMutation","useMutation","CreateShareDocument","input","FileShareAccessLevel","FileShareType","loading"],"sources":["../../../src/files/hooks/useCreateShare.ts"],"sourcesContent":["import {\n  FileShareAccessLevel,\n  FileShareType,\n} from \"../../generated/wspace-types\";\nimport { useMutation } from \"@apollo/client/react\";\nimport { CreateShareDocument } from \"../../generated/wspace-operations\";\n\nexport interface CreateShareInput {\n  fileId: string;\n  shareType: \"PUBLIC_LINK\" | \"EMAIL_INVITE\" | \"GROUP_SHARE\";\n  accessLevel: \"VIEW\" | \"COMMENT\" | \"DOWNLOAD\" | \"EDIT\";\n  expiresAt?: string;\n  password?: string;\n  maxDownloads?: number;\n  invitedEmail?: string;\n  invitedUserIds?: string[];\n}\n\nexport const useCreateShare = () => {\n  const [createShareMutation, { loading, error }] = useMutation(\n    CreateShareDocument,\n    {\n      refetchQueries: [\"GetUserShares\"],\n    },\n  );\n\n  return {\n    mutateAsync: async (input: CreateShareInput) => {\n      const result = await createShareMutation({\n        variables: {\n          input: {\n            ...input,\n            accessLevel: {\n              VIEW: FileShareAccessLevel.View,\n              COMMENT: FileShareAccessLevel.Comment,\n              DOWNLOAD: FileShareAccessLevel.Download,\n              EDIT: FileShareAccessLevel.Edit,\n            }[input.accessLevel],\n            shareType: {\n              PUBLIC_LINK: FileShareType.PublicLink,\n              EMAIL_INVITE: FileShareType.EmailInvite,\n              GROUP_SHARE: FileShareType.GroupShare,\n            }[input.shareType],\n          },\n        },\n      });\n\n      return result.data?.createShare;\n    },\n    isPending: loading,\n    error,\n  };\n};\n"],"mappings":";;;;AAkBA,IAAaA,UAAuB;CAClC,IAAM,CAACC,GAAqB,EAAE,YAAS,cAAWC,EAChDC,GACA,EACE,gBAAgB,CAAC,eAAe,EAClC,CACF;CAEA,OAAO;EACL,aAAa,OAAO,OAoBX,MAnBcF,EAAoB,EACvC,WAAW,EACT,OAAO;GACL,GAAGG;GACH,aAAa;IACX,MAAMC,EAAqB;IAC3B,SAASA,EAAqB;IAC9B,UAAUA,EAAqB;IAC/B,MAAMA,EAAqB;GAC7B,EAAED,EAAM;GACR,WAAW;IACT,aAAaE,EAAc;IAC3B,cAAcA,EAAc;IAC5B,aAAaA,EAAc;GAC7B,EAAEF,EAAM;EACV,EACF,EACF,CAAC,EAAA,CAEa,MAAM;EAEtB,WAAWG;EACX;CACF;AACF"}
+{"version":3,"file":"useCreateShare.js","names":["toShareRole","accessLevel","extractShareToken","shareUrl","useCreateShare","shareFileMutation","inviteLoading","inviteError","useMutation","ShareFileDocument","createLinkMutation","linkLoading","linkError","CreateFileShareLinkDocument","input","variables"],"sources":["../../../src/files/hooks/useCreateShare.ts"],"sourcesContent":["import { useMutation } from \"@apollo/client/react\";\n\nimport {\n  CreateFileShareLinkDocument,\n  ShareFileDocument,\n} from \"../../generated/wspace-operations\";\nimport type {\n  FileShareAccessLevel,\n  ShareRole,\n} from \"../../generated/wspace-types\";\nimport type {\n  CreateFileShareLinkMutationVariables,\n  ShareFileMutationVariables,\n} from \"../../generated/wspace-operations\";\n\nexport interface CreateShareInput {\n  fileId: string;\n  shareType: \"PUBLIC_LINK\" | \"EMAIL_INVITE\" | \"GROUP_SHARE\";\n  accessLevel: \"VIEW\" | \"COMMENT\" | \"DOWNLOAD\" | \"EDIT\";\n  expiresAt?: string;\n  password?: string;\n  maxDownloads?: number;\n  invitedEmail?: string;\n  invitedUserIds?: string[];\n}\n\nexport interface ShareCreationResult {\n  /** Raw share token (public links only) — drives the `/files/share/:token` URL. */\n  token: string;\n}\n\n/** Generic ShareRole for the legacy access levels (DOWNLOAD has no dedicated role). */\nfunction toShareRole(accessLevel: CreateShareInput[\"accessLevel\"]): ShareRole {\n  switch (accessLevel) {\n    case \"COMMENT\":\n      return \"COMMENTER\" as ShareRole;\n    case \"EDIT\":\n      return \"EDITOR\" as ShareRole;\n    default:\n      return \"VIEWER\" as ShareRole;\n  }\n}\n\n/**\n * Extract the raw share token from a grant `shareUrl`\n * (`{origin}/share/accept/{token}`). Falls back to the trimmed whole string\n * when no path segment is present.\n */\nexport function extractShareToken(shareUrl: string): string {\n  const match = shareUrl.match(/\\/share\\/accept\\/([^/?#]+)$/);\n  return (match?.[1] ?? shareUrl).trim();\n}\n\n/**\n * Create a file share through the consolidated ShareGrant stack (BOFF-5302).\n * Public links become PUBLIC_LINK grants; email invites become PENDING\n * grants + a `resource-shared` accept email from the service. The legacy\n * access level is preserved on the grant so the token-access path keeps\n * issuing download URLs for DOWNLOAD shares.\n */\nexport const useCreateShare = () => {\n  const [shareFileMutation, { loading: inviteLoading, error: inviteError }] =\n    useMutation(ShareFileDocument);\n  const [createLinkMutation, { loading: linkLoading, error: linkError }] =\n    useMutation(CreateFileShareLinkDocument);\n\n  const loading = inviteLoading || linkLoading;\n  const error = inviteError ?? linkError;\n\n  return {\n    mutateAsync: async (\n      input: CreateShareInput,\n    ): Promise<ShareCreationResult> => {\n      const accessLevel = input.accessLevel.toUpperCase() as\n        \"VIEW\" | \"COMMENT\" | \"DOWNLOAD\" | \"EDIT\";\n      if (input.shareType === \"PUBLIC_LINK\") {\n        const variables: CreateFileShareLinkMutationVariables = {\n          input: {\n            resourceId: input.fileId,\n            role: toShareRole(input.accessLevel),\n            expiresAt: input.expiresAt ?? null,\n          },\n          options: {\n            password: input.password ?? null,\n            maxDownloads: input.maxDownloads ?? null,\n            accessLevel: accessLevel as unknown as FileShareAccessLevel,\n          },\n        };\n        const result = await createLinkMutation({ variables });\n        return {\n          token: extractShareToken(\n            result.data?.createFileShareLink.shareUrl ?? \"\",\n          ),\n        };\n      }\n\n      if (input.shareType !== \"EMAIL_INVITE\" || !input.invitedEmail) {\n        throw new Error(\"Email invite shares require an invitedEmail\");\n      }\n\n      const variables: ShareFileMutationVariables = {\n        input: {\n          resourceId: input.fileId,\n          email: input.invitedEmail,\n          role: toShareRole(input.accessLevel),\n          message: null,\n          expiresAt: input.expiresAt ?? null,\n        },\n        options: {\n          password: input.password ?? null,\n          maxDownloads: input.maxDownloads ?? null,\n          accessLevel: accessLevel as unknown as FileShareAccessLevel,\n        },\n      };\n      await shareFileMutation({ variables });\n      // Invites are opened through the accept flow, not a public URL.\n      return { token: \"\" };\n    },\n    isPending: loading,\n    error,\n  };\n};\n"],"mappings":";;;AAgCA,SAASA,EAAY,GAAyD;CAC5E,QAAQC,GAAR;EACE,KAAK,WACH,OAAO;EACT,KAAK,QACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAOA,SAAgBC,EAAkB,GAA0B;CAE1D,QADcC,EAAS,MAAM,6BACrB,CAAA,GAAQ,MAAMA,EAAA,CAAU,KAAK;AACvC;AASA,IAAaC,UAAuB;CAClC,IAAM,CAACC,GAAmB,EAAE,SAASC,GAAe,OAAOC,OACzDC,EAAYC,CAAiB,GACzB,CAACC,GAAoB,EAAE,SAASC,GAAa,OAAOC,OACxDJ,EAAYK,CAA2B;CAKzC,OAAO;EACL,aAAa,OACX,MACiC;GACjC,IAAMZ,IAAca,EAAM,YAAY,YAAY;GAElD,IAAIA,EAAM,cAAc,eAAe;IACrC,IAAMC,IAAkD;KACtD,OAAO;MACL,YAAYD,EAAM;MAClB,MAAMd,EAAYc,EAAM,WAAW;MACnC,WAAWA,EAAM,aAAa;KAChC;KACA,SAAS;MACP,UAAUA,EAAM,YAAY;MAC5B,cAAcA,EAAM,gBAAgB;MACvB;KACf;IACF;IAEA,OAAO,EACL,OAAOZ,GACL,MAHiBQ,EAAmB,EAAE,aAAU,CAAC,EAAA,CAG1C,MAAM,oBAAoB,YAAY,EAC/C,EACF;GACF;GAEA,IAAII,EAAM,cAAc,kBAAkB,CAACA,EAAM,cAC/C,MAAU,MAAM,6CAA6C;GAG/D,IAAMC,IAAwC;IAC5C,OAAO;KACL,YAAYD,EAAM;KAClB,OAAOA,EAAM;KACb,MAAMd,EAAYc,EAAM,WAAW;KACnC,SAAS;KACT,WAAWA,EAAM,aAAa;IAChC;IACA,SAAS;KACP,UAAUA,EAAM,YAAY;KAC5B,cAAcA,EAAM,gBAAgB;KACvB;IACf;GACF;GAGA,OAFA,MAAMT,EAAkB,EAAE,aAAU,CAAC,GAE9B,EAAE,OAAO,GAAG;EACrB;EACA,WApDcC,KAAiBK;EAqD/B,OApDYJ,KAAeK;CAqD7B;AACF"}