@geomak/ui 7.16.0 → 7.17.1

package/dist/index.cjs

@@ -5092,12 +5092,52 @@ function useTargetBbox(ref) {
 }
 var TOOLTIP_WIDTH = 280;
 var TOOLTIP_GAP = 12;
-function tooltipStyleFor(bbox, placement) {
-  const pl = placement ?? "right";
-  if (pl === "right") return { left: bbox.right + TOOLTIP_GAP, top: bbox.top + bbox.height / 2, transform: "translateY(-50%)", width: TOOLTIP_WIDTH };
-  if (pl === "left") return { left: bbox.left - TOOLTIP_WIDTH - TOOLTIP_GAP, top: bbox.top + bbox.height / 2, transform: "translateY(-50%)", width: TOOLTIP_WIDTH };
-  if (pl === "bottom") return { left: bbox.left + bbox.width / 2, top: bbox.bottom + TOOLTIP_GAP, transform: "translateX(-50%)", width: TOOLTIP_WIDTH };
-  return { left: bbox.left + bbox.width / 2, top: bbox.top - TOOLTIP_GAP, transform: "translate(-50%, -100%)", width: TOOLTIP_WIDTH };
+function tooltipStyleFor(bbox, placement, tooltipHeight) {
+  const GAP2 = TOOLTIP_GAP;
+  const W = TOOLTIP_WIDTH;
+  const H = tooltipHeight;
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  let side = placement ?? "right";
+  if (side === "right" && bbox.right + GAP2 + W > vw) side = "left";
+  if (side === "left" && bbox.left - W - GAP2 < 0) side = "right";
+  if (side === "bottom" && bbox.bottom + GAP2 + H > vh) side = "top";
+  if (side === "top" && bbox.top - GAP2 - H < 0) side = "bottom";
+  let left;
+  let top;
+  let transform;
+  if (side === "right") {
+    left = bbox.right + GAP2;
+    top = bbox.top + bbox.height / 2;
+    transform = "translateY(-50%)";
+  } else if (side === "left") {
+    left = bbox.left - W - GAP2;
+    top = bbox.top + bbox.height / 2;
+    transform = "translateY(-50%)";
+  } else if (side === "bottom") {
+    left = bbox.left + bbox.width / 2;
+    top = bbox.bottom + GAP2;
+    transform = "translateX(-50%)";
+  } else {
+    left = bbox.left + bbox.width / 2;
+    top = bbox.top - GAP2;
+    transform = "translate(-50%, -100%)";
+  }
+  if (side === "top" || side === "bottom") {
+    left = Math.max(GAP2 + W / 2, Math.min(left, vw - W / 2 - GAP2));
+  } else {
+    left = Math.max(GAP2, Math.min(left, vw - W - GAP2));
+  }
+  if (H > 0) {
+    if (side === "right" || side === "left") {
+      top = Math.max(GAP2 + H / 2, Math.min(top, vh - GAP2 - H / 2));
+    } else if (side === "bottom") {
+      top = Math.max(GAP2, Math.min(top, vh - GAP2 - H));
+    } else {
+      top = Math.max(GAP2 + H, Math.min(top, vh - GAP2));
+    }
+  }
+  return { left, top, transform, width: W };
 }
 function useFocusTrap(containerRef, active) {
   React36.useEffect(() => {
@@ -5145,6 +5185,11 @@ function Wizard({
   const reduced = framerMotion.useReducedMotion();
   const [open, setOpen] = React36.useState(() => steps.length > 0 && !readDismissed(storageKey));
   const [activeIndex, setActiveIndex] = React36.useState(0);
+  const [tooltipHeight, setTooltipHeight] = React36.useState(0);
+  React36.useLayoutEffect(() => {
+    const h = tooltipRef.current?.offsetHeight ?? 0;
+    if (h > 0) setTooltipHeight((prev) => prev === h ? prev : h);
+  }, [activeIndex, open]);
   const step = steps[activeIndex];
   const bbox = useTargetBbox(step?.stepRef);
   useFocusTrap(tooltipRef, open);
@@ -5197,7 +5242,7 @@ function Wizard({
     right: 0,
     height: bbox.height + SPOT_PAD * 2
   } : { display: "none" };
-  const tooltipStyle = bbox ? tooltipStyleFor(bbox, step?.placement) : { display: "none" };
+  const tooltipStyle = bbox ? tooltipStyleFor(bbox, step?.placement, tooltipHeight) : { display: "none" };
   const isLast = activeIndex === steps.length - 1;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     children,
@@ -11181,6 +11226,36 @@ function useJwt(token) {
   const isValid = decoded.payload != null && !isExpired;
   return { payload: decoded.payload, header: decoded.header, expiresAt, isExpired, isValid, raw: token ?? null };
 }
+function useDownload() {
+  const saveBlob = React36.useCallback((blob, fileName) => {
+    if (typeof window === "undefined") return;
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = fileName;
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+  }, []);
+  const saveFromBase64 = React36.useCallback((base64, fileName, mimeType) => {
+    let payload = base64;
+    let inferredMime;
+    if (base64.startsWith("data:")) {
+      const commaIdx = base64.indexOf(",");
+      if (commaIdx !== -1) {
+        const header = base64.slice(5, commaIdx);
+        const semiIdx = header.indexOf(";");
+        if (semiIdx !== -1) inferredMime = header.slice(0, semiIdx);
+        payload = base64.slice(commaIdx + 1);
+      }
+    }
+    const binary = atob(payload);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+    const blob = new Blob([bytes], { type: mimeType ?? inferredMime ?? "application/octet-stream" });
+    saveBlob(blob, fileName);
+  }, [saveBlob]);
+  return { saveBlob, saveFromBase64 };
+}
 var INVALID_WS_CHARS = /[:\\/?\*[\]]/g;
 function sanitizeName(name) {
   return name.replace(INVALID_WS_CHARS, "_").slice(0, 31) || "Sheet";
@@ -11189,6 +11264,7 @@ var xlsxPromise2 = null;
 var loadXlsx2 = () => xlsxPromise2 ??= import('xlsx');
 function useExcel() {
   const [isExporting, setIsExporting] = React36.useState(false);
+  const { saveBlob } = useDownload();
   const exportSheets = React36.useCallback(async (sheets, options = {}) => {
     const { fileName = "export", onSave } = options;
     setIsExporting(true);
@@ -11240,12 +11316,12 @@ function useExcel() {
       if (onSave) {
         await onSave(blob, name);
       } else {
-        downloadBlob(blob, name);
+        saveBlob(blob, name);
       }
     } finally {
       setIsExporting(false);
     }
-  }, []);
+  }, [saveBlob]);
   const readWorkbook = React36.useCallback(async (source) => {
     const XLSX = await loadXlsx2();
     let bytes;
@@ -11281,6 +11357,7 @@ var jspdfPromise2 = null;
 var loadJspdf2 = () => jspdfPromise2 ??= import('jspdf');
 function usePdf() {
   const [isExporting, setIsExporting] = React36.useState(false);
+  const { saveBlob } = useDownload();
   const exportCanvases = React36.useCallback(async (pages, options = {}) => {
     const { fileName = "report", onSave, orientation = "landscape" } = options;
     const validPages = pages.filter((p) => p.canvas.width !== 0 && p.canvas.height !== 0);
@@ -11315,17 +11392,12 @@ function usePdf() {
       if (onSave) {
         await onSave(blob, name);
       } else {
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement("a");
-        a.href = url;
-        a.download = name;
-        a.click();
-        URL.revokeObjectURL(url);
+        saveBlob(blob, name);
       }
     } finally {
       setIsExporting(false);
     }
-  }, []);
+  }, [saveBlob]);
   return { exportCanvases, isExporting };
 }
 var GRADIENT = "radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in oklab, var(--color-accent) 12%, transparent), transparent 70%)";
@@ -12015,6 +12087,7 @@ exports.runFieldRules = runFieldRules;
 exports.scorePassword = scorePassword;
 exports.useBreakpoint = useBreakpoint;
 exports.useCart = useCart;
+exports.useDownload = useDownload;
 exports.useExcel = useExcel;
 exports.useFieldArray = useFieldArray;
 exports.useForm = useForm;