@itwin/appui-react 3.7.0-dev.2 → 3.7.0-dev.5

package/lib/esm/appui-react/statusfields/SnapMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.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/** @packageDocumentation\n * @module StatusBar\n */\n\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport { Snap, SnapModePanel } from \"@itwin/appui-layout-react\";\nimport { ConfigurableUiActions } from \"../configurableui/state\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusFieldProps } from \"./StatusFieldProps\";\nimport { Indicator } from \"./Indicator\";\n\n// cSpell:ignore multione\n/** Defines properties supported by the SnapMode Field Component.\n */\ninterface SnapModeFieldProps extends StatusFieldProps {\n  snapMode: number;\n  setSnapMode: (mode: number) => any;\n}\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  label: string;\n  value: number;\n  iconName: string;\n}\n\ninterface SnapModeFieldState {\n  target: HTMLElement | null;\n}\n\n/**\n * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n */\nclass SnapModeFieldComponent extends React.Component<SnapModeFieldProps, SnapModeFieldState> {\n  private _snapModeFieldArray: SnapModeFieldEntry[] = [\n    { label: UiFramework.translate(\"snapModeField.keypoint\"), value: SnapMode.NearestKeypoint as number, iconName: \"snaps\" },\n    { label: UiFramework.translate(\"snapModeField.intersection\"), value: SnapMode.Intersection as number, iconName: \"snaps-intersection\" },\n    { label: UiFramework.translate(\"snapModeField.center\"), value: SnapMode.Center as number, iconName: \"snaps-center\" },\n    { label: UiFramework.translate(\"snapModeField.nearest\"), value: SnapMode.Nearest as number, iconName: \"snaps-nearest\" },\n    { label: UiFramework.translate(\"snapModeField.origin\"), value: SnapMode.Origin as number, iconName: \"snaps-origin\" },\n    { label: UiFramework.translate(\"snapModeField.midpoint\"), value: SnapMode.MidPoint as number, iconName: \"snaps-midpoint\" },\n    { label: UiFramework.translate(\"snapModeField.bisector\"), value: SnapMode.Bisector as number, iconName: \"snaps-bisector\" },\n  ];\n  private _title = UiFramework.translate(\"snapModeField.snapMode\");\n\n  public override readonly state: SnapModeFieldState = {\n    target: null,\n  };\n\n  constructor(props: SnapModeFieldProps) {\n    super(props);\n  }\n\n  /** Return icon class name for a specific snapMode. */\n  private getSnapModeIconNameFromMode(snapMode: number): string {\n    for (const mode of this._snapModeFieldArray) {\n      if (mode.value === snapMode)\n        return mode.iconName;\n    }\n\n    /* istanbul ignore else */\n    if (snapMode > 0)\n      return \"snaps-multione\";\n\n    /* istanbul ignore next */\n    return \"placeholder\";\n  }\n\n  /** Standard React render method. */\n  public override render(): React.ReactNode {\n    return (\n      <>\n        <Indicator // eslint-disable-line deprecation/deprecation\n          iconName={`icon-${this.getSnapModeIconNameFromMode(this.props.snapMode)}`}\n          toolTip={this._title}\n          label={this._title}\n          isLabelVisible={true}\n          dialog={\n            <SnapModePanel title={this._title}>\n              {this.getSnapEntries()}\n            </SnapModePanel>\n          }\n        />\n      </>\n    );\n  }\n\n  /** Return array of SnapRow elements, one for each support snap mode. This array will populate the pop-up used\n    * to select a SnapMode.\n    */\n  private getSnapEntries(): JSX.Element[] {\n    return this._snapModeFieldArray.map((item: SnapModeFieldEntry, index: number) => {\n      return (\n        <Snap\n          key={`SM_${index}`}\n          onClick={() => this._handleSnapModeFieldClick(item.value)}\n          isActive={(this.props.snapMode & item.value) === item.value}\n          icon={\n            <i className={`icon icon-${item.iconName}`} />\n          }\n        >\n          {item.label}\n        </Snap >\n      );\n    });\n  }\n\n  /** Called when user clicks on a Snap Mode entry in the pop-up window. */\n  private _handleSnapModeFieldClick = (snapModeField: number) => {\n    this.props.setSnapMode(snapModeField);\n  };\n\n}\n\n// Used by Redux to map dispatch functions to props entry. This requires SnapModeFieldProps interface above to include a setSnapMode entry */\nconst mapDispatch = {\n  setSnapMode: ConfigurableUiActions.setSnapMode,\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 { snapMode: frameworkState.configurableUiState.snapMode };\n}\n\n// we declare the variable and export that rather than using export default.\n/**\n * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * This Field React component is Redux connected.\n * @public\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\nexport const SnapModeField = connect(mapStateToProps, mapDispatch)(SnapModeFieldComponent);\n"]}
+{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAqBxC;;;GAGG;AACH,MAAM,sBAAuB,SAAQ,KAAK,CAAC,SAAiD;IAgB1F,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QAhBP,wBAAmB,GAAyB;YAClD,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE;YACxH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,YAAsB,EAAE,QAAQ,EAAE,oBAAoB,EAAE;YACtI,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE;YACpH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE;YACvH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE;YACpH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAkB,EAAE,QAAQ,EAAE,gBAAgB,EAAE;YAC1H,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAkB,EAAE,QAAQ,EAAE,gBAAgB,EAAE;SAC3H,CAAC;QACM,WAAM,GAAG,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;QAExC,UAAK,GAAuB;YACnD,MAAM,EAAE,IAAI;SACb,CAAC;QA4DF,yEAAyE;QACjE,8BAAyB,GAAG,CAAC,aAAqB,EAAE,EAAE;YAC5D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QACxC,CAAC,CAAC;IA3DF,CAAC;IAED,sDAAsD;IAC9C,2BAA2B,CAAC,QAAgB;QAClD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC3C,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ;gBACzB,OAAO,IAAI,CAAC,QAAQ,CAAC;SACxB;QAED,0BAA0B;QAC1B,IAAI,QAAQ,GAAG,CAAC;YACd,OAAO,gBAAgB,CAAC;QAE1B,0BAA0B;QAC1B,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,oCAAoC;IACpB,MAAM;QACpB,OAAO,CACL;YACE,oBAAC,SAAS,CAAC,8CAA8C;gBACvD,QAAQ,EAAE,QAAQ,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACzE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,cAAc,EAAE,IAAI,EACpB,MAAM,EACJ,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IAC9B,IAAI,CAAC,cAAc,EAAE,CACR,GAElB,CACD,CACJ,CAAC;IACJ,CAAC;IAED;;QAEI;IACI,cAAc;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAwB,EAAE,KAAa,EAAE,EAAE;YAC9E,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,MAAM,KAAK,EAAE,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EACzD,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,EAC3D,IAAI,EACF,2BAAG,SAAS,EAAE,aAAa,IAAI,CAAC,QAAQ,EAAE,GAAI,IAG/C,IAAI,CAAC,KAAK,CACL,CACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CAOF;AAED,6IAA6I;AAC7I,MAAM,WAAW,GAAG;IAClB,WAAW,EAAE,qBAAqB,CAAC,WAAW;CAC/C,CAAC;AAEF,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAE,8CAA8C;IAC5G,0BAA0B;IAC1B,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC;AACnE,CAAC;AAED,4EAA4E;AAC5E;;;;;GAKG,CAAC,gEAAgE;AACpE,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,sBAAsB,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 * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport { Snap, SnapModePanel } from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableUiActions } from \"../configurableui/state\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\nimport { Indicator } from \"./Indicator\";\r\n\r\n// cSpell:ignore multione\r\n/** Defines properties supported by the SnapMode Field Component.\r\n */\r\ninterface SnapModeFieldProps extends StatusFieldProps {\r\n  snapMode: number;\r\n  setSnapMode: (mode: number) => any;\r\n}\r\n\r\n/** Define the properties that will be used to represent the available snap modes. */\r\ninterface SnapModeFieldEntry {\r\n  label: string;\r\n  value: number;\r\n  iconName: string;\r\n}\r\n\r\ninterface SnapModeFieldState {\r\n  target: HTMLElement | null;\r\n}\r\n\r\n/**\r\n * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will\r\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\r\n */\r\nclass SnapModeFieldComponent extends React.Component<SnapModeFieldProps, SnapModeFieldState> {\r\n  private _snapModeFieldArray: SnapModeFieldEntry[] = [\r\n    { label: UiFramework.translate(\"snapModeField.keypoint\"), value: SnapMode.NearestKeypoint as number, iconName: \"snaps\" },\r\n    { label: UiFramework.translate(\"snapModeField.intersection\"), value: SnapMode.Intersection as number, iconName: \"snaps-intersection\" },\r\n    { label: UiFramework.translate(\"snapModeField.center\"), value: SnapMode.Center as number, iconName: \"snaps-center\" },\r\n    { label: UiFramework.translate(\"snapModeField.nearest\"), value: SnapMode.Nearest as number, iconName: \"snaps-nearest\" },\r\n    { label: UiFramework.translate(\"snapModeField.origin\"), value: SnapMode.Origin as number, iconName: \"snaps-origin\" },\r\n    { label: UiFramework.translate(\"snapModeField.midpoint\"), value: SnapMode.MidPoint as number, iconName: \"snaps-midpoint\" },\r\n    { label: UiFramework.translate(\"snapModeField.bisector\"), value: SnapMode.Bisector as number, iconName: \"snaps-bisector\" },\r\n  ];\r\n  private _title = UiFramework.translate(\"snapModeField.snapMode\");\r\n\r\n  public override readonly state: SnapModeFieldState = {\r\n    target: null,\r\n  };\r\n\r\n  constructor(props: SnapModeFieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  /** Return icon class name for a specific snapMode. */\r\n  private getSnapModeIconNameFromMode(snapMode: number): string {\r\n    for (const mode of this._snapModeFieldArray) {\r\n      if (mode.value === snapMode)\r\n        return mode.iconName;\r\n    }\r\n\r\n    /* istanbul ignore else */\r\n    if (snapMode > 0)\r\n      return \"snaps-multione\";\r\n\r\n    /* istanbul ignore next */\r\n    return \"placeholder\";\r\n  }\r\n\r\n  /** Standard React render method. */\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <>\r\n        <Indicator // eslint-disable-line deprecation/deprecation\r\n          iconName={`icon-${this.getSnapModeIconNameFromMode(this.props.snapMode)}`}\r\n          toolTip={this._title}\r\n          label={this._title}\r\n          isLabelVisible={true}\r\n          dialog={\r\n            <SnapModePanel title={this._title}>\r\n              {this.getSnapEntries()}\r\n            </SnapModePanel>\r\n          }\r\n        />\r\n      </>\r\n    );\r\n  }\r\n\r\n  /** Return array of SnapRow elements, one for each support snap mode. This array will populate the pop-up used\r\n    * to select a SnapMode.\r\n    */\r\n  private getSnapEntries(): JSX.Element[] {\r\n    return this._snapModeFieldArray.map((item: SnapModeFieldEntry, index: number) => {\r\n      return (\r\n        <Snap\r\n          key={`SM_${index}`}\r\n          onClick={() => this._handleSnapModeFieldClick(item.value)}\r\n          isActive={(this.props.snapMode & item.value) === item.value}\r\n          icon={\r\n            <i className={`icon icon-${item.iconName}`} />\r\n          }\r\n        >\r\n          {item.label}\r\n        </Snap >\r\n      );\r\n    });\r\n  }\r\n\r\n  /** Called when user clicks on a Snap Mode entry in the pop-up window. */\r\n  private _handleSnapModeFieldClick = (snapModeField: number) => {\r\n    this.props.setSnapMode(snapModeField);\r\n  };\r\n\r\n}\r\n\r\n// Used by Redux to map dispatch functions to props entry. This requires SnapModeFieldProps interface above to include a setSnapMode entry */\r\nconst mapDispatch = {\r\n  setSnapMode: ConfigurableUiActions.setSnapMode,\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 { snapMode: frameworkState.configurableUiState.snapMode };\r\n}\r\n\r\n// we declare the variable and export that rather than using export default.\r\n/**\r\n * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will\r\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\r\n * This Field React component is Redux connected.\r\n * @public\r\n */ // eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const SnapModeField = connect(mapStateToProps, mapDispatch)(SnapModeFieldComponent);\r\n"]}

package/lib/esm/appui-react/statusfields/StatusFieldProps.d.ts

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import { CommonProps } from "@itwin/core-react";
-import { StatusBarFieldId } from "../statusbar/StatusBarWidgetControl";
-/** Properties for a StatusBar field component
- * @public
- */
-export interface StatusFieldProps extends CommonProps {
-    /** Indicates whether the StatusBar is in footer mode
-     * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.
-    */
-    isInFooterMode?: boolean;
-    /** Function called when the widget is opened or closed.
-     * @deprecated in 3.3.  In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.
-     */
-    onOpenWidget?: (widget: StatusBarFieldId) => void;
-    /** Field Id for open widgets
-     * @deprecated in 3.3. In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.
-     */
-    openWidget?: StatusBarFieldId;
-}
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import { CommonProps } from "@itwin/core-react";
+import { StatusBarFieldId } from "../statusbar/StatusBarWidgetControl";
+/** Properties for a StatusBar field component
+ * @public
+ */
+export interface StatusFieldProps extends CommonProps {
+    /** Indicates whether the StatusBar is in footer mode
+     * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.
+    */
+    isInFooterMode?: boolean;
+    /** Function called when the widget is opened or closed.
+     * @deprecated in 3.3.  In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.
+     */
+    onOpenWidget?: (widget: StatusBarFieldId) => void;
+    /** Field Id for open widgets
+     * @deprecated in 3.3. In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.
+     */
+    openWidget?: StatusBarFieldId;
+}
 //# sourceMappingURL=StatusFieldProps.d.ts.map

package/lib/esm/appui-react/statusfields/StatusFieldProps.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=StatusFieldProps.js.map

package/lib/esm/appui-react/statusfields/StatusFieldProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/StatusFieldProps.tsx"],"names":[],"mappings":"","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 */\nimport { CommonProps } from \"@itwin/core-react\";\n\nimport { StatusBarFieldId } from \"../statusbar/StatusBarWidgetControl\";\n\n/** Properties for a StatusBar field component\n * @public\n */\nexport interface StatusFieldProps extends CommonProps {\n  /** Indicates whether the StatusBar is in footer mode\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\n  */\n  isInFooterMode?: boolean;\n  /** Function called when the widget is opened or closed.\n   * @deprecated in 3.3.  In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.\n   */\n  onOpenWidget?: (widget: StatusBarFieldId) => void;\n  /** Field Id for open widgets\n   * @deprecated in 3.3. In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.\n   */\n  openWidget?: StatusBarFieldId;\n}\n"]}
+{"version":3,"file":"StatusFieldProps.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/StatusFieldProps.tsx"],"names":[],"mappings":"","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\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\nimport { StatusBarFieldId } from \"../statusbar/StatusBarWidgetControl\";\r\n\r\n/** Properties for a StatusBar field component\r\n * @public\r\n */\r\nexport interface StatusFieldProps extends CommonProps {\r\n  /** Indicates whether the StatusBar is in footer mode\r\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\r\n  */\r\n  isInFooterMode?: boolean;\r\n  /** Function called when the widget is opened or closed.\r\n   * @deprecated in 3.3.  In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.\r\n   */\r\n  onOpenWidget?: (widget: StatusBarFieldId) => void;\r\n  /** Field Id for open widgets\r\n   * @deprecated in 3.3. In upcoming versions, this will be removed. Field will have the freedom of handling their dialog behavior however they like.\r\n   */\r\n  openWidget?: StatusBarFieldId;\r\n}\r\n"]}

package/lib/esm/appui-react/statusfields/ViewAttributes.d.ts

@@ -1,32 +1,32 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./ViewAttributes.scss";
-import * as React from "react";
-import { ViewFlagProps } from "@itwin/core-common";
-import { StatusFieldProps } from "./StatusFieldProps";
-interface ViewAttributesStatusFieldState {
-    viewFlags: ViewFlagProps;
-    cameraOn: boolean;
-    target: HTMLElement | null;
-}
-/** Widget for showing Checkboxes for View Attributes
- * @beta
- */
-export declare class ViewAttributesStatusField extends React.Component<StatusFieldProps, ViewAttributesStatusFieldState> {
-    private _className;
-    private _title;
-    constructor(props: StatusFieldProps);
-    componentDidMount(): void;
-    private updateState;
-    private _handleViewFlagClick;
-    private _handleToggleCamera;
-    private stylizeName;
-    private getViewFlagItem;
-    private getFlagState;
-    private getToggleCameraItem;
-    private getViewFlags;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./ViewAttributes.scss";
+import * as React from "react";
+import { ViewFlagProps } from "@itwin/core-common";
+import { StatusFieldProps } from "./StatusFieldProps";
+interface ViewAttributesStatusFieldState {
+    viewFlags: ViewFlagProps;
+    cameraOn: boolean;
+    target: HTMLElement | null;
+}
+/** Widget for showing Checkboxes for View Attributes
+ * @beta
+ */
+export declare class ViewAttributesStatusField extends React.Component<StatusFieldProps, ViewAttributesStatusFieldState> {
+    private _className;
+    private _title;
+    constructor(props: StatusFieldProps);
+    componentDidMount(): void;
+    private updateState;
+    private _handleViewFlagClick;
+    private _handleToggleCamera;
+    private stylizeName;
+    private getViewFlagItem;
+    private getFlagState;
+    private getToggleCameraItem;
+    private getViewFlags;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=ViewAttributes.d.ts.map

package/lib/esm/appui-react/statusfields/ViewAttributes.js

@@ -1,97 +1,97 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./ViewAttributes.scss";
-import * as React from "react";
-import { ViewFlags } from "@itwin/core-common";
-import { IModelApp } from "@itwin/core-frontend";
-import { Checkbox } from "@itwin/itwinui-react";
-import { UiFramework } from "../UiFramework";
-import { Indicator } from "./Indicator";
-import { StatusBarDialog } from "../statusbar/dialog/Dialog";
-/** Widget for showing Checkboxes for View Attributes
- * @beta
- */
-export class ViewAttributesStatusField extends React.Component {
-    constructor(props) {
-        super(props);
-        this._title = UiFramework.translate("listTools.viewAttributes");
-        // istanbul ignore next
-        this._handleViewFlagClick = (flagName) => {
-            if (IModelApp.viewManager.selectedView) {
-                const props = IModelApp.viewManager.selectedView.viewFlags.toJSON();
-                props[flagName] = props[flagName] === undefined ? true : !props[flagName];
-                const viewFlags = ViewFlags.fromJSON(props);
-                IModelApp.viewManager.selectedView.viewFlags = viewFlags;
-                this.updateState();
-            }
-        };
-        this._handleToggleCamera = async () => {
-            await IModelApp.tools.run("View.ToggleCamera", IModelApp.viewManager.selectedView);
-            this.updateState();
-        };
-        this.state = {
-            cameraOn: false,
-            viewFlags: {},
-            target: null,
-        };
-        this._className = this.constructor.name;
-    }
-    componentDidMount() {
-        this.updateState();
-    }
-    // istanbul ignore next
-    updateState() {
-        if (IModelApp.viewManager.selectedView) {
-            const viewFlags = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };
-            const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;
-            this.setState({
-                viewFlags,
-                cameraOn,
-            });
-        }
-    }
-    // istanbul ignore next
-    stylizeName(name) {
-        name = name.charAt(0).toUpperCase() + name.slice(1);
-        name = name.replace(/([A-Z])/g, " $1").trim();
-        return name;
-    }
-    getViewFlagItem(flagName, value, labelKey) {
-        return React.createElement(Checkbox, { key: flagName, label: labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value });
-    }
-    getFlagState(flagName) {
-        return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ this.state.viewFlags[flagName] : false;
-    }
-    getToggleCameraItem() {
-        return React.createElement(Checkbox, { key: "toggleCamera", label: IModelApp.localization.getLocalizedString("UiFramework:listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn });
-    }
-    getViewFlags() {
-        const items = [];
-        items.push(this.getViewFlagItem("acs", this.getFlagState("acs"), "UiFramework:listTools.acs"));
-        items.push(this.getToggleCameraItem());
-        items.push(this.getViewFlagItem("noConstruct", !this.getFlagState("noConstruct"), "UiFramework:listTools.constructions"));
-        items.push(this.getViewFlagItem("hidEdges", this.getFlagState("hidEdges"), "UiFramework:listTools.hidEdges"));
-        items.push(this.getViewFlagItem("monochrome", this.getFlagState("monochrome"), "UiFramework:listTools.monochrome"));
-        items.push(this.getViewFlagItem("visEdges", this.getFlagState("visEdges"), "UiFramework:listTools.visEdges"));
-        items.push(this.getViewFlagItem("ambientOcclusion", this.getFlagState("ambientOcclusion"), "UiFramework:listTools.ambientOcclusion"));
-        items.push(this.getViewFlagItem("shadows", this.getFlagState("shadows"), "UiFramework:listTools.shadows"));
-        items.push(this.getViewFlagItem("backgroundMap", this.getFlagState("backgroundMap"), "UiFramework:listTools.backgroundMap"));
-        return React.createElement("div", { className: "uifw-view-attributes-contents" }, items);
-    }
-    render() {
-        var _a;
-        // eslint-disable-next-line deprecation/deprecation
-        const isOpen = this.props.openWidget === this._className;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Indicator // eslint-disable-line deprecation/deprecation
-            , { iconName: "icon-window-settings", opened: isOpen, toolTip: this._title, dialog: React.createElement(StatusBarDialog, { titleBar: React.createElement(StatusBarDialog.TitleBar, { title: this._title }) }, this.getViewFlags()), 
-                // eslint-disable-next-line deprecation/deprecation
-                isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./ViewAttributes.scss";
+import * as React from "react";
+import { ViewFlags } from "@itwin/core-common";
+import { IModelApp } from "@itwin/core-frontend";
+import { Checkbox } from "@itwin/itwinui-react";
+import { UiFramework } from "../UiFramework";
+import { Indicator } from "./Indicator";
+import { StatusBarDialog } from "../statusbar/dialog/Dialog";
+/** Widget for showing Checkboxes for View Attributes
+ * @beta
+ */
+export class ViewAttributesStatusField extends React.Component {
+    constructor(props) {
+        super(props);
+        this._title = UiFramework.translate("listTools.viewAttributes");
+        // istanbul ignore next
+        this._handleViewFlagClick = (flagName) => {
+            if (IModelApp.viewManager.selectedView) {
+                const props = IModelApp.viewManager.selectedView.viewFlags.toJSON();
+                props[flagName] = props[flagName] === undefined ? true : !props[flagName];
+                const viewFlags = ViewFlags.fromJSON(props);
+                IModelApp.viewManager.selectedView.viewFlags = viewFlags;
+                this.updateState();
+            }
+        };
+        this._handleToggleCamera = async () => {
+            await IModelApp.tools.run("View.ToggleCamera", IModelApp.viewManager.selectedView);
+            this.updateState();
+        };
+        this.state = {
+            cameraOn: false,
+            viewFlags: {},
+            target: null,
+        };
+        this._className = this.constructor.name;
+    }
+    componentDidMount() {
+        this.updateState();
+    }
+    // istanbul ignore next
+    updateState() {
+        if (IModelApp.viewManager.selectedView) {
+            const viewFlags = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };
+            const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;
+            this.setState({
+                viewFlags,
+                cameraOn,
+            });
+        }
+    }
+    // istanbul ignore next
+    stylizeName(name) {
+        name = name.charAt(0).toUpperCase() + name.slice(1);
+        name = name.replace(/([A-Z])/g, " $1").trim();
+        return name;
+    }
+    getViewFlagItem(flagName, value, labelKey) {
+        return React.createElement(Checkbox, { key: flagName, label: labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value });
+    }
+    getFlagState(flagName) {
+        return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ this.state.viewFlags[flagName] : false;
+    }
+    getToggleCameraItem() {
+        return React.createElement(Checkbox, { key: "toggleCamera", label: IModelApp.localization.getLocalizedString("UiFramework:listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn });
+    }
+    getViewFlags() {
+        const items = [];
+        items.push(this.getViewFlagItem("acs", this.getFlagState("acs"), "UiFramework:listTools.acs"));
+        items.push(this.getToggleCameraItem());
+        items.push(this.getViewFlagItem("noConstruct", !this.getFlagState("noConstruct"), "UiFramework:listTools.constructions"));
+        items.push(this.getViewFlagItem("hidEdges", this.getFlagState("hidEdges"), "UiFramework:listTools.hidEdges"));
+        items.push(this.getViewFlagItem("monochrome", this.getFlagState("monochrome"), "UiFramework:listTools.monochrome"));
+        items.push(this.getViewFlagItem("visEdges", this.getFlagState("visEdges"), "UiFramework:listTools.visEdges"));
+        items.push(this.getViewFlagItem("ambientOcclusion", this.getFlagState("ambientOcclusion"), "UiFramework:listTools.ambientOcclusion"));
+        items.push(this.getViewFlagItem("shadows", this.getFlagState("shadows"), "UiFramework:listTools.shadows"));
+        items.push(this.getViewFlagItem("backgroundMap", this.getFlagState("backgroundMap"), "UiFramework:listTools.backgroundMap"));
+        return React.createElement("div", { className: "uifw-view-attributes-contents" }, items);
+    }
+    render() {
+        var _a;
+        // eslint-disable-next-line deprecation/deprecation
+        const isOpen = this.props.openWidget === this._className;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Indicator // eslint-disable-line deprecation/deprecation
+            , { iconName: "icon-window-settings", opened: isOpen, toolTip: this._title, dialog: React.createElement(StatusBarDialog, { titleBar: React.createElement(StatusBarDialog.TitleBar, { title: this._title }) }, this.getViewFlags()), 
+                // eslint-disable-next-line deprecation/deprecation
+                isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true })));
+    }
+}
 //# sourceMappingURL=ViewAttributes.js.map

package/lib/esm/appui-react/statusfields/ViewAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.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/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./ViewAttributes.scss\";\nimport * as React from \"react\";\nimport { ViewFlagProps, ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { Indicator } from \"./Indicator\";\nimport { StatusFieldProps } from \"./StatusFieldProps\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\n\ninterface ViewAttributesStatusFieldState {\n  viewFlags: ViewFlagProps;\n  cameraOn: boolean;\n  target: HTMLElement | null;\n}\n\n/** Widget for showing Checkboxes for View Attributes\n * @beta\n */\nexport class ViewAttributesStatusField extends React.Component<StatusFieldProps, ViewAttributesStatusFieldState> {\n  private _className: string;\n  private _title = UiFramework.translate(\"listTools.viewAttributes\");\n\n  constructor(props: StatusFieldProps) {\n    super(props);\n\n    this.state = {\n      cameraOn: false,\n      viewFlags: {},\n      target: null,\n    };\n\n    this._className = this.constructor.name;\n  }\n\n  public override componentDidMount() {\n    this.updateState();\n  }\n\n  // istanbul ignore next\n  private updateState() {\n    if (IModelApp.viewManager.selectedView) {\n      const viewFlags: ViewFlagProps = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\n\n      this.setState({\n        viewFlags,\n        cameraOn,\n      });\n    }\n  }\n\n  // istanbul ignore next\n  private _handleViewFlagClick = (flagName: string) => {\n    if (IModelApp.viewManager.selectedView) {\n      const props: ViewFlagProps = IModelApp.viewManager.selectedView.viewFlags.toJSON();\n      (props as any)[flagName] = (props as any)[flagName] === undefined ? true : !(props as any)[flagName];\n      const viewFlags = ViewFlags.fromJSON(props);\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\n      this.updateState();\n    }\n  };\n\n  private _handleToggleCamera = async () => {\n    await IModelApp.tools.run(\"View.ToggleCamera\", IModelApp.viewManager.selectedView);\n    this.updateState();\n  };\n\n  // istanbul ignore next\n  private stylizeName(name: string) {\n    name = name.charAt(0).toUpperCase() + name.slice(1);\n    name = name.replace(/([A-Z])/g, \" $1\").trim();\n    return name;\n  }\n\n  private getViewFlagItem(flagName: string, value: boolean, labelKey?: string) {\n    return <Checkbox key={flagName} label={labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName)} onClick={() => this._handleViewFlagClick(flagName)} defaultChecked={value} />;\n  }\n\n  private getFlagState(flagName: string) {\n    return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ (this.state.viewFlags as any)[flagName] : false;\n  }\n\n  private getToggleCameraItem() {\n    return <Checkbox key={\"toggleCamera\"} label={IModelApp.localization.getLocalizedString(\"UiFramework:listTools.camera\")} onClick={this._handleToggleCamera} defaultChecked={this.state.cameraOn} />;\n  }\n\n  private getViewFlags() {\n    const items: JSX.Element[] = [];\n    items.push(this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"UiFramework:listTools.acs\"));\n    items.push(this.getToggleCameraItem());\n    items.push(this.getViewFlagItem(\"noConstruct\", !this.getFlagState(\"noConstruct\"), \"UiFramework:listTools.constructions\"));\n    items.push(this.getViewFlagItem(\"hidEdges\", this.getFlagState(\"hidEdges\"), \"UiFramework:listTools.hidEdges\"));\n    items.push(this.getViewFlagItem(\"monochrome\", this.getFlagState(\"monochrome\"), \"UiFramework:listTools.monochrome\"));\n    items.push(this.getViewFlagItem(\"visEdges\", this.getFlagState(\"visEdges\"), \"UiFramework:listTools.visEdges\"));\n    items.push(this.getViewFlagItem(\"ambientOcclusion\", this.getFlagState(\"ambientOcclusion\"), \"UiFramework:listTools.ambientOcclusion\"));\n    items.push(this.getViewFlagItem(\"shadows\", this.getFlagState(\"shadows\"), \"UiFramework:listTools.shadows\"));\n    items.push(this.getViewFlagItem(\"backgroundMap\", this.getFlagState(\"backgroundMap\"), \"UiFramework:listTools.backgroundMap\"));\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    // eslint-disable-next-line deprecation/deprecation\n    const isOpen = this.props.openWidget === this._className;\n    return (\n      <>\n        <Indicator // eslint-disable-line deprecation/deprecation\n          iconName=\"icon-window-settings\"\n          opened={isOpen}\n          toolTip={this._title}\n          dialog={<StatusBarDialog\n            titleBar={\n              <StatusBarDialog.TitleBar title={this._title} />\n            }>\n            {this.getViewFlags()}\n          </StatusBarDialog>}\n          // eslint-disable-next-line deprecation/deprecation\n          isInFooterMode={this.props.isInFooterMode ?? true}\n        />\n      </>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.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/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./ViewAttributes.scss\";\r\nimport * as React from \"react\";\r\nimport { ViewFlagProps, ViewFlags } from \"@itwin/core-common\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { Indicator } from \"./Indicator\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\r\n\r\ninterface ViewAttributesStatusFieldState {\r\n  viewFlags: ViewFlagProps;\r\n  cameraOn: boolean;\r\n  target: HTMLElement | null;\r\n}\r\n\r\n/** Widget for showing Checkboxes for View Attributes\r\n * @beta\r\n */\r\nexport class ViewAttributesStatusField extends React.Component<StatusFieldProps, ViewAttributesStatusFieldState> {\r\n  private _className: string;\r\n  private _title = UiFramework.translate(\"listTools.viewAttributes\");\r\n\r\n  constructor(props: StatusFieldProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      cameraOn: false,\r\n      viewFlags: {},\r\n      target: null,\r\n    };\r\n\r\n    this._className = this.constructor.name;\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this.updateState();\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private updateState() {\r\n    if (IModelApp.viewManager.selectedView) {\r\n      const viewFlags: ViewFlagProps = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };\r\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\r\n\r\n      this.setState({\r\n        viewFlags,\r\n        cameraOn,\r\n      });\r\n    }\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private _handleViewFlagClick = (flagName: string) => {\r\n    if (IModelApp.viewManager.selectedView) {\r\n      const props: ViewFlagProps = IModelApp.viewManager.selectedView.viewFlags.toJSON();\r\n      (props as any)[flagName] = (props as any)[flagName] === undefined ? true : !(props as any)[flagName];\r\n      const viewFlags = ViewFlags.fromJSON(props);\r\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\r\n      this.updateState();\r\n    }\r\n  };\r\n\r\n  private _handleToggleCamera = async () => {\r\n    await IModelApp.tools.run(\"View.ToggleCamera\", IModelApp.viewManager.selectedView);\r\n    this.updateState();\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private stylizeName(name: string) {\r\n    name = name.charAt(0).toUpperCase() + name.slice(1);\r\n    name = name.replace(/([A-Z])/g, \" $1\").trim();\r\n    return name;\r\n  }\r\n\r\n  private getViewFlagItem(flagName: string, value: boolean, labelKey?: string) {\r\n    return <Checkbox key={flagName} label={labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName)} onClick={() => this._handleViewFlagClick(flagName)} defaultChecked={value} />;\r\n  }\r\n\r\n  private getFlagState(flagName: string) {\r\n    return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ (this.state.viewFlags as any)[flagName] : false;\r\n  }\r\n\r\n  private getToggleCameraItem() {\r\n    return <Checkbox key={\"toggleCamera\"} label={IModelApp.localization.getLocalizedString(\"UiFramework:listTools.camera\")} onClick={this._handleToggleCamera} defaultChecked={this.state.cameraOn} />;\r\n  }\r\n\r\n  private getViewFlags() {\r\n    const items: JSX.Element[] = [];\r\n    items.push(this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"UiFramework:listTools.acs\"));\r\n    items.push(this.getToggleCameraItem());\r\n    items.push(this.getViewFlagItem(\"noConstruct\", !this.getFlagState(\"noConstruct\"), \"UiFramework:listTools.constructions\"));\r\n    items.push(this.getViewFlagItem(\"hidEdges\", this.getFlagState(\"hidEdges\"), \"UiFramework:listTools.hidEdges\"));\r\n    items.push(this.getViewFlagItem(\"monochrome\", this.getFlagState(\"monochrome\"), \"UiFramework:listTools.monochrome\"));\r\n    items.push(this.getViewFlagItem(\"visEdges\", this.getFlagState(\"visEdges\"), \"UiFramework:listTools.visEdges\"));\r\n    items.push(this.getViewFlagItem(\"ambientOcclusion\", this.getFlagState(\"ambientOcclusion\"), \"UiFramework:listTools.ambientOcclusion\"));\r\n    items.push(this.getViewFlagItem(\"shadows\", this.getFlagState(\"shadows\"), \"UiFramework:listTools.shadows\"));\r\n    items.push(this.getViewFlagItem(\"backgroundMap\", this.getFlagState(\"backgroundMap\"), \"UiFramework:listTools.backgroundMap\"));\r\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\r\n  }\r\n\r\n  public override render() {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const isOpen = this.props.openWidget === this._className;\r\n    return (\r\n      <>\r\n        <Indicator // eslint-disable-line deprecation/deprecation\r\n          iconName=\"icon-window-settings\"\r\n          opened={isOpen}\r\n          toolTip={this._title}\r\n          dialog={<StatusBarDialog\r\n            titleBar={\r\n              <StatusBarDialog.TitleBar title={this._title} />\r\n            }>\r\n            {this.getViewFlags()}\r\n          </StatusBarDialog>}\r\n          // eslint-disable-next-line deprecation/deprecation\r\n          isInFooterMode={this.props.isInFooterMode ?? true}\r\n        />\r\n      </>\r\n    );\r\n  }\r\n\r\n}\r\n"]}

package/lib/esm/appui-react/statusfields/ViewAttributes.scss

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-view-attributes-contents {
-  display: flex;
-  flex-direction: column;
-  padding: 8px;
-  overflow-y: auto;
-
-  > .core-checkbox {
-    margin: 2px;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-view-attributes-contents {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  overflow-y: auto;
+
+  > .core-checkbox {
+    margin: 2px;
+  }
+}

package/lib/esm/appui-react/statusfields/tileloading/TileLoadingIndicator.d.ts

@@ -1,32 +1,32 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./TileLoadingIndicator.scss";
-import * as React from "react";
-import { StatusFieldProps } from "../StatusFieldProps";
-/** State for the [[TileLoadingIndicator]] component
- * @internal
- */
-interface TileLoadingIndicatorState {
-    label: string;
-    progress: number;
-    enabled: boolean;
-    finished: boolean;
-}
-/** TileLoadingIndicator React component
- * @public
- */
-export declare class TileLoadingIndicator extends React.PureComponent<StatusFieldProps, TileLoadingIndicatorState> {
-    private _removeViewOpenListener?;
-    private _removeOnRenderListener?;
-    constructor(props: StatusFieldProps);
-    private _refreshState;
-    private _update;
-    private _onViewOpen;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /** Renders TileLoadingIndicator */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./TileLoadingIndicator.scss";
+import * as React from "react";
+import { StatusFieldProps } from "../StatusFieldProps";
+/** State for the [[TileLoadingIndicator]] component
+ * @internal
+ */
+interface TileLoadingIndicatorState {
+    label: string;
+    progress: number;
+    enabled: boolean;
+    finished: boolean;
+}
+/** TileLoadingIndicator React component
+ * @public
+ */
+export declare class TileLoadingIndicator extends React.PureComponent<StatusFieldProps, TileLoadingIndicatorState> {
+    private _removeViewOpenListener?;
+    private _removeOnRenderListener?;
+    constructor(props: StatusFieldProps);
+    private _refreshState;
+    private _update;
+    private _onViewOpen;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /** Renders TileLoadingIndicator */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=TileLoadingIndicator.d.ts.map