npm - @itwin/appui-react - Versions diffs - 4.1.0-dev.1 → 4.2.0-dev.1 - Mend

@itwin/appui-react 4.1.0-dev.1 → 4.2.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1625) hide show

package/lib/cjs/appui-react/statusfields/SnapMode.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -30,7 +30,8 @@ function getIconFromIconName(iconName) {
             iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(snaps_svg_1.default);
             break;
         case "snaps-intersection":
-            iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(snaps_intersection_svg_1.default);
+            iconSpec =
+                appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(snaps_intersection_svg_1.default);
             break;
         case "snaps-center":
             iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(snaps_center_svg_1.default);
@@ -56,13 +57,41 @@ function getIconFromIconName(iconName) {
  */
 function SnapModeFieldComponent(props) {
     const snapModes = React.useMemo(() => [
-        { label: UiFramework_1.UiFramework.translate("snapModeField.keypoint"), value: core_frontend_1.SnapMode.NearestKeypoint, iconName: "snaps" },
-        { label: UiFramework_1.UiFramework.translate("snapModeField.intersection"), value: core_frontend_1.SnapMode.Intersection, iconName: "snaps-intersection" },
-        { label: UiFramework_1.UiFramework.translate("snapModeField.center"), value: core_frontend_1.SnapMode.Center, iconName: "snaps-center" },
-        { label: UiFramework_1.UiFramework.translate("snapModeField.nearest"), value: core_frontend_1.SnapMode.Nearest, iconName: "snaps-nearest" },
-        { label: UiFramework_1.UiFramework.translate("snapModeField.origin"), value: core_frontend_1.SnapMode.Origin, iconName: "snaps-origin" },
-        { label: UiFramework_1.UiFramework.translate("snapModeField.midpoint"), value: core_frontend_1.SnapMode.MidPoint, iconName: "snaps-midpoint" },
-        { label: UiFramework_1.UiFramework.translate("snapModeField.bisector"), value: core_frontend_1.SnapMode.Bisector, iconName: "snaps-bisector" },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.keypoint"),
+            value: core_frontend_1.SnapMode.NearestKeypoint,
+            iconName: "snaps",
+        },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.intersection"),
+            value: core_frontend_1.SnapMode.Intersection,
+            iconName: "snaps-intersection",
+        },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.center"),
+            value: core_frontend_1.SnapMode.Center,
+            iconName: "snaps-center",
+        },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.nearest"),
+            value: core_frontend_1.SnapMode.Nearest,
+            iconName: "snaps-nearest",
+        },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.origin"),
+            value: core_frontend_1.SnapMode.Origin,
+            iconName: "snaps-origin",
+        },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.midpoint"),
+            value: core_frontend_1.SnapMode.MidPoint,
+            iconName: "snaps-midpoint",
+        },
+        {
+            label: UiFramework_1.UiFramework.translate("snapModeField.bisector"),
+            value: core_frontend_1.SnapMode.Bisector,
+            iconName: "snaps-bisector",
+        },
     ], []);
     /** Return icon class name for a specific snapMode. */
     const getSnapModeIconNameFromMode = React.useCallback(function (snapMode) {
@@ -77,7 +106,7 @@ function SnapModeFieldComponent(props) {
         return "placeholder";
     }, [snapModes]);
     const title = UiFramework_1.UiFramework.translate("snapModeField.snapMode");
-    return (React.createElement(LabelIndicator_1.StatusBarLabelIndicator, { iconSpec: getIconFromIconName(getSnapModeIconNameFromMode(props.snapMode)), title: title, label: title, popup: React.createElement(appui_layout_react_1.SnapModePanel, { title: title }, snapModes.map((item, index) => React.createElement(appui_layout_react_1.Snap, { key: `SM_${index}`, onClick: () => UiFramework_1.UiFramework.setAccudrawSnapMode(item.value), isActive: (props.snapMode & item.value) === item.value, icon: React.createElement(core_react_1.Icon, { className: `icon`, iconSpec: getIconFromIconName(item.iconName) }) }, item.label))) }));
+    return (React.createElement(LabelIndicator_1.StatusBarLabelIndicator, { iconSpec: getIconFromIconName(getSnapModeIconNameFromMode(props.snapMode)), title: title, label: title, popup: React.createElement(appui_layout_react_1.SnapModePanel, { title: title }, snapModes.map((item, index) => (React.createElement(appui_layout_react_1.Snap, { key: `SM_${index}`, onClick: () => UiFramework_1.UiFramework.setAccudrawSnapMode(item.value), isActive: (props.snapMode & item.value) === item.value, icon: React.createElement(core_react_1.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) {
@@ -93,6 +122,6 @@ function mapStateToProps(state) {
  * 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
+ */
 exports.SnapModeField = (0, react_redux_1.connect)(mapStateToProps)(SnapModeFieldComponent);
 //# sourceMappingURL=SnapMode.js.map

package/lib/cjs/appui-react/statusfields/SnapMode.js.map CHANGED Viewed

	@@ -1 +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 { UiFramework } from \"../UiFramework\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon } 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"]}
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 { UiFramework } from \"../UiFramework\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon } 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 =\n 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 () => [\n {\n label: UiFramework.translate(\"snapModeField.keypoint\"),\n value: SnapMode.NearestKeypoint as number,\n iconName: \"snaps\",\n },\n {\n label: UiFramework.translate(\"snapModeField.intersection\"),\n value: SnapMode.Intersection as number,\n iconName: \"snaps-intersection\",\n },\n {\n label: UiFramework.translate(\"snapModeField.center\"),\n value: SnapMode.Center as number,\n iconName: \"snaps-center\",\n },\n {\n label: UiFramework.translate(\"snapModeField.nearest\"),\n value: SnapMode.Nearest as number,\n iconName: \"snaps-nearest\",\n },\n {\n label: UiFramework.translate(\"snapModeField.origin\"),\n value: SnapMode.Origin as number,\n iconName: \"snaps-origin\",\n },\n {\n label: UiFramework.translate(\"snapModeField.midpoint\"),\n value: SnapMode.MidPoint as number,\n iconName: \"snaps-midpoint\",\n },\n {\n label: UiFramework.translate(\"snapModeField.bisector\"),\n value: SnapMode.Bisector as number,\n iconName: \"snaps-bisector\",\n },\n ],\n []\n );\n\n /* Return icon class name for a specific snapMode. /\n const getSnapModeIconNameFromMode = React.useCallback(\n function (snapMode: number): string {\n for (const mode of snapModes) {\n if (mode.value === snapMode) return mode.iconName;\n }\n\n / istanbul ignore else /\n if (snapMode > 0) return \"snaps-multione\";\n\n / istanbul ignore next /\n return \"placeholder\";\n },\n [snapModes]\n );\n\n const title = UiFramework.translate(\"snapModeField.snapMode\");\n return (\n <StatusBarLabelIndicator\n iconSpec={getIconFromIconName(\n getSnapModeIconNameFromMode(props.snapMode)\n )}\n title={title}\n label={title}\n popup={\n <SnapModePanel title={title}>\n {snapModes.map((item, index) => (\n <Snap\n key={`SM_${index}`}\n onClick={() => UiFramework.setAccudrawSnapMode(item.value)}\n isActive={(props.snapMode & item.value) === item.value}\n icon={\n <Icon\n className={`icon`}\n iconSpec={getIconFromIconName(item.iconName)}\n />\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) 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 */\nexport const SnapModeField = connect(mapStateToProps)(SnapModeFieldComponent);\n"]}

package/lib/cjs/appui-react/statusfields/ViewAttributes.d.ts.map CHANGED Viewed

	@@ -1 +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,KAAK,EAAE,aAAa,~~EAAC~~,MAAM,oBAAoB,CAAC;~~AAKvD~~,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,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~~"}
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,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,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,CAC5D,WAAW,EACX,8BAA8B,CAC/B;IACC,OAAO,CAAC,MAAM,CAAqD;gBAEvD,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAKjC,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,oBAAoB,CAY1B;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAGF,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,YAAY;IA8DJ,MAAM;CAevB"}

package/lib/cjs/appui-react/statusfields/ViewAttributes.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -28,7 +28,10 @@ class ViewAttributesStatusField extends React.Component {
         this._handleViewFlagClick = (flagName) => {
             if (core_frontend_1.IModelApp.viewManager.selectedView) {
                 const props = core_frontend_1.IModelApp.viewManager.selectedView.viewFlags.toJSON();
-                props[flagName] = props[flagName] === undefined ? true : !props[flagName];
+                props[flagName] =
+                    props[flagName] === undefined
+                        ? true
+                        : !props[flagName];
                 const viewFlags = core_common_1.ViewFlags.fromJSON(props);
                 core_frontend_1.IModelApp.viewManager.selectedView.viewFlags = viewFlags;
                 this.updateState();
@@ -50,7 +53,9 @@ class ViewAttributesStatusField extends React.Component {
     // istanbul ignore next
     updateState() {
         if (core_frontend_1.IModelApp.viewManager.selectedView) {
-            const viewFlags = { ...core_frontend_1.IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };
+            const viewFlags = {
+                ...core_frontend_1.IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),
+            };
             const cameraOn = core_frontend_1.IModelApp.viewManager.selectedView.isCameraOn;
             this.setState({
                 viewFlags,
@@ -65,13 +70,17 @@ class ViewAttributesStatusField extends React.Component {
         return name;
     }
     getViewFlagItem(flagName, value, labelKey) {
-        return React.createElement(itwinui_react_1.Checkbox, { key: flagName, label: labelKey ? core_frontend_1.IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value });
+        return (React.createElement(itwinui_react_1.Checkbox, { key: flagName, label: labelKey
+                ? core_frontend_1.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;
+        return this.state.viewFlags.hasOwnProperty(flagName)
+            ? /* istanbul ignore next */ this.state.viewFlags[flagName]
+            : false;
     }
     getToggleCameraItem() {
-        return React.createElement(itwinui_react_1.Checkbox, { key: "toggleCamera", label: core_frontend_1.IModelApp.localization.getLocalizedString("UiFramework:listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn });
+        return (React.createElement(itwinui_react_1.Checkbox, { key: "toggleCamera", label: core_frontend_1.IModelApp.localization.getLocalizedString("UiFramework:listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn }));
     }
     getViewFlags() {
         const items = [];

package/lib/cjs/appui-react/statusfields/ViewAttributes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":";AAAA~~;;;+FAG+F~~;~~AAC/F~~;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAE/B,oDAA+C;AAC/C,wDAAiD;AACjD,wDAAgD;AAChD,gDAA6C;AAE7C,gEAAsE;AACtE,uDAA6D;AAC7D,oEAA+D;AAQ/D;;GAEG;AACH,MAAa,yBAA0B,SAAQ,KAAK,CAAC,~~SAAsD~~;~~IAGzG~~,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,WAAM,GAAG,yBAAW,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;~~QA6BnE~~,uBAAuB;QACf,yBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAClD,IAAI,yBAAS,CAAC,WAAW,CAAC,YAAY,EAAE;gBACtC,MAAM,KAAK,~~GAAkB~~,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;~~gBAClF~~,KAAa,CAAC,QAAQ,CAAC,~~GAAI,~~KAAa,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC,CAAC,~~CAAC,~~IAAI,CAAC,CAAC,~~CAAC,~~CAAE,KAAa,CAAC,QAAQ,CAAC,CAAC;~~gBACrG~~,MAAM,SAAS,GAAG,uBAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC5C,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC;gBACzD,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;QACH,CAAC,CAAC;QAEM,wBAAmB,GAAG,KAAK,IAAI,EAAE;YACvC,MAAM,yBAAS,CAAC,KAAK,CAAC,GAAG,~~CAAC~~,mBAAmB,~~EAAE~~,yBAAS,CAAC,WAAW,CAAC,YAAY,~~CAAC~~,CAAC;~~YACnF~~,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;~~QAtCA~~,IAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,IAAI;SACb,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,uBAAuB;IACf,WAAW;QACjB,IAAI,yBAAS,CAAC,WAAW,CAAC,YAAY,EAAE;YACtC,MAAM,SAAS,GAAkB,~~EAAE,~~GAAG,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,~~EAAE,~~CAAC;~~YACnG~~,MAAM,QAAQ,GAAG,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,UAAU,CAAC;YAE/D,IAAI,CAAC,QAAQ,CAAC;gBACZ,SAAS;gBACT,QAAQ;aACT,CAAC,CAAC;SACJ;IACH,CAAC;~~IAkBD~~,uBAAuB;IACf,WAAW,CAAC,IAAY;QAC9B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,eAAe,CAAC,QAAgB,EAAE,KAAc,EAAE,QAAiB;QACzE,OAAO,oBAAC,wBAAQ,~~IAAC~~,GAAG,EAAE,QAAQ,~~EAAE~~,KAAK,~~EAAE~~,QAAQ,CAAC,CAAC,~~CAAC,~~yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,~~CAAC,~~0BAA0B,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,~~EAAE~~,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,~~EAAE~~,cAAc,EAAE,KAAK,~~GAAI~~,CAAC;~~IAC/O~~,CAAC;IAEO,YAAY,CAAC,QAAgB;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,~~CAAC,~~0BAA0B,CAAE,IAAI,CAAC,KAAK,CAAC,SAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,~~CAAC,~~KAAK,CAAC;~~IACpI~~,CAAC;IAEO,mBAAmB;QACzB,OAAO,oBAAC,wBAAQ,~~IAAC~~,GAAG,EAAE,cAAc,~~EAAE~~,KAAK,EAAE,yBAAS,CAAC,YAAY,CAAC,kBAAkB,~~CAAC~~,8BAA8B,~~CAAC~~,~~EAAE~~,OAAO,EAAE,IAAI,CAAC,mBAAmB,~~EAAE~~,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,~~GAAI~~,CAAC;~~IACrM~~,CAAC;IAEO,YAAY;QAClB,MAAM,KAAK,~~GAAkB~~,EAAE,CAAC;~~QAChC~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,KAAK,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,~~EAAE~~,2BAA2B,~~CAAC~~,~~CAAC~~,CAAC;~~QAC/F~~,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACvC,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,aAAa,~~EAAE~~,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,~~EAAE~~,qCAAqC,~~CAAC~~,~~CAAC~~,CAAC;~~QAC1H~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,UAAU,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,~~EAAE~~,gCAAgC,~~CAAC~~,~~CAAC~~,CAAC;~~QAC9G~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,YAAY,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,~~EAAE~~,kCAAkC,~~CAAC~~,~~CAAC~~,CAAC;~~QACpH~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,UAAU,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,~~EAAE~~,gCAAgC,~~CAAC~~,~~CAAC~~,CAAC;~~QAC9G~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,kBAAkB,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,~~EAAE~~,wCAAwC,~~CAAC~~,~~CAAC~~,CAAC;~~QACtI~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,SAAS,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,~~EAAE~~,+BAA+B,~~CAAC~~,~~CAAC~~,CAAC;~~QAC3G~~,KAAK,CAAC,IAAI,~~CAAC~~,IAAI,CAAC,eAAe,~~CAAC~~,eAAe,~~EAAE~~,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,~~EAAE~~,qCAAqC,~~CAAC~~,~~CAAC~~,CAAC;~~QAC7H~~,OAAO,6BAAK,SAAS,EAAC,+BAA+B,IAAE,KAAK,CAAO,CAAC;IACtE,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,wCAAuB,IACtB,QAAQ,EAAE,oBAAC,uCAAiB,OAAG,EAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,KAAK,~~EAAE~~,oBAAC,wBAAe,~~IACrB~~,QAAQ,~~EACN~~,oBAAC,wBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAI,~~IAEjD~~,IAAI,CAAC,YAAY,EAAE,CACJ,~~GAClB~~,CACH,CAAC;IACJ,CAAC;CACF;~~AA7FD~~,~~8DA6FC~~","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 type { ViewFlagProps} from \"@itwin/core-common\";\nimport { ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\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<CommonProps, ViewAttributesStatusFieldState> {\n private _title = UiFramework.translate(\"listTools.viewAttributes\");\n\n constructor(props: CommonProps) {\n super(props);\n\n this.state = {\n cameraOn: false,\n viewFlags: {},\n target: null,\n };\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 return (\n <StatusBarLabelIndicator\n iconSpec={<SvgWindowSettings />}\n title={this._title}\n popup={<StatusBarDialog\n titleBar={\n <StatusBarDialog.TitleBar title={this._title} ~~/>\~~n }>\n {this.getViewFlags()}\n </StatusBarDialog>}\n />\n );\n }\n}\n"]}
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 type { ViewFlagProps } from \"@itwin/core-common\";\nimport { ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\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<\n CommonProps,\n ViewAttributesStatusFieldState\n> {\n private _title = UiFramework.translate(\"listTools.viewAttributes\");\n\n constructor(props: CommonProps) {\n super(props);\n\n this.state = {\n cameraOn: false,\n viewFlags: {},\n target: null,\n };\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 = {\n ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),\n };\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 =\n IModelApp.viewManager.selectedView.viewFlags.toJSON();\n (props as any)[flagName] =\n (props as any)[flagName] === undefined\n ? true\n : !(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(\n \"View.ToggleCamera\",\n IModelApp.viewManager.selectedView\n );\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 (\n <Checkbox\n key={flagName}\n label={\n labelKey\n ? IModelApp.localization.getLocalizedString(labelKey)\n : / istanbul ignore next / this.stylizeName(flagName)\n }\n onClick={() => this._handleViewFlagClick(flagName)}\n defaultChecked={value}\n />\n );\n }\n\n private getFlagState(flagName: string) {\n return this.state.viewFlags.hasOwnProperty(flagName)\n ? / istanbul ignore next */ (this.state.viewFlags as any)[flagName]\n : false;\n }\n\n private getToggleCameraItem() {\n return (\n <Checkbox\n key={\"toggleCamera\"}\n label={IModelApp.localization.getLocalizedString(\n \"UiFramework:listTools.camera\"\n )}\n onClick={this._handleToggleCamera}\n defaultChecked={this.state.cameraOn}\n />\n );\n }\n\n private getViewFlags() {\n const items: React.ReactElement[] = [];\n items.push(\n this.getViewFlagItem(\n \"acs\",\n this.getFlagState(\"acs\"),\n \"UiFramework:listTools.acs\"\n )\n );\n items.push(this.getToggleCameraItem());\n items.push(\n this.getViewFlagItem(\n \"noConstruct\",\n !this.getFlagState(\"noConstruct\"),\n \"UiFramework:listTools.constructions\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"hidEdges\",\n this.getFlagState(\"hidEdges\"),\n \"UiFramework:listTools.hidEdges\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"monochrome\",\n this.getFlagState(\"monochrome\"),\n \"UiFramework:listTools.monochrome\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"visEdges\",\n this.getFlagState(\"visEdges\"),\n \"UiFramework:listTools.visEdges\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"ambientOcclusion\",\n this.getFlagState(\"ambientOcclusion\"),\n \"UiFramework:listTools.ambientOcclusion\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"shadows\",\n this.getFlagState(\"shadows\"),\n \"UiFramework:listTools.shadows\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"backgroundMap\",\n this.getFlagState(\"backgroundMap\"),\n \"UiFramework:listTools.backgroundMap\"\n )\n );\n return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n }\n\n public override render() {\n return (\n <StatusBarLabelIndicator\n iconSpec={<SvgWindowSettings />}\n title={this._title}\n popup={\n <StatusBarDialog\n titleBar={<StatusBarDialog.TitleBar title={this._title} />}\n >\n {this.getViewFlags()}\n </StatusBarDialog>\n }\n />\n );\n }\n}\n"]}

package/lib/cjs/appui-react/statusfields/tileloading/TileLoadingIndicator.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TileLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,~~CAAC~~,WAAW,~~EAAE~~,yBAAyB,~~CAAC~~;~~IACnG~~,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAEjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,~~CA0BnB~~;IAEF,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEc,iBAAiB;IAiBjB,oBAAoB;~~IAcpC~~,mCAAmC;IACnB,MAAM;CAavB"}
1	+ {"version":3,"file":"TileLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAC3D,WAAW,EACX,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAEjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAmCnB;IAEF,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEc,iBAAiB;IAiBjB,oBAAoB;IAWpC,mCAAmC;IACnB,MAAM;CAavB"}

package/lib/cjs/appui-react/statusfields/tileloading/TileLoadingIndicator.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -25,7 +25,7 @@ class TileLoadingIndicator extends React.PureComponent {
             const requested = vp.numRequestedTiles;
             const ready = vp.numReadyTiles;
             const total = ready + requested;
-            const pctComplete = (total > 0) ? (ready / total) * 100 : /* istanbul ignore next */ 100;
+            const pctComplete = total > 0 ? (ready / total) * 100 : /* istanbul ignore next */ 100;
             let enabled = this.state.enabled;
             let finished = this.state.finished;
             // istanbul ignore else
@@ -41,7 +41,12 @@ class TileLoadingIndicator extends React.PureComponent {
             // istanbul ignore else
             if (pctComplete !== 100 && finished)
                 finished = false;
-            this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });
+            this.setState({
+                label: `${ready} / ${total}`,
+                progress: pctComplete,
+                enabled,
+                finished,
+            });
         };
         this._update = (vp) => {
             // set progress animation before the next repaint.
@@ -66,7 +71,8 @@ class TileLoadingIndicator extends React.PureComponent {
             this._onViewOpen(vp);
         }
         else {
-            this._removeViewOpenListener = core_frontend_1.IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
+            this._removeViewOpenListener =
+                core_frontend_1.IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
         }
     }
     componentWillUnmount() {

package/lib/cjs/appui-react/statusfields/tileloading/TileLoadingIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":";AAAA~~;;;+FAG+F~~;~~AAC/F~~;;GAEG;;;AAEH,uCAAqC;AACrC,2CAAoC;AACpC,+BAA+B;AAC/B,sDAA6C;AAE7C,wDAAiD;AACjD,wDAAsD;AACtD,mDAAgD;AAahD;;GAEG;AACH,MAAa,oBAAqB,SAAQ,KAAK,CAAC,~~aAAqD~~;~~IAInG~~,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,kBAAa,GAAG,CAAC,EAAY,EAAE,EAAE;YACvC,MAAM,SAAS,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACvC,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC;YAC/B,MAAM,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC;YAChC,MAAM,WAAW,~~GAAG~~,~~CAAC,~~KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,~~CAAC,~~KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,GAAG,CAAC;~~YACzF~~,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACjC,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAEnC,uBAAuB;YACvB,IAAI,CAAC,OAAO,IAAI,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG;~~gBAChD~~,OAAO,GAAG,IAAI,CAAC;~~YAEjB~~,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG,CAAC;~~gBACjD~~,OAAO,GAAG,KAAK,CAAC;~~YAElB~~,IAAI,WAAW,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;gBACpC,QAAQ,GAAG,IAAI,CAAC;gBAChB,qBAAM,CAAC,QAAQ,~~CAAC~~,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,~~EAAE~~,wBAAwB,~~CAAC~~,CAAC;~~gBAC5E~~,qBAAM,CAAC,QAAQ,~~CAAC~~,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,~~EAAE~~,0DAA0D,KAAK,MAAM,KAAK,EAAE,~~CAAC~~,CAAC;~~aACjI~~;YAED,uBAAuB;YACvB,IAAI,WAAW,KAAK,GAAG,IAAI,QAAQ;~~gBACjC~~,QAAQ,GAAG,KAAK,CAAC;~~YAEnB~~,IAAI,CAAC,QAAQ,CAAC,~~EAAE,~~KAAK,EAAE,GAAG,KAAK,MAAM,KAAK,EAAE,~~EAAE,~~QAAQ,EAAE,WAAW,~~EAAE,~~OAAO,~~EAAE,~~QAAQ,~~EAAE,~~CAAC,CAAC;~~QAC5F~~,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,EAAY,EAAE,EAAE;YACjC,kDAAkD;YAClD,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,EAAkB,EAAE,EAAE;YAC3C,uBAAuB;YACvB,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/D,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvE,CAAC,CAAC;~~QAxCA~~,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,CAAC;~~IAyCe~~,iBAAiB;QAC/B,uBAAuB;QACvB,IAAI,CAAC,yBAAS,CAAC,WAAW;~~YACxB~~,OAAO;~~QAET~~,wBAAwB;QACxB,MAAM,EAAE,GAAG,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC;QAE9C,sGAAsG;QACtG,uBAAuB;QACvB,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;SACtB;aAAM;YACL,IAAI,CAAC,uBAAuB,~~GAAG,~~yBAAS,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;~~SAC/F~~;IACH,CAAC;IAEe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,CAAC,yBAAS,CAAC,WAAW;~~YACxB~~,OAAO;~~QAET~~,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;~~YAC9B~~,IAAI,CAAC,uBAAuB,EAAE,CAAC;~~QAEjC~~,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;~~YAC9B~~,IAAI,CAAC,uBAAuB,EAAE,CAAC;~~IACnC~~,CAAC;IAED,mCAAmC;IACnB,MAAM;QACpB,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,uBAAuB,EACvB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,+BAA+B,EACrD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC9C,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC/B,oBAAC,8BAAc,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAI,CAC1C,CACP,CAAC;IACJ,CAAC;CACF;~~AA7FD~~,~~oDA6FC~~","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 \"./TileLoadingIndicator.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** State for the [[TileLoadingIndicator]] component\n * @internal\n /\ninterface TileLoadingIndicatorState {\n label: string;\n progress: number;\n enabled: boolean;\n finished: boolean;\n}\n\n/* TileLoadingIndicator React component\n * @public\n /\nexport class TileLoadingIndicator extends React.PureComponent<CommonProps, TileLoadingIndicatorState> {\n private _removeViewOpenListener?: () => void;\n private _removeOnRenderListener?: () => void;\n\n constructor(props: CommonProps) {\n super(props);\n this.state = { label: \"\", progress: 0, enabled: false, finished: true };\n }\n\n private _refreshState = (vp: Viewport) => {\n const requested = vp.numRequestedTiles;\n const ready = vp.numReadyTiles;\n const total = ready + requested;\n const pctComplete ~~= (~~total > 0) ? (ready / total) 100 : /* istanbul ignore next / 100;\n let enabled = this.state.enabled;\n let finished = this.state.finished;\n\n // istanbul ignore else\n if (!enabled && total !== 0 && pctComplete !== 100)\n enabled = true;\n\n if (enabled && (total === 0 \|\| pctComplete === 100))\n enabled = false;\n\n if (pctComplete === 100 && !finished) {\n finished = true;\n Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);\n Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested): ${ready} / ${total}`);\n }\n\n // istanbul ignore else\n if (pctComplete !== 100 && finished)\n finished = false;\n\n this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });\n };\n\n private _update = (vp: Viewport) => {\n // set progress animation before the next repaint.\n setTimeout(() => this._refreshState(vp));\n };\n\n private _onViewOpen = (vp: ScreenViewport) => {\n // istanbul ignore next\n this._removeOnRenderListener && this._removeOnRenderListener();\n this._removeOnRenderListener = vp.onRender.addListener(this._update);\n };\n\n public override componentDidMount() {\n // istanbul ignore next\n if (!IModelApp.viewManager)\n return;\n\n // get selected viewport\n const vp = IModelApp.viewManager.selectedView;\n\n // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\n // istanbul ignore else\n if (vp) {\n this._onViewOpen(vp);\n } else {\n this._removeViewOpenListener = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n }\n }\n\n public override componentWillUnmount() {\n // istanbul ignore next\n if (!IModelApp.viewManager)\n return;\n\n // istanbul ignore next\n if (this._removeViewOpenListener)\n this._removeViewOpenListener();\n\n // istanbul ignore else\n if (this._removeOnRenderListener)\n this._removeOnRenderListener();\n }\n\n /* Renders TileLoadingIndicator */\n public override render() {\n const classes = classnames(\n \"uifw-tile-loading-bar\",\n this.state.enabled && \"uifw-tile-loading-bar-visible\",\n this.props.className,\n );\n return (\n <div className={classes} style={this.props.style}>\n <span>{this.state.label}</span>\n <ProgressLinear value={this.state.progress} />\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.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 \"./TileLoadingIndicator.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** State for the [[TileLoadingIndicator]] component\n * @internal\n /\ninterface TileLoadingIndicatorState {\n label: string;\n progress: number;\n enabled: boolean;\n finished: boolean;\n}\n\n/* TileLoadingIndicator React component\n * @public\n /\nexport class TileLoadingIndicator extends React.PureComponent<\n CommonProps,\n TileLoadingIndicatorState\n> {\n private _removeViewOpenListener?: () => void;\n private _removeOnRenderListener?: () => void;\n\n constructor(props: CommonProps) {\n super(props);\n this.state = { label: \"\", progress: 0, enabled: false, finished: true };\n }\n\n private _refreshState = (vp: Viewport) => {\n const requested = vp.numRequestedTiles;\n const ready = vp.numReadyTiles;\n const total = ready + requested;\n const pctComplete =\n total > 0 ? (ready / total) 100 : /* istanbul ignore next / 100;\n let enabled = this.state.enabled;\n let finished = this.state.finished;\n\n // istanbul ignore else\n if (!enabled && total !== 0 && pctComplete !== 100) enabled = true;\n\n if (enabled && (total === 0 \|\| pctComplete === 100)) enabled = false;\n\n if (pctComplete === 100 && !finished) {\n finished = true;\n Logger.logTrace(\n UiFramework.loggerCategory(this),\n `Tiles Finished Loading`\n );\n Logger.logTrace(\n UiFramework.loggerCategory(this),\n `Tiles Load Report (tiles finished / tiles requested): ${ready} / ${total}`\n );\n }\n\n // istanbul ignore else\n if (pctComplete !== 100 && finished) finished = false;\n\n this.setState({\n label: `${ready} / ${total}`,\n progress: pctComplete,\n enabled,\n finished,\n });\n };\n\n private _update = (vp: Viewport) => {\n // set progress animation before the next repaint.\n setTimeout(() => this._refreshState(vp));\n };\n\n private _onViewOpen = (vp: ScreenViewport) => {\n // istanbul ignore next\n this._removeOnRenderListener && this._removeOnRenderListener();\n this._removeOnRenderListener = vp.onRender.addListener(this._update);\n };\n\n public override componentDidMount() {\n // istanbul ignore next\n if (!IModelApp.viewManager) return;\n\n // get selected viewport\n const vp = IModelApp.viewManager.selectedView;\n\n // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\n // istanbul ignore else\n if (vp) {\n this._onViewOpen(vp);\n } else {\n this._removeViewOpenListener =\n IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n }\n }\n\n public override componentWillUnmount() {\n // istanbul ignore next\n if (!IModelApp.viewManager) return;\n\n // istanbul ignore next\n if (this._removeViewOpenListener) this._removeViewOpenListener();\n\n // istanbul ignore else\n if (this._removeOnRenderListener) this._removeOnRenderListener();\n }\n\n /* Renders TileLoadingIndicator */\n public override render() {\n const classes = classnames(\n \"uifw-tile-loading-bar\",\n this.state.enabled && \"uifw-tile-loading-bar-visible\",\n this.props.className\n );\n return (\n <div className={classes} style={this.props.style}>\n <span>{this.state.label}</span>\n <ProgressLinear value={this.state.progress} />\n </div>\n );\n }\n}\n"]}

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolAssistanceField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,~~EAAE~~,yBAAyB,~~EAAE~~,0BAA0B,~~EAC3C~~,MAAM,sBAAsB,CAAC;~~AAKrD~~,OAAO,KAAK,EACV,WAAW,~~EAAE~~,cAAc,~~EAAuB~~,MAAM,mBAAmB,CAAC;~~AAe9E~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAuBxE;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,8EAA8E;IAC9E,qBAAqB,EAAE,OAAO,CAAC;IAC/B;OACG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sDAAsD;IACtD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,8EAA8E;IAC9E,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,MAAM,+BAA+B,~~GACzC~~,IAAI,~~CAAC~~,wBAAwB,~~EAAE~~,uBAAuB,~~GAAG~~,gBAAgB,~~GAAG~~,qBAAqB,~~GAAG~~,qBAAqB,~~GAAG~~,uBAAuB,~~CAAC~~,CAAC;~~AAEvJ~~,gBAAgB;AAChB,UAAU,wBAAwB;IAChC,YAAY,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,wBAAwB,EAAE,OAAO,CAAC;IAClC,wBAAwB,EAAE,OAAO,CAAC;IAClC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,~~CAAC~~,wBAAwB,~~EAAE~~,wBAAwB,~~CAAC~~;~~IAC1G~~,gBAAgB;IAChB,OAAuB,WAAW,gCAAyB;IAC3D,gBAAgB;IACD,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAExE,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAoB;IACrD,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAwB;IAC7D,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAwB;IAC7D,OAAO,CAAC,0BAA0B,CAAwB;IAC1D,OAAO,CAAC,0BAA0B,CAAuB;IACzD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,kBAAkB,CAAiB;IAE3C,gBAAgB;IAChB,gBAAuB,YAAY,EAAE,+BAA+B,CAKlE;IAEF,gBAAgB;gBACJ,CAAC,EAAE,wBAAwB;~~IA2BvC~~,gBAAgB;IACM,iBAAiB;~~IAcvC~~,gBAAgB;IACA,oBAAoB;~~YAMtB~~,eAAe;~~IA2B7B~~,OAAO,CAAC,iCAAiC,~~CAsCvC~~;IAEF,OAAO,CAAC,kBAAkB,~~CAExB~~;IAEF,OAAO,CAAC,mBAAmB,~~CAA2G~~;~~IAEtI~~,OAAO,CAAC,mBAAmB,~~CAA2G~~;~~IAEtI~~,OAAO,CAAC,2BAA2B,~~CAUjC~~;IAEF,OAAO,CAAC,iBAAiB;~~IAKzB~~,OAAO,CAAC,kCAAkC;~~IAK1C~~,OAAO,CAAC,2BAA2B;~~IAWnC~~,OAAO,CAAC,oBAAoB,~~CAa1B~~;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;~~IA2IzC~~,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,uBAAuB,~~CAQ7B~~;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,~~CAQzB~~;IAEF,OAAO,CAAC,mCAAmC,CAEzC;IAEF,OAAO,CAAC,qBAAqB,~~CAI3B~~;IAEF,OAAO,CAAC,uBAAuB,CAE7B;IAEF,OAAO,CAAC,SAAS;IAUjB,gBAAgB;WACF,mBAAmB,~~CAAC~~,WAAW,EAAE,yBAAyB,~~GAAG~~,KAAK,CAAC,SAAS;~~IAsC1F~~,OAAO,CAAC,MAAM,CAAC,sBAAsB;~~IA6ErC~~,OAAO,CAAC,MAAM,CAAC,2BAA2B;~~IA0C1C~~,OAAO,CAAC,MAAM,CAAC,UAAU;~~CAO1B~~"}
1	+ {"version":3,"file":"ToolAssistanceField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAG3B,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EAEf,MAAM,mBAAmB,CAAC;AAuB3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAuBxE;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,8EAA8E;IAC9E,qBAAqB,EAAE,OAAO,CAAC;IAC/B;OACG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sDAAsD;IACtD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,8EAA8E;IAC9E,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,wBAAwB,EACtB,uBAAuB,GACvB,gBAAgB,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,uBAAuB,CAC1B,CAAC;AAEF,gBAAgB;AAChB,UAAU,wBAAwB;IAChC,YAAY,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,wBAAwB,EAAE,OAAO,CAAC;IAClC,wBAAwB,EAAE,OAAO,CAAC;IAClC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CACtD,wBAAwB,EACxB,wBAAwB,CACzB;IACC,gBAAgB;IAChB,OAAuB,WAAW,gCAAyB;IAC3D,gBAAgB;IACD,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAExE,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAoB;IACrD,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAwB;IAC7D,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAwB;IAC7D,OAAO,CAAC,0BAA0B,CAAwB;IAC1D,OAAO,CAAC,0BAA0B,CAAuB;IACzD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,kBAAkB,CAAiB;IAE3C,gBAAgB;IAChB,gBAAuB,YAAY,EAAE,+BAA+B,CAKlE;IAEF,gBAAgB;gBACJ,CAAC,EAAE,wBAAwB;IAoCvC,gBAAgB;IACM,iBAAiB;IAiBvC,gBAAgB;IACA,oBAAoB;YAUtB,eAAe;IAgC7B,OAAO,CAAC,iCAAiC,CAuDvC;IAEF,OAAO,CAAC,kBAAkB,CAKxB;IAEF,OAAO,CAAC,mBAAmB,CACmC;IAE9D,OAAO,CAAC,mBAAmB,CACmC;IAE9D,OAAO,CAAC,2BAA2B,CAQjC;IAEF,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,kCAAkC;IAO1C,OAAO,CAAC,2BAA2B;IAiBnC,OAAO,CAAC,oBAAoB,CAkB1B;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAmKzC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,uBAAuB,CAe7B;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,CAUzB;IAEF,OAAO,CAAC,mCAAmC,CAEzC;IAEF,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,uBAAuB,CAE7B;IAEF,OAAO,CAAC,SAAS;IAUjB,gBAAgB;WACF,mBAAmB,CAC/B,WAAW,EAAE,yBAAyB,GACrC,KAAK,CAAC,SAAS;IAuElB,OAAO,CAAC,MAAM,CAAC,sBAAsB;IA6FrC,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAyD1C,OAAO,CAAC,MAAM,CAAC,UAAU;CAc1B"}

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Notification
  */
@@ -60,7 +60,10 @@ class ToolAssistanceField extends React.Component {
                 const hasTouchInstructions = args.instructions.sections.some((section) => {
                     return section.instructions.some((instruction) => this._isTouchInstruction(instruction));
                 });
-                if (this.state.includeMouseInstructions && this.state.includeTouchInstructions && hasMouseInstructions && hasTouchInstructions) {
+                if (this.state.includeMouseInstructions &&
+                    this.state.includeTouchInstructions &&
+                    hasMouseInstructions &&
+                    hasTouchInstructions) {
                     showMouseTouchTabs = true;
                     showMouseInstructions = this.state.mouseTouchTabIndex === 0;
                     showTouchInstructions = this.state.mouseTouchTabIndex === 1;
@@ -84,7 +87,8 @@ class ToolAssistanceField extends React.Component {
                 });
         };
         this._isBothInstruction = (instruction) => {
-            return instruction.inputMethod === undefined || instruction.inputMethod === core_frontend_1.ToolAssistanceInputMethod.Both;
+            return (instruction.inputMethod === undefined ||
+                instruction.inputMethod === core_frontend_1.ToolAssistanceInputMethod.Both);
         };
         this._isMouseInstruction = (instruction) => instruction.inputMethod === core_frontend_1.ToolAssistanceInputMethod.Mouse;
         this._isTouchInstruction = (instruction) => instruction.inputMethod === core_frontend_1.ToolAssistanceInputMethod.Touch;
@@ -186,12 +190,10 @@ class ToolAssistanceField extends React.Component {
             getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(this._uiSettingsStorage);
         }
         const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(this._uiSettingsStorage);
-        const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([
-            getShowPromptAtCursor,
-            getMouseTouchTabIndex,
-        ]);
+        const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([getShowPromptAtCursor, getMouseTouchTabIndex]);
         // istanbul ignore else
-        if (showPromptAtCursorResult !== undefined && showPromptAtCursorResult.status === core_react_1.UiStateStorageStatus.Success) {
+        if (showPromptAtCursorResult !== undefined &&
+            showPromptAtCursorResult.status === core_react_1.UiStateStorageStatus.Success) {
             // istanbul ignore else
             if (this._isMounted)
                 this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });
@@ -213,16 +215,20 @@ class ToolAssistanceField extends React.Component {
     }
     _getDisplayableInstructions(section) {
         const displayableInstructions = section.instructions.filter((instruction) => {
-            return (this._isBothInstruction(instruction)
-                || (this.state.showMouseInstructions && this._isMouseInstruction(instruction))
-                || (this.state.showTouchInstructions && this._isTouchInstruction(instruction)));
+            return (this._isBothInstruction(instruction) ||
+                (this.state.showMouseInstructions &&
+                    this._isMouseInstruction(instruction)) ||
+                (this.state.showTouchInstructions &&
+                    this._isTouchInstruction(instruction)));
         });
         return displayableInstructions;
     }
     /** @internal */
     render() {
         const { instructions } = this.state;
-        const dialogTitle = (core_frontend_1.IModelApp.toolAdmin.activeTool) ? /* istanbul ignore next */ core_frontend_1.IModelApp.toolAdmin.activeTool.flyover : UiFramework_1.UiFramework.translate("toolAssistance.title");
+        const dialogTitle = core_frontend_1.IModelApp.toolAdmin.activeTool
+            ? /* istanbul ignore next */ core_frontend_1.IModelApp.toolAdmin.activeTool.flyover
+            : UiFramework_1.UiFramework.translate("toolAssistance.title");
         const mouseLabel = UiFramework_1.UiFramework.translate("toolAssistance.mouse");
         const touchLabel = UiFramework_1.UiFramework.translate("toolAssistance.touch");
         let prompt = "";
@@ -237,22 +243,21 @@ class ToolAssistanceField extends React.Component {
                 displayableSections = instructions.sections.filter((section) => this._sectionHasDisplayableInstructions(section));
             }
             dialogContent = (React.createElement("div", null,
-                this.state.showMouseTouchTabs &&
-                    React.createElement(itwinui_react_1.Tabs, { orientation: "horizontal", tabsClassName: "uifw-toolAssistance-tabs", labels: [mouseLabel, touchLabel], activeIndex: this.state.mouseTouchTabIndex, onTabSelected: this._handleMouseTouchTab }),
+                this.state.showMouseTouchTabs && (React.createElement(itwinui_react_1.Tabs, { orientation: "horizontal", tabsClassName: "uifw-toolAssistance-tabs", labels: [mouseLabel, touchLabel], activeIndex: this.state.mouseTouchTabIndex, onTabSelected: this._handleMouseTouchTab })),
                 React.createElement("div", { className: "uifw-toolAssistance-content" },
                     React.createElement(appui_layout_react_1.ToolAssistanceInstruction, { key: "main", image: ToolAssistanceField.getInstructionImage(instructions.mainInstruction), text: instructions.mainInstruction.text, isNew: instructions.mainInstruction.isNew }),
-                    displayableSections && displayableSections.map((section, index1) => {
-                        return (React.createElement(React.Fragment, { key: index1.toString() },
-                            React.createElement(appui_layout_react_1.ToolAssistanceSeparator, { key: index1.toString() }, section.label),
-                            this._getDisplayableInstructions(section).map((instruction, index2) => {
-                                return (React.createElement(appui_layout_react_1.ToolAssistanceInstruction, { key: `${index1.toString()}-${index2.toString()}`, image: ToolAssistanceField.getInstructionImage(instruction), text: instruction.text, isNew: instruction.isNew }));
-                            })));
-                    }),
-                    this.props.includePromptAtCursor &&
-                        React.createElement(React.Fragment, null,
-                            React.createElement(appui_layout_react_1.ToolAssistanceSeparator, { key: "prompt-sep" }),
-                            React.createElement(appui_layout_react_1.ToolAssistanceItem, { key: "prompt-item" },
-                                React.createElement(itwinui_react_1.ToggleSwitch, { label: UiFramework_1.UiFramework.translate("toolAssistance.promptAtCursor"), labelPosition: "right", checked: this.state.showPromptAtCursor, onChange: this._onPromptAtCursorChange }))))));
+                    displayableSections &&
+                        displayableSections.map((section, index1) => {
+                            return (React.createElement(React.Fragment, { key: index1.toString() },
+                                React.createElement(appui_layout_react_1.ToolAssistanceSeparator, { key: index1.toString() }, section.label),
+                                this._getDisplayableInstructions(section).map((instruction, index2) => {
+                                    return (React.createElement(appui_layout_react_1.ToolAssistanceInstruction, { key: `${index1.toString()}-${index2.toString()}`, image: ToolAssistanceField.getInstructionImage(instruction), text: instruction.text, isNew: instruction.isNew }));
+                                })));
+                        }),
+                    this.props.includePromptAtCursor && (React.createElement(React.Fragment, null,
+                        React.createElement(appui_layout_react_1.ToolAssistanceSeparator, { key: "prompt-sep" }),
+                        React.createElement(appui_layout_react_1.ToolAssistanceItem, { key: "prompt-item" },
+                            React.createElement(itwinui_react_1.ToggleSwitch, { label: UiFramework_1.UiFramework.translate("toolAssistance.promptAtCursor"), labelPosition: "right", checked: this.state.showPromptAtCursor, onChange: this._onPromptAtCursorChange })))))));
         }
         if (prompt)
             tooltip = prompt;
@@ -269,12 +274,10 @@ class ToolAssistanceField extends React.Component {
                 React.createElement(appui_layout_react_1.ToolAssistance, { icons: React.createElement(React.Fragment, null, toolIcon), indicatorRef: this._indicator, className: (0, classnames_1.default)("uifw-statusFields-toolassistance", this.props.className), style: this.props.style, onClick: this._handleToolAssistanceIndicatorClick, title: tooltip }, prompt)),
             React.createElement(appui_layout_react_1.FooterPopup, { isOpen: this.state.isOpen, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this._target, isPinned: this.state.isPinned },
                 React.createElement(appui_layout_react_1.ToolAssistanceDialog, { buttons: React.createElement(React.Fragment, null,
-                        !this.state.isPinned &&
-                            React.createElement(Dialog_1.StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework_1.UiFramework.translate("toolAssistance.pin") },
-                                React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgPin, null) })),
-                        this.state.isPinned &&
-                            React.createElement(Dialog_1.StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: core_react_1.UiCore.translate("dialog.close") },
-                                React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) }))), title: dialogTitle }, dialogContent))));
+                        !this.state.isPinned && (React.createElement(Dialog_1.StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework_1.UiFramework.translate("toolAssistance.pin") },
+                            React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgPin, null) }))),
+                        this.state.isPinned && (React.createElement(Dialog_1.StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: core_react_1.UiCore.translate("dialog.close") },
+                            React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) })))), title: dialogTitle }, dialogContent))));
     }
     setIsOpen(isOpen) {
         let newState = {
@@ -288,13 +291,14 @@ class ToolAssistanceField extends React.Component {
     /** @internal */
     static getInstructionImage(instruction) {
         let image;
-        if ((typeof instruction.image === "string" || instruction.image !== core_frontend_1.ToolAssistanceImage.Keyboard) && instruction.keyboardInfo) {
-            if (instruction.keyboardInfo.keys.length === 1 && !instruction.keyboardInfo.bottomKeys) {
+        if ((typeof instruction.image === "string" ||
+            instruction.image !== core_frontend_1.ToolAssistanceImage.Keyboard) &&
+            instruction.keyboardInfo) {
+            if (instruction.keyboardInfo.keys.length === 1 &&
+                !instruction.keyboardInfo.bottomKeys) {
                 const key = instruction.keyboardInfo.keys[0];
-                const rightImage = (typeof instruction.image === "string") ?
-                    React.createElement("div", { className: "uifw-toolassistance-icon-medium" },
-                        React.createElement(core_react_1.Icon, { iconSpec: instruction.image })) :
-                    this.getInstructionSvgImage(instruction, true);
+                const rightImage = typeof instruction.image === "string" ? (React.createElement("div", { className: "uifw-toolassistance-icon-medium" },
+                    React.createElement(core_react_1.Icon, { iconSpec: instruction.image }))) : (this.getInstructionSvgImage(instruction, true));
                 image = (React.createElement(core_react_1.FillCentered, null,
                     ToolAssistanceField.getKeyNode(key, 0, "uifw-toolassistance-key-modifier"),
                     rightImage));
@@ -306,9 +310,11 @@ class ToolAssistanceField extends React.Component {
         else if (typeof instruction.image === "string") {
             if (instruction.image.length > 0) {
                 const svgSource = appui_abstract_1.IconSpecUtilities.getWebComponentSource(instruction.image);
-                const className = (svgSource !== undefined) ? "uifw-toolassistance-svg" : "uifw-toolassistance-icon-large";
-                image = React.createElement("div", { className: className },
-                    React.createElement(core_react_1.Icon, { iconSpec: svgSource !== null && svgSource !== void 0 ? svgSource : instruction.image }));
+                const className = svgSource !== undefined
+                    ? "uifw-toolassistance-svg"
+                    : "uifw-toolassistance-icon-large";
+                image = (React.createElement("div", { className: className },
+                    React.createElement(core_react_1.Icon, { iconSpec: svgSource !== null && svgSource !== void 0 ? svgSource : instruction.image })));
             }
         }
         else if (instruction.image === core_frontend_1.ToolAssistanceImage.Keyboard) {
@@ -326,9 +332,12 @@ class ToolAssistanceField extends React.Component {
     }
     static getInstructionSvgImage(instruction, mediumSize) {
         let image;
-        let className = mediumSize ? "uifw-toolassistance-svg-medium" : "uifw-toolassistance-svg";
+        let className = mediumSize
+            ? "uifw-toolassistance-svg-medium"
+            : "uifw-toolassistance-svg";
         // istanbul ignore else
-        if (typeof instruction.image !== "string" && instruction.image !== core_frontend_1.ToolAssistanceImage.Keyboard) {
+        if (typeof instruction.image !== "string" &&
+            instruction.image !== core_frontend_1.ToolAssistanceImage.Keyboard) {
             const toolAssistanceImage = instruction.image;
             let svgImage = "";
             switch (toolAssistanceImage) {
@@ -349,15 +358,21 @@ class ToolAssistanceField extends React.Component {
                     break;
                 case core_frontend_1.ToolAssistanceImage.LeftClickDrag:
                     svgImage = mouse_click_left_drag_svg_1.default;
-                    className = mediumSize ? "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
                 case core_frontend_1.ToolAssistanceImage.RightClickDrag:
                     svgImage = mouse_click_right_drag_svg_1.default;
-                    className = mediumSize ? "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
                 case core_frontend_1.ToolAssistanceImage.MouseWheelClickDrag:
                     svgImage = mouse_click_wheel_drag_svg_1.default;
-                    className = mediumSize ? "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
                 case core_frontend_1.ToolAssistanceImage.OneTouchTap:
                     svgImage = gesture_one_finger_tap_svg_1.default;
@@ -382,13 +397,15 @@ class ToolAssistanceField extends React.Component {
                     break;
                 case core_frontend_1.ToolAssistanceImage.TouchCursorDrag:
                     svgImage = touch_cursor_pan_svg_1.default;
-                    className = mediumSize ? /* istanbul ignore next */ "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? /* istanbul ignore next */ "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
             }
             const iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(svgImage);
-            image = (React.createElement("div", { className: className }, svgImage &&
-                // istanbul ignore next
-                React.createElement(core_react_1.Icon, { iconSpec: iconSpec })));
+            image = (React.createElement("div", { className: className }, svgImage && (
+            // istanbul ignore next
+            React.createElement(core_react_1.Icon, { iconSpec: iconSpec }))));
         }
         return image;
     }