@itwin/appui-react 5.18.0 → 5.20.0

package/lib/appui-react/widgets/WidgetHost.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetHost.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/WidgetHost.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 Widget\n */\n\nimport type { StagePanelLocation } from \"../stagepanels/StagePanelLocation.js\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { WidgetDef } from \"./WidgetDef.js\";\n\n/**\n * A WidgetHost represents a definition that hosts one or most Widgets in a Frontstage.\n * @public\n */\nexport class WidgetHost {\n  private _widgetDefs: WidgetDef[] = new Array<WidgetDef>();\n  private _dynamicWidgetDefs: ReadonlyArray<WidgetDef> | undefined;\n  private _sortedWidgetDefs: ReadonlyArray<WidgetDef> = [];\n\n  /** Constructor for WidgetHost.\n   */\n  constructor() {}\n\n  /** Adds a WidgetDef to the list of Widgets.\n   * @param widgetDef  Definition of the Widget to add\n   */\n  public addWidgetDef(widgetDef: WidgetDef) {\n    this._widgetDefs.push(widgetDef);\n    this.sortWidgetDefs();\n  }\n\n  /** Gets the list of Widgets. */\n  public get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return this._sortedWidgetDefs;\n  }\n\n  /** Gets the number of Widgets. */\n  public get widgetCount(): number {\n    return this.widgetDefs.length;\n  }\n\n  /** If there is only one Widget in the Panel, gets the single WidgetDef.\n   * @returns The single WidgetDef if there is only one Widget; otherwise, undefined is returned.\n   */\n  public getSingleWidgetDef(): WidgetDef | undefined {\n    if (this.widgetCount === 1) {\n      return this.widgetDefs[0];\n    }\n    return undefined;\n  }\n\n  /** Finds a WidgetDef with a given Id.\n   * @param id  Id of the WidgetDef to find\n   * @returns The WidgetDef if found; otherwise, undefined is returned.\n   */\n  public findWidgetDef(id: string): WidgetDef | undefined {\n    return this.widgetDefs.find((widgetDef: WidgetDef) => widgetDef.id === id);\n  }\n\n  /** Updates the WidgetHost with dynamic widgets\n   * @internal\n   */\n  public updateDynamicWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]\n  ): void {\n    // get widgetDefs not already in allStageWidgetDefs and add them\n    const uniqueWidgets = this._widgetDefs.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    allStageWidgetDefs.push(...uniqueWidgets);\n\n    let dynamicWidgetDefs: readonly WidgetDef[] | undefined;\n    if (section !== undefined) {\n      dynamicWidgetDefs =\n        UiFramework.widgetManager.getWidgetDefs(\n          stageId,\n          stageUsage,\n          location,\n          section\n        ) ?? [];\n    }\n\n    const uniqueDynamicWidgetDefs = dynamicWidgetDefs?.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    // Now that we no longer support a middle panel section, yet we have existing API that allows a middle section to be\n    // defined, the following is needed to combining middle and end panel section widgets into a single set of widgets\n    if (uniqueDynamicWidgetDefs) {\n      allStageWidgetDefs.push(...uniqueDynamicWidgetDefs);\n      this._dynamicWidgetDefs = [...uniqueDynamicWidgetDefs];\n    }\n    this.sortWidgetDefs();\n  }\n\n  /** Sorts all widgets */\n  private sortWidgetDefs(): void {\n    let sortedWidgetDefs = [];\n    if (this._dynamicWidgetDefs)\n      sortedWidgetDefs = this._widgetDefs.concat(this._dynamicWidgetDefs);\n    else sortedWidgetDefs = this._widgetDefs.slice();\n\n    sortedWidgetDefs.sort((a, b) => a.priority - b.priority);\n\n    this._sortedWidgetDefs = sortedWidgetDefs;\n  }\n}\n"]}
+{"version":3,"file":"WidgetHost.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/WidgetHost.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 Widget\n */\n\nimport type { StagePanelLocation } from \"../stagepanels/StagePanelLocation.js\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { WidgetDef } from \"./WidgetDef.js\";\n\n/**\n * A WidgetHost represents a definition that hosts one or most Widgets in a Frontstage.\n * @public\n */\nexport class WidgetHost {\n  private _widgetDefs: WidgetDef[] = new Array<WidgetDef>();\n  private _dynamicWidgetDefs: ReadonlyArray<WidgetDef> | undefined;\n  private _sortedWidgetDefs: ReadonlyArray<WidgetDef> = [];\n\n  /** Constructor for WidgetHost.\n   */\n  constructor() {}\n\n  /** Adds a WidgetDef to the list of Widgets.\n   * @param widgetDef  Definition of the Widget to add\n   */\n  public addWidgetDef(widgetDef: WidgetDef) {\n    this._widgetDefs.push(widgetDef);\n    this.sortWidgetDefs();\n  }\n\n  /** Gets the list of Widgets. */\n  public get widgetDefs(): ReadonlyArray<WidgetDef> {\n    return this._sortedWidgetDefs;\n  }\n\n  /** Gets the number of Widgets. */\n  public get widgetCount(): number {\n    return this.widgetDefs.length;\n  }\n\n  /** If there is only one Widget in the Panel, gets the single WidgetDef.\n   * @returns The single WidgetDef if there is only one Widget; otherwise, undefined is returned.\n   */\n  public getSingleWidgetDef(): WidgetDef | undefined {\n    if (this.widgetCount === 1) {\n      return this.widgetDefs[0];\n    }\n    return undefined;\n  }\n\n  /** Finds a WidgetDef with a given Id.\n   * @param id  Id of the WidgetDef to find\n   * @returns The WidgetDef if found; otherwise, undefined is returned.\n   */\n  public findWidgetDef(id: string): WidgetDef | undefined {\n    return this.widgetDefs.find((widgetDef: WidgetDef) => widgetDef.id === id);\n  }\n\n  /** Updates the WidgetHost with dynamic widgets\n   * @internal\n   */\n  public updateDynamicWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section: StagePanelSection | undefined,\n    allStageWidgetDefs: WidgetDef[]\n  ): void {\n    // get widgetDefs not already in allStageWidgetDefs and add them\n    const uniqueWidgets = this._widgetDefs.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    allStageWidgetDefs.push(...uniqueWidgets);\n\n    let dynamicWidgetDefs: readonly WidgetDef[] | undefined;\n    if (section !== undefined) {\n      dynamicWidgetDefs =\n        UiFramework.widgetManager.getWidgetDefs(\n          stageId,\n          stageUsage,\n          location,\n          section\n        ) ?? [];\n    }\n\n    const uniqueDynamicWidgetDefs = dynamicWidgetDefs?.filter((widgetDef) => {\n      return !allStageWidgetDefs.find((wDef) => wDef.id === widgetDef.id);\n    });\n\n    // Now that we no longer support a middle panel section, yet we have existing API that allows a middle section to be\n    // defined, the following is needed to combining middle and end panel section widgets into a single set of widgets\n    if (uniqueDynamicWidgetDefs) {\n      allStageWidgetDefs.push(...uniqueDynamicWidgetDefs);\n      this._dynamicWidgetDefs = [...uniqueDynamicWidgetDefs];\n    }\n    this.sortWidgetDefs();\n  }\n\n  /** Sorts all widgets */\n  private sortWidgetDefs(): void {\n    let sortedWidgetDefs = [];\n    if (this._dynamicWidgetDefs)\n      sortedWidgetDefs = this._widgetDefs.concat(this._dynamicWidgetDefs);\n    else sortedWidgetDefs = this._widgetDefs.slice();\n\n    sortedWidgetDefs.sort((a, b) => a.priority - b.priority);\n\n    this._sortedWidgetDefs = sortedWidgetDefs;\n  }\n}\n"]}

package/lib/appui-react/widgets/WidgetManager.js

@@ -19,13 +19,11 @@ function getWidgetManagerStableWidgetId(stageUsage, location, section, index) {
  * @beta
  */
 export class WidgetManager {
-    constructor() {
-        this._widgets = [];
-        /** Event raised when Widgets are changed.
-         * @internal
-         */
-        this.onWidgetsChanged = new BeUiEvent();
-    }
+    _widgets = [];
+    /** Event raised when Widgets are changed.
+     * @internal
+     */
+    onWidgetsChanged = new BeUiEvent();
     /** @internal */
     get widgetCount() {
         return this._widgets.length;

package/lib/appui-react/widgets/WidgetManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetManager.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/WidgetManager.ts"],"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 Widget\n */\n\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { WidgetDef } from \"./WidgetDef.js\";\nimport { createStableWidgetDef } from \"./StableWidgetDef.js\";\nimport { StagePanelLocation } from \"../stagepanels/StagePanelLocation.js\";\nimport { StagePanelSection } from \"../stagepanels/StagePanelSection.js\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager.js\";\n\n/** Information about WidgetDefs in the WidgetManager\n * @internal\n */\nexport interface WidgetInfo {\n  widgetDef: WidgetDef;\n  stageId?: string;\n  stageUsage?: string;\n  location: StagePanelLocation;\n  section: StagePanelSection;\n}\n\nfunction getWidgetManagerStableWidgetId(\n  stageUsage: string | undefined,\n  location: StagePanelLocation,\n  section: StagePanelSection,\n  index: number\n) {\n  return `uifw-wm-${stageUsage || \"\"}-${StagePanelLocation[location]}-${\n    StagePanelSection[section]\n  }-${index}`;\n}\n\n/** Widget Manager class.\n * @beta\n */\nexport class WidgetManager {\n  private _widgets: ReadonlyArray<WidgetInfo> = [];\n\n  /** Event raised when Widgets are changed.\n   * @internal\n   */\n  public readonly onWidgetsChanged = new BeUiEvent<{\n    readonly items: ReadonlyArray<WidgetInfo>;\n  }>();\n\n  /** @internal */\n  public get widgetCount(): number {\n    return this._widgets.length;\n  }\n\n  /** @internal */\n  public get widgets(): ReadonlyArray<WidgetInfo> {\n    return this._widgets;\n  }\n  public set widgets(w: ReadonlyArray<WidgetInfo>) {\n    this._widgets = w;\n    this.onWidgetsChanged.emit({ items: w });\n  }\n\n  /** Adds a WidgetDef for use in a Frontstage.\n   * @note Added `widgetDef` must return unique id to correctly save/restore App layout.\n   * Semi-stable id is generated when auto-generated `widgetDef` id is detected,\n   * but correctness of such id depends on `addWidgetDef` call order and widget location.\n   */\n  public addWidgetDef(\n    widgetDef: WidgetDef,\n    stageId: string | undefined,\n    stageUsage: string | undefined,\n    location: StagePanelLocation,\n    section?: StagePanelSection\n  ): boolean {\n    if (stageId === undefined && stageUsage === undefined) {\n      Logger.logError(\n        UiFramework.loggerCategory(\"WidgetManager\"),\n        `addWidgetDef: stageId or stageUsage param must be specified`\n      );\n      return false;\n    }\n\n    section = section !== undefined ? section : StagePanelSection.Start;\n    const index = this._widgets.reduce((acc, info) => {\n      if (\n        info.stageId === stageId &&\n        info.stageUsage === stageUsage &&\n        info.location === location &&\n        info.section === section\n      )\n        return acc + 1;\n      return acc;\n    }, 0);\n    const stableId = getWidgetManagerStableWidgetId(\n      stageUsage,\n      location,\n      section,\n      index\n    );\n    const stableWidget = createStableWidgetDef(widgetDef, stableId);\n    const newWidget: WidgetInfo = {\n      widgetDef: stableWidget,\n      stageId,\n      stageUsage,\n      location,\n      section,\n    };\n\n    const oldWidgets = this._widgets.filter(\n      (info) => info.widgetDef.id !== newWidget.widgetDef.id\n    );\n    const updatedWidgets = [...oldWidgets, newWidget];\n    this.widgets = updatedWidgets;\n\n    return true;\n  }\n\n  /** Removes a WidgetDef.\n   */\n  public removeWidgetDef(widgetId: string): boolean {\n    let result = false;\n    const updatedWidgets = this._widgets.filter(\n      (info) => info.widgetDef.id !== widgetId\n    );\n\n    if (updatedWidgets.length !== this._widgets.length) {\n      this.widgets = updatedWidgets;\n      result = true;\n    }\n\n    return result;\n  }\n\n  /** Gets WidgetDefs for a Frontstage location.\n   */\n  public getWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection\n  ): ReadonlyArray<WidgetDef> | undefined {\n    const definedSection =\n      section === undefined ? StagePanelSection.Start : section;\n\n    const widgetInfos = this._widgets.filter((info) => {\n      return (\n        (!info.stageId || info.stageId === stageId) &&\n        (!info.stageUsage || info.stageUsage === stageUsage) &&\n        info.location === location &&\n        info.section === definedSection\n      );\n    });\n\n    const widgetDefs = widgetInfos.map((info) => info.widgetDef);\n\n    // Consult the UiItemsManager to get any Abstract widgets\n    const widgets = UiItemsManager.getWidgets(\n      stageId,\n      stageUsage,\n      location,\n      definedSection\n    );\n    widgets.forEach((abstractProps) => {\n      const widgetDef = WidgetDef.create(abstractProps);\n      widgetDefs.push(widgetDef);\n    });\n    return widgetDefs.length > 0 ? widgetDefs : undefined;\n  }\n}\n"]}
+{"version":3,"file":"WidgetManager.js","sourceRoot":"","sources":["../../../src/appui-react/widgets/WidgetManager.ts"],"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 Widget\n */\n\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { WidgetDef } from \"./WidgetDef.js\";\nimport { createStableWidgetDef } from \"./StableWidgetDef.js\";\nimport { StagePanelLocation } from \"../stagepanels/StagePanelLocation.js\";\nimport { StagePanelSection } from \"../stagepanels/StagePanelSection.js\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager.js\";\n\n/** Information about WidgetDefs in the WidgetManager\n * @internal\n */\nexport interface WidgetInfo {\n  widgetDef: WidgetDef;\n  stageId?: string;\n  stageUsage?: string;\n  location: StagePanelLocation;\n  section: StagePanelSection;\n}\n\nfunction getWidgetManagerStableWidgetId(\n  stageUsage: string | undefined,\n  location: StagePanelLocation,\n  section: StagePanelSection,\n  index: number\n) {\n  return `uifw-wm-${stageUsage || \"\"}-${StagePanelLocation[location]}-${\n    StagePanelSection[section]\n  }-${index}`;\n}\n\n/** Widget Manager class.\n * @beta\n */\nexport class WidgetManager {\n  private _widgets: ReadonlyArray<WidgetInfo> = [];\n\n  /** Event raised when Widgets are changed.\n   * @internal\n   */\n  public readonly onWidgetsChanged = new BeUiEvent<{\n    readonly items: ReadonlyArray<WidgetInfo>;\n  }>();\n\n  /** @internal */\n  public get widgetCount(): number {\n    return this._widgets.length;\n  }\n\n  /** @internal */\n  public get widgets(): ReadonlyArray<WidgetInfo> {\n    return this._widgets;\n  }\n  public set widgets(w: ReadonlyArray<WidgetInfo>) {\n    this._widgets = w;\n    this.onWidgetsChanged.emit({ items: w });\n  }\n\n  /** Adds a WidgetDef for use in a Frontstage.\n   * @note Added `widgetDef` must return unique id to correctly save/restore App layout.\n   * Semi-stable id is generated when auto-generated `widgetDef` id is detected,\n   * but correctness of such id depends on `addWidgetDef` call order and widget location.\n   */\n  public addWidgetDef(\n    widgetDef: WidgetDef,\n    stageId: string | undefined,\n    stageUsage: string | undefined,\n    location: StagePanelLocation,\n    section?: StagePanelSection\n  ): boolean {\n    if (stageId === undefined && stageUsage === undefined) {\n      Logger.logError(\n        UiFramework.loggerCategory(\"WidgetManager\"),\n        `addWidgetDef: stageId or stageUsage param must be specified`\n      );\n      return false;\n    }\n\n    section = section !== undefined ? section : StagePanelSection.Start;\n    const index = this._widgets.reduce((acc, info) => {\n      if (\n        info.stageId === stageId &&\n        info.stageUsage === stageUsage &&\n        info.location === location &&\n        info.section === section\n      )\n        return acc + 1;\n      return acc;\n    }, 0);\n    const stableId = getWidgetManagerStableWidgetId(\n      stageUsage,\n      location,\n      section,\n      index\n    );\n    const stableWidget = createStableWidgetDef(widgetDef, stableId);\n    const newWidget: WidgetInfo = {\n      widgetDef: stableWidget,\n      stageId,\n      stageUsage,\n      location,\n      section,\n    };\n\n    const oldWidgets = this._widgets.filter(\n      (info) => info.widgetDef.id !== newWidget.widgetDef.id\n    );\n    const updatedWidgets = [...oldWidgets, newWidget];\n    this.widgets = updatedWidgets;\n\n    return true;\n  }\n\n  /** Removes a WidgetDef.\n   */\n  public removeWidgetDef(widgetId: string): boolean {\n    let result = false;\n    const updatedWidgets = this._widgets.filter(\n      (info) => info.widgetDef.id !== widgetId\n    );\n\n    if (updatedWidgets.length !== this._widgets.length) {\n      this.widgets = updatedWidgets;\n      result = true;\n    }\n\n    return result;\n  }\n\n  /** Gets WidgetDefs for a Frontstage location.\n   */\n  public getWidgetDefs(\n    stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection\n  ): ReadonlyArray<WidgetDef> | undefined {\n    const definedSection =\n      section === undefined ? StagePanelSection.Start : section;\n\n    const widgetInfos = this._widgets.filter((info) => {\n      return (\n        (!info.stageId || info.stageId === stageId) &&\n        (!info.stageUsage || info.stageUsage === stageUsage) &&\n        info.location === location &&\n        info.section === definedSection\n      );\n    });\n\n    const widgetDefs = widgetInfos.map((info) => info.widgetDef);\n\n    // Consult the UiItemsManager to get any Abstract widgets\n    const widgets = UiItemsManager.getWidgets(\n      stageId,\n      stageUsage,\n      location,\n      definedSection\n    );\n    widgets.forEach((abstractProps) => {\n      const widgetDef = WidgetDef.create(abstractProps);\n      widgetDefs.push(widgetDef);\n    });\n    return widgetDefs.length > 0 ? widgetDefs : undefined;\n  }\n}\n"]}

package/lib/cjs/appui-react/configurableui/ConfigurableUiContent.scss

@@ -12,7 +12,6 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
-  font-size: var(--iui-font-size-1);
 }
 
 #uifw-frontstage-composer {

package/lib/cjs/appui-react/layout/widget/Overflow.scss

@@ -3,56 +3,11 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 .nz-widget-overflow {
-  width: 2em;
-  position: relative;
-
   &.nz-hidden {
     display: none;
   }
+}
 
-  > .nz-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    user-select: none;
-    -webkit-user-select: none;
-
-    > .nz-icon {
-      background: var(--iui-color-background-hover);
-      width: 1em;
-      height: 1em;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      &:after {
-        content: "";
-        display: block;
-        border-color: var(--iui-color-text-disabled);
-        border-style: solid;
-        border-width: 0.15em 0.15em 0 0;
-        width: 0.5em;
-        height: 0.5em;
-        margin-left: -0.15em;
-        box-sizing: border-box;
-        transform: rotate(45deg);
-      }
-    }
-
-    &:hover {
-      > .nz-icon {
-        &:after {
-          border-color: var(--iui-color-text);
-        }
-      }
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
+.nz-widget-overflow_menu {
+  padding-block: var(--iui-size-xs);
 }

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.scss

@@ -12,7 +12,6 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
-  font-size: var(--iui-font-size-1);
 }
 
 #uifw-frontstage-composer {

package/lib/esm/appui-react/layout/widget/Overflow.scss

@@ -3,56 +3,11 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 .nz-widget-overflow {
-  width: 2em;
-  position: relative;
-
   &.nz-hidden {
     display: none;
   }
+}
 
-  > .nz-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    user-select: none;
-    -webkit-user-select: none;
-
-    > .nz-icon {
-      background: var(--iui-color-background-hover);
-      width: 1em;
-      height: 1em;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      &:after {
-        content: "";
-        display: block;
-        border-color: var(--iui-color-text-disabled);
-        border-style: solid;
-        border-width: 0.15em 0.15em 0 0;
-        width: 0.5em;
-        height: 0.5em;
-        margin-left: -0.15em;
-        box-sizing: border-box;
-        transform: rotate(45deg);
-      }
-    }
-
-    &:hover {
-      > .nz-icon {
-        &:after {
-          border-color: var(--iui-color-text);
-        }
-      }
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
+.nz-widget-overflow_menu {
+  padding-block: var(--iui-size-xs);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/appui-react",
-  "version": "5.18.0",
+  "version": "5.20.0",
   "description": "A react component library for AppUI framework",
   "type": "module",
   "types": "./lib/appui-react.d.ts",
@@ -45,13 +45,13 @@
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-redux": "^7.2.2 || ^8.0.0 || ^9.0.0",
     "redux": "^4.1.0 || ^5.0.0",
-    "@itwin/components-react": "5.18.0",
-    "@itwin/core-react": "5.18.0",
-    "@itwin/imodel-components-react": "5.18.0"
+    "@itwin/components-react": "5.20.0",
+    "@itwin/core-react": "5.20.0",
+    "@itwin/imodel-components-react": "5.20.0"
   },
   "devDependencies": {
     "@itwin/appui-abstract": "^5.1.0",
-    "@itwin/build-tools": "4.10.2",
+    "@itwin/build-tools": "^5.3.2",
     "@itwin/core-bentley": "^5.1.0",
     "@itwin/core-common": "^5.1.0",
     "@itwin/core-frontend": "^5.1.0",
@@ -60,13 +60,12 @@
     "@itwin/core-quantity": "^5.1.0",
     "@itwin/ecschema-metadata": "^5.1.0",
     "@itwin/eslint-plugin": "5.1.0",
-    "@itwin/itwinui-react": "^3.19.4",
+    "@itwin/itwinui-react": "^3.19.6",
     "@itwin/webgl-compatibility": "^5.1.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash": "^4.14.0",
-    "@types/node": "20.17.8",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "@types/react-transition-group": "^4.4.4",
@@ -85,15 +84,15 @@
     "react-redux": "^9.1.2",
     "redux": "^5.0.1",
     "reflect-metadata": "^0.1.13",
-    "rimraf": "^6.0.1",
+    "rimraf": "^6.1.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
     "typescript": "~5.6.2",
     "upath": "^2.0.1",
     "vitest": "^3.2.4",
-    "@itwin/core-react": "5.18.0",
-    "@itwin/components-react": "5.18.0",
-    "@itwin/imodel-components-react": "5.18.0"
+    "@itwin/components-react": "5.20.0",
+    "@itwin/core-react": "5.20.0",
+    "@itwin/imodel-components-react": "5.20.0"
   },
   "dependencies": {
     "@itwin/itwinui-icons-react": "^2.8.0",

package/lib/appui-react/layout/widget/Menu.d.ts

@@ -1,16 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import "./Menu.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** @internal */
-export interface WidgetMenuProps extends CommonProps {
-    children?: React.ReactNode;
-    open?: boolean;
-    onClose?: () => void;
-    target?: HTMLElement;
-}
-/** @internal */
-export declare function WidgetMenu(props: WidgetMenuProps): React.JSX.Element;
-//# sourceMappingURL=Menu.d.ts.map

package/lib/appui-react/layout/widget/Menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/Menu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,gBAAgB;AAEhB,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,gBAAgB;AAChB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAiBhD"}

package/lib/appui-react/layout/widget/Menu.js

@@ -1,21 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./Menu.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Popup } from "@itwin/core-react";
-import { RelativePosition } from "@itwin/appui-abstract";
-/** @internal */
-export function WidgetMenu(props) {
-    const className = classnames("nz-widget-menu", props.className);
-    return (
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
-    React.createElement(Popup, { className: className, isOpen: props.open, offset: 0, onClose: props.onClose, position: RelativePosition.BottomLeft, style: props.style, showShadow: false, target: props.target },
-        React.createElement("div", { className: "nz-widget-menu_tabs" }, props.children)));
-}
-//# sourceMappingURL=Menu.js.map

package/lib/appui-react/layout/widget/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/Menu.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAWzD,gBAAgB;AAChB,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAChE,OAAO;IACL,4DAA4D;IAC5D,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,EACrC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,KAAK,CAAC,MAAM;QAEpB,6BAAK,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAC,QAAQ,CAAO,CACrD,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 Widget\n */\n\nimport \"./Menu.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\n\n/** @internal */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface WidgetMenuProps extends CommonProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  onClose?: () => void;\n  target?: HTMLElement;\n}\n\n/** @internal */\nexport function WidgetMenu(props: WidgetMenuProps) {\n  const className = classnames(\"nz-widget-menu\", props.className);\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    <Popup\n      className={className}\n      isOpen={props.open}\n      offset={0}\n      onClose={props.onClose}\n      position={RelativePosition.BottomLeft}\n      style={props.style}\n      showShadow={false}\n      target={props.target}\n    >\n      <div className=\"nz-widget-menu_tabs\">{props.children}</div>\n    </Popup>\n  );\n}\n"]}

package/lib/appui-react/layout/widget/Menu.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.nz-widget-menu {
-  background: var(--iui-color-background);
-}
-
-.nz-widget-menu_tabs {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}

package/lib/cjs/appui-react/layout/widget/Menu.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.nz-widget-menu {
-  background: var(--iui-color-background);
-}
-
-.nz-widget-menu_tabs {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}

package/lib/esm/appui-react/layout/widget/Menu.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.nz-widget-menu {
-  background: var(--iui-color-background);
-}
-
-.nz-widget-menu_tabs {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}