npm - @itwin/appui-react - Versions diffs - 4.0.0-dev.2 → 4.0.0-dev.3 - Mend

@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.3

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 (1539) hide show

package/lib/esm/appui-react/childwindow/ChildWindowManager.js CHANGED Viewed

@@ -1,173 +1,173 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-import "./ChildWindowManager.scss";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { copyStyles } from "./CopyStyles";
-import { Provider } from "react-redux";
-import { StateManager } from "../redux/StateManager";
-import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
-import { PopupRenderer } from "../popup/PopupManager";
-import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
-import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
-import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { ThemeManager } from "../theme/ThemeManager";
-const childHtml = `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <style>
-    html,
-    body {
-      height: 100%;
-      width: 100%;
-      margin: 0;
-      overflow: hidden;
-    }
-    #root {
-      height: 100%;
-    }
-  </style>
-</head>
-<body>
-  <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root"></div>
-</body>
-</html>`;
-/** Supports opening a child browser window from the main application window. The child window is managed by the main application
- * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
- * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
- * @public */
-export class ChildWindowManager {
-    constructor() {
-        this._openChildWindows = [];
-        this.closeChildWindow = (childWindowId, processWindowClose = true) => {
-            const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);
-            if (-1 === windowIndex)
-                return false;
-            const childWindow = this.openChildWindows[windowIndex];
-            this.openChildWindows.splice(windowIndex, 1);
-            if (processWindowClose) {
-                childWindow.window.close();
-            }
-            else {
-                // call the following to convert popout to docked widget
-                const frontStageDef = FrontstageManager.activeFrontstageDef;
-                frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);
-            }
-            return true;
-        };
-    }
-    get openChildWindows() {
-        return this._openChildWindows;
-    }
-    findChildWindow(childWindowId) {
-        if (undefined === childWindowId)
-            return undefined;
-        return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);
-    }
-    findChildWindowId(contentWindow) {
-        if (!contentWindow)
-            return undefined;
-        const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);
-        return childWindow === null || childWindow === void 0 ? void 0 : childWindow.childWindowId;
-    }
-    // istanbul ignore next
-    renderChildWindowContents(childWindow, childWindowId, content) {
-        const reactConnectionDiv = childWindow.document.getElementById("root");
-        if (reactConnectionDiv) {
-            // set openChildWindows now so components can use it when they mount
-            this._openChildWindows.push({
-                childWindowId,
-                window: childWindow,
-                parentWindow: window,
-            });
-            setTimeout(() => {
-                copyStyles(childWindow.document);
-                setTimeout(() => {
-                    ReactDOM.render(React.createElement(Provider, { store: StateManager.store },
-                        React.createElement(UiStateStorageHandler, null,
-                            React.createElement(ThemeManager, null,
-                                React.createElement("div", { className: "uifw-child-window-container-host" },
-                                    React.createElement(PopupRenderer, null),
-                                    React.createElement(ModalDialogRenderer, null),
-                                    React.createElement(ModelessDialogRenderer, null),
-                                    React.createElement(CursorPopupMenu, null),
-                                    React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content))))), reactConnectionDiv);
-                });
-            });
-            childWindow.onbeforeunload = () => {
-                const frontStageDef = FrontstageManager.activeFrontstageDef;
-                if (!frontStageDef)
-                    return;
-                frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);
-                this.closeChildWindow(childWindowId, false);
-            };
-        }
-    }
-    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
-    closeAllChildWindows() {
-        // istanbul ignore next
-        this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());
-        this._openChildWindows = [];
-    }
-    // istanbul ignore next
-    adjustWidowLocation(location, center) {
-        var _a;
-        const outLocation = { ...location };
-        if (0 === location.top && 0 === location.left) {
-            center = center !== null && center !== void 0 ? center : true;
-            const windowTop = (_a = window.top) !== null && _a !== void 0 ? _a : window;
-            // Prepare position of the new window to be centered against the 'parent' window.
-            if (center) {
-                outLocation.left =
-                    windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;
-                outLocation.top =
-                    windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;
-            }
-            else {
-                if (undefined !== window.screenLeft && undefined !== window.screenTop) {
-                    outLocation.top = window.screenTop + location.top;
-                    outLocation.left = window.screenLeft + location.left;
-                }
-            }
-        }
-        return outLocation;
-    }
-    // istanbul ignore next
-    openChildWindow(childWindowId, title, content, location, useDefaultPopoutUrl) {
-        // first check to see if content is already open in child window
-        if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {
-            return false;
-        }
-        location = this.adjustWidowLocation(location);
-        const url = useDefaultPopoutUrl ? "/iTwinPopup.html" : "";
-        const childWindow = window.open(url, "", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);
-        if (!childWindow)
-            return false;
-        if (0 === url.length) {
-            childWindow.document.write(childHtml);
-            this.renderChildWindowContents(childWindow, childWindowId, content);
-        }
-        else {
-            childWindow.addEventListener("load", () => {
-                childWindow.document.title = title;
-                this.renderChildWindowContents(childWindow, childWindowId, content);
-            }, false);
-        }
-        window.addEventListener("unload", () => {
-            const frontStageDef = FrontstageManager.activeFrontstageDef;
-            if (frontStageDef) {
-                this.closeChildWindow(childWindowId, true);
-            }
-        }, false);
-        return true;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+import "./ChildWindowManager.scss";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { copyStyles } from "./CopyStyles";
+import { Provider } from "react-redux";
+import { StateManager } from "../redux/StateManager";
+import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
+import { PopupRenderer } from "../popup/PopupManager";
+import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
+import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
+import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { ThemeManager } from "../theme/ThemeManager";
+const childHtml = `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <style>
+    html,
+    body {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      overflow: hidden;
+    }
+    #root {
+      height: 100%;
+    }
+  </style>
+</head>
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+</html>`;
+/** Supports opening a child browser window from the main application window. The child window is managed by the main application
+ * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
+ * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
+ * @public */
+export class ChildWindowManager {
+    constructor() {
+        this._openChildWindows = [];
+        this.closeChildWindow = (childWindowId, processWindowClose = true) => {
+            const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);
+            if (-1 === windowIndex)
+                return false;
+            const childWindow = this.openChildWindows[windowIndex];
+            this.openChildWindows.splice(windowIndex, 1);
+            if (processWindowClose) {
+                childWindow.window.close();
+            }
+            else {
+                // call the following to convert popout to docked widget
+                const frontStageDef = FrontstageManager.activeFrontstageDef;
+                frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);
+            }
+            return true;
+        };
+    }
+    get openChildWindows() {
+        return this._openChildWindows;
+    }
+    findChildWindow(childWindowId) {
+        if (undefined === childWindowId)
+            return undefined;
+        return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);
+    }
+    findChildWindowId(contentWindow) {
+        if (!contentWindow)
+            return undefined;
+        const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);
+        return childWindow === null || childWindow === void 0 ? void 0 : childWindow.childWindowId;
+    }
+    // istanbul ignore next
+    renderChildWindowContents(childWindow, childWindowId, content) {
+        const reactConnectionDiv = childWindow.document.getElementById("root");
+        if (reactConnectionDiv) {
+            // set openChildWindows now so components can use it when they mount
+            this._openChildWindows.push({
+                childWindowId,
+                window: childWindow,
+                parentWindow: window,
+            });
+            setTimeout(() => {
+                copyStyles(childWindow.document);
+                setTimeout(() => {
+                    ReactDOM.render(React.createElement(Provider, { store: StateManager.store },
+                        React.createElement(UiStateStorageHandler, null,
+                            React.createElement(ThemeManager, null,
+                                React.createElement("div", { className: "uifw-child-window-container-host" },
+                                    React.createElement(PopupRenderer, null),
+                                    React.createElement(ModalDialogRenderer, null),
+                                    React.createElement(ModelessDialogRenderer, null),
+                                    React.createElement(CursorPopupMenu, null),
+                                    React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content))))), reactConnectionDiv);
+                });
+            });
+            childWindow.onbeforeunload = () => {
+                const frontStageDef = FrontstageManager.activeFrontstageDef;
+                if (!frontStageDef)
+                    return;
+                frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);
+                this.closeChildWindow(childWindowId, false);
+            };
+        }
+    }
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAllChildWindows() {
+        // istanbul ignore next
+        this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());
+        this._openChildWindows = [];
+    }
+    // istanbul ignore next
+    adjustWidowLocation(location, center) {
+        var _a;
+        const outLocation = { ...location };
+        if (0 === location.top && 0 === location.left) {
+            center = center !== null && center !== void 0 ? center : true;
+            const windowTop = (_a = window.top) !== null && _a !== void 0 ? _a : window;
+            // Prepare position of the new window to be centered against the 'parent' window.
+            if (center) {
+                outLocation.left =
+                    windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;
+                outLocation.top =
+                    windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;
+            }
+            else {
+                if (undefined !== window.screenLeft && undefined !== window.screenTop) {
+                    outLocation.top = window.screenTop + location.top;
+                    outLocation.left = window.screenLeft + location.left;
+                }
+            }
+        }
+        return outLocation;
+    }
+    // istanbul ignore next
+    openChildWindow(childWindowId, title, content, location, useDefaultPopoutUrl) {
+        // first check to see if content is already open in child window
+        if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {
+            return false;
+        }
+        location = this.adjustWidowLocation(location);
+        const url = useDefaultPopoutUrl ? "/iTwinPopup.html" : "";
+        const childWindow = window.open(url, "", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);
+        if (!childWindow)
+            return false;
+        if (0 === url.length) {
+            childWindow.document.write(childHtml);
+            this.renderChildWindowContents(childWindow, childWindowId, content);
+        }
+        else {
+            childWindow.addEventListener("load", () => {
+                childWindow.document.title = title;
+                this.renderChildWindowContents(childWindow, childWindowId, content);
+            }, false);
+        }
+        window.addEventListener("unload", () => {
+            const frontStageDef = FrontstageManager.activeFrontstageDef;
+            if (frontStageDef) {
+                this.closeChildWindow(childWindowId, true);
+            }
+        }, false);
+        return true;
+    }
+}
 //# sourceMappingURL=ChildWindowManager.js.map

package/lib/esm/appui-react/childwindow/ChildWindowManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;QAqBV,CAAC;AAiBT;;;aAGa;AACb,MAAM,OAAO,kBAAkB;IAA/B;QACU,sBAAiB,GAA0B,EAAE,CAAC;QAyE/C,qBAAgB,GAAG,CAAC,aAAqB,EAAE,kBAAkB,GAAG,IAAI,EAAE,EAAE;YAC7E,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,KAAK,aAAa,CAAC,CAAC;YAChH,IAAI,CAAC,CAAC,KAAK,WAAW;gBACpB,OAAO,KAAK,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;YACvD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;YAC7C,IAAI,kBAAkB,EAAE;gBACtB,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;aAC5B;iBAAM;gBACL,wDAAwD;gBACxD,MAAM,aAAa,GAAG,iBAAiB,CAAC,mBAAmB,CAAC;gBAC5D,aAAa,IAAI,aAAa,CAAC,yBAAyB,CAAC,aAAa,CAAC,CAAC;aACzE;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;IAwDJ,CAAC;IA7IC,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAEM,eAAe,CAAC,aAAiC;QACtD,IAAI,SAAS,KAAK,aAAa;YAC7B,OAAO,SAAS,CAAC;QAEnB,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,KAAK,aAAa,CAAC,CAAC;IAChG,CAAC;IAEM,iBAAiB,CAAC,aAAwC;QAC/D,IAAI,CAAC,aAAa;YAChB,OAAO,SAAS,CAAC;QAEnB,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC;QACpG,OAAO,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAa,CAAC;IACpC,CAAC;IAED,uBAAuB;IACf,yBAAyB,CAAC,WAAmB,EAAE,aAAqB,EAAE,OAAwB;QACpG,MAAM,kBAAkB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACvE,IAAI,kBAAkB,EAAE;YACtB,oEAAoE;YACpE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;gBAC1B,aAAa;gBACb,MAAM,EAAE,WAAW;gBACnB,YAAY,EAAE,MAAM;aACrB,CAAC,CAAC;YAEH,UAAU,CAAC,GAAG,EAAE;gBACd,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBACjC,UAAU,CAAC,GAAG,EAAE;oBACd,QAAQ,CAAC,MAAM,CACb,oBAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK;wBACjC,oBAAC,qBAAqB;4BACpB,oBAAC,YAAY;gCACX,6BAAK,SAAS,EAAC,kCAAkC;oCAC/C,oBAAC,aAAa,OAAG;oCACjB,oBAAC,mBAAmB,OAAG;oCACvB,oBAAC,sBAAsB,OAAG;oCAC1B,oBAAC,eAAe,OAAG;oCACnB,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,OAAO,CACJ,CACF,CACO,CACO,CACf,EACX,kBAAkB,CACnB,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,WAAW,CAAC,cAAc,GAAG,GAAG,EAAE;gBAChC,MAAM,aAAa,GAAG,iBAAiB,CAAC,mBAAmB,CAAC;gBAC5D,IAAI,CAAC,aAAa;oBAChB,OAAO;gBACT,aAAa,CAAC,8BAA8B,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;gBACzE,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YAC9C,CAAC,CAAC;SACH;IACH,CAAC;IAED,gGAAgG;IACzF,oBAAoB;QACzB,uBAAuB;QACvB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QACnF,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;IAC9B,CAAC;IAkBD,uBAAuB;IACf,mBAAmB,CAAC,QAAkC,EAAE,MAAgB;;QAC9E,MAAM,WAAW,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;QACpC,IAAI,CAAC,KAAK,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;YAC7C,MAAM,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,CAAC;YACxB,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,GAAG,mCAAI,MAAM,CAAC;YAEvC,iFAAiF;YACjF,IAAI,MAAM,EAAE;gBACV,WAAW,CAAC,IAAI;oBACd,SAAS,CAAC,UAAU,GAAG,CAAC,GAAG,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;gBACpE,WAAW,CAAC,GAAG;oBACb,SAAS,CAAC,WAAW,GAAG,CAAC,GAAG,SAAS,CAAC,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;aACvE;iBAAM;gBACL,IAAI,SAAS,KAAK,MAAM,CAAC,UAAU,IAAI,SAAS,KAAK,MAAM,CAAC,SAAS,EAAE;oBACrE,WAAW,CAAC,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC;oBAClD,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;iBACtD;aACF;SACF;QACD,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,uBAAuB;IAChB,eAAe,CAAC,aAAqB,EAAE,KAAa,EAAE,OAAwB,EAAE,QAAkC,EAAE,mBAA6B;QACtJ,gEAAgE;QAChE,IAAI,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,KAAK,aAAa,CAAC,IAAI,CAAC,EAAE;YACpG,OAAO,KAAK,CAAC;SACd;QAED,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,SAAS,QAAQ,CAAC,KAAK,WAAW,QAAQ,CAAC,MAAM,SAAS,QAAQ,CAAC,IAAI,QAAQ,QAAQ,CAAC,GAAG,+DAA+D,CAAC,CAAC;QACrM,IAAI,CAAC,WAAW;YACd,OAAO,KAAK,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,EAAE;YACpB,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACtC,IAAI,CAAC,yBAAyB,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;SACrE;aAAM;YACL,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;gBACxC,WAAW,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnC,IAAI,CAAC,yBAAyB,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;YACtE,CAAC,EAAE,KAAK,CAAC,CAAC;SACX;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrC,MAAM,aAAa,GAAG,iBAAiB,CAAC,mBAAmB,CAAC;YAC5D,IAAI,aAAa,EAAE;gBACjB,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;aAC5C;QACH,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n\n/** @packageDocumentation\n * @module ChildWindowManager\n /\n\nimport \"./ChildWindowManager.scss\";\nimport as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { copyStyles } from \"./CopyStyles\";\nimport { Provider } from \"react-redux\";\nimport { StateManager } from \"../redux/StateManager\";\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { ThemeManager } from \"../theme/ThemeManager\";\n\nconst childHtml = `<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\" />\n <style>\n html,\n body {\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n }\n #root {\n height: 100%;\n }\n </style>\n</head>\n<body>\n <noscript>You need to enable JavaScript to run this app.</noscript>\n <div id=\"root\"></div>\n</body>\n</html>`;\n\n/** @public /\nexport interface OpenChildWindowInfo {\n childWindowId: string;\n window: Window;\n parentWindow: Window;\n}\n\n/* @public /\nexport interface ChildWindowLocationProps {\n width: number;\n height: number;\n left: number;\n top: number;\n}\n\n/* Supports opening a child browser window from the main application window. The child window is managed by the main application\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\n * @public /\nexport class ChildWindowManager {\n private _openChildWindows: OpenChildWindowInfo[] = [];\n\n public get openChildWindows() {\n return this._openChildWindows;\n }\n\n public findChildWindow(childWindowId: string \| undefined): OpenChildWindowInfo \| undefined {\n if (undefined === childWindowId)\n return undefined;\n\n return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\n }\n\n public findChildWindowId(contentWindow: Window \| undefined \| null): string \| undefined {\n if (!contentWindow)\n return undefined;\n\n const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\n return childWindow?.childWindowId;\n }\n\n // istanbul ignore next\n private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\n const reactConnectionDiv = childWindow.document.getElementById(\"root\");\n if (reactConnectionDiv) {\n // set openChildWindows now so components can use it when they mount\n this._openChildWindows.push({\n childWindowId,\n window: childWindow,\n parentWindow: window,\n });\n\n setTimeout(() => {\n copyStyles(childWindow.document);\n setTimeout(() => {\n ReactDOM.render(\n <Provider store={StateManager.store} >\n <UiStateStorageHandler>\n <ThemeManager>\n <div className=\"uifw-child-window-container-host\">\n <PopupRenderer />\n <ModalDialogRenderer />\n <ModelessDialogRenderer />\n <CursorPopupMenu />\n <div className=\"uifw-child-window-container nz-widget-widget\">\n {content}\n </div>\n </div>\n </ThemeManager>\n </UiStateStorageHandler>\n </Provider>,\n reactConnectionDiv\n );\n });\n });\n\n childWindow.onbeforeunload = () => {\n const frontStageDef = FrontstageManager.activeFrontstageDef;\n if (!frontStageDef)\n return;\n frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);\n this.closeChildWindow(childWindowId, false);\n };\n }\n }\n\n /* Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n public closeAllChildWindows() {\n // istanbul ignore next\n this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\n this._openChildWindows = [];\n }\n\n public closeChildWindow = (childWindowId: string, processWindowClose = true) => {\n const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\n if (-1 === windowIndex)\n return false;\n const childWindow = this.openChildWindows[windowIndex];\n this.openChildWindows.splice(windowIndex, 1);\n if (processWindowClose) {\n childWindow.window.close();\n } else {\n // call the following to convert popout to docked widget\n const frontStageDef = FrontstageManager.activeFrontstageDef;\n frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\n }\n return true;\n };\n\n // istanbul ignore next\n private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\n const outLocation = { ...location };\n if (0 === location.top && 0 === location.left) {\n center = center ?? true;\n const windowTop = window.top ?? window;\n\n // Prepare position of the new window to be centered against the 'parent' window.\n if (center) {\n outLocation.left =\n windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\n outLocation.top =\n windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\n } else {\n if (undefined !== window.screenLeft && undefined !== window.screenTop) {\n outLocation.top = window.screenTop + location.top;\n outLocation.left = window.screenLeft + location.left;\n }\n }\n }\n return outLocation;\n }\n\n // istanbul ignore next\n public openChildWindow(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\n // first check to see if content is already open in child window\n if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\n return false;\n }\n\n location = this.adjustWidowLocation(location);\n const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\n if (!childWindow)\n return false;\n if (0 === url.length) {\n childWindow.document.write(childHtml);\n this.renderChildWindowContents(childWindow, childWindowId, content);\n } else {\n childWindow.addEventListener(\"load\", () => {\n childWindow.document.title = title;\n this.renderChildWindowContents(childWindow, childWindowId, content);\n }, false);\n }\n\n window.addEventListener(\"unload\", () => {\n const frontStageDef = FrontstageManager.activeFrontstageDef;\n if (frontStageDef) {\n this.closeChildWindow(childWindowId, true);\n }\n }, false);\n\n return true;\n }\n}\n"]}
1	+ {"version":3,"file":"ChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n /\r\n\r\nimport \"./ChildWindowManager.scss\";\r\nimport as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <meta charset=\"utf-8\" />\r\n <style>\r\n html,\r\n body {\r\n height: 100%;\r\n width: 100%;\r\n margin: 0;\r\n overflow: hidden;\r\n }\r\n #root {\r\n height: 100%;\r\n }\r\n </style>\r\n</head>\r\n<body>\r\n <noscript>You need to enable JavaScript to run this app.</noscript>\r\n <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/** @public /\r\nexport interface OpenChildWindowInfo {\r\n childWindowId: string;\r\n window: Window;\r\n parentWindow: Window;\r\n}\r\n\r\n/* @public /\r\nexport interface ChildWindowLocationProps {\r\n width: number;\r\n height: number;\r\n left: number;\r\n top: number;\r\n}\r\n\r\n/* Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\r\n * @public /\r\nexport class ChildWindowManager {\r\n private _openChildWindows: OpenChildWindowInfo[] = [];\r\n\r\n public get openChildWindows() {\r\n return this._openChildWindows;\r\n }\r\n\r\n public findChildWindow(childWindowId: string \| undefined): OpenChildWindowInfo \| undefined {\r\n if (undefined === childWindowId)\r\n return undefined;\r\n\r\n return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n }\r\n\r\n public findChildWindowId(contentWindow: Window \| undefined \| null): string \| undefined {\r\n if (!contentWindow)\r\n return undefined;\r\n\r\n const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n return childWindow?.childWindowId;\r\n }\r\n\r\n // istanbul ignore next\r\n private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\r\n const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n if (reactConnectionDiv) {\r\n // set openChildWindows now so components can use it when they mount\r\n this._openChildWindows.push({\r\n childWindowId,\r\n window: childWindow,\r\n parentWindow: window,\r\n });\r\n\r\n setTimeout(() => {\r\n copyStyles(childWindow.document);\r\n setTimeout(() => {\r\n ReactDOM.render(\r\n <Provider store={StateManager.store} >\r\n <UiStateStorageHandler>\r\n <ThemeManager>\r\n <div className=\"uifw-child-window-container-host\">\r\n <PopupRenderer />\r\n <ModalDialogRenderer />\r\n <ModelessDialogRenderer />\r\n <CursorPopupMenu />\r\n <div className=\"uifw-child-window-container nz-widget-widget\">\r\n {content}\r\n </div>\r\n </div>\r\n </ThemeManager>\r\n </UiStateStorageHandler>\r\n </Provider>,\r\n reactConnectionDiv\r\n );\r\n });\r\n });\r\n\r\n childWindow.onbeforeunload = () => {\r\n const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n if (!frontStageDef)\r\n return;\r\n frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);\r\n this.closeChildWindow(childWindowId, false);\r\n };\r\n }\r\n }\r\n\r\n /* Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n public closeAllChildWindows() {\r\n // istanbul ignore next\r\n this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n this._openChildWindows = [];\r\n }\r\n\r\n public closeChildWindow = (childWindowId: string, processWindowClose = true) => {\r\n const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n if (-1 === windowIndex)\r\n return false;\r\n const childWindow = this.openChildWindows[windowIndex];\r\n this.openChildWindows.splice(windowIndex, 1);\r\n if (processWindowClose) {\r\n childWindow.window.close();\r\n } else {\r\n // call the following to convert popout to docked widget\r\n const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n }\r\n return true;\r\n };\r\n\r\n // istanbul ignore next\r\n private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n const outLocation = { ...location };\r\n if (0 === location.top && 0 === location.left) {\r\n center = center ?? true;\r\n const windowTop = window.top ?? window;\r\n\r\n // Prepare position of the new window to be centered against the 'parent' window.\r\n if (center) {\r\n outLocation.left =\r\n windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n outLocation.top =\r\n windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n } else {\r\n if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n outLocation.top = window.screenTop + location.top;\r\n outLocation.left = window.screenLeft + location.left;\r\n }\r\n }\r\n }\r\n return outLocation;\r\n }\r\n\r\n // istanbul ignore next\r\n public openChildWindow(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n // first check to see if content is already open in child window\r\n if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n return false;\r\n }\r\n\r\n location = this.adjustWidowLocation(location);\r\n const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n if (!childWindow)\r\n return false;\r\n if (0 === url.length) {\r\n childWindow.document.write(childHtml);\r\n this.renderChildWindowContents(childWindow, childWindowId, content);\r\n } else {\r\n childWindow.addEventListener(\"load\", () => {\r\n childWindow.document.title = title;\r\n this.renderChildWindowContents(childWindow, childWindowId, content);\r\n }, false);\r\n }\r\n\r\n window.addEventListener(\"unload\", () => {\r\n const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n if (frontStageDef) {\r\n this.closeChildWindow(childWindowId, true);\r\n }\r\n }, false);\r\n\r\n return true;\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/childwindow/ChildWindowManager.scss CHANGED Viewed

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-child-window-container-host {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-.uifw-child-window-container {
-  height: 100%;
-  width: 100%;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-child-window-container-host {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+.uifw-child-window-container {
+  height: 100%;
+  width: 100%;
+}

package/lib/esm/appui-react/childwindow/CopyStyles.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-/**
- * Copies the source CSS into the destination
- * @param targetDoc - target document
- * @param sourceDoc - source document
- * @internal
- */
-export declare function copyStyles(targetDoc: Document, sourceDoc?: Document): void;
+/**
+ * Copies the source CSS into the destination
+ * @param targetDoc - target document
+ * @param sourceDoc - source document
+ * @internal
+ */
+export declare function copyStyles(targetDoc: Document, sourceDoc?: Document): void;
 //# sourceMappingURL=CopyStyles.d.ts.map

package/lib/esm/appui-react/childwindow/CopyStyles.js CHANGED Viewed

@@ -1,39 +1,39 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/**
- * Copies the source CSS into the destination
- * @param targetDoc - target document
- * @param sourceDoc - source document
- * @internal
- */
-export function copyStyles(targetDoc, sourceDoc = document) {
-    const stylesheets = Array.from(sourceDoc.styleSheets);
-    // istanbul ignore next
-    stylesheets.forEach((stylesheet) => {
-        const css = stylesheet;
-        if (stylesheet.href) {
-            const newStyleElement = targetDoc.createElement("link");
-            newStyleElement.rel = "stylesheet";
-            newStyleElement.href = stylesheet.href;
-            targetDoc.head.appendChild(newStyleElement);
-        }
-        else {
-            if (css && css.cssRules && css.cssRules.length > 0) {
-                const newStyleElement = targetDoc.createElement("style");
-                Array.from(css.cssRules).forEach((rule) => {
-                    newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));
-                });
-                targetDoc.head.appendChild(newStyleElement);
-            }
-        }
-    });
-    // copy sprites
-    const svgSymbolParent = sourceDoc.getElementById("__SVG_SPRITE_NODE__");
-    // istanbul ignore else
-    if (svgSymbolParent) {
-        targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/**
+ * Copies the source CSS into the destination
+ * @param targetDoc - target document
+ * @param sourceDoc - source document
+ * @internal
+ */
+export function copyStyles(targetDoc, sourceDoc = document) {
+    const stylesheets = Array.from(sourceDoc.styleSheets);
+    // istanbul ignore next
+    stylesheets.forEach((stylesheet) => {
+        const css = stylesheet;
+        if (stylesheet.href) {
+            const newStyleElement = targetDoc.createElement("link");
+            newStyleElement.rel = "stylesheet";
+            newStyleElement.href = stylesheet.href;
+            targetDoc.head.appendChild(newStyleElement);
+        }
+        else {
+            if (css && css.cssRules && css.cssRules.length > 0) {
+                const newStyleElement = targetDoc.createElement("style");
+                Array.from(css.cssRules).forEach((rule) => {
+                    newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));
+                });
+                targetDoc.head.appendChild(newStyleElement);
+            }
+        }
+    });
+    // copy sprites
+    const svgSymbolParent = sourceDoc.getElementById("__SVG_SPRITE_NODE__");
+    // istanbul ignore else
+    if (svgSymbolParent) {
+        targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));
+    }
+}
 //# sourceMappingURL=CopyStyles.js.map

package/lib/esm/appui-react/childwindow/CopyStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyStyles.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/CopyStyles.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,SAAmB,EAAE,YAAsB,QAAQ;IAC5E,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtD,uBAAuB;IACvB,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QACjC,MAAM,GAAG,GAAG,UAAU,CAAC;QACvB,IAAI,UAAU,CAAC,IAAI,EAAE;YACnB,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,eAAe,CAAC,GAAG,GAAG,YAAY,CAAC;YACnC,eAAe,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;SAC7C;aAAM;YACL,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClD,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACxC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtE,CAAC,CAAC,CAAC;gBACH,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;aAC7C;SACF;IACH,CAAC,CAAC,CAAC;IAEH,eAAe;IACf,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxE,uBAAuB;IACvB,IAAI,eAAe,EAAE;QACnB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7D;AACH,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/*\n Copies the source CSS into the destination\n * @param targetDoc - target document\n * @param sourceDoc - source document\n * @internal\n */\nexport function copyStyles(targetDoc: Document, sourceDoc: Document = document) {\n const stylesheets = Array.from(sourceDoc.styleSheets);\n // istanbul ignore next\n stylesheets.forEach((stylesheet) => {\n const css = stylesheet;\n if (stylesheet.href) {\n const newStyleElement = targetDoc.createElement(\"link\");\n newStyleElement.rel = \"stylesheet\";\n newStyleElement.href = stylesheet.href;\n targetDoc.head.appendChild(newStyleElement);\n } else {\n if (css && css.cssRules && css.cssRules.length > 0) {\n const newStyleElement = targetDoc.createElement(\"style\");\n Array.from(css.cssRules).forEach((rule) => {\n newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));\n });\n targetDoc.head.appendChild(newStyleElement);\n }\n }\n });\n\n // copy sprites\n const svgSymbolParent = sourceDoc.getElementById(\"__SVG_SPRITE_NODE__\");\n // istanbul ignore else\n if (svgSymbolParent) {\n targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));\n }\n}\n"]}
1	+ {"version":3,"file":"CopyStyles.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/CopyStyles.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,SAAmB,EAAE,YAAsB,QAAQ;IAC5E,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtD,uBAAuB;IACvB,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QACjC,MAAM,GAAG,GAAG,UAAU,CAAC;QACvB,IAAI,UAAU,CAAC,IAAI,EAAE;YACnB,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,eAAe,CAAC,GAAG,GAAG,YAAY,CAAC;YACnC,eAAe,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;SAC7C;aAAM;YACL,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClD,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACxC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtE,CAAC,CAAC,CAAC;gBACH,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;aAC7C;SACF;IACH,CAAC,CAAC,CAAC;IAEH,eAAe;IACf,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxE,uBAAuB;IACvB,IAAI,eAAe,EAAE;QACnB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7D;AACH,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/*\r\n Copies the source CSS into the destination\r\n * @param targetDoc - target document\r\n * @param sourceDoc - source document\r\n * @internal\r\n */\r\nexport function copyStyles(targetDoc: Document, sourceDoc: Document = document) {\r\n const stylesheets = Array.from(sourceDoc.styleSheets);\r\n // istanbul ignore next\r\n stylesheets.forEach((stylesheet) => {\r\n const css = stylesheet;\r\n if (stylesheet.href) {\r\n const newStyleElement = targetDoc.createElement(\"link\");\r\n newStyleElement.rel = \"stylesheet\";\r\n newStyleElement.href = stylesheet.href;\r\n targetDoc.head.appendChild(newStyleElement);\r\n } else {\r\n if (css && css.cssRules && css.cssRules.length > 0) {\r\n const newStyleElement = targetDoc.createElement(\"style\");\r\n Array.from(css.cssRules).forEach((rule) => {\r\n newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));\r\n });\r\n targetDoc.head.appendChild(newStyleElement);\r\n }\r\n }\r\n });\r\n\r\n // copy sprites\r\n const svgSymbolParent = sourceDoc.getElementById(\"__SVG_SPRITE_NODE__\");\r\n // istanbul ignore else\r\n if (svgSymbolParent) {\r\n targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));\r\n }\r\n}\r\n"]}

package/lib/esm/appui-react/childwindow/PopoutWidget.d.ts CHANGED Viewed

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-/// <reference types="react" />
-import "./PopoutWidget.scss";
-import { WidgetDef } from "../widgets/WidgetDef";
-interface PopoutWidgetProps {
-    widgetContainerId: string;
-    widgetDef: WidgetDef;
-}
-/** Component used to wrap a widget for use is a child window.
- * @internal
- */
-export declare function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps): JSX.Element;
-export {};
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+/// <reference types="react" />
+import "./PopoutWidget.scss";
+import { WidgetDef } from "../widgets/WidgetDef";
+interface PopoutWidgetProps {
+    widgetContainerId: string;
+    widgetDef: WidgetDef;
+}
+/** Component used to wrap a widget for use is a child window.
+ * @internal
+ */
+export declare function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps): JSX.Element;
+export {};
 //# sourceMappingURL=PopoutWidget.d.ts.map

package/lib/esm/appui-react/childwindow/PopoutWidget.js CHANGED Viewed

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-import "./PopoutWidget.scss";
-import * as React from "react";
-/** Component used to wrap a widget for use is a child window.
- * @internal
- */
-export function PopoutWidget({ widgetContainerId, widgetDef }) {
-    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+import "./PopoutWidget.scss";
+import * as React from "react";
+/** Component used to wrap a widget for use is a child window.
+ * @internal
+ */
+export function PopoutWidget({ widgetContainerId, widgetDef }) {
+    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
+}
 //# sourceMappingURL=PopoutWidget.js.map

package/lib/esm/appui-react/childwindow/PopoutWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAqB;IAC9E,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,oBAAiB,iBAAiB,IACnF,SAAS,CAAC,SAAS,CAChB,CACP,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module ChildWindowManager\n /\n\nimport \"./PopoutWidget.scss\";\nimport as React from \"react\";\nimport { WidgetDef } from \"../widgets/WidgetDef\";\n\ninterface PopoutWidgetProps {\n widgetContainerId: string;\n widgetDef: WidgetDef;\n}\n\n/** Component used to wrap a widget for use is a child window.\n * @internal\n */\nexport function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps) {\n return (\n <div className=\"uifw-popout-widget-filled-container\" data-widget-id={widgetContainerId}>\n {widgetDef.reactNode}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAqB;IAC9E,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,oBAAiB,iBAAiB,IACnF,SAAS,CAAC,SAAS,CAChB,CACP,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n /\r\n\r\nimport \"./PopoutWidget.scss\";\r\nimport as React from \"react\";\r\nimport { WidgetDef } from \"../widgets/WidgetDef\";\r\n\r\ninterface PopoutWidgetProps {\r\n widgetContainerId: string;\r\n widgetDef: WidgetDef;\r\n}\r\n\r\n/** Component used to wrap a widget for use is a child window.\r\n * @internal\r\n */\r\nexport function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps) {\r\n return (\r\n <div className=\"uifw-popout-widget-filled-container\" data-widget-id={widgetContainerId}>\r\n {widgetDef.reactNode}\r\n </div>\r\n );\r\n}\r\n"]}