@rowsncolumns/spreadsheet 10.5.12 → 10.5.13

package/dist/cjs/components/print-preview/print-preview-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4BxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAgEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAusBhE,CAAC"}
+{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAMN,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4BxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAgEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8sBhE,CAAC"}

package/dist/cjs/components/print-preview/print-preview-dialog.js

@@ -14,6 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PrintPreviewDialog = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
+var react_dom_1 = require("react-dom");
 var ui_1 = require("@rowsncolumns/ui");
 var icons_1 = require("@rowsncolumns/icons");
 var page_block_1 = require("./page-block");
@@ -57,6 +58,12 @@ var PrintPreviewDialog = function (_a) {
     var _b = tslib_1.__read((0, react_1.useState)(settings_1.DEFAULT_PRINT_SETTINGS), 2), settings = _b[0], setSettings = _b[1];
     var printContainerRef = (0, react_1.useRef)(null);
     var getChartActions = (0, chart_actions_atom_1.useGetChartActions)();
+    // The host renders the grid inside its own stacking contexts (a pane with a
+    // z-index, a transformed panel); a `fixed` overlay left inline there competes
+    // only within that context and the host's navigation paints over it. Mount
+    // at the portal container like every other overlay — `document.body`, or the
+    // popout window's body when the host provides one.
+    var portalContainer = (0, ui_1.usePortalContainer)();
     // Look up the active sheet from the supplied list. When the id
     // doesn't match anything (shouldn't happen) we render nothing.
     var activeSheetSource = (0, react_1.useMemo)(function () { return sheets.find(function (s) { return s.sheetId === activeSheetId; }); }, [sheets, activeSheetId]);
@@ -342,7 +349,7 @@ var PrintPreviewDialog = function (_a) {
         var range = (0, use_page_layout_1.measureRange)(bounds.startRow, bounds.endRow, bounds.startColumn, bounds.endColumn, sheet.getColumnWidth, sheet.getRowHeight);
         return (0, use_page_layout_1.resolveScale)(settings.scaleMode, settings.customScale, range.width, range.height, contentArea.width, contentArea.height);
     };
-    return (react_1.default.createElement("div", { className: "fixed inset-0 z-[100] bg-rnc-background flex flex-col font-system", role: "dialog", "aria-modal": "true", "aria-label": "Print preview" },
+    return (0, react_dom_1.createPortal)(react_1.default.createElement("div", { className: "fixed inset-0 z-[100] bg-rnc-background flex flex-col font-system", role: "dialog", "aria-modal": "true", "aria-label": "Print preview" },
         react_1.default.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-solid border-rnc-border" },
             react_1.default.createElement("div", { className: "flex items-center gap-3" },
                 react_1.default.createElement(ui_1.IconButton, { onClick: onClose, "aria-label": "Close" },
@@ -510,6 +517,6 @@ var PrintPreviewDialog = function (_a) {
                     react_1.default.createElement("input", { type: "checkbox", disabled: !activeSheet.frozenColumns, checked: settings.repeatFrozenColumns, onChange: function (e) {
                             return setField("repeatFrozenColumns", e.target.checked);
                         } }),
-                    "Repeat frozen columns")))));
+                    "Repeat frozen columns")))), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
 };
 exports.PrintPreviewDialog = PrintPreviewDialog;

package/dist/esm/components/print-preview/print-preview-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4BxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAgEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAusBhE,CAAC"}
+{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAMN,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4BxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAgEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8sBhE,CAAC"}

package/dist/esm/components/print-preview/print-preview-dialog.js

@@ -10,7 +10,8 @@
 // alongside (`getFormattedValue`, `getEffectiveFormat`, …) — no
 // adapter object, no nested PrintSheet construction.
 import React, { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { Button, IconButton, Select, SelectContent, SelectItem, SelectPortal, SelectTrigger, SelectValue, } from "@rowsncolumns/ui";
+import { createPortal } from "react-dom";
+import { Button, IconButton, Select, SelectContent, SelectItem, SelectPortal, SelectTrigger, SelectValue, usePortalContainer, } from "@rowsncolumns/ui";
 import { Cross2Icon } from "@rowsncolumns/icons";
 import { PageBlock } from "./page-block";
 import { useGetChartActions } from "../../atoms/chart-actions.atom";
@@ -47,6 +48,12 @@ export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, sel
     const [settings, setSettings] = useState(DEFAULT_PRINT_SETTINGS);
     const printContainerRef = useRef(null);
     const getChartActions = useGetChartActions();
+    // The host renders the grid inside its own stacking contexts (a pane with a
+    // z-index, a transformed panel); a `fixed` overlay left inline there competes
+    // only within that context and the host's navigation paints over it. Mount
+    // at the portal container like every other overlay — `document.body`, or the
+    // popout window's body when the host provides one.
+    const portalContainer = usePortalContainer();
     // Look up the active sheet from the supplied list. When the id
     // doesn't match anything (shouldn't happen) we render nothing.
     const activeSheetSource = useMemo(() => sheets.find((s) => s.sheetId === activeSheetId), [sheets, activeSheetId]);
@@ -243,7 +250,7 @@ export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, sel
         const range = measureRange(bounds.startRow, bounds.endRow, bounds.startColumn, bounds.endColumn, sheet.getColumnWidth, sheet.getRowHeight);
         return resolveScale(settings.scaleMode, settings.customScale, range.width, range.height, contentArea.width, contentArea.height);
     };
-    return (React.createElement("div", { className: "fixed inset-0 z-[100] bg-rnc-background flex flex-col font-system", role: "dialog", "aria-modal": "true", "aria-label": "Print preview" },
+    return createPortal(React.createElement("div", { className: "fixed inset-0 z-[100] bg-rnc-background flex flex-col font-system", role: "dialog", "aria-modal": "true", "aria-label": "Print preview" },
         React.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-solid border-rnc-border" },
             React.createElement("div", { className: "flex items-center gap-3" },
                 React.createElement(IconButton, { onClick: onClose, "aria-label": "Close" },
@@ -406,5 +413,5 @@ export const PrintPreviewDialog = ({ isOpen, onClose, sheets, activeSheetId, sel
                     "Repeat frozen rows"),
                 React.createElement("label", { className: `flex items-center gap-2 text-xs py-1 text-rnc-foreground ${activeSheet.frozenColumns ? "" : "opacity-40 cursor-not-allowed"}` },
                     React.createElement("input", { type: "checkbox", disabled: !activeSheet.frozenColumns, checked: settings.repeatFrozenColumns, onChange: (e) => setField("repeatFrozenColumns", e.target.checked) }),
-                    "Repeat frozen columns")))));
+                    "Repeat frozen columns")))), portalContainer ?? document.body);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rowsncolumns/spreadsheet",
-  "version": "10.5.12",
+  "version": "10.5.13",
   "author": "Vinay M",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "./dist/cjs/index.js",