@itwin/map-layers 5.3.0 → 5.4.0

package/lib/esm/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 mapTypesOptions = mapLayerOptions?.mapTypeOptions;\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            sourceToAdd = clonedSource;\r\n          }\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\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);\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 mapLayerSettings = sources?.find((source) => source.name === layerNameToAdd);\r\n        if (mapLayerSettings === 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 mapLayerSettings.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(mapLayerSettings, sourceValidation)) {\r\n                openFeatureSelectionDialog(sourceValidation.subLayers, mapLayerSettings);\r\n                if (onHandleOutsideClick) {\r\n                  onHandleOutsideClick(false);\r\n                }\r\n              } else {\r\n                attachLayer(mapLayerSettings, sourceValidation.subLayers, false);\r\n              }\r\n            } else if (sourceValidation.status === MapLayerSourceStatus.RequireAuth && isMounted.current) {\r\n              UiFramework.dialogs.modal.open(\r\n                <MapUrlDialog\r\n                  activeViewport={activeViewport}\r\n                  isOverlay={isOverlay}\r\n                  layerRequiringCredentials={mapLayerSettings.toJSON()}\r\n                  onOkResult={(sourceState?: SourceState) => handleModalUrlDialogOk(LayerAction.New, sourceState)}\r\n                  onCancelResult={handleModalUrlDialogCancel}\r\n                  mapTypesOptions={mapTypesOptions} />\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: mapLayerSettings.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: mapLayerSettings.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,\r\n    onLayerAttached, handleModalUrlDialogOk, handleSelectFeaturesCancel, handleSelectFeaturesOk, mapTypesOptions,\r\n    handleModalUrlDialogCancel, onHandleOutsideClick, openFeatureSelectionDialog]);\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      mapTypesOptions={mapTypesOptions} />);\r\n    if (onHandleOutsideClick) {\r\n      onHandleOutsideClick(false);\r\n    }\r\n    return;\r\n  }, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, isOverlay, mapTypesOptions, 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      mapTypesOptions={mapTypesOptions} />);\r\n\r\n    if (onHandleOutsideClick) {\r\n      onHandleOutsideClick(false);\r\n    }\r\n  }, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, isOverlay, mapTypesOptions, 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":["/*---------------------------------------------------------------------------------------------\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} />\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} />);\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} />);\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"]}

package/lib/esm/ui/widget/CustomParamEditDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./CustomParamEditDialog.scss";
+import { CustomParamItem } from "../Interfaces";
+interface CustomParamEditDialogProps {
+    item?: CustomParamItem;
+    onOkResult?: (newItem: CustomParamItem, oldIem?: CustomParamItem) => void;
+    onCancelResult?: () => void;
+}
+export declare function CustomParamEditDialog(props: CustomParamEditDialogProps): JSX.Element;
+export {};
+//# sourceMappingURL=CustomParamEditDialog.d.ts.map

package/lib/esm/ui/widget/CustomParamEditDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomParamEditDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamEditDialog.tsx"],"names":[],"mappings":";AAKA,OAAO,8BAA8B,CAAC;AAOtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1E,cAAc,CAAC,EAAE,MAAM,IAAI,CAC1B;CACF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eA8EtE"}

package/lib/esm/ui/widget/CustomParamEditDialog.js

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import "./CustomParamEditDialog.scss";
+import * as React from "react";
+import { UiFramework } from "@itwin/appui-react";
+import { Dialog } from "@itwin/core-react";
+import { Button, LabeledInput, ToggleSwitch } from "@itwin/itwinui-react";
+import { CustomParamsStorage } from "../../CustomParamsStorage";
+import { MapLayersUI } from "../../mapLayers";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function CustomParamEditDialog(props) {
+    const [originalItemName] = React.useState(() => props.item ? props.item.name : undefined);
+    const [item, setItem] = React.useState(() => props.item ?? { name: "", key: "", value: "", secret: true });
+    const [cpStorage] = React.useState(() => new CustomParamsStorage());
+    const handleCancel = React.useCallback(() => {
+        if (props.onCancelResult) {
+            props.onCancelResult();
+            return;
+        }
+        UiFramework.dialogs.modal.close();
+    }, [props]);
+    const handleOk = React.useCallback(() => {
+        if (props.onOkResult) {
+            props.onOkResult(item, props.item);
+            return;
+        }
+        UiFramework.dialogs.modal.close();
+    }, [item, props]);
+    const nameAlreadyExists = React.useMemo(() => {
+        const itemExistInStorage = () => item.name ? !!cpStorage.get(item.name) : false;
+        return originalItemName ? originalItemName !== item.name && itemExistInStorage() : itemExistInStorage();
+    }, [cpStorage, item.name, originalItemName]);
+    const readyToSave = React.useCallback(() => {
+        return ((item.name.trim().length > 0) && (item.key.trim().length > 0) && (item.value.trim().length > 0) && !nameAlreadyExists);
+    }, [item.key, item.name, item.value, nameAlreadyExists]);
+    function renderFooter() {
+        return (React.createElement("div", { className: "custom-param-edit-dialog-footer" },
+            React.createElement("div", { className: "custom-param-edit-dialog-footer-buttons" },
+                React.createElement(Button, { className: "custom-param-edit-dialog-footer-button", styleType: 'high-visibility', onClick: handleOk, disabled: !readyToSave() }, props.item ? MapLayersUI.translate("Dialog.Edit") : MapLayersUI.translate("Dialog.Add")),
+                React.createElement(Button, { className: "custom-param-edit-dialog-footer-button", styleType: 'default', onClick: handleCancel }, MapLayersUI.translate("Dialog.Cancel")))));
+    }
+    return (React.createElement(Dialog, { title: MapLayersUI.translate(props.item ? "CustomParamEditDialog.DialogTitleEdit" : "CustomParamEditDialog.DialogTitleAdd"), opened: true, resizable: true, movable: true, modal: true, onClose: handleCancel, onEscape: handleCancel, minHeight: 120, maxWidth: 120, trapFocus: false },
+        React.createElement(React.Fragment, null,
+            React.createElement(LabeledInput, { className: "custom-param-edit-dialog-input", label: MapLayersUI.translate("CustomParamEditDialog.ParamNameLabel"), value: item.name, onChange: (event) => setItem({ ...item, name: event.target.value }), status: nameAlreadyExists ? "warning" : undefined, message: nameAlreadyExists ? MapLayersUI.translate("CustomParamEditDialog.NameExists") : undefined }),
+            React.createElement(LabeledInput, { className: "custom-param-edit-dialog-input", label: MapLayersUI.translate("CustomParamEditDialog.ParamKeyLabel"), value: item.key, onChange: (event) => setItem({ ...item, key: event.target.value }) }),
+            React.createElement(LabeledInput, { className: "custom-param-edit-dialog-input", label: MapLayersUI.translate("CustomParamEditDialog.ParamValueLabel"), type: item.secret ? "password" : "", value: item.value, onChange: (event) => setItem({ ...item, value: event.target.value }), message: !item.secret ? MapLayersUI.translate("CustomParamEditDialog.ParamValueNonPrivateMessage") : undefined }),
+            React.createElement("div", { className: "custom-param-edit-dialog-secret custom-param-edit-dialog-input", title: MapLayersUI.translate("CustomParamEditDialog.PrivateToggleTooltip") },
+                React.createElement(ToggleSwitch, { checked: item.secret, label: MapLayersUI.translate("CustomParamEditDialog.PrivateToggleLabel"), onChange: (event) => setItem({ ...item, secret: event.target.checked }) })),
+            renderFooter())));
+}
+//# sourceMappingURL=CustomParamEditDialog.js.map

package/lib/esm/ui/widget/CustomParamEditDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomParamEditDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamEditDialog.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*--------------------------------------------------------------------------------------------*/\n\nimport \"./CustomParamEditDialog.scss\";\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { Dialog } from \"@itwin/core-react\";\nimport { Button, LabeledInput, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { CustomParamsStorage } from \"../../CustomParamsStorage\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamItem } from \"../Interfaces\";\n\ninterface CustomParamEditDialogProps {\n  item?: CustomParamItem;\n  onOkResult?: (newItem: CustomParamItem, oldIem?: CustomParamItem) => void;\n  onCancelResult?: () => void\n  ;\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function CustomParamEditDialog(props: CustomParamEditDialogProps) {\n  const [originalItemName] = React.useState<string|undefined>(() => props.item ? props.item.name : undefined);\n  const [item, setItem] = React.useState<CustomParamItem>(() => props.item ?? {name: \"\", key: \"\", value: \"\", secret: true});\n  const [cpStorage] = React.useState(() => new CustomParamsStorage());\n\n  const handleCancel = React.useCallback(() => {\n    if (props.onCancelResult) {\n      props.onCancelResult();\n      return;\n    }\n    UiFramework.dialogs.modal.close();\n  }, [props]);\n\n  const handleOk = React.useCallback(() => {\n    if (props.onOkResult) {\n      props.onOkResult(item, props.item);\n      return;\n    }\n    UiFramework.dialogs.modal.close();\n  }, [item, props]);\n\n  const nameAlreadyExists = React.useMemo<boolean>(() => {\n    const itemExistInStorage = () => item.name ? !!cpStorage.get(item.name) : false;\n    return originalItemName ? originalItemName !== item.name && itemExistInStorage() : itemExistInStorage();\n  }, [cpStorage, item.name, originalItemName]);\n\n  const readyToSave = React.useCallback(() => {\n    return ((item.name.trim().length > 0) && (item.key.trim().length > 0)  && (item.value.trim().length > 0) && !nameAlreadyExists  );\n  }, [item.key, item.name, item.value, nameAlreadyExists]);\n\n  function renderFooter() {\n\n    return (\n      <div className=\"custom-param-edit-dialog-footer\">\n        <div className=\"custom-param-edit-dialog-footer-buttons\">\n          <Button\n            className=\"custom-param-edit-dialog-footer-button\"\n            styleType='high-visibility'\n            onClick={handleOk}\n            disabled={!readyToSave()}\n          >\n            {props.item ? MapLayersUI.translate(\"Dialog.Edit\") : MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button\n            className=\"custom-param-edit-dialog-footer-button\"\n            styleType='default'\n            onClick={handleCancel}\n          >\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <Dialog\n      title={MapLayersUI.translate(props.item ? \"CustomParamEditDialog.DialogTitleEdit\": \"CustomParamEditDialog.DialogTitleAdd\")}\n      opened={true}\n      resizable={true}\n      movable={true}\n      modal={true}\n      onClose={handleCancel}\n      onEscape={handleCancel}\n      minHeight={120}\n      maxWidth={120}\n      trapFocus={false}\n    >\n      <>\n        <LabeledInput className=\"custom-param-edit-dialog-input\" label={MapLayersUI.translate(\"CustomParamEditDialog.ParamNameLabel\")} value={item.name} onChange={(event)=>setItem({...item, name: event.target.value})} status={nameAlreadyExists ? \"warning\" : undefined} message={nameAlreadyExists ? MapLayersUI.translate(\"CustomParamEditDialog.NameExists\"): undefined}/>\n        <LabeledInput className=\"custom-param-edit-dialog-input\" label={MapLayersUI.translate(\"CustomParamEditDialog.ParamKeyLabel\")} value={item.key} onChange={(event)=>setItem({...item, key: event.target.value})}  />\n        <LabeledInput className=\"custom-param-edit-dialog-input\"label={MapLayersUI.translate(\"CustomParamEditDialog.ParamValueLabel\")} type={item.secret ? \"password\" : \"\"} value={item.value} onChange={(event)=>setItem({...item, value: event.target.value}) } message={!item.secret ? MapLayersUI.translate(\"CustomParamEditDialog.ParamValueNonPrivateMessage\"): undefined}/>\n        <div className=\"custom-param-edit-dialog-secret custom-param-edit-dialog-input\" title={MapLayersUI.translate(\"CustomParamEditDialog.PrivateToggleTooltip\")}>\n          <ToggleSwitch checked={item.secret} label={MapLayersUI.translate(\"CustomParamEditDialog.PrivateToggleLabel\")} onChange={(event)=>setItem({...item, secret: event.target.checked})} />\n        </div>\n        {renderFooter()}\n      </>\n    </Dialog>\n  );\n}\n"]}

package/lib/esm/ui/widget/CustomParamEditDialog.scss

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+
+.custom-param-edit-dialog-secret {
+  margin-top: 10px;
+}
+
+.custom-param-edit-dialog-footer {
+  display: flex;
+  margin-top: 15px;
+}
+
+.custom-param-edit-dialog-footer-buttons {
+  margin-left: auto;
+}
+
+.custom-param-edit-dialog-footer-button {
+  margin-left: 5px;
+}
+
+.custom-param-edit-dialog-input {
+  margin-bottom: 5px;
+}

package/lib/esm/ui/widget/CustomParamsSettings.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./CustomParamsSettings.scss";
+export declare function CustomParamsSettingsPanel(): JSX.Element;
+//# sourceMappingURL=CustomParamsSettings.d.ts.map

package/lib/esm/ui/widget/CustomParamsSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomParamsSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamsSettings.tsx"],"names":[],"mappings":";AAKA,OAAO,6BAA6B,CAAC;AAiBrC,wBAAgB,yBAAyB,gBAuJxC"}

package/lib/esm/ui/widget/CustomParamsSettings.js

@@ -0,0 +1,112 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import "./CustomParamsSettings.scss";
+import * as React from "react";
+import { UiFramework } from "@itwin/appui-react";
+import { Listbox, ListboxItem } from "@itwin/core-react";
+import { SvgTechnicalPreviewMini } from "@itwin/itwinui-icons-color-react";
+import { SvgAdd, SvgDelete, SvgEdit } from "@itwin/itwinui-icons-react";
+import { Icon, IconButton } from "@itwin/itwinui-react";
+import { CustomParamsMappingStorage } from "../../CustomParamsMappingStorage";
+import { CustomParamsStorage } from "../../CustomParamsStorage";
+import { MapLayersUI } from "../../mapLayers";
+import { CustomParamEditDialog } from "./CustomParamEditDialog";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function CustomParamsSettingsPanel() {
+    const [storage] = React.useState(() => new CustomParamsStorage());
+    const [mappingStorage] = React.useState(() => new CustomParamsMappingStorage());
+    const [params, setParams] = React.useState(() => {
+        const paramsMap = {};
+        const paramsList = storage.get(undefined);
+        if (paramsList) {
+            for (const param of paramsList)
+                paramsMap[param.name] = param;
+        }
+        return paramsMap;
+    });
+    const [listItemUnderCursor, setListItemUnderCursor] = React.useState();
+    const [selectedValue, setSelectedValue] = React.useState();
+    const deleteMapping = React.useCallback((name) => {
+        const tmpParams = { ...params };
+        delete tmpParams[name];
+        setParams(tmpParams);
+        storage.delete(name);
+        // Cascade delete to api key mapping
+        const mappingContent = mappingStorage.getContent();
+        if (mappingContent) {
+            for (const itemKey of Object.keys(mappingContent)) {
+                if (mappingContent[itemKey].customParamNames.includes(name)) {
+                    const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== name);
+                    newParamNames.length > 0 ? mappingStorage.save(itemKey, { customParamNames: newParamNames }) : mappingStorage.delete(itemKey);
+                }
+            }
+        }
+    }, [mappingStorage, params, storage]);
+    /*
+     Handle Remove layer button clicked
+     */
+    const onItemRemoveButtonClicked = React.useCallback((name, event) => {
+        event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.
+        deleteMapping(name);
+    }, [deleteMapping]);
+    const onCancelEdit = React.useCallback(() => {
+        UiFramework.dialogs.modal.close();
+        setSelectedValue(undefined); // clear listbox focus
+    }, []);
+    const onOkEdit = React.useCallback((newItem, oldItem) => {
+        UiFramework.dialogs.modal.close();
+        // If the edited item has a new name, delete the entry first.
+        const tmpParams = { ...params };
+        if (oldItem && oldItem.name !== newItem.name) {
+            delete tmpParams[oldItem.name];
+            setParams(tmpParams);
+            storage.delete(oldItem.name);
+            const mappingContent = mappingStorage.getContent();
+            if (mappingContent) {
+                for (const itemKey of Object.keys(mappingContent)) {
+                    if (mappingContent[itemKey].customParamNames.includes(oldItem.name)) {
+                        const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== oldItem.name);
+                        newParamNames.push(newItem.name);
+                        mappingStorage.save(itemKey, { customParamNames: newParamNames });
+                    }
+                }
+            }
+        }
+        storage.save(newItem.name, newItem);
+        tmpParams[newItem.name] = newItem;
+        setParams(tmpParams);
+        setSelectedValue(undefined); // clear listbox focus
+    }, [mappingStorage, params, storage]);
+    const handleAddClick = React.useCallback(() => {
+        UiFramework.dialogs.modal.open(React.createElement(CustomParamEditDialog, { onOkResult: onOkEdit, onCancelResult: onCancelEdit }));
+        return;
+    }, [onCancelEdit, onOkEdit]);
+    const onListboxValueChange = React.useCallback((newValue, _isControlOrCommandPressed) => {
+        const item = params[newValue];
+        if (item)
+            UiFramework.dialogs.modal.open(React.createElement(CustomParamEditDialog, { item: item, onOkResult: onOkEdit, onCancelResult: onCancelEdit }));
+        setSelectedValue(newValue);
+        return;
+    }, [params, onCancelEdit, onOkEdit]);
+    return (React.createElement("div", { className: "customParamsSettings-container" },
+        React.createElement("div", { className: "customParamsSettings-header" },
+            React.createElement("span", { className: "customParamsSettings-header-label" },
+                MapLayersUI.translate("CustomParamSettings.SectionLabel"),
+                React.createElement("div", { title: MapLayersUI.translate("Labels.TechPreviewBadgeTooltip"), className: "customParamsSettings-previewBadge" },
+                    React.createElement(Icon, { size: "small" },
+                        React.createElement(SvgTechnicalPreviewMini, null)))),
+            React.createElement(IconButton, { size: "small", styleType: "borderless", className: "customParamsSettings-header-add-button", onClick: handleAddClick },
+                React.createElement(SvgAdd, null))),
+        React.createElement("div", { className: "customParamsSettings-content" },
+            React.createElement(Listbox, { selectedValue: selectedValue, onListboxValueChange: onListboxValueChange, className: "customParamsSettings-content-listbox" }, Object.keys(params).map((keyName) => React.createElement(ListboxItem, { key: keyName, className: "customParamsSettings-content-entry", value: keyName, onMouseEnter: () => setListItemUnderCursor(keyName), onMouseLeave: () => setListItemUnderCursor(undefined) },
+                React.createElement("span", { className: "customParamsSettings-content-entry-name", title: keyName }, keyName),
+                (listItemUnderCursor && listItemUnderCursor === keyName) &&
+                    React.createElement(React.Fragment, null,
+                        React.createElement(IconButton, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: MapLayersUI.translate("CustomParamSettings.EditButtonTitle") },
+                            React.createElement(SvgEdit, null)),
+                        React.createElement(IconButton, { size: "small", styleType: "borderless", className: "customParamsSettings-content-entry-button", title: MapLayersUI.translate("CustomParamSettings.DeleteButtonTitle"), onClick: (event) => { onItemRemoveButtonClicked(keyName, event); } },
+                            React.createElement(SvgDelete, null)))))))));
+}
+//# sourceMappingURL=CustomParamsSettings.js.map

package/lib/esm/ui/widget/CustomParamsSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomParamsSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamsSettings.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*--------------------------------------------------------------------------------------------*/\n\nimport \"./CustomParamsSettings.scss\";\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { Listbox, ListboxItem, ListboxValue } from \"@itwin/core-react\";\nimport { SvgTechnicalPreviewMini } from \"@itwin/itwinui-icons-color-react\";\nimport { SvgAdd, SvgDelete, SvgEdit } from \"@itwin/itwinui-icons-react\";\nimport { Icon, IconButton } from \"@itwin/itwinui-react\";\nimport { CustomParamsMappingStorage } from \"../../CustomParamsMappingStorage\";\nimport { CustomParamsStorage } from \"../../CustomParamsStorage\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamItem } from \"../Interfaces\";\nimport { CustomParamEditDialog } from \"./CustomParamEditDialog\";\n\ninterface CustomParamsMap {\n  [paramName: string]: CustomParamItem;\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function CustomParamsSettingsPanel() {\n\n  const [storage] = React.useState(() => new CustomParamsStorage());\n  const [mappingStorage] = React.useState(() => new CustomParamsMappingStorage());\n\n  const [params, setParams] = React.useState<CustomParamsMap>(() => {\n    const paramsMap: CustomParamsMap ={};\n    const paramsList = storage.get(undefined);\n    if (paramsList) {\n      for (const param of paramsList)\n        paramsMap[param.name] = param;\n    }\n    return paramsMap;\n  });\n\n  const [listItemUnderCursor, setListItemUnderCursor] = React.useState<string | undefined>();\n  const [selectedValue, setSelectedValue] = React.useState<string | undefined>();\n\n  const deleteMapping = React.useCallback((name: string) => {\n    const tmpParams = {...params};\n    delete tmpParams[name];\n    setParams(tmpParams);\n    storage.delete(name);\n\n    // Cascade delete to api key mapping\n    const mappingContent = mappingStorage.getContent();\n    if (mappingContent) {\n      for (const itemKey of Object.keys(mappingContent)) {\n        if (mappingContent[itemKey].customParamNames.includes(name)) {\n          const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== name);\n          newParamNames.length > 0 ?  mappingStorage.save(itemKey, {customParamNames: newParamNames}) : mappingStorage.delete(itemKey);\n        }\n      }\n    }\n  }, [mappingStorage, params, storage]);\n\n  /*\n   Handle Remove layer button clicked\n   */\n  const onItemRemoveButtonClicked = React.useCallback((name: string, event) => {\n    event.stopPropagation();  // We don't want the owning ListBox to react on mouse click.\n    deleteMapping(name);\n  }, [deleteMapping]);\n\n  const onCancelEdit = React.useCallback(() => {\n    UiFramework.dialogs.modal.close();\n    setSelectedValue(undefined); // clear listbox focus\n  }, []);\n\n  const onOkEdit = React.useCallback((newItem: CustomParamItem, oldItem?: CustomParamItem) => {\n\n    UiFramework.dialogs.modal.close();\n\n    // If the edited item has a new name, delete the entry first.\n    const tmpParams = {...params};\n    if (oldItem && oldItem.name !== newItem.name) {\n      delete tmpParams[oldItem.name];\n      setParams(tmpParams);\n      storage.delete(oldItem.name);\n\n      const mappingContent = mappingStorage.getContent();\n      if (mappingContent) {\n        for (const itemKey of Object.keys(mappingContent)) {\n          if (mappingContent[itemKey].customParamNames.includes(oldItem.name )) {\n            const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== oldItem.name);\n            newParamNames.push(newItem.name);\n            mappingStorage.save(itemKey, {customParamNames: newParamNames});\n          }\n        }\n      }\n    }\n    storage.save(newItem.name, newItem);\n\n    tmpParams[newItem.name] = newItem;\n    setParams(tmpParams);\n    setSelectedValue(undefined); // clear listbox focus\n  }, [mappingStorage, params, storage]);\n\n  const handleAddClick = React.useCallback(() => {\n    UiFramework.dialogs.modal.open(\n      <CustomParamEditDialog\n        onOkResult={onOkEdit}\n        onCancelResult={onCancelEdit}\n      />);\n    return;\n  }, [onCancelEdit, onOkEdit]);\n\n  const onListboxValueChange = React.useCallback((newValue: ListboxValue, _isControlOrCommandPressed?: boolean)=> {\n    const item = params[newValue];\n    if (item)\n      UiFramework.dialogs.modal.open(<CustomParamEditDialog item={item} onOkResult={onOkEdit} onCancelResult={onCancelEdit}/>);\n\n    setSelectedValue(newValue);\n    return;\n  }, [params, onCancelEdit, onOkEdit]);\n\n  return (\n    <div className=\"customParamsSettings-container\">\n      <div className=\"customParamsSettings-header\">\n        <span className=\"customParamsSettings-header-label\">\n          {MapLayersUI.translate(\"CustomParamSettings.SectionLabel\")}\n          <div title={MapLayersUI.translate(\"Labels.TechPreviewBadgeTooltip\")} className=\"customParamsSettings-previewBadge\">\n            <Icon size=\"small\"><SvgTechnicalPreviewMini /></Icon>\n          </div>\n        </span>\n\n        <IconButton size=\"small\" styleType=\"borderless\" className=\"customParamsSettings-header-add-button\" onClick={handleAddClick}>\n          <SvgAdd/>\n        </IconButton>\n      </div>\n      <div className=\"customParamsSettings-content\">\n        <Listbox\n          selectedValue={selectedValue}\n          onListboxValueChange={onListboxValueChange}\n          className=\"customParamsSettings-content-listbox\" >\n          {\n            Object.keys(params).map((keyName) =>\n              <ListboxItem\n                key={keyName}\n                className=\"customParamsSettings-content-entry\"\n                value={keyName}\n                onMouseEnter={() => setListItemUnderCursor(keyName)}\n                onMouseLeave={() => setListItemUnderCursor(undefined)}\n              >\n                <span className=\"customParamsSettings-content-entry-name\" title={keyName}>{keyName}</span>\n                { // Display the delete icon only when the mouse over a specific item otherwise list feels cluttered.\n                  (listItemUnderCursor && listItemUnderCursor === keyName) &&\n                  <>\n                    <IconButton\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      title={MapLayersUI.translate(\"CustomParamSettings.EditButtonTitle\")}>\n                      <SvgEdit/>\n                    </IconButton>\n                    <IconButton\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"customParamsSettings-content-entry-button\"\n                      title={MapLayersUI.translate(\"CustomParamSettings.DeleteButtonTitle\")}\n                      onClick={(event) => {onItemRemoveButtonClicked(keyName, event);}}>\n                      <SvgDelete/>\n                    </IconButton>\n                  </>}\n              </ListboxItem>\n            )\n          }\n        </Listbox>\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/esm/ui/widget/CustomParamsSettings.scss

@@ -0,0 +1,67 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+
+.customParamsSettings-previewBadge {
+  margin-left: 4px;
+  display:inline;
+  vertical-align: middle;
+}
+
+
+button.customParamsSettings-button {
+  font-size: 12px;
+  }
+
+.customParamsSettings-header {
+  display: flex;
+  align-content: center;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.customParamsSettings-container {
+  margin-top: 1rem;
+  border: 1px solid #ccc;
+  margin-bottom: 15px;
+
+  .customParamsSettings-header-label {
+    width: auto;
+    white-space: nowrap;
+    flex: 1 1 auto;
+    padding-left: 10px;
+  }
+
+  button.customParamsSettings-header-add-button {
+    margin-right: 2px;
+  }
+
+.customParamsSettings-content {
+  height: 100px;
+  min-height: 60px;
+  border-top: 1px solid #ccc;
+
+    .customParamsSettings-content-listbox {
+      margin-top: 0;
+      border: none;
+    }
+
+    .customParamsSettings-content-entry {
+       margin-left: 4px;
+
+      button.customParamsSettings-content-entry-button {
+        height: auto;
+        padding: 0 4px 0 4px;
+      }
+      .customParamsSettings-content-entry-name {
+        flex: 1 1 auto;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        margin-right: 4px;
+      }
+    }
+  }
+}

package/lib/esm/ui/widget/MapLayerDroppable.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { ScreenViewport } from "@itwin/core-frontend";
-import { MapTypesOptions, StyleMapLayerSettings } from "../Interfaces";
 import "./MapLayerManager.scss";
+import { ScreenViewport } from "@itwin/core-frontend";
+import { MapLayerOptions, StyleMapLayerSettings } from "../Interfaces";
 /** @internal */
 interface MapLayerDroppableProps {
     isOverlay: boolean;
     layersList?: StyleMapLayerSettings[];
-    mapTypesOptions?: MapTypesOptions;
+    mapLayerOptions?: MapLayerOptions;
     getContainerForClone: () => HTMLElement;
     activeViewport: ScreenViewport;
     onMenuItemSelected: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;

package/lib/esm/ui/widget/MapLayerDroppable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayerDroppable.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerDroppable.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAyI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAO7L,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,wBAAwB,CAAC;AAIhC,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,MAAM,WAAW,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtF,6BAA6B,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjF,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAO,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,gBAAgB;AAEhB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAmL9D"}
+{"version":3,"file":"MapLayerDroppable.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerDroppable.tsx"],"names":[],"mappings":";AASA,OAAO,wBAAwB,CAAC;AAMhC,OAAO,EAEL,cAAc,EACf,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAMvE,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,MAAM,WAAW,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtF,6BAA6B,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjF,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAO,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,gBAAgB;AAEhB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAkN9D"}