@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1,149 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Widget
+ */
+import { BeUiEvent, Logger } from "@itwin/core-bentley";
+import { AbstractZoneLocation, StagePanelLocation, StagePanelSection, UiItemsManager } from "@itwin/appui-abstract";
+import { UiFramework } from "../UiFramework";
+import { getStableWidgetProps, ZoneLocation } from "../zones/Zone";
+import { WidgetDef } from "./WidgetDef";
+import { createStableWidgetDef } from "./StableWidgetDef";
+/** Event class for [[this.onWidgetsChanged]].
+ * @internal
+ */
+export class WidgetsChangedEvent extends BeUiEvent {
+}
+function isZoneLocation(location) {
+    return location >= ZoneLocation.TopLeft && location <= ZoneLocation.BottomRight;
+}
+function getLocationName(location) {
+    return isZoneLocation(location) ? ZoneLocation[location] : StagePanelLocation[location];
+}
+function getWidgetManagerStableWidgetId(stageUsage, location, section, index) {
+    return `uifw-wm-${stageUsage || ""}-${getLocationName(location)}-${StagePanelSection[section]}-${index}`;
+}
+function getAddonStableWidgetId(stageUsage, location, section, index) {
+    return `uifw-addon-${stageUsage}-${StagePanelLocation[location]}-${StagePanelSection[section]}-${index}`;
+}
+/** Widget Manager class.
+ * @beta
+ */
+export class WidgetManager {
+    constructor() {
+        this._widgets = [];
+        /** Event raised when Widgets are changed.
+         * @internal
+         */
+        this.onWidgetsChanged = new WidgetsChangedEvent();
+    }
+    /** @internal */
+    get widgetCount() {
+        return this._widgets.length;
+    }
+    /** @internal */
+    get widgets() { return this._widgets; }
+    set widgets(w) {
+        this._widgets = w;
+        this.onWidgetsChanged.emit({ items: w });
+    }
+    /** Adds a WidgetDef for use in a Frontstage.
+     * @note Added `widgetDef` must return unique id to correctly save/restore App layout.
+     * Semi-stable id is generated when auto-generated `widgetDef` id is detected,
+     * but correctness of such id depends on `addWidgetDef` call order and widget location.
+     */
+    addWidgetDef(widgetDef, stageId, stageUsage, location, section) {
+        if (stageId === undefined && stageUsage === undefined) {
+            Logger.logError(UiFramework.loggerCategory(this), `addWidgetDef: stageId or stageUsage param must be specified`);
+            return false;
+        }
+        section = (section !== undefined) ? section : StagePanelSection.Start;
+        const index = this._widgets.reduce((acc, info) => {
+            if (info.stageId === stageId && info.stageUsage === stageUsage && info.location === location && info.section === section)
+                return acc + 1;
+            return acc;
+        }, 0);
+        const stableId = getWidgetManagerStableWidgetId(stageUsage, location, section, index);
+        const stableWidget = createStableWidgetDef(widgetDef, stableId);
+        const newWidget = { widgetDef: stableWidget, stageId, stageUsage, location, section };
+        const oldWidgets = this._widgets.filter((info) => info.widgetDef.id !== newWidget.widgetDef.id);
+        const updatedWidgets = [
+            ...oldWidgets,
+            newWidget,
+        ];
+        this.widgets = updatedWidgets;
+        return true;
+    }
+    /** Removes a WidgetDef.
+     */
+    removeWidgetDef(widgetId) {
+        let result = false;
+        const updatedWidgets = this._widgets.filter((info) => info.widgetDef.id !== widgetId);
+        if (updatedWidgets.length !== this._widgets.length) {
+            this.widgets = updatedWidgets;
+            result = true;
+        }
+        return result;
+    }
+    // Used when WidgetDefs are requested from UiItemProviders when uiVersion="1"
+    getStagePanelLocationFromZoneLocation(location) {
+        switch (location) {
+            case ZoneLocation.BottomCenter:
+            case ZoneLocation.TopCenter:
+            case ZoneLocation.TopRight:
+            case ZoneLocation.TopLeft:
+                return undefined; // an existing stage does not support appending widgets to these zones
+            case ZoneLocation.BottomLeft:
+            case ZoneLocation.CenterLeft:
+                return StagePanelLocation.Left;
+            case ZoneLocation.BottomRight:
+            case ZoneLocation.CenterRight:
+                return StagePanelLocation.Right;
+        }
+    }
+    /** Gets WidgetDefs for a Frontstage location.
+     */
+    getWidgetDefs(stageId, stageUsage, location, section, frontstageApplicationData) {
+        const definedSection = section === undefined ? StagePanelSection.Start : section;
+        const widgetInfos = this._widgets.filter((info) => {
+            return (!info.stageId || info.stageId === stageId)
+                && (!info.stageUsage || info.stageUsage === stageUsage)
+                && info.location === location
+                && info.section === definedSection;
+        });
+        const widgetDefs = widgetInfos.map((info) => info.widgetDef);
+        // Consult the UiItemsManager to get any Abstract widgets
+        if (location in StagePanelLocation) {
+            const widgets = UiItemsManager.getWidgets(stageId, stageUsage, location, definedSection, frontstageApplicationData);
+            widgets.forEach((abstractProps, index) => {
+                const props = WidgetDef.createWidgetPropsFromAbstractProps(abstractProps);
+                const stableId = getAddonStableWidgetId(stageUsage, location, definedSection, index);
+                const stableProps = getStableWidgetProps(props, stableId);
+                const wd = new WidgetDef(stableProps);
+                widgetDefs.push(wd);
+            });
+        }
+        else {
+            // istanbul ignore else
+            if (location in ZoneLocation) {
+                const panelLocation = this.getStagePanelLocationFromZoneLocation(location);
+                // istanbul ignore else
+                if (panelLocation && location in AbstractZoneLocation) {
+                    const widgets = UiItemsManager.getWidgets(stageId, stageUsage, panelLocation, undefined, location, frontstageApplicationData);
+                    widgets.forEach((abstractProps, index) => {
+                        const props = WidgetDef.createWidgetPropsFromAbstractProps(abstractProps);
+                        const stableId = getAddonStableWidgetId(stageUsage, location, definedSection, index);
+                        const stableProps = getStableWidgetProps(props, stableId);
+                        const wd = new WidgetDef(stableProps);
+                        widgetDefs.push(wd);
+                    });
+                }
+            }
+        }
+        return widgetDefs.length > 0 ? widgetDefs : undefined;
+    }
+}
+//# sourceMappingURL=WidgetManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetManager.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetManager.ts"],"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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Widget\r\n */\r\n\r\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\r\nimport { AbstractWidgetProps, AbstractZoneLocation, StagePanelLocation, StagePanelSection, UiItemsManager } from \"@itwin/appui-abstract\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { getStableWidgetProps, ZoneLocation } from \"../zones/Zone\";\r\nimport { WidgetDef } from \"./WidgetDef\";\r\nimport { createStableWidgetDef } from \"./StableWidgetDef\";\r\n\r\n/** Information about WidgetDefs in the WidgetManager\r\n * @internal\r\n */\r\nexport interface WidgetInfo {\r\n  widgetDef: WidgetDef;\r\n  stageId?: string;\r\n  stageUsage?: string;\r\n  location: ZoneLocation | StagePanelLocation;\r\n  section: StagePanelSection;\r\n}\r\n\r\n/** Arguments of [[this.onWidgetsChanged]] event.\r\n * @internal\r\n */\r\nexport interface WidgetsChangedEventArgs {\r\n  readonly items: ReadonlyArray<WidgetInfo>;\r\n}\r\n\r\n/** Event class for [[this.onWidgetsChanged]].\r\n * @internal\r\n */\r\nexport class WidgetsChangedEvent extends BeUiEvent<WidgetsChangedEventArgs> { }\r\n\r\nfunction isZoneLocation(location: ZoneLocation | StagePanelLocation): location is ZoneLocation {\r\n  return location >= ZoneLocation.TopLeft && location <= ZoneLocation.BottomRight;\r\n}\r\n\r\nfunction getLocationName(location: ZoneLocation | StagePanelLocation) {\r\n  return isZoneLocation(location) ? ZoneLocation[location] : StagePanelLocation[location];\r\n}\r\n\r\nfunction getWidgetManagerStableWidgetId(stageUsage: string | undefined, location: ZoneLocation | StagePanelLocation, section: StagePanelSection,\r\n  index: number) {\r\n  return `uifw-wm-${stageUsage || \"\"}-${getLocationName(location)}-${StagePanelSection[section]}-${index}`;\r\n}\r\n\r\nfunction getAddonStableWidgetId(stageUsage: string, location: StagePanelLocation, section: StagePanelSection, index: number) {\r\n  return `uifw-addon-${stageUsage}-${StagePanelLocation[location]}-${StagePanelSection[section]}-${index}`;\r\n}\r\n\r\n/** Widget Manager class.\r\n * @beta\r\n */\r\nexport class WidgetManager {\r\n  private _widgets: ReadonlyArray<WidgetInfo> = [];\r\n\r\n  /** Event raised when Widgets are changed.\r\n   * @internal\r\n   */\r\n  public readonly onWidgetsChanged = new WidgetsChangedEvent();\r\n\r\n  /** @internal */\r\n  public get widgetCount(): number {\r\n    return this._widgets.length;\r\n  }\r\n\r\n  /** @internal */\r\n  public get widgets(): ReadonlyArray<WidgetInfo> { return this._widgets; }\r\n  public set widgets(w: ReadonlyArray<WidgetInfo>) {\r\n    this._widgets = w;\r\n    this.onWidgetsChanged.emit({ items: w });\r\n  }\r\n\r\n  /** Adds a WidgetDef for use in a Frontstage.\r\n   * @note Added `widgetDef` must return unique id to correctly save/restore App layout.\r\n   * Semi-stable id is generated when auto-generated `widgetDef` id is detected,\r\n   * but correctness of such id depends on `addWidgetDef` call order and widget location.\r\n   */\r\n  public addWidgetDef(widgetDef: WidgetDef, stageId: string | undefined, stageUsage: string | undefined, location: ZoneLocation | StagePanelLocation, section?: StagePanelSection): boolean {\r\n    if (stageId === undefined && stageUsage === undefined) {\r\n      Logger.logError(UiFramework.loggerCategory(this), `addWidgetDef: stageId or stageUsage param must be specified`);\r\n      return false;\r\n    }\r\n\r\n    section = (section !== undefined) ? section : StagePanelSection.Start;\r\n    const index = this._widgets.reduce((acc, info) => {\r\n      if (info.stageId === stageId && info.stageUsage === stageUsage && info.location === location && info.section === section)\r\n        return acc + 1;\r\n      return acc;\r\n    }, 0);\r\n    const stableId = getWidgetManagerStableWidgetId(stageUsage, location, section, index);\r\n    const stableWidget = createStableWidgetDef(widgetDef, stableId);\r\n    const newWidget: WidgetInfo = { widgetDef: stableWidget, stageId, stageUsage, location, section };\r\n\r\n    const oldWidgets = this._widgets.filter((info) => info.widgetDef.id !== newWidget.widgetDef.id);\r\n    const updatedWidgets = [\r\n      ...oldWidgets,\r\n      newWidget,\r\n    ];\r\n    this.widgets = updatedWidgets;\r\n\r\n    return true;\r\n  }\r\n\r\n  /** Removes a WidgetDef.\r\n   */\r\n  public removeWidgetDef(widgetId: string): boolean {\r\n    let result = false;\r\n    const updatedWidgets = this._widgets.filter((info) => info.widgetDef.id !== widgetId);\r\n\r\n    if (updatedWidgets.length !== this._widgets.length) {\r\n      this.widgets = updatedWidgets;\r\n      result = true;\r\n    }\r\n\r\n    return result;\r\n  }\r\n\r\n  // Used when WidgetDefs are requested from UiItemProviders when uiVersion=\"1\"\r\n  private getStagePanelLocationFromZoneLocation(location: ZoneLocation): StagePanelLocation | undefined {\r\n    switch (location) {\r\n      case ZoneLocation.BottomCenter:\r\n      case ZoneLocation.TopCenter:\r\n      case ZoneLocation.TopRight:\r\n      case ZoneLocation.TopLeft:\r\n        return undefined; // an existing stage does not support appending widgets to these zones\r\n      case ZoneLocation.BottomLeft:\r\n      case ZoneLocation.CenterLeft:\r\n        return StagePanelLocation.Left;\r\n      case ZoneLocation.BottomRight:\r\n      case ZoneLocation.CenterRight:\r\n        return StagePanelLocation.Right;\r\n    }\r\n  }\r\n\r\n  /** Gets WidgetDefs for a Frontstage location.\r\n   */\r\n  public getWidgetDefs(stageId: string, stageUsage: string, location: ZoneLocation | StagePanelLocation, section?: StagePanelSection,\r\n    frontstageApplicationData?: any): ReadonlyArray<WidgetDef> | undefined {\r\n    const definedSection = section === undefined ? StagePanelSection.Start : section;\r\n\r\n    const widgetInfos = this._widgets.filter((info) => {\r\n      return (!info.stageId || info.stageId === stageId)\r\n        && (!info.stageUsage || info.stageUsage === stageUsage)\r\n        && info.location === location\r\n        && info.section === definedSection;\r\n    });\r\n\r\n    const widgetDefs = widgetInfos.map((info) => info.widgetDef);\r\n\r\n    // Consult the UiItemsManager to get any Abstract widgets\r\n    if (location in StagePanelLocation) {\r\n      const widgets = UiItemsManager.getWidgets(stageId, stageUsage, location as StagePanelLocation, definedSection, frontstageApplicationData);\r\n      widgets.forEach((abstractProps: AbstractWidgetProps, index: number) => {\r\n        const props = WidgetDef.createWidgetPropsFromAbstractProps(abstractProps);\r\n        const stableId = getAddonStableWidgetId(stageUsage, location as StagePanelLocation, definedSection, index);\r\n        const stableProps = getStableWidgetProps(props, stableId);\r\n        const wd = new WidgetDef(stableProps);\r\n        widgetDefs.push(wd);\r\n      });\r\n    } else {\r\n      // istanbul ignore else\r\n      if (location in ZoneLocation) {\r\n        const panelLocation = this.getStagePanelLocationFromZoneLocation(location as ZoneLocation);\r\n        // istanbul ignore else\r\n        if (panelLocation && location in AbstractZoneLocation) {\r\n          const widgets = UiItemsManager.getWidgets(stageId, stageUsage, panelLocation, undefined, location as unknown as AbstractZoneLocation, frontstageApplicationData);\r\n          widgets.forEach((abstractProps: AbstractWidgetProps, index: number) => {\r\n            const props = WidgetDef.createWidgetPropsFromAbstractProps(abstractProps);\r\n            const stableId = getAddonStableWidgetId(stageUsage, location as StagePanelLocation, definedSection, index);\r\n            const stableProps = getStableWidgetProps(props, stableId);\r\n            const wd = new WidgetDef(stableProps);\r\n            widgetDefs.push(wd);\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    return widgetDefs.length > 0 ? widgetDefs : undefined;\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/WidgetProps.d.ts

@@ -0,0 +1,25 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { AbstractWidgetProps } from "@itwin/appui-abstract";
+import { IconProps } from "@itwin/core-react";
+import { ConfigurableUiControlConstructor } from "../configurableui/ConfigurableUiControl";
+/** Properties for a [Widget]($appui-react) component.
+ * @public
+ */
+export interface WidgetProps extends Omit<AbstractWidgetProps, "getWidgetContent">, IconProps {
+    /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
+    labelKey?: string;
+    /** if set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */
+    tooltipKey?: string;
+    /** A [[WidgetControl]] providing information about the Widget. */
+    control?: ConfigurableUiControlConstructor;
+    /** A React component for the Widget. */
+    element?: React.ReactNode;
+    /** Control's class id */
+    classId?: string | ConfigurableUiControlConstructor;
+    /** @alpha */
+    preferredPanelSize?: "fit-content";
+}
+//# sourceMappingURL=WidgetProps.d.ts.map

package/lib/esm/appui-react/widgets/WidgetProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAE3F;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,EAAE,SAAS;IAC3F,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+IAA+I;IAC/I,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,gCAAgC,CAAC;IAC3C,wCAAwC;IACxC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,gCAAgC,CAAC;IACpD,aAAa;IACb,kBAAkB,CAAC,EAAE,aAAa,CAAC;CACpC"}

package/lib/esm/appui-react/widgets/WidgetProps.js

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
+//# sourceMappingURL=WidgetProps.js.map

package/lib/esm/appui-react/widgets/WidgetProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetProps.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps } from \"@itwin/appui-abstract\";\r\nimport { IconProps } from \"@itwin/core-react\";\r\nimport { ConfigurableUiControlConstructor } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** Properties for a [Widget]($appui-react) component.\r\n * @public\r\n */\r\n// export interface WidgetProps extends IconProps {\r\nexport interface WidgetProps extends Omit<AbstractWidgetProps, \"getWidgetContent\">, IconProps {\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if tooltip is not explicitly set. */\r\n  tooltipKey?: string;\r\n  /** A [[WidgetControl]] providing information about the Widget. */\r\n  control?: ConfigurableUiControlConstructor;\r\n  /** A React component for the Widget. */\r\n  element?: React.ReactNode;\r\n  /** Control's class id */\r\n  classId?: string | ConfigurableUiControlConstructor;\r\n  /** @alpha */\r\n  preferredPanelSize?: \"fit-content\";\r\n}\r\n"]}

package/lib/esm/appui-react/widgets/WidgetStack.d.ts

@@ -0,0 +1,135 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { BadgeType, ConditionalStringValue, PointProps } from "@itwin/appui-abstract";
+import { CommonProps, RectangleProps } from "@itwin/core-react";
+import { DisabledResizeHandles, DraggedWidgetManagerProps, HorizontalAnchor, Tab, TabMode, VerticalAnchor, WidgetZoneId } from "@itwin/appui-layout-react";
+import { WidgetChangeHandler } from "../frontstage/FrontstageComposer";
+/** Properties for a [[WidgetStack]] Tab.
+ * @internal
+ */
+export interface WidgetTab {
+    readonly iconSpec?: string | ConditionalStringValue | React.ReactNode;
+    readonly title: string;
+    readonly badgeType?: BadgeType;
+}
+/** Properties for a Widget in a [[WidgetStack]].
+ * @internal
+ */
+export declare type WidgetTabs = {
+    readonly [id in WidgetZoneId]: ReadonlyArray<WidgetTab>;
+};
+/** Properties for the [[WidgetStack]] React component.
+ * @internal
+ */
+export interface WidgetStackProps extends CommonProps {
+    activeTabIndex: number;
+    disabledResizeHandles: DisabledResizeHandles | undefined;
+    draggedWidget: DraggedWidgetManagerProps | undefined;
+    fillZone: boolean;
+    getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>;
+    horizontalAnchor: HorizontalAnchor;
+    isCollapsed: boolean;
+    isFloating: boolean;
+    isInStagePanel: boolean;
+    openWidgetId: WidgetZoneId | undefined;
+    verticalAnchor: VerticalAnchor;
+    widgetChangeHandler: WidgetChangeHandler;
+    widgets: ReadonlyArray<WidgetZoneId>;
+    widgetTabs: WidgetTabs;
+}
+/** Widget stack React component.
+ * @internal
+ */
+export declare class WidgetStack extends React.PureComponent<WidgetStackProps> {
+    private _widgetStack;
+    render(): React.ReactNode;
+    private _handleOnWidgetResize;
+    private _handleTabDragStart;
+    private _handleTabDragEnd;
+    private _handleTabClick;
+    private _handleTabDrag;
+}
+/** Properties for the [[WidgetStackTabs]] component.
+ * @internal
+ */
+export interface WidgetStackTabsProps {
+    activeTabIndex: number;
+    draggedWidget: DraggedWidgetManagerProps | undefined;
+    horizontalAnchor: HorizontalAnchor;
+    isCollapsed: boolean;
+    isProtruding: boolean;
+    onTabClick: (widgetId: WidgetZoneId, tabIndex: number) => void;
+    onTabDrag: (dragged: PointProps) => void;
+    onTabDragEnd: () => void;
+    onTabDragStart: (widgetId: WidgetZoneId, tabIndex: number, initialPosition: PointProps, firstTabBounds: RectangleProps) => void;
+    openWidgetId: WidgetZoneId | undefined;
+    verticalAnchor: VerticalAnchor;
+    widgets: ReadonlyArray<WidgetZoneId>;
+    widgetTabs: WidgetTabs;
+}
+/** Tabs of [[WidgetStack]] component.
+ * @internal
+ */
+export declare class WidgetStackTabs extends React.PureComponent<WidgetStackTabsProps> {
+    render(): React.ReactNode;
+}
+/** Properties for the [[WidgetStackTabGroup]] component.
+ * @internal
+ */
+export interface WidgetStackTabGroupProps {
+    activeTabIndex: number;
+    draggedWidget: DraggedWidgetManagerProps | undefined;
+    horizontalAnchor: HorizontalAnchor;
+    isCollapsed: boolean;
+    isProtruding: boolean;
+    isStacked: boolean;
+    onTabClick: (widgetId: WidgetZoneId, tabIndex: number) => void;
+    onTabDrag: (dragged: PointProps) => void;
+    onTabDragEnd: () => void;
+    onTabDragStart: (widgetId: WidgetZoneId, tabIndex: number, initialPosition: PointProps, firstTabBounds: RectangleProps) => void;
+    openWidgetId: WidgetZoneId | undefined;
+    tabs: ReadonlyArray<WidgetTab>;
+    verticalAnchor: VerticalAnchor;
+    widgetId: WidgetZoneId;
+}
+/** Widget tab group used in [[WidgetStackTabs]] component.
+ * @internal
+ */
+export declare class WidgetStackTabGroup extends React.PureComponent<WidgetStackTabGroupProps> {
+    private _firstTab;
+    render(): React.ReactNode;
+    private getTabHandleMode;
+    private _handleTabDragStart;
+    private _handleTabClick;
+}
+/** Properties for the [[WidgetStackTab]] component.
+ * @internal
+ */
+export interface WidgetStackTabProps {
+    horizontalAnchor: HorizontalAnchor;
+    iconSpec?: string | ConditionalStringValue | React.ReactNode;
+    index: number;
+    badgeType?: BadgeType;
+    isCollapsed: boolean;
+    isProtruding: boolean;
+    lastPosition: PointProps | undefined;
+    mode: TabMode;
+    onClick: (index: number) => void;
+    onDrag: (dragged: PointProps) => void;
+    onDragEnd: () => void;
+    onDragStart: (index: number, initialPosition: PointProps) => void;
+    tabRef?: React.Ref<Tab>;
+    title: string;
+    verticalAnchor: VerticalAnchor;
+}
+/** Tab used in [[WidgetStackTabGroup]] component.
+ * @internal
+ */
+export declare class WidgetStackTab extends React.PureComponent<WidgetStackTabProps> {
+    render(): React.ReactNode;
+    private _handleDragStart;
+    private _handleClick;
+}
+//# sourceMappingURL=WidgetStack.d.ts.map

package/lib/esm/appui-react/widgets/WidgetStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetStack.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetStack.tsx"],"names":[],"mappings":"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"}

package/lib/esm/appui-react/widgets/WidgetStack.js

@@ -0,0 +1,129 @@
+/*---------------------------------------------------------------------------------------------
+* 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 * as React from "react";
+import { BadgeUtilities, IconHelper, Rectangle } from "@itwin/core-react";
+import { HandleMode, Stacked as NZ_WidgetStack, Tab, TabGroup, TabMode, TabSeparator, VerticalAnchor, VerticalAnchorHelpers, } from "@itwin/appui-layout-react";
+import { UiShowHideManager } from "../utils/UiShowHideManager";
+/** Widget stack React component.
+ * @internal
+ */
+export class WidgetStack extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._widgetStack = React.createRef();
+        this._handleOnWidgetResize = (resizeBy, handle, filledHeightDiff) => {
+            this.props.widgetChangeHandler.handleResize(this.props.widgets[0], resizeBy, handle, filledHeightDiff);
+        };
+        this._handleTabDragStart = (widgetId, tabIndex, initialPosition, firstTabBounds) => {
+            if (!this._widgetStack.current)
+                return;
+            const tabBounds = Rectangle.create(firstTabBounds);
+            const stackedWidgetBounds = Rectangle.create(this._widgetStack.current.getBounds());
+            const offsetToFirstTab = stackedWidgetBounds.topLeft().getOffsetTo(tabBounds.topLeft());
+            const isHorizontal = this.props.verticalAnchor === VerticalAnchor.BottomPanel || this.props.verticalAnchor === VerticalAnchor.TopPanel;
+            let widgetBounds;
+            if (isHorizontal)
+                widgetBounds = stackedWidgetBounds.offsetX(offsetToFirstTab.x);
+            else
+                widgetBounds = stackedWidgetBounds.offsetY(offsetToFirstTab.y);
+            this.props.widgetChangeHandler.handleTabDragStart(widgetId, tabIndex, initialPosition, widgetBounds);
+        };
+        this._handleTabDragEnd = () => {
+            this.props.widgetChangeHandler.handleTabDragEnd();
+        };
+        this._handleTabClick = (widgetId, tabIndex) => {
+            this.props.widgetChangeHandler.handleTabClick(widgetId, tabIndex);
+        };
+        this._handleTabDrag = (dragged) => {
+            this.props.widgetChangeHandler.handleTabDrag(dragged);
+        };
+    }
+    render() {
+        const tabCount = this.props.widgets.reduce((acc, widgetId) => {
+            const tabs = this.props.widgetTabs[widgetId];
+            return acc + tabs.length;
+        }, 0);
+        if (tabCount === 0)
+            return null;
+        return (React.createElement(NZ_WidgetStack, { className: this.props.className, contentRef: this.props.openWidgetId ? this.props.getWidgetContentRef(this.props.openWidgetId) : undefined, disabledResizeHandles: this.props.disabledResizeHandles, fillZone: this.props.fillZone || this.props.isInStagePanel, horizontalAnchor: this.props.horizontalAnchor, isCollapsed: this.props.isCollapsed, isTabBarVisible: this.props.isInStagePanel, isDragged: !!this.props.draggedWidget, isFloating: this.props.isFloating, isOpen: !!this.props.openWidgetId, onMouseEnter: UiShowHideManager.handleWidgetMouseEnter, onResize: this.props.isInStagePanel ? undefined : this._handleOnWidgetResize, ref: this._widgetStack, style: this.props.style, tabs: React.createElement(WidgetStackTabs, { activeTabIndex: this.props.activeTabIndex, draggedWidget: this.props.draggedWidget, horizontalAnchor: this.props.horizontalAnchor, isCollapsed: this.props.isCollapsed, isProtruding: !this.props.isInStagePanel, onTabClick: this._handleTabClick, onTabDrag: this._handleTabDrag, onTabDragEnd: this._handleTabDragEnd, onTabDragStart: this._handleTabDragStart, openWidgetId: this.props.openWidgetId, verticalAnchor: this.props.verticalAnchor, widgets: this.props.widgets, widgetTabs: this.props.widgetTabs }), verticalAnchor: this.props.verticalAnchor }));
+    }
+}
+/** Tabs of [[WidgetStack]] component.
+ * @internal
+ */
+export class WidgetStackTabs extends React.PureComponent {
+    render() {
+        let renderIndex = -1;
+        return this.props.widgets.map((widgetId) => {
+            const tabs = this.props.widgetTabs[widgetId];
+            if (tabs.length <= 0)
+                return null;
+            renderIndex++;
+            // istanbul ignore next
+            return (React.createElement(React.Fragment, { key: widgetId },
+                renderIndex < 1 ? undefined : React.createElement(TabSeparator, { isHorizontal: VerticalAnchorHelpers.isHorizontal(this.props.verticalAnchor) }),
+                React.createElement(WidgetStackTabGroup, { activeTabIndex: this.props.activeTabIndex, draggedWidget: this.props.draggedWidget, horizontalAnchor: this.props.horizontalAnchor, isCollapsed: this.props.isCollapsed, isProtruding: this.props.isProtruding, isStacked: this.props.widgets.length > 1, onTabClick: this.props.onTabClick, onTabDrag: this.props.onTabDrag, onTabDragEnd: this.props.onTabDragEnd, onTabDragStart: this.props.onTabDragStart, openWidgetId: this.props.openWidgetId, tabs: tabs, verticalAnchor: this.props.verticalAnchor, widgetId: widgetId })));
+        });
+    }
+}
+/** Widget tab group used in [[WidgetStackTabs]] component.
+ * @internal
+ */
+export class WidgetStackTabGroup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._firstTab = React.createRef();
+        this._handleTabDragStart = (tabIndex, initialPosition) => {
+            if (!this._firstTab.current)
+                return;
+            const firstTabBounds = Rectangle.create(this._firstTab.current.getBounds()).toProps();
+            this.props.onTabDragStart(this.props.widgetId, tabIndex, initialPosition, firstTabBounds);
+        };
+        this._handleTabClick = (tabIndex) => {
+            this.props.onTabClick(this.props.widgetId, tabIndex);
+        };
+    }
+    render() {
+        const lastPosition = this.props.draggedWidget ? this.props.draggedWidget.lastPosition : undefined;
+        const isWidgetStackOpen = !!this.props.openWidgetId;
+        const isWidgetOpen = this.props.openWidgetId === this.props.widgetId;
+        const tabs = this.props.tabs.map((tab, index) => {
+            const mode = !isWidgetStackOpen ? TabMode.Closed : isWidgetOpen && this.props.activeTabIndex === index ? TabMode.Active : TabMode.Open;
+            return (React.createElement(WidgetStackTab, { horizontalAnchor: this.props.horizontalAnchor, iconSpec: tab.iconSpec, index: index, badgeType: tab.badgeType, isCollapsed: this.props.isCollapsed, isProtruding: this.props.isProtruding, key: `${this.props.widgetId}-${index}`, lastPosition: lastPosition, mode: mode, onClick: this._handleTabClick, onDrag: this.props.onTabDrag, onDragEnd: this.props.onTabDragEnd, onDragStart: this._handleTabDragStart, tabRef: index === 0 ? this._firstTab : undefined, title: tab.title, verticalAnchor: this.props.verticalAnchor }));
+        });
+        if (tabs.length > 1) {
+            return (React.createElement(TabGroup, { handle: this.getTabHandleMode(), horizontalAnchor: this.props.horizontalAnchor, isCollapsed: this.props.isCollapsed, verticalAnchor: this.props.verticalAnchor }, tabs));
+        }
+        return tabs;
+    }
+    getTabHandleMode() {
+        if (this.props.draggedWidget && this.props.draggedWidget.id === this.props.widgetId && this.props.draggedWidget.isUnmerge)
+            return HandleMode.Visible;
+        if (this.props.isStacked)
+            return HandleMode.Hovered;
+        return HandleMode.Timedout;
+    }
+}
+/** Tab used in [[WidgetStackTabGroup]] component.
+ * @internal
+ */
+export class WidgetStackTab extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleDragStart = (initialPosition) => {
+            this.props.onDragStart(this.props.index, initialPosition);
+        };
+        this._handleClick = () => {
+            this.props.onClick(this.props.index);
+        };
+    }
+    render() {
+        return (React.createElement(Tab, { badge: BadgeUtilities.getComponentForBadgeType(this.props.badgeType), horizontalAnchor: this.props.horizontalAnchor, isCollapsed: this.props.isCollapsed, isProtruding: this.props.isProtruding, lastPosition: this.props.lastPosition, mode: this.props.mode, onClick: this._handleClick, onDrag: this.props.onDrag, onDragEnd: this.props.onDragEnd, onDragStart: this._handleDragStart, ref: this.props.tabRef, title: this.props.title, verticalAnchor: this.props.verticalAnchor }, IconHelper.getIconReactNode(this.props.iconSpec)));
+    }
+}
+//# sourceMappingURL=WidgetStack.js.map

package/lib/esm/appui-react/widgets/WidgetStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetStack.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetStack.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 Widget\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BadgeType, ConditionalStringValue, PointProps } from \"@itwin/appui-abstract\";\r\nimport { BadgeUtilities, CommonProps, IconHelper, Rectangle, RectangleProps } from \"@itwin/core-react\";\r\nimport {\r\n  DisabledResizeHandles, DraggedWidgetManagerProps, HandleMode, HorizontalAnchor, Stacked as NZ_WidgetStack, ResizeHandle, Tab, TabGroup, TabMode,\r\n  TabSeparator, VerticalAnchor, VerticalAnchorHelpers, WidgetZoneId,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { WidgetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\n\r\n// cSpell:ignore Timedout\r\n\r\n/** Properties for a [[WidgetStack]] Tab.\r\n * @internal\r\n */\r\nexport interface WidgetTab {\r\n  readonly iconSpec?: string | ConditionalStringValue | React.ReactNode;\r\n  readonly title: string;\r\n  readonly badgeType?: BadgeType;\r\n}\r\n\r\n/** Properties for a Widget in a [[WidgetStack]].\r\n * @internal\r\n */\r\nexport type WidgetTabs = { readonly [id in WidgetZoneId]: ReadonlyArray<WidgetTab> };\r\n\r\n/** Properties for the [[WidgetStack]] React component.\r\n * @internal\r\n */\r\nexport interface WidgetStackProps extends CommonProps {\r\n  activeTabIndex: number;\r\n  disabledResizeHandles: DisabledResizeHandles | undefined;\r\n  draggedWidget: DraggedWidgetManagerProps | undefined;\r\n  fillZone: boolean;\r\n  getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>;\r\n  horizontalAnchor: HorizontalAnchor;\r\n  isCollapsed: boolean;\r\n  isFloating: boolean;\r\n  isInStagePanel: boolean;\r\n  openWidgetId: WidgetZoneId | undefined;\r\n  verticalAnchor: VerticalAnchor;\r\n  widgetChangeHandler: WidgetChangeHandler;\r\n  widgets: ReadonlyArray<WidgetZoneId>;\r\n  widgetTabs: WidgetTabs;\r\n}\r\n\r\n/** Widget stack React component.\r\n * @internal\r\n */\r\nexport class WidgetStack extends React.PureComponent<WidgetStackProps> {\r\n  private _widgetStack = React.createRef<NZ_WidgetStack>();\r\n\r\n  public override render(): React.ReactNode {\r\n    const tabCount = this.props.widgets.reduce((acc, widgetId) => {\r\n      const tabs = this.props.widgetTabs[widgetId];\r\n      return acc + tabs.length;\r\n    }, 0);\r\n    if (tabCount === 0)\r\n      return null;\r\n    return (\r\n      <NZ_WidgetStack\r\n        className={this.props.className}\r\n        contentRef={this.props.openWidgetId ? this.props.getWidgetContentRef(this.props.openWidgetId) : undefined}\r\n        disabledResizeHandles={this.props.disabledResizeHandles}\r\n        fillZone={this.props.fillZone || this.props.isInStagePanel}\r\n        horizontalAnchor={this.props.horizontalAnchor}\r\n        isCollapsed={this.props.isCollapsed}\r\n        isTabBarVisible={this.props.isInStagePanel}\r\n        isDragged={!!this.props.draggedWidget}\r\n        isFloating={this.props.isFloating}\r\n        isOpen={!!this.props.openWidgetId}\r\n        onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n        onResize={this.props.isInStagePanel ? undefined : this._handleOnWidgetResize}\r\n        ref={this._widgetStack}\r\n        style={this.props.style}\r\n        tabs={<WidgetStackTabs\r\n          activeTabIndex={this.props.activeTabIndex}\r\n          draggedWidget={this.props.draggedWidget}\r\n          horizontalAnchor={this.props.horizontalAnchor}\r\n          isCollapsed={this.props.isCollapsed}\r\n          isProtruding={!this.props.isInStagePanel}\r\n          onTabClick={this._handleTabClick}\r\n          onTabDrag={this._handleTabDrag}\r\n          onTabDragEnd={this._handleTabDragEnd}\r\n          onTabDragStart={this._handleTabDragStart}\r\n          openWidgetId={this.props.openWidgetId}\r\n          verticalAnchor={this.props.verticalAnchor}\r\n          widgets={this.props.widgets}\r\n          widgetTabs={this.props.widgetTabs}\r\n        />}\r\n        verticalAnchor={this.props.verticalAnchor}\r\n      />\r\n    );\r\n  }\r\n\r\n  private _handleOnWidgetResize = (resizeBy: number, handle: ResizeHandle, filledHeightDiff: number) => {\r\n    this.props.widgetChangeHandler.handleResize(this.props.widgets[0], resizeBy, handle, filledHeightDiff);\r\n  };\r\n\r\n  private _handleTabDragStart = (widgetId: WidgetZoneId, tabIndex: number, initialPosition: PointProps, firstTabBounds: RectangleProps) => {\r\n    if (!this._widgetStack.current)\r\n      return;\r\n\r\n    const tabBounds = Rectangle.create(firstTabBounds);\r\n    const stackedWidgetBounds = Rectangle.create(this._widgetStack.current.getBounds());\r\n    const offsetToFirstTab = stackedWidgetBounds.topLeft().getOffsetTo(tabBounds.topLeft());\r\n    const isHorizontal = this.props.verticalAnchor === VerticalAnchor.BottomPanel || this.props.verticalAnchor === VerticalAnchor.TopPanel;\r\n    let widgetBounds;\r\n    if (isHorizontal)\r\n      widgetBounds = stackedWidgetBounds.offsetX(offsetToFirstTab.x);\r\n    else\r\n      widgetBounds = stackedWidgetBounds.offsetY(offsetToFirstTab.y);\r\n\r\n    this.props.widgetChangeHandler.handleTabDragStart(widgetId, tabIndex, initialPosition, widgetBounds);\r\n  };\r\n\r\n  private _handleTabDragEnd = () => {\r\n    this.props.widgetChangeHandler.handleTabDragEnd();\r\n  };\r\n\r\n  private _handleTabClick = (widgetId: WidgetZoneId, tabIndex: number) => {\r\n    this.props.widgetChangeHandler.handleTabClick(widgetId, tabIndex);\r\n  };\r\n\r\n  private _handleTabDrag = (dragged: PointProps) => {\r\n    this.props.widgetChangeHandler.handleTabDrag(dragged);\r\n  };\r\n}\r\n\r\n/** Properties for the [[WidgetStackTabs]] component.\r\n * @internal\r\n */\r\nexport interface WidgetStackTabsProps {\r\n  activeTabIndex: number;\r\n  draggedWidget: DraggedWidgetManagerProps | undefined;\r\n  horizontalAnchor: HorizontalAnchor;\r\n  isCollapsed: boolean;\r\n  isProtruding: boolean;\r\n  onTabClick: (widgetId: WidgetZoneId, tabIndex: number) => void;\r\n  onTabDrag: (dragged: PointProps) => void;\r\n  onTabDragEnd: () => void;\r\n  onTabDragStart: (widgetId: WidgetZoneId, tabIndex: number, initialPosition: PointProps, firstTabBounds: RectangleProps) => void;\r\n  openWidgetId: WidgetZoneId | undefined;\r\n  verticalAnchor: VerticalAnchor;\r\n  widgets: ReadonlyArray<WidgetZoneId>;\r\n  widgetTabs: WidgetTabs;\r\n}\r\n\r\n/** Tabs of [[WidgetStack]] component.\r\n * @internal\r\n */\r\nexport class WidgetStackTabs extends React.PureComponent<WidgetStackTabsProps> {\r\n  public override render(): React.ReactNode {\r\n    let renderIndex = -1;\r\n    return this.props.widgets.map((widgetId) => {\r\n      const tabs = this.props.widgetTabs[widgetId];\r\n      if (tabs.length <= 0)\r\n        return null;\r\n      renderIndex++;\r\n      // istanbul ignore next\r\n      return (\r\n        <React.Fragment key={widgetId}>\r\n          {renderIndex < 1 ? undefined : <TabSeparator\r\n            isHorizontal={VerticalAnchorHelpers.isHorizontal(this.props.verticalAnchor)}\r\n          />}\r\n          <WidgetStackTabGroup\r\n            activeTabIndex={this.props.activeTabIndex}\r\n            draggedWidget={this.props.draggedWidget}\r\n            horizontalAnchor={this.props.horizontalAnchor}\r\n            isCollapsed={this.props.isCollapsed}\r\n            isProtruding={this.props.isProtruding}\r\n            isStacked={this.props.widgets.length > 1}\r\n            onTabClick={this.props.onTabClick}\r\n            onTabDrag={this.props.onTabDrag}\r\n            onTabDragEnd={this.props.onTabDragEnd}\r\n            onTabDragStart={this.props.onTabDragStart}\r\n            openWidgetId={this.props.openWidgetId}\r\n            tabs={tabs}\r\n            verticalAnchor={this.props.verticalAnchor}\r\n            widgetId={widgetId}\r\n          />\r\n        </React.Fragment>\r\n      );\r\n    });\r\n  }\r\n}\r\n\r\n/** Properties for the [[WidgetStackTabGroup]] component.\r\n * @internal\r\n */\r\nexport interface WidgetStackTabGroupProps {\r\n  activeTabIndex: number;\r\n  draggedWidget: DraggedWidgetManagerProps | undefined;\r\n  horizontalAnchor: HorizontalAnchor;\r\n  isCollapsed: boolean;\r\n  isProtruding: boolean;\r\n  isStacked: boolean;\r\n  onTabClick: (widgetId: WidgetZoneId, tabIndex: number) => void;\r\n  onTabDrag: (dragged: PointProps) => void;\r\n  onTabDragEnd: () => void;\r\n  onTabDragStart: (widgetId: WidgetZoneId, tabIndex: number, initialPosition: PointProps, firstTabBounds: RectangleProps) => void;\r\n  openWidgetId: WidgetZoneId | undefined;\r\n  tabs: ReadonlyArray<WidgetTab>;\r\n  verticalAnchor: VerticalAnchor;\r\n  widgetId: WidgetZoneId;\r\n}\r\n\r\n/** Widget tab group used in [[WidgetStackTabs]] component.\r\n * @internal\r\n */\r\nexport class WidgetStackTabGroup extends React.PureComponent<WidgetStackTabGroupProps> {\r\n  private _firstTab = React.createRef<Tab>();\r\n\r\n  public override render(): React.ReactNode {\r\n    const lastPosition = this.props.draggedWidget ? this.props.draggedWidget.lastPosition : undefined;\r\n    const isWidgetStackOpen = !!this.props.openWidgetId;\r\n    const isWidgetOpen = this.props.openWidgetId === this.props.widgetId;\r\n    const tabs = this.props.tabs.map((tab, index) => {\r\n      const mode = !isWidgetStackOpen ? TabMode.Closed : isWidgetOpen && this.props.activeTabIndex === index ? TabMode.Active : TabMode.Open;\r\n      return (\r\n        <WidgetStackTab\r\n          horizontalAnchor={this.props.horizontalAnchor}\r\n          iconSpec={tab.iconSpec}\r\n          index={index}\r\n          badgeType={tab.badgeType}\r\n          isCollapsed={this.props.isCollapsed}\r\n          isProtruding={this.props.isProtruding}\r\n          key={`${this.props.widgetId}-${index}`}\r\n          lastPosition={lastPosition}\r\n          mode={mode}\r\n          onClick={this._handleTabClick}\r\n          onDrag={this.props.onTabDrag}\r\n          onDragEnd={this.props.onTabDragEnd}\r\n          onDragStart={this._handleTabDragStart}\r\n          tabRef={index === 0 ? this._firstTab : undefined}\r\n          title={tab.title}\r\n          verticalAnchor={this.props.verticalAnchor}\r\n        />\r\n      );\r\n    });\r\n\r\n    if (tabs.length > 1) {\r\n      return (\r\n        <TabGroup\r\n          handle={this.getTabHandleMode()}\r\n          horizontalAnchor={this.props.horizontalAnchor}\r\n          isCollapsed={this.props.isCollapsed}\r\n          verticalAnchor={this.props.verticalAnchor}\r\n        >\r\n          {tabs}\r\n        </TabGroup>\r\n      );\r\n    }\r\n\r\n    return tabs;\r\n  }\r\n\r\n  private getTabHandleMode() {\r\n    if (this.props.draggedWidget && this.props.draggedWidget.id === this.props.widgetId && this.props.draggedWidget.isUnmerge)\r\n      return HandleMode.Visible;\r\n\r\n    if (this.props.isStacked)\r\n      return HandleMode.Hovered;\r\n\r\n    return HandleMode.Timedout;\r\n  }\r\n\r\n  private _handleTabDragStart = (tabIndex: number, initialPosition: PointProps) => {\r\n    if (!this._firstTab.current)\r\n      return;\r\n\r\n    const firstTabBounds = Rectangle.create(this._firstTab.current.getBounds()).toProps();\r\n    this.props.onTabDragStart(this.props.widgetId, tabIndex, initialPosition, firstTabBounds);\r\n  };\r\n\r\n  private _handleTabClick = (tabIndex: number) => {\r\n    this.props.onTabClick(this.props.widgetId, tabIndex);\r\n  };\r\n}\r\n\r\n/** Properties for the [[WidgetStackTab]] component.\r\n * @internal\r\n */\r\nexport interface WidgetStackTabProps {\r\n  horizontalAnchor: HorizontalAnchor;\r\n  iconSpec?: string | ConditionalStringValue | React.ReactNode;\r\n  index: number;\r\n  badgeType?: BadgeType;\r\n  isCollapsed: boolean;\r\n  isProtruding: boolean;\r\n  lastPosition: PointProps | undefined;\r\n  mode: TabMode;\r\n  onClick: (index: number) => void;\r\n  onDrag: (dragged: PointProps) => void;\r\n  onDragEnd: () => void;\r\n  onDragStart: (index: number, initialPosition: PointProps) => void;\r\n  tabRef?: React.Ref<Tab>;\r\n  title: string;\r\n  verticalAnchor: VerticalAnchor;\r\n}\r\n\r\n/** Tab used in [[WidgetStackTabGroup]] component.\r\n * @internal\r\n */\r\nexport class WidgetStackTab extends React.PureComponent<WidgetStackTabProps> {\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <Tab\r\n        badge={BadgeUtilities.getComponentForBadgeType(this.props.badgeType)}\r\n        horizontalAnchor={this.props.horizontalAnchor}\r\n        isCollapsed={this.props.isCollapsed}\r\n        isProtruding={this.props.isProtruding}\r\n        lastPosition={this.props.lastPosition}\r\n        mode={this.props.mode}\r\n        onClick={this._handleClick}\r\n        onDrag={this.props.onDrag}\r\n        onDragEnd={this.props.onDragEnd}\r\n        onDragStart={this._handleDragStart}\r\n        ref={this.props.tabRef}\r\n        title={this.props.title}\r\n        verticalAnchor={this.props.verticalAnchor}\r\n      >\r\n        {IconHelper.getIconReactNode(this.props.iconSpec)}\r\n      </Tab>\r\n    );\r\n  }\r\n\r\n  private _handleDragStart = (initialPosition: PointProps) => {\r\n    this.props.onDragStart(this.props.index, initialPosition);\r\n  };\r\n\r\n  private _handleClick = () => {\r\n    this.props.onClick(this.props.index);\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/workflow/Task.d.ts

@@ -0,0 +1,48 @@
+/** @packageDocumentation
+ * @module WorkflowTask
+ */
+import { ItemDefBase } from "../shared/ItemDefBase";
+import { ItemProps } from "../shared/ItemProps";
+/** Properties for a [[Task]]
+ * @internal
+ * @deprecated
+ */
+export interface TaskProps extends ItemProps {
+    id: string;
+    primaryStageId: string;
+}
+/** List of Task Properties
+ * @internal
+ * @deprecated
+ */
+export interface TaskPropsList {
+    tasks: TaskProps[];
+}
+/** Task class.
+ * A Task is a specific piece of work to accomplish.
+ * A Task refers to a Frontstage to activate.
+ * @internal
+ * @deprecated
+ */
+export declare class Task extends ItemDefBase {
+    taskId: string;
+    primaryStageId: string;
+    constructor(taskProps: TaskProps);
+    get id(): string;
+    get isActive(): boolean;
+    set isActive(_: boolean);
+    onActivated(): Promise<void>;
+}
+/** Task Manager class.
+ * @internal
+ * @deprecated
+ */
+export declare class TaskManager {
+    private static _tasks;
+    static loadTasks(taskListDef: TaskPropsList): void;
+    static loadTaskDefs(taskDefs: TaskProps[]): void;
+    static loadTaskDef(taskDef: TaskProps): void;
+    static findTask(taskId: string): Task | undefined;
+    static addTask(taskId: string, task: Task): void;
+}
+//# sourceMappingURL=Task.d.ts.map

package/lib/esm/appui-react/workflow/Task.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Task.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/workflow/Task.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED;;;;;GAKG;AACH,qBAAa,IAAK,SAAQ,WAAW;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;gBAElB,SAAS,EAAE,SAAS;IAOhC,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,IAAoB,QAAQ,IAAI,OAAO,CAOtC;IAED,IAAoB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAEtC;IAEY,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAK1C;AAID;;;GAGG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,MAAM,CAA8C;WAErD,SAAS,CAAC,WAAW,EAAE,aAAa;WAIpC,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE;WAMlC,WAAW,CAAC,OAAO,EAAE,SAAS;WAK9B,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;WAI1C,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI;CAGjD"}