@itwin/map-layers 6.0.0-dev.1 → 6.0.0-dev.3

package/lib/cjs/ui/hooks/useCrossOriginPopup.d.ts

@@ -0,0 +1,7 @@
+/** Hook that will show a popup window
+ * @internal
+ * Reference: https://github.com/iTwin/appui/commit/b8c0ac6eec4b8f1551cde3b7913df135ccd0f4f5
+ * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useCrossOriginPopup.tsx
+ */
+export declare function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void): void;
+//# sourceMappingURL=useCrossOriginPopup.d.ts.map

package/lib/cjs/ui/hooks/useCrossOriginPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossOriginPopup.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,IAAI,QAsGpB"}

package/lib/cjs/ui/hooks/useCrossOriginPopup.js

@@ -0,0 +1,123 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCrossOriginPopup = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+const useInterval_1 = require("./useInterval");
+/** Hook that will show a popup window
+ * @internal
+ * Reference: https://github.com/iTwin/appui/commit/b8c0ac6eec4b8f1551cde3b7913df135ccd0f4f5
+ * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useCrossOriginPopup.tsx
+ */
+function useCrossOriginPopup(visible, url, title, width, height, onClose) {
+    const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState();
+    // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change
+    // hence the massive use of 'useRef'
+    const popupWindow = React.useRef();
+    const savedUrl = React.useRef(url);
+    const savedTitle = React.useRef(title);
+    const savedWidth = React.useRef(width);
+    const savedHeight = React.useRef(height);
+    const savedOnClose = React.useRef(onClose);
+    React.useEffect(() => {
+        savedUrl.current = url;
+    }, [url]);
+    React.useEffect(() => {
+        savedTitle.current = title;
+    }, [title]);
+    React.useEffect(() => {
+        savedWidth.current = width;
+    }, [width]);
+    React.useEffect(() => {
+        savedHeight.current = height;
+    }, [height]);
+    React.useEffect(() => {
+        savedOnClose.current = onClose;
+    }, [onClose]);
+    // Cleanup method after a popup closure.  Also calls the OnClose callback.
+    const handleClosedPopup = React.useCallback(() => {
+        savedOnClose.current();
+        setCheckPopupAliveDelay(undefined);
+        popupWindow.current = undefined;
+    }, []);
+    const closePopup = React.useCallback(() => {
+        if (popupWindow.current !== undefined) {
+            popupWindow.current.close(); // Manually close the popup
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup]);
+    const checkPopupClosed = React.useCallback(() => {
+        if (popupWindow.current?.closed) {
+            // Popup has been closed by end-user, inform our host and cleanup
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup]);
+    //  Close popup when parent window get closed
+    React.useEffect(() => {
+        window.onbeforeunload = (_event) => {
+            closePopup();
+        };
+        return () => {
+            window.onbeforeunload = null;
+        };
+    }, [closePopup]);
+    // Whenever the hook is unloaded, make sure the underlying popup get closed.
+    // Note: An interval is used to check if popup was closed by user: because we access
+    // a cross domain resource inside the popup, we don't have access to popup window events.
+    // As a workaround, we periodically check if popup is still alive.
+    // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128
+    React.useEffect(() => {
+        return () => {
+            closePopup();
+        };
+    }, [closePopup]);
+    // Timer that checks if popup was closed by end-user
+    (0, useInterval_1.useInterval)(checkPopupClosed, checkPopupAliveDelay);
+    // ==> Main render effect
+    // Monitors visibility changes and open/close the popup accordingly.
+    React.useEffect(() => {
+        // If visible and a popup window is not already open, open a new popup window
+        if (visible && popupWindow.current === undefined) {
+            const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);
+            if (popup) {
+                popup.focus();
+                popupWindow.current = popup;
+                // Start and interval that will check if popup got closed by user
+                setCheckPopupAliveDelay(1000);
+            }
+        }
+        // If not visible but a previous popup window is still open, close it.
+        if (!visible && popupWindow.current !== undefined) {
+            popupWindow.current.close();
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup, visible]);
+}
+exports.useCrossOriginPopup = useCrossOriginPopup;
+//# sourceMappingURL=useCrossOriginPopup.js.map

package/lib/cjs/ui/hooks/useCrossOriginPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossOriginPopup.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"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","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { useInterval } from \"./useInterval\";\n\n/** Hook that will show a popup window\n * @internal\n * Reference: https://github.com/iTwin/appui/commit/b8c0ac6eec4b8f1551cde3b7913df135ccd0f4f5\n * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useCrossOriginPopup.tsx\n */\nexport function useCrossOriginPopup(\n  visible: boolean,\n  url: string | undefined,\n  title: string,\n  width: number,\n  height: number,\n  onClose: () => void\n) {\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<\n    number | undefined\n  >();\n\n  // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change\n  // hence the massive use of 'useRef'\n  const popupWindow = React.useRef<Window>();\n  const savedUrl = React.useRef(url);\n  const savedTitle = React.useRef(title);\n  const savedWidth = React.useRef(width);\n  const savedHeight = React.useRef(height);\n  const savedOnClose = React.useRef(onClose);\n\n  React.useEffect(() => {\n    savedUrl.current = url;\n  }, [url]);\n  React.useEffect(() => {\n    savedTitle.current = title;\n  }, [title]);\n  React.useEffect(() => {\n    savedWidth.current = width;\n  }, [width]);\n  React.useEffect(() => {\n    savedHeight.current = height;\n  }, [height]);\n  React.useEffect(() => {\n    savedOnClose.current = onClose;\n  }, [onClose]);\n\n  // Cleanup method after a popup closure.  Also calls the OnClose callback.\n  const handleClosedPopup = React.useCallback(() => {\n    savedOnClose.current();\n    setCheckPopupAliveDelay(undefined);\n    popupWindow.current = undefined;\n  }, []);\n\n  const closePopup = React.useCallback(() => {\n    if (popupWindow.current !== undefined) {\n      popupWindow.current.close(); // Manually close the popup\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup]);\n\n  const checkPopupClosed = React.useCallback(() => {\n    if (popupWindow.current?.closed) {\n      // Popup has been closed by end-user, inform our host and cleanup\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup]);\n\n  //  Close popup when parent window get closed\n  React.useEffect(() => {\n    window.onbeforeunload = (_event) => {\n      closePopup();\n    };\n    return () => {\n      window.onbeforeunload = null;\n    };\n  }, [closePopup]);\n\n  // Whenever the hook is unloaded, make sure the underlying popup get closed.\n  // Note: An interval is used to check if popup was closed by user: because we access\n  // a cross domain resource inside the popup, we don't have access to popup window events.\n  // As a workaround, we periodically check if popup is still alive.\n  // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128\n  React.useEffect(() => {\n    return () => {\n      closePopup();\n    };\n  }, [closePopup]);\n\n  // Timer that checks if popup was closed by end-user\n  useInterval(checkPopupClosed, checkPopupAliveDelay);\n\n  // ==> Main render effect\n  // Monitors visibility changes and open/close the popup accordingly.\n  React.useEffect(() => {\n    // If visible and a popup window is not already open, open a new popup window\n    if (visible && popupWindow.current === undefined) {\n      const popup = window.open(\n        savedUrl.current,\n        savedTitle.current,\n        `width=${savedWidth.current},height=${savedHeight.current}`\n      );\n      if (popup) {\n        popup.focus();\n        popupWindow.current = popup;\n\n        // Start and interval that will check if popup got closed by user\n        setCheckPopupAliveDelay(1000);\n      }\n    }\n\n    // If not visible but a previous popup window is still open, close it.\n    if (!visible && popupWindow.current !== undefined) {\n      popupWindow.current.close();\n\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup, visible]);\n}\n"]}

package/lib/cjs/ui/hooks/useInterval.d.ts

@@ -0,0 +1,7 @@
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @internal
+ * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useInterval.tsx
+ */
+export declare function useInterval(callback: (...args: any[]) => void, delay: number | undefined): void;
+//# sourceMappingURL=useInterval.d.ts.map

package/lib/cjs/ui/hooks/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useInterval.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM,GAAG,SAAS,QAuB1B"}

package/lib/cjs/ui/hooks/useInterval.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @internal
+ * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useInterval.tsx
+ */
+function useInterval(callback, delay) {
+    const savedCallback = React.useRef(callback);
+    // Remember the latest function.
+    React.useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    React.useEffect(() => {
+        function tick() {
+            savedCallback.current();
+        }
+        if (delay !== undefined) {
+            const id = setInterval(tick, delay);
+            return () => {
+                clearInterval(id);
+            };
+        }
+        else {
+            return undefined;
+        }
+    }, [delay]);
+}
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.js.map

package/lib/cjs/ui/hooks/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useInterval.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAE/B;;;;GAIG;AACH,SAAgB,WAAW,CACzB,QAAkC,EAClC,KAAyB;IAEzB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,QAAQ,CAAC,CAAC;IAEvE,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,GAAG,EAAE;gBACV,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AAzBD,kCAyBC","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\n\n/** Hook that create an interval and clears it when unloaded\n * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md\n * @internal\n * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useInterval.tsx\n */\nexport function useInterval(\n  callback: (...args: any[]) => void,\n  delay: number | undefined\n) {\n  const savedCallback = React.useRef<(...args: any[]) => void>(callback);\n\n  // Remember the latest function.\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== undefined) {\n      const id = setInterval(tick, delay);\n      return () => {\n        clearInterval(id);\n      };\n    } else {\n      return undefined;\n    }\n  }, [delay]);\n}\n"]}

package/lib/cjs/ui/hooks/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+export declare const useResizeObserver: <T extends HTMLElement>(onResize: (size: DOMRectReadOnly) => void) => readonly [(element: T | null | undefined) => void, ResizeObserver | undefined];
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/lib/cjs/ui/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,iBAAiB,oCAClB,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,yBAK7B,CAAC,GAAG,IAAI,GAAG,SAAS,sCA2BjC,CAAC"}

package/lib/cjs/ui/hooks/useResizeObserver.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+const React = __importStar(require("react"));
+/** Hook that will observe Window Resize
+ * @internal
+ * Reference: https://github.com/iTwin/iTwinUI/blob/87bbc99316c17bd2b763a730135fbb45c84b0e82/packages/itwinui-react/src/utils/hooks/useResizeObserver.tsx
+ * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useResizeObserver.tsx
+ */
+const getWindow = () => {
+    return typeof window === "undefined" ? undefined : window;
+};
+const useResizeObserver = (onResize) => {
+    const resizeObserver = React.useRef();
+    const elementRef = React.useCallback((element) => {
+        if (!getWindow()?.ResizeObserver) {
+            return;
+        }
+        resizeObserver.current?.disconnect?.();
+        if (element) {
+            resizeObserver.current = new ResizeObserver((entries) => {
+                // We wrap onResize with requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
+                // See: https://github.com/iTwin/iTwinUI/issues/1317
+                // See: https://stackoverflow.com/a/58701523/11547064
+                window.requestAnimationFrame(() => {
+                    if (!Array.isArray(entries) || !entries.length) {
+                        return;
+                    }
+                    const [{ contentRect }] = entries;
+                    return onResize(contentRect);
+                });
+            });
+            resizeObserver.current?.observe?.(element);
+        }
+    }, [onResize]);
+    return [elementRef, resizeObserver.current];
+};
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=useResizeObserver.js.map

package/lib/cjs/ui/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useResizeObserver.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAE/B;;;;GAIG;AACH,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5D,CAAC,CAAC;AAEK,MAAM,iBAAiB,GAAG,CAC/B,QAAyC,EACzC,EAAE;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEtD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,OAA6B,EAAE,EAAE;QAChC,IAAI,CAAC,SAAS,EAAE,EAAE,cAAc,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;QACvC,IAAI,OAAO,EAAE,CAAC;YACZ,cAAc,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;gBACtD,uGAAuG;gBACvG,oDAAoD;gBACpD,qDAAqD;gBACrD,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;wBAC/C,OAAO;oBACT,CAAC;oBAED,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,OAAO,CAAC;oBAClC,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAU,CAAC;AACvD,CAAC,CAAC;AAjCW,QAAA,iBAAiB,qBAiC5B","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\n\n/** Hook that will observe Window Resize\n * @internal\n * Reference: https://github.com/iTwin/iTwinUI/blob/87bbc99316c17bd2b763a730135fbb45c84b0e82/packages/itwinui-react/src/utils/hooks/useResizeObserver.tsx\n * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useResizeObserver.tsx\n */\nconst getWindow = () => {\n  return typeof window === \"undefined\" ? undefined : window;\n};\n\nexport const useResizeObserver = <T extends HTMLElement>(\n  onResize: (size: DOMRectReadOnly) => void,\n) => {\n  const resizeObserver = React.useRef<ResizeObserver>();\n\n  const elementRef = React.useCallback(\n    (element: T | null | undefined) => {\n      if (!getWindow()?.ResizeObserver) {\n        return;\n      }\n\n      resizeObserver.current?.disconnect?.();\n      if (element) {\n        resizeObserver.current = new ResizeObserver((entries) => {\n          // We wrap onResize with requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded\n          // See: https://github.com/iTwin/iTwinUI/issues/1317\n          // See: https://stackoverflow.com/a/58701523/11547064\n          window.requestAnimationFrame(() => {\n            if (!Array.isArray(entries) || !entries.length) {\n              return;\n            }\n\n            const [{ contentRect }] = entries;\n            return onResize(contentRect);\n          });\n        });\n        resizeObserver.current?.observe?.(element);\n      }\n    },\n    [onResize],\n  );\n\n  return [elementRef, resizeObserver.current] as const;\n};\n"]}

package/lib/cjs/ui/widget/AttachLayerPopupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachLayerPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":"AAsgBA,gBAAgB;AAChB,oBAAY,qBAAqB;IAC/B,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AACD,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAsGxE"}
+{"version":3,"file":"AttachLayerPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":"AA8gBA,gBAAgB;AAChB,oBAAY,qBAAqB;IAC/B,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AACD,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAsGxE"}

package/lib/cjs/ui/widget/AttachLayerPopupButton.js

@@ -351,7 +351,13 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick, se
             onHandleOutsideClick(false);
         }
     }, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, mapLayerOptions, onHandleOutsideClick, setMapUrlModalOpen, sources]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-header", children: [(loading || loadingSources) && ((0, jsx_runtime_1.jsx)(itwinui_react_1.ProgressRadial, { as: "div", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Text, { variant: 'small', children: loadingMapSources }) })), (0, jsx_runtime_1.jsxs)("div", { className: "map-manager-source-listbox-header", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Input, { type: "text", className: "map-manager-source-list-filter", placeholder: placeholderLabel, value: sourceFilterString, onChange: handleFilterTextChanged, size: "small" }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "map-manager-add-source-button", title: addCustomLayerToolTip, onClick: handleAddNewMapSource, children: addCustomLayerLabel })] }), (0, jsx_runtime_1.jsx)("div", { className: "map-manager-sources", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.List, { id: "map-sources", as: "div", className: "map-manager-source-list", children: filteredOptions?.map((source) => ((0, jsx_runtime_1.jsxs)(itwinui_react_1.ListItem, { as: "div", className: "map-source-list-entry", actionable: true, onClick: () => handleAttach(source.name), onMouseEnter: () => setLayerNameUnderCursor(source.name), onMouseLeave: () => setLayerNameUnderCursor(undefined), children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.ListItem.Content, { children: source.name }), 
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-header", children: [(loading || loadingSources) && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    position: "absolute",
+                    inset: 0,
+                    display: "grid",
+                    placeItems: "center",
+                    zIndex: 100,
+                }, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.ProgressRadial, { as: "div", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Text, { variant: 'small', children: loadingMapSources }) }) })), (0, jsx_runtime_1.jsxs)("div", { className: "map-manager-source-listbox-header", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Input, { type: "text", className: "map-manager-source-list-filter", placeholder: placeholderLabel, value: sourceFilterString, onChange: handleFilterTextChanged, size: "small" }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "map-manager-add-source-button", title: addCustomLayerToolTip, onClick: handleAddNewMapSource, children: addCustomLayerLabel })] }), (0, jsx_runtime_1.jsx)("div", { className: "map-manager-sources", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.List, { id: "map-sources", as: "div", className: "map-manager-source-list", children: filteredOptions?.map((source) => ((0, jsx_runtime_1.jsxs)(itwinui_react_1.ListItem, { as: "div", className: "map-source-list-entry", actionable: true, onClick: () => handleAttach(source.name), onMouseEnter: () => setLayerNameUnderCursor(source.name), onMouseLeave: () => setLayerNameUnderCursor(undefined), children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.ListItem.Content, { children: source.name }), 
                             // Display the delete icon only when the mouse over a specific item
                             // otherwise list feels cluttered.
                             !!iTwinId && layerNameUnderCursor && layerNameUnderCursor === source.name && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: editLayerDefButtonTitle, onClick: onItemEditButtonClicked, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgEdit, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: removeLayerDefButtonTitle, onClick: (event) => {

package/lib/cjs/ui/widget/AttachLayerPopupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachLayerPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":"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","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { IModelApp, MapLayerSource, MapLayerSourceStatus, NotifyMessageDetails, OutputMessagePriority } from \"@itwin/core-frontend\";\nimport { SvgAdd, SvgDelete, SvgEdit } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton, Input, List, ListItem, Popover, ProgressRadial, Text } from \"@itwin/itwinui-react\";\nimport { MapLayerPreferences } from \"../../MapLayerPreferences\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { ConfirmMessageDialog } from \"./ConfirmMessageDialog\";\nimport { useSourceMapContext } from \"./MapLayerManager\";\nimport { MapSelectFeaturesDialog } from \"./MapSelectFeaturesDialog\";\nimport { MapUrlDialog } from \"./MapUrlDialog\";\n\nimport type { MapSubLayerProps } from \"@itwin/core-common\";\nimport type { MapLayerSourceValidation } from \"@itwin/core-frontend\";\nimport type { SourceState } from \"./MapUrlDialog\";\n// cSpell:ignore droppable Sublayer\n\nenum LayerAction {\n  New,\n  Edit,\n}\n\ninterface AttachLayerPanelProps {\n  isOverlay: boolean;\n  onLayerAttached: () => void;\n  onHandleOutsideClick?: (shouldHandle: boolean) => void;\n  setMapUrlModalOpen: (open: boolean) => void;\n}\n\nfunction AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick, setMapUrlModalOpen}: AttachLayerPanelProps) {\n  const [layerNameToAdd, setLayerNameToAdd] = React.useState<string | undefined>();\n  const [sourceFilterString, setSourceFilterString] = React.useState<string | undefined>();\n\n  const {\n    placeholderLabel,\n    addCustomLayerLabel,\n    addCustomLayerToolTip,\n    loadingMapSources,\n    removeLayerDefButtonTitle,\n    editLayerDefButtonTitle,\n    removeLayerDefDialogTitle,\n  } = React.useMemo(() => {\n    return {\n      placeholderLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.SearchPlaceholder\"),\n      addCustomLayerLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.Custom\"),\n      addCustomLayerToolTip: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.AttachCustomLayer\"),\n      loadingMapSources: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.LoadingMapSources\"),\n      removeLayerDefButtonTitle: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefButtonTitle\"),\n      editLayerDefButtonTitle: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.EditLayerDefButtonTitle\"),\n      removeLayerDefDialogTitle: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefDialogTitle\"),\n    };\n  }, []);\n\n  const [loading, setLoading] = React.useState(false);\n  const [layerNameUnderCursor, setLayerNameUnderCursor] = React.useState<string | undefined>();\n\n  const resumeOutsideClick = React.useCallback(() => {\n    if (onHandleOutsideClick) {\n      onHandleOutsideClick(true);\n    }\n  }, [onHandleOutsideClick]);\n\n  // 'isMounted' is used to prevent any async operation once the hook has been\n  // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.\n  const isMounted = React.useRef(false);\n  React.useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n\n      // We close any open dialogs that we might have opened\n      // This was added because the modal dialog remained remained displayed after the session expired.\n      UiFramework.dialogs.modal.close();\n    };\n  }, []);\n\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setSourceFilterString(event.target.value);\n  }, []);\n\n  const { loadingSources, sources, activeViewport, backgroundLayers, overlayLayers, mapLayerOptions } = useSourceMapContext();\n  const iTwinId = activeViewport?.iModel?.iTwinId;\n  const iModelId = activeViewport?.iModel?.iModelId;\n\n  const attachLayer = React.useCallback(\n    (source: MapLayerSource, subLayers: MapSubLayerProps[] | undefined, oneMapLayerPerSubLayer: boolean) => {\n      if (activeViewport) {\n        const generateUniqueMapLayerName = (layerName: string) => {\n          let uniqueLayerName = layerName;\n          let layerNameIdx = 1;\n          while (\n            (backgroundLayers && backgroundLayers.some((layer) => uniqueLayerName === layer.name)) ||\n            (overlayLayers && overlayLayers.some((layer) => uniqueLayerName === layer.name))\n          ) {\n            uniqueLayerName = `${layerName} (${layerNameIdx++})`;\n          }\n          return { layerNameUpdate: layerNameIdx > 1, uniqueLayerName };\n        };\n\n        const doAttachLayer = (layerName: string, subLayer?: MapSubLayerProps) => {\n          const generatedName = generateUniqueMapLayerName(layerName);\n          let sourceToAdd = source;\n          if (generatedName.layerNameUpdate || sourceToAdd.name !== generatedName.uniqueLayerName) {\n            // create a source with a unique name\n            const clonedSource = MapLayerSource.fromJSON({ ...source.toJSON(), name: generatedName.uniqueLayerName });\n            if (clonedSource !== undefined) {\n              clonedSource.userName = source.userName;\n              clonedSource.password = source.password;\n              clonedSource.unsavedQueryParams = { ...source.unsavedQueryParams };\n              clonedSource.savedQueryParams = { ...source.savedQueryParams };\n              sourceToAdd = clonedSource;\n            }\n          }\n\n          const settings = sourceToAdd.toLayerSettings(subLayer ? [subLayer] : subLayers);\n          if (settings) {\n            activeViewport.displayStyle.attachMapLayer({ settings, mapLayerIndex: { index: -1, isOverlay } });\n            return generatedName.uniqueLayerName;\n          }\n          return undefined;\n        };\n\n        if (oneMapLayerPerSubLayer && subLayers) {\n          const layerNamesAttached: string[] = [];\n          for (const subLayer of subLayers) {\n            const attachedLayerName = doAttachLayer(`${source.name} - ${subLayer.name}`, subLayer);\n            if (attachedLayerName !== undefined) {\n              layerNamesAttached.push(attachedLayerName);\n            }\n          }\n\n          if (layerNamesAttached.length > 0) {\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayersAttached\", { layerNames: layerNamesAttached.join(\", \") });\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n          }\n        } else {\n          const attachedLayerName = doAttachLayer(source.name, undefined);\n          if (attachedLayerName !== undefined) {\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttached\", { sourceName: attachedLayerName });\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n          }\n        }\n\n        if (isMounted.current) {\n          setLoading(false);\n        }\n      }\n      if (isMounted.current) {\n        onLayerAttached();\n        resumeOutsideClick();\n      }\n    },\n    [activeViewport, backgroundLayers, isOverlay, onLayerAttached, overlayLayers, resumeOutsideClick],\n  );\n\n  const handleSelectFeaturesCancel = React.useCallback(() => {\n    if (isMounted.current) {\n      setLoading(false);\n    }\n    resumeOutsideClick();\n    UiFramework.dialogs.modal.close();\n  }, [resumeOutsideClick, setLoading]);\n\n  const handleSelectFeaturesOk = React.useCallback(\n    (source: MapLayerSource, sourceSubLayers: MapSubLayerProps[], selectedSubLayers: MapSubLayerProps[]) => {\n      // keep only visible subLayers\n      const visibleSubLayers = selectedSubLayers.filter((value) => value.visible);\n\n      // Re-apply default visibility from the source validation\n      visibleSubLayers.forEach((visible) => {\n        const found = sourceSubLayers.find((value) => {\n          visible.name === value.name;\n        });\n        if (found) {\n          visible.visible = found?.visible;\n        }\n      });\n      attachLayer(source, visibleSubLayers, true);\n    },\n    [attachLayer],\n  );\n\n  const openFeatureSelectionDialog = React.useCallback(\n    (subLayers: MapSubLayerProps[], source: MapLayerSource) => {\n      // Keep leafs sub-layers and force default visibility to false\n      const noGroupLayers = subLayers.filter((value: MapSubLayerProps) => value.children === undefined);\n      const visibleLayers = noGroupLayers.map((value: MapSubLayerProps) => {\n        return { ...value, visible: false };\n      });\n      UiFramework.dialogs.modal.open(\n        <MapSelectFeaturesDialog\n          handleOk={(selectedLayers) => {\n            handleSelectFeaturesOk(source, subLayers, selectedLayers);\n          }}\n          handleCancel={handleSelectFeaturesCancel}\n          source={source}\n          subLayers={visibleLayers}\n        />,\n      );\n    },\n    [handleSelectFeaturesCancel, handleSelectFeaturesOk],\n  );\n\n  const needsFeatureSelection = React.useCallback((source: MapLayerSource, validation: MapLayerSourceValidation) => {\n    return (\n      (source.formatId === \"ArcGISFeature\" || source.formatId === \"WMTS\") && // TODO, replace this with a flag in MapLayerSourceStatus\n      validation.subLayers &&\n      validation.subLayers.length > 1\n    );\n  }, []);\n\n  const handleModalUrlDialogOk = React.useCallback(\n    (action: LayerAction, sourceState?: SourceState) => {\n      setMapUrlModalOpen(false);\n      UiFramework.dialogs.modal.close();\n      if (LayerAction.New === action && sourceState && sourceState.validation.status === MapLayerSourceStatus.Valid) {\n        if (needsFeatureSelection(sourceState.source, sourceState.validation)) {\n          openFeatureSelectionDialog(sourceState.validation.subLayers!, sourceState.source);\n        } else {\n          attachLayer(sourceState.source, sourceState.validation.subLayers, false);\n        }\n      } else {\n        resumeOutsideClick();\n      }\n    },\n    [attachLayer, needsFeatureSelection, openFeatureSelectionDialog, resumeOutsideClick, setMapUrlModalOpen],\n  );\n\n  const handleModalUrlDialogCancel = React.useCallback(() => {\n    // close popup and refresh UI\n    setLoading(false);\n    setMapUrlModalOpen(false);\n    UiFramework.dialogs.modal.close();\n    resumeOutsideClick();\n  }, [setLoading, resumeOutsideClick, setMapUrlModalOpen]);\n\n  React.useEffect(() => {\n    async function attemptToAddLayer() {\n      if (layerNameToAdd && activeViewport) {\n        // if the layer is not in the style add it now.\n        const foundSource = sources?.find((source) => source.name === layerNameToAdd);\n        if (foundSource === undefined) {\n          return;\n        }\n\n        try {\n          if (isMounted.current) {\n            setLoading(true);\n          }\n\n          const sourceValidation = await foundSource.validateSource();\n          if (sourceValidation.status === MapLayerSourceStatus.Valid || sourceValidation.status === MapLayerSourceStatus.RequireAuth) {\n            if (sourceValidation.status === MapLayerSourceStatus.Valid) {\n              if (sourceValidation.subLayers && needsFeatureSelection(foundSource, sourceValidation)) {\n                openFeatureSelectionDialog(sourceValidation.subLayers, foundSource);\n                if (onHandleOutsideClick) {\n                  onHandleOutsideClick(false);\n                }\n              } else {\n                attachLayer(foundSource, sourceValidation.subLayers, false);\n              }\n            } else if (sourceValidation.status === MapLayerSourceStatus.RequireAuth && isMounted.current) {\n              const layer = foundSource.toLayerSettings();\n              if (layer) {\n                setMapUrlModalOpen(true);\n                UiFramework.dialogs.modal.open(\n                  <MapUrlDialog\n                    activeViewport={activeViewport}\n                    signInModeArgs={{ layer, validation: sourceValidation, source: foundSource }}\n                    onOkResult={(sourceState?: SourceState) => handleModalUrlDialogOk(LayerAction.New, sourceState)}\n                    onCancelResult={handleModalUrlDialogCancel}\n                    mapLayerOptions={mapLayerOptions}\n                  />,\n                );\n              }\n\n              if (onHandleOutsideClick) {\n                onHandleOutsideClick(false);\n              }\n            }\n          } else {\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerValidationFailed\", { sourceUrl: foundSource.url });\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n            if (isMounted.current) {\n              setLoading(false);\n            }\n          }\n        } catch (err) {\n          if (isMounted.current) {\n            setLoading(false);\n          }\n          const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttachError\", { error: err, sourceName: foundSource.name });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n        }\n      }\n      return;\n    }\n\n    attemptToAddLayer(); // eslint-disable-line @typescript-eslint/no-floating-promises\n\n    if (isMounted.current) {\n      setLayerNameToAdd(undefined);\n    }\n  }, [\n    attachLayer,\n    needsFeatureSelection,\n    setLayerNameToAdd,\n    layerNameToAdd,\n    activeViewport,\n    sources,\n    backgroundLayers,\n    isOverlay,\n    overlayLayers,\n    onLayerAttached,\n    handleModalUrlDialogOk,\n    handleSelectFeaturesCancel,\n    handleSelectFeaturesOk,\n    handleModalUrlDialogCancel,\n    onHandleOutsideClick,\n    openFeatureSelectionDialog,\n    mapLayerOptions,\n    setMapUrlModalOpen,\n  ]);\n\n  const options = React.useMemo(() => sources, [sources]);\n\n  const filteredOptions = React.useMemo(() => {\n    if (undefined === sourceFilterString || 0 === sourceFilterString.length) {\n      return options;\n    } else {\n      return options?.filter((option) => option.name.toLowerCase().includes(sourceFilterString?.toLowerCase()));\n    }\n  }, [options, sourceFilterString]);\n\n  const handleAddNewMapSource = React.useCallback((event: React.MouseEvent) => {\n    event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n    setMapUrlModalOpen(true);\n    UiFramework.dialogs.modal.open(\n      <MapUrlDialog\n        activeViewport={activeViewport}\n        onOkResult={(result?: SourceState) => handleModalUrlDialogOk(LayerAction.New, result)}\n        onCancelResult={handleModalUrlDialogCancel}\n        mapLayerOptions={mapLayerOptions}\n      />,\n    );\n    if (onHandleOutsideClick) {\n      onHandleOutsideClick(false);\n    }\n}, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, mapLayerOptions, onHandleOutsideClick, setMapUrlModalOpen]);\n\n  const handleAttach = React.useCallback((mapName: string) => {\n    setLayerNameToAdd(mapName);\n  }, []);\n\n  const handleNoConfirmation = React.useCallback(\n    (_layerName: string) => {\n      UiFramework.dialogs.modal.close();\n      resumeOutsideClick();\n    },\n    [resumeOutsideClick],\n  );\n\n  const handleYesConfirmation = React.useCallback(\n    async (source: MapLayerSource) => {\n      const layerName = source.name;\n      if (!!iTwinId) {\n        try {\n          await MapLayerPreferences.deleteByName(source, iTwinId, iModelId);\n          const msg = MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefSuccess\", { layerName });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n        } catch {\n          const msg = MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefError\", { layerName });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n        }\n      }\n\n      UiFramework.dialogs.modal.close();\n      resumeOutsideClick();\n    },\n    [iTwinId, iModelId, resumeOutsideClick],\n  );\n\n  /*\n   Handle Remove layer button clicked\n  */\n  const onItemRemoveButtonClicked = React.useCallback(\n    (source: MapLayerSource, event: React.MouseEvent) => {\n      event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n\n      const layerName = source.name;\n\n      const msg = MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefDialogMessage\", { layerName });\n      UiFramework.dialogs.modal.open(\n        <ConfirmMessageDialog\n          className=\"map-sources-delete-confirmation\"\n          title={removeLayerDefDialogTitle}\n          message={msg}\n          maxWidth={400}\n          opened\n          onYesResult={async () => handleYesConfirmation(source)}\n          onNoResult={() => handleNoConfirmation(layerName)}\n        />,\n      );\n      if (onHandleOutsideClick) {\n        onHandleOutsideClick(false);\n      }\n    },\n    [handleNoConfirmation, handleYesConfirmation, onHandleOutsideClick, removeLayerDefDialogTitle],\n  );\n\n  /*\n Handle Edit layer button clicked\n */\n  const onItemEditButtonClicked = React.useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n      const targetLayerName = (event?.currentTarget?.parentNode as HTMLElement)?.textContent;\n      const matchingSource = sources.find((layerSource) => layerSource.name === targetLayerName);\n\n      // we expect a single layer source matching this name\n      if (matchingSource === undefined) {\n        return;\n      }\n      setMapUrlModalOpen(true);\n      UiFramework.dialogs.modal.open(\n        <MapUrlDialog\n          activeViewport={activeViewport}\n          mapLayerSourceToEdit={matchingSource}\n          onOkResult={(result?: SourceState) => handleModalUrlDialogOk(LayerAction.Edit, result)}\n          onCancelResult={handleModalUrlDialogCancel}\n          mapLayerOptions={mapLayerOptions}\n        />,\n      );\n\n      if (onHandleOutsideClick) {\n        onHandleOutsideClick(false);\n      }\n    },\n    [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, mapLayerOptions, onHandleOutsideClick,setMapUrlModalOpen, sources],\n  );\n\n  return (\n    <div className=\"map-manager-header\">\n      {(loading || loadingSources) && (\n        <ProgressRadial as=\"div\">\n          <Text variant='small'>{loadingMapSources}</Text>\n        </ProgressRadial>\n      )}\n      <div className=\"map-manager-source-listbox-header\">\n        <Input\n          type=\"text\"\n          className=\"map-manager-source-list-filter\"\n          placeholder={placeholderLabel}\n          value={sourceFilterString}\n          onChange={handleFilterTextChanged}\n          size=\"small\"\n        />\n        <Button className=\"map-manager-add-source-button\" title={addCustomLayerToolTip} onClick={handleAddNewMapSource}>\n          {addCustomLayerLabel}\n        </Button>\n      </div>\n      <div className=\"map-manager-sources\">\n        <List\n          id=\"map-sources\"\n          as=\"div\"\n          className=\"map-manager-source-list\"\n        >\n          {filteredOptions?.map((source) => (\n            <ListItem\n              as=\"div\"\n              key={source.name}\n              className=\"map-source-list-entry\"\n              actionable\n              onClick={() => handleAttach(source.name)}\n              onMouseEnter={() => setLayerNameUnderCursor(source.name)}\n              onMouseLeave={() => setLayerNameUnderCursor(undefined)}\n            >\n              <ListItem.Content>{source.name}</ListItem.Content>\n              {\n                // Display the delete icon only when the mouse over a specific item\n                // otherwise list feels cluttered.\n                !!iTwinId && layerNameUnderCursor && layerNameUnderCursor === source.name && (\n                  <>\n                    <Button\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      title={editLayerDefButtonTitle}\n                      onClick={onItemEditButtonClicked}\n                    >\n                      <SvgEdit />\n                    </Button>\n                    <Button\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      title={removeLayerDefButtonTitle}\n                      onClick={(event: React.MouseEvent) => {\n                        onItemRemoveButtonClicked(source, event);\n                      }}\n                    >\n                      <SvgDelete />\n                    </Button>\n                  </>\n                )\n              }\n            </ListItem>\n          ))}\n        </List>\n      </div>\n    </div>\n  );\n}\n\n/** @internal */\nexport enum AttachLayerButtonType {\n  Primary,\n  Blue,\n  Icon,\n}\nexport interface AttachLayerPopupButtonProps {\n  isOverlay: boolean;\n  buttonType?: AttachLayerButtonType;\n  disabled?: boolean;\n}\n\n/** @internal */\nexport function AttachLayerPopupButton(props: AttachLayerPopupButtonProps) {\n  const { showAttachLayerLabel, hideAttachLayerLabel, addCustomLayerButtonLabel } = React.useMemo(() => {\n    return {\n      showAttachLayerLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:AttachLayerPopup.Attach\"),\n      hideAttachLayerLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:AttachLayerPopup.Close\"),\n      addCustomLayerButtonLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.AddCustomLayerButtonLabel\"),\n    };\n  }, []);\n\n  const [handleOutsideClick, setHandleOutsideClick] = React.useState(true);\n  const [mapUrlModalOpen, setMapUrlModalOpen] = React.useState(false);\n  const [popupOpen, setPopupOpen] = React.useState(false);\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  // 'isMounted' is used to prevent any async operation once the hook has been\n  // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.\n  const isMounted = React.useRef(false);\n  React.useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  const togglePopup = React.useCallback(() => {\n    setPopupOpen(!popupOpen);\n  }, [popupOpen]);\n\n\n  const { refreshFromStyle } = useSourceMapContext();\n\n  const handleLayerAttached = React.useCallback(() => {\n    if (!isMounted.current) {\n      return;\n    }\n    setPopupOpen(false);\n    refreshFromStyle();\n  }, [refreshFromStyle]);\n\n  function renderButton(): React.ReactNode {\n    let button: React.ReactNode;\n\n    if (props.buttonType === undefined || props.buttonType === AttachLayerButtonType.Icon) {\n      button = (\n        <IconButton\n          disabled={props.disabled}\n          size=\"small\"\n          styleType=\"borderless\"\n          ref={buttonRef}\n          className=\"map-manager-attach-layer-button\"\n          label={popupOpen ? hideAttachLayerLabel : showAttachLayerLabel}\n          onClick={togglePopup}\n        >\n          <SvgAdd />\n        </IconButton>\n      );\n    } else {\n      const determineStyleType = () => {\n        switch (props.buttonType) {\n          case AttachLayerButtonType.Blue:\n            return \"high-visibility\";\n          case AttachLayerButtonType.Primary:\n          default:\n            return \"cta\";\n        }\n      };\n      const styleType = determineStyleType();\n      button = (\n        <Button\n          disabled={props.disabled}\n          ref={buttonRef}\n          styleType={styleType}\n          title={popupOpen ? hideAttachLayerLabel : showAttachLayerLabel}\n          onClick={togglePopup}\n        >\n          {addCustomLayerButtonLabel}\n        </Button>\n      );\n    }\n\n    return button;\n  }\n\n  return (\n    <>\n      <Popover\n        content={\n          <div ref={panelRef} className=\"map-sources-popup-panel\">\n            <AttachLayerPanel isOverlay={props.isOverlay} onLayerAttached={handleLayerAttached} onHandleOutsideClick={setHandleOutsideClick} setMapUrlModalOpen={setMapUrlModalOpen} />\n          </div>\n        }\n        applyBackground\n        visible={popupOpen || mapUrlModalOpen} // keep the Popover open while the mapUrlModal is active\n        onVisibleChange={setPopupOpen}\n        closeOnOutsideClick={handleOutsideClick}\n        placement={\"bottom-end\"}\n      >\n        {renderButton()}\n      </Popover>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"AttachLayerPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":"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","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { IModelApp, MapLayerSource, MapLayerSourceStatus, NotifyMessageDetails, OutputMessagePriority } from \"@itwin/core-frontend\";\nimport { SvgAdd, SvgDelete, SvgEdit } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton, Input, List, ListItem, Popover, ProgressRadial, Text } from \"@itwin/itwinui-react\";\nimport { MapLayerPreferences } from \"../../MapLayerPreferences\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { ConfirmMessageDialog } from \"./ConfirmMessageDialog\";\nimport { useSourceMapContext } from \"./MapLayerManager\";\nimport { MapSelectFeaturesDialog } from \"./MapSelectFeaturesDialog\";\nimport { MapUrlDialog } from \"./MapUrlDialog\";\n\nimport type { MapSubLayerProps } from \"@itwin/core-common\";\nimport type { MapLayerSourceValidation } from \"@itwin/core-frontend\";\nimport type { SourceState } from \"./MapUrlDialog\";\n// cSpell:ignore droppable Sublayer\n\nenum LayerAction {\n  New,\n  Edit,\n}\n\ninterface AttachLayerPanelProps {\n  isOverlay: boolean;\n  onLayerAttached: () => void;\n  onHandleOutsideClick?: (shouldHandle: boolean) => void;\n  setMapUrlModalOpen: (open: boolean) => void;\n}\n\nfunction AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick, setMapUrlModalOpen}: AttachLayerPanelProps) {\n  const [layerNameToAdd, setLayerNameToAdd] = React.useState<string | undefined>();\n  const [sourceFilterString, setSourceFilterString] = React.useState<string | undefined>();\n\n  const {\n    placeholderLabel,\n    addCustomLayerLabel,\n    addCustomLayerToolTip,\n    loadingMapSources,\n    removeLayerDefButtonTitle,\n    editLayerDefButtonTitle,\n    removeLayerDefDialogTitle,\n  } = React.useMemo(() => {\n    return {\n      placeholderLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.SearchPlaceholder\"),\n      addCustomLayerLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.Custom\"),\n      addCustomLayerToolTip: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.AttachCustomLayer\"),\n      loadingMapSources: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.LoadingMapSources\"),\n      removeLayerDefButtonTitle: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefButtonTitle\"),\n      editLayerDefButtonTitle: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.EditLayerDefButtonTitle\"),\n      removeLayerDefDialogTitle: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefDialogTitle\"),\n    };\n  }, []);\n\n  const [loading, setLoading] = React.useState(false);\n  const [layerNameUnderCursor, setLayerNameUnderCursor] = React.useState<string | undefined>();\n\n  const resumeOutsideClick = React.useCallback(() => {\n    if (onHandleOutsideClick) {\n      onHandleOutsideClick(true);\n    }\n  }, [onHandleOutsideClick]);\n\n  // 'isMounted' is used to prevent any async operation once the hook has been\n  // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.\n  const isMounted = React.useRef(false);\n  React.useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n\n      // We close any open dialogs that we might have opened\n      // This was added because the modal dialog remained remained displayed after the session expired.\n      UiFramework.dialogs.modal.close();\n    };\n  }, []);\n\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setSourceFilterString(event.target.value);\n  }, []);\n\n  const { loadingSources, sources, activeViewport, backgroundLayers, overlayLayers, mapLayerOptions } = useSourceMapContext();\n  const iTwinId = activeViewport?.iModel?.iTwinId;\n  const iModelId = activeViewport?.iModel?.iModelId;\n\n  const attachLayer = React.useCallback(\n    (source: MapLayerSource, subLayers: MapSubLayerProps[] | undefined, oneMapLayerPerSubLayer: boolean) => {\n      if (activeViewport) {\n        const generateUniqueMapLayerName = (layerName: string) => {\n          let uniqueLayerName = layerName;\n          let layerNameIdx = 1;\n          while (\n            (backgroundLayers && backgroundLayers.some((layer) => uniqueLayerName === layer.name)) ||\n            (overlayLayers && overlayLayers.some((layer) => uniqueLayerName === layer.name))\n          ) {\n            uniqueLayerName = `${layerName} (${layerNameIdx++})`;\n          }\n          return { layerNameUpdate: layerNameIdx > 1, uniqueLayerName };\n        };\n\n        const doAttachLayer = (layerName: string, subLayer?: MapSubLayerProps) => {\n          const generatedName = generateUniqueMapLayerName(layerName);\n          let sourceToAdd = source;\n          if (generatedName.layerNameUpdate || sourceToAdd.name !== generatedName.uniqueLayerName) {\n            // create a source with a unique name\n            const clonedSource = MapLayerSource.fromJSON({ ...source.toJSON(), name: generatedName.uniqueLayerName });\n            if (clonedSource !== undefined) {\n              clonedSource.userName = source.userName;\n              clonedSource.password = source.password;\n              clonedSource.unsavedQueryParams = { ...source.unsavedQueryParams };\n              clonedSource.savedQueryParams = { ...source.savedQueryParams };\n              sourceToAdd = clonedSource;\n            }\n          }\n\n          const settings = sourceToAdd.toLayerSettings(subLayer ? [subLayer] : subLayers);\n          if (settings) {\n            activeViewport.displayStyle.attachMapLayer({ settings, mapLayerIndex: { index: -1, isOverlay } });\n            return generatedName.uniqueLayerName;\n          }\n          return undefined;\n        };\n\n        if (oneMapLayerPerSubLayer && subLayers) {\n          const layerNamesAttached: string[] = [];\n          for (const subLayer of subLayers) {\n            const attachedLayerName = doAttachLayer(`${source.name} - ${subLayer.name}`, subLayer);\n            if (attachedLayerName !== undefined) {\n              layerNamesAttached.push(attachedLayerName);\n            }\n          }\n\n          if (layerNamesAttached.length > 0) {\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayersAttached\", { layerNames: layerNamesAttached.join(\", \") });\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n          }\n        } else {\n          const attachedLayerName = doAttachLayer(source.name, undefined);\n          if (attachedLayerName !== undefined) {\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttached\", { sourceName: attachedLayerName });\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n          }\n        }\n\n        if (isMounted.current) {\n          setLoading(false);\n        }\n      }\n      if (isMounted.current) {\n        onLayerAttached();\n        resumeOutsideClick();\n      }\n    },\n    [activeViewport, backgroundLayers, isOverlay, onLayerAttached, overlayLayers, resumeOutsideClick],\n  );\n\n  const handleSelectFeaturesCancel = React.useCallback(() => {\n    if (isMounted.current) {\n      setLoading(false);\n    }\n    resumeOutsideClick();\n    UiFramework.dialogs.modal.close();\n  }, [resumeOutsideClick, setLoading]);\n\n  const handleSelectFeaturesOk = React.useCallback(\n    (source: MapLayerSource, sourceSubLayers: MapSubLayerProps[], selectedSubLayers: MapSubLayerProps[]) => {\n      // keep only visible subLayers\n      const visibleSubLayers = selectedSubLayers.filter((value) => value.visible);\n\n      // Re-apply default visibility from the source validation\n      visibleSubLayers.forEach((visible) => {\n        const found = sourceSubLayers.find((value) => {\n          visible.name === value.name;\n        });\n        if (found) {\n          visible.visible = found?.visible;\n        }\n      });\n      attachLayer(source, visibleSubLayers, true);\n    },\n    [attachLayer],\n  );\n\n  const openFeatureSelectionDialog = React.useCallback(\n    (subLayers: MapSubLayerProps[], source: MapLayerSource) => {\n      // Keep leafs sub-layers and force default visibility to false\n      const noGroupLayers = subLayers.filter((value: MapSubLayerProps) => value.children === undefined);\n      const visibleLayers = noGroupLayers.map((value: MapSubLayerProps) => {\n        return { ...value, visible: false };\n      });\n      UiFramework.dialogs.modal.open(\n        <MapSelectFeaturesDialog\n          handleOk={(selectedLayers) => {\n            handleSelectFeaturesOk(source, subLayers, selectedLayers);\n          }}\n          handleCancel={handleSelectFeaturesCancel}\n          source={source}\n          subLayers={visibleLayers}\n        />,\n      );\n    },\n    [handleSelectFeaturesCancel, handleSelectFeaturesOk],\n  );\n\n  const needsFeatureSelection = React.useCallback((source: MapLayerSource, validation: MapLayerSourceValidation) => {\n    return (\n      (source.formatId === \"ArcGISFeature\" || source.formatId === \"WMTS\") && // TODO, replace this with a flag in MapLayerSourceStatus\n      validation.subLayers &&\n      validation.subLayers.length > 1\n    );\n  }, []);\n\n  const handleModalUrlDialogOk = React.useCallback(\n    (action: LayerAction, sourceState?: SourceState) => {\n      setMapUrlModalOpen(false);\n      UiFramework.dialogs.modal.close();\n      if (LayerAction.New === action && sourceState && sourceState.validation.status === MapLayerSourceStatus.Valid) {\n        if (needsFeatureSelection(sourceState.source, sourceState.validation)) {\n          openFeatureSelectionDialog(sourceState.validation.subLayers!, sourceState.source);\n        } else {\n          attachLayer(sourceState.source, sourceState.validation.subLayers, false);\n        }\n      } else {\n        resumeOutsideClick();\n      }\n    },\n    [attachLayer, needsFeatureSelection, openFeatureSelectionDialog, resumeOutsideClick, setMapUrlModalOpen],\n  );\n\n  const handleModalUrlDialogCancel = React.useCallback(() => {\n    // close popup and refresh UI\n    setLoading(false);\n    setMapUrlModalOpen(false);\n    UiFramework.dialogs.modal.close();\n    resumeOutsideClick();\n  }, [setLoading, resumeOutsideClick, setMapUrlModalOpen]);\n\n  React.useEffect(() => {\n    async function attemptToAddLayer() {\n      if (layerNameToAdd && activeViewport) {\n        // if the layer is not in the style add it now.\n        const foundSource = sources?.find((source) => source.name === layerNameToAdd);\n        if (foundSource === undefined) {\n          return;\n        }\n\n        try {\n          if (isMounted.current) {\n            setLoading(true);\n          }\n\n          const sourceValidation = await foundSource.validateSource();\n          if (sourceValidation.status === MapLayerSourceStatus.Valid || sourceValidation.status === MapLayerSourceStatus.RequireAuth) {\n            if (sourceValidation.status === MapLayerSourceStatus.Valid) {\n              if (sourceValidation.subLayers && needsFeatureSelection(foundSource, sourceValidation)) {\n                openFeatureSelectionDialog(sourceValidation.subLayers, foundSource);\n                if (onHandleOutsideClick) {\n                  onHandleOutsideClick(false);\n                }\n              } else {\n                attachLayer(foundSource, sourceValidation.subLayers, false);\n              }\n            } else if (sourceValidation.status === MapLayerSourceStatus.RequireAuth && isMounted.current) {\n              const layer = foundSource.toLayerSettings();\n              if (layer) {\n                setMapUrlModalOpen(true);\n                UiFramework.dialogs.modal.open(\n                  <MapUrlDialog\n                    activeViewport={activeViewport}\n                    signInModeArgs={{ layer, validation: sourceValidation, source: foundSource }}\n                    onOkResult={(sourceState?: SourceState) => handleModalUrlDialogOk(LayerAction.New, sourceState)}\n                    onCancelResult={handleModalUrlDialogCancel}\n                    mapLayerOptions={mapLayerOptions}\n                  />,\n                );\n              }\n\n              if (onHandleOutsideClick) {\n                onHandleOutsideClick(false);\n              }\n            }\n          } else {\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerValidationFailed\", { sourceUrl: foundSource.url });\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n            if (isMounted.current) {\n              setLoading(false);\n            }\n          }\n        } catch (err) {\n          if (isMounted.current) {\n            setLoading(false);\n          }\n          const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttachError\", { error: err, sourceName: foundSource.name });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n        }\n      }\n      return;\n    }\n\n    attemptToAddLayer(); // eslint-disable-line @typescript-eslint/no-floating-promises\n\n    if (isMounted.current) {\n      setLayerNameToAdd(undefined);\n    }\n  }, [\n    attachLayer,\n    needsFeatureSelection,\n    setLayerNameToAdd,\n    layerNameToAdd,\n    activeViewport,\n    sources,\n    backgroundLayers,\n    isOverlay,\n    overlayLayers,\n    onLayerAttached,\n    handleModalUrlDialogOk,\n    handleSelectFeaturesCancel,\n    handleSelectFeaturesOk,\n    handleModalUrlDialogCancel,\n    onHandleOutsideClick,\n    openFeatureSelectionDialog,\n    mapLayerOptions,\n    setMapUrlModalOpen,\n  ]);\n\n  const options = React.useMemo(() => sources, [sources]);\n\n  const filteredOptions = React.useMemo(() => {\n    if (undefined === sourceFilterString || 0 === sourceFilterString.length) {\n      return options;\n    } else {\n      return options?.filter((option) => option.name.toLowerCase().includes(sourceFilterString?.toLowerCase()));\n    }\n  }, [options, sourceFilterString]);\n\n  const handleAddNewMapSource = React.useCallback((event: React.MouseEvent) => {\n    event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n    setMapUrlModalOpen(true);\n    UiFramework.dialogs.modal.open(\n      <MapUrlDialog\n        activeViewport={activeViewport}\n        onOkResult={(result?: SourceState) => handleModalUrlDialogOk(LayerAction.New, result)}\n        onCancelResult={handleModalUrlDialogCancel}\n        mapLayerOptions={mapLayerOptions}\n      />,\n    );\n    if (onHandleOutsideClick) {\n      onHandleOutsideClick(false);\n    }\n}, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, mapLayerOptions, onHandleOutsideClick, setMapUrlModalOpen]);\n\n  const handleAttach = React.useCallback((mapName: string) => {\n    setLayerNameToAdd(mapName);\n  }, []);\n\n  const handleNoConfirmation = React.useCallback(\n    (_layerName: string) => {\n      UiFramework.dialogs.modal.close();\n      resumeOutsideClick();\n    },\n    [resumeOutsideClick],\n  );\n\n  const handleYesConfirmation = React.useCallback(\n    async (source: MapLayerSource) => {\n      const layerName = source.name;\n      if (!!iTwinId) {\n        try {\n          await MapLayerPreferences.deleteByName(source, iTwinId, iModelId);\n          const msg = MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefSuccess\", { layerName });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n        } catch {\n          const msg = MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefError\", { layerName });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n        }\n      }\n\n      UiFramework.dialogs.modal.close();\n      resumeOutsideClick();\n    },\n    [iTwinId, iModelId, resumeOutsideClick],\n  );\n\n  /*\n   Handle Remove layer button clicked\n  */\n  const onItemRemoveButtonClicked = React.useCallback(\n    (source: MapLayerSource, event: React.MouseEvent) => {\n      event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n\n      const layerName = source.name;\n\n      const msg = MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefDialogMessage\", { layerName });\n      UiFramework.dialogs.modal.open(\n        <ConfirmMessageDialog\n          className=\"map-sources-delete-confirmation\"\n          title={removeLayerDefDialogTitle}\n          message={msg}\n          maxWidth={400}\n          opened\n          onYesResult={async () => handleYesConfirmation(source)}\n          onNoResult={() => handleNoConfirmation(layerName)}\n        />,\n      );\n      if (onHandleOutsideClick) {\n        onHandleOutsideClick(false);\n      }\n    },\n    [handleNoConfirmation, handleYesConfirmation, onHandleOutsideClick, removeLayerDefDialogTitle],\n  );\n\n  /*\n Handle Edit layer button clicked\n */\n  const onItemEditButtonClicked = React.useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n      const targetLayerName = (event?.currentTarget?.parentNode as HTMLElement)?.textContent;\n      const matchingSource = sources.find((layerSource) => layerSource.name === targetLayerName);\n\n      // we expect a single layer source matching this name\n      if (matchingSource === undefined) {\n        return;\n      }\n      setMapUrlModalOpen(true);\n      UiFramework.dialogs.modal.open(\n        <MapUrlDialog\n          activeViewport={activeViewport}\n          mapLayerSourceToEdit={matchingSource}\n          onOkResult={(result?: SourceState) => handleModalUrlDialogOk(LayerAction.Edit, result)}\n          onCancelResult={handleModalUrlDialogCancel}\n          mapLayerOptions={mapLayerOptions}\n        />,\n      );\n\n      if (onHandleOutsideClick) {\n        onHandleOutsideClick(false);\n      }\n    },\n    [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, mapLayerOptions, onHandleOutsideClick,setMapUrlModalOpen, sources],\n  );\n\n  return (\n    <div className=\"map-manager-header\">\n      {(loading || loadingSources) && (\n        <div style={{\n          position: \"absolute\",\n          inset: 0,\n          display: \"grid\",\n          placeItems: \"center\",\n          zIndex: 100,\n        }}>\n          <ProgressRadial as=\"div\">\n            <Text variant='small'>{loadingMapSources}</Text>\n          </ProgressRadial>\n        </div>\n      )}\n      <div className=\"map-manager-source-listbox-header\">\n        <Input\n          type=\"text\"\n          className=\"map-manager-source-list-filter\"\n          placeholder={placeholderLabel}\n          value={sourceFilterString}\n          onChange={handleFilterTextChanged}\n          size=\"small\"\n        />\n        <Button className=\"map-manager-add-source-button\" title={addCustomLayerToolTip} onClick={handleAddNewMapSource}>\n          {addCustomLayerLabel}\n        </Button>\n      </div>\n      <div className=\"map-manager-sources\">\n        <List\n          id=\"map-sources\"\n          as=\"div\"\n          className=\"map-manager-source-list\"\n        >\n          {filteredOptions?.map((source) => (\n            <ListItem\n              as=\"div\"\n              key={source.name}\n              className=\"map-source-list-entry\"\n              actionable\n              onClick={() => handleAttach(source.name)}\n              onMouseEnter={() => setLayerNameUnderCursor(source.name)}\n              onMouseLeave={() => setLayerNameUnderCursor(undefined)}\n            >\n              <ListItem.Content>{source.name}</ListItem.Content>\n              {\n                // Display the delete icon only when the mouse over a specific item\n                // otherwise list feels cluttered.\n                !!iTwinId && layerNameUnderCursor && layerNameUnderCursor === source.name && (\n                  <>\n                    <Button\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      title={editLayerDefButtonTitle}\n                      onClick={onItemEditButtonClicked}\n                    >\n                      <SvgEdit />\n                    </Button>\n                    <Button\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      title={removeLayerDefButtonTitle}\n                      onClick={(event: React.MouseEvent) => {\n                        onItemRemoveButtonClicked(source, event);\n                      }}\n                    >\n                      <SvgDelete />\n                    </Button>\n                  </>\n                )\n              }\n            </ListItem>\n          ))}\n        </List>\n      </div>\n    </div>\n  );\n}\n\n/** @internal */\nexport enum AttachLayerButtonType {\n  Primary,\n  Blue,\n  Icon,\n}\nexport interface AttachLayerPopupButtonProps {\n  isOverlay: boolean;\n  buttonType?: AttachLayerButtonType;\n  disabled?: boolean;\n}\n\n/** @internal */\nexport function AttachLayerPopupButton(props: AttachLayerPopupButtonProps) {\n  const { showAttachLayerLabel, hideAttachLayerLabel, addCustomLayerButtonLabel } = React.useMemo(() => {\n    return {\n      showAttachLayerLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:AttachLayerPopup.Attach\"),\n      hideAttachLayerLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:AttachLayerPopup.Close\"),\n      addCustomLayerButtonLabel: MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.AddCustomLayerButtonLabel\"),\n    };\n  }, []);\n\n  const [handleOutsideClick, setHandleOutsideClick] = React.useState(true);\n  const [mapUrlModalOpen, setMapUrlModalOpen] = React.useState(false);\n  const [popupOpen, setPopupOpen] = React.useState(false);\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n\n  // 'isMounted' is used to prevent any async operation once the hook has been\n  // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.\n  const isMounted = React.useRef(false);\n  React.useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  const togglePopup = React.useCallback(() => {\n    setPopupOpen(!popupOpen);\n  }, [popupOpen]);\n\n\n  const { refreshFromStyle } = useSourceMapContext();\n\n  const handleLayerAttached = React.useCallback(() => {\n    if (!isMounted.current) {\n      return;\n    }\n    setPopupOpen(false);\n    refreshFromStyle();\n  }, [refreshFromStyle]);\n\n  function renderButton(): React.ReactNode {\n    let button: React.ReactNode;\n\n    if (props.buttonType === undefined || props.buttonType === AttachLayerButtonType.Icon) {\n      button = (\n        <IconButton\n          disabled={props.disabled}\n          size=\"small\"\n          styleType=\"borderless\"\n          ref={buttonRef}\n          className=\"map-manager-attach-layer-button\"\n          label={popupOpen ? hideAttachLayerLabel : showAttachLayerLabel}\n          onClick={togglePopup}\n        >\n          <SvgAdd />\n        </IconButton>\n      );\n    } else {\n      const determineStyleType = () => {\n        switch (props.buttonType) {\n          case AttachLayerButtonType.Blue:\n            return \"high-visibility\";\n          case AttachLayerButtonType.Primary:\n          default:\n            return \"cta\";\n        }\n      };\n      const styleType = determineStyleType();\n      button = (\n        <Button\n          disabled={props.disabled}\n          ref={buttonRef}\n          styleType={styleType}\n          title={popupOpen ? hideAttachLayerLabel : showAttachLayerLabel}\n          onClick={togglePopup}\n        >\n          {addCustomLayerButtonLabel}\n        </Button>\n      );\n    }\n\n    return button;\n  }\n\n  return (\n    <>\n      <Popover\n        content={\n          <div ref={panelRef} className=\"map-sources-popup-panel\">\n            <AttachLayerPanel isOverlay={props.isOverlay} onLayerAttached={handleLayerAttached} onHandleOutsideClick={setHandleOutsideClick} setMapUrlModalOpen={setMapUrlModalOpen} />\n          </div>\n        }\n        applyBackground\n        visible={popupOpen || mapUrlModalOpen} // keep the Popover open while the mapUrlModal is active\n        onVisibleChange={setPopupOpen}\n        closeOnOutsideClick={handleOutsideClick}\n        placement={\"bottom-end\"}\n      >\n        {renderButton()}\n      </Popover>\n    </>\n  );\n}\n"]}

package/lib/cjs/ui/widget/FeatureInfoWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,2CAgFlF"}
+{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,2CAmFlF"}

package/lib/cjs/ui/widget/FeatureInfoWidget.js

@@ -32,12 +32,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const appui_react_1 = require("@itwin/appui-react");
 const components_react_1 = require("@itwin/components-react");
-const core_react_1 = require("@itwin/core-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const mapLayers_1 = require("../../mapLayers");
 const FeatureInfoUiItemsProvider_1 = require("../FeatureInfoUiItemsProvider");
 const FeatureInfoDataProvider_1 = require("./FeatureInfoDataProvider");
+const useResizeObserver_1 = require("../hooks/useResizeObserver");
 function useSpecificWidgetDef(id) {
     const frontstageDef = (0, appui_react_1.useActiveFrontstageDef)();
     return frontstageDef?.findWidgetDef(id);
@@ -71,6 +71,9 @@ function MapFeatureInfoWidget({ featureInfoOpts }) {
     const handleResize = React.useCallback((w, h) => {
         setSize({ width: w, height: h });
     }, []);
+    const [elementRef] = (0, useResizeObserver_1.useResizeObserver)((size) => {
+        handleResize(size.width, size.height);
+    });
     const copyButton = React.useCallback((props) => props.isPropertyHovered && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { styleType: "borderless", label: "Copy", onClick: () => {
                 const value = props.property.value;
                 if (value !== undefined && value.hasOwnProperty("displayValue")) {
@@ -78,9 +81,7 @@ function MapFeatureInfoWidget({ featureInfoOpts }) {
                 }
             }, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCopy, {}) }) })), []);
     if (hasData && dataProvider.current) {
-        return (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        (0, jsx_runtime_1.jsx)(core_react_1.ResizableContainerObserver, { onResize: handleResize, children: (0, jsx_runtime_1.jsx)(components_react_1.VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: components_react_1.Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
+        return ((0, jsx_runtime_1.jsx)("div", { ref: elementRef, children: (0, jsx_runtime_1.jsx)(components_react_1.VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: components_react_1.Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
                 : true, actionButtonRenderers: [copyButton] }) }));
     }
     else {