npm - @itwin/appui-react - Versions diffs - 4.15.5 → 4.16.0 - Mend

@itwin/appui-react 4.15.5 → 4.16.0

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 (1348) hide show

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBarWidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;~~AAEzD;;GAEG~~;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C~~;;GAEG~~;AACH,8BAAsB,sBAAuB,SAAQ,aAAa;gBACpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,wEAAwE;aACxD,YAAY,IAAI,KAAK,CAAC,SAAS;IAE/C,sFAAsF;IACtE,OAAO,IAAI,yBAAyB;CAGrD"}
1	+ {"version":3,"file":"StatusBarWidgetControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAIzD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7C;;;GAGG;AACH,8BAAsB,sBAAuB,SAAQ,aAAa;gBACpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,wEAAwE;aACxD,YAAY,IAAI,KAAK,CAAC,SAAS;IAE/C,sFAAsF;IACtE,OAAO,IAAI,yBAAyB;CAGrD"}

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.js CHANGED Viewed

@@ -12,6 +12,7 @@ const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl
 const WidgetControl_1 = require("../widgets/WidgetControl");
 /** Status Bar Widget Control.
  * @public
+ * @deprecated in 4.16.0. Extends a deprecated class {@link WidgetControl}.
  */
 class StatusBarWidgetControl extends WidgetControl_1.WidgetControl {
     constructor(info, options) {

package/lib/cjs/appui-react/statusbar/StatusBarWidgetControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusBarWidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,mFAAoF;AACpF,4DAAyD;~~AAOzD;;GAEG~~;AACH,MAAsB,sBAAuB,SAAQ,6BAAa;IAChE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAKD,sFAAsF;IACtE,OAAO;QACrB,OAAO,iDAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;CACF;AAZD,wDAYC","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 type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { WidgetControl } from \"../widgets/WidgetControl\";\n\n/* Status Bar Field type.\n * @public\n /\nexport type StatusBarFieldId = string \| null;\n\n/* Status Bar Widget Control.\n * @public\n /\nexport abstract class StatusBarWidgetControl extends WidgetControl {\n constructor(info: ConfigurableCreateInfo, options: any) {\n super(info, options);\n }\n\n /* Gets the React node associated with this StatusBar Widget Control /\n public abstract getReactNode(): React.ReactNode;\n\n /* Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */\n public override getType(): ConfigurableUiControlType {\n return ConfigurableUiControlType.StatusBarWidget;\n }\n}\n"]}
1	+ {"version":3,"file":"StatusBarWidgetControl.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarWidgetControl.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,mFAAoF;AACpF,4DAAyD;AAUzD;;;GAGG;AACH,MAAsB,sBAAuB,SAAQ,6BAAa;IAChE,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAKD,sFAAsF;IACtE,OAAO;QACrB,OAAO,iDAAyB,CAAC,eAAe,CAAC;IACnD,CAAC;CACF;AAZD,wDAYC","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 type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { WidgetControl } from \"../widgets/WidgetControl\";\n\n/ eslint-disable deprecation/deprecation /\n\n/* Status Bar Field type.\n * @public\n * @deprecated in 4.16.0. Type is not used in AppUI.\n /\nexport type StatusBarFieldId = string \| null;\n\n/* Status Bar Widget Control.\n * @public\n * @deprecated in 4.16.0. Extends a deprecated class {@link WidgetControl}.\n /\nexport abstract class StatusBarWidgetControl extends WidgetControl {\n constructor(info: ConfigurableCreateInfo, options: any) {\n super(info, options);\n }\n\n /* Gets the React node associated with this StatusBar Widget Control /\n public abstract getReactNode(): React.ReactNode;\n\n /* Gets the type of ConfigurableUiControl, which is 'StatusBarWidget' in this case */\n public override getType(): ConfigurableUiControlType {\n return ConfigurableUiControlType.StatusBarWidget;\n }\n}\n"]}

package/lib/cjs/appui-react/statusbar/dialog/Button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AAEH,MAAM,WAAW,kCAAmC,SAAQ,WAAW;IACrE,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,~~qBAG1C~~"}
1	+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AAEH,MAAM,WAAW,kCAAmC,SAAQ,WAAW;IACrE,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,qBAW1C"}

package/lib/cjs/appui-react/statusbar/dialog/Button.js CHANGED Viewed

@@ -14,7 +14,8 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
  * @beta
  */
 function StatusBarDialogTitleBarButton(props) {
-    return React.createElement(itwinui_react_1.IconButton, { ...props, styleType: "borderless", size: "small" });
+    const { title, ...otherProps } = props;
+    return (React.createElement(itwinui_react_1.IconButton, { ...otherProps, styleType: "borderless", size: "small", label: title }));
 }
 exports.StatusBarDialogTitleBarButton = StatusBarDialogTitleBarButton;
 //# sourceMappingURL=Button.js.map

package/lib/cjs/appui-react/statusbar/dialog/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+BAA+B;AAC/B,wDAAkD;AAelD;;GAEG;AACH,SAAgB,6BAA6B,CAC3C,KAAyC;IAEzC,OAAO,oBAAC,0BAAU,~~OAAK~~,~~KAAK~~,~~EAAE~~,SAAS,EAAC,YAAY,~~EAAC~~,IAAI,EAAC,OAAO,~~GAAG~~,CAAC;~~AACvE~~,CAAC;~~AAJD~~,~~sEAIC~~","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 type { CommonProps } from \"@itwin/core-react\";\nimport as React from \"react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\n\n/** Properties of [[StatusBarDialogTitleBarButton]] component.\n * @beta\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface StatusBarDialogTitleBarButtonProps extends CommonProps {\n /* Button content. /\n children?: React.ReactNode;\n /* Function called when button is clicked. /\n onClick?: () => void;\n /* Button title. /\n title?: string;\n}\n\n/* Dialog component used in a [[StatusBarDialog]] component.\n * @beta\n */\nexport function StatusBarDialogTitleBarButton(\n props: StatusBarDialogTitleBarButtonProps\n) {\n return <IconButton {...~~props~~} styleType=\"borderless\" size=\"small\" ~~/>;\~~n}\n"]}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+BAA+B;AAC/B,wDAAkD;AAelD;;GAEG;AACH,SAAgB,6BAA6B,CAC3C,KAAyC;IAEzC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACvC,OAAO,CACL,oBAAC,0BAAU,OACL,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAZD,sEAYC","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 type { CommonProps } from \"@itwin/core-react\";\nimport as React from \"react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\n\n/** Properties of [[StatusBarDialogTitleBarButton]] component.\n * @beta\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface StatusBarDialogTitleBarButtonProps extends CommonProps {\n /* Button content. /\n children?: React.ReactNode;\n /* Function called when button is clicked. /\n onClick?: () => void;\n /* Button title. /\n title?: string;\n}\n\n/* Dialog component used in a [[StatusBarDialog]] component.\n * @beta\n */\nexport function StatusBarDialogTitleBarButton(\n props: StatusBarDialogTitleBarButtonProps\n) {\n const { title, ...otherProps } = props;\n return (\n <IconButton\n {...otherProps}\n styleType=\"borderless\"\n size=\"small\"\n label={title}\n />\n );\n}\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionsField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"names":[],"mappings":"AAIA;;GAEG;~~AAUH~~,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,sBAAsB,CAAC;AAI9B;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,~~qBA4FlE~~"}
1	+ {"version":3,"file":"SectionsField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AASH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,sBAAsB,CAAC;AAI9B;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAqFlE"}

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

@@ -30,21 +30,16 @@ function SectionsStatusField(props) {
     const [isPopupOpen, setPopupOpen] = React.useState(false);
     const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);
     React.useEffect(() => {
-        const onClipChanged = (viewport, _eventType, _provider) => {
+        const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();
+        setShowIndicator(clipActive || !props.hideWhenUnused);
+        setHasManipulatorsShown(clipActive && !!activeViewport && !!core_frontend_1.ViewClipDecoration.get(activeViewport));
+        return core_frontend_1.ViewClipDecorationProvider.create().onActiveClipChanged.addListener((viewport) => {
             if (viewport !== activeViewport)
                 return;
             setHasManipulatorsShown(!!core_frontend_1.ViewClipDecoration.get(activeViewport));
             const isClipActive = !!activeViewport.view.getViewClip();
             setShowIndicator(isClipActive || !props.hideWhenUnused);
-        };
-        const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();
-        setShowIndicator(clipActive || !props.hideWhenUnused);
-        setHasManipulatorsShown(clipActive && !!activeViewport && !!core_frontend_1.ViewClipDecoration.get(activeViewport));
-        core_frontend_1.ViewClipDecorationProvider.create().onActiveClipChanged.addListener(onClipChanged);
-        return () => {
-            // Get or create static ViewClipDecorationProvider
-            core_frontend_1.ViewClipDecorationProvider.create().onActiveClipChanged.removeListener(onClipChanged);
-        };
+        });
     }, [activeViewport, props.hideWhenUnused, isPopupOpen]);
     const toggleManipulators = async (e) => {
         if (activeViewport) {
@@ -62,7 +57,7 @@ function SectionsStatusField(props) {
                 React.createElement("div", { className: "uifw-uifw-sections-toggle-container" },
                     React.createElement("div", { className: (0, classnames_1.default)("uifw-sections-label") }, translate("tools.sectionShowHandles")),
                     React.createElement(itwinui_react_1.ToggleSwitch, { className: "uifw-sections-toggle", onChange: toggleManipulators, checked: hasManipulatorsShown })))) },
-        React.createElement(itwinui_react_1.IconButton, { title: tooltip, styleType: "borderless" },
+        React.createElement(itwinui_react_1.IconButton, { label: tooltip, styleType: "borderless", "data-testid": "sections-status-field-button" },
             React.createElement(core_react_1.Icon, { iconSpec: section_tool_svg_1.default }),
             React.createElement(StatusBarPopover_1.StatusBarPopover.ExpandIndicator, null))))));
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionsField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,oFAA2E;~~AAE3E~~,wDAK8B;AAE9B,kDAAyC;AACzC,wDAAwE;AACxE,2CAAoC;AACpC,+BAA+B;AAC/B,kEAA+D;AAC/D,uDAA6D;AAC7D,gCAA8B;AAC9B,4DAAyD;AACzD,0EAAuE;AAUvE;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAAG,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAC3C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,~~aAAa~~,GAAG,~~CACpB,QAAkB,EAClB,UAAyB,EACzB,SAAqC,EACrC,EAAE;YACF,IAAI,QAAQ,KAAK,cAAc;gBAAE,OAAO;YAExC,uBAAuB,~~CAAC,CAAC,~~CAAC,kCAAkB,CAAC,GAAG,CAAC,~~cAAc,~~CAAC~~,CAAC,CAAC~~;YAClE~~,~~MAAM,YAAY,GAAG,CAAC,CAAC,~~cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;~~YACzD~~,gBAAgB,CAAC,~~YAAY~~,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;~~QAC1D~~,~~CAAC~~,~~CAAC;QAEF~~,~~MAAM,~~UAAU,~~GAAG~~,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,~~cAAc~~,CAAC,~~IAAI~~,CAAC,~~WAAW~~,~~EAAE~~,CAAC;~~QAC3E~~,~~gBAAgB~~,CAAC,~~UAAU~~,~~IAAI~~,CAAC,~~KAAK~~,CAAC,~~cAAc~~,~~CAAC~~,CAAC~~;QACtD~~,~~uBAAuB~~,~~CACrB~~,~~UAAU~~,IAAI,~~CAAC~~,~~CAAC~~,cAAc,~~IAAI~~,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,cAAc,CAAC,~~CAC3E~~,CAAC;~~QAEF~~,~~0CAA0B~~,~~CAAC~~,~~MAAM~~,~~EAAE~~,CAAC,~~mBAAmB~~,CAAC,~~WAAW~~,~~CACjE,aAAa,CACd,~~CAAC~~;QACF~~,~~OAAO~~,~~GAAG,~~EAAE~~;YACV~~,~~kDAAkD~~;~~YAClD~~,~~0CAA0B~~,CAAC,~~MAAM~~,~~EAAE~~,CAAC,~~mBAAmB~~,CAAC,cAAc,~~CACpE~~,~~aAAa,CACd,~~CAAC;~~QACJ~~,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAExD,MAAM,kBAAkB,GAAG,KAAK,EAAE,CAAsC,EAAE,EAAE;QAC1E,IAAI,cAAc,EAAE,CAAC;YACnB,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC1C,MAAM,0CAA0B,CAAC,MAAM,EAAE,CAAC,gBAAgB,CACxD,cAAc,CACf,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,MAAM,yBAAS,CAAC,KAAK,CAAC,GAAG,CACvB,iCAAiB,CAAC,MAAM,EACxB,0CAA0B,CAAC,MAAM,EAAE,CACpC,CAAC;QACF,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,0CACG,aAAa,IAAI,CAChB,oBAAC,mCAAgB,IACf,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,YAAY,EAC7B,OAAO,EACL,oBAAC,wBAAe,IACd,QAAQ,EAAE,oBAAC,wBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,GAAI;YAEtD,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,oBAAC,sBAAM,IAAC,OAAO,EAAE,WAAW,IACzB,SAAS,CAAC,oBAAoB,CAAC,CACzB;gBACT,6BAAK,SAAS,EAAC,qCAAqC;oBAClD,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,CAAC,IAC9C,SAAS,CAAC,0BAA0B,CAAC,CAClC;oBACN,oBAAC,4BAAY,IACX,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,oBAAoB,GAC7B,CACE,CACF,CACU;QAGpB,oBAAC,0BAAU,~~IAAC~~,KAAK,EAAE,OAAO,~~EAAE~~,SAAS,EAAC,YAAY;~~YAChD~~,oBAAC,iBAAI,IAAC,QAAQ,EAAE,0BAAc,GAAI;YAClC,oBAAC,mCAAgB,CAAC,eAAe,OAAG,CACzB,CACI,CACpB,CACA,CACJ,CAAC;AACJ,CAAC;~~AA5FD~~,~~kDA4FC~~","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 svgSectionTool from \"@bentley/icons-generic/icons/section-tool.svg\";\nimport ~~type~~ { ~~ClipEventType, Viewport } from~~ \~~"@itwin/core-frontend\";\nimport {\~~n IModelApp,\n ViewClipClearTool,\n ViewClipDecoration,\n ViewClipDecorationProvider,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { Button, IconButton, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport \"./SectionsField.scss\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\n\n/** Sections Status Field Props\n * @beta\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface SectionsStatusFieldProps extends CommonProps {\n hideWhenUnused?: boolean;\n}\n\n/* Status Field for showing section extra tools for clearing and showing manipulators\n * @beta\n */\nexport function SectionsStatusField(props: SectionsStatusFieldProps) {\n const { translate } = useTranslation();\n const tooltip = translate(\"tools.sectionTools\");\n\n const activeViewport = useActiveViewport();\n const [showIndicator, setShowIndicator] = React.useState(false);\n const [isPopupOpen, setPopupOpen] = React.useState(false);\n const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);\n\n React.useEffect(() => {\n const onClipChanged = (\n viewport: Viewport,\n _eventType: ClipEventType,\n _provider: ViewClipDecorationProvider\n ) => {\n if (viewport !== activeViewport) return;\n\n setHasManipulatorsShown(!!ViewClipDecoration.get(activeViewport));\n const isClipActive = !!activeViewport.view.getViewClip();\n setShowIndicator(isClipActive \|\| !props.hideWhenUnused);\n };\n\n const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();\n setShowIndicator(clipActive \|\| !props.hideWhenUnused);\n setHasManipulatorsShown(\n clipActive && !!activeViewport && !!ViewClipDecoration.get(activeViewport)\n );\n\n ViewClipDecorationProvider.create().onActiveClipChanged.addListener(\n ~~onClipChanged\n );\n return~~ () => {\n // ~~Get~~ or ~~create~~ ~~static ViewClipDecorationProvider~~\n ~~ViewClipDecorationProvider~~.~~create~~().~~onActiveClipChanged~~.~~removeListener~~(\n ~~onClipChanged\n~~ );\n };\n }, [activeViewport, props.hideWhenUnused, isPopupOpen]);\n\n const toggleManipulators = async (e: React.ChangeEvent<HTMLInputElement>) => {\n if (activeViewport) {\n setHasManipulatorsShown(e.target.checked);\n await ViewClipDecorationProvider.create().toggleDecoration(\n activeViewport\n );\n }\n };\n\n const handleClear = async () => {\n await IModelApp.tools.run(\n ViewClipClearTool.toolId,\n ViewClipDecorationProvider.create()\n );\n setPopupOpen(false);\n };\n\n return (\n <>\n {showIndicator && (\n <StatusBarPopover\n visible={isPopupOpen}\n onVisibleChange={setPopupOpen}\n content={\n <StatusBarDialog\n titleBar={<StatusBarDialog.TitleBar title={tooltip} />}\n >\n <div className=\"uifw-sections-footer-contents\">\n <Button onClick={handleClear}>\n {translate(\"tools.sectionClear\")}\n </Button>\n <div className=\"uifw-uifw-sections-toggle-container\">\n <div className={classnames(\"uifw-sections-label\")}>\n {translate(\"tools.sectionShowHandles\")}\n </div>\n <ToggleSwitch\n className=\"uifw-sections-toggle\"\n onChange={toggleManipulators}\n checked={hasManipulatorsShown}\n />\n </div>\n </div>\n </StatusBarDialog>\n }\n >\n <IconButton ~~title~~={tooltip} styleType=\"borderless\">\n <Icon iconSpec={svgSectionTool} />\n <StatusBarPopover.ExpandIndicator />\n </IconButton>\n </StatusBarPopover>\n )}\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"SectionsField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.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 svgSectionTool from \"@bentley/icons-generic/icons/section-tool.svg\";\nimport {\n IModelApp,\n ViewClipClearTool,\n ViewClipDecoration,\n ViewClipDecorationProvider,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { Button, IconButton, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport \"./SectionsField.scss\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\n\n/** Sections Status Field Props\n * @beta\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface SectionsStatusFieldProps extends CommonProps {\n hideWhenUnused?: boolean;\n}\n\n/* Status Field for showing section extra tools for clearing and showing manipulators\n * @beta\n /\nexport function SectionsStatusField(props: SectionsStatusFieldProps) {\n const { translate } = useTranslation();\n const tooltip = translate(\"tools.sectionTools\");\n\n const activeViewport = useActiveViewport();\n const [showIndicator, setShowIndicator] = React.useState(false);\n const [isPopupOpen, setPopupOpen] = React.useState(false);\n const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);\n\n React.useEffect(() => {\n const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();\n setShowIndicator(clipActive \|\| !props.hideWhenUnused);\n setHasManipulatorsShown(\n clipActive && !!activeViewport && !!ViewClipDecoration.get(activeViewport)\n );\n\n return ViewClipDecorationProvider.create().onActiveClipChanged.addListener(\n (viewport) => {\n if (viewport !== activeViewport) return;\n\n setHasManipulatorsShown(!!ViewClipDecoration.get(activeViewport));\n const isClipActive = !!activeViewport.view.getViewClip();\n setShowIndicator(isClipActive \|\| !props.hideWhenUnused);\n }\n );\n }, [activeViewport, props.hideWhenUnused, isPopupOpen]);\n\n const toggleManipulators = async (e: React.ChangeEvent<HTMLInputElement>) => {\n if (activeViewport) {\n setHasManipulatorsShown(e.target.checked);\n await ViewClipDecorationProvider.create().toggleDecoration(\n activeViewport\n );\n }\n };\n\n const handleClear = async () => {\n await IModelApp.tools.run(\n ViewClipClearTool.toolId,\n ViewClipDecorationProvider.create()\n );\n setPopupOpen(false);\n };\n\n return (\n <>\n {showIndicator && (\n <StatusBarPopover\n visible={isPopupOpen}\n onVisibleChange={setPopupOpen}\n content={\n <StatusBarDialog\n titleBar={<StatusBarDialog.TitleBar title={tooltip} />}\n >\n <div className=\"uifw-sections-footer-contents\">\n <Button onClick={handleClear}>\n {translate(\"tools.sectionClear\")}\n </Button>\n <div className=\"uifw-uifw-sections-toggle-container\">\n <div className={classnames(\"uifw-sections-label\")}>\n {translate(\"tools.sectionShowHandles\")}\n </div>\n <ToggleSwitch\n className=\"uifw-sections-toggle\"\n onChange={toggleManipulators}\n checked={hasManipulatorsShown}\n />\n </div>\n </div>\n </StatusBarDialog>\n }\n >\n <IconButton\n label={tooltip}\n styleType=\"borderless\"\n data-testid=\"sections-status-field-button\"\n >\n {/ eslint-disable-next-line deprecation/deprecation */}\n <Icon iconSpec={svgSectionTool} />\n <StatusBarPopover.ExpandIndicator />\n </IconButton>\n </StatusBarPopover>\n )}\n </>\n );\n}\n"]}

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

@@ -1,9 +1,9 @@
 /** @packageDocumentation
  * @module StatusBar
  */
+import * as React from "react";
 import type { IModelConnection } from "@itwin/core-frontend";
 import type { CommonProps } from "@itwin/core-react";
-import * as React from "react";
 import "./SelectionCount.scss";
 /** Properties for the [[SelectionCountField]] component.
  * @beta

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCount.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,~~EAAE~~,~~gBAAgB,EAAE,~~MAAM,~~sBAAsB~~,CAAC;~~AAC7D~~,OAAO,KAAK,EAAE,~~WAAW~~,EAAE,MAAM,~~mBAAmB~~,CAAC;~~AAIrD~~,OAAO,KAAK,~~KAAK~~,MAAM,~~OAAO~~,CAAC;~~AAC/B~~,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,~~qBAWlE~~;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,CAczE"}
1	+ {"version":3,"file":"SelectionCount.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAelE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,CAczE"}

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

@@ -8,17 +8,19 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectionSetSize = exports.SelectionCountField = void 0;
+const React = require("react");
 const core_react_1 = require("@itwin/core-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const classnames_1 = require("classnames");
-const React = require("react");
+const StatusBarCornerComponentContext_1 = require("../statusbar/StatusBarCornerComponentContext");
 require("./SelectionCount.scss");
 /** Status field component used to display the number of selected items.
  * @note Use [[useSelectionSetSize]] hook to get the selection count.
  * @beta
  */
 function SelectionCountField(props) {
-    const className = (0, classnames_1.default)("uifw-statusFields-selectionCount", props.className);
+    const cornerContext = React.useContext(StatusBarCornerComponentContext_1.StatusBarCornerComponentContext);
+    const className = (0, classnames_1.default)("uifw-statusFields-selectionCount", cornerContext === "left-corner" && "uifw-left-corner", cornerContext === "right-corner" && "uifw-right-corner", props.className);
     return (React.createElement("div", { className: className, style: props.style },
         React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgCursor, null) }),
         props.count));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;~~AAIH~~,kDAAyC;AACzC,oEAAuD;AACvD,2CAAoC;AACpC~~,+BAA~~+B;AAC/B,iCAA+B;AAU/B;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;~~QAC3C~~,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,+BAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACR,CACP,CAAC;AACJ,CAAC;~~AAXD~~,~~kDAWC~~;AASD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,OAAO;QACT,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE;YACtD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC;AAdD,kDAcC","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 type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgCursor } from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport as ~~React~~ from \"~~react~~\";\nimport \"./SelectionCount.scss\";\n\n/** Properties for the [[SelectionCountField]] component.\n * @beta\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface SelectionCountFieldProps extends CommonProps {\n count: number;\n}\n\n/* Status field component used to display the number of selected items.\n * @note Use [[useSelectionSetSize]] hook to get the selection count.\n * @beta\n /\nexport function SelectionCountField(props: SelectionCountFieldProps) {\n const className = classnames(\n \"uifw-statusFields-selectionCount\",\n props.className\n );\n return (\n <div className={className} style={props.style}>\n <Icon iconSpec={<SvgCursor />} />\n {props.count}\n </div>\n );\n}\n\n/* Arguments for [[useSelectionSetSize]] hook.\n * @beta\n /\nexport interface UseSelectionSetSizeArgs {\n iModel: IModelConnection \| undefined;\n}\n\n/* React hook that returns element count of a selection set.\n * @beta\n */\nexport function useSelectionSetSize(args: UseSelectionSetSizeArgs): number {\n const [size, setSize] = React.useState(0);\n const { iModel } = args;\n React.useEffect(() => {\n if (!iModel) {\n setSize(0);\n return;\n }\n setSize(iModel.selectionSet.size);\n return iModel.selectionSet.onChanged.addListener((ev) => {\n setSize(ev.set.size);\n });\n }, [iModel]);\n return size;\n}\n"]}
1	+ {"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAG/B,kDAAyC;AACzC,oEAAuD;AACvD,2CAAoC;AACpC,kGAA+F;AAC/F,iCAA+B;AAU/B;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,iEAA+B,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,kCAAkC,EAClC,aAAa,KAAK,aAAa,IAAI,kBAAkB,EACrD,aAAa,KAAK,cAAc,IAAI,mBAAmB,EACvD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAE3C,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,+BAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACR,CACP,CAAC;AACJ,CAAC;AAfD,kDAeC;AASD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,OAAO;QACT,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE;YACtD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC;AAdD,kDAcC","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 type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgCursor } from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport { StatusBarCornerComponentContext } from \"../statusbar/StatusBarCornerComponentContext\";\nimport \"./SelectionCount.scss\";\n\n/** Properties for the [[SelectionCountField]] component.\n * @beta\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface SelectionCountFieldProps extends CommonProps {\n count: number;\n}\n\n/* Status field component used to display the number of selected items.\n * @note Use [[useSelectionSetSize]] hook to get the selection count.\n * @beta\n /\nexport function SelectionCountField(props: SelectionCountFieldProps) {\n const cornerContext = React.useContext(StatusBarCornerComponentContext);\n const className = classnames(\n \"uifw-statusFields-selectionCount\",\n cornerContext === \"left-corner\" && \"uifw-left-corner\",\n cornerContext === \"right-corner\" && \"uifw-right-corner\",\n props.className\n );\n return (\n <div className={className} style={props.style}>\n {/ eslint-disable-next-line deprecation/deprecation /}\n <Icon iconSpec={<SvgCursor />} />\n {props.count}\n </div>\n );\n}\n\n/* Arguments for [[useSelectionSetSize]] hook.\n * @beta\n /\nexport interface UseSelectionSetSizeArgs {\n iModel: IModelConnection \| undefined;\n}\n\n/* React hook that returns element count of a selection set.\n * @beta\n */\nexport function useSelectionSetSize(args: UseSelectionSetSizeArgs): number {\n const [size, setSize] = React.useState(0);\n const { iModel } = args;\n React.useEffect(() => {\n if (!iModel) {\n setSize(0);\n return;\n }\n setSize(iModel.selectionSet.size);\n return iModel.selectionSet.onChanged.addListener((ev) => {\n setSize(ev.set.size);\n });\n }, [iModel]);\n return size;\n}\n"]}

package/lib/cjs/appui-react/statusfields/SelectionCount.scss CHANGED Viewed

@@ -6,9 +6,18 @@
   gap: var(--iui-size-2xs);
   display: flex;
   align-items: center;
-  padding: 0 var(--iui-size-2xs) 0 var(--iui-size-2xs);
+  min-width: var(--iui-size-2xl);
+  padding-left: var(--iui-size-2xs);
   .icon {
     color: var(--iui-color-icon);
   }
+  &.uifw-left-corner {
+    margin-left: var(--iui-size-m);
+  }
+  &.uifw-right-corner {
+    margin-right: var(--iui-size-m);
+  }
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AASH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AA0D~~/B,oEAAoE;AAEpE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,~~qBAuFtD~~"}
1	+ {"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AASH,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B,oEAAoE;AAEpE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAyFtD"}

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

@@ -25,6 +25,7 @@ const useTranslation_1 = require("../hooks/useTranslation");
 const useReduxFrameworkState_1 = require("../uistate/useReduxFrameworkState");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const StatusBarPopover_1 = require("../statusbar/popup/StatusBarPopover");
+// eslint-disable-next-line deprecation/deprecation
 function getIconFromIconName(iconName) {
     let iconSpec = snaps_svg_1.default;
     switch (iconName) {
@@ -118,8 +119,12 @@ function SnapModeField(props) {
                 }
                 // eslint-disable-next-line deprecation/deprecation
                 UiFramework_1.UiFramework.setAccudrawSnapMode(item.value);
-            }, isActive: (snapMode & item.value) === item.value, icon: React.createElement(core_react_1.Icon, { className: `icon`, iconSpec: getIconFromIconName(item.iconName) }) }, item.label)))) },
-        React.createElement(itwinui_react_1.Button, { styleType: "borderless", title: title, endIcon: React.createElement(core_react_1.Icon, { iconSpec: getIconFromIconName(iconName) }) },
+            }, isActive: (snapMode & item.value) === item.value, icon:
+            // eslint-disable-next-line deprecation/deprecation
+            React.createElement(core_react_1.Icon, { className: `icon`, iconSpec: getIconFromIconName(item.iconName) }) }, item.label)))) },
+        React.createElement(itwinui_react_1.Button, { styleType: "borderless", title: title,
+            // eslint-disable-next-line deprecation/deprecation
+            endIcon: React.createElement(core_react_1.Icon, { iconSpec: getIconFromIconName(iconName) }) },
             title,
             React.createElement(StatusBarPopover_1.StatusBarPopover.ExpandIndicator, null))));
 }

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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~~EACF~~,oBAAC,iBAAI,IACH,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,GAC5C,IAGH,IAAI,CAAC,KAAK,CACN,CACR,CAAC,CACY;QAGlB,oBAAC,sBAAM,IACL,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,KAAK,~~EACZ~~,OAAO,EAAE,oBAAC,iBAAI,IAAC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAI;YAEzD,KAAK;YACN,oBAAC,mCAAgB,CAAC,eAAe,OAAG,CAC7B,CACQ,CACpB,CAAC;AACJ,CAAC;~~AAvFD~~,~~sCAuFC~~","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 snapModeBisector from \"@bentley/icons-generic/icons/snaps-bisector.svg\";\nimport snapModeCenter from \"@bentley/icons-generic/icons/snaps-center.svg\";\nimport snapModeIntersection from \"@bentley/icons-generic/icons/snaps-intersection.svg\";\nimport snapModeMidpoint from \"@bentley/icons-generic/icons/snaps-midpoint.svg\";\nimport snapModeNearest from \"@bentley/icons-generic/icons/snaps-nearest.svg\";\nimport snapModeOrigin from \"@bentley/icons-generic/icons/snaps-origin.svg\";\nimport snapModeKeypoint from \"@bentley/icons-generic/icons/snaps.svg\";\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport { Icon } from \"@itwin/core-react\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\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 = snapModeKeypoint;\n switch (iconName) {\n case \"snaps\":\n iconSpec = snapModeKeypoint;\n break;\n case \"snaps-intersection\":\n iconSpec = snapModeIntersection;\n break;\n case \"snaps-center\":\n iconSpec = snapModeCenter;\n break;\n case \"snaps-nearest\":\n iconSpec = snapModeNearest;\n break;\n case \"snaps-origin\":\n iconSpec = snapModeOrigin;\n break;\n case \"snaps-midpoint\":\n iconSpec = snapModeMidpoint;\n break;\n case \"snaps-bisector\":\n iconSpec = snapModeBisector;\n break;\n }\n return iconSpec;\n}\n\n/* Return icon class name for a specific snapMode. /\nconst getSnapModeIconNameFromMode = (\n modeEntries: SnapModeFieldEntry[],\n snapMode: number\n) => {\n for (const modeEntry of modeEntries) {\n if (modeEntry.value === snapMode) return modeEntry.iconName;\n }\n\n if (snapMode > 0) return \"snaps-multione\";\n\n return \"placeholder\";\n};\n\n/* Defines properties supported by the SnapMode Field Component. /\n// eslint-disable-next-line deprecation/deprecation\ninterface SnapModeFieldProps extends CommonProps {\n /* Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n * @note Enum flags are supported.\n /\n snapMode?: SnapMode;\n onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/* `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n const { translate } = useTranslation();\n const reduxSnapMode = useReduxFrameworkState(\n // eslint-disable-next-line deprecation/deprecation\n (state) => state?.configurableUiState.snapMode\n );\n const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n const snapModes: SnapModeFieldEntry[] = [\n {\n label: translate(\"snapModeField.keypoint\"),\n value: SnapMode.NearestKeypoint as number,\n iconName: \"snaps\",\n },\n {\n label: translate(\"snapModeField.intersection\"),\n value: SnapMode.Intersection as number,\n iconName: \"snaps-intersection\",\n },\n {\n label: translate(\"snapModeField.center\"),\n value: SnapMode.Center as number,\n iconName: \"snaps-center\",\n },\n {\n label: translate(\"snapModeField.nearest\"),\n value: SnapMode.Nearest as number,\n iconName: \"snaps-nearest\",\n },\n {\n label: translate(\"snapModeField.origin\"),\n value: SnapMode.Origin as number,\n iconName: \"snaps-origin\",\n },\n {\n label: translate(\"snapModeField.midpoint\"),\n value: SnapMode.MidPoint as number,\n iconName: \"snaps-midpoint\",\n },\n {\n label: translate(\"snapModeField.bisector\"),\n value: SnapMode.Bisector as number,\n iconName: \"snaps-bisector\",\n },\n ];\n const iconName = getSnapModeIconNameFromMode(snapModes, snapMode);\n\n const title = translate(\"snapModeField.snapMode\");\n return (\n <StatusBarPopover\n content={\n <SnapModePanel title={title}>\n {snapModes.map((item, index) => (\n <Snap\n key={`SM_${index}`}\n onClick={() => {\n if (props.onChange) {\n props.onChange(item.value);\n return;\n }\n // eslint-disable-next-line deprecation/deprecation\n UiFramework.setAccudrawSnapMode(item.value);\n }}\n isActive={(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 <Button\n styleType=\"borderless\"\n title={title}\n endIcon={<Icon iconSpec={getIconFromIconName(iconName)} />}\n >\n {title}\n <StatusBarPopover.ExpandIndicator />\n </Button>\n </StatusBarPopover>\n );\n}\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 snapModeBisector from \"@bentley/icons-generic/icons/snaps-bisector.svg\";\nimport snapModeCenter from \"@bentley/icons-generic/icons/snaps-center.svg\";\nimport snapModeIntersection from \"@bentley/icons-generic/icons/snaps-intersection.svg\";\nimport snapModeMidpoint from \"@bentley/icons-generic/icons/snaps-midpoint.svg\";\nimport snapModeNearest from \"@bentley/icons-generic/icons/snaps-nearest.svg\";\nimport snapModeOrigin from \"@bentley/icons-generic/icons/snaps-origin.svg\";\nimport snapModeKeypoint from \"@bentley/icons-generic/icons/snaps.svg\";\nimport { SnapMode } from \"@itwin/core-frontend\";\nimport { Icon } from \"@itwin/core-react\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\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\n// eslint-disable-next-line deprecation/deprecation\nfunction getIconFromIconName(iconName: string): IconSpec {\n let iconSpec = snapModeKeypoint;\n switch (iconName) {\n case \"snaps\":\n iconSpec = snapModeKeypoint;\n break;\n case \"snaps-intersection\":\n iconSpec = snapModeIntersection;\n break;\n case \"snaps-center\":\n iconSpec = snapModeCenter;\n break;\n case \"snaps-nearest\":\n iconSpec = snapModeNearest;\n break;\n case \"snaps-origin\":\n iconSpec = snapModeOrigin;\n break;\n case \"snaps-midpoint\":\n iconSpec = snapModeMidpoint;\n break;\n case \"snaps-bisector\":\n iconSpec = snapModeBisector;\n break;\n }\n return iconSpec;\n}\n\n/* Return icon class name for a specific snapMode. /\nconst getSnapModeIconNameFromMode = (\n modeEntries: SnapModeFieldEntry[],\n snapMode: number\n) => {\n for (const modeEntry of modeEntries) {\n if (modeEntry.value === snapMode) return modeEntry.iconName;\n }\n\n if (snapMode > 0) return \"snaps-multione\";\n\n return \"placeholder\";\n};\n\n/* Defines properties supported by the SnapMode Field Component. /\n// eslint-disable-next-line deprecation/deprecation\ninterface SnapModeFieldProps extends CommonProps {\n /* Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n * @note Enum flags are supported.\n /\n snapMode?: SnapMode;\n onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/* `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n const { translate } = useTranslation();\n const reduxSnapMode = useReduxFrameworkState(\n // eslint-disable-next-line deprecation/deprecation\n (state) => state?.configurableUiState.snapMode\n );\n const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n const snapModes: SnapModeFieldEntry[] = [\n {\n label: translate(\"snapModeField.keypoint\"),\n value: SnapMode.NearestKeypoint as number,\n iconName: \"snaps\",\n },\n {\n label: translate(\"snapModeField.intersection\"),\n value: SnapMode.Intersection as number,\n iconName: \"snaps-intersection\",\n },\n {\n label: translate(\"snapModeField.center\"),\n value: SnapMode.Center as number,\n iconName: \"snaps-center\",\n },\n {\n label: translate(\"snapModeField.nearest\"),\n value: SnapMode.Nearest as number,\n iconName: \"snaps-nearest\",\n },\n {\n label: translate(\"snapModeField.origin\"),\n value: SnapMode.Origin as number,\n iconName: \"snaps-origin\",\n },\n {\n label: translate(\"snapModeField.midpoint\"),\n value: SnapMode.MidPoint as number,\n iconName: \"snaps-midpoint\",\n },\n {\n label: translate(\"snapModeField.bisector\"),\n value: SnapMode.Bisector as number,\n iconName: \"snaps-bisector\",\n },\n ];\n const iconName = getSnapModeIconNameFromMode(snapModes, snapMode);\n\n const title = translate(\"snapModeField.snapMode\");\n return (\n <StatusBarPopover\n content={\n <SnapModePanel title={title}>\n {snapModes.map((item, index) => (\n <Snap\n key={`SM_${index}`}\n onClick={() => {\n if (props.onChange) {\n props.onChange(item.value);\n return;\n }\n // eslint-disable-next-line deprecation/deprecation\n UiFramework.setAccudrawSnapMode(item.value);\n }}\n isActive={(snapMode & item.value) === item.value}\n icon={\n // eslint-disable-next-line deprecation/deprecation\n <Icon\n className={`icon`}\n iconSpec={getIconFromIconName(item.iconName)}\n />\n }\n >\n {item.label}\n </Snap>\n ))}\n </SnapModePanel>\n }\n >\n <Button\n styleType=\"borderless\"\n title={title}\n // eslint-disable-next-line deprecation/deprecation\n endIcon={<Icon iconSpec={getIconFromIconName(iconName)} />}\n >\n {title}\n <StatusBarPopover.ExpandIndicator />\n </Button>\n </StatusBarPopover>\n );\n}\n"]}

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

@@ -88,7 +88,7 @@ class ViewAttributesStatusField extends React.Component {
     render() {
         const title = UiFramework_1.UiFramework.translate("listTools.viewAttributes");
         return (React.createElement(StatusBarPopover_1.StatusBarPopover, { content: React.createElement(Dialog_1.StatusBarDialog, { titleBar: React.createElement(Dialog_1.StatusBarDialog.TitleBar, { title: title }) }, this.getViewFlags()) },
-            React.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: title },
+            React.createElement(itwinui_react_1.IconButton, { styleType: "borderless", label: title },
                 React.createElement(itwinui_icons_react_1.SvgWindowSettings, null),
                 React.createElement(StatusBarPopover_1.StatusBarPopover.ExpandIndicator, null))));
     }

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":"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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, IconButton } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\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, // eslint-disable-line deprecation/deprecation\n ViewAttributesStatusFieldState\n> {\n // eslint-disable-next-line deprecation/deprecation\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 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 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 private getViewFlagItem(flagName: string, value: boolean, labelKey: string) {\n return (\n <Checkbox\n key={flagName}\n label={UiFramework.translate(labelKey)}\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 ? (this.state.viewFlags as any)[flagName]\n : false;\n }\n\n private getToggleCameraItem() {\n return (\n <Checkbox\n key={\"toggleCamera\"}\n label={UiFramework.translate(\"listTools.camera\")}\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(\"acs\", this.getFlagState(\"acs\"), \"listTools.acs\")\n );\n items.push(this.getToggleCameraItem());\n items.push(\n this.getViewFlagItem(\n \"noConstruct\",\n !this.getFlagState(\"noConstruct\"),\n \"listTools.constructions\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"hidEdges\",\n this.getFlagState(\"hidEdges\"),\n \"listTools.hidEdges\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"monochrome\",\n this.getFlagState(\"monochrome\"),\n \"listTools.monochrome\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"visEdges\",\n this.getFlagState(\"visEdges\"),\n \"listTools.visEdges\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"ambientOcclusion\",\n this.getFlagState(\"ambientOcclusion\"),\n \"listTools.ambientOcclusion\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"shadows\",\n this.getFlagState(\"shadows\"),\n \"listTools.shadows\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"backgroundMap\",\n this.getFlagState(\"backgroundMap\"),\n \"listTools.backgroundMap\"\n )\n );\n return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n }\n\n public override render() {\n const title = UiFramework.translate(\"listTools.viewAttributes\");\n\n return (\n <StatusBarPopover\n content={\n <StatusBarDialog\n titleBar={<StatusBarDialog.TitleBar title={title} />}\n >\n {this.getViewFlags()}\n </StatusBarDialog>\n }\n >\n <IconButton styleType=\"borderless\" ~~title~~={title}>\n <SvgWindowSettings />\n <StatusBarPopover.ExpandIndicator />\n </IconButton>\n </StatusBarPopover>\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, IconButton } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\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, // eslint-disable-line deprecation/deprecation\n ViewAttributesStatusFieldState\n> {\n // eslint-disable-next-line deprecation/deprecation\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 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 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 private getViewFlagItem(flagName: string, value: boolean, labelKey: string) {\n return (\n <Checkbox\n key={flagName}\n label={UiFramework.translate(labelKey)}\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 ? (this.state.viewFlags as any)[flagName]\n : false;\n }\n\n private getToggleCameraItem() {\n return (\n <Checkbox\n key={\"toggleCamera\"}\n label={UiFramework.translate(\"listTools.camera\")}\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(\"acs\", this.getFlagState(\"acs\"), \"listTools.acs\")\n );\n items.push(this.getToggleCameraItem());\n items.push(\n this.getViewFlagItem(\n \"noConstruct\",\n !this.getFlagState(\"noConstruct\"),\n \"listTools.constructions\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"hidEdges\",\n this.getFlagState(\"hidEdges\"),\n \"listTools.hidEdges\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"monochrome\",\n this.getFlagState(\"monochrome\"),\n \"listTools.monochrome\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"visEdges\",\n this.getFlagState(\"visEdges\"),\n \"listTools.visEdges\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"ambientOcclusion\",\n this.getFlagState(\"ambientOcclusion\"),\n \"listTools.ambientOcclusion\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"shadows\",\n this.getFlagState(\"shadows\"),\n \"listTools.shadows\"\n )\n );\n items.push(\n this.getViewFlagItem(\n \"backgroundMap\",\n this.getFlagState(\"backgroundMap\"),\n \"listTools.backgroundMap\"\n )\n );\n return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n }\n\n public override render() {\n const title = UiFramework.translate(\"listTools.viewAttributes\");\n\n return (\n <StatusBarPopover\n content={\n <StatusBarDialog\n titleBar={<StatusBarDialog.TitleBar title={title} />}\n >\n {this.getViewFlags()}\n </StatusBarDialog>\n }\n >\n <IconButton styleType=\"borderless\" label={title}>\n <SvgWindowSettings />\n <StatusBarPopover.ExpandIndicator />\n </IconButton>\n </StatusBarPopover>\n );\n }\n}\n"]}

package/lib/cjs/appui-react/statusfields/message-center/MessageCenterField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageCenterField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;~~AAWrD~~,OAAO,2BAA2B,CAAC;~~AASnC~~;;GAEG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,~~qBAsIpD~~"}
1	+ {"version":3,"file":"MessageCenterField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,OAAO,2BAA2B,CAAC;AAWnC;;GAEG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBA8HpD"}

package/lib/cjs/appui-react/statusfields/message-center/MessageCenterField.js CHANGED Viewed

@@ -9,7 +9,6 @@ exports.MessageCenterField = void 0;
  * @module Notification
  */
 const React = require("react");
-const core_react_1 = require("@itwin/core-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const core_frontend_1 = require("@itwin/core-frontend");
@@ -35,8 +34,7 @@ function MessageCenterField(props) {
         setNotify(false);
         setIsOpen(isOpenState);
     };
-    const isProblemStatus = (message) => {
-        // See priority values in DgnPlatform defined in NotificationManager
+    const isErrorMessage = (message) => {
         return (message.priority === core_frontend_1.OutputMessagePriority.Error ||
             message.priority === core_frontend_1.OutputMessagePriority.Fatal);
     };
@@ -46,26 +44,28 @@ function MessageCenterField(props) {
         });
     }, []);
     React.useEffect(() => {
-        const determineStatus = () => {
-            const message = [...MessageManager_1.MessageManager.messages].pop();
-            if (message) {
-                if (isProblemStatus(message)) {
-                    return setStatus("negative");
-                }
-                else if (message.priority === core_frontend_1.OutputMessagePriority.Success) {
-                    return setStatus("positive");
-                }
-                else {
-                    return setStatus("primary");
-                }
-            }
-            return;
-        };
         MessageManager_1.MessageManager.registerAnimateOutToElement(indicatorRef.current);
         return MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(() => {
-            MessageManager_1.MessageManager.messages.length > 0 ? setNotify(true) : setNotify(false);
-            setMessages(MessageManager_1.MessageManager.messages);
-            determineStatus();
+            const newMessages = MessageManager_1.MessageManager.messages;
+            newMessages.length > 0 ? setNotify(true) : setNotify(false);
+            setMessages(newMessages);
+            const lastMessage = newMessages[newMessages.length - 1];
+            if (!lastMessage)
+                return;
+            switch (lastMessage.priority) {
+                case core_frontend_1.OutputMessagePriority.Success:
+                    setStatus("positive");
+                    break;
+                case core_frontend_1.OutputMessagePriority.Warning:
+                    setStatus("warning");
+                    break;
+                case core_frontend_1.OutputMessagePriority.Error:
+                case core_frontend_1.OutputMessagePriority.Fatal:
+                    setStatus("negative");
+                    break;
+                default:
+                    setStatus("primary");
+            }
         });
     }, []);
     return (React.createElement(StatusBarPopover_1.StatusBarPopover, { visible: isOpen, onVisibleChange: (visible) => handleOpenChange(visible), className: "uifw-statusFields-messageCenter-messageCenterField_popover", content: React.createElement(React.Fragment, null,
@@ -76,12 +76,10 @@ function MessageCenterField(props) {
                     let tabMessages = [...messages].reverse();
                     tabMessages =
                         tab === "errors"
-                            ? tabMessages.filter(isProblemStatus)
+                            ? tabMessages.filter(isErrorMessage)
                             : tabMessages;
                     return (React.createElement(itwinui_react_1.Tabs.Panel, { value: tab, key: tab, className: "uifw-statusFields-messageCenter-messageCenterField_panel" }, tabMessages.length === 0 ? (React.createElement("span", { className: "uifw-message-prompt" }, translate("messageCenter.prompt"))) : (tabMessages.map((message, index) => {
-                        const iconClassName = MessageManager_1.MessageManager.getIconClassName(message);
-                        const iconSpec = MessageManager_1.MessageManager.getIconSpecFromDetails(message);
-                        return (React.createElement(MessageCenterMessage_1.MessageCenterMessage, { key: index, message: message.briefMessage, details: message.detailedMessage, icon: React.createElement(core_react_1.Icon, { iconSpec: iconSpec, className: iconClassName }) }));
+                        return (React.createElement(MessageCenterMessage_1.MessageCenterMessage, { key: index, message: message.briefMessage, details: message.detailedMessage, icon: React.createElement(MessageIcon, { priority: message.priority }) }));
                     }))));
                 }))) },
         React.createElement(itwinui_react_1.Button, { ref: indicatorRef, styleType: "borderless", startIcon: React.createElement(itwinui_react_1.NotificationMarker, { status: status, enabled: notify },
@@ -90,4 +88,20 @@ function MessageCenterField(props) {
             React.createElement(StatusBarPopover_1.StatusBarPopover.ExpandIndicator, null))));
 }
 exports.MessageCenterField = MessageCenterField;
+function MessageIcon({ priority }) {
+    switch (priority) {
+        case core_frontend_1.OutputMessagePriority.Error:
+        case core_frontend_1.OutputMessagePriority.Fatal:
+            return (React.createElement(itwinui_react_1.Icon, { fill: "negative" },
+                React.createElement(itwinui_icons_react_1.SvgStatusError, null)));
+        case core_frontend_1.OutputMessagePriority.Warning:
+            return (React.createElement(itwinui_react_1.Icon, { fill: "warning" },
+                React.createElement(itwinui_icons_react_1.SvgStatusWarning, null)));
+        case core_frontend_1.OutputMessagePriority.Info:
+            return (React.createElement(itwinui_react_1.Icon, { fill: "informational" },
+                React.createElement(itwinui_icons_react_1.SvgInfo, null)));
+    }
+    return (React.createElement(itwinui_react_1.Icon, { fill: "positive" },
+        React.createElement(itwinui_icons_react_1.SvgStatusSuccess, null)));
+}
 //# sourceMappingURL=MessageCenterField.js.map

package/lib/cjs/appui-react/statusfields/message-center/MessageCenterField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageCenterField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterField.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 Notification\n /\nimport as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { Button, NotificationMarker, Tabs } from \"@itwin/itwinui-react\";\nimport { SvgChat } from \"@itwin/itwinui-icons-react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\n\nimport { MessageCenterMessage } from \"./MessageCenterMessage\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar\";\n\nimport type { NotifyMessageDetailsType } from \"../../messages/ReactNotifyMessageDetails\";\nimport \"./MessageCenterField.scss\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover\";\n\n/** Type for Status state to satisfy NotificationMarker type checking. /\ntype NotificationMarkerStatus = \"primary\" \| \"negative\" \| \"positive\";\n\nconst tabs = [\"all\", \"errors\"] as const;\n\n/* Message Center Field React component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function MessageCenterField(props: CommonProps) {\n const [messages, setMessages] = React.useState(MessageManager.messages);\n const [notify, setNotify] = React.useState(false);\n const [isOpen, setIsOpen] = React.useState(false);\n const [status, setStatus] =\n React.useState<NotificationMarkerStatus>(\"primary\");\n const { translate } = useTranslation();\n\n const indicatorRef = React.useRef<HTMLButtonElement>(null);\n\n const handleOpenChange = (isOpenState: boolean) => {\n setNotify(false);\n setIsOpen(isOpenState);\n };\n\n const isProblemStatus = (message: NotifyMessageDetailsType): boolean => {\n // See priority values in DgnPlatform defined in NotificationManager\n return (\n message.priority === OutputMessagePriority.Error \|\|\n message.priority === OutputMessagePriority.Fatal\n );\n };\n\n React.useEffect(() => {\n return MessageManager.onOpenMessageCenterEvent.addListener(() => {\n handleOpenChange(true);\n });\n }, []);\n\n React.useEffect(() => {\n const determineStatus = () => {\n const message = [...MessageManager.messages].pop();\n\n if (message) {\n if (isProblemStatus(message)) {\n return setStatus(\"negative\");\n } else if (message.priority === OutputMessagePriority.Success) {\n return setStatus(\"positive\");\n } else {\n return setStatus(\"primary\");\n }\n }\n return;\n };\n\n MessageManager.registerAnimateOutToElement(indicatorRef.current);\n\n return MessageManager.onMessagesUpdatedEvent.addListener(() => {\n MessageManager.messages.length > 0 ? setNotify(true) : setNotify(false);\n setMessages(MessageManager.messages);\n determineStatus();\n });\n }, []);\n\n return (\n <StatusBarPopover\n visible={isOpen}\n onVisibleChange={(visible) => handleOpenChange(visible)}\n className=\"uifw-statusFields-messageCenter-messageCenterField_popover\"\n content={\n <>\n <TitleBar title={translate(\"messageCenter.messages\")}></TitleBar>\n\n <Tabs.Wrapper type=\"pill\">\n <Tabs.TabList>\n {tabs.map((tab) => (\n <Tabs.Tab\n label={translate(`messageCenter.${tab}`)}\n key={tab}\n value={tab}\n />\n ))}\n </Tabs.TabList>\n {tabs.map((tab) => {\n let tabMessages = [...messages].reverse();\n tabMessages =\n tab === \"errors\"\n ? tabMessages.filter(isProblemStatus)\n : tabMessages;\n return (\n <Tabs.Panel\n value={tab}\n key={tab}\n className=\"uifw-statusFields-messageCenter-messageCenterField_panel\"\n >\n {tabMessages.length === 0 ? (\n <span className=\"uifw-message-prompt\">\n {translate(\"messageCenter.prompt\")}\n </span>\n ) : (\n tabMessages.map((message, index) => {\n const iconClassName =\n MessageManager.getIconClassName(message);\n const iconSpec =\n MessageManager.getIconSpecFromDetails(message);\n\n return (\n <MessageCenterMessage\n key={index}\n message={message.briefMessage}\n details={message.detailedMessage}\n icon={\n <Icon\n iconSpec={iconSpec}\n className={iconClassName}\n />\n }\n />\n );\n })\n )}\n </Tabs.Panel>\n );\n })}\n </Tabs.Wrapper>\n </>\n }\n >\n <Button\n ref={indicatorRef}\n styleType=\"borderless\"\n startIcon={\n <NotificationMarker status={status} enabled={notify}>\n <SvgChat />\n </NotificationMarker>\n }\n className={props.className}\n style={props.style}\n >\n {translate(\"messageCenter.messages\")}\n <StatusBarPopover.ExpandIndicator />\n </Button>\n </StatusBarPopover>\n );\n}\n"]}
1	+ {"version":3,"file":"MessageCenterField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterField.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 Notification\n /\nimport as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Button, Icon, NotificationMarker, Tabs } from \"@itwin/itwinui-react\";\nimport {\n SvgChat,\n SvgInfo,\n SvgStatusError,\n SvgStatusSuccess,\n SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\n\nimport { MessageCenterMessage } from \"./MessageCenterMessage\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar\";\n\nimport type { NotifyMessageDetailsType } from \"../../messages/ReactNotifyMessageDetails\";\nimport \"./MessageCenterField.scss\";\nimport { useTranslation } from \"../../hooks/useTranslation\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover\";\n\n/** Type for Status state to satisfy NotificationMarker type checking. /\ntype NotificationMarkerStatus = Required<\n React.ComponentProps<typeof NotificationMarker>\n>[\"status\"];\n\nconst tabs = [\"all\", \"errors\"] as const;\n\n/* Message Center Field React component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function MessageCenterField(props: CommonProps) {\n const [messages, setMessages] = React.useState(MessageManager.messages);\n const [notify, setNotify] = React.useState(false);\n const [isOpen, setIsOpen] = React.useState(false);\n const [status, setStatus] =\n React.useState<NotificationMarkerStatus>(\"primary\");\n const { translate } = useTranslation();\n\n const indicatorRef = React.useRef<HTMLButtonElement>(null);\n\n const handleOpenChange = (isOpenState: boolean) => {\n setNotify(false);\n setIsOpen(isOpenState);\n };\n\n const isErrorMessage = (message: NotifyMessageDetailsType): boolean => {\n return (\n message.priority === OutputMessagePriority.Error \|\|\n message.priority === OutputMessagePriority.Fatal\n );\n };\n\n React.useEffect(() => {\n return MessageManager.onOpenMessageCenterEvent.addListener(() => {\n handleOpenChange(true);\n });\n }, []);\n\n React.useEffect(() => {\n MessageManager.registerAnimateOutToElement(indicatorRef.current);\n\n return MessageManager.onMessagesUpdatedEvent.addListener(() => {\n const newMessages = MessageManager.messages;\n newMessages.length > 0 ? setNotify(true) : setNotify(false);\n setMessages(newMessages);\n\n const lastMessage = newMessages[newMessages.length - 1];\n if (!lastMessage) return;\n\n switch (lastMessage.priority) {\n case OutputMessagePriority.Success:\n setStatus(\"positive\");\n break;\n case OutputMessagePriority.Warning:\n setStatus(\"warning\");\n break;\n case OutputMessagePriority.Error:\n case OutputMessagePriority.Fatal:\n setStatus(\"negative\");\n break;\n default:\n setStatus(\"primary\");\n }\n });\n }, []);\n\n return (\n <StatusBarPopover\n visible={isOpen}\n onVisibleChange={(visible) => handleOpenChange(visible)}\n className=\"uifw-statusFields-messageCenter-messageCenterField_popover\"\n content={\n <>\n <TitleBar title={translate(\"messageCenter.messages\")}></TitleBar>\n\n <Tabs.Wrapper type=\"pill\">\n <Tabs.TabList>\n {tabs.map((tab) => (\n <Tabs.Tab\n label={translate(`messageCenter.${tab}`)}\n key={tab}\n value={tab}\n />\n ))}\n </Tabs.TabList>\n {tabs.map((tab) => {\n let tabMessages = [...messages].reverse();\n tabMessages =\n tab === \"errors\"\n ? tabMessages.filter(isErrorMessage)\n : tabMessages;\n return (\n <Tabs.Panel\n value={tab}\n key={tab}\n className=\"uifw-statusFields-messageCenter-messageCenterField_panel\"\n >\n {tabMessages.length === 0 ? (\n <span className=\"uifw-message-prompt\">\n {translate(\"messageCenter.prompt\")}\n </span>\n ) : (\n tabMessages.map((message, index) => {\n return (\n <MessageCenterMessage\n key={index}\n message={message.briefMessage}\n details={message.detailedMessage}\n icon={<MessageIcon priority={message.priority} />}\n />\n );\n })\n )}\n </Tabs.Panel>\n );\n })}\n </Tabs.Wrapper>\n </>\n }\n >\n <Button\n ref={indicatorRef}\n styleType=\"borderless\"\n startIcon={\n <NotificationMarker status={status} enabled={notify}>\n <SvgChat />\n </NotificationMarker>\n }\n className={props.className}\n style={props.style}\n >\n {translate(\"messageCenter.messages\")}\n <StatusBarPopover.ExpandIndicator />\n </Button>\n </StatusBarPopover>\n );\n}\n\ninterface MessageIconProps {\n priority: OutputMessagePriority;\n}\n\nfunction MessageIcon({ priority }: MessageIconProps) {\n switch (priority) {\n case OutputMessagePriority.Error:\n case OutputMessagePriority.Fatal:\n return (\n <Icon fill=\"negative\">\n <SvgStatusError />\n </Icon>\n );\n case OutputMessagePriority.Warning:\n return (\n <Icon fill=\"warning\">\n <SvgStatusWarning />\n </Icon>\n );\n case OutputMessagePriority.Info:\n return (\n <Icon fill=\"informational\">\n <SvgInfo />\n </Icon>\n );\n }\n return (\n <Icon fill=\"positive\">\n <SvgStatusSuccess />\n </Icon>\n );\n}\n"]}

package/lib/cjs/appui-react/statusfields/message-center/MessageCenterMessage.js CHANGED Viewed

@@ -18,7 +18,7 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 function MessageCenterMessage(props) {
     const { icon, message, details, style, className } = props;
     return (React.createElement("div", { className: "uifw-statusFields-messageCenter-messageCenterMessage", style: style },
-        icon && React.createElement(itwinui_react_1.Icon, { size: "small" }, icon),
+        icon,
         message && (React.createElement("span", { className: "uifw-content" },
             React.createElement(core_react_1.MessageRenderer, { message: message, className: className, useSpan: true }),
             details && (React.createElement(itwinui_react_1.Text, { variant: "small" },

package/lib/cjs/appui-react/statusfields/message-center/MessageCenterMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageCenterMessage.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterMessage.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,uCAAqC;AACrC,+BAA+B;AAE/B,kDAAoD;AACpD,~~wDAAkD~~;~~AAqBlD~~;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,sDAAsD,EACjE,KAAK,EAAE,KAAK;QAEX,IAAI~~,IAAI,oBAAC,oBAAI,IAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAQ~~;~~QACxC~~,OAAO,IAAI,CACV,8BAAM,SAAS,EAAC,cAAc;YAE5B,oBAAC,4BAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,SAAG;YAClE,OAAO,IAAI,CACV,oBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO;gBAEnB,oBAAC,4BAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CAChC,CACR,CACI,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAvBD,oDAuBC","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 MessageCenter\n /\n\nimport \"./MessageCenterMessage.scss\";\nimport as React from \"react\";\nimport type { CommonProps, MessageType } from \"@itwin/core-react\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport { ~~Icon,~~ Text } from \"@itwin/itwinui-react\";\n\n/** Properties of [[MessageCenterMessage]] component.\n * @internal\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface MessageCenterMessageProps extends CommonProps {\n /* Message content. /\n // eslint-disable-next-line deprecation/deprecation\n message?: MessageType;\n /* Message icon. /\n icon?: React.ReactNode;\n /* Additional Details /\n // eslint-disable-next-line deprecation/deprecation\n details?: MessageType;\n /* className /\n className?: string;\n /* Optional style /\n style?: object;\n}\n\n/* Message entry in [[MessageCenter]] component.\n * @internal\n /\nexport function MessageCenterMessage(props: MessageCenterMessageProps) {\n const { icon, message, details, style, className } = props;\n\n return (\n <div\n className={\"uifw-statusFields-messageCenter-messageCenterMessage\"}\n style={style}\n >\n {icon ~~&& <Icon size=\"small\">{icon~~}~~</Icon>}~~\n {message && (\n <span className=\"uifw-content\">\n {/ eslint-disable-next-line deprecation/deprecation /}\n <MessageRenderer message={message} className={className} useSpan />\n {details && (\n <Text variant=\"small\">\n {/ eslint-disable-next-line deprecation/deprecation */}\n <MessageRenderer message={details} />\n </Text>\n )}\n </span>\n )}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"MessageCenterMessage.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/message-center/MessageCenterMessage.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,uCAAqC;AACrC,+BAA+B;AAE/B,kDAAoD;AACpD,wDAA4C;AAqB5C;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,sDAAsD,EACjE,KAAK,EAAE,KAAK;QAEX,IAAI;QACJ,OAAO,IAAI,CACV,8BAAM,SAAS,EAAC,cAAc;YAE5B,oBAAC,4BAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,SAAG;YAClE,OAAO,IAAI,CACV,oBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO;gBAEnB,oBAAC,4BAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CAChC,CACR,CACI,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAvBD,oDAuBC","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 MessageCenter\n /\n\nimport \"./MessageCenterMessage.scss\";\nimport as React from \"react\";\nimport type { CommonProps, MessageType } from \"@itwin/core-react\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\n/** Properties of [[MessageCenterMessage]] component.\n * @internal\n /\n// eslint-disable-next-line deprecation/deprecation\nexport interface MessageCenterMessageProps extends CommonProps {\n /* Message content. /\n // eslint-disable-next-line deprecation/deprecation\n message?: MessageType;\n /* Message icon. /\n icon?: React.ReactNode;\n /* Additional Details /\n // eslint-disable-next-line deprecation/deprecation\n details?: MessageType;\n /* className /\n className?: string;\n /* Optional style /\n style?: object;\n}\n\n/* Message entry in [[MessageCenter]] component.\n * @internal\n /\nexport function MessageCenterMessage(props: MessageCenterMessageProps) {\n const { icon, message, details, style, className } = props;\n\n return (\n <div\n className={\"uifw-statusFields-messageCenter-messageCenterMessage\"}\n style={style}\n >\n {icon}\n {message && (\n <span className=\"uifw-content\">\n {/ eslint-disable-next-line deprecation/deprecation /}\n <MessageRenderer message={message} className={className} useSpan />\n {details && (\n <Text variant=\"small\">\n {/ eslint-disable-next-line deprecation/deprecation */}\n <MessageRenderer message={details} />\n </Text>\n )}\n </span>\n )}\n </div>\n );\n}\n"]}

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

@@ -22,7 +22,7 @@ TileLoadingIndicatorState> {
     private _removeOnRenderListener?;
     constructor(props: CommonProps);
     private _refreshState;
-    private _update;
+    private _handleRender;
     private _onViewOpen;
     componentDidMount(): void;
     componentWillUnmount(): void;

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,CAC3D,WAAW,EAAE,8CAA8C;AAC3D,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAGjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAgCnB;IAEF,OAAO,CAAC,~~OAAO~~,~~CAGb~~;IAEF,OAAO,CAAC,WAAW,~~CAGjB~~;IAEc,iBAAiB;IAejB,oBAAoB;IAQpC,mCAAmC;IACnB,MAAM;CAgBvB"}
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,EAAgB,MAAM,mBAAmB,CAAC;AAEnE;;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,EAAE,8CAA8C;AAC3D,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAGjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAgCnB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,WAAW,CAKjB;IAEc,iBAAiB;IAejB,oBAAoB;IAQpC,mCAAmC;IACnB,MAAM;CAgBvB"}

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

@@ -47,13 +47,13 @@ class TileLoadingIndicator extends React.PureComponent {
                 finished,
             });
         };
-        this._update = (vp) => {
+        this._handleRender = (vp) => {
             // set progress animation before the next repaint.
             setTimeout(() => this._refreshState(vp));
         };
         this._onViewOpen = (vp) => {
             this._removeOnRenderListener && this._removeOnRenderListener();
-            this._removeOnRenderListener = vp.onRender.addListener(this._update);
+            this._removeOnRenderListener = vp.onRender.addListener(this._handleRender);
         };
         this.state = { label: "", progress: 0, enabled: false, finished: true };
     }