@itwin/map-layers 3.5.0-dev.4 → 3.5.0-dev.41

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { MapTypesOptions } from "../Interfaces";
+import "./MapUrlDialog.scss";
+export declare const MAP_TYPES: {
+    wms: string;
+    arcGis: string;
+    wmts: string;
+    tileUrl: string;
+    arcGisFeature: string;
+};
+interface SelectMapFormatProps {
+    value?: string;
+    disabled?: boolean;
+    mapTypesOptions?: MapTypesOptions;
+    onChange?: (mapType: string) => void;
+}
+export declare function SelectMapFormat(props: SelectMapFormatProps): JSX.Element;
+export {};
+//# sourceMappingURL=SelectMapFormat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMapFormat.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/SelectMapFormat.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAS7B,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAkD1D"}

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

@@ -0,0 +1,56 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { IconButton, MenuItem, Select } from "@itwin/itwinui-react";
+import * as React from "react";
+import "./MapUrlDialog.scss";
+import { SvgTechnicalPreviewMini } from "@itwin/itwinui-icons-color-react";
+import { MapLayersUI } from "../../mapLayers";
+import { IModelApp } from "@itwin/core-frontend";
+// TODO:
+// Remove this structure and iterate over the registry's active formats.
+// Still need a proper way to exclude some format, like we currently do with
+// 'TileUrl' without the need to hardcode any format Id.
+export const MAP_TYPES = {
+    wms: "WMS",
+    arcGis: "ArcGIS",
+    wmts: "WMTS",
+    tileUrl: "TileURL",
+    arcGisFeature: "ArcGISFeature",
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function SelectMapFormat(props) {
+    var _a;
+    const [mapFormat, setMapFormat] = React.useState((_a = props.value) !== null && _a !== void 0 ? _a : MAP_TYPES.arcGis);
+    const [techPreviewTooltip] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.TechPreviewBadgeTooltip"));
+    const [mapFormats] = React.useState(() => {
+        var _a;
+        const formats = [
+            { 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 ((_a = props.mapTypesOptions) === null || _a === void 0 ? void 0 : _a.supportTileUrl)
+            formats.push({ value: MAP_TYPES.tileUrl, label: MAP_TYPES.tileUrl });
+        if (IModelApp.mapLayerFormatRegistry.isRegistered(MAP_TYPES.arcGisFeature))
+            formats.push({ value: MAP_TYPES.arcGisFeature, label: MAP_TYPES.arcGisFeature, id: "techPreview" });
+        return formats;
+    });
+    const handleOnChange = React.useCallback((value) => {
+        setMapFormat(value);
+        if (props.onChange) {
+            props.onChange(value);
+        }
+    }, [props]);
+    return (React.createElement(Select, { className: "map-layer-source-select", options: mapFormats, value: mapFormat, disabled: props.disabled, onChange: handleOnChange, size: "small", itemRenderer: (option) => {
+            var _a;
+            return (React.createElement(MenuItem, { badge: ((_a = option.id) === null || _a === void 0 ? void 0 : _a.includes("techPreview")) ?
+                    React.createElement("div", { title: techPreviewTooltip },
+                        React.createElement(IconButton, { className: "map-layer-source-select-previewBadge", size: "small" },
+                            React.createElement(SvgTechnicalPreviewMini, null)))
+                    : undefined }, option.label));
+        } }));
+}
+//# sourceMappingURL=SelectMapFormat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMapFormat.js","sourceRoot":"","sources":["../../../../src/ui/widget/SelectMapFormat.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n// cSpell:ignore Modeless WMTS\r\n\r\nimport { IconButton, MenuItem, Select, SelectOption } from \"@itwin/itwinui-react\";\r\nimport * as React from \"react\";\r\nimport { MapTypesOptions } from \"../Interfaces\";\r\nimport \"./MapUrlDialog.scss\";\r\nimport {SvgTechnicalPreviewMini} from \"@itwin/itwinui-icons-color-react\";\r\nimport { MapLayersUI } from \"../../mapLayers\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\n\r\n// TODO:\r\n// Remove this structure and iterate over the registry's active formats.\r\n// Still need a proper way to exclude some format, like we currently do with\r\n// 'TileUrl' without the need to hardcode any format Id.\r\nexport const MAP_TYPES = {\r\n  wms: \"WMS\",\r\n  arcGis: \"ArcGIS\",\r\n  wmts: \"WMTS\",\r\n  tileUrl: \"TileURL\",\r\n  arcGisFeature: \"ArcGISFeature\",\r\n};\r\n\r\ninterface SelectMapFormatProps {\r\n  value?: string;\r\n  disabled?: boolean;\r\n  mapTypesOptions?: MapTypesOptions;\r\n  onChange?: (mapType: string) => void;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function SelectMapFormat(props: SelectMapFormatProps) {\r\n\r\n  const [mapFormat, setMapFormat] = React.useState(props.value ?? MAP_TYPES.arcGis);\r\n  const [techPreviewTooltip] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:CustomAttach.TechPreviewBadgeTooltip\"));\r\n\r\n  const [mapFormats] = React.useState((): SelectOption<string>[] => {\r\n    const formats: SelectOption<string>[] = [\r\n      { value: MAP_TYPES.arcGis,        label: MAP_TYPES.arcGis },\r\n      { value: MAP_TYPES.wms,           label: MAP_TYPES.wms },\r\n      { value: MAP_TYPES.wmts,          label: MAP_TYPES.wmts },\r\n    ];\r\n    if (props.mapTypesOptions?.supportTileUrl)\r\n      formats.push({ value: MAP_TYPES.tileUrl, label: MAP_TYPES.tileUrl });\r\n\r\n    if (IModelApp.mapLayerFormatRegistry.isRegistered(MAP_TYPES.arcGisFeature))\r\n      formats.push( { value: MAP_TYPES.arcGisFeature, label: MAP_TYPES.arcGisFeature, id:\"techPreview\" });\r\n\r\n    return formats;\r\n  });\r\n\r\n  const handleOnChange = React.useCallback((value: string) => {\r\n    setMapFormat(value);\r\n    if (props.onChange) {\r\n      props.onChange(value);\r\n    }\r\n  }, [props]);\r\n\r\n  return (\r\n\r\n    <Select\r\n      className=\"map-layer-source-select\"\r\n      options={mapFormats}\r\n      value={mapFormat}\r\n      disabled={props.disabled}\r\n      onChange={handleOnChange}\r\n      size=\"small\"\r\n      itemRenderer={\r\n        (option) => (\r\n          <MenuItem\r\n            badge={option.id?.includes(\"techPreview\") ?\r\n              <div title={techPreviewTooltip}>\r\n                <IconButton className=\"map-layer-source-select-previewBadge\"  size=\"small\">\r\n                  <SvgTechnicalPreviewMini />\r\n                </IconButton>\r\n              </div>\r\n              : undefined}>\r\n            {option.label}\r\n          </MenuItem>) }\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/public/locales/en/mapLayers.json

@@ -46,6 +46,7 @@
     "SearchPlaceholder": "Search...",
     "StoreOnModelSettings": "Store on Model Settings",
     "StoreOnITwinSettings": "Store on iTwin Settings",
+    "TechPreviewBadgeTooltip": "Technology preview",
     "Type": "Type",
     "URL": "URL",
     "UrlInputPlaceHolder": "Enter Map Source URL",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/map-layers",
-  "version": "3.5.0-dev.4",
+  "version": "3.5.0-dev.41",
   "description": "Extension that adds a Map Layers Widget",
   "main": "lib/cjs/map-layers.js",
   "module": "lib/esm/map-layers.js",
@@ -21,22 +21,22 @@
     "url": "http://www.bentley.com"
   },
   "devDependencies": {
-    "@itwin/appui-abstract": "3.5.0-dev.4",
-    "@itwin/appui-layout-react": "3.5.0-dev.4",
-    "@itwin/appui-react": "3.5.0-dev.4",
-    "@itwin/build-tools": "3.5.0-dev.4",
-    "@itwin/components-react": "3.5.0-dev.4",
-    "@itwin/core-bentley": "3.5.0-dev.4",
-    "@itwin/core-common": "3.5.0-dev.4",
-    "@itwin/core-frontend": "3.5.0-dev.4",
-    "@itwin/core-geometry": "3.5.0-dev.4",
-    "@itwin/core-quantity": "3.5.0-dev.4",
-    "@itwin/core-react": "3.5.0-dev.4",
-    "@itwin/eslint-plugin": "3.5.0-dev.4",
-    "@itwin/imodel-components-react": "3.5.0-dev.4",
+    "@itwin/appui-abstract": "3.5.0-dev.41",
+    "@itwin/appui-layout-react": "3.5.0-dev.41",
+    "@itwin/appui-react": "3.5.0-dev.41",
+    "@itwin/build-tools": "3.5.0-dev.41",
+    "@itwin/components-react": "3.5.0-dev.41",
+    "@itwin/core-bentley": "3.5.0-dev.41",
+    "@itwin/core-common": "3.5.0-dev.41",
+    "@itwin/core-frontend": "3.5.0-dev.41",
+    "@itwin/core-geometry": "3.5.0-dev.41",
+    "@itwin/core-quantity": "3.5.0-dev.41",
+    "@itwin/core-react": "3.5.0-dev.41",
+    "@itwin/eslint-plugin": "3.5.0-dev.41",
+    "@itwin/imodel-components-react": "3.5.0-dev.41",
     "@itwin/itwinui-css": "0.x",
     "@itwin/itwinui-react": "~1.42.0",
-    "@itwin/presentation-common": "3.5.0-dev.4",
+    "@itwin/presentation-common": "3.5.0-dev.41",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/chai": "4.3.1",
@@ -69,21 +69,22 @@
     "typescript": "~4.4.0"
   },
   "dependencies": {
+    "@itwin/itwinui-icons-color-react": "~1.0.3",
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.0.0"
   },
   "peerDependencies": {
-    "@itwin/core-bentley": "^3.5.0-dev.4",
-    "@itwin/core-geometry": "^3.5.0-dev.4",
-    "@itwin/core-common": "^3.5.0-dev.4",
-    "@itwin/core-frontend": "^3.5.0-dev.4",
-    "@itwin/core-quantity": "^3.5.0-dev.4",
-    "@itwin/appui-abstract": "^3.5.0-dev.4",
-    "@itwin/components-react": "^3.5.0-dev.4",
-    "@itwin/core-react": "^3.5.0-dev.4",
-    "@itwin/appui-react": "^3.5.0-dev.4",
-    "@itwin/imodel-components-react": "^3.5.0-dev.4",
-    "@itwin/appui-layout-react": "^3.5.0-dev.4",
+    "@itwin/core-bentley": "^3.5.0-dev.41",
+    "@itwin/core-geometry": "^3.5.0-dev.41",
+    "@itwin/core-common": "^3.5.0-dev.41",
+    "@itwin/core-frontend": "^3.5.0-dev.41",
+    "@itwin/core-quantity": "^3.5.0-dev.41",
+    "@itwin/appui-abstract": "^3.5.0-dev.41",
+    "@itwin/components-react": "^3.5.0-dev.41",
+    "@itwin/core-react": "^3.5.0-dev.41",
+    "@itwin/appui-react": "^3.5.0-dev.41",
+    "@itwin/imodel-components-react": "^3.5.0-dev.41",
+    "@itwin/appui-layout-react": "^3.5.0-dev.41",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },