@itwin/appui-react 4.14.0 → 4.15.0

package/lib/esm/appui-react/statusbar/dialog/Button.d.ts.map

@@ -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;AACH,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"}
+{"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"}

package/lib/esm/appui-react/statusbar/dialog/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAclD;;GAEG;AACH,MAAM,UAAU,6BAA6B,CAC3C,KAAyC;IAEzC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC;AACvE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport 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 */\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"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAelD;;GAEG;AACH,MAAM,UAAU,6BAA6B,CAC3C,KAAyC;IAEzC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC;AACvE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport 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"]}

package/lib/esm/appui-react/statusbar/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAE1D;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC/B,0CAA0C;IACnC,MAAM,QAAQ,gCAA0B,CAAC;IAEhD,iDAAiD;IAC1C,MAAM,cAAc,sCAAgC,CAAC;CAC7D"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAErD;;GAEG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAE1D;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC/B,0CAA0C;IACnC,MAAM,QAAQ,gCAA0B,CAAC;IAEhD,iDAAiD;IAC1C,MAAM,cAAc,sCAAgC,CAAC;CAC7D"}

package/lib/esm/appui-react/statusbar/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAYrD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,OAAO,oBAAC,MAAM,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC;AAED;;GAEG;AACH,WAAiB,eAAe;IAC9B,0CAA0C;IAC7B,wBAAQ,GAAG,uBAAuB,CAAC;IAEhD,iDAAiD;IACpC,8BAAc,GAAG,6BAA6B,CAAC;AAC9D,CAAC,EANgB,eAAe,KAAf,eAAe,QAM/B","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 { Dialog } from \"../../layout/footer/dialog/Dialog\";\nimport { StatusBarDialogTitleBarButton } from \"./Button\";\nimport { StatusBarDialogTitleBar } from \"./TitleBar\";\n\n/** Properties of [[StatusBarDialog]] component.\n * @beta\n */\nexport interface StatusBarDialogProps extends CommonProps {\n  /** Dialog content.  */\n  children?: React.ReactNode;\n  /** Dialog title bar. See [[StatusBarDialog.TitleBar]] */\n  titleBar?: React.ReactNode;\n}\n\n/** Dialog component used in a [[StatusBarIndicator]] component.\n * @beta\n */\nexport function StatusBarDialog(props: StatusBarDialogProps) {\n  return <Dialog {...props} />;\n}\n\n/** Components used in a [[StatusBarDialog]].\n * @beta\n */\nexport namespace StatusBarDialog {\n  /** Title bar of a [[StatusBarDialog]]. */\n  export const TitleBar = StatusBarDialogTitleBar;\n\n  /** Title bar button of a [[StatusBarDialog]]. */\n  export const TitleBarButton = StatusBarDialogTitleBarButton;\n}\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAarD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,OAAO,oBAAC,MAAM,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC;AAED;;GAEG;AACH,WAAiB,eAAe;IAC9B,0CAA0C;IAC7B,wBAAQ,GAAG,uBAAuB,CAAC;IAEhD,iDAAiD;IACpC,8BAAc,GAAG,6BAA6B,CAAC;AAC9D,CAAC,EANgB,eAAe,KAAf,eAAe,QAM/B","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 { Dialog } from \"../../layout/footer/dialog/Dialog\";\nimport { StatusBarDialogTitleBarButton } from \"./Button\";\nimport { StatusBarDialogTitleBar } from \"./TitleBar\";\n\n/** Properties of [[StatusBarDialog]] component.\n * @beta\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface StatusBarDialogProps extends CommonProps {\n  /** Dialog content.  */\n  children?: React.ReactNode;\n  /** Dialog title bar. See [[StatusBarDialog.TitleBar]] */\n  titleBar?: React.ReactNode;\n}\n\n/** Dialog component used in a [[StatusBarIndicator]] component.\n * @beta\n */\nexport function StatusBarDialog(props: StatusBarDialogProps) {\n  return <Dialog {...props} />;\n}\n\n/** Components used in a [[StatusBarDialog]].\n * @beta\n */\nexport namespace StatusBarDialog {\n  /** Title bar of a [[StatusBarDialog]]. */\n  export const TitleBar = StatusBarDialogTitleBar;\n\n  /** Title bar button of a [[StatusBarDialog]]. */\n  export const TitleBarButton = StatusBarDialogTitleBarButton;\n}\n"]}

package/lib/esm/appui-react/statusbar/dialog/TitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/TitleBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,WAAW;IAC/D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAE1E"}
+{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/TitleBar.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,4BAA6B,SAAQ,WAAW;IAC/D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAE1E"}

package/lib/esm/appui-react/statusbar/dialog/TitleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/TitleBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAY/D;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,OAAO,oBAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar\";\n\n/** Properties of [[StatusBarDialogTitleBar]] component.\n * @beta\n */\nexport interface StatusBarDialogTitleBarProps extends CommonProps {\n  /** Title bar buttons. */\n  children?: React.ReactNode;\n  /** Title bar title. */\n  title?: string;\n}\n\n/** Dialog component used in a [[StatusBarDialog]] component.\n * @beta\n */\nexport function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps) {\n  return <TitleBar {...props} />;\n}\n"]}
+{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/TitleBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAa/D;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,OAAO,oBAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar\";\n\n/** Properties of [[StatusBarDialogTitleBar]] component.\n * @beta\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface StatusBarDialogTitleBarProps extends CommonProps {\n  /** Title bar buttons. */\n  children?: React.ReactNode;\n  /** Title bar title. */\n  title?: string;\n}\n\n/** Dialog component used in a [[StatusBarDialog]] component.\n * @beta\n */\nexport function StatusBarDialogTitleBar(props: StatusBarDialogTitleBarProps) {\n  return <TitleBar {...props} />;\n}\n"]}

package/lib/esm/appui-react/statusbar/popup/Popup.d.ts

@@ -6,7 +6,7 @@ import * as React from "react";
 import type { PopupProps } from "@itwin/core-react";
 /** Popup component used in [[StatusBar]] component.
  * @beta
- * @deprecated in 4.13.x. Use {@link StatusBarPopover} instead.
+ * @deprecated in 4.13.0. Use {@link StatusBarPopover} instead.
  */
 export declare function StatusBarPopup(props: Partial<PopupProps>): React.JSX.Element;
 //# sourceMappingURL=Popup.d.ts.map

package/lib/esm/appui-react/statusbar/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,qBAYxD"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD;;;GAGG;AAEH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,qBAaxD"}

package/lib/esm/appui-react/statusbar/popup/Popup.js

@@ -12,10 +12,13 @@ import { Popup } from "@itwin/core-react";
 import { RelativePosition } from "@itwin/appui-abstract";
 /** Popup component used in [[StatusBar]] component.
  * @beta
- * @deprecated in 4.13.x. Use {@link StatusBarPopover} instead.
+ * @deprecated in 4.13.0. Use {@link StatusBarPopover} instead.
  */
+// eslint-disable-next-line deprecation/deprecation
 export function StatusBarPopup(props) {
     const { className, offset, ...other } = props;
-    return (React.createElement(Popup, { className: classnames("nz-status-bar-popup", className), position: RelativePosition.Top, showShadow: true, ...other, showArrow: false }));
+    return (
+    // eslint-disable-next-line deprecation/deprecation
+    React.createElement(Popup, { className: classnames("nz-status-bar-popup", className), position: RelativePosition.Top, showShadow: true, ...other, showArrow: false }));
 }
 //# sourceMappingURL=Popup.js.map

package/lib/esm/appui-react/statusbar/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,gBAAgB,CAAC,GAAG,EAC9B,UAAU,EAAE,IAAI,KACZ,KAAK,EACT,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./Popup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { PopupProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { StatusBarPopover } from \"./StatusBarPopover\";\n\n/** Popup component used in [[StatusBar]] component.\n * @beta\n * @deprecated in 4.13.x. Use {@link StatusBarPopover} instead.\n */\nexport function StatusBarPopup(props: Partial<PopupProps>) {\n  const { className, offset, ...other } = props;\n\n  return (\n    <Popup\n      className={classnames(\"nz-status-bar-popup\", className)}\n      position={RelativePosition.Top}\n      showShadow={true}\n      {...other}\n      showArrow={false}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO;IACL,mDAAmD;IACnD,oBAAC,KAAK,IACJ,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,gBAAgB,CAAC,GAAG,EAC9B,UAAU,EAAE,IAAI,KACZ,KAAK,EACT,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./Popup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { PopupProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { StatusBarPopover } from \"./StatusBarPopover\";\n\n/** Popup component used in [[StatusBar]] component.\n * @beta\n * @deprecated in 4.13.0. Use {@link StatusBarPopover} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function StatusBarPopup(props: Partial<PopupProps>) {\n  const { className, offset, ...other } = props;\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Popup\n      className={classnames(\"nz-status-bar-popup\", className)}\n      position={RelativePosition.Top}\n      showShadow={true}\n      {...other}\n      showArrow={false}\n    />\n  );\n}\n"]}

package/lib/esm/appui-react/statusbar/popup/StatusBarPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPopover.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,KAAK,qBAAqB,GAAG,WAAW,GACtC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAClC,SAAS,GACT,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CACxB,CAAC;AAEJ;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAW5D;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAChC;;OAEG;IACI,MAAM,eAAe,8BAAwB,CAAC;CACtD"}
+{"version":3,"file":"StatusBarPopover.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,KAAK,qBAAqB,GAAG,WAAW,GACtC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAClC,SAAS,GACT,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CACxB,CAAC;AAEJ;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAW5D;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAChC;;OAEG;IACI,MAAM,eAAe,8BAAwB,CAAC;CACtD"}

package/lib/esm/appui-react/statusbar/popup/StatusBarPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPopover.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAa1D;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAC,KAAK,EACf,eAAe,QACf,UAAU,EAAE;YACV,MAAM,EAAE,CAAC;SACV,GACD,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,WAAiB,gBAAgB;IAC/B;;OAEG;IACU,gCAAe,GAAG,qBAAqB,CAAC;AACvD,CAAC,EALgB,gBAAgB,KAAhB,gBAAgB,QAKhC","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 { Popover } from \"@itwin/itwinui-react\";\nimport { ButtonExpandIndicator } from \"./ExpandIndicator\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\ntype StatusBarPopoverProps = CommonProps &\n  Pick<\n    React.ComponentProps<typeof Popover>,\n    | \"content\"\n    | \"children\"\n    | \"visible\"\n    | \"onVisibleChange\"\n    | \"closeOnOutsideClick\"\n  >;\n\n/** Popover component used in `StatusBar` component.\n * This component should wrap the element that triggers the popover.\n * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.\n * @public\n */\nexport function StatusBarPopover(props: StatusBarPopoverProps) {\n  return (\n    <Popover\n      {...props}\n      placement=\"top\"\n      applyBackground\n      middleware={{\n        offset: 4,\n      }}\n    />\n  );\n}\n\n/** Components used in `StatusBarPopover`.\n * @public\n */\nexport namespace StatusBarPopover {\n  /** Indicator to be used in popover trigger buttons to show expandable content.\n   * @public\n   */\n  export const ExpandIndicator = ButtonExpandIndicator;\n}\n"]}
+{"version":3,"file":"StatusBarPopover.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAc1D;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAC,KAAK,EACf,eAAe,QACf,UAAU,EAAE;YACV,MAAM,EAAE,CAAC;SACV,GACD,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,WAAiB,gBAAgB;IAC/B;;OAEG;IACU,gCAAe,GAAG,qBAAqB,CAAC;AACvD,CAAC,EALgB,gBAAgB,KAAhB,gBAAgB,QAKhC","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 { Popover } from \"@itwin/itwinui-react\";\nimport { ButtonExpandIndicator } from \"./ExpandIndicator\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n// eslint-disable-next-line deprecation/deprecation\ntype StatusBarPopoverProps = CommonProps &\n  Pick<\n    React.ComponentProps<typeof Popover>,\n    | \"content\"\n    | \"children\"\n    | \"visible\"\n    | \"onVisibleChange\"\n    | \"closeOnOutsideClick\"\n  >;\n\n/** Popover component used in `StatusBar` component.\n * This component should wrap the element that triggers the popover.\n * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.\n * @public\n */\nexport function StatusBarPopover(props: StatusBarPopoverProps) {\n  return (\n    <Popover\n      {...props}\n      placement=\"top\"\n      applyBackground\n      middleware={{\n        offset: 4,\n      }}\n    />\n  );\n}\n\n/** Components used in `StatusBarPopover`.\n * @public\n */\nexport namespace StatusBarPopover {\n  /** Indicator to be used in popover trigger buttons to show expandable content.\n   * @public\n   */\n  export const ExpandIndicator = ButtonExpandIndicator;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,4BAyDrD"}
+{"version":3,"file":"ActivityCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD;;GAEG;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,4BAyDrD"}

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

@@ -14,6 +14,7 @@ import { useTranslation } from "../hooks/useTranslation";
 /** Activity Center Field React component.
  * @public
  */
+// eslint-disable-next-line deprecation/deprecation
 export function ActivityCenterField(props) {
     const { translate } = useTranslation();
     const [message, setMessage] = React.useState("");

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAkB;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACvE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACzB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,GAAG,EAAE;YACrE,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,cAAc,CAAC,0BAA0B,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,GAAG,CAAC;IAC7D,IAAI,CAAC,SAAS,IAAI,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAElD,MAAM,WAAW,GAAG,SAAS,CAAC,4BAA4B,CAAC,CAAC;IAC5D,gEAAgE;IAChE,MAAM,OAAO,GAAG,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC;IAE5C,OAAO;IACL,mDAAmD;IACnD,oBAAC,QAAQ,IACP,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,KAAK;YACjB,GAAG,KAAK,CAAC,KAAK;SACf,EACD,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,OAAO;QAEd,oBAAC,cAAc,IACb,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG;aACV,EACD,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE;gBACN,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAE,CAAC;oBACzB,UAAU;;oBAAG,SAAS,CAAC,gCAAgC,CAAC,CACpD;aACR,GACD,CACO,CACZ,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Centered } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport type { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\nimport { ProgressLinear, Text } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Activity Center Field React component.\n * @public\n */\nexport function ActivityCenterField(props: CommonProps) {\n  const { translate } = useTranslation();\n  const [message, setMessage] = React.useState<NotifyMessageType>(\"\");\n  const [percentage, setPercentage] = React.useState<number>(0);\n  const [isVisible, setIsVisible] = React.useState<boolean>(true);\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {\n      setMessage(args.message);\n      setPercentage(args.percentage);\n      setIsVisible(true);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageCancelledEvent.addListener(() => {\n      setIsVisible(false);\n    });\n  }, []);\n\n  const openActivityMessage = () => {\n    MessageManager.setupActivityMessageValues(message, percentage, true);\n  };\n\n  const isPercentageValid = percentage > 0 && percentage < 100;\n  if (!isVisible || !isPercentageValid) return null;\n\n  const moreDetails = translate(\"activityCenter.moreDetails\");\n  // eslint-disable-next-line @typescript-eslint/no-base-to-string\n  const tooltip = `${message}-${moreDetails}`;\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Centered\n      className={classnames(\"open-activity-message\", props.className)}\n      style={{\n        height: \"100%\",\n        minWidth: 120,\n        padding: \"0 8px\",\n        alignItems: \"end\",\n        ...props.style,\n      }}\n      onClick={openActivityMessage}\n      title={tooltip}\n    >\n      <ProgressLinear\n        style={{\n          flex: \"1\",\n        }}\n        value={percentage}\n        labels={[\n          <Text variant=\"small\" key={0}>\n            {percentage} {translate(\"activityCenter.percentComplete\")}\n          </Text>,\n        ]}\n      />\n    </Centered>\n  );\n}\n"]}
+{"version":3,"file":"ActivityCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ActivityCenter.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD;;GAEG;AACH,mDAAmD;AACnD,MAAM,UAAU,mBAAmB,CAAC,KAAkB;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,EAAE,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAC;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,6BAA6B,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACvE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACzB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,cAAc,CAAC,+BAA+B,CAAC,WAAW,CAAC,GAAG,EAAE;YACrE,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,cAAc,CAAC,0BAA0B,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,GAAG,CAAC;IAC7D,IAAI,CAAC,SAAS,IAAI,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAElD,MAAM,WAAW,GAAG,SAAS,CAAC,4BAA4B,CAAC,CAAC;IAC5D,gEAAgE;IAChE,MAAM,OAAO,GAAG,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC;IAE5C,OAAO;IACL,mDAAmD;IACnD,oBAAC,QAAQ,IACP,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,KAAK;YACjB,GAAG,KAAK,CAAC,KAAK;SACf,EACD,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,OAAO;QAEd,oBAAC,cAAc,IACb,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG;aACV,EACD,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE;gBACN,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAE,CAAC;oBACzB,UAAU;;oBAAG,SAAS,CAAC,gCAAgC,CAAC,CACpD;aACR,GACD,CACO,CACZ,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Centered } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport type { NotifyMessageType } from \"../messages/ReactNotifyMessageDetails\";\nimport { ProgressLinear, Text } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Activity Center Field React component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ActivityCenterField(props: CommonProps) {\n  const { translate } = useTranslation();\n  const [message, setMessage] = React.useState<NotifyMessageType>(\"\");\n  const [percentage, setPercentage] = React.useState<number>(0);\n  const [isVisible, setIsVisible] = React.useState<boolean>(true);\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {\n      setMessage(args.message);\n      setPercentage(args.percentage);\n      setIsVisible(true);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageCancelledEvent.addListener(() => {\n      setIsVisible(false);\n    });\n  }, []);\n\n  const openActivityMessage = () => {\n    MessageManager.setupActivityMessageValues(message, percentage, true);\n  };\n\n  const isPercentageValid = percentage > 0 && percentage < 100;\n  if (!isVisible || !isPercentageValid) return null;\n\n  const moreDetails = translate(\"activityCenter.moreDetails\");\n  // eslint-disable-next-line @typescript-eslint/no-base-to-string\n  const tooltip = `${message}-${moreDetails}`;\n\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Centered\n      className={classnames(\"open-activity-message\", props.className)}\n      style={{\n        height: \"100%\",\n        minWidth: 120,\n        padding: \"0 8px\",\n        alignItems: \"end\",\n        ...props.style,\n      }}\n      onClick={openActivityMessage}\n      title={tooltip}\n    >\n      <ProgressLinear\n        style={{\n          flex: \"1\",\n        }}\n        value={percentage}\n        labels={[\n          <Text variant=\"small\" key={0}>\n            {percentage} {translate(\"activityCenter.percentComplete\")}\n          </Text>,\n        ]}\n      />\n    </Centered>\n  );\n}\n"]}

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

@@ -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;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA4FlE"}
+{"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"}

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

@@ -1 +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 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 */\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"]}
+{"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 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"]}

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

@@ -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;AACH,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"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAS/B;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,SAAS,GAAG,UAAU,CAC1B,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,oBAAC,IAAI,IAAC,QAAQ,EAAE,oBAAC,SAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACR,CACP,CAAC;AACJ,CAAC;AASD;;GAEG;AACH,MAAM,UAAU,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","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 */\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"]}
+{"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,SAAS,GAAG,UAAU,CAC1B,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,oBAAC,IAAI,IAAC,QAAQ,EAAE,oBAAC,SAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACR,CACP,CAAC;AACJ,CAAC;AASD;;GAEG;AACH,MAAM,UAAU,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","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"]}

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

@@ -3,12 +3,11 @@
  */
 import * as React from "react";
 import type { CommonProps } from "@itwin/core-react";
-/**
- * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.
+/** `SelectionInfoField` component is designed to be specified in a status bar.
  * It is used to display the number of items in a selection set.
- * This React component is Redux connected.
- * @note Use [[SelectionCountField]] to display custom selection count.
+ * @note Requires redux provider.
  * @public
+ * @deprecated in 4.15.0. Use {@link SelectionCountField} instead.
  */
 export declare function SelectionInfoField(props: CommonProps): React.JSX.Element;
 //# sourceMappingURL=SelectionInfo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionInfo.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBAepD"}
+{"version":3,"file":"SelectionInfo.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;;;GAKG;AAEH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,qBAYpD"}

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

@@ -7,22 +7,18 @@
  */
 import * as React from "react";
 import { SelectionCountField } from "./SelectionCount";
-import { useSelector } from "react-redux";
-import { UiFramework } from "../UiFramework";
-/**
- * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState";
+/** `SelectionInfoField` component is designed to be specified in a status bar.
  * It is used to display the number of items in a selection set.
- * This React component is Redux connected.
- * @note Use [[SelectionCountField]] to display custom selection count.
+ * @note Requires redux provider.
  * @public
+ * @deprecated in 4.15.0. Use {@link SelectionCountField} instead.
  */
+// eslint-disable-next-line deprecation/deprecation
 export function SelectionInfoField(props) {
-    const count = useSelector((state) => {
-        const frameworkState = state[UiFramework.frameworkStateKey];
-        if (!frameworkState)
-            return 0;
-        return frameworkState.sessionState.numItemsSelected;
-    });
-    return (React.createElement(SelectionCountField, { className: props.className, style: props.style, count: count }));
+    const numItemsSelected = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.sessionState.numItemsSelected ?? 0);
+    return (React.createElement(SelectionCountField, { className: props.className, style: props.style, count: numItemsSelected }));
 }
 //# sourceMappingURL=SelectionInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionInfo.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE;QACvC,MAAM,cAAc,GAClB,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAC;QAE9B,OAAO,cAAc,CAAC,YAAY,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SelectionCountField } from \"./SelectionCount\";\nimport { useSelector } from \"react-redux\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { FrameworkState } from \"../redux/FrameworkState\";\n\n/**\n * SelectionInfo Status Field React component. This component is designed to be specified in a status bar definition.\n * It is used to display the number of items in a selection set.\n * This React component is Redux connected.\n * @note Use [[SelectionCountField]] to display custom selection count.\n * @public\n */\nexport function SelectionInfoField(props: CommonProps) {\n  const count = useSelector((state: any) => {\n    const frameworkState: FrameworkState | undefined =\n      state[UiFramework.frameworkStateKey];\n    if (!frameworkState) return 0;\n\n    return frameworkState.sessionState.numItemsSelected;\n  });\n  return (\n    <SelectionCountField\n      className={props.className}\n      style={props.style}\n      count={count}\n    />\n  );\n}\n"]}
+{"version":3,"file":"SelectionInfo.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionInfo.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE3E;;;;;GAKG;AACH,mDAAmD;AACnD,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,gBAAgB,GAAG,sBAAsB;IAC7C,mDAAmD;IACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,gBAAgB,IAAI,CAAC,CACrD,CAAC;IACF,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,gBAAgB,GACvB,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SelectionCountField } from \"./SelectionCount\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState\";\n\n/** `SelectionInfoField` component is designed to be specified in a status bar.\n * It is used to display the number of items in a selection set.\n * @note Requires redux provider.\n * @public\n * @deprecated in 4.15.0. Use {@link SelectionCountField} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function SelectionInfoField(props: CommonProps) {\n  const numItemsSelected = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.sessionState.numItemsSelected ?? 0\n  );\n  return (\n    <SelectionCountField\n      className={props.className}\n      style={props.style}\n      count={numItemsSelected}\n    />\n  );\n}\n"]}

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

@@ -1,29 +1,24 @@
 /** @packageDocumentation
  * @module StatusBar
  */
-import type { CommonProps } from "@itwin/core-react";
-import * as React from "react";
-import type { ConnectedComponent } from "react-redux";
-import type { PresentationSelectionScope } from "../redux/SessionState";
 import "./SelectionScope.scss";
-/** Defines properties supported by the SelectionScopeField Component.
- * @public
- */
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
 interface SelectionScopeFieldProps extends CommonProps {
-    activeSelectionScope: string;
-    availableSelectionScopes: PresentationSelectionScope[];
+    /** Describes which selection scope is active. Uses redux store as a fallback. Defaults to `""`. */
+    activeScope?: string;
+    /** Describes available selection scopes. Uses redux store as a fallback. Defaults to `{ id: "element", label: "Element" }`. */
+    selectionScopes?: {
+        id: string;
+        label: string;
+    }[];
+    /** Function called when the active selection scope is changed. */
+    onChange?: (scope: string) => void;
 }
-/**
- * Status Field React component. This component is designed to be specified in a status bar definition.
- */
-declare function SelectionScopeFieldComponent(props: SelectionScopeFieldProps): React.JSX.Element;
-/**
- * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will
- * display the active selection scope from `UiFramework.getActiveSelectionScope()`, and display the stored list of scopes from
- * `UiFramework.getAvailableSelectionScopes()` to allow the user to change the active selection scope, using `UiFramework.setActiveSelectionScope()`.
- * This React component is Redux connected.
+/** `SelectionScopeField` component is designed to be specified in a status bar.
+ * It displays the active selection scope and the list of scopes from which the user can change the active selection scope.
  * @public
  */
-export declare const SelectionScopeField: ConnectedComponent<typeof SelectionScopeFieldComponent, CommonProps>;
+export declare function SelectionScopeField(props: SelectionScopeFieldProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=SelectionScope.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionScope.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,uBAAuB,CAAC;AAG/B;;GAEG;AACH,UAAU,wBAAyB,SAAQ,WAAW;IACpD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,wBAAwB,EAAE,0BAA0B,EAAE,CAAC;CACxD;AAED;;GAEG;AACH,iBAAS,4BAA4B,CAAC,KAAK,EAAE,wBAAwB,qBAwCpE;AAeD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,CAClD,OAAO,4BAA4B,EACnC,WAAW,CAC6C,CAAC"}
+{"version":3,"file":"SelectionScope.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,UAAU,wBAAyB,SAAQ,WAAW;IACpD,mGAAmG;IACnG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+HAA+H;IAC/H,eAAe,CAAC,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA6DlE"}

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

@@ -5,45 +5,42 @@
 /** @packageDocumentation
  * @module StatusBar
  */
-import { LabeledSelect } from "@itwin/itwinui-react";
+import "./SelectionScope.scss";
 import classnames from "classnames";
 import * as React from "react";
-import { connect } from "react-redux";
+import { LabeledSelect } from "@itwin/itwinui-react";
 import { UiFramework } from "../UiFramework";
-import "./SelectionScope.scss";
 import { useTranslation } from "../hooks/useTranslation";
-/**
- * Status Field React component. This component is designed to be specified in a status bar definition.
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState";
+/** `SelectionScopeField` component is designed to be specified in a status bar.
+ * It displays the active selection scope and the list of scopes from which the user can change the active selection scope.
+ * @public
  */
-function SelectionScopeFieldComponent(props) {
+export function SelectionScopeField(props) {
     const { translate } = useTranslation();
-    const options = React.useMemo(() => props.availableSelectionScopes.map((scope) => {
+    const reduxActiveSelectionScope = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.sessionState.activeSelectionScope);
+    const reduxAvailableSelectionScopes = useReduxFrameworkState(
+    // eslint-disable-next-line deprecation/deprecation
+    (state) => state?.sessionState.availableSelectionScopes);
+    const activeSelectionScope = props.activeScope ?? reduxActiveSelectionScope ?? "";
+    const availableSelectionScopes = React.useMemo(() => props.selectionScopes ??
+        reduxAvailableSelectionScopes ?? [{ id: "element", label: "Element" }], [props.selectionScopes, reduxAvailableSelectionScopes]);
+    const options = React.useMemo(() => availableSelectionScopes.map((scope) => {
         return { value: scope.id, label: scope.label };
-    }), [props.availableSelectionScopes]);
+    }), [availableSelectionScopes]);
     const updateSelectValue = (newValue) => {
-        if (newValue) {
-            UiFramework.setActiveSelectionScope(newValue);
+        if (!newValue)
+            return;
+        if (props.onChange) {
+            props.onChange(newValue);
+            return;
         }
+        // eslint-disable-next-line deprecation/deprecation
+        UiFramework.setActiveSelectionScope(newValue);
     };
     return (React.createElement("div", { className: classnames("uifw-statusFields-selectionScope", props.className), style: props.style },
-        React.createElement(LabeledSelect, { className: "uifw-statusFields-selectionScope-selector", label: `${translate("selectionScopeField.label")}:`, labelProps: { className: "uifw-statusFields-selectionScope-label" }, wrapperProps: { style: { rowGap: "0px" } }, displayStyle: "inline", value: props.activeSelectionScope, options: options, onChange: updateSelectValue, "data-testid": "components-selectionScope-selector", title: translate("selectionScopeField.toolTip"), size: "small" })));
+        React.createElement(LabeledSelect, { className: "uifw-statusFields-selectionScope-selector", label: `${translate("selectionScopeField.label")}:`, labelProps: { className: "uifw-statusFields-selectionScope-label" }, displayStyle: "inline", value: activeSelectionScope, options: options, onChange: updateSelectValue, "data-testid": "components-selectionScope-selector", title: translate("selectionScopeField.toolTip"), size: "small" })));
 }
-/** Function used by Redux to map state data in Redux store to props that are used to render this component. */
-function mapStateToProps(state) {
-    const frameworkState = state[UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
-    if (!frameworkState)
-        return undefined;
-    return {
-        activeSelectionScope: frameworkState.sessionState.activeSelectionScope,
-        availableSelectionScopes: frameworkState.sessionState.availableSelectionScopes,
-    };
-}
-/**
- * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will
- * display the active selection scope from `UiFramework.getActiveSelectionScope()`, and display the stored list of scopes from
- * `UiFramework.getAvailableSelectionScopes()` to allow the user to change the active selection scope, using `UiFramework.setActiveSelectionScope()`.
- * This React component is Redux connected.
- * @public
- */
-export const SelectionScopeField = connect(mapStateToProps)(SelectionScopeFieldComponent);
 //# sourceMappingURL=SelectionScope.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAUzD;;GAEG;AACH,SAAS,4BAA4B,CAAC,KAA+B;IACnE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3C,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACjD,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,wBAAwB,CAAC,CACjC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,IAAI,QAAQ,EAAE,CAAC;YACb,WAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,EACD,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,oBAAC,aAAa,IACZ,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,GAAG,SAAS,CAAC,2BAA2B,CAAC,GAAG,EACnD,UAAU,EAAE,EAAE,SAAS,EAAE,wCAAwC,EAAE,EACnE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAC1C,YAAY,EAAC,QAAQ,EACrB,KAAK,EAAE,KAAK,CAAC,oBAAoB,EACjC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,iBAAiB,iBACf,oCAAoC,EAChD,KAAK,EAAE,SAAS,CAAC,6BAA6B,CAAC,EAC/C,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,CAAC;AAED,+GAA+G;AAC/G,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,8CAA8C;IAE3G,IAAI,CAAC,cAAc;QAAE,OAAO,SAAS,CAAC;IAEtC,OAAO;QACL,oBAAoB,EAAE,cAAc,CAAC,YAAY,CAAC,oBAAoB;QACtE,wBAAwB,EACtB,cAAc,CAAC,YAAY,CAAC,wBAAwB;KACvD,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAG5B,OAAO,CAAC,eAAe,CAAC,CAAC,4BAA4B,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { LabeledSelect } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { ConnectedComponent } from \"react-redux\";\nimport { connect } from \"react-redux\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { PresentationSelectionScope } from \"../redux/SessionState\";\nimport \"./SelectionScope.scss\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Defines properties supported by the SelectionScopeField Component.\n * @public\n */\ninterface SelectionScopeFieldProps extends CommonProps {\n  activeSelectionScope: string;\n  availableSelectionScopes: PresentationSelectionScope[];\n}\n\n/**\n * Status Field React component. This component is designed to be specified in a status bar definition.\n */\nfunction SelectionScopeFieldComponent(props: SelectionScopeFieldProps) {\n  const { translate } = useTranslation();\n\n  const options = React.useMemo(\n    () =>\n      props.availableSelectionScopes.map((scope) => {\n        return { value: scope.id, label: scope.label };\n      }),\n    [props.availableSelectionScopes]\n  );\n\n  const updateSelectValue = (newValue: string) => {\n    if (newValue) {\n      UiFramework.setActiveSelectionScope(newValue);\n    }\n  };\n\n  return (\n    <div\n      className={classnames(\n        \"uifw-statusFields-selectionScope\",\n        props.className\n      )}\n      style={props.style}\n    >\n      <LabeledSelect\n        className=\"uifw-statusFields-selectionScope-selector\"\n        label={`${translate(\"selectionScopeField.label\")}:`}\n        labelProps={{ className: \"uifw-statusFields-selectionScope-label\" }}\n        wrapperProps={{ style: { rowGap: \"0px\" } }} // TODO: remove when https://github.com/iTwin/iTwinUI/issues/2051 is fixed\n        displayStyle=\"inline\"\n        value={props.activeSelectionScope}\n        options={options}\n        onChange={updateSelectValue}\n        data-testid=\"components-selectionScope-selector\"\n        title={translate(\"selectionScopeField.toolTip\")}\n        size=\"small\"\n      />\n    </div>\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\n  if (!frameworkState) return undefined;\n\n  return {\n    activeSelectionScope: frameworkState.sessionState.activeSelectionScope,\n    availableSelectionScopes:\n      frameworkState.sessionState.availableSelectionScopes,\n  };\n}\n\n/**\n * SelectionScopeField React component. This component is designed to be specified in a status bar definition. It will\n * display the active selection scope from `UiFramework.getActiveSelectionScope()`, and display the stored list of scopes from\n * `UiFramework.getAvailableSelectionScopes()` to allow the user to change the active selection scope, using `UiFramework.setActiveSelectionScope()`.\n * This React component is Redux connected.\n * @public\n */\nexport const SelectionScopeField: ConnectedComponent<\n  typeof SelectionScopeFieldComponent,\n  CommonProps\n> = connect(mapStateToProps)(SelectionScopeFieldComponent);\n"]}
+{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,yBAAyB,GAAG,sBAAsB;IACtD,mDAAmD;IACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,oBAAoB,CACpD,CAAC;IACF,MAAM,6BAA6B,GAAG,sBAAsB;IAC1D,mDAAmD;IACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,wBAAwB,CACxD,CAAC;IAEF,MAAM,oBAAoB,GACxB,KAAK,CAAC,WAAW,IAAI,yBAAyB,IAAI,EAAE,CAAC;IACvD,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CACH,KAAK,CAAC,eAAe;QACrB,6BAA6B,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACxE,CAAC,KAAK,CAAC,eAAe,EAAE,6BAA6B,CAAC,CACvD,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACH,wBAAwB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACrC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACjD,CAAC,CAAC,EACJ,CAAC,wBAAwB,CAAC,CAC3B,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,mDAAmD;QACnD,WAAW,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,EACD,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,oBAAC,aAAa,IACZ,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,GAAG,SAAS,CAAC,2BAA2B,CAAC,GAAG,EACnD,UAAU,EAAE,EAAE,SAAS,EAAE,wCAAwC,EAAE,EACnE,YAAY,EAAC,QAAQ,EACrB,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,iBAAiB,iBACf,oCAAoC,EAChD,KAAK,EAAE,SAAS,CAAC,6BAA6B,CAAC,EAC/C,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./SelectionScope.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { LabeledSelect } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState\";\n\n// eslint-disable-next-line deprecation/deprecation\ninterface SelectionScopeFieldProps extends CommonProps {\n  /** Describes which selection scope is active. Uses redux store as a fallback. Defaults to `\"\"`. */\n  activeScope?: string;\n  /** Describes available selection scopes. Uses redux store as a fallback. Defaults to `{ id: \"element\", label: \"Element\" }`. */\n  selectionScopes?: {\n    id: string;\n    label: string;\n  }[];\n  /** Function called when the active selection scope is changed. */\n  onChange?: (scope: string) => void;\n}\n\n/** `SelectionScopeField` component is designed to be specified in a status bar.\n * It displays the active selection scope and the list of scopes from which the user can change the active selection scope.\n * @public\n */\nexport function SelectionScopeField(props: SelectionScopeFieldProps) {\n  const { translate } = useTranslation();\n  const reduxActiveSelectionScope = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.sessionState.activeSelectionScope\n  );\n  const reduxAvailableSelectionScopes = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.sessionState.availableSelectionScopes\n  );\n\n  const activeSelectionScope =\n    props.activeScope ?? reduxActiveSelectionScope ?? \"\";\n  const availableSelectionScopes = React.useMemo(\n    () =>\n      props.selectionScopes ??\n      reduxAvailableSelectionScopes ?? [{ id: \"element\", label: \"Element\" }],\n    [props.selectionScopes, reduxAvailableSelectionScopes]\n  );\n\n  const options = React.useMemo(\n    () =>\n      availableSelectionScopes.map((scope) => {\n        return { value: scope.id, label: scope.label };\n      }),\n    [availableSelectionScopes]\n  );\n\n  const updateSelectValue = (newValue: string) => {\n    if (!newValue) return;\n    if (props.onChange) {\n      props.onChange(newValue);\n      return;\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    UiFramework.setActiveSelectionScope(newValue);\n  };\n\n  return (\n    <div\n      className={classnames(\n        \"uifw-statusFields-selectionScope\",\n        props.className\n      )}\n      style={props.style}\n    >\n      <LabeledSelect\n        className=\"uifw-statusFields-selectionScope-selector\"\n        label={`${translate(\"selectionScopeField.label\")}:`}\n        labelProps={{ className: \"uifw-statusFields-selectionScope-label\" }}\n        displayStyle=\"inline\"\n        value={activeSelectionScope}\n        options={options}\n        onChange={updateSelectValue}\n        data-testid=\"components-selectionScope-selector\"\n        title={translate(\"selectionScopeField.toolTip\")}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n"]}

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

@@ -1,24 +1,21 @@
 /** @packageDocumentation
  * @module StatusBar
  */
+import { SnapMode } from "@itwin/core-frontend";
 import type { CommonProps } from "@itwin/core-react";
 import * as React from "react";
-/** Defines properties supported by the SnapMode Field Component.
- */
+/** Defines properties supported by the SnapMode Field Component. */
 interface SnapModeFieldProps extends CommonProps {
-    snapMode: number;
+    /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.
+     * @note Enum flags are supported.
+     */
+    snapMode?: SnapMode;
+    onChange?: (newSnapMode: SnapMode) => void;
 }
-/**
- * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will
- * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
- */
-declare function SnapModeFieldComponent(props: SnapModeFieldProps): React.JSX.Element;
-/**
- * Snap Mode Field React component. This component is designed to be specified in a status bar definition. It will
+/** `SnapModeField` component designed to be specified in a status bar. It will
  * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.
- * This Field React component is Redux connected.
  * @public
  */
-export declare const SnapModeField: import("react-redux").ConnectedComponent<typeof SnapModeFieldComponent, import("react-redux").Omit<SnapModeFieldProps, "snapMode">>;
+export declare function SnapModeField(props: SnapModeFieldProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=SnapMode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SnapMode.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SnapMode.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAUH,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;GACG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAqCD;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,qBA2FxD;AAYD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,qIAAmD,CAAC"}
+{"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"}