@itwin/map-layers 3.0.0-dev.78 → 3.0.0-dev.82

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

@@ -0,0 +1,346 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+// cSpell:ignore Modeless WMTS
+import * as React from "react";
+import { Input, LabeledInput, ProgressLinear, Radio, Select } from "@itwin/itwinui-react";
+import { Dialog, Icon, InputStatus } from "@itwin/core-react";
+import { ModalDialogManager } from "@itwin/appui-react";
+import { MapLayersUiItemsProvider } from "../MapLayersUiItemsProvider";
+import { IModelApp, MapLayerImageryProviderStatus, MapLayerSettingsService, MapLayerSource, MapLayerSourceStatus, NotifyMessageDetails, OutputMessagePriority, } from "@itwin/core-frontend";
+import "./MapUrlDialog.scss";
+import { DialogButtonType, SpecialKey } from "@itwin/appui-abstract";
+export const MAP_TYPES = {
+    wms: "WMS",
+    arcGis: "ArcGIS",
+    wmts: "WMTS",
+    tileUrl: "TileURL",
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function MapUrlDialog(props) {
+    var _a, _b, _c, _d, _e, _f;
+    const { isOverlay, onOkResult, mapTypesOptions } = props;
+    const supportWmsAuthentication = ((mapTypesOptions === null || mapTypesOptions === void 0 ? void 0 : mapTypesOptions.supportWmsAuthentication) ? true : false);
+    const getMapUrlFromProps = React.useCallback(() => {
+        var _a;
+        if (props.mapLayerSourceToEdit) {
+            return props.mapLayerSourceToEdit.url;
+        }
+        else if ((_a = props.layerRequiringCredentials) === null || _a === void 0 ? void 0 : _a.url) {
+            return props.layerRequiringCredentials.url;
+        }
+        return "";
+    }, [props.layerRequiringCredentials, props.mapLayerSourceToEdit]);
+    const getMapNameFromProps = React.useCallback(() => {
+        var _a;
+        if (props.mapLayerSourceToEdit) {
+            return props.mapLayerSourceToEdit.name;
+        }
+        else if ((_a = props.layerRequiringCredentials) === null || _a === void 0 ? void 0 : _a.name) {
+            return props.layerRequiringCredentials.name;
+        }
+        return "";
+    }, [props.layerRequiringCredentials, props.mapLayerSourceToEdit]);
+    const getFormatFromProps = React.useCallback(() => {
+        var _a;
+        if (props.mapLayerSourceToEdit) {
+            return props.mapLayerSourceToEdit.formatId;
+        }
+        else if ((_a = props.layerRequiringCredentials) === null || _a === void 0 ? void 0 : _a.formatId) {
+            return props.layerRequiringCredentials.formatId;
+        }
+        return undefined;
+    }, [props.layerRequiringCredentials, props.mapLayerSourceToEdit]);
+    const [dialogTitle] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(props.layerRequiringCredentials || props.mapLayerSourceToEdit ? "mapLayers:CustomAttach.EditCustomLayer" : "mapLayers:CustomAttach.AttachCustomLayer"));
+    const [typeLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.Type"));
+    const [nameLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.Name"));
+    const [nameInputPlaceHolder] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.NameInputPlaceHolder"));
+    const [urlLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.URL"));
+    const [urlInputPlaceHolder] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.UrlInputPlaceHolder"));
+    const [iTwinSettingsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.StoreOnITwinSettings"));
+    const [modelSettingsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.StoreOnModelSettings"));
+    const [missingCredentialsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.MissingCredentials"));
+    const [invalidCredentialsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.InvalidCredentials"));
+    const [serverRequireCredentials, setServerRequireCredentials] = React.useState((_a = props.layerRequiringCredentials) !== null && _a !== void 0 ? _a : false);
+    const [invalidCredentialsProvided, setInvalidCredentialsProvided] = React.useState(false);
+    const [layerAttachPending, setLayerAttachPending] = React.useState(false);
+    const [warningMessage, setWarningMessage] = React.useState(props.layerRequiringCredentials ? missingCredentialsLabel : undefined);
+    const [mapUrl, setMapUrl] = React.useState(getMapUrlFromProps());
+    const [mapName, setMapName] = React.useState(getMapNameFromProps());
+    const [userName, setUserName] = React.useState("");
+    const [password, setPassword] = React.useState("");
+    const [noSaveSettingsWarning] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.NoSaveSettingsWarning"));
+    const [passwordLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:AuthenticationInputs.Password"));
+    const [passwordRequiredLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:AuthenticationInputs.PasswordRequired"));
+    const [userNameLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:AuthenticationInputs.Username"));
+    const [userNameRequiredLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:AuthenticationInputs.UsernameRequired"));
+    const [settingsStorage, setSettingsStorageRadio] = React.useState("ITwin");
+    const [mapType, setMapType] = React.useState((_b = getFormatFromProps()) !== null && _b !== void 0 ? _b : MAP_TYPES.arcGis);
+    // 'isMounted' is used to prevent any async operation once the hook has been
+    // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.
+    const isMounted = React.useRef(false);
+    React.useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    const [mapTypes] = React.useState(() => {
+        const types = [
+            { value: MAP_TYPES.arcGis, label: MAP_TYPES.arcGis },
+            { value: MAP_TYPES.wms, label: MAP_TYPES.wms },
+            { value: MAP_TYPES.wmts, label: MAP_TYPES.wmts },
+        ];
+        if (mapTypesOptions === null || mapTypesOptions === void 0 ? void 0 : mapTypesOptions.supportTileUrl)
+            types.push({ value: MAP_TYPES.tileUrl, label: MAP_TYPES.tileUrl });
+        return types;
+    });
+    const [isSettingsStorageAvailable] = React.useState(((_d = (_c = props === null || props === void 0 ? void 0 : props.activeViewport) === null || _c === void 0 ? void 0 : _c.iModel) === null || _d === void 0 ? void 0 : _d.iTwinId) && ((_f = (_e = props === null || props === void 0 ? void 0 : props.activeViewport) === null || _e === void 0 ? void 0 : _e.iModel) === null || _f === void 0 ? void 0 : _f.iModelId));
+    // Even though the settings storage is available,
+    // we don't always want to enable it in the UI.
+    const [settingsStorageDisabled] = React.useState(!isSettingsStorageAvailable || props.mapLayerSourceToEdit !== undefined || props.layerRequiringCredentials !== undefined);
+    const isAuthSupported = React.useCallback(() => {
+        return ((mapType === MAP_TYPES.wms || mapType === MAP_TYPES.wms) && supportWmsAuthentication)
+            || mapType === MAP_TYPES.arcGis;
+    }, [mapType, supportWmsAuthentication]);
+    // const [layerIdxToEdit] = React.useState((): number | undefined => {
+    const [layerRequiringCredentialsIdx] = React.useState(() => {
+        var _a;
+        if (props.layerRequiringCredentials === undefined || !props.layerRequiringCredentials.name || !props.layerRequiringCredentials.url) {
+            return undefined;
+        }
+        const indexInDisplayStyle = (_a = props.activeViewport) === null || _a === void 0 ? void 0 : _a.displayStyle.findMapLayerIndexByNameAndUrl(props.layerRequiringCredentials.name, props.layerRequiringCredentials.url, isOverlay);
+        if (indexInDisplayStyle === undefined || indexInDisplayStyle < 0) {
+            return undefined;
+        }
+        else {
+            return indexInDisplayStyle;
+        }
+    });
+    // Update warning message based on the dialog state and server response
+    React.useEffect(() => {
+        if (invalidCredentialsProvided) {
+            setWarningMessage(invalidCredentialsLabel);
+        }
+        else if (serverRequireCredentials && (!userName || !password)) {
+            setWarningMessage(missingCredentialsLabel);
+        }
+        else {
+            setWarningMessage(undefined);
+        }
+    }, [invalidCredentialsProvided, invalidCredentialsLabel, missingCredentialsLabel, serverRequireCredentials, userName, password, setWarningMessage]);
+    const handleMapTypeSelection = React.useCallback((newValue) => {
+        setMapType(newValue);
+    }, [setMapType]);
+    const handleCancel = React.useCallback(() => {
+        if (props.onCancelResult) {
+            props.onCancelResult();
+            return;
+        }
+        ModalDialogManager.closeDialog();
+    }, [props]);
+    const onUsernameChange = React.useCallback((event) => {
+        setUserName(event.target.value);
+        if (invalidCredentialsProvided)
+            setInvalidCredentialsProvided(false);
+    }, [setUserName, invalidCredentialsProvided, setInvalidCredentialsProvided]);
+    const onPasswordChange = React.useCallback((event) => {
+        setPassword(event.target.value);
+        if (invalidCredentialsProvided)
+            setInvalidCredentialsProvided(false);
+    }, [setPassword, invalidCredentialsProvided, setInvalidCredentialsProvided]);
+    const doAttach = React.useCallback(async (source) => {
+        // Returns a promise, When true, the dialog should closed
+        return new Promise((resolve, _reject) => {
+            const vp = props === null || props === void 0 ? void 0 : props.activeViewport;
+            if (vp === undefined || source === undefined) {
+                resolve(true);
+                return;
+            }
+            const storeOnIModel = "Model" === settingsStorage;
+            source.validateSource(true).then(async (validation) => {
+                if (validation.status === MapLayerSourceStatus.Valid
+                    || validation.status === MapLayerSourceStatus.RequireAuth
+                    || validation.status === MapLayerSourceStatus.InvalidCredentials) {
+                    const sourceRequireAuth = (validation.status === MapLayerSourceStatus.RequireAuth);
+                    const invalidCredentials = (validation.status === MapLayerSourceStatus.InvalidCredentials);
+                    const closeDialog = !sourceRequireAuth && !invalidCredentials;
+                    resolve(closeDialog);
+                    if (sourceRequireAuth && !serverRequireCredentials) {
+                        setServerRequireCredentials(true);
+                    }
+                    if (invalidCredentials) {
+                        setInvalidCredentialsProvided(true);
+                        return;
+                    }
+                    else if (invalidCredentialsProvided) {
+                        setInvalidCredentialsProvided(false); // flag reset
+                    }
+                    if (validation.status === MapLayerSourceStatus.Valid) {
+                        // Attach layer and update settings service (only if editing)
+                        if (layerRequiringCredentialsIdx !== undefined) {
+                            // Update username / password
+                            vp.displayStyle.changeMapLayerProps({
+                                subLayers: validation.subLayers,
+                            }, layerRequiringCredentialsIdx, isOverlay);
+                            vp.displayStyle.changeMapLayerCredentials(layerRequiringCredentialsIdx, isOverlay, source.userName, source.password);
+                            // Reset the provider's status
+                            const provider = vp.getMapLayerImageryProvider(layerRequiringCredentialsIdx, isOverlay);
+                            if (provider && provider.status !== MapLayerImageryProviderStatus.Valid) {
+                                provider.status = MapLayerImageryProviderStatus.Valid;
+                            }
+                        }
+                        else {
+                            // Update service settings if storage is available and we are not prompting user for credentials
+                            if (!settingsStorageDisabled && !props.layerRequiringCredentials) {
+                                if (!(await MapLayerSettingsService.storeSourceInSettingsService(source, storeOnIModel, vp.iModel.iTwinId, vp.iModel.iModelId)))
+                                    return;
+                            }
+                            const layerSettings = source.toLayerSettings(validation.subLayers);
+                            if (layerSettings) {
+                                vp.displayStyle.attachMapLayerSettings(layerSettings, isOverlay, undefined);
+                                const msg = IModelApp.localization.getLocalizedString("mapLayers:Messages.MapLayerAttached", { sourceName: source.name, sourceUrl: source.url });
+                                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));
+                            }
+                            else {
+                                const msgError = MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:Messages.MapLayerLayerSettingsConversionError");
+                                const msg = MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.MapLayerAttachError", { error: msgError, sourceUrl: source.url });
+                                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));
+                            }
+                        }
+                        vp.invalidateRenderPlan();
+                    }
+                    if (closeDialog) {
+                        // This handler will close the layer source handler, and therefore the MapUrl dialog.
+                        // don't call it if the dialog needs to remains open.
+                        onOkResult();
+                    }
+                }
+                else {
+                    const msg = MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.ValidationError");
+                    IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, `${msg} ${source.url}`));
+                    resolve(true);
+                }
+                resolve(false);
+            }).catch((error) => {
+                const msg = MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.MapLayerAttachError", { error, sourceUrl: source.url });
+                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));
+                resolve(true);
+            });
+        });
+    }, [props.activeViewport, props.layerRequiringCredentials, settingsStorage, serverRequireCredentials, invalidCredentialsProvided, onOkResult, layerRequiringCredentialsIdx, isOverlay, settingsStorageDisabled]);
+    const onNameChange = React.useCallback((event) => {
+        setMapName(event.target.value);
+    }, [setMapName]);
+    const onRadioChange = React.useCallback((event) => {
+        setSettingsStorageRadio(event.target.value);
+    }, [setSettingsStorageRadio]);
+    const onUrlChange = React.useCallback((event) => {
+        setMapUrl(event.target.value);
+    }, [setMapUrl]);
+    const handleOk = React.useCallback(() => {
+        let source;
+        if (mapUrl && mapName) {
+            source = MapLayerSource.fromJSON({
+                url: mapUrl,
+                name: mapName,
+                formatId: mapType,
+                userName,
+                password,
+            });
+            if (source === undefined || props.mapLayerSourceToEdit) {
+                ModalDialogManager.closeDialog();
+                if (source === undefined) {
+                    // Close the dialog and inform end user something went wrong.
+                    const msgError = MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:Messages.MapLayerLayerSourceCreationFailed");
+                    const msg = MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.MapLayerAttachError", { error: msgError, sourceUrl: mapUrl });
+                    IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));
+                    return;
+                }
+                // Simply change the source definition in the setting service
+                if (props.mapLayerSourceToEdit !== undefined) {
+                    const vp = props.activeViewport;
+                    void (async () => {
+                        var _a;
+                        if (isSettingsStorageAvailable && vp) {
+                            if (!(await MapLayerSettingsService.replaceSourceInSettingsService(props.mapLayerSourceToEdit, source, vp.iModel.iTwinId, vp.iModel.iModelId))) {
+                                const errorMessage = IModelApp.localization.getLocalizedString("mapLayers:Messages.MapLayerEditError", { layerName: (_a = props.mapLayerSourceToEdit) === null || _a === void 0 ? void 0 : _a.name });
+                                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, errorMessage));
+                                return;
+                            }
+                        }
+                    })();
+                    return;
+                }
+            }
+            setLayerAttachPending(true);
+            void (async () => {
+                // Code below is executed in the an async manner but
+                // I don't necessarily  want to mark the handler as async
+                // so Im wrapping it un in a void wrapper.
+                try {
+                    const closeDialog = await doAttach(source);
+                    if (isMounted.current) {
+                        setLayerAttachPending(false);
+                    }
+                    // In theory the modal dialog should always get closed by the parent
+                    // AttachLayerPanel's 'onOkResult' handler.  We close it here just in case.
+                    if (closeDialog) {
+                        ModalDialogManager.closeDialog();
+                    }
+                }
+                catch (_error) {
+                    ModalDialogManager.closeDialog();
+                }
+            })();
+        }
+    }, [mapUrl, mapName, mapType, userName, password, props.mapLayerSourceToEdit, props.activeViewport, isSettingsStorageAvailable, doAttach]);
+    const dialogContainer = React.useRef(null);
+    const readyToSave = React.useCallback(() => {
+        const credentialsSet = !!userName && !!password;
+        return (!!mapUrl && !!mapName)
+            && (!serverRequireCredentials || (serverRequireCredentials && credentialsSet) && !layerAttachPending)
+            && !invalidCredentialsProvided;
+    }, [mapUrl, mapName, userName, password, layerAttachPending, invalidCredentialsProvided, serverRequireCredentials]);
+    const buttonCluster = React.useMemo(() => [
+        { type: DialogButtonType.OK, onClick: handleOk, disabled: !readyToSave() },
+        { type: DialogButtonType.Cancel, onClick: handleCancel },
+    ], [readyToSave, handleCancel, handleOk]);
+    const handleOnKeyDown = React.useCallback((event) => {
+        if (event.key === SpecialKey.Enter) {
+            if (readyToSave())
+                handleOk();
+        }
+    }, [handleOk, readyToSave]);
+    return (React.createElement("div", { ref: dialogContainer },
+        React.createElement(Dialog, { className: "map-layer-url-dialog", title: dialogTitle, opened: true, resizable: true, movable: true, modal: true, buttonCluster: buttonCluster, onClose: handleCancel, onEscape: handleCancel, minHeight: 120, maxWidth: 600, trapFocus: false },
+            React.createElement("div", null,
+                React.createElement("div", { className: "map-layer-source-url" },
+                    React.createElement("span", { className: "map-layer-source-label" }, typeLabel),
+                    React.createElement(Select, { className: "map-manager-base-select", options: mapTypes, value: mapType, disabled: props.layerRequiringCredentials !== undefined || props.mapLayerSourceToEdit !== undefined, onChange: handleMapTypeSelection }),
+                    React.createElement("span", { className: "map-layer-source-label" }, nameLabel),
+                    React.createElement(Input, { placeholder: nameInputPlaceHolder, onChange: onNameChange, value: mapName, disabled: props.layerRequiringCredentials !== undefined }),
+                    React.createElement("span", { className: "map-layer-source-label" }, urlLabel),
+                    React.createElement(Input, { placeholder: urlInputPlaceHolder, onKeyPress: handleOnKeyDown, onChange: onUrlChange, disabled: props.mapLayerSourceToEdit !== undefined, value: mapUrl }),
+                    isAuthSupported() && props.mapLayerSourceToEdit === undefined &&
+                        React.createElement(React.Fragment, null,
+                            React.createElement("span", { className: "map-layer-source-label" }, userNameLabel),
+                            React.createElement(LabeledInput, { placeholder: serverRequireCredentials ? userNameRequiredLabel : userNameLabel, status: !userName && serverRequireCredentials ? InputStatus.Warning : undefined, onChange: onUsernameChange }),
+                            React.createElement("span", { className: "map-layer-source-label" }, passwordLabel),
+                            React.createElement(LabeledInput, { type: "password", placeholder: serverRequireCredentials ? passwordRequiredLabel : passwordLabel, status: !password && serverRequireCredentials ? InputStatus.Warning : undefined, onChange: onPasswordChange, onKeyPress: handleOnKeyDown })),
+                    isSettingsStorageAvailable && React.createElement("div", { title: settingsStorageDisabled ? noSaveSettingsWarning : "" },
+                        React.createElement(Radio, { disabled: settingsStorageDisabled, name: "settingsStorage", value: "iTwin", label: iTwinSettingsLabel, checked: settingsStorage === "iTwin", onChange: onRadioChange }),
+                        React.createElement(Radio, { disabled: settingsStorageDisabled, name: "settingsStorage", value: "Model", label: modelSettingsLabel, checked: settingsStorage === "Model", onChange: onRadioChange })))),
+            React.createElement("div", { className: "map-layer-source-warnMessage" }, warningMessage ?
+                React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { className: "map-layer-source-warnMessage-icon", iconSpec: "icon-status-warning" }),
+                    React.createElement("span", { className: "map-layer-source-warnMessage-label" }, warningMessage))
+                :
+                    // Place holder to avoid dialog resize
+                    React.createElement("span", { className: "map-layer-source-placeholder" }, "\u00A0")),
+            layerAttachPending &&
+                React.createElement("div", { className: "map-layer-source-progressBar" },
+                    React.createElement(ProgressLinear, { indeterminate: true })))));
+}
+//# sourceMappingURL=MapUrlDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapUrlDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapUrlDialog.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// cSpell:ignore Modeless WMTS\n\nimport * as React from \"react\";\nimport { Input, LabeledInput, ProgressLinear, Radio, Select, SelectOption } from \"@itwin/itwinui-react\";\nimport { Dialog, Icon, InputStatus } from \"@itwin/core-react\";\nimport { ModalDialogManager } from \"@itwin/appui-react\";\nimport { MapLayersUiItemsProvider } from \"../MapLayersUiItemsProvider\";\nimport { MapTypesOptions } from \"../Interfaces\";\nimport {\n  IModelApp, MapLayerImageryProviderStatus, MapLayerSettingsService, MapLayerSource,\n  MapLayerSourceStatus, NotifyMessageDetails, OutputMessagePriority, ScreenViewport,\n} from \"@itwin/core-frontend\";\nimport { MapLayerProps } from \"@itwin/core-common\";\nimport \"./MapUrlDialog.scss\";\nimport { DialogButtonType, SpecialKey } from \"@itwin/appui-abstract\";\n\nexport const MAP_TYPES = {\n  wms: \"WMS\",\n  arcGis: \"ArcGIS\",\n  wmts: \"WMTS\",\n  tileUrl: \"TileURL\",\n};\n\ninterface MapUrlDialogProps {\n  activeViewport?: ScreenViewport;\n  isOverlay: boolean;\n  onOkResult: () => void;\n  onCancelResult?: () => void;\n  mapTypesOptions?: MapTypesOptions;\n\n  // An optional layer definition can be provide to enable the edit mode\n  layerRequiringCredentials?: MapLayerProps;\n\n  mapLayerSourceToEdit?: MapLayerSource;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapUrlDialog(props: MapUrlDialogProps) {\n  const { isOverlay, onOkResult, mapTypesOptions } = props;\n  const supportWmsAuthentication = (mapTypesOptions?.supportWmsAuthentication ? true : false);\n\n  const getMapUrlFromProps = React.useCallback(() => {\n    if (props.mapLayerSourceToEdit) {\n      return props.mapLayerSourceToEdit.url;\n    } else if (props.layerRequiringCredentials?.url) {\n      return props.layerRequiringCredentials.url;\n    }\n    return \"\";\n  }, [props.layerRequiringCredentials, props.mapLayerSourceToEdit]);\n\n  const getMapNameFromProps = React.useCallback(() => {\n    if (props.mapLayerSourceToEdit) {\n      return props.mapLayerSourceToEdit.name;\n    } else if (props.layerRequiringCredentials?.name) {\n      return props.layerRequiringCredentials.name;\n    }\n    return \"\";\n  }, [props.layerRequiringCredentials, props.mapLayerSourceToEdit]);\n\n  const getFormatFromProps = React.useCallback(() => {\n    if (props.mapLayerSourceToEdit) {\n      return props.mapLayerSourceToEdit.formatId;\n    } else if (props.layerRequiringCredentials?.formatId) {\n      return props.layerRequiringCredentials.formatId;\n    }\n    return undefined;\n  }, [props.layerRequiringCredentials, props.mapLayerSourceToEdit]);\n\n  const [dialogTitle] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(props.layerRequiringCredentials || props.mapLayerSourceToEdit ? \"mapLayers:CustomAttach.EditCustomLayer\" : \"mapLayers:CustomAttach.AttachCustomLayer\"));\n  const [typeLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.Type\"));\n  const [nameLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.Name\"));\n  const [nameInputPlaceHolder] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.NameInputPlaceHolder\"));\n  const [urlLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.URL\"));\n  const [urlInputPlaceHolder] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.UrlInputPlaceHolder\"));\n  const [iTwinSettingsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.StoreOnITwinSettings\"));\n  const [modelSettingsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.StoreOnModelSettings\"));\n  const [missingCredentialsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.MissingCredentials\"));\n  const [invalidCredentialsLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.InvalidCredentials\"));\n  const [serverRequireCredentials, setServerRequireCredentials] = React.useState(props.layerRequiringCredentials ?? false);\n  const [invalidCredentialsProvided, setInvalidCredentialsProvided] = React.useState(false);\n  const [layerAttachPending, setLayerAttachPending] = React.useState(false);\n  const [warningMessage, setWarningMessage] = React.useState(props.layerRequiringCredentials ? missingCredentialsLabel : undefined);\n  const [mapUrl, setMapUrl] = React.useState(getMapUrlFromProps());\n  const [mapName, setMapName] = React.useState(getMapNameFromProps());\n  const [userName, setUserName] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [noSaveSettingsWarning] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.NoSaveSettingsWarning\"));\n  const [passwordLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:AuthenticationInputs.Password\"));\n  const [passwordRequiredLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:AuthenticationInputs.PasswordRequired\"));\n  const [userNameLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:AuthenticationInputs.Username\"));\n  const [userNameRequiredLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:AuthenticationInputs.UsernameRequired\"));\n  const [settingsStorage, setSettingsStorageRadio] = React.useState(\"ITwin\");\n\n  const [mapType, setMapType] = React.useState(getFormatFromProps() ?? MAP_TYPES.arcGis);\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 [mapTypes] = React.useState((): SelectOption<string>[] => {\n    const types = [\n      { value: MAP_TYPES.arcGis, label: MAP_TYPES.arcGis },\n      { value: MAP_TYPES.wms, label: MAP_TYPES.wms },\n      { value: MAP_TYPES.wmts, label: MAP_TYPES.wmts },\n    ];\n    if (mapTypesOptions?.supportTileUrl)\n      types.push({ value: MAP_TYPES.tileUrl, label: MAP_TYPES.tileUrl });\n    return types;\n  });\n\n  const [isSettingsStorageAvailable] = React.useState(props?.activeViewport?.iModel?.iTwinId && props?.activeViewport?.iModel?.iModelId);\n\n  // Even though the settings storage is available,\n  // we don't always want to enable it in the UI.\n  const [settingsStorageDisabled] = React.useState(!isSettingsStorageAvailable || props.mapLayerSourceToEdit !== undefined || props.layerRequiringCredentials !== undefined);\n\n  const isAuthSupported = React.useCallback(() => {\n    return ((mapType === MAP_TYPES.wms || mapType === MAP_TYPES.wms) && supportWmsAuthentication)\n      || mapType === MAP_TYPES.arcGis;\n  }, [mapType, supportWmsAuthentication]);\n\n  // const [layerIdxToEdit] = React.useState((): number | undefined => {\n  const [layerRequiringCredentialsIdx] = React.useState((): number | undefined => {\n    if (props.layerRequiringCredentials === undefined || !props.layerRequiringCredentials.name || !props.layerRequiringCredentials.url) {\n      return undefined;\n    }\n\n    const indexInDisplayStyle = props.activeViewport?.displayStyle.findMapLayerIndexByNameAndUrl(props.layerRequiringCredentials.name, props.layerRequiringCredentials.url, isOverlay);\n    if (indexInDisplayStyle === undefined || indexInDisplayStyle < 0) {\n      return undefined;\n    } else {\n      return indexInDisplayStyle;\n    }\n  });\n\n  // Update warning message based on the dialog state and server response\n  React.useEffect(() => {\n    if (invalidCredentialsProvided) {\n      setWarningMessage(invalidCredentialsLabel);\n    } else if (serverRequireCredentials && (!userName || !password)) {\n      setWarningMessage(missingCredentialsLabel);\n    } else {\n      setWarningMessage(undefined);\n    }\n  }, [invalidCredentialsProvided, invalidCredentialsLabel, missingCredentialsLabel, serverRequireCredentials, userName, password, setWarningMessage]);\n\n  const handleMapTypeSelection = React.useCallback((newValue: string) => {\n    setMapType(newValue);\n  }, [setMapType]);\n\n  const handleCancel = React.useCallback(() => {\n    if (props.onCancelResult) {\n      props.onCancelResult();\n      return;\n    }\n    ModalDialogManager.closeDialog();\n  }, [props]);\n\n  const onUsernameChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setUserName(event.target.value);\n    if (invalidCredentialsProvided)\n      setInvalidCredentialsProvided(false);\n  }, [setUserName, invalidCredentialsProvided, setInvalidCredentialsProvided]);\n\n  const onPasswordChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setPassword(event.target.value);\n    if (invalidCredentialsProvided)\n      setInvalidCredentialsProvided(false);\n  }, [setPassword, invalidCredentialsProvided, setInvalidCredentialsProvided]);\n\n  const doAttach = React.useCallback(async (source: MapLayerSource): Promise<boolean> => {\n    // Returns a promise, When true, the dialog should closed\n    return new Promise<boolean>((resolve, _reject) => {\n      const vp = props?.activeViewport;\n      if (vp === undefined || source === undefined) {\n        resolve(true);\n        return;\n      }\n\n      const storeOnIModel = \"Model\" === settingsStorage;\n      source.validateSource(true).then(async (validation) => {\n        if (validation.status === MapLayerSourceStatus.Valid\n          || validation.status === MapLayerSourceStatus.RequireAuth\n          || validation.status === MapLayerSourceStatus.InvalidCredentials) {\n          const sourceRequireAuth = (validation.status === MapLayerSourceStatus.RequireAuth);\n          const invalidCredentials = (validation.status === MapLayerSourceStatus.InvalidCredentials);\n          const closeDialog = !sourceRequireAuth && !invalidCredentials;\n          resolve(closeDialog);\n\n          if (sourceRequireAuth && !serverRequireCredentials) {\n            setServerRequireCredentials(true);\n          }\n          if (invalidCredentials) {\n            setInvalidCredentialsProvided(true);\n            return;\n          } else if (invalidCredentialsProvided) {\n            setInvalidCredentialsProvided(false);  // flag reset\n          }\n\n          if (validation.status === MapLayerSourceStatus.Valid) {\n            // Attach layer and update settings service (only if editing)\n            if (layerRequiringCredentialsIdx !== undefined) {\n              // Update username / password\n              vp.displayStyle.changeMapLayerProps({\n                subLayers: validation.subLayers,\n              }, layerRequiringCredentialsIdx, isOverlay);\n              vp.displayStyle.changeMapLayerCredentials(layerRequiringCredentialsIdx, isOverlay, source.userName, source.password);\n\n              // Reset the provider's status\n              const provider = vp.getMapLayerImageryProvider(layerRequiringCredentialsIdx, isOverlay);\n              if (provider && provider.status !== MapLayerImageryProviderStatus.Valid) {\n                provider.status = MapLayerImageryProviderStatus.Valid;\n              }\n            } else {\n              // Update service settings if storage is available and we are not prompting user for credentials\n              if (!settingsStorageDisabled && !props.layerRequiringCredentials) {\n                if (!(await MapLayerSettingsService.storeSourceInSettingsService(source, storeOnIModel, vp.iModel.iTwinId!, vp.iModel.iModelId!)))\n                  return;\n              }\n              const layerSettings = source.toLayerSettings(validation.subLayers);\n              if (layerSettings) {\n                vp.displayStyle.attachMapLayerSettings(layerSettings, isOverlay, undefined);\n\n                const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttached\", { sourceName: source.name, sourceUrl: source.url });\n                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\n              } else {\n                const msgError = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Messages.MapLayerLayerSettingsConversionError\");\n                const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.MapLayerAttachError\", { error: msgError, sourceUrl: source.url });\n                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n              }\n            }\n\n            vp.invalidateRenderPlan();\n          }\n\n          if (closeDialog) {\n            // This handler will close the layer source handler, and therefore the MapUrl dialog.\n            // don't call it if the dialog needs to remains open.\n            onOkResult();\n          }\n\n        } else {\n          const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.ValidationError\");\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, `${msg} ${source.url}`));\n          resolve(true);\n        }\n        resolve(false);\n      }).catch((error) => {\n        const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.MapLayerAttachError\", { error, sourceUrl: source.url });\n        IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n        resolve(true);\n      });\n    });\n  }, [props.activeViewport, props.layerRequiringCredentials, settingsStorage, serverRequireCredentials, invalidCredentialsProvided, onOkResult, layerRequiringCredentialsIdx, isOverlay, settingsStorageDisabled]);\n\n  const onNameChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setMapName(event.target.value);\n  }, [setMapName]);\n\n  const onRadioChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setSettingsStorageRadio(event.target.value);\n  }, [setSettingsStorageRadio]);\n\n  const onUrlChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setMapUrl(event.target.value);\n  }, [setMapUrl]);\n\n  const handleOk = React.useCallback(() => {\n    let source: MapLayerSource | undefined;\n    if (mapUrl && mapName) {\n      source = MapLayerSource.fromJSON({\n        url: mapUrl,\n        name: mapName,\n        formatId: mapType,\n        userName,\n        password,\n      });\n\n      if (source === undefined || props.mapLayerSourceToEdit) {\n\n        ModalDialogManager.closeDialog();\n\n        if (source === undefined) {\n          // Close the dialog and inform end user something went wrong.\n          const msgError = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Messages.MapLayerLayerSourceCreationFailed\");\n          const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.MapLayerAttachError\", { error: msgError, sourceUrl: mapUrl });\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\n          return;\n        }\n\n        // Simply change the source definition in the setting service\n        if (props.mapLayerSourceToEdit !== undefined) {\n          const vp = props.activeViewport;\n          void (async () => {\n            if (isSettingsStorageAvailable && vp) {\n              if (!(await MapLayerSettingsService.replaceSourceInSettingsService(props.mapLayerSourceToEdit!, source, vp.iModel.iTwinId!, vp.iModel.iModelId!))) {\n                const errorMessage = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerEditError\", { layerName: props.mapLayerSourceToEdit?.name });\n                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, errorMessage));\n                return;\n              }\n\n            }\n          })();\n          return;\n        }\n      }\n\n      setLayerAttachPending(true);\n\n      void (async () => {\n        // Code below is executed in the an async manner but\n        // I don't necessarily  want to mark the handler as async\n        // so Im wrapping it un in a void wrapper.\n        try {\n          const closeDialog = await doAttach(source);\n          if (isMounted.current) {\n            setLayerAttachPending(false);\n          }\n\n          // In theory the modal dialog should always get closed by the parent\n          // AttachLayerPanel's 'onOkResult' handler.  We close it here just in case.\n          if (closeDialog) {\n            ModalDialogManager.closeDialog();\n          }\n        } catch (_error) {\n          ModalDialogManager.closeDialog();\n        }\n      })();\n    }\n\n  }, [mapUrl, mapName, mapType, userName, password, props.mapLayerSourceToEdit, props.activeViewport, isSettingsStorageAvailable, doAttach]);\n\n  const dialogContainer = React.useRef<HTMLDivElement>(null);\n\n  const readyToSave = React.useCallback(() => {\n    const credentialsSet = !!userName && !!password;\n    return (!!mapUrl && !!mapName)\n      && (!serverRequireCredentials || (serverRequireCredentials && credentialsSet) && !layerAttachPending)\n      && !invalidCredentialsProvided;\n  }, [mapUrl, mapName, userName, password, layerAttachPending, invalidCredentialsProvided, serverRequireCredentials]);\n\n  const buttonCluster = React.useMemo(() => [\n    { type: DialogButtonType.OK, onClick: handleOk, disabled: !readyToSave() },\n    { type: DialogButtonType.Cancel, onClick: handleCancel },\n  ], [readyToSave, handleCancel, handleOk]);\n\n  const handleOnKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === SpecialKey.Enter) {\n      if (readyToSave())\n        handleOk();\n    }\n  }, [handleOk, readyToSave]);\n\n  return (\n    <div ref={dialogContainer}>\n      <Dialog\n        className=\"map-layer-url-dialog\"\n        title={dialogTitle}\n        opened={true}\n        resizable={true}\n        movable={true}\n        modal={true}\n        buttonCluster={buttonCluster}\n        onClose={handleCancel}\n        onEscape={handleCancel}\n        minHeight={120}\n        maxWidth={600}\n        trapFocus={false}\n      >\n        <div>\n          <div className=\"map-layer-source-url\">\n            <span className=\"map-layer-source-label\">{typeLabel}</span>\n            <Select\n              className=\"map-manager-base-select\"\n              options={mapTypes}\n              value={mapType}\n              disabled={props.layerRequiringCredentials !== undefined || props.mapLayerSourceToEdit !== undefined}\n              onChange={handleMapTypeSelection} />\n            <span className=\"map-layer-source-label\">{nameLabel}</span>\n            <Input placeholder={nameInputPlaceHolder} onChange={onNameChange} value={mapName} disabled={props.layerRequiringCredentials !== undefined} />\n            <span className=\"map-layer-source-label\">{urlLabel}</span>\n            <Input placeholder={urlInputPlaceHolder} onKeyPress={handleOnKeyDown} onChange={onUrlChange} disabled={props.mapLayerSourceToEdit !== undefined} value={mapUrl} />\n            {isAuthSupported() && props.mapLayerSourceToEdit === undefined &&\n              <>\n                <span className=\"map-layer-source-label\">{userNameLabel}</span>\n                <LabeledInput placeholder={serverRequireCredentials ? userNameRequiredLabel : userNameLabel}\n                  status={!userName && serverRequireCredentials ? InputStatus.Warning : undefined}\n                  onChange={onUsernameChange} />\n\n                <span className=\"map-layer-source-label\">{passwordLabel}</span>\n                <LabeledInput type=\"password\" placeholder={serverRequireCredentials ? passwordRequiredLabel : passwordLabel}\n                  status={!password && serverRequireCredentials ? InputStatus.Warning : undefined}\n                  onChange={onPasswordChange}\n                  onKeyPress={handleOnKeyDown} />\n              </>\n            }\n\n            {/* Store settings options, not shown when editing a layer */}\n            {isSettingsStorageAvailable && <div title={settingsStorageDisabled ? noSaveSettingsWarning : \"\"}>\n              <Radio disabled={settingsStorageDisabled}\n                name=\"settingsStorage\" value=\"iTwin\"\n                label={iTwinSettingsLabel} checked={settingsStorage === \"iTwin\"}\n                onChange={onRadioChange} />\n              <Radio disabled={settingsStorageDisabled}\n                name=\"settingsStorage\" value=\"Model\"\n                label={modelSettingsLabel} checked={settingsStorage === \"Model\"}\n                onChange={onRadioChange} />\n            </div>}\n          </div>\n        </div>\n\n        {/* Warning message */}\n        <div className=\"map-layer-source-warnMessage\">\n          {warningMessage ?\n            <>\n              <Icon className=\"map-layer-source-warnMessage-icon\" iconSpec=\"icon-status-warning\" />\n              <span className=\"map-layer-source-warnMessage-label\">{warningMessage}</span >\n            </>\n            :\n            // Place holder to avoid dialog resize\n            <span className=\"map-layer-source-placeholder\">&nbsp;</span>\n          }\n        </div>\n\n        {/* Progress bar */}\n        {layerAttachPending &&\n          <div className=\"map-layer-source-progressBar\">\n            <ProgressLinear indeterminate />\n          </div>\n        }\n      </Dialog>\n    </div >\n  );\n}\n"]}

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

@@ -0,0 +1,85 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/index";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+$divider-color: $buic-background-toolbutton-stroke;
+$hovered-icon-color: $buic-foreground-primary-tone;
+
+
+.map-layer-url-dialog {
+  z-Index: 21000;
+
+  .core-dialog-content {
+    padding-right: 11px !important;
+    padding-left: 11px !important;
+  }
+}
+
+.map-layer-source-url {
+
+  height: 100%;
+  width: 100%;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-column-gap: 10px;
+  align-items: center;
+
+  .map-layer-source-label {
+    font-size: $iui-font-size;
+    color: $buic-foreground-body;
+    padding-right: 6px;
+    flex: initial;
+    width: fit-content;
+    white-space: nowrap;
+  }
+
+  .map-layer-source-editor {
+    width: 100%;
+    height: 100%;
+  }
+
+  label {
+    grid-column-start: 2;
+  }
+
+  .map-layer-warning-icon {
+    margin-left: 3%;
+  }
+
+}
+
+.map-layer-source-progressBar {
+  margin-top: 10px;
+}
+
+.map-layer-source-placeholder {
+  white-space: pre-wrap;
+}
+
+.map-layer-source-warnMessage {
+  margin-top: 5px;
+
+  .map-layer-source-warnMessage-label {
+    margin-left: 5px;
+  }
+
+  .map-layer-source-warnMessage-icon {
+    background-color: transparent;
+    border: none;
+    color: $buic-foreground-warning;
+    background-color: transparent;
+
+    &:hover {
+      color: $hovered-icon-color;
+    }
+
+    &:focus {
+      outline: none;
+      box-shadow: $uicore-button-focus-boxshadow;
+    }
+  }
+
+}

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

@@ -0,0 +1,21 @@
+import { BeEvent } from "@itwin/core-bentley";
+import { MapSubLayerProps } from "@itwin/core-common";
+import { ITreeDataProvider, TreeDataChangesListener, TreeNodeItem } from "@itwin/components-react";
+import { StyleMapLayerSettings } from "../Interfaces";
+/**
+ * Data provider that returns some fake nodes to show in tree.
+ */
+export declare class SubLayersDataProvider implements ITreeDataProvider {
+    private readonly _nodeMap;
+    private readonly _mapLayer;
+    constructor(mapLayer: StyleMapLayerSettings);
+    static isUnnamedGroup(subLayer: MapSubLayerProps | undefined): boolean;
+    private createId;
+    private createNode;
+    private loadChildNodes;
+    private loadNodes;
+    onTreeNodeChanged: BeEvent<TreeDataChangesListener>;
+    getNodesCount(parent?: TreeNodeItem): Promise<number>;
+    getNodes(parent?: TreeNodeItem): Promise<TreeNodeItem[]>;
+}
+//# sourceMappingURL=SubLayersDataProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubLayersDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersDataProvider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAA6B,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAc,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAA2B,iBAAiB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5H,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD;;GAEG;AACH,qBAAa,qBAAsB,YAAW,iBAAiB;IAC7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqC;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAwB;gBAEtC,QAAQ,EAAE,qBAAqB;WAK7B,cAAc,CAAC,QAAQ,EAAE,gBAAgB,GAAG,SAAS,GAAG,OAAO;IAO7E,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,SAAS;IAOV,iBAAiB,mCAA0C;IAErD,aAAa,CAAC,MAAM,CAAC,EAAE,YAAY;IAQnC,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY;CAO5C"}

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

@@ -0,0 +1,73 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { BeEvent, compareStringsOrUndefined } from "@itwin/core-bentley";
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { CheckBoxState } from "@itwin/core-react";
+/**
+ * Data provider that returns some fake nodes to show in tree.
+ */
+export class SubLayersDataProvider {
+    constructor(mapLayer) {
+        this._nodeMap = new Map();
+        this.onTreeNodeChanged = new BeEvent();
+        this._mapLayer = mapLayer;
+        this.loadNodes(mapLayer.subLayers);
+    }
+    static isUnnamedGroup(subLayer) {
+        if (!subLayer)
+            return false;
+        return (!subLayer.name || subLayer.name.length === 0) && (subLayer.children !== undefined && subLayer.children.length > 0);
+    }
+    createId(props) {
+        return undefined !== props.id ? `${props.id}` : props.name ? props.name : "no-id";
+    }
+    createNode(props, expanded, isCheckboxDisabled, icon) {
+        var _a, _b;
+        return {
+            id: this.createId(props),
+            label: PropertyRecord.fromString((_b = (_a = props.title) !== null && _a !== void 0 ? _a : props.name) !== null && _b !== void 0 ? _b : "unknown"),
+            hasChildren: !!props.children,
+            isCheckboxVisible: true,
+            checkBoxState: props.visible && !isCheckboxDisabled ? CheckBoxState.On : CheckBoxState.Off,
+            extendedData: { subLayerId: props.id },
+            isCheckboxDisabled,
+            autoExpand: expanded,
+            icon,
+        };
+    }
+    loadChildNodes(allSubLayers, parentId) {
+        const filteredProps = allSubLayers.filter((props) => parentId === props.parent);
+        if (filteredProps.length) {
+            filteredProps === null || filteredProps === void 0 ? void 0 : filteredProps.sort((a, b) => compareStringsOrUndefined(a.title, b.title));
+            const treeNodes = [];
+            filteredProps.forEach((props) => {
+                treeNodes.push(this.createNode(props, (!parentId && (props === null || props === void 0 ? void 0 : props.children) !== undefined) ? true : undefined, // expand root group only (i.e. not the entire tree),
+                undefined, SubLayersDataProvider.isUnnamedGroup(props) ? "icon-folder" : "icon-layers"));
+                if (props.children)
+                    this.loadChildNodes(allSubLayers, props.id);
+            });
+            this._nodeMap.set(undefined !== parentId ? `${parentId}` : "", treeNodes);
+        }
+    }
+    loadNodes(subLayerNodes) {
+        subLayerNodes === null || subLayerNodes === void 0 ? void 0 : subLayerNodes.sort((a, b) => compareStringsOrUndefined(a.title, b.title));
+        if (subLayerNodes) {
+            this.loadChildNodes(subLayerNodes, undefined);
+        }
+    }
+    async getNodesCount(parent) {
+        const nodeArray = parent ? this._nodeMap.get(parent.id) : this._nodeMap.get("");
+        if (nodeArray)
+            return nodeArray.length;
+        return 0;
+    }
+    async getNodes(parent) {
+        const nodeArray = parent ? this._nodeMap.get(parent.id) : this._nodeMap.get("");
+        if (nodeArray)
+            return nodeArray;
+        return [];
+    }
+}
+//# sourceMappingURL=SubLayersDataProvider.js.map