@itwin/appui-react 3.6.0-dev.34 → 3.6.0-dev.36

package/lib/cjs/appui-react/statusfields/SelectionInfo.js

@@ -1,52 +1,52 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionInfoField = void 0;
-require("./SelectionInfo.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const react_redux_1 = require("react-redux");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const UiFramework_1 = require("../UiFramework");
-/**
- * Status Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
- */
-class SelectionInfoFieldComponent extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        var _a;
-        return (React.createElement(appui_layout_react_1.FooterIndicator // eslint-disable-line deprecation/deprecation
-        , { className: (0, classnames_1.default)("uifw-statusFields-selectionInfo", this.props.className), style: this.props.style, 
-            // eslint-disable-next-line deprecation/deprecation
-            isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true },
-            React.createElement(core_react_1.Icon, { iconSpec: "icon-cursor" }),
-            this.props.selectionCount.toString()));
-    }
-}
-/** Function used by Redux to map state data in Redux store to props that are used to render this component. */
-function mapStateToProps(state) {
-    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
-    /* istanbul ignore next */
-    if (!frameworkState)
-        return undefined;
-    return { selectionCount: frameworkState.sessionState.numItemsSelected };
-}
-// we declare the variable and export that rather than using export default.
-/**
- * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
- * This React component is Redux connected.
- * @public
- */ // eslint-disable-next-line @typescript-eslint/naming-convention
-exports.SelectionInfoField = (0, react_redux_1.connect)(mapStateToProps)(SelectionInfoFieldComponent);
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionInfoField = void 0;
+require("./SelectionInfo.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const react_redux_1 = require("react-redux");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const UiFramework_1 = require("../UiFramework");
+/**
+ * Status Field React component. This component is designed to be specified in a status bar definition.
+ * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
+ */
+class SelectionInfoFieldComponent extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        var _a;
+        return (React.createElement(appui_layout_react_1.FooterIndicator // eslint-disable-line deprecation/deprecation
+        , { className: (0, classnames_1.default)("uifw-statusFields-selectionInfo", this.props.className), style: this.props.style, 
+            // eslint-disable-next-line deprecation/deprecation
+            isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true },
+            React.createElement(core_react_1.Icon, { iconSpec: "icon-cursor" }),
+            this.props.selectionCount.toString()));
+    }
+}
+/** Function used by Redux to map state data in Redux store to props that are used to render this component. */
+function mapStateToProps(state) {
+    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
+    /* istanbul ignore next */
+    if (!frameworkState)
+        return undefined;
+    return { selectionCount: frameworkState.sessionState.numItemsSelected };
+}
+// we declare the variable and export that rather than using export default.
+/**
+ * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.
+ * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
+ * This React component is Redux connected.
+ * @public
+ */ // eslint-disable-next-line @typescript-eslint/naming-convention
+exports.SelectionInfoField = (0, react_redux_1.connect)(mapStateToProps)(SelectionInfoFieldComponent);
 //# sourceMappingURL=SelectionInfo.js.map

package/lib/cjs/appui-react/statusfields/SelectionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionInfo.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAsC;AACtC,kDAAyC;AACzC,kEAA4D;AAC5D,gDAA6C;AAS7C;;;GAGG;AACH,MAAM,2BAA4B,SAAQ,KAAK,CAAC,SAAkC;IAEhF,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;;QACpB,OAAO,CACL,oBAAC,oCAAe,CAAC,8CAA8C;YAC7D,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC9E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mDAAmD;YACnD,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI;YAEhD,oBAAC,iBAAI,IAAC,QAAQ,EAAE,aAAa,GAAI;YACjC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CACrB,CACnB,CAAC;IACJ,CAAC;CACF;AAED,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,CAAE,8CAA8C;IAC5G,0BAA0B;IAC1B,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;AAC1E,CAAC;AAED,4EAA4E;AAC5E;;;;;GAKG,CAAC,gEAAgE;AACvD,QAAA,kBAAkB,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,2BAA2B,CAAC,CAAC","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/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./SelectionInfo.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Icon } from \"@itwin/core-react\";\r\nimport { FooterIndicator } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** Defines properties supported by the SelectionInfo Field Component.\r\n */\r\ninterface SelectionInfoFieldProps extends StatusFieldProps {\r\n  selectionCount: number;\r\n}\r\n\r\n/**\r\n * Status Field React component. This component is designed to be specified in a status bar definition.\r\n * It is used to display the number of selected items based on the Presentation Rules Selection Manager.\r\n */\r\nclass SelectionInfoFieldComponent extends React.Component<SelectionInfoFieldProps> {\r\n\r\n  constructor(props: SelectionInfoFieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\r\n        className={classnames(\"uifw-statusFields-selectionInfo\", this.props.className)}\r\n        style={this.props.style}\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode={this.props.isInFooterMode ?? true}\r\n      >\r\n        {<Icon iconSpec={\"icon-cursor\"} />}\r\n        {this.props.selectionCount.toString()}\r\n      </FooterIndicator>\r\n    );\r\n  }\r\n}\r\n\r\n/** Function used by Redux to map state data in Redux store to props that are used to render this component. */\r\nfunction mapStateToProps(state: any) {\r\n  const frameworkState = state[UiFramework.frameworkStateKey];  // since app sets up key, don't hard-code name\r\n  /* istanbul ignore next */\r\n  if (!frameworkState)\r\n    return undefined;\r\n\r\n  return { selectionCount: frameworkState.sessionState.numItemsSelected };\r\n}\r\n\r\n// we declare the variable and export that rather than using export default.\r\n/**\r\n * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.\r\n * It is used to display the number of selected items based on the Presentation Rules Selection Manager.\r\n * This React component is Redux connected.\r\n * @public\r\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const SelectionInfoField = connect(mapStateToProps)(SelectionInfoFieldComponent);\r\n"]}
+{"version":3,"file":"SelectionInfo.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAsC;AACtC,kDAAyC;AACzC,kEAA4D;AAC5D,gDAA6C;AAS7C;;;GAGG;AACH,MAAM,2BAA4B,SAAQ,KAAK,CAAC,SAAkC;IAEhF,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;;QACpB,OAAO,CACL,oBAAC,oCAAe,CAAC,8CAA8C;YAC7D,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC9E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mDAAmD;YACnD,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI;YAEhD,oBAAC,iBAAI,IAAC,QAAQ,EAAE,aAAa,GAAI;YACjC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CACrB,CACnB,CAAC;IACJ,CAAC;CACF;AAED,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,CAAE,8CAA8C;IAC5G,0BAA0B;IAC1B,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;AAC1E,CAAC;AAED,4EAA4E;AAC5E;;;;;GAKG,CAAC,gEAAgE;AACvD,QAAA,kBAAkB,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,2BAA2B,CAAC,CAAC","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/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./SelectionInfo.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Icon } from \"@itwin/core-react\";\nimport { FooterIndicator } from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusFieldProps } from \"./StatusFieldProps\";\n\n/** Defines properties supported by the SelectionInfo Field Component.\n */\ninterface SelectionInfoFieldProps extends StatusFieldProps {\n  selectionCount: number;\n}\n\n/**\n * Status Field React component. This component is designed to be specified in a status bar definition.\n * It is used to display the number of selected items based on the Presentation Rules Selection Manager.\n */\nclass SelectionInfoFieldComponent extends React.Component<SelectionInfoFieldProps> {\n\n  constructor(props: SelectionInfoFieldProps) {\n    super(props);\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\n        className={classnames(\"uifw-statusFields-selectionInfo\", this.props.className)}\n        style={this.props.style}\n        // eslint-disable-next-line deprecation/deprecation\n        isInFooterMode={this.props.isInFooterMode ?? true}\n      >\n        {<Icon iconSpec={\"icon-cursor\"} />}\n        {this.props.selectionCount.toString()}\n      </FooterIndicator>\n    );\n  }\n}\n\n/** Function used by Redux to map state data in Redux store to props that are used to render this component. */\nfunction mapStateToProps(state: any) {\n  const frameworkState = state[UiFramework.frameworkStateKey];  // since app sets up key, don't hard-code name\n  /* istanbul ignore next */\n  if (!frameworkState)\n    return undefined;\n\n  return { selectionCount: frameworkState.sessionState.numItemsSelected };\n}\n\n// we declare the variable and export that rather than using export default.\n/**\n * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.\n * It is used to display the number of selected items based on the Presentation Rules Selection Manager.\n * This React component is Redux connected.\n * @public\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\nexport const SelectionInfoField = connect(mapStateToProps)(SelectionInfoFieldComponent);\n"]}

package/lib/cjs/appui-react/statusfields/SelectionInfo.scss

@@ -1,15 +1,15 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
-
-.uifw-statusFields-selectionInfo {
-  .icon {
-    color: $icon-color;
-    font-size: $icon-size;
-    padding-right: 4px;
-  }
-
-  min-width: 6em;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
+
+.uifw-statusFields-selectionInfo {
+  .icon {
+    color: $icon-color;
+    font-size: $icon-size;
+    padding-right: 4px;
+  }
+
+  min-width: 6em;
 }

package/lib/cjs/appui-react/statusfields/SelectionScope.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./SelectionScope.scss";
-import * as React from "react";
-import { PresentationSelectionScope } from "../redux/SessionState";
-import { StatusFieldProps } from "./StatusFieldProps";
-/** Defines properties supported by the SelectionScopeField Component.
- * @public
- */
-interface SelectionScopeFieldProps extends StatusFieldProps {
-    activeSelectionScope: string;
-    availableSelectionScopes: PresentationSelectionScope[];
-}
-/**
- * Status Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
- * The IModelApp should call either UiFramework.setIModelConnection or SyncUiEventDispatcher.initializeConnectionEvents
- * with the active iModelConnection each time a new iModel is opened so the selection scope data is properly updated
- * in the Redux state.
- * @public
- */
-declare class SelectionScopeFieldComponent extends React.Component<SelectionScopeFieldProps> {
-    private _label;
-    private _toolTip;
-    private _scopeOptions;
-    constructor(props: SelectionScopeFieldProps);
-    private _updateSelectValue;
-    render(): React.ReactNode;
-}
-/**
- * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will
- * display the active selection scope that is used by the PresentationManager to determine what elements are added to the selection nap mode.
- * This React component is Redux connected.
- * @public
- */ export declare const SelectionScopeField: import("react-redux").ConnectedComponent<typeof SelectionScopeFieldComponent, import("react-redux").Omit<React.ClassAttributes<SelectionScopeFieldComponent> & SelectionScopeFieldProps, "availableSelectionScopes" | "activeSelectionScope">>;
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./SelectionScope.scss";
+import * as React from "react";
+import { PresentationSelectionScope } from "../redux/SessionState";
+import { StatusFieldProps } from "./StatusFieldProps";
+/** Defines properties supported by the SelectionScopeField Component.
+ * @public
+ */
+interface SelectionScopeFieldProps extends StatusFieldProps {
+    activeSelectionScope: string;
+    availableSelectionScopes: PresentationSelectionScope[];
+}
+/**
+ * Status Field React component. This component is designed to be specified in a status bar definition.
+ * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
+ * The IModelApp should call either UiFramework.setIModelConnection or SyncUiEventDispatcher.initializeConnectionEvents
+ * with the active iModelConnection each time a new iModel is opened so the selection scope data is properly updated
+ * in the Redux state.
+ * @public
+ */
+declare class SelectionScopeFieldComponent extends React.Component<SelectionScopeFieldProps> {
+    private _label;
+    private _toolTip;
+    private _scopeOptions;
+    constructor(props: SelectionScopeFieldProps);
+    private _updateSelectValue;
+    render(): React.ReactNode;
+}
+/**
+ * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will
+ * display the active selection scope that is used by the PresentationManager to determine what elements are added to the selection nap mode.
+ * This React component is Redux connected.
+ * @public
+ */ export declare const SelectionScopeField: import("react-redux").ConnectedComponent<typeof SelectionScopeFieldComponent, import("react-redux").Omit<React.ClassAttributes<SelectionScopeFieldComponent> & SelectionScopeFieldProps, "availableSelectionScopes" | "activeSelectionScope">>;
+export {};
 //# sourceMappingURL=SelectionScope.d.ts.map

package/lib/cjs/appui-react/statusfields/SelectionScope.js

@@ -1,72 +1,72 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionScopeField = void 0;
-require("./SelectionScope.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const react_redux_1 = require("react-redux");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const UiFramework_1 = require("../UiFramework");
-/**
- * Status Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
- * The IModelApp should call either UiFramework.setIModelConnection or SyncUiEventDispatcher.initializeConnectionEvents
- * with the active iModelConnection each time a new iModel is opened so the selection scope data is properly updated
- * in the Redux state.
- * @public
- */
-class SelectionScopeFieldComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._label = UiFramework_1.UiFramework.translate("selectionScopeField.label");
-        this._toolTip = UiFramework_1.UiFramework.translate("selectionScopeField.toolTip");
-        this._scopeOptions = [];
-        this._updateSelectValue = (newValue) => {
-            // istanbul ignore else
-            if (newValue) {
-                UiFramework_1.UiFramework.setActiveSelectionScope(newValue);
-            }
-        };
-        this._scopeOptions = this.props.availableSelectionScopes.map((scope) => {
-            const label = !!scope.label ? scope.label : UiFramework_1.UiFramework.translate(`selectionScopeLabels.${scope.id}`);
-            return { value: scope.id, label };
-        });
-    }
-    render() {
-        var _a, _b;
-        return (React.createElement(appui_layout_react_1.FooterIndicator // eslint-disable-line deprecation/deprecation
-        , { className: (0, classnames_1.default)("uifw-statusFields-selectionScope", this.props.className), style: this.props.style, 
-            // eslint-disable-next-line deprecation/deprecation
-            isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true },
-            ((_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true) &&
-                React.createElement("label", { className: "uifw-statusFields-selectionScope-label" },
-                    this._label,
-                    ":"),
-            React.createElement(itwinui_react_1.Select, { className: "uifw-statusFields-selectionScope-selector", value: this.props.activeSelectionScope, options: this._scopeOptions, onChange: this._updateSelectValue, "data-testid": "components-selectionScope-selector", title: this._toolTip, size: "small" })));
-    }
-}
-/** Function used by Redux to map state data in Redux store to props that are used to render this component. */
-function mapStateToProps(state) {
-    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
-    /* istanbul ignore next */
-    if (!frameworkState)
-        return undefined;
-    return { activeSelectionScope: frameworkState.sessionState.activeSelectionScope, availableSelectionScopes: frameworkState.sessionState.availableSelectionScopes };
-}
-// we declare the variable and export that rather than using export default.
-/**
- * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will
- * display the active selection scope that is used by the PresentationManager to determine what elements are added to the selection nap mode.
- * This React component is Redux connected.
- * @public
- */ // eslint-disable-next-line @typescript-eslint/naming-convention
-exports.SelectionScopeField = (0, react_redux_1.connect)(mapStateToProps)(SelectionScopeFieldComponent);
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionScopeField = void 0;
+require("./SelectionScope.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const react_redux_1 = require("react-redux");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const UiFramework_1 = require("../UiFramework");
+/**
+ * Status Field React component. This component is designed to be specified in a status bar definition.
+ * It is used to display the number of selected items based on the Presentation Rules Selection Manager.
+ * The IModelApp should call either UiFramework.setIModelConnection or SyncUiEventDispatcher.initializeConnectionEvents
+ * with the active iModelConnection each time a new iModel is opened so the selection scope data is properly updated
+ * in the Redux state.
+ * @public
+ */
+class SelectionScopeFieldComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this._label = UiFramework_1.UiFramework.translate("selectionScopeField.label");
+        this._toolTip = UiFramework_1.UiFramework.translate("selectionScopeField.toolTip");
+        this._scopeOptions = [];
+        this._updateSelectValue = (newValue) => {
+            // istanbul ignore else
+            if (newValue) {
+                UiFramework_1.UiFramework.setActiveSelectionScope(newValue);
+            }
+        };
+        this._scopeOptions = this.props.availableSelectionScopes.map((scope) => {
+            const label = !!scope.label ? scope.label : UiFramework_1.UiFramework.translate(`selectionScopeLabels.${scope.id}`);
+            return { value: scope.id, label };
+        });
+    }
+    render() {
+        var _a, _b;
+        return (React.createElement(appui_layout_react_1.FooterIndicator // eslint-disable-line deprecation/deprecation
+        , { className: (0, classnames_1.default)("uifw-statusFields-selectionScope", this.props.className), style: this.props.style, 
+            // eslint-disable-next-line deprecation/deprecation
+            isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true },
+            ((_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true) &&
+                React.createElement("label", { className: "uifw-statusFields-selectionScope-label" },
+                    this._label,
+                    ":"),
+            React.createElement(itwinui_react_1.Select, { className: "uifw-statusFields-selectionScope-selector", value: this.props.activeSelectionScope, options: this._scopeOptions, onChange: this._updateSelectValue, "data-testid": "components-selectionScope-selector", title: this._toolTip, size: "small" })));
+    }
+}
+/** Function used by Redux to map state data in Redux store to props that are used to render this component. */
+function mapStateToProps(state) {
+    const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
+    /* istanbul ignore next */
+    if (!frameworkState)
+        return undefined;
+    return { activeSelectionScope: frameworkState.sessionState.activeSelectionScope, availableSelectionScopes: frameworkState.sessionState.availableSelectionScopes };
+}
+// we declare the variable and export that rather than using export default.
+/**
+ * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will
+ * display the active selection scope that is used by the PresentationManager to determine what elements are added to the selection nap mode.
+ * This React component is Redux connected.
+ * @public
+ */ // eslint-disable-next-line @typescript-eslint/naming-convention
+exports.SelectionScopeField = (0, react_redux_1.connect)(mapStateToProps)(SelectionScopeFieldComponent);
 //# sourceMappingURL=SelectionScope.js.map

package/lib/cjs/appui-react/statusfields/SelectionScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAsC;AACtC,kEAA4D;AAC5D,wDAA4D;AAE5D,gDAA6C;AAY7C;;;;;;;GAOG;AACH,MAAM,4BAA6B,SAAQ,KAAK,CAAC,SAAmC;IAKlF,YAAY,KAA+B;QACzC,KAAK,CAAC,KAAK,CAAC,CAAC;QALP,WAAM,GAAG,yBAAW,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;QAC5D,aAAQ,GAAG,yBAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC;QAChE,kBAAa,GAA2B,EAAE,CAAC;QAU3C,uBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAChD,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,yBAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;aAC/C;QACH,CAAC,CAAC;QAXA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,KAAiC,EAAE,EAAE;YACjG,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAW,CAAC,SAAS,CAAC,wBAAwB,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;YACtG,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IASe,MAAM;;QAEpB,OAAO,CACL,oBAAC,oCAAe,CAAC,8CAA8C;YAC7D,SAAS,EAAE,IAAA,oBAAU,EAAC,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC/E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mDAAmD;YACnD,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI;YAG/C,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI,CAAC;gBACnC,+BAAO,SAAS,EAAC,wCAAwC;oBACtD,IAAI,CAAC,MAAM;wBACN;YAEV,oBAAC,sBAAM,IACL,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,EACtC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,IAAI,CAAC,kBAAkB,iBACrB,oCAAoC,EAChD,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,GAAG,CACA,CACpB,CAAC;IACJ,CAAC;CACF;AAED,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,CAAE,8CAA8C;IAC5G,0BAA0B;IAC1B,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO,EAAE,oBAAoB,EAAE,cAAc,CAAC,YAAY,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,cAAc,CAAC,YAAY,CAAC,wBAAwB,EAAE,CAAC;AACpK,CAAC;AAED,4EAA4E;AAC5E;;;;;GAKG,CAAC,gEAAgE;AACvD,QAAA,mBAAmB,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,4BAA4B,CAAC,CAAC","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/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./SelectionScope.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { FooterIndicator } from \"@itwin/appui-layout-react\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\nimport { PresentationSelectionScope } from \"../redux/SessionState\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** Defines properties supported by the SelectionScopeField Component.\r\n * @public\r\n */\r\ninterface SelectionScopeFieldProps extends StatusFieldProps {\r\n\r\n  activeSelectionScope: string;\r\n  availableSelectionScopes: PresentationSelectionScope[];\r\n}\r\n\r\n/**\r\n * Status Field React component. This component is designed to be specified in a status bar definition.\r\n * It is used to display the number of selected items based on the Presentation Rules Selection Manager.\r\n * The IModelApp should call either UiFramework.setIModelConnection or SyncUiEventDispatcher.initializeConnectionEvents\r\n * with the active iModelConnection each time a new iModel is opened so the selection scope data is properly updated\r\n * in the Redux state.\r\n * @public\r\n */\r\nclass SelectionScopeFieldComponent extends React.Component<SelectionScopeFieldProps> {\r\n  private _label = UiFramework.translate(\"selectionScopeField.label\");\r\n  private _toolTip = UiFramework.translate(\"selectionScopeField.toolTip\");\r\n  private _scopeOptions: SelectOption<string>[] = [];\r\n\r\n  constructor(props: SelectionScopeFieldProps) {\r\n    super(props);\r\n    this._scopeOptions = this.props.availableSelectionScopes.map((scope: PresentationSelectionScope) => {\r\n      const label = !!scope.label ? scope.label : UiFramework.translate(`selectionScopeLabels.${scope.id}`);\r\n      return { value: scope.id, label };\r\n    });\r\n  }\r\n\r\n  private _updateSelectValue = (newValue: string) => {\r\n    // istanbul ignore else\r\n    if (newValue) {\r\n      UiFramework.setActiveSelectionScope(newValue);\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n\r\n    return (\r\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\r\n        className={classnames(\"uifw-statusFields-selectionScope\", this.props.className)}\r\n        style={this.props.style}\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode={this.props.isInFooterMode ?? true}\r\n      >\r\n        {// eslint-disable-next-line deprecation/deprecation\r\n          (this.props.isInFooterMode ?? true) &&\r\n          <label className=\"uifw-statusFields-selectionScope-label\">\r\n            {this._label}:\r\n          </label>\r\n        }\r\n        <Select\r\n          className=\"uifw-statusFields-selectionScope-selector\"\r\n          value={this.props.activeSelectionScope}\r\n          options={this._scopeOptions}\r\n          onChange={this._updateSelectValue}\r\n          data-testid=\"components-selectionScope-selector\"\r\n          title={this._toolTip}\r\n          size=\"small\" />\r\n      </FooterIndicator >\r\n    );\r\n  }\r\n}\r\n\r\n/** Function used by Redux to map state data in Redux store to props that are used to render this component. */\r\nfunction mapStateToProps(state: any) {\r\n  const frameworkState = state[UiFramework.frameworkStateKey];  // since app sets up key, don't hard-code name\r\n  /* istanbul ignore next */\r\n  if (!frameworkState)\r\n    return undefined;\r\n\r\n  return { activeSelectionScope: frameworkState.sessionState.activeSelectionScope, availableSelectionScopes: frameworkState.sessionState.availableSelectionScopes };\r\n}\r\n\r\n// we declare the variable and export that rather than using export default.\r\n/**\r\n * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will\r\n * display the active selection scope that is used by the PresentationManager to determine what elements are added to the selection nap mode.\r\n * This React component is Redux connected.\r\n * @public\r\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const SelectionScopeField = connect(mapStateToProps)(SelectionScopeFieldComponent);\r\n"]}
+{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,6CAAsC;AACtC,kEAA4D;AAC5D,wDAA4D;AAE5D,gDAA6C;AAY7C;;;;;;;GAOG;AACH,MAAM,4BAA6B,SAAQ,KAAK,CAAC,SAAmC;IAKlF,YAAY,KAA+B;QACzC,KAAK,CAAC,KAAK,CAAC,CAAC;QALP,WAAM,GAAG,yBAAW,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;QAC5D,aAAQ,GAAG,yBAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC;QAChE,kBAAa,GAA2B,EAAE,CAAC;QAU3C,uBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAChD,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,yBAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;aAC/C;QACH,CAAC,CAAC;QAXA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,KAAiC,EAAE,EAAE;YACjG,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAW,CAAC,SAAS,CAAC,wBAAwB,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;YACtG,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IASe,MAAM;;QAEpB,OAAO,CACL,oBAAC,oCAAe,CAAC,8CAA8C;YAC7D,SAAS,EAAE,IAAA,oBAAU,EAAC,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC/E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,mDAAmD;YACnD,cAAc,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI;YAG/C,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,IAAI,CAAC;gBACnC,+BAAO,SAAS,EAAC,wCAAwC;oBACtD,IAAI,CAAC,MAAM;wBACN;YAEV,oBAAC,sBAAM,IACL,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,EACtC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,IAAI,CAAC,kBAAkB,iBACrB,oCAAoC,EAChD,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,IAAI,EAAC,OAAO,GAAG,CACA,CACpB,CAAC;IACJ,CAAC;CACF;AAED,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAC,CAAC,CAAE,8CAA8C;IAC5G,0BAA0B;IAC1B,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO,EAAE,oBAAoB,EAAE,cAAc,CAAC,YAAY,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,cAAc,CAAC,YAAY,CAAC,wBAAwB,EAAE,CAAC;AACpK,CAAC;AAED,4EAA4E;AAC5E;;;;;GAKG,CAAC,gEAAgE;AACvD,QAAA,mBAAmB,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,4BAA4B,CAAC,CAAC","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/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./SelectionScope.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { FooterIndicator } from \"@itwin/appui-layout-react\";\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\nimport { PresentationSelectionScope } from \"../redux/SessionState\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusFieldProps } from \"./StatusFieldProps\";\n\n/** Defines properties supported by the SelectionScopeField Component.\n * @public\n */\ninterface SelectionScopeFieldProps extends StatusFieldProps {\n\n  activeSelectionScope: string;\n  availableSelectionScopes: PresentationSelectionScope[];\n}\n\n/**\n * Status Field React component. This component is designed to be specified in a status bar definition.\n * It is used to display the number of selected items based on the Presentation Rules Selection Manager.\n * The IModelApp should call either UiFramework.setIModelConnection or SyncUiEventDispatcher.initializeConnectionEvents\n * with the active iModelConnection each time a new iModel is opened so the selection scope data is properly updated\n * in the Redux state.\n * @public\n */\nclass SelectionScopeFieldComponent extends React.Component<SelectionScopeFieldProps> {\n  private _label = UiFramework.translate(\"selectionScopeField.label\");\n  private _toolTip = UiFramework.translate(\"selectionScopeField.toolTip\");\n  private _scopeOptions: SelectOption<string>[] = [];\n\n  constructor(props: SelectionScopeFieldProps) {\n    super(props);\n    this._scopeOptions = this.props.availableSelectionScopes.map((scope: PresentationSelectionScope) => {\n      const label = !!scope.label ? scope.label : UiFramework.translate(`selectionScopeLabels.${scope.id}`);\n      return { value: scope.id, label };\n    });\n  }\n\n  private _updateSelectValue = (newValue: string) => {\n    // istanbul ignore else\n    if (newValue) {\n      UiFramework.setActiveSelectionScope(newValue);\n    }\n  };\n\n  public override render(): React.ReactNode {\n\n    return (\n      <FooterIndicator // eslint-disable-line deprecation/deprecation\n        className={classnames(\"uifw-statusFields-selectionScope\", this.props.className)}\n        style={this.props.style}\n        // eslint-disable-next-line deprecation/deprecation\n        isInFooterMode={this.props.isInFooterMode ?? true}\n      >\n        {// eslint-disable-next-line deprecation/deprecation\n          (this.props.isInFooterMode ?? true) &&\n          <label className=\"uifw-statusFields-selectionScope-label\">\n            {this._label}:\n          </label>\n        }\n        <Select\n          className=\"uifw-statusFields-selectionScope-selector\"\n          value={this.props.activeSelectionScope}\n          options={this._scopeOptions}\n          onChange={this._updateSelectValue}\n          data-testid=\"components-selectionScope-selector\"\n          title={this._toolTip}\n          size=\"small\" />\n      </FooterIndicator >\n    );\n  }\n}\n\n/** Function used by Redux to map state data in Redux store to props that are used to render this component. */\nfunction mapStateToProps(state: any) {\n  const frameworkState = state[UiFramework.frameworkStateKey];  // since app sets up key, don't hard-code name\n  /* istanbul ignore next */\n  if (!frameworkState)\n    return undefined;\n\n  return { activeSelectionScope: frameworkState.sessionState.activeSelectionScope, availableSelectionScopes: frameworkState.sessionState.availableSelectionScopes };\n}\n\n// we declare the variable and export that rather than using export default.\n/**\n * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will\n * display the active selection scope that is used by the PresentationManager to determine what elements are added to the selection nap mode.\n * This React component is Redux connected.\n * @public\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\nexport const SelectionScopeField = connect(mapStateToProps)(SelectionScopeFieldComponent);\n"]}

package/lib/cjs/appui-react/statusfields/SelectionScope.scss

@@ -1,48 +1,48 @@
-/*---------------------------------------------------------------------------------------------
-* 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/select/select";
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-.uifw-statusFields-selectionScope {
-  $font-size-medium: $iui-font-size-small;
-  $font-size-small: $iui-font-size-small - 1px;
-  overflow: hidden;
-  padding-right: 0px;
-
-  >.uifw-statusFields-selectionScope-label {
-    display: inline;
-    padding-right: 4px;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-
-    @include for-tablet-portrait-down {
-      display: none;
-      padding-right: 0px;
-    }
-  }
-
-  >.uifw-statusFields-selectionScope-selector {
-    min-width: 140px;
-    &.iui-select.iui-small {
-      width: auto;
-    }
-
-    @include for-tablet-portrait-down {
-      font-size: $font-size-medium;
-    }
-
-    @include for-phone-only {
-      font-size: $font-size-small;
-    }
-  }
-}
-
-.uifw-statusFields-selectionScope-label {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
+/*---------------------------------------------------------------------------------------------
+* 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/select/select";
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.uifw-statusFields-selectionScope {
+  $font-size-medium: $iui-font-size-small;
+  $font-size-small: $iui-font-size-small - 1px;
+  overflow: hidden;
+  padding-right: 0px;
+
+  >.uifw-statusFields-selectionScope-label {
+    display: inline;
+    padding-right: 4px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    @include for-tablet-portrait-down {
+      display: none;
+      padding-right: 0px;
+    }
+  }
+
+  >.uifw-statusFields-selectionScope-selector {
+    min-width: 140px;
+    &.iui-select.iui-small {
+      width: auto;
+    }
+
+    @include for-tablet-portrait-down {
+      font-size: $font-size-medium;
+    }
+
+    @include for-phone-only {
+      font-size: $font-size-small;
+    }
+  }
+}
+
+.uifw-statusFields-selectionScope-label {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+

package/lib/cjs/appui-react/statusfields/SnapMode.d.ts

@@ -1,42 +1,42 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { StatusFieldProps } from "./StatusFieldProps";
-/** Defines properties supported by the SnapMode Field Component.
- */
-interface SnapModeFieldProps extends StatusFieldProps {
-    snapMode: number;
-    setSnapMode: (mode: number) => any;
-}
-interface SnapModeFieldState {
-    target: HTMLElement | null;
-}
-/**
- * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will
- * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
- */
-declare class SnapModeFieldComponent extends React.Component<SnapModeFieldProps, SnapModeFieldState> {
-    private _snapModeFieldArray;
-    private _title;
-    readonly state: SnapModeFieldState;
-    constructor(props: SnapModeFieldProps);
-    /** Return icon class name for a specific snapMode. */
-    private getSnapModeIconNameFromMode;
-    /** Standard React render method. */
-    render(): React.ReactNode;
-    /** Return array of SnapRow elements, one for each support snap mode. This array will populate the pop-up used
-      * to select a SnapMode.
-      */
-    private getSnapEntries;
-    /** Called when user clicks on a Snap Mode entry in the pop-up window. */
-    private _handleSnapModeFieldClick;
-}
-/**
- * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will
- * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
- * This Field React component is Redux connected.
- * @public
- */ export declare const SnapModeField: import("react-redux").ConnectedComponent<typeof SnapModeFieldComponent, import("react-redux").Omit<React.ClassAttributes<SnapModeFieldComponent> & SnapModeFieldProps, "setSnapMode" | "snapMode">>;
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { StatusFieldProps } from "./StatusFieldProps";
+/** Defines properties supported by the SnapMode Field Component.
+ */
+interface SnapModeFieldProps extends StatusFieldProps {
+    snapMode: number;
+    setSnapMode: (mode: number) => any;
+}
+interface SnapModeFieldState {
+    target: HTMLElement | null;
+}
+/**
+ * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will
+ * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
+ */
+declare class SnapModeFieldComponent extends React.Component<SnapModeFieldProps, SnapModeFieldState> {
+    private _snapModeFieldArray;
+    private _title;
+    readonly state: SnapModeFieldState;
+    constructor(props: SnapModeFieldProps);
+    /** Return icon class name for a specific snapMode. */
+    private getSnapModeIconNameFromMode;
+    /** Standard React render method. */
+    render(): React.ReactNode;
+    /** Return array of SnapRow elements, one for each support snap mode. This array will populate the pop-up used
+      * to select a SnapMode.
+      */
+    private getSnapEntries;
+    /** Called when user clicks on a Snap Mode entry in the pop-up window. */
+    private _handleSnapModeFieldClick;
+}
+/**
+ * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will
+ * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
+ * This Field React component is Redux connected.
+ * @public
+ */ export declare const SnapModeField: import("react-redux").ConnectedComponent<typeof SnapModeFieldComponent, import("react-redux").Omit<React.ClassAttributes<SnapModeFieldComponent> & SnapModeFieldProps, "setSnapMode" | "snapMode">>;
+export {};
 //# sourceMappingURL=SnapMode.d.ts.map