@itwin/appui-react 4.0.0-dev.9 → 4.0.1

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

@@ -1,42 +1,23 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Defines properties supported by the SnapMode Field Component.
- */
-interface SnapModeFieldProps extends CommonProps {
-    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
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+/** Defines properties supported by the SnapMode Field Component.
+ */
+interface SnapModeFieldProps extends CommonProps {
+    snapMode: number;
+}
+/**
+ * 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 function SnapModeFieldComponent(props: SnapModeFieldProps): JSX.Element;
+/**
+ * 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<SnapModeFieldProps, "snapMode">>;
+export {};
 //# sourceMappingURL=SnapMode.d.ts.map

package/lib/esm/appui-react/statusfields/SnapMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD;GACG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;CACpC;AASD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,cAAM,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC1F,OAAO,CAAC,mBAAmB,CAQzB;IACF,OAAO,CAAC,MAAM,CAAmD;IAEjE,SAAyB,KAAK,EAAE,kBAAkB,CAEhD;gBAEU,KAAK,EAAE,kBAAkB;IAIrC,sDAAsD;IACtD,OAAO,CAAC,2BAA2B;IAcnC,oCAAoC;IACpB,MAAM,IAAI,KAAK,CAAC,SAAS;IAiBzC;;QAEI;IACJ,OAAO,CAAC,cAAc;IAiBtB,yEAAyE;IACzE,OAAO,CAAC,yBAAyB,CAE/B;CAEH;AAkBD;;;;;GAKG,CACH,eAAO,MAAM,aAAa,qMAAgE,CAAC"}
+{"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAOH,OAAO,EAAE,WAAW,EAAkB,MAAM,mBAAmB,CAAC;AAahE;GACG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAqCD;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,eAiDxD;AAaD;;;;;GAKG,CACH,eAAO,MAAM,aAAa,qIAAmD,CAAC"}

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

@@ -1,86 +1,95 @@
-/*---------------------------------------------------------------------------------------------
-* 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 * as React from "react";
-import { connect } from "react-redux";
-import { SnapMode } from "@itwin/core-frontend";
-import { Snap, SnapModePanel } from "@itwin/appui-layout-react";
-import { ConfigurableUiActions } from "../configurableui/state";
-import { UiFramework } from "../UiFramework";
-import { StatusBarLabelIndicator } from "../statusbar/LabelIndicator";
-/**
- * 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.
- */
-class SnapModeFieldComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this._snapModeFieldArray = [
-            { label: UiFramework.translate("snapModeField.keypoint"), value: SnapMode.NearestKeypoint, iconName: "snaps" },
-            { label: UiFramework.translate("snapModeField.intersection"), value: SnapMode.Intersection, iconName: "snaps-intersection" },
-            { label: UiFramework.translate("snapModeField.center"), value: SnapMode.Center, iconName: "snaps-center" },
-            { label: UiFramework.translate("snapModeField.nearest"), value: SnapMode.Nearest, iconName: "snaps-nearest" },
-            { label: UiFramework.translate("snapModeField.origin"), value: SnapMode.Origin, iconName: "snaps-origin" },
-            { label: UiFramework.translate("snapModeField.midpoint"), value: SnapMode.MidPoint, iconName: "snaps-midpoint" },
-            { label: UiFramework.translate("snapModeField.bisector"), value: SnapMode.Bisector, iconName: "snaps-bisector" },
-        ];
-        this._title = UiFramework.translate("snapModeField.snapMode");
-        this.state = {
-            target: null,
-        };
-        /** Called when user clicks on a Snap Mode entry in the pop-up window. */
-        this._handleSnapModeFieldClick = (snapModeField) => {
-            this.props.setSnapMode(snapModeField);
-        };
-    }
-    /** Return icon class name for a specific snapMode. */
-    getSnapModeIconNameFromMode(snapMode) {
-        for (const mode of this._snapModeFieldArray) {
-            if (mode.value === snapMode)
-                return mode.iconName;
-        }
-        /* istanbul ignore else */
-        if (snapMode > 0)
-            return "snaps-multione";
-        /* istanbul ignore next */
-        return "placeholder";
-    }
-    /** Standard React render method. */
-    render() {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(StatusBarLabelIndicator, { iconSpec: `icon-${this.getSnapModeIconNameFromMode(this.props.snapMode)}`, title: this._title, label: this._title, popup: React.createElement(SnapModePanel, { title: this._title }, this.getSnapEntries()) })));
-    }
-    /** Return array of SnapRow elements, one for each support snap mode. This array will populate the pop-up used
-      * to select a SnapMode.
-      */
-    getSnapEntries() {
-        return this._snapModeFieldArray.map((item, index) => {
-            return (React.createElement(Snap, { key: `SM_${index}`, onClick: () => this._handleSnapModeFieldClick(item.value), isActive: (this.props.snapMode & item.value) === item.value, icon: React.createElement("i", { className: `icon icon-${item.iconName}` }) }, item.label));
-        });
-    }
-}
-// Used by Redux to map dispatch functions to props entry. This requires SnapModeFieldProps interface above to include a setSnapMode entry */
-const mapDispatch = {
-    setSnapMode: ConfigurableUiActions.setSnapMode,
-};
-/** 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.frameworkStateKey]; // since app sets up key, don't hard-code name
-    /* istanbul ignore next */
-    if (!frameworkState)
-        return undefined;
-    return { snapMode: frameworkState.configurableUiState.snapMode };
-}
-// we declare the variable and export that rather than using export default.
-/**
- * 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
- */ // eslint-disable-next-line @typescript-eslint/naming-convention
-export const SnapModeField = connect(mapStateToProps, mapDispatch)(SnapModeFieldComponent);
+/*---------------------------------------------------------------------------------------------
+* 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 * as React from "react";
+import { connect } from "react-redux";
+import { SnapMode } from "@itwin/core-frontend";
+import { Snap, SnapModePanel } from "@itwin/appui-layout-react";
+import { UiFramework } from "../UiFramework";
+import { Icon } from "@itwin/core-react";
+import { StatusBarLabelIndicator } from "../statusbar/LabelIndicator";
+import { IconSpecUtilities } from "@itwin/appui-abstract";
+import snapModeKeypoint from "@bentley/icons-generic/icons/snaps.svg";
+import snapModeIntersection from "@bentley/icons-generic/icons/snaps-intersection.svg";
+import snapModeCenter from "@bentley/icons-generic/icons/snaps-center.svg";
+import snapModeNearest from "@bentley/icons-generic/icons/snaps-nearest.svg";
+import snapModeOrigin from "@bentley/icons-generic/icons/snaps-origin.svg";
+import snapModeMidpoint from "@bentley/icons-generic/icons/snaps-midpoint.svg";
+import snapModeBisector from "@bentley/icons-generic/icons/snaps-bisector.svg";
+function getIconFromIconName(iconName) {
+    let iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeKeypoint);
+    switch (iconName) {
+        case "snaps":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeKeypoint);
+            break;
+        case "snaps-intersection":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeIntersection);
+            break;
+        case "snaps-center":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeCenter);
+            break;
+        case "snaps-nearest":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeNearest);
+            break;
+        case "snaps-origin":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeOrigin);
+            break;
+        case "snaps-midpoint":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeMidpoint);
+            break;
+        case "snaps-bisector":
+            iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeBisector);
+            break;
+    }
+    return iconSpec;
+}
+/**
+ * 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.
+ */
+function SnapModeFieldComponent(props) {
+    const snapModes = React.useMemo(() => [
+        { label: UiFramework.translate("snapModeField.keypoint"), value: SnapMode.NearestKeypoint, iconName: "snaps" },
+        { label: UiFramework.translate("snapModeField.intersection"), value: SnapMode.Intersection, iconName: "snaps-intersection" },
+        { label: UiFramework.translate("snapModeField.center"), value: SnapMode.Center, iconName: "snaps-center" },
+        { label: UiFramework.translate("snapModeField.nearest"), value: SnapMode.Nearest, iconName: "snaps-nearest" },
+        { label: UiFramework.translate("snapModeField.origin"), value: SnapMode.Origin, iconName: "snaps-origin" },
+        { label: UiFramework.translate("snapModeField.midpoint"), value: SnapMode.MidPoint, iconName: "snaps-midpoint" },
+        { label: UiFramework.translate("snapModeField.bisector"), value: SnapMode.Bisector, iconName: "snaps-bisector" },
+    ], []);
+    /** Return icon class name for a specific snapMode. */
+    const getSnapModeIconNameFromMode = React.useCallback(function (snapMode) {
+        for (const mode of snapModes) {
+            if (mode.value === snapMode)
+                return mode.iconName;
+        }
+        /* istanbul ignore else */
+        if (snapMode > 0)
+            return "snaps-multione";
+        /* istanbul ignore next */
+        return "placeholder";
+    }, [snapModes]);
+    const title = UiFramework.translate("snapModeField.snapMode");
+    return (React.createElement(StatusBarLabelIndicator, { iconSpec: getIconFromIconName(getSnapModeIconNameFromMode(props.snapMode)), title: title, label: title, popup: React.createElement(SnapModePanel, { title: title }, snapModes.map((item, index) => React.createElement(Snap, { key: `SM_${index}`, onClick: () => UiFramework.setAccudrawSnapMode(item.value), isActive: (props.snapMode & item.value) === item.value, icon: React.createElement(Icon, { className: `icon`, iconSpec: getIconFromIconName(item.iconName) }) }, item.label))) }));
+}
+/** 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.frameworkStateKey]; // since app sets up key, don't hard-code name
+    /* istanbul ignore next */
+    if (!frameworkState)
+        return undefined;
+    return { snapMode: frameworkState.configurableUiState.snapMode };
+}
+// we declare the variable and export that rather than using export default.
+/**
+ * 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
+ */ // eslint-disable-next-line @typescript-eslint/naming-convention
+export const SnapModeField = connect(mapStateToProps)(SnapModeFieldComponent);
 //# sourceMappingURL=SnapMode.js.map

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":["/*---------------------------------------------------------------------------------------------\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 { CommonProps } from \"@itwin/core-react\";\r\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\r\n\r\n// cSpell:ignore multione\r\n\r\n/** Defines properties supported by the SnapMode Field Component.\r\n */\r\ninterface SnapModeFieldProps extends CommonProps {\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        <StatusBarLabelIndicator\r\n          iconSpec={`icon-${this.getSnapModeIconNameFromMode(this.props.snapMode)}`}\r\n          title={this._title}\r\n          label={this._title}\r\n          popup={\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"]}
+{"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,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAe,IAAI,EAAY,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,oBAAoB,MAAM,qDAAqD,CAAC;AACvF,OAAO,cAAc,MAAM,+CAA+C,CAAC;AAC3E,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAC7E,OAAO,cAAc,MAAM,+CAA+C,CAAC;AAC3E,OAAO,gBAAgB,MAAM,iDAAiD,CAAC;AAC/E,OAAO,gBAAgB,MAAM,iDAAiD,CAAC;AAiB/E,SAAS,mBAAmB,CAAC,QAAgB;IAC3C,IAAI,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IAC9E,QAAQ,QAAQ,EAAE;QAChB,KAAK,OAAO;YACV,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;YAC1E,MAAM;QACR,KAAK,oBAAoB;YACvB,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,oBAAoB,CAAC,CAAC;YAC9E,MAAM;QACR,KAAK,cAAc;YACjB,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,cAAc,CAAC,CAAC;YACxE,MAAM;QACR,KAAK,eAAe;YAClB,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,eAAe,CAAC,CAAC;YACzE,MAAM;QACR,KAAK,cAAc;YACjB,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,cAAc,CAAC,CAAC;YACxE,MAAM;QACR,KAAK,gBAAgB;YACnB,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;YAC1E,MAAM;QACR,KAAK,gBAAgB;YACnB,QAAQ,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;YAC1E,MAAM;KACT;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;GAGG;AACH,SAAS,sBAAsB,CAAC,KAAyB;IACvD,MAAM,SAAS,GAAyB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QAC1D,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE;QACxH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,4BAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,YAAsB,EAAE,QAAQ,EAAE,oBAAoB,EAAE;QACtI,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE;QACpH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE;QACvH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE;QACpH,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAkB,EAAE,QAAQ,EAAE,gBAAgB,EAAE;QAC1H,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAkB,EAAE,QAAQ,EAAE,gBAAgB,EAAE;KAC3H,EAAE,EAAE,CAAC,CAAC;IAEP,sDAAsD;IACtD,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC,UAAU,QAAgB;QAC9E,KAAK,MAAM,IAAI,IAAI,SAAS,EAAE;YAC5B,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,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAC9D,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAE,mBAAmB,CAAC,2BAA2B,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAC1E,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EACH,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,IAAI,IACnC,GAAG,EAAE,MAAM,KAAK,EAAE,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,EAC1D,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,EACtD,IAAI,EACF,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAI,IAG1E,IAAI,CAAC,KAAK,CACL,CACP,CACa,GAElB,CACH,CAAC;AACJ,CAAC;AAED,+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,CAAC,CAAC,sBAAsB,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 * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport { Snap, SnapModePanel } from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CommonProps, Icon, IconSpec } from \"@itwin/core-react\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\nimport snapModeKeypoint from \"@bentley/icons-generic/icons/snaps.svg\";\nimport snapModeIntersection from \"@bentley/icons-generic/icons/snaps-intersection.svg\";\nimport snapModeCenter from \"@bentley/icons-generic/icons/snaps-center.svg\";\nimport snapModeNearest from \"@bentley/icons-generic/icons/snaps-nearest.svg\";\nimport snapModeOrigin from \"@bentley/icons-generic/icons/snaps-origin.svg\";\nimport snapModeMidpoint from \"@bentley/icons-generic/icons/snaps-midpoint.svg\";\nimport snapModeBisector from \"@bentley/icons-generic/icons/snaps-bisector.svg\";\n\n// cSpell:ignore multione\n\n/** Defines properties supported by the SnapMode Field Component.\n */\ninterface SnapModeFieldProps extends CommonProps {\n  snapMode: number;\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\nfunction getIconFromIconName(iconName: string): IconSpec {\n  let iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeKeypoint);\n  switch (iconName) {\n    case \"snaps\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeKeypoint);\n      break;\n    case \"snaps-intersection\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeIntersection);\n      break;\n    case \"snaps-center\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeCenter);\n      break;\n    case \"snaps-nearest\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeNearest);\n      break;\n    case \"snaps-origin\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeOrigin);\n      break;\n    case \"snaps-midpoint\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeMidpoint);\n      break;\n    case \"snaps-bisector\":\n      iconSpec = IconSpecUtilities.createWebComponentIconSpec(snapModeBisector);\n      break;\n  }\n  return iconSpec;\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 */\nfunction SnapModeFieldComponent(props: SnapModeFieldProps) {\n  const snapModes: SnapModeFieldEntry[] = React.useMemo(() => [\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\n  /** Return icon class name for a specific snapMode. */\n  const getSnapModeIconNameFromMode = React.useCallback(function (snapMode: number): string {\n    for (const mode of snapModes) {\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  }, [snapModes]);\n\n  const title = UiFramework.translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarLabelIndicator\n      iconSpec={getIconFromIconName(getSnapModeIconNameFromMode(props.snapMode))}\n      title={title}\n      label={title}\n      popup={\n        <SnapModePanel title={title}>\n          {snapModes.map((item, index) => <Snap\n            key={`SM_${index}`}\n            onClick={() => UiFramework.setAccudrawSnapMode(item.value)}\n            isActive={(props.snapMode & item.value) === item.value}\n            icon={\n              <Icon className={`icon`} iconSpec={getIconFromIconName(item.iconName)} />\n            }\n          >\n            {item.label}\n          </Snap >\n          )}\n        </SnapModePanel>\n      }\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 { 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)(SnapModeFieldComponent);\n"]}

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

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./ViewAttributes.scss";
-import * as React from "react";
-import { ViewFlagProps } from "@itwin/core-common";
-import { CommonProps } from "@itwin/core-react";
-interface ViewAttributesStatusFieldState {
-    viewFlags: ViewFlagProps;
-    cameraOn: boolean;
-    target: HTMLElement | null;
-}
-/** Widget for showing Checkboxes for View Attributes
- * @beta
- */
-export declare class ViewAttributesStatusField extends React.Component<CommonProps, ViewAttributesStatusFieldState> {
-    private _title;
-    constructor(props: CommonProps);
-    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 { CommonProps } from "@itwin/core-react";
+interface ViewAttributesStatusFieldState {
+    viewFlags: ViewFlagProps;
+    cameraOn: boolean;
+    target: HTMLElement | null;
+}
+/** Widget for showing Checkboxes for View Attributes
+ * @beta
+ */
+export declare class ViewAttributesStatusField extends React.Component<CommonProps, ViewAttributesStatusFieldState> {
+    private _title;
+    constructor(props: CommonProps);
+    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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewAttributes.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAa,MAAM,oBAAoB,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,8BAA8B;IACtC,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,8BAA8B,CAAC;IACzG,OAAO,CAAC,MAAM,CAAqD;gBAEvD,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAKjC,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,oBAAoB,CAQ1B;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAGF,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAcJ,MAAM;CAcvB"}
+{"version":3,"file":"ViewAttributes.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAa,MAAM,oBAAoB,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,8BAA8B;IACtC,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,8BAA8B,CAAC;IACzG,OAAO,CAAC,MAAM,CAAqD;gBAEvD,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAKjC,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,oBAAoB,CAQ1B;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAGF,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAcJ,MAAM;CAcvB"}

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

@@ -1,89 +1,90 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { StatusBarLabelIndicator } from "../statusbar/LabelIndicator";
-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,
-        };
-    }
-    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() {
-        return (React.createElement(StatusBarLabelIndicator, { iconSpec: "icon-window-settings", title: this._title, popup: React.createElement(StatusBarDialog, { titleBar: React.createElement(StatusBarDialog.TitleBar, { title: this._title }) }, this.getViewFlags()) }));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { StatusBarLabelIndicator } from "../statusbar/LabelIndicator";
+import { StatusBarDialog } from "../statusbar/dialog/Dialog";
+import { SvgWindowSettings } from "@itwin/itwinui-icons-react";
+/** 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,
+        };
+    }
+    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() {
+        return (React.createElement(StatusBarLabelIndicator, { iconSpec: React.createElement(SvgWindowSettings, null), title: this._title, popup: React.createElement(StatusBarDialog, { titleBar: React.createElement(StatusBarDialog.TitleBar, { title: this._title }) }, this.getViewFlags()) }));
+    }
+}
 //# sourceMappingURL=ViewAttributes.js.map