@itwin/appui-react 4.0.0 → 4.0.1

package/lib/esm/appui-react/statusbar/LabelIndicator.scss

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
-
-.uifw-statusbar-labelIndicator {
-  &.uifw-reversed {
-    flex-direction: row-reverse;
-  }
-
-  >.uifw-label {
-    font-size: $text-font-size;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    @include for-tablet-landscape-down {
-      display: none;
-    }
-  }
-
-  >.uifw-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: $icon-size;
-    width: $icon-size;
-
-    /* Medium devices */
-    @include for-tablet-landscape-down {
-      font-size: $icon-size-medium;
-      width: $icon-size-medium;
-    }
-
-    /* Small devices */
-    @include for-phone-only {
-      font-size: $icon-size-small;
-      width: $icon-size-small;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
+
+.uifw-statusbar-labelIndicator {
+  &.uifw-reversed {
+    flex-direction: row-reverse;
+  }
+
+  >.uifw-label {
+    font-size: $text-font-size;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    @include for-tablet-landscape-down {
+      display: none;
+    }
+  }
+
+  >.uifw-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: $icon-size;
+    width: $icon-size;
+
+    /* Medium devices */
+    @include for-tablet-landscape-down {
+      font-size: $icon-size-medium;
+      width: $icon-size-medium;
+    }
+
+    /* Small devices */
+    @include for-phone-only {
+      font-size: $icon-size-small;
+      width: $icon-size-small;
+    }
+  }
+}

package/lib/esm/appui-react/statusbar/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Overflow.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,KAAK,GAAG,iBAAiB,CAAiB,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAC1B,yBAAyB,EACzB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAExE,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,KAAK,CAAC,OAAO;QAEpB,oBAAC,QAAQ,OAAG,CACR,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./Overflow.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, useRefs, useResizeObserver } from \"@itwin/core-react\";\r\nimport { Ellipsis } from \"@itwin/appui-layout-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties of [[StatusBarOverflow]] component.\r\n * @internal\r\n */\r\nexport interface StatusBarOverflowProps extends CommonProps {\r\n  /** Function called when button is clicked. */\r\n  onClick?: () => void;\r\n  /** Function called when button is resized. */\r\n  onResize?: (w: number) => void;\r\n}\r\n\r\n/** Entry point to overflow status bar items of [[StatusBarComposer]] component.\r\n * @internal\r\n */\r\nexport const StatusBarOverflow = React.forwardRef<HTMLDivElement, StatusBarOverflowProps>(\r\n  function StatusBarOverflow(props, ref) { // eslint-disable-line @typescript-eslint/no-shadow, @typescript-eslint/naming-convention\r\n    const roRef = useResizeObserver<HTMLDivElement>(props.onResize);\r\n    const refs = useRefs(roRef, ref);\r\n    const className = classnames(\r\n      \"uifw-statusbar-overflow\",\r\n      props.className,\r\n    );\r\n    const title = React.useRef(UiFramework.translate(\"statusBar.overflow\"));\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        className={className}\r\n        onClick={props.onClick}\r\n        ref={refs}\r\n        style={props.style}\r\n        role=\"button\"\r\n        tabIndex={-1}\r\n        title={title.current}\r\n      >\r\n        <Ellipsis />\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"]}
+{"version":3,"file":"Overflow.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Overflow.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,KAAK,GAAG,iBAAiB,CAAiB,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAC1B,yBAAyB,EACzB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAExE,OAAO;IACL,iEAAiE;IACjE,6BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,KAAK,CAAC,OAAO;QAEpB,oBAAC,QAAQ,OAAG,CACR,CACP,CAAC;AACJ,CAAC,CACF,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 \"./Overflow.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps, useRefs, useResizeObserver } from \"@itwin/core-react\";\nimport { Ellipsis } from \"@itwin/appui-layout-react\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties of [[StatusBarOverflow]] component.\n * @internal\n */\nexport interface StatusBarOverflowProps extends CommonProps {\n  /** Function called when button is clicked. */\n  onClick?: () => void;\n  /** Function called when button is resized. */\n  onResize?: (w: number) => void;\n}\n\n/** Entry point to overflow status bar items of [[StatusBarComposer]] component.\n * @internal\n */\nexport const StatusBarOverflow = React.forwardRef<HTMLDivElement, StatusBarOverflowProps>(\n  function StatusBarOverflow(props, ref) { // eslint-disable-line @typescript-eslint/no-shadow, @typescript-eslint/naming-convention\n    const roRef = useResizeObserver<HTMLDivElement>(props.onResize);\n    const refs = useRefs(roRef, ref);\n    const className = classnames(\n      \"uifw-statusbar-overflow\",\n      props.className,\n    );\n    const title = React.useRef(UiFramework.translate(\"statusBar.overflow\"));\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        onClick={props.onClick}\n        ref={refs}\n        style={props.style}\n        role=\"button\"\n        tabIndex={-1}\n        title={title.current}\n      >\n        <Ellipsis />\n      </div>\n    );\n  },\n);\n"]}

package/lib/esm/appui-react/statusbar/Overflow.scss

@@ -1,28 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-.uifw-statusbar-overflow {
-  height: 100%;
-  width: 3em;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: auto;
-  cursor: pointer;
-  flex-shrink: 0;
-
-  &:hover {
-    background: $buic-background-2;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  &.nz-hidden {
-    visibility: hidden;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+.uifw-statusbar-overflow {
+  height: 100%;
+  width: 3em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &:hover {
+    background: $buic-background-2;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &.nz-hidden {
+    visibility: hidden;
+  }
 }

package/lib/esm/appui-react/statusbar/OverflowPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowPanel.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAavD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ToolSettings\r\n */\r\n\r\nimport \"./OverflowPanel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Popup } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[StatusBarOverflowPanel]] component.\r\n * @internal\r\n */\r\nexport interface StatusBarOverflowPanelProps extends CommonProps {\r\n  /** Panel content. */\r\n  children?: React.ReactNode;\r\n  onClose: () => void;\r\n  target: HTMLElement | undefined;\r\n  open: boolean;\r\n}\r\n\r\n/** Displays overflow status bar items.\r\n * @internal\r\n */\r\nexport function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps) {\r\n  const className = classnames(\r\n    \"uifw-statusbar-panel\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <Popup\r\n      className={className}\r\n      isOpen={props.open}\r\n      offset={0}\r\n      onClose={props.onClose}\r\n      style={props.style}\r\n      showShadow={true}\r\n      target={props.target}\r\n    >\r\n      {props.children}\r\n    </Popup>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"OverflowPanel.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/OverflowPanel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAavD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,KAAK,CAAC,QAAQ,CACT,CACT,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 ToolSettings\n */\n\nimport \"./OverflowPanel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps, Popup } from \"@itwin/core-react\";\n\n/** Properties of [[StatusBarOverflowPanel]] component.\n * @internal\n */\nexport interface StatusBarOverflowPanelProps extends CommonProps {\n  /** Panel content. */\n  children?: React.ReactNode;\n  onClose: () => void;\n  target: HTMLElement | undefined;\n  open: boolean;\n}\n\n/** Displays overflow status bar items.\n * @internal\n */\nexport function StatusBarOverflowPanel(props: StatusBarOverflowPanelProps) {\n  const className = classnames(\n    \"uifw-statusbar-panel\",\n    props.className,\n  );\n  return (\n    <Popup\n      className={className}\n      isOpen={props.open}\n      offset={0}\n      onClose={props.onClose}\n      style={props.style}\n      showShadow={true}\n      target={props.target}\n    >\n      {props.children}\n    </Popup>\n  );\n}\n"]}

package/lib/esm/appui-react/statusbar/OverflowPanel.scss

@@ -1,23 +1,23 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-
-.uifw-statusbar-panel {
-  background: $buic-background-1;
-  padding: 0.5em;
-
-  &.core-popup.core-popup-top {
-    @include uicore-z-index(status-overflow-popup);
-  }
-}
-
-.uifw-statusbar-overflow-items-container {
-  display: flex;
-  flex-direction: column;
-
-  >.nz-footer-separator {
-    display: none;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/index";
+
+.uifw-statusbar-panel {
+  background: $buic-background-1;
+  padding: 0.5em;
+
+  &.core-popup.core-popup-top {
+    @include uicore-z-index(status-overflow-popup);
+  }
+}
+
+.uifw-statusbar-overflow-items-container {
+  display: flex;
+  flex-direction: column;
+
+  >.nz-footer-separator {
+    display: none;
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Popup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CACL,oBAAC,WAAW,OACN,KAAK,GACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PopupProps } from \"@itwin/core-react\";\r\nimport { FooterPopup } from \"@itwin/appui-layout-react\";\r\n\r\n/** Popup component used in [[StatusBar]] component.\r\n * @beta\r\n */\r\nexport function StatusBarPopup(props: Partial<PopupProps>) {\r\n  return (\r\n    <FooterPopup\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Popup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CACL,oBAAC,WAAW,OACN,KAAK,GACT,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 { PopupProps } from \"@itwin/core-react\";\nimport { FooterPopup } from \"@itwin/appui-layout-react\";\n\n/** Popup component used in [[StatusBar]] component.\n * @beta\n */\nexport function StatusBarPopup(props: Partial<PopupProps>) {\n  return (\n    <FooterPopup\n      {...props}\n    />\n  );\n}\n"]}

package/lib/esm/appui-react/statusbar/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Separator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./Separator.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Component used to separate status fields in a status bar.\r\n * @public\r\n */\r\nexport function StatusBarSeparator(props: CommonProps) {\r\n  const className = classnames(\r\n    \"uifw-statusbar-separator\",\r\n    props.className\r\n  );\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/Separator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,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 \"./Separator.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Component used to separate status fields in a status bar.\n * @public\n */\nexport function StatusBarSeparator(props: CommonProps) {\n  const className = classnames(\n    \"uifw-statusbar-separator\",\n    props.className\n  );\n  return (\n    <div\n      className={className}\n      style={props.style}\n    />\n  );\n}\n"]}

package/lib/esm/appui-react/statusbar/Separator.scss

@@ -1,12 +1,12 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
-
-.uifw-statusbar-separator {
-  height: calc(100% - (#{$nz-footer-indicator-vertical-padding} * 2));
-  width: 1px;
-  margin: $nz-footer-indicator-vertical-padding 0;
-  background-color: var(--iui-color-border-subtle);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
+
+.uifw-statusbar-separator {
+  height: calc(100% - (#{$nz-footer-indicator-vertical-padding} * 2));
+  width: 1px;
+  margin: $nz-footer-indicator-vertical-padding 0;
+  background-color: var(--iui-color-border-subtle);
+}

package/lib/esm/appui-react/statusbar/StatusBar.js

@@ -74,11 +74,9 @@ export class StatusBar extends React.Component {
         };
     }
     render() {
-        return (React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => {
-            var _a, _b, _c;
-            return (React.createElement(Footer, { className: this.props.className, messages: React.createElement(ActivityMessageRenderer, null), onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter, safeAreaInsets: toLayoutSafeAreaInsets(safeAreaInsets), style: this.props.style }, (_c = (_b = (_a = this.props.widgetControl) === null || _a === void 0 ? void 0 : _a.getReactNode) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null,
-                this.props.children));
-        }));
+        return (React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => (React.createElement(Footer, { className: this.props.className, messages: React.createElement(ActivityMessageRenderer, null), onMouseEnter: UiFramework.visibility.handleWidgetMouseEnter, safeAreaInsets: toLayoutSafeAreaInsets(safeAreaInsets), style: this.props.style },
+            this.props.widgetControl?.getReactNode?.() ?? null,
+            this.props.children))));
     }
     componentDidMount() {
         MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);

package/lib/esm/appui-react/statusbar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\r\nimport { Footer } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\r\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\r\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusBarField } from \"./Field\";\r\nimport { StatusBarPopup } from \"./Popup\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** State for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarState {\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n}\r\n\r\n/** Properties for the [[StatusBar]] React component\r\n * @public\r\n */\r\nexport interface StatusBarProps extends CommonProps {\r\n  children?: React.ReactNode;\r\n  widgetControl?: StatusBarWidgetControl;\r\n}\r\n\r\n/** Message type for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Status Bar React component.\r\n * @public\r\n */\r\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\r\n  private messages: StatusBarMessage[] = [];\r\n\r\n  /** @internal */\r\n  constructor(props: StatusBarProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      activityMessageInfo: undefined,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <Footer\r\n            className={this.props.className}\r\n            messages={<ActivityMessageRenderer />}\r\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\r\n            style={this.props.style}\r\n          >\r\n            {this.props.widgetControl?.getReactNode?.() ?? null}\r\n            {this.props.children}\r\n          </Footer>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\r\n\r\n    MessageManager.updateMessages();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\r\n  }\r\n\r\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\r\n    this._updateMessages();\r\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\r\n    messagesToAdd.forEach((msg) => {\r\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\r\n      if (!!displayedMessage)\r\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\r\n    });\r\n  };\r\n\r\n  private _updateMessages = () => {\r\n    const updatedMessages = [...this.messages];\r\n    this.messages.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n    this.messages = updatedMessages;\r\n  };\r\n\r\n  /** Respond to clearing the message list */\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    this._updateMessages();\r\n  };\r\n\r\n  /**\r\n   * Sets state of the status bar to updated values reflecting activity progress.\r\n   * @param args  New values to set for ActivityMessage\r\n   */\r\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      activityMessageInfo: args,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Hides ActivityMessage after cancellation\r\n   */\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      activityMessageInfo: undefined,\r\n    });\r\n  };\r\n\r\n  private _closeMessage = (id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n  };\r\n}\r\n\r\n/** StatusBar With Space Between Items React functional component\r\n * @public\r\n */\r\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\r\n}\r\n\r\n/** StatusBar Left Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarLeftSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\r\n}\r\n\r\n/** StatusBar Center Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarCenterSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\r\n}\r\n\r\n/** StatusBar Right Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarRightSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\r\n}\r\n\r\n/** Components used in a [[StatusBar]].\r\n * @public\r\n */\r\nexport namespace StatusBar {\r\n  /** Field of a [[StatusBar]].\r\n   * @beta\r\n   */\r\n  export const Field = StatusBarField;\r\n\r\n  /** Popup of a [[StatusBar]].\r\n   * @beta\r\n   */\r\n  export const Popup = StatusBarPopup;\r\n}\r\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.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 \"./StatusBar.scss\";\nimport * as React from \"react\";\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\nimport { Footer } from \"@itwin/appui-layout-react\";\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\nimport { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusBarField } from \"./Field\";\nimport { StatusBarPopup } from \"./Popup\";\n\n// cspell:ignore safearea\n\n/** State for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarState {\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\n}\n\n/** Properties for the [[StatusBar]] React component\n * @public\n */\nexport interface StatusBarProps extends CommonProps {\n  children?: React.ReactNode;\n  widgetControl?: StatusBarWidgetControl;\n}\n\n/** Message type for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarMessage {\n  close: () => void;\n  id: string;\n}\n\n/** Status Bar React component.\n * @public\n */\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\n  private messages: StatusBarMessage[] = [];\n\n  /** @internal */\n  constructor(props: StatusBarProps) {\n    super(props);\n\n    this.state = {\n      activityMessageInfo: undefined,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <SafeAreaContext.Consumer>\n        {(safeAreaInsets) => (\n          <Footer\n            className={this.props.className}\n            messages={<ActivityMessageRenderer />}\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\n            style={this.props.style}\n          >\n            {this.props.widgetControl?.getReactNode?.() ?? null}\n            {this.props.children}\n          </Footer>\n        )}\n      </SafeAreaContext.Consumer>\n    );\n  }\n\n  public override componentDidMount() {\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\n\n    MessageManager.updateMessages();\n  }\n\n  public override componentWillUnmount() {\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\n  }\n\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\n    this._updateMessages();\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\n    messagesToAdd.forEach((msg) => {\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\n      if (!!displayedMessage)\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\n    });\n  };\n\n  private _updateMessages = () => {\n    const updatedMessages = [...this.messages];\n    this.messages.forEach((m) => {\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\n        m.close();\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\n        updatedMessages.splice(index, 1);\n      }\n    });\n    this.messages = updatedMessages;\n  };\n\n  /** Respond to clearing the message list */\n  private _handleMessagesUpdatedEvent = () => {\n    this._updateMessages();\n  };\n\n  /**\n   * Sets state of the status bar to updated values reflecting activity progress.\n   * @param args  New values to set for ActivityMessage\n   */\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\n    this.setState({\n      activityMessageInfo: args,\n    });\n  };\n\n  /**\n   * Hides ActivityMessage after cancellation\n   */\n  private _handleActivityMessageCancelledEvent = () => {\n    this.setState({\n      activityMessageInfo: undefined,\n    });\n  };\n\n  private _closeMessage = (id: string) => {\n    MessageManager.activeMessageManager.remove(id);\n    MessageManager.updateMessages();\n  };\n}\n\n/** StatusBar With Space Between Items React functional component\n * @public\n */\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\n}\n\n/** StatusBar Left Section React functional component\n * @public\n */\nexport function StatusBarLeftSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\n}\n\n/** StatusBar Center Section React functional component\n * @public\n */\nexport function StatusBarCenterSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\n}\n\n/** StatusBar Right Section React functional component\n * @public\n */\nexport function StatusBarRightSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\n}\n\n/** Components used in a [[StatusBar]].\n * @public\n */\nexport namespace StatusBar {\n  /** Field of a [[StatusBar]].\n   * @beta\n   */\n  export const Field = StatusBarField;\n\n  /** Popup of a [[StatusBar]].\n   * @beta\n   */\n  export const Popup = StatusBarPopup;\n}\n"]}

package/lib/esm/appui-react/statusbar/StatusBar.scss

@@ -1,42 +1,42 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-statusbar-space-between {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.uifw-statusbar-left {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-}
-
-.uifw-statusbar-center {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.uifw-statusbar-right {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.uifw-statusbar-docked {
-  width: 100%;
-  background-color: var(--iui-color-background);
-}
-
-.uifw-statusbar-item-container {
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  align-content: center;
-  align-items: center;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-statusbar-space-between {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.uifw-statusbar-left {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+
+.uifw-statusbar-center {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.uifw-statusbar-right {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+
+.uifw-statusbar-docked {
+  width: 100%;
+  background-color: var(--iui-color-background);
+}
+
+.uifw-statusbar-item-container {
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  align-items: center;
 }

package/lib/esm/appui-react/statusbar/StatusBarComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ConditionalBooleanValue, ConditionalStringValue, UiSyncEventArgs } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, useRefs, useResizeObserver } from \"@itwin/core-react\";\r\nimport { eqlOverflown } from \"@itwin/appui-layout-react\";\r\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\r\nimport { StatusBarOverflow } from \"./Overflow\";\r\nimport { StatusBarOverflowPanel } from \"./OverflowPanel\";\r\nimport { StatusBarCenterSection, StatusBarLeftSection, StatusBarRightSection, StatusBarSpaceBetween } from \"./StatusBar\";\r\nimport { isStatusBarActionItem, isStatusBarCustomItem, isStatusBarLabelItem, StatusBarActionItem, StatusBarItem, StatusBarLabelItem, StatusBarSection } from \"./StatusBarItem\";\r\nimport { useDefaultStatusBarItems } from \"./useDefaultStatusBarItems\";\r\nimport { useUiItemsProviderStatusBarItems } from \"./useUiItemsProviderStatusBarItems\";\r\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\r\nimport { StatusBarItemsManager } from \"./StatusBarItemsManager\";\r\nimport { isProviderItem } from \"../ui-items-provider/isProviderItem\";\r\n\r\n/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */\r\nfunction getCombinedSectionItemPriority(item: StatusBarItem) {\r\n  let sectionValue = 0;\r\n  if (item.section === StatusBarSection.Center)\r\n    sectionValue = 100000;\r\n  else if (item.section === StatusBarSection.Context)\r\n    sectionValue = 200000;\r\n  else if (item.section === StatusBarSection.Right)\r\n    sectionValue = 300000;\r\n  return sectionValue + item.itemPriority;\r\n}\r\n\r\ninterface DockedStatusBarEntryContextArg {\r\n  readonly isOverflown: boolean;\r\n  readonly onResize: (w: number) => void;\r\n}\r\n\r\nconst DockedStatusBarEntryContext = React.createContext<DockedStatusBarEntryContextArg>(null!);\r\nDockedStatusBarEntryContext.displayName = \"nz:DockedStatusBarEntryContext\";\r\n\r\n/** @internal */\r\nexport function useStatusBarEntry() {\r\n  return React.useContext(DockedStatusBarEntryContext);\r\n}\r\n\r\n/** Properties of [[DockedStatusBarItem]] component.\r\n * @internal future\r\n */\r\nexport interface StatusBarItemProps extends CommonProps {\r\n  /** Tool setting content. */\r\n  children?: React.ReactNode;\r\n  itemPriority?: number;\r\n  providerId?: string;\r\n  section?: string;\r\n}\r\n\r\n/** Used in [[StatusBarComposer]] component to display a statusbar item.\r\n * @internal future\r\n */\r\nexport function DockedStatusBarItem(props: StatusBarItemProps) {\r\n  const { onResize } = useStatusBarEntry();\r\n  const ref = useResizeObserver<HTMLDivElement>(onResize);\r\n  const className = classnames(\r\n    \"uifw-statusbar-item-container\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <div\r\n      data-item-id={props.itemId}\r\n      data-item-type=\"status-bar-item\"\r\n      data-item-location={props.section}\r\n      data-item-priority={props.itemPriority}\r\n      data-item-provider-id={props.providerId}\r\n      className={className}\r\n      ref={ref}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface DockedStatusBarEntryProps {\r\n  children?: React.ReactNode;\r\n  entryKey: string;\r\n  getOnResize: (key: string) => (w: number) => void;\r\n}\r\n\r\n/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow\r\nfunction DockedStatusBarEntry({ children, entryKey, getOnResize }: DockedStatusBarEntryProps) {\r\n  const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);\r\n  const entry = React.useMemo<DockedStatusBarEntryContextArg>(() => ({\r\n    isOverflown: false,\r\n    onResize,\r\n  }), [onResize]);\r\n  return (\r\n    <DockedStatusBarEntryContext.Provider value={entry}>\r\n      {children}\r\n    </DockedStatusBarEntryContext.Provider>\r\n  );\r\n}\r\n\r\n/** Private function to set up sync event monitoring of statusbar items */\r\nfunction useStatusBarItemSyncEffect(itemsManager: StatusBarItemsManager, syncIdsOfInterest: string[]) {\r\n  React.useEffect(() => {\r\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\r\n      if (0 === syncIdsOfInterest.length)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\r\n        // process each item that has interest\r\n        itemsManager.refreshAffectedItems(args.eventIds);\r\n      }\r\n    };\r\n\r\n    // Note: that items with conditions have condition run when loaded into the items manager\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\r\n    return () => {\r\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\r\n    };\r\n  }, [itemsManager, itemsManager.items, syncIdsOfInterest]);\r\n}\r\n\r\nfunction StatusBarLabelItemComponent(props: StatusBarLabelItem) {\r\n  const label = ConditionalStringValue.getValue(props.label);\r\n  return (\r\n    <StatusBarLabelIndicator\r\n      iconSpec={props.icon}\r\n      label={label}\r\n    />\r\n  );\r\n}\r\n\r\nfunction StatusBarActionItemComponent(props: StatusBarActionItem) {\r\n  const title = ConditionalStringValue.getValue(props.tooltip);\r\n  return (\r\n    <StatusBarLabelIndicator\r\n      title={title}\r\n      onClick={props.execute}\r\n      iconSpec={props.icon}\r\n    />\r\n  );\r\n}\r\n\r\n/** local function to combine items from Stage and from Extensions */\r\nfunction combineItems(stageItems: ReadonlyArray<StatusBarItem>, addonItems: ReadonlyArray<StatusBarItem>) {\r\n  const items: StatusBarItem[] = [];\r\n  if (stageItems.length) {\r\n    // Walk through each and ensure no duplicate ids are added.\r\n    stageItems.forEach((srcItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        items.push(srcItem);\r\n      }\r\n    });\r\n  }\r\n  if (addonItems.length) {\r\n    // Walk through each and ensure no duplicate ids are added.\r\n    addonItems.forEach((srcItem) => {\r\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\r\n        items.push(srcItem);\r\n      }\r\n    });\r\n  }\r\n  return items;\r\n}\r\n\r\n/** local function to ensure a width value is defined for a status bar entries.  */\r\nfunction verifiedMapEntries<T>(map: Map<string, T | undefined>) {\r\n  for (const [, val] of map) {\r\n    // istanbul ignore next\r\n    if (val === undefined)\r\n      return undefined;\r\n  }\r\n  return map as Map<string, T>;\r\n}\r\n\r\n/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */\r\nfunction getItemToPlaceInOverflow(width: number, docked: ReadonlyArray<readonly [string, number]>, overflowWidth: number) {\r\n  let settingsWidth = 0;\r\n\r\n  let i = 0;\r\n  for (; i < docked.length; i++) {\r\n    const w = docked[i][1];\r\n    const newSettingsWidth = settingsWidth + w;\r\n    if (newSettingsWidth > width) {\r\n      settingsWidth += overflowWidth;\r\n      break;\r\n    }\r\n    settingsWidth = newSettingsWidth;\r\n  }\r\n\r\n  let j = i;\r\n  for (; j > 0; j--) {\r\n    if (settingsWidth <= width)\r\n      break;\r\n    const w = docked[j][1];\r\n    settingsWidth -= w;\r\n  }\r\n\r\n  const overflowItems = new Array<string>();\r\n  for (i = j; i < docked.length; i++) {\r\n    overflowItems.push(docked[i][0]);\r\n  }\r\n  return overflowItems;\r\n}\r\n\r\nfunction isItemInOverflow(id: string, overflowItemIds: ReadonlyArray<string> | undefined) {\r\n  if (!overflowItemIds || 0 === overflowItemIds.length)\r\n    return false;\r\n  return !!overflowItemIds.find((value) => value === id);\r\n}\r\n\r\n/** Properties for the [[StatusBarComposer]] React components\r\n * @public\r\n */\r\nexport interface StatusBarComposerProps extends CommonProps {\r\n  /** Status Bar items */\r\n  items: StatusBarItem[];\r\n\r\n  /** CSS class name override for the overall Status Bar */\r\n  mainClassName?: string;\r\n  /** CSS class name override for the left section */\r\n  leftClassName?: string;\r\n  /** CSS class name override for the center section */\r\n  centerClassName?: string;\r\n  /** CSS class name override for the right section */\r\n  rightClassName?: string;\r\n}\r\n\r\n/** Component to load components into the [[StatusBar]].\r\n * @public\r\n */\r\nexport function StatusBarComposer(props: StatusBarComposerProps) {\r\n  const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName } = props;\r\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new StatusBarItemsManager(items));\r\n  const [isOverflowPanelOpen, setIsOverflowPanelOpen] = React.useState(false);\r\n  const containerWidth = React.useRef<number | undefined>(undefined);\r\n\r\n  const isInitialMount = React.useRef(true);\r\n  React.useEffect(() => {\r\n    if (isInitialMount.current)\r\n      isInitialMount.current = false;\r\n    else {\r\n      setDefaultItemsManager(new StatusBarItemsManager(items));\r\n    }\r\n  }, [items]);\r\n  const defaultItems = useDefaultStatusBarItems(defaultItemsManager);\r\n  const syncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\r\n  useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\r\n\r\n  const [addonItemsManager] = React.useState(() => new StatusBarItemsManager());\r\n  const addonItems = useUiItemsProviderStatusBarItems(addonItemsManager);\r\n  const addonSyncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\r\n  useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\r\n\r\n  const statusBarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\r\n  const entryWidths = React.useRef(new Map<string, number | undefined>());\r\n  const overflowWidth = React.useRef<number | undefined>(undefined);\r\n  const [overflown, setOverflown] = React.useState<ReadonlyArray<string>>();\r\n\r\n  const calculateOverflow = React.useCallback(() => {\r\n    const widths = verifiedMapEntries(entryWidths.current);\r\n    if (containerWidth.current === undefined ||\r\n      widths === undefined ||\r\n      overflowWidth.current === undefined\r\n    ) {\r\n      setOverflown(new Array<string>());\r\n      return;\r\n    }\r\n\r\n    // Calculate overflow.\r\n    const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);\r\n    if (!eqlOverflown(overflown, newOverflown)) {\r\n      setOverflown(newOverflown);\r\n      // istanbul ignore next\r\n      if (0 === newOverflown.length && isOverflowPanelOpen)\r\n        setIsOverflowPanelOpen(false);\r\n    }\r\n  }, [isOverflowPanelOpen, overflown]);\r\n\r\n  const handleOverflowResize = React.useCallback((w: number) => {\r\n    const calculate = overflowWidth.current !== w;\r\n    overflowWidth.current = w;\r\n    calculate && calculateOverflow();\r\n  }, [calculateOverflow]);\r\n\r\n  const handleEntryResize = React.useCallback((key: string) => (w: number) => {\r\n    const oldW = entryWidths.current.get(key);\r\n    if ((undefined === oldW) || Math.abs(oldW - w) > 2) {\r\n      entryWidths.current.set(key, w);\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const getSectionName = (section: StatusBarSection) => {\r\n    switch (section) {\r\n      case StatusBarSection.Center:\r\n      case StatusBarSection.Stage:\r\n        return \"status-bar-center\";\r\n      case StatusBarSection.Context:\r\n        return \"status-bar-right-start\";\r\n      case StatusBarSection.Right:\r\n      case StatusBarSection.Selection:\r\n        return \"status-bar-right-end\";\r\n      case StatusBarSection.Left:\r\n      case StatusBarSection.Message:\r\n        return \"status-bar-left\";\r\n    }\r\n  };\r\n\r\n  /** generate a wrapped status bar entry that will report its size. */\r\n  const getComponent = React.useCallback((item: StatusBarItem, key: string, itemPriority: number,\r\n    section: StatusBarSection): React.ReactNode => {\r\n    const providerId = isProviderItem(item) ? item.providerId : undefined;\r\n    return (\r\n      <DockedStatusBarEntry\r\n        key={key}\r\n        entryKey={key}\r\n        getOnResize={handleEntryResize}\r\n      >\r\n        <DockedStatusBarItem key={key} itemId={item.id} itemPriority={itemPriority} providerId={providerId} section={getSectionName(section)} >\r\n          {isStatusBarCustomItem(item) && item.content}\r\n          {isStatusBarActionItem(item) && <StatusBarActionItemComponent {...item} />}\r\n          {isStatusBarLabelItem(item) && <StatusBarLabelItemComponent {...item} />}\r\n        </DockedStatusBarItem>\r\n      </DockedStatusBarEntry>\r\n    );\r\n  }, [handleEntryResize]);\r\n\r\n  const getSectionItems = React.useCallback((section: StatusBarSection): React.ReactNode[] => {\r\n    const sectionItems = statusBarItems\r\n      .filter((item) => item.section as number === section && !isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => a.itemPriority - b.itemPriority);\r\n\r\n    return sectionItems.map((sectionItem) => (\r\n      <React.Fragment key={sectionItem.id}>\r\n        {getComponent(sectionItem, sectionItem.id, sectionItem.itemPriority, sectionItem.section)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const getOverflowItems = React.useCallback((): React.ReactNode[] => {\r\n    const itemsInOverflow = statusBarItems\r\n      .filter((item) => isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\r\n      .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b)).reverse();\r\n\r\n    return itemsInOverflow.map((item) => (\r\n      <React.Fragment key={item.id}>\r\n        {getComponent(item, item.id, item.itemPriority, item.section)}\r\n      </React.Fragment>\r\n    ));\r\n  }, [statusBarItems, overflown, getComponent]);\r\n\r\n  const handleContainerResize = React.useCallback((w: number) => {\r\n    if ((undefined === containerWidth.current) || Math.abs(containerWidth.current - w) > 2) {\r\n      containerWidth.current = w;\r\n      calculateOverflow();\r\n    }\r\n  }, [calculateOverflow]);\r\n\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n  const targetRef = React.useRef<HTMLDivElement>(null);\r\n  const resizeObserverRef = useResizeObserver(handleContainerResize);\r\n  // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.\r\n  const refs = useRefs(containerRef, resizeObserverRef);\r\n\r\n  const onOverflowClick = React.useCallback(() => {\r\n    setIsOverflowPanelOpen((prev) => !prev);\r\n  }, []);\r\n  // istanbul ignore next\r\n  const handleOnClose = React.useCallback(() => {\r\n    setIsOverflowPanelOpen(false);\r\n  }, []);\r\n  const leftItems = React.useMemo(() => getSectionItems(StatusBarSection.Left), [getSectionItems]);\r\n  const centerItems = React.useMemo(() => getSectionItems(StatusBarSection.Center), [getSectionItems]);\r\n  const rightItems = React.useMemo(() => getSectionItems(StatusBarSection.Right), [getSectionItems]);\r\n  const contextItems = React.useMemo(() => getSectionItems(StatusBarSection.Context), [getSectionItems]);\r\n  const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);\r\n\r\n  const containerClassName = classnames(\r\n    \"uifw-statusbar-docked\",\r\n    className,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={containerClassName}\r\n      ref={refs}\r\n      style={style}\r\n      role=\"presentation\"\r\n    >\r\n      <StatusBarSpaceBetween className={mainClassName}>\r\n        <StatusBarLeftSection className={leftClassName}>\r\n          {leftItems}\r\n        </StatusBarLeftSection>\r\n        <StatusBarCenterSection className={centerClassName}>\r\n          {centerItems}\r\n          {contextItems}\r\n        </StatusBarCenterSection>\r\n        <StatusBarRightSection className={rightClassName}>\r\n          {rightItems}\r\n          {(!overflown || overflown.length > 0) && (\r\n            <>\r\n              <StatusBarOverflow\r\n                onClick={onOverflowClick}\r\n                onResize={handleOverflowResize}\r\n                ref={targetRef}\r\n              />\r\n              {overflowItems.length > 0 && isOverflowPanelOpen && targetRef.current &&\r\n                <StatusBarOverflowPanel\r\n                  onClose={handleOnClose}\r\n                  open={true}\r\n                  target={targetRef.current}\r\n                >\r\n                  <div className=\"uifw-statusbar-overflow-items-container\" data-testid=\"uifw-statusbar-overflow-items-container\">\r\n                    {overflowItems.map((overflowEntry) => overflowEntry)}\r\n                  </div>\r\n                </StatusBarOverflowPanel>\r\n              }\r\n            </>\r\n          )}\r\n\r\n        </StatusBarRightSection>\r\n      </StatusBarSpaceBetween>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"StatusBarComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.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 classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ConditionalBooleanValue, ConditionalStringValue, UiSyncEventArgs } from \"@itwin/appui-abstract\";\nimport { CommonProps, useRefs, useResizeObserver } from \"@itwin/core-react\";\nimport { eqlOverflown } from \"@itwin/appui-layout-react\";\nimport { SyncUiEventDispatcher } from \"../syncui/SyncUiEventDispatcher\";\nimport { StatusBarOverflow } from \"./Overflow\";\nimport { StatusBarOverflowPanel } from \"./OverflowPanel\";\nimport { StatusBarCenterSection, StatusBarLeftSection, StatusBarRightSection, StatusBarSpaceBetween } from \"./StatusBar\";\nimport { isStatusBarActionItem, isStatusBarCustomItem, isStatusBarLabelItem, StatusBarActionItem, StatusBarItem, StatusBarLabelItem, StatusBarSection } from \"./StatusBarItem\";\nimport { useDefaultStatusBarItems } from \"./useDefaultStatusBarItems\";\nimport { useUiItemsProviderStatusBarItems } from \"./useUiItemsProviderStatusBarItems\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBarItemsManager } from \"./StatusBarItemsManager\";\nimport { isProviderItem } from \"../ui-items-provider/isProviderItem\";\n\n/** Private  function to generate a value that will allow the proper order to be maintained when items are placed in overflow panel */\nfunction getCombinedSectionItemPriority(item: StatusBarItem) {\n  let sectionValue = 0;\n  if (item.section === StatusBarSection.Center)\n    sectionValue = 100000;\n  else if (item.section === StatusBarSection.Context)\n    sectionValue = 200000;\n  else if (item.section === StatusBarSection.Right)\n    sectionValue = 300000;\n  return sectionValue + item.itemPriority;\n}\n\ninterface DockedStatusBarEntryContextArg {\n  readonly isOverflown: boolean;\n  readonly onResize: (w: number) => void;\n}\n\nconst DockedStatusBarEntryContext = React.createContext<DockedStatusBarEntryContextArg>(null!);\nDockedStatusBarEntryContext.displayName = \"nz:DockedStatusBarEntryContext\";\n\n/** @internal */\nexport function useStatusBarEntry() {\n  return React.useContext(DockedStatusBarEntryContext);\n}\n\n/** Properties of [[DockedStatusBarItem]] component.\n * @internal future\n */\nexport interface StatusBarItemProps extends CommonProps {\n  /** Tool setting content. */\n  children?: React.ReactNode;\n  itemPriority?: number;\n  providerId?: string;\n  section?: string;\n}\n\n/** Used in [[StatusBarComposer]] component to display a statusbar item.\n * @internal future\n */\nexport function DockedStatusBarItem(props: StatusBarItemProps) {\n  const { onResize } = useStatusBarEntry();\n  const ref = useResizeObserver<HTMLDivElement>(onResize);\n  const className = classnames(\n    \"uifw-statusbar-item-container\",\n    props.className,\n  );\n  return (\n    <div\n      data-item-id={props.itemId}\n      data-item-type=\"status-bar-item\"\n      data-item-location={props.section}\n      data-item-priority={props.itemPriority}\n      data-item-provider-id={props.providerId}\n      className={className}\n      ref={ref}\n      style={props.style}\n    >\n      {props.children}\n    </div>\n  );\n}\n\ninterface DockedStatusBarEntryProps {\n  children?: React.ReactNode;\n  entryKey: string;\n  getOnResize: (key: string) => (w: number) => void;\n}\n\n/** Wrapper for status bar entries so their size can be used to determine if the status bar container can display them or if they will need to be placed in an overflow panel. */\n// eslint-disable-next-line @typescript-eslint/naming-convention, no-shadow\nfunction DockedStatusBarEntry({ children, entryKey, getOnResize }: DockedStatusBarEntryProps) {\n  const onResize = React.useMemo(() => getOnResize(entryKey), [getOnResize, entryKey]);\n  const entry = React.useMemo<DockedStatusBarEntryContextArg>(() => ({\n    isOverflown: false,\n    onResize,\n  }), [onResize]);\n  return (\n    <DockedStatusBarEntryContext.Provider value={entry}>\n      {children}\n    </DockedStatusBarEntryContext.Provider>\n  );\n}\n\n/** Private function to set up sync event monitoring of statusbar items */\nfunction useStatusBarItemSyncEffect(itemsManager: StatusBarItemsManager, syncIdsOfInterest: string[]) {\n  React.useEffect(() => {\n    const handleSyncUiEvent = (args: UiSyncEventArgs) => {\n      if (0 === syncIdsOfInterest.length)\n        return;\n\n      // istanbul ignore else\n      if (syncIdsOfInterest.some((value: string): boolean => args.eventIds.has(value.toLowerCase()))) {\n        // process each item that has interest\n        itemsManager.refreshAffectedItems(args.eventIds);\n      }\n    };\n\n    // Note: that items with conditions have condition run when loaded into the items manager\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(handleSyncUiEvent);\n    return () => {\n      SyncUiEventDispatcher.onSyncUiEvent.removeListener(handleSyncUiEvent);\n    };\n  }, [itemsManager, itemsManager.items, syncIdsOfInterest]);\n}\n\nfunction StatusBarLabelItemComponent(props: StatusBarLabelItem) {\n  const label = ConditionalStringValue.getValue(props.label);\n  return (\n    <StatusBarLabelIndicator\n      iconSpec={props.icon}\n      label={label}\n    />\n  );\n}\n\nfunction StatusBarActionItemComponent(props: StatusBarActionItem) {\n  const title = ConditionalStringValue.getValue(props.tooltip);\n  return (\n    <StatusBarLabelIndicator\n      title={title}\n      onClick={props.execute}\n      iconSpec={props.icon}\n    />\n  );\n}\n\n/** local function to combine items from Stage and from Extensions */\nfunction combineItems(stageItems: ReadonlyArray<StatusBarItem>, addonItems: ReadonlyArray<StatusBarItem>) {\n  const items: StatusBarItem[] = [];\n  if (stageItems.length) {\n    // Walk through each and ensure no duplicate ids are added.\n    stageItems.forEach((srcItem) => {\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n        items.push(srcItem);\n      }\n    });\n  }\n  if (addonItems.length) {\n    // Walk through each and ensure no duplicate ids are added.\n    addonItems.forEach((srcItem) => {\n      if (-1 === items.findIndex((item) => item.id === srcItem.id)) {\n        items.push(srcItem);\n      }\n    });\n  }\n  return items;\n}\n\n/** local function to ensure a width value is defined for a status bar entries.  */\nfunction verifiedMapEntries<T>(map: Map<string, T | undefined>) {\n  for (const [, val] of map) {\n    // istanbul ignore next\n    if (val === undefined)\n      return undefined;\n  }\n  return map as Map<string, T>;\n}\n\n/** Returns a subset of docked entry keys that exceed given width and should be placed in overflow panel. */\nfunction getItemToPlaceInOverflow(width: number, docked: ReadonlyArray<readonly [string, number]>, overflowWidth: number) {\n  let settingsWidth = 0;\n\n  let i = 0;\n  for (; i < docked.length; i++) {\n    const w = docked[i][1];\n    const newSettingsWidth = settingsWidth + w;\n    if (newSettingsWidth > width) {\n      settingsWidth += overflowWidth;\n      break;\n    }\n    settingsWidth = newSettingsWidth;\n  }\n\n  let j = i;\n  for (; j > 0; j--) {\n    if (settingsWidth <= width)\n      break;\n    const w = docked[j][1];\n    settingsWidth -= w;\n  }\n\n  const overflowItems = new Array<string>();\n  for (i = j; i < docked.length; i++) {\n    overflowItems.push(docked[i][0]);\n  }\n  return overflowItems;\n}\n\nfunction isItemInOverflow(id: string, overflowItemIds: ReadonlyArray<string> | undefined) {\n  if (!overflowItemIds || 0 === overflowItemIds.length)\n    return false;\n  return !!overflowItemIds.find((value) => value === id);\n}\n\n/** Properties for the [[StatusBarComposer]] React components\n * @public\n */\nexport interface StatusBarComposerProps extends CommonProps {\n  /** Status Bar items */\n  items: StatusBarItem[];\n\n  /** CSS class name override for the overall Status Bar */\n  mainClassName?: string;\n  /** CSS class name override for the left section */\n  leftClassName?: string;\n  /** CSS class name override for the center section */\n  centerClassName?: string;\n  /** CSS class name override for the right section */\n  rightClassName?: string;\n}\n\n/** Component to load components into the [[StatusBar]].\n * @public\n */\nexport function StatusBarComposer(props: StatusBarComposerProps) {\n  const { className, style, items, mainClassName, leftClassName, centerClassName, rightClassName } = props;\n  const [defaultItemsManager, setDefaultItemsManager] = React.useState(() => new StatusBarItemsManager(items));\n  const [isOverflowPanelOpen, setIsOverflowPanelOpen] = React.useState(false);\n  const containerWidth = React.useRef<number | undefined>(undefined);\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current)\n      isInitialMount.current = false;\n    else {\n      setDefaultItemsManager(new StatusBarItemsManager(items));\n    }\n  }, [items]);\n  const defaultItems = useDefaultStatusBarItems(defaultItemsManager);\n  const syncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(defaultItems), [defaultItems]);\n  useStatusBarItemSyncEffect(defaultItemsManager, syncIdsOfInterest);\n\n  const [addonItemsManager] = React.useState(() => new StatusBarItemsManager());\n  const addonItems = useUiItemsProviderStatusBarItems(addonItemsManager);\n  const addonSyncIdsOfInterest = React.useMemo(() => StatusBarItemsManager.getSyncIdsOfInterest(addonItems), [addonItems]);\n  useStatusBarItemSyncEffect(addonItemsManager, addonSyncIdsOfInterest);\n\n  const statusBarItems = React.useMemo(() => combineItems(defaultItems, addonItems), [defaultItems, addonItems]);\n  const entryWidths = React.useRef(new Map<string, number | undefined>());\n  const overflowWidth = React.useRef<number | undefined>(undefined);\n  const [overflown, setOverflown] = React.useState<ReadonlyArray<string>>();\n\n  const calculateOverflow = React.useCallback(() => {\n    const widths = verifiedMapEntries(entryWidths.current);\n    if (containerWidth.current === undefined ||\n      widths === undefined ||\n      overflowWidth.current === undefined\n    ) {\n      setOverflown(new Array<string>());\n      return;\n    }\n\n    // Calculate overflow.\n    const newOverflown = getItemToPlaceInOverflow(containerWidth.current, [...widths.entries()], overflowWidth.current);\n    if (!eqlOverflown(overflown, newOverflown)) {\n      setOverflown(newOverflown);\n      // istanbul ignore next\n      if (0 === newOverflown.length && isOverflowPanelOpen)\n        setIsOverflowPanelOpen(false);\n    }\n  }, [isOverflowPanelOpen, overflown]);\n\n  const handleOverflowResize = React.useCallback((w: number) => {\n    const calculate = overflowWidth.current !== w;\n    overflowWidth.current = w;\n    calculate && calculateOverflow();\n  }, [calculateOverflow]);\n\n  const handleEntryResize = React.useCallback((key: string) => (w: number) => {\n    const oldW = entryWidths.current.get(key);\n    if ((undefined === oldW) || Math.abs(oldW - w) > 2) {\n      entryWidths.current.set(key, w);\n      calculateOverflow();\n    }\n  }, [calculateOverflow]);\n\n  const getSectionName = (section: StatusBarSection) => {\n    switch (section) {\n      case StatusBarSection.Center:\n      case StatusBarSection.Stage:\n        return \"status-bar-center\";\n      case StatusBarSection.Context:\n        return \"status-bar-right-start\";\n      case StatusBarSection.Right:\n      case StatusBarSection.Selection:\n        return \"status-bar-right-end\";\n      case StatusBarSection.Left:\n      case StatusBarSection.Message:\n        return \"status-bar-left\";\n    }\n  };\n\n  /** generate a wrapped status bar entry that will report its size. */\n  const getComponent = React.useCallback((item: StatusBarItem, key: string, itemPriority: number,\n    section: StatusBarSection): React.ReactNode => {\n    const providerId = isProviderItem(item) ? item.providerId : undefined;\n    return (\n      <DockedStatusBarEntry\n        key={key}\n        entryKey={key}\n        getOnResize={handleEntryResize}\n      >\n        <DockedStatusBarItem key={key} itemId={item.id} itemPriority={itemPriority} providerId={providerId} section={getSectionName(section)} >\n          {isStatusBarCustomItem(item) && item.content}\n          {isStatusBarActionItem(item) && <StatusBarActionItemComponent {...item} />}\n          {isStatusBarLabelItem(item) && <StatusBarLabelItemComponent {...item} />}\n        </DockedStatusBarItem>\n      </DockedStatusBarEntry>\n    );\n  }, [handleEntryResize]);\n\n  const getSectionItems = React.useCallback((section: StatusBarSection): React.ReactNode[] => {\n    const sectionItems = statusBarItems\n      .filter((item) => item.section as number === section && !isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\n      .sort((a, b) => a.itemPriority - b.itemPriority);\n\n    return sectionItems.map((sectionItem) => (\n      <React.Fragment key={sectionItem.id}>\n        {getComponent(sectionItem, sectionItem.id, sectionItem.itemPriority, sectionItem.section)}\n      </React.Fragment>\n    ));\n  }, [statusBarItems, overflown, getComponent]);\n\n  const getOverflowItems = React.useCallback((): React.ReactNode[] => {\n    const itemsInOverflow = statusBarItems\n      .filter((item) => isItemInOverflow(item.id, overflown) && !ConditionalBooleanValue.getValue(item.isHidden))\n      .sort((a, b) => getCombinedSectionItemPriority(a) - getCombinedSectionItemPriority(b)).reverse();\n\n    return itemsInOverflow.map((item) => (\n      <React.Fragment key={item.id}>\n        {getComponent(item, item.id, item.itemPriority, item.section)}\n      </React.Fragment>\n    ));\n  }, [statusBarItems, overflown, getComponent]);\n\n  const handleContainerResize = React.useCallback((w: number) => {\n    if ((undefined === containerWidth.current) || Math.abs(containerWidth.current - w) > 2) {\n      containerWidth.current = w;\n      calculateOverflow();\n    }\n  }, [calculateOverflow]);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const targetRef = React.useRef<HTMLDivElement>(null);\n  const resizeObserverRef = useResizeObserver(handleContainerResize);\n  // allow  both the containerRef and the resize observer function that takes a ref to be processed when the ref is set.\n  const refs = useRefs(containerRef, resizeObserverRef);\n\n  const onOverflowClick = React.useCallback(() => {\n    setIsOverflowPanelOpen((prev) => !prev);\n  }, []);\n  // istanbul ignore next\n  const handleOnClose = React.useCallback(() => {\n    setIsOverflowPanelOpen(false);\n  }, []);\n  const leftItems = React.useMemo(() => getSectionItems(StatusBarSection.Left), [getSectionItems]);\n  const centerItems = React.useMemo(() => getSectionItems(StatusBarSection.Center), [getSectionItems]);\n  const rightItems = React.useMemo(() => getSectionItems(StatusBarSection.Right), [getSectionItems]);\n  const contextItems = React.useMemo(() => getSectionItems(StatusBarSection.Context), [getSectionItems]);\n  const overflowItems = React.useMemo(() => getOverflowItems(), [getOverflowItems]);\n\n  const containerClassName = classnames(\n    \"uifw-statusbar-docked\",\n    className,\n  );\n\n  return (\n    <div\n      className={containerClassName}\n      ref={refs}\n      style={style}\n      role=\"presentation\"\n    >\n      <StatusBarSpaceBetween className={mainClassName}>\n        <StatusBarLeftSection className={leftClassName}>\n          {leftItems}\n        </StatusBarLeftSection>\n        <StatusBarCenterSection className={centerClassName}>\n          {centerItems}\n          {contextItems}\n        </StatusBarCenterSection>\n        <StatusBarRightSection className={rightClassName}>\n          {rightItems}\n          {(!overflown || overflown.length > 0) && (\n            <>\n              <StatusBarOverflow\n                onClick={onOverflowClick}\n                onResize={handleOverflowResize}\n                ref={targetRef}\n              />\n              {overflowItems.length > 0 && isOverflowPanelOpen && targetRef.current &&\n                <StatusBarOverflowPanel\n                  onClose={handleOnClose}\n                  open={true}\n                  target={targetRef.current}\n                >\n                  <div className=\"uifw-statusbar-overflow-items-container\" data-testid=\"uifw-statusbar-overflow-items-container\">\n                    {overflowItems.map((overflowEntry) => overflowEntry)}\n                  </div>\n                </StatusBarOverflowPanel>\n              }\n            </>\n          )}\n\n        </StatusBarRightSection>\n      </StatusBarSpaceBetween>\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/statusbar/StatusBarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarItem.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItem.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAMH;;GAEG;AACH,MAAM,CAAN,IAAY,gBAeX;AAfD,WAAY,gBAAgB;IAC1B,4CAA4C;IAC5C,6DAAW,CAAA;IACX,4CAA4C;IAC5C,uDAAQ,CAAA;IACR,mCAAmC;IACnC,yDAAS,CAAA;IACT,mCAAmC;IACnC,2DAAU,CAAA;IACV,sCAAsC;IACtC,iEAAa,CAAA;IACb,sCAAsC;IACtC,yDAAS,CAAA;IACT,4CAA4C;IAC5C,6DAAW,CAAA;AACb,CAAC,EAfW,gBAAgB,KAAhB,gBAAgB,QAe3B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,8EAA8E;IAC9E,2DAAI,CAAA;IACJ,6CAA6C;IAC7C,6DAAK,CAAA;AACP,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AA2DD;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAmB;IACvD,OAAO,SAAS,IAAI,IAAI,CAAC;AAC3B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAmB;IACtD,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,IAAI,CAAC;AACzD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAmB;IACvD,OAAO,SAAS,IAAI,IAAI,CAAC;AAC3B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module StatusBar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BadgeType, ConditionalBooleanValue, ConditionalStringValue } from \"@itwin/appui-abstract\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** Status bar Groups/Sections from Left to Right\r\n * @public\r\n */\r\nexport enum StatusBarSection {\r\n  /** area for tool assistance and messages */\r\n  Message = 0,\r\n  /** area for tool assistance and messages */\r\n  Left = 0,\r\n  /** items specific to stage/task */\r\n  Stage = 1,\r\n  /** items specific to stage/task */\r\n  Center = 1,\r\n  /** Select scope and selection info */\r\n  Selection = 2,\r\n  /** Select scope and selection info */\r\n  Right = 2,\r\n  /** items that only show based on context */\r\n  Context = 3,\r\n}\r\n\r\n/** Defines which side of Icon where label is placed\r\n * @public\r\n */\r\nexport enum StatusBarLabelSide {\r\n  /** Label is placed left side of icon. This is the default if not specified */\r\n  Left,\r\n  /** Label is placed on right side of icon. */\r\n  Right,\r\n}\r\n\r\n/** Describes the data needed to insert a button into the status bar.\r\n * @public\r\n */\r\nexport interface CommonStatusBarItem {\r\n  /** Required unique id of the item. To ensure uniqueness it is suggested that a namespace prefix of the extension name be used. */\r\n  readonly id: string;\r\n  /** Describes badge. Renders no badge if not specified. */\r\n  readonly badge?: BadgeType;\r\n  /** Describes if the item is visible or hidden. The default is for the item to be visible. */\r\n  readonly isHidden?: boolean | ConditionalBooleanValue;\r\n  /** Describes if the item is enabled or disabled. The default is for the item to be enabled. */\r\n  readonly isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** Priority within a section (recommend using values 1 through 100). */\r\n  readonly itemPriority: number;\r\n  /** status bar section */\r\n  readonly section: StatusBarSection;\r\n}\r\n\r\n/** Describes the data needed to insert an action item into the status bar.\r\n * @public\r\n */\r\nexport interface StatusBarActionItem extends CommonStatusBarItem {\r\n  /** method to execute when icon is pressed */\r\n  readonly execute: () => void;\r\n  /** Icon of a status bar item. */\r\n  readonly icon?: IconSpec;\r\n  /** Label. */\r\n  readonly label?: string | ConditionalStringValue;\r\n  /** tooltip. */\r\n  readonly tooltip?: string | ConditionalStringValue;\r\n}\r\n\r\n/** Describes the data needed to insert a label item with an optional icon into the status bar.\r\n * @public\r\n */\r\nexport interface StatusBarLabelItem extends CommonStatusBarItem {\r\n  /** Icon of a status bar item. */\r\n  readonly icon?: IconSpec;\r\n  /** Label. */\r\n  readonly label: string | ConditionalStringValue;\r\n  /** Defines which side of icon to display label if icon is defined. */\r\n  readonly labelSide?: StatusBarLabelSide;\r\n}\r\n\r\n/** Describes the data needed to insert an item into the StatusBar.\r\n * @public\r\n */\r\nexport interface StatusBarCustomItem extends CommonStatusBarItem {\r\n  /** Content of the StatusBar item. */\r\n  readonly content: React.ReactNode;\r\n}\r\n\r\n/** Describes the data needed to insert a button into the status bar.\r\n * @public\r\n */\r\nexport type StatusBarItem = StatusBarActionItem | StatusBarLabelItem | StatusBarCustomItem;\r\n\r\n/** StatusBarActionItem type guard.\r\n * @public\r\n */\r\nexport function isStatusBarActionItem(item: StatusBarItem): item is StatusBarActionItem {\r\n  return \"execute\" in item;\r\n}\r\n\r\n/** StatusBarLabelItem type guard.\r\n * @public\r\n */\r\nexport function isStatusBarLabelItem(item: StatusBarItem): item is StatusBarLabelItem {\r\n  return !isStatusBarActionItem(item) && \"label\" in item;\r\n}\r\n\r\n/** StatusBarCustomItem type guard.\r\n * @public\r\n */\r\nexport function isStatusBarCustomItem(item: StatusBarItem): item is StatusBarCustomItem {\r\n  return \"content\" in item;\r\n}\r\n"]}
+{"version":3,"file":"StatusBarItem.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItem.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAMH;;GAEG;AACH,MAAM,CAAN,IAAY,gBAeX;AAfD,WAAY,gBAAgB;IAC1B,4CAA4C;IAC5C,6DAAW,CAAA;IACX,4CAA4C;IAC5C,uDAAQ,CAAA;IACR,mCAAmC;IACnC,yDAAS,CAAA;IACT,mCAAmC;IACnC,2DAAU,CAAA;IACV,sCAAsC;IACtC,iEAAa,CAAA;IACb,sCAAsC;IACtC,yDAAS,CAAA;IACT,4CAA4C;IAC5C,6DAAW,CAAA;AACb,CAAC,EAfW,gBAAgB,KAAhB,gBAAgB,QAe3B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,8EAA8E;IAC9E,2DAAI,CAAA;IACJ,6CAA6C;IAC7C,6DAAK,CAAA;AACP,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AA2DD;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAmB;IACvD,OAAO,SAAS,IAAI,IAAI,CAAC;AAC3B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAmB;IACtD,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,IAAI,CAAC;AACzD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAmB;IACvD,OAAO,SAAS,IAAI,IAAI,CAAC;AAC3B,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 { BadgeType, ConditionalBooleanValue, ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport { IconSpec } from \"@itwin/core-react\";\n\n/** Status bar Groups/Sections from Left to Right\n * @public\n */\nexport enum StatusBarSection {\n  /** area for tool assistance and messages */\n  Message = 0,\n  /** area for tool assistance and messages */\n  Left = 0,\n  /** items specific to stage/task */\n  Stage = 1,\n  /** items specific to stage/task */\n  Center = 1,\n  /** Select scope and selection info */\n  Selection = 2,\n  /** Select scope and selection info */\n  Right = 2,\n  /** items that only show based on context */\n  Context = 3,\n}\n\n/** Defines which side of Icon where label is placed\n * @public\n */\nexport enum StatusBarLabelSide {\n  /** Label is placed left side of icon. This is the default if not specified */\n  Left,\n  /** Label is placed on right side of icon. */\n  Right,\n}\n\n/** Describes the data needed to insert a button into the status bar.\n * @public\n */\nexport interface CommonStatusBarItem {\n  /** Required unique id of the item. To ensure uniqueness it is suggested that a namespace prefix of the extension name be used. */\n  readonly id: string;\n  /** Describes badge. Renders no badge if not specified. */\n  readonly badge?: BadgeType;\n  /** Describes if the item is visible or hidden. The default is for the item to be visible. */\n  readonly isHidden?: boolean | ConditionalBooleanValue;\n  /** Describes if the item is enabled or disabled. The default is for the item to be enabled. */\n  readonly isDisabled?: boolean | ConditionalBooleanValue;\n  /** Priority within a section (recommend using values 1 through 100). */\n  readonly itemPriority: number;\n  /** status bar section */\n  readonly section: StatusBarSection;\n}\n\n/** Describes the data needed to insert an action item into the status bar.\n * @public\n */\nexport interface StatusBarActionItem extends CommonStatusBarItem {\n  /** method to execute when icon is pressed */\n  readonly execute: () => void;\n  /** Icon of a status bar item. */\n  readonly icon?: IconSpec;\n  /** Label. */\n  readonly label?: string | ConditionalStringValue;\n  /** tooltip. */\n  readonly tooltip?: string | ConditionalStringValue;\n}\n\n/** Describes the data needed to insert a label item with an optional icon into the status bar.\n * @public\n */\nexport interface StatusBarLabelItem extends CommonStatusBarItem {\n  /** Icon of a status bar item. */\n  readonly icon?: IconSpec;\n  /** Label. */\n  readonly label: string | ConditionalStringValue;\n  /** Defines which side of icon to display label if icon is defined. */\n  readonly labelSide?: StatusBarLabelSide;\n}\n\n/** Describes the data needed to insert an item into the StatusBar.\n * @public\n */\nexport interface StatusBarCustomItem extends CommonStatusBarItem {\n  /** Content of the StatusBar item. */\n  readonly content: React.ReactNode;\n}\n\n/** Describes the data needed to insert a button into the status bar.\n * @public\n */\nexport type StatusBarItem = StatusBarActionItem | StatusBarLabelItem | StatusBarCustomItem;\n\n/** StatusBarActionItem type guard.\n * @public\n */\nexport function isStatusBarActionItem(item: StatusBarItem): item is StatusBarActionItem {\n  return \"execute\" in item;\n}\n\n/** StatusBarLabelItem type guard.\n * @public\n */\nexport function isStatusBarLabelItem(item: StatusBarItem): item is StatusBarLabelItem {\n  return !isStatusBarActionItem(item) && \"label\" in item;\n}\n\n/** StatusBarCustomItem type guard.\n * @public\n */\nexport function isStatusBarCustomItem(item: StatusBarItem): item is StatusBarCustomItem {\n  return \"content\" in item;\n}\n"]}