@itwin/map-layers 4.0.0-dev.24 → 4.0.0-dev.28

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

@@ -1,87 +1,87 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-
-$divider-color: $buic-background-toolbutton-stroke;
-$hovered-icon-color: $buic-foreground-primary;
-
-.map-manager-basemap {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: flex-start;
-  margin-bottom: 15px;
-
-  * {
-    box-sizing: border-box;
-  }
-
-  .map-manager-base-header {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    margin-top: 5px;
-
-  }
-
-  .map-manager-base-label {
-    margin-left: 2px;
-    padding-right: 10px;
-  }
-
-  .map-manager-base-item {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    width: 100%;
-
-    & .iui-select {
-      overflow: hidden;
-    }
-
-
-    .map-manager-base-item-select {
-      width: 100%;  // makes the Select control fill empty space on the right
-    }
-
-    button.map-manager-base-settings-button {
-      border: none;
-      margin-left: 4px;
-      background-color: transparent;
-      color: $buic-foreground-body;
-
-      &:hover {
-        background-color: transparent;
-        color: $hovered-icon-color;
-      }
-    }
-
-    .uicore-reactSelectTop {
-      width: 100%;
-      line-height: inherit;
-    }
-
-    .map-manager-base-item-select {
-      height: 2.0em;
-      width: 100%;
-      min-width: 100px;
-      margin-right: 6px;
-    }
-
-    .map-manager-base-item-transparency {
-      max-width: 160px;
-      width: 160px;
-      display: flex;
-      justify-content: center;
-      margin-right: 6px;
-    }
-
-    .map-manager-base-item-color.components-color-swatch {
-      margin-left: 6px;
-      width: 2em;
-      height: 2em;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+$divider-color: $buic-background-toolbutton-stroke;
+$hovered-icon-color: $buic-foreground-primary;
+
+.map-manager-basemap {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  align-items: flex-start;
+  margin-bottom: 15px;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  .map-manager-base-header {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin-top: 5px;
+
+  }
+
+  .map-manager-base-label {
+    margin-left: 2px;
+    padding-right: 10px;
+  }
+
+  .map-manager-base-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+
+    & .iui-select {
+      overflow: hidden;
+    }
+
+
+    .map-manager-base-item-select {
+      width: 100%;  // makes the Select control fill empty space on the right
+    }
+
+    button.map-manager-base-settings-button {
+      border: none;
+      margin-left: 4px;
+      background-color: transparent;
+      color: $buic-foreground-body;
+
+      &:hover {
+        background-color: transparent;
+        color: $hovered-icon-color;
+      }
+    }
+
+    .uicore-reactSelectTop {
+      width: 100%;
+      line-height: inherit;
+    }
+
+    .map-manager-base-item-select {
+      height: 2.0em;
+      width: 100%;
+      min-width: 100px;
+      margin-right: 6px;
+    }
+
+    .map-manager-base-item-transparency {
+      max-width: 160px;
+      width: 160px;
+      display: flex;
+      justify-content: center;
+      margin-right: 6px;
+    }
+
+    .map-manager-base-item-color.components-color-swatch {
+      margin-left: 6px;
+      width: 2em;
+      height: 2em;
+    }
+  }
+}

package/lib/cjs/ui/widget/ConfirmMessageDialog.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-import "./MapUrlDialog.scss";
-interface ConfirmMessageDialogProps extends CommonProps {
-    /** Title to show in title bar of dialog */
-    title?: string | JSX.Element;
-    message?: string | JSX.Element;
-    onYesResult?: () => void;
-    onNoResult?: () => void;
-    onClose?: () => void;
-    onEscape?: () => void;
-    minWidth?: string | number;
-    /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */
-    minHeight?: string | number;
-    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    maxWidth?: string | number;
-    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
-    maxHeight?: string | number;
-}
-export declare function ConfirmMessageDialog(props: ConfirmMessageDialogProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+import "./MapUrlDialog.scss";
+interface ConfirmMessageDialogProps extends CommonProps {
+    /** Title to show in title bar of dialog */
+    title?: string | JSX.Element;
+    message?: string | JSX.Element;
+    onYesResult?: () => void;
+    onNoResult?: () => void;
+    onClose?: () => void;
+    onEscape?: () => void;
+    minWidth?: string | number;
+    /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */
+    minHeight?: string | number;
+    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxWidth?: string | number;
+    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxHeight?: string | number;
+}
+export declare function ConfirmMessageDialog(props: ConfirmMessageDialogProps): JSX.Element;
+export {};
 //# sourceMappingURL=ConfirmMessageDialog.d.ts.map

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

@@ -1,26 +1,23 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmMessageDialog = void 0;
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-require("./MapUrlDialog.scss");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function ConfirmMessageDialog(props) {
-    const buttonCluster = React.useMemo(() => {
-        var _a, _b;
-        return [
-            { type: appui_abstract_1.DialogButtonType.Yes, onClick: (_a = props.onYesResult) !== null && _a !== void 0 ? _a : (() => { }) },
-            { type: appui_abstract_1.DialogButtonType.No, onClick: (_b = props.onNoResult) !== null && _b !== void 0 ? _b : (() => { }) },
-        ];
-    }, [props.onYesResult, props.onNoResult]);
-    return (React.createElement(core_react_1.Dialog, { className: props.className, title: props.title, opened: true, resizable: false, movable: true, modal: true, buttonCluster: buttonCluster, onClose: props.onClose, onEscape: props.onEscape, minHeight: props.minHeight, maxHeight: props.maxHeight, minWidth: props.minWidth, maxWidth: props.maxWidth, trapFocus: false },
-        React.createElement("div", null, props.message)));
-}
-exports.ConfirmMessageDialog = ConfirmMessageDialog;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmMessageDialog = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+require("./MapUrlDialog.scss");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function ConfirmMessageDialog(props) {
+    const buttonCluster = React.useMemo(() => [
+        { type: appui_abstract_1.DialogButtonType.Yes, onClick: props.onYesResult ?? (() => { }) },
+        { type: appui_abstract_1.DialogButtonType.No, onClick: props.onNoResult ?? (() => { }) },
+    ], [props.onYesResult, props.onNoResult]);
+    return (React.createElement(core_react_1.Dialog, { className: props.className, title: props.title, opened: true, resizable: false, movable: true, modal: true, buttonCluster: buttonCluster, onClose: props.onClose, onEscape: props.onEscape, minHeight: props.minHeight, maxHeight: props.maxHeight, minWidth: props.minWidth, maxWidth: props.maxWidth, trapFocus: false },
+        React.createElement("div", null, props.message)));
+}
+exports.ConfirmMessageDialog = ConfirmMessageDialog;
 //# sourceMappingURL=ConfirmMessageDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmMessageDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,8BAA8B;;;AAE9B,+BAA+B;AAC/B,kDAAwD;AAExD,+BAA6B;AAC7B,0DAAyD;AAoBzD,gEAAgE;AAChE,SAAgB,oBAAoB,CAAC,KAAgC;IAEnE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA;YACxC,EAAE,IAAI,EAAE,iCAAgB,CAAC,GAAG,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;YACzE,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;SACxE,CAAA;KAAA,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,oBAAC,mBAAM,IACL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK;QAEhB,iCAAM,KAAK,CAAC,OAAO,CAAO,CACnB,CACV,CAAC;AACJ,CAAC;AA3BD,oDA2BC","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 * as React from \"react\";\r\nimport { CommonProps, Dialog } from \"@itwin/core-react\";\r\n\r\nimport \"./MapUrlDialog.scss\";\r\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\r\n\r\ninterface ConfirmMessageDialogProps extends CommonProps {\r\n\r\n  /** Title to show in title bar of dialog */\r\n  title?: string | JSX.Element;\r\n  message?: string | JSX.Element;\r\n  onYesResult?: () => void;\r\n  onNoResult?: () => void;\r\n  onClose?: () => void;\r\n  onEscape?: () => void;\r\n  minWidth?: string | number;\r\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\r\n  minHeight?: string | number;\r\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxWidth?: string | number;\r\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxHeight?: string | number;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ConfirmMessageDialog(props: ConfirmMessageDialogProps) {\r\n\r\n  const buttonCluster = React.useMemo(() => [\r\n    { type: DialogButtonType.Yes, onClick: props.onYesResult ?? (() => { }) },\r\n    { type: DialogButtonType.No, onClick: props.onNoResult ?? (() => { }) },\r\n  ], [props.onYesResult, props.onNoResult]);\r\n\r\n  return (\r\n    <Dialog\r\n      className={props.className}\r\n      title={props.title}\r\n      opened={true}\r\n      resizable={false}\r\n      movable={true}\r\n      modal={true}\r\n      buttonCluster={buttonCluster}\r\n      onClose={props.onClose}\r\n      onEscape={props.onEscape}\r\n      minHeight={props.minHeight}\r\n      maxHeight={props.maxHeight}\r\n      minWidth={props.minWidth}\r\n      maxWidth={props.maxWidth}\r\n      trapFocus={false}\r\n    >\r\n      <div>{props.message}</div>\r\n    </Dialog>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ConfirmMessageDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,8BAA8B;;;AAE9B,+BAA+B;AAC/B,kDAAwD;AAExD,+BAA6B;AAC7B,0DAAyD;AAoBzD,gEAAgE;AAChE,SAAgB,oBAAoB,CAAC,KAAgC;IAEnE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QACxC,EAAE,IAAI,EAAE,iCAAgB,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;QACzE,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;KACxE,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,oBAAC,mBAAM,IACL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK;QAEhB,iCAAM,KAAK,CAAC,OAAO,CAAO,CACnB,CACV,CAAC;AACJ,CAAC;AA3BD,oDA2BC","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 { CommonProps, Dialog } from \"@itwin/core-react\";\n\nimport \"./MapUrlDialog.scss\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\n\ninterface ConfirmMessageDialogProps extends CommonProps {\n\n  /** Title to show in title bar of dialog */\n  title?: string | JSX.Element;\n  message?: string | JSX.Element;\n  onYesResult?: () => void;\n  onNoResult?: () => void;\n  onClose?: () => void;\n  onEscape?: () => void;\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function ConfirmMessageDialog(props: ConfirmMessageDialogProps) {\n\n  const buttonCluster = React.useMemo(() => [\n    { type: DialogButtonType.Yes, onClick: props.onYesResult ?? (() => { }) },\n    { type: DialogButtonType.No, onClick: props.onNoResult ?? (() => { }) },\n  ], [props.onYesResult, props.onNoResult]);\n\n  return (\n    <Dialog\n      className={props.className}\n      title={props.title}\n      opened={true}\n      resizable={false}\n      movable={true}\n      modal={true}\n      buttonCluster={buttonCluster}\n      onClose={props.onClose}\n      onEscape={props.onEscape}\n      minHeight={props.minHeight}\n      maxHeight={props.maxHeight}\n      minWidth={props.minWidth}\n      maxWidth={props.maxWidth}\n      trapFocus={false}\n    >\n      <div>{props.message}</div>\n    </Dialog>\n  );\n}\n"]}

package/lib/cjs/ui/widget/FeatureInfoDataProvider.d.ts

@@ -1,41 +1,41 @@
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from "@itwin/components-react";
-import { BeEvent } from "@itwin/core-bentley";
-import { MapHitEvent } from "../Interfaces";
-/**
- * Implementation of [IPropertyDataProvider] that uses an associative array.
- * @public
- */
-export declare enum MapFeatureInfoLoadState {
-    DataLoadStart = 0,
-    DataLoadEnd = 1
-}
-export declare type MapFeatureInfoLoadListener = (state: MapFeatureInfoLoadState) => void;
-export interface MapFeatureInfoDataUpdate {
-    recordCount: number;
-}
-export declare type MapFeatureInfoDataUpdatedListener = (data: MapFeatureInfoDataUpdate) => void;
-export declare class FeatureInfoDataProvider implements IPropertyDataProvider, PropertyData {
-    private _removeListener;
-    label: PropertyRecord;
-    description?: string;
-    categories: PropertyCategory[];
-    records: {
-        [categoryName: string]: PropertyRecord[];
-    };
-    onDataChanged: PropertyDataChangeEvent;
-    onDataLoadStateChanged: BeEvent<MapFeatureInfoLoadListener>;
-    onDataUpdated: BeEvent<MapFeatureInfoDataUpdatedListener>;
-    constructor(onMapHit: MapHitEvent);
-    onUnload(): void;
-    private _handleMapHit;
-    addSubCategory(categoryName: string): void;
-    addCategory(category: PropertyCategory): number;
-    findCategoryIndex(category: PropertyCategory): number;
-    findCategoryIndexByName(name: string): number;
-    addProperty(propertyRecord: PropertyRecord, categoryName: string): void;
-    removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean;
-    replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean;
-    getData(): Promise<PropertyData>;
-}
+import { PropertyRecord } from "@itwin/appui-abstract";
+import { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from "@itwin/components-react";
+import { BeEvent } from "@itwin/core-bentley";
+import { MapHitEvent } from "../Interfaces";
+/**
+ * Implementation of [IPropertyDataProvider] that uses an associative array.
+ * @public
+ */
+export declare enum MapFeatureInfoLoadState {
+    DataLoadStart = 0,
+    DataLoadEnd = 1
+}
+export declare type MapFeatureInfoLoadListener = (state: MapFeatureInfoLoadState) => void;
+export interface MapFeatureInfoDataUpdate {
+    recordCount: number;
+}
+export declare type MapFeatureInfoDataUpdatedListener = (data: MapFeatureInfoDataUpdate) => void;
+export declare class FeatureInfoDataProvider implements IPropertyDataProvider, PropertyData {
+    private _removeListener;
+    label: PropertyRecord;
+    description?: string;
+    categories: PropertyCategory[];
+    records: {
+        [categoryName: string]: PropertyRecord[];
+    };
+    onDataChanged: PropertyDataChangeEvent;
+    onDataLoadStateChanged: BeEvent<MapFeatureInfoLoadListener>;
+    onDataUpdated: BeEvent<MapFeatureInfoDataUpdatedListener>;
+    constructor(onMapHit: MapHitEvent);
+    onUnload(): void;
+    private _handleMapHit;
+    addSubCategory(categoryName: string): void;
+    addCategory(category: PropertyCategory): number;
+    findCategoryIndex(category: PropertyCategory): number;
+    findCategoryIndexByName(name: string): number;
+    addProperty(propertyRecord: PropertyRecord, categoryName: string): void;
+    removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean;
+    replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean;
+    getData(): Promise<PropertyData>;
+}
 //# sourceMappingURL=FeatureInfoDataProvider.d.ts.map