@itwin/map-layers 5.4.3 → 5.5.0

package/lib/cjs/ui/MapLayersUiItemsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayersUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F,+BAA+B;AAC/B,oDAAgH;AAChH,8DAA2D;AAE3D,4CAA2C;AAE3C,MAAa,wBAAwB;IAInC,YAAmB,eAAiC;QAHpC,OAAE,GAAG,0BAA0B,CAAC;QAI9C,IAAI,CAAC,gBAAgB,GAAG,eAAe,IAAI;YACzC,qBAAqB,EAAE,KAAK;YAC5B,cAAc,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE;YACzE,0BAA0B,EAAE,KAAK;SAClC,CAAC;IACJ,CAAC;IAEM,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAA2B;QACnH,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,MAAM,UAAU,GAAG,OAAO,IAAI,+BAAiB,CAAC,KAAK,CAAC;QACtD,IAAI,UAAU,KAAK,wBAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,gCAAkB,CAAC,KAAK,IAAI,UAAU,KAAK,+BAAiB,CAAC,KAAK,EAAE;YACxH,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,4BAA4B;gBAChC,KAAK,EAAE,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC;gBAC5E,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,oBAAC,iCAAe,IAAC,eAAe,EAAE,IAAI,CAAC,gBAAgB,GAAI;aACrE,CAAC,CAAC;SACJ;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAzBD,4DAyBC","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\nimport * as React from \"react\";\nimport { StagePanelLocation, StagePanelSection, StageUsage, UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport { MapLayersWidget } from \"./widget/MapLayersWidget\";\nimport { MapLayerOptions } from \"./Interfaces\";\nimport { MapLayersUI } from \"../mapLayers\";\n\nexport class MapLayersUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"MapLayersUiItemsProvider\";\n  private _mapLayerOptions?: MapLayerOptions;\n\n  public constructor(mapLayerOptions?: MapLayerOptions) {\n    this._mapLayerOptions = mapLayerOptions ?? {\n      hideExternalMapLayers: false,\n      mapTypeOptions: { supportTileUrl: false, supportWmsAuthentication: true },\n      fetchPublicMapLayerSources: false,\n    };\n  }\n\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection) {\n    const widgets: Widget[] = [];\n    const tmpSection = section ?? StagePanelSection.Start;\n    if (stageUsage === StageUsage.General && location === StagePanelLocation.Right && tmpSection === StagePanelSection.Start) {\n      widgets.push({\n        id: \"map-layers:mapLayersWidget\",\n        label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Widget.Label\"),\n        icon: \"icon-map\",\n        content: <MapLayersWidget mapLayerOptions={this._mapLayerOptions} />,\n      });\n    }\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"MapLayersUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":";;;;AAMA,oDAAuF;AACvF,8DAA2D;AAE3D,4CAA2C;AAE3C,MAAa,wBAAwB;IAInC,YAAmB,eAAiC;QAHpC,OAAE,GAAG,0BAA0B,CAAC;QAI9C,IAAI,CAAC,gBAAgB,GAAG,eAAe,IAAI;YACzC,qBAAqB,EAAE,KAAK;YAC5B,cAAc,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE;YACzE,0BAA0B,EAAE,KAAK;SAClC,CAAC;IACJ,CAAC;IAEM,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAA2B;QACnH,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,MAAM,UAAU,GAAG,OAAO,IAAI,+BAAiB,CAAC,KAAK,CAAC;QACtD,IAAI,UAAU,KAAK,wBAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,gCAAkB,CAAC,KAAK,IAAI,UAAU,KAAK,+BAAiB,CAAC,KAAK,EAAE;YACxH,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,4BAA4B;gBAChC,KAAK,EAAE,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC;gBAC5E,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,uBAAC,iCAAe,IAAC,eAAe,EAAE,IAAI,CAAC,gBAAgB,GAAI;aACrE,CAAC,CAAC;SACJ;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAzBD,4DAyBC","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\nimport type { UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport { StagePanelLocation, StagePanelSection, StageUsage } from \"@itwin/appui-react\";\nimport { MapLayersWidget } from \"./widget/MapLayersWidget\";\nimport type { MapLayerOptions } from \"./Interfaces\";\nimport { MapLayersUI } from \"../mapLayers\";\n\nexport class MapLayersUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"MapLayersUiItemsProvider\";\n  private _mapLayerOptions?: MapLayerOptions;\n\n  public constructor(mapLayerOptions?: MapLayerOptions) {\n    this._mapLayerOptions = mapLayerOptions ?? {\n      hideExternalMapLayers: false,\n      mapTypeOptions: { supportTileUrl: false, supportWmsAuthentication: true },\n      fetchPublicMapLayerSources: false,\n    };\n  }\n\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection) {\n    const widgets: Widget[] = [];\n    const tmpSection = section ?? StagePanelSection.Start;\n    if (stageUsage === StageUsage.General && location === StagePanelLocation.Right && tmpSection === StagePanelSection.Start) {\n      widgets.push({\n        id: \"map-layers:mapLayersWidget\",\n        label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Widget.Label\"),\n        icon: \"icon-map\",\n        content: <MapLayersWidget mapLayerOptions={this._mapLayerOptions} />,\n      });\n    }\n    return widgets;\n  }\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":";AA2cA,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;AAEhB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAkHxE"}
+{"version":3,"file":"AttachLayerPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":";AA0hBA,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;AAEhB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eA+HxE"}

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

@@ -1,15 +1,39 @@
 "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.AttachLayerPopupButton = exports.AttachLayerButtonType = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const React = require("react");
+ * 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 appui_abstract_1 = require("@itwin/appui-abstract");
 const appui_react_1 = require("@itwin/appui-react");
 const core_frontend_1 = require("@itwin/core-frontend");
-const UiCore = require("@itwin/core-react");
+const UiCore = __importStar(require("@itwin/core-react"));
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const MapLayerPreferences_1 = require("../../MapLayerPreferences");
@@ -28,7 +52,7 @@ var LayerAction;
 function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick }) {
     const [layerNameToAdd, setLayerNameToAdd] = React.useState();
     const [sourceFilterString, setSourceFilterString] = React.useState();
-    const { placeholderLabel, addCustomLayerLabel, addCustomLayerToolTip, loadingMapSources, removeLayerDefButtonTitle, editLayerDefButtonTitle, removeLayerDefDialogTitle } = React.useMemo(() => {
+    const { placeholderLabel, addCustomLayerLabel, addCustomLayerToolTip, loadingMapSources, removeLayerDefButtonTitle, editLayerDefButtonTitle, removeLayerDefDialogTitle, } = React.useMemo(() => {
         return {
             placeholderLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.SearchPlaceholder"),
             addCustomLayerLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.Custom"),
@@ -69,8 +93,8 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
             const generateUniqueMapLayerName = (layerName) => {
                 let uniqueLayerName = layerName;
                 let layerNameIdx = 1;
-                while ((backgroundLayers && backgroundLayers.some((layer) => uniqueLayerName === layer.name))
-                    || (overlayLayers && overlayLayers.some((layer) => uniqueLayerName === layer.name))) {
+                while ((backgroundLayers && backgroundLayers.some((layer) => uniqueLayerName === layer.name)) ||
+                    (overlayLayers && overlayLayers.some((layer) => uniqueLayerName === layer.name))) {
                     uniqueLayerName = `${layerName} (${layerNameIdx++})`;
                 }
                 return { layerNameUpdate: layerNameIdx > 1, uniqueLayerName };
@@ -137,28 +161,33 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
         const visibleSubLayers = selectedSubLayers.filter((value) => value.visible);
         // Re-apply default visibility from the source validation
         visibleSubLayers.forEach((visible) => {
-            const found = sourceSubLayers.find((value) => { visible.name === value.name; });
-            if (found)
+            const found = sourceSubLayers.find((value) => {
+                visible.name === value.name;
+            });
+            if (found) {
                 visible.visible = found?.visible;
+            }
         });
         attachLayer(source, visibleSubLayers, true);
     }, [attachLayer]);
     const openFeatureSelectionDialog = React.useCallback((subLayers, source) => {
         // Keep leafs sub-layers and force default visibility to false
         const noGroupLayers = subLayers.filter((value) => value.children === undefined);
-        const visibleLayers = noGroupLayers.map((value) => { return { ...value, visible: false }; });
-        appui_react_1.UiFramework.dialogs.modal.open(React.createElement(MapSelectFeaturesDialog_1.MapSelectFeaturesDialog, { handleOk: (selectedLayers) => { handleSelectFeaturesOk(source, subLayers, selectedLayers); }, handleCancel: handleSelectFeaturesCancel, source: source, subLayers: visibleLayers }));
+        const visibleLayers = noGroupLayers.map((value) => {
+            return { ...value, visible: false };
+        });
+        appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(MapSelectFeaturesDialog_1.MapSelectFeaturesDialog, { handleOk: (selectedLayers) => {
+                handleSelectFeaturesOk(source, subLayers, selectedLayers);
+            }, handleCancel: handleSelectFeaturesCancel, source: source, subLayers: visibleLayers }));
     }, [handleSelectFeaturesCancel, handleSelectFeaturesOk]);
     const needsFeatureSelection = React.useCallback((source, validation) => {
-        return (source.formatId === "ArcGISFeature" || source.formatId === "WMTS") // TODO, replace this with a flag in MapLayerSourceStatus
-            && validation.subLayers
-            && validation.subLayers.length > 1;
+        return ((source.formatId === "ArcGISFeature" || source.formatId === "WMTS") && // TODO, replace this with a flag in MapLayerSourceStatus
+            validation.subLayers &&
+            validation.subLayers.length > 1);
     }, []);
     const handleModalUrlDialogOk = React.useCallback((action, sourceState) => {
         appui_react_1.UiFramework.dialogs.modal.close();
-        if (LayerAction.New === action
-            && sourceState
-            && (sourceState.validation.status === core_frontend_1.MapLayerSourceStatus.Valid)) {
+        if (LayerAction.New === action && sourceState && sourceState.validation.status === core_frontend_1.MapLayerSourceStatus.Valid) {
             if (needsFeatureSelection(sourceState.source, sourceState.validation)) {
                 openFeatureSelectionDialog(sourceState.validation.subLayers, sourceState.source);
             }
@@ -204,7 +233,7 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
                         else if (sourceValidation.status === core_frontend_1.MapLayerSourceStatus.RequireAuth && isMounted.current) {
                             const layer = foundSource.toLayerSettings();
                             if (layer) {
-                                appui_react_1.UiFramework.dialogs.modal.open(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, signInModeArgs: { layer, validation: sourceValidation, source: foundSource }, onOkResult: (sourceState) => handleModalUrlDialogOk(LayerAction.New, sourceState), onCancelResult: handleModalUrlDialogCancel, mapLayerOptions: mapLayerOptions }));
+                                appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, signInModeArgs: { layer, validation: sourceValidation, source: foundSource }, onOkResult: (sourceState) => handleModalUrlDialogOk(LayerAction.New, sourceState), onCancelResult: handleModalUrlDialogCancel, mapLayerOptions: mapLayerOptions }));
                             }
                             if (onHandleOutsideClick) {
                                 onHandleOutsideClick(false);
@@ -233,7 +262,25 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
         if (isMounted.current) {
             setLayerNameToAdd(undefined);
         }
-    }, [attachLayer, needsFeatureSelection, setLayerNameToAdd, layerNameToAdd, activeViewport, sources, backgroundLayers, isOverlay, overlayLayers, onLayerAttached, handleModalUrlDialogOk, handleSelectFeaturesCancel, handleSelectFeaturesOk, handleModalUrlDialogCancel, onHandleOutsideClick, openFeatureSelectionDialog, mapLayerOptions]);
+    }, [
+        attachLayer,
+        needsFeatureSelection,
+        setLayerNameToAdd,
+        layerNameToAdd,
+        activeViewport,
+        sources,
+        backgroundLayers,
+        isOverlay,
+        overlayLayers,
+        onLayerAttached,
+        handleModalUrlDialogOk,
+        handleSelectFeaturesCancel,
+        handleSelectFeaturesOk,
+        handleModalUrlDialogCancel,
+        onHandleOutsideClick,
+        openFeatureSelectionDialog,
+        mapLayerOptions,
+    ]);
     const options = React.useMemo(() => sources, [sources]);
     const filteredOptions = React.useMemo(() => {
         if (undefined === sourceFilterString || 0 === sourceFilterString.length) {
@@ -244,7 +291,7 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
         }
     }, [options, sourceFilterString]);
     const handleAddNewMapSource = React.useCallback(() => {
-        appui_react_1.UiFramework.dialogs.modal.open(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, onOkResult: (result) => handleModalUrlDialogOk(LayerAction.New, result), onCancelResult: handleModalUrlDialogCancel, mapLayerOptions: mapLayerOptions }));
+        appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, onOkResult: (result) => handleModalUrlDialogOk(LayerAction.New, result), onCancelResult: handleModalUrlDialogCancel, mapLayerOptions: mapLayerOptions }));
         if (onHandleOutsideClick) {
             onHandleOutsideClick(false);
         }
@@ -293,7 +340,7 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
         event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.
         const layerName = source.name;
         const msg = mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefDialogMessage", { layerName });
-        appui_react_1.UiFramework.dialogs.modal.open(React.createElement(ConfirmMessageDialog_1.ConfirmMessageDialog, { className: "map-sources-delete-confirmation", title: removeLayerDefDialogTitle, message: msg, maxWidth: 400, onClose: () => handleNoConfirmation(layerName), onEscape: () => handleNoConfirmation(layerName), onYesResult: async () => handleYesConfirmation(source), onNoResult: () => handleNoConfirmation(layerName) }));
+        appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(ConfirmMessageDialog_1.ConfirmMessageDialog, { className: "map-sources-delete-confirmation", title: removeLayerDefDialogTitle, message: msg, maxWidth: 400, onClose: () => handleNoConfirmation(layerName), onEscape: () => handleNoConfirmation(layerName), onYesResult: async () => handleYesConfirmation(source), onNoResult: () => handleNoConfirmation(layerName) }));
         if (onHandleOutsideClick) {
             onHandleOutsideClick(false);
         }
@@ -309,26 +356,19 @@ function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick })
         if (matchingSource === undefined) {
             return;
         }
-        appui_react_1.UiFramework.dialogs.modal.open(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, mapLayerSourceToEdit: matchingSource, onOkResult: (result) => handleModalUrlDialogOk(LayerAction.Edit, result), onCancelResult: handleModalUrlDialogCancel, mapLayerOptions: mapLayerOptions }));
+        appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, mapLayerSourceToEdit: matchingSource, onOkResult: (result) => handleModalUrlDialogOk(LayerAction.Edit, result), onCancelResult: handleModalUrlDialogCancel, mapLayerOptions: mapLayerOptions }));
         if (onHandleOutsideClick) {
             onHandleOutsideClick(false);
         }
     }, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, isOverlay, mapLayerOptions, onHandleOutsideClick, sources]);
-    return (React.createElement("div", { className: "map-manager-header" },
-        (loading || loadingSources) && React.createElement(UiCore.LoadingSpinner, { message: loadingMapSources }),
-        React.createElement("div", { className: "map-manager-source-listbox-header" },
-            React.createElement(itwinui_react_1.Input, { type: "text", className: "map-manager-source-list-filter", placeholder: placeholderLabel, value: sourceFilterString, onChange: handleFilterTextChanged, size: "small" }),
-            React.createElement(itwinui_react_1.Button, { className: "map-manager-add-source-button", title: addCustomLayerToolTip, onClick: handleAddNewMapSource }, addCustomLayerLabel)),
-        React.createElement("div", { className: "map-manager-sources" },
-            React.createElement(UiCore.Listbox, { id: "map-sources", selectedValue: layerNameToAdd, className: "map-manager-source-list", onKeyPress: handleKeypressOnSourceList, onListboxValueChange: onListboxValueChange }, filteredOptions?.map((source) => React.createElement(UiCore.ListboxItem, { key: source.name, className: "map-source-list-entry", value: source.name, onMouseEnter: () => setLayerNameUnderCursor(source.name), onMouseLeave: () => setLayerNameUnderCursor(undefined) },
-                React.createElement("span", { className: "map-source-list-entry-name", title: source.name }, source.name),
-                // otherwise list feels cluttered.
-                (!!iTwinId && layerNameUnderCursor && layerNameUnderCursor === source.name) &&
-                    React.createElement(React.Fragment, null,
-                        React.createElement(itwinui_react_1.Button, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: editLayerDefButtonTitle, onClick: onItemEditButtonClicked },
-                            React.createElement(UiCore.Icon, { iconSpec: "icon-edit" })),
-                        React.createElement(itwinui_react_1.Button, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: removeLayerDefButtonTitle, onClick: (event) => { onItemRemoveButtonClicked(source, event); } },
-                            React.createElement(UiCore.Icon, { iconSpec: "icon-delete" })))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-header", children: [(loading || loadingSources) && (0, jsx_runtime_1.jsx)(UiCore.LoadingSpinner, { message: 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)(UiCore.Listbox, { id: "map-sources", selectedValue: layerNameToAdd, className: "map-manager-source-list", onKeyPress: handleKeypressOnSourceList, onListboxValueChange: onListboxValueChange, children: filteredOptions?.map((source) => (
+                    // eslint-disable-next-line @itwin/no-internal
+                    (0, jsx_runtime_1.jsxs)(UiCore.ListboxItem, { className: "map-source-list-entry", value: source.name, onMouseEnter: () => setLayerNameUnderCursor(source.name), onMouseLeave: () => setLayerNameUnderCursor(undefined), children: [(0, jsx_runtime_1.jsx)("span", { className: "map-source-list-entry-name", title: source.name, 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)(UiCore.Icon, { iconSpec: "icon-edit" }) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: removeLayerDefButtonTitle, onClick: (event) => {
+                                            onItemRemoveButtonClicked(source, event);
+                                        }, children: (0, jsx_runtime_1.jsx)(UiCore.Icon, { iconSpec: "icon-delete" }) })] }))] }, source.name))) }) })] }));
 }
 /** @internal */
 var AttachLayerButtonType;
@@ -392,8 +432,7 @@ function AttachLayerPopupButton(props) {
     function renderButton() {
         let button;
         if (props.buttonType === undefined || props.buttonType === AttachLayerButtonType.Icon) {
-            button = (React.createElement(itwinui_react_1.IconButton, { disabled: props.disabled, size: "small", styleType: "borderless", ref: buttonRef, className: "map-manager-attach-layer-button", title: popupOpen ? hideAttachLayerLabel : showAttachLayerLabel, onClick: togglePopup },
-                React.createElement(itwinui_icons_react_1.SvgAdd, null)));
+            button = ((0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: props.disabled, size: "small", styleType: "borderless", ref: buttonRef, className: "map-manager-attach-layer-button", title: popupOpen ? hideAttachLayerLabel : showAttachLayerLabel, onClick: togglePopup, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgAdd, {}) }));
         }
         else {
             const determineStyleType = () => {
@@ -406,15 +445,11 @@ function AttachLayerPopupButton(props) {
                 }
             };
             const styleType = determineStyleType();
-            button = (React.createElement(itwinui_react_1.Button, { disabled: props.disabled, ref: buttonRef, styleType: styleType, title: popupOpen ? hideAttachLayerLabel : showAttachLayerLabel, onClick: togglePopup }, addCustomLayerButtonLabel));
+            button = ((0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { disabled: props.disabled, ref: buttonRef, styleType: styleType, title: popupOpen ? hideAttachLayerLabel : showAttachLayerLabel, onClick: togglePopup, children: addCustomLayerButtonLabel }));
         }
         return button;
     }
-    return (React.createElement(React.Fragment, null,
-        renderButton(),
-        React.createElement(UiCore.Popup, { isOpen: popupOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleClosePopup, onOutsideClick: onHandleOutsideClick, closeOnWheel: false, target: buttonRef.current, closeOnEnter: false, closeOnContextMenu: false },
-            React.createElement("div", { ref: panelRef, className: "map-sources-popup-panel" },
-                React.createElement(AttachLayerPanel, { isOverlay: props.isOverlay, onLayerAttached: handleLayerAttached, onHandleOutsideClick: setHandleOutsideClick })))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderButton(), (0, jsx_runtime_1.jsx)(UiCore.Popup, { isOpen: popupOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleClosePopup, onOutsideClick: onHandleOutsideClick, closeOnWheel: false, target: buttonRef.current, closeOnEnter: false, closeOnContextMenu: false, children: (0, jsx_runtime_1.jsx)("div", { ref: panelRef, className: "map-sources-popup-panel", children: (0, jsx_runtime_1.jsx)(AttachLayerPanel, { isOverlay: props.isOverlay, onLayerAttached: handleLayerAttached, onHandleOutsideClick: setHandleOutsideClick }) }) })] }));
 }
 exports.AttachLayerPopupButton = AttachLayerPopupButton;
 //# sourceMappingURL=AttachLayerPopupButton.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"BasemapPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/BasemapPanel.tsx"],"names":[],"mappings":";AAOA,OAAO,qBAAqB,CAAC;AAiB7B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAEhB,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA+PpD"}
+{"version":3,"file":"BasemapPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/BasemapPanel.tsx"],"names":[],"mappings":";AAOA,OAAO,qBAAqB,CAAC;AAkB7B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAEhB,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA2SpD"}

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

@@ -1,14 +1,38 @@
 "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.BasemapPanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /* eslint-disable deprecation/deprecation */
 // cSpell:ignore droppable Sublayer Basemap
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasemapPanel = void 0;
 require("./BasemapPanel.scss");
-const React = require("react");
+const React = __importStar(require("react"));
 const appui_react_1 = require("@itwin/appui-react");
 const core_common_1 = require("@itwin/core-common");
 const core_react_1 = require("@itwin/core-react");
@@ -81,15 +105,18 @@ function BasemapPanel(props) {
     const handleMapImageryChanged = React.useCallback((args) => {
         const baseMap = args.backgroundBase;
         // Optimization:  If serialized 'backgroundBase' objects are identical, skip refresh
-        if (JSON.stringify(baseMap.toJSON()) === JSON.stringify(selectedBaseMap?.toJSON()))
+        if (JSON.stringify(baseMap.toJSON()) === JSON.stringify(selectedBaseMap?.toJSON())) {
             return;
+        }
         setSelectedBaseMap(baseMap); // cache current base map objects
         updateBaseMapOptions(baseMap);
         if (baseMap instanceof core_common_1.ImageMapLayerSettings) {
-            if (baseMap.transparency !== baseMapTransparencyValue)
+            if (baseMap.transparency !== baseMapTransparencyValue) {
                 setBaseMapTransparencyValue(baseMap.transparency);
-            if (baseMap.visible !== baseMapVisible)
+            }
+            if (baseMap.visible !== baseMapVisible) {
                 setBaseMapVisible(baseMap.visible);
+            }
         }
         else if (baseMap instanceof core_common_1.ColorDef) {
             if (baseMap.getAlpha() !== baseMapTransparencyValue) {
@@ -122,9 +149,9 @@ function BasemapPanel(props) {
     }, [activeViewport]);
     // This effect is only to keep a custom base map option when a 'default' base map is picked.
     React.useEffect(() => {
-        if (selectedBaseMap instanceof core_common_1.BaseMapLayerSettings
-            && !selectedBaseMap.provider
-            && undefined === baseMapOptions.find((opt) => opt.label === selectedBaseMap.name)) {
+        if (selectedBaseMap instanceof core_common_1.BaseMapLayerSettings &&
+            !selectedBaseMap.provider &&
+            undefined === baseMapOptions.find((opt) => opt.label === selectedBaseMap.name)) {
             setCustomBaseMap(selectedBaseMap);
         }
     }, [baseMapOptions, selectedBaseMap]);
@@ -139,8 +166,8 @@ function BasemapPanel(props) {
         core_common_1.ColorDef.create(core_common_1.ColorByName.darkBrown),
     ]);
     const baseIsColor = React.useMemo(() => selectedBaseMap instanceof core_common_1.ColorDef, [selectedBaseMap]);
-    const baseIsMap = React.useMemo(() => !baseIsColor && (selectedBaseMap !== undefined), [baseIsColor, selectedBaseMap]);
-    const bgColor = React.useMemo(() => baseIsColor ? selectedBaseMap.toJSON() : presetColors[0].toJSON(), [baseIsColor, selectedBaseMap, presetColors]);
+    const baseIsMap = React.useMemo(() => !baseIsColor && selectedBaseMap !== undefined, [baseIsColor, selectedBaseMap]);
+    const bgColor = React.useMemo(() => (baseIsColor ? selectedBaseMap.toJSON() : presetColors[0].toJSON()), [baseIsColor, selectedBaseMap, presetColors]);
     const [colorDialogTitle] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:ColorDialog.Title"));
     const [selectedBaseMapValue, setSelectedBaseMapValue] = React.useState({ value: "", label: "" });
     React.useEffect(() => {
@@ -190,8 +217,8 @@ function BasemapPanel(props) {
     }, []);
     const handleBgColorClick = React.useCallback((newColor, e) => {
         e.preventDefault();
-        appui_react_1.UiFramework.dialogs.modal.open(React.createElement(imodel_components_react_1.ColorPickerDialog, { dialogTitle: colorDialogTitle, color: newColor, colorPresets: presetColors, colorInputType: "rgb", onOkResult: handleBackgroundColorDialogOk, onCancelResult: handleBackgroundColorDialogCancel }));
-    }, [presetColors, handleBackgroundColorDialogOk]); // eslint-disable-line react-hooks/exhaustive-deps
+        appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(imodel_components_react_1.ColorPickerDialog, { dialogTitle: colorDialogTitle, color: newColor, colorPresets: presetColors, colorInputType: "rgb", onOkResult: handleBackgroundColorDialogOk, onCancelResult: handleBackgroundColorDialogCancel }));
+    }, [colorDialogTitle, presetColors, handleBackgroundColorDialogOk, handleBackgroundColorDialogCancel]); // eslint-disable-line react-hooks/exhaustive-deps
     const handleBaseMapSelection = React.useCallback((value) => {
         if (activeViewport && value) {
             if (value === customBaseMapValue && customBaseMap) {
@@ -229,15 +256,7 @@ function BasemapPanel(props) {
     const [baseLayerLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Basemap.BaseLayer"));
     const [selectBaseMapLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Basemap.SelectBaseMap"));
     const [toggleVisibility] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Widget.ToggleVisibility"));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "map-manager-base-label" }, baseLayerLabel),
-        React.createElement("div", { className: "map-manager-base-item" },
-            React.createElement(itwinui_react_1.Button, { className: "map-manager-basemap-visibility map-manager-visibility-icon", size: "small", styleType: "borderless", title: toggleVisibility, onClick: handleVisibilityChange, disabled: props.disabled || !activeViewport || !(activeViewport.displayStyle.backgroundMapBase instanceof core_common_1.ImageMapLayerSettings) },
-                React.createElement(core_react_1.WebFontIcon, { iconName: baseMapVisible ? "icon-visibility" : "icon-visibility-hide-2" })),
-            React.createElement(itwinui_react_1.Select, { className: "map-manager-base-item-select", options: baseMapOptions, placeholder: selectBaseMapLabel, value: selectedBaseMapValue.value, onChange: handleBaseMapSelection, size: "small", disabled: props.disabled }),
-            baseIsColor &&
-                React.createElement(imodel_components_react_1.ColorSwatch, { className: "map-manager-base-item-color", colorDef: core_common_1.ColorDef.fromJSON(bgColor), round: false, onColorPick: handleBgColorClick }),
-            React.createElement(TransparencyPopupButton_1.TransparencyPopupButton, { disabled: props.disabled, transparency: baseMapTransparencyValue, onTransparencyChange: handleBasemapTransparencyChange }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-base-label", children: baseLayerLabel }), (0, jsx_runtime_1.jsxs)("div", { className: "map-manager-base-item", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "map-manager-basemap-visibility map-manager-visibility-icon", size: "small", styleType: "borderless", title: toggleVisibility, onClick: handleVisibilityChange, disabled: props.disabled || !activeViewport || !(activeViewport.displayStyle.backgroundMapBase instanceof core_common_1.ImageMapLayerSettings), children: (0, jsx_runtime_1.jsx)(core_react_1.WebFontIcon, { iconName: baseMapVisible ? "icon-visibility" : "icon-visibility-hide-2" }) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Select, { className: "map-manager-base-item-select", options: baseMapOptions, placeholder: selectBaseMapLabel, value: selectedBaseMapValue.value, onChange: handleBaseMapSelection, size: "small", disabled: props.disabled }), baseIsColor && ((0, jsx_runtime_1.jsx)(imodel_components_react_1.ColorSwatch, { className: "map-manager-base-item-color", colorDef: core_common_1.ColorDef.fromJSON(bgColor), round: false, onColorPick: handleBgColorClick })), (0, jsx_runtime_1.jsx)(TransparencyPopupButton_1.TransparencyPopupButton, { disabled: props.disabled, transparency: baseMapTransparencyValue, onTransparencyChange: handleBasemapTransparencyChange })] })] }));
 }
 exports.BasemapPanel = BasemapPanel;
 //# sourceMappingURL=BasemapPanel.js.map