@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/cjs/appui-react/zones/FrameworkZone.js

@@ -0,0 +1,53 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Zone
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFloatingZoneStyle = exports.getFloatingZoneBounds = exports.FrameworkZone = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const WidgetStack_1 = require("../widgets/WidgetStack");
+const Outline_1 = require("./Outline");
+const ZoneTargets_1 = require("../dragdrop/ZoneTargets");
+/** FrameworkZone React component.
+ * @internal
+ */
+class FrameworkZone extends React.PureComponent {
+    render() {
+        const zIndexStyle = (0, exports.getFloatingZoneStyle)(this.props.zone);
+        const floatingBounds = (0, exports.getFloatingZoneBounds)(this.props.zone);
+        return (React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => (React.createElement("span", { style: zIndexStyle },
+            React.createElement(appui_layout_react_1.Zone, { bounds: floatingBounds, className: this.props.className, style: this.props.style, isFloating: !!this.props.zone.floating, isHidden: this.props.isHidden, isInFooterMode: this.props.isInFooterMode, id: this.props.zone.id, safeAreaInsets: safeAreaInsets }, this._getWidget()),
+            React.createElement(appui_layout_react_1.Zone, { bounds: this.props.zone.bounds, id: this.props.zone.id, isInFooterMode: this.props.isInFooterMode, safeAreaInsets: safeAreaInsets },
+                React.createElement(ZoneTargets_1.ZoneTargets, { zoneId: this.props.zone.id, dropTarget: this.props.dropTarget, targetChangeHandler: this.props.targetChangeHandler })),
+            React.createElement(Outline_1.Outline, { bounds: this.props.targetedBounds })))));
+    }
+    _getWidget() {
+        const widget = this.props.widget;
+        if (!widget)
+            return null;
+        if (this.props.widgetElement !== undefined)
+            return this.props.widgetElement;
+        return (React.createElement(WidgetStack_1.WidgetStack, { activeTabIndex: this.props.activeTabIndex, disabledResizeHandles: this.props.disabledResizeHandles, draggedWidget: this.props.draggedWidget, fillZone: this.props.fillZone || this.props.zone.isLayoutChanged, getWidgetContentRef: this.props.getWidgetContentRef, horizontalAnchor: widget.horizontalAnchor, isCollapsed: false, isFloating: !!this.props.zone.floating, isInStagePanel: false, openWidgetId: this.props.openWidgetId, verticalAnchor: widget.verticalAnchor, widgets: this.props.zone.widgets, widgetTabs: this.props.widgetTabs, widgetChangeHandler: this.props.widgetChangeHandler }));
+    }
+}
+exports.FrameworkZone = FrameworkZone;
+/** @internal */
+const getFloatingZoneBounds = (props) => {
+    return props.floating ? props.floating.bounds : props.bounds;
+};
+exports.getFloatingZoneBounds = getFloatingZoneBounds;
+/** @internal */
+const getFloatingZoneStyle = (props) => {
+    return props.floating ? {
+        zIndex: props.floating.stackId,
+        position: "relative",
+    } : undefined;
+};
+exports.getFloatingZoneStyle = getFloatingZoneStyle;
+//# sourceMappingURL=FrameworkZone.js.map

package/lib/cjs/appui-react/zones/FrameworkZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkZone.js","sourceRoot":"","sources":["../../../../src/appui-react/zones/FrameworkZone.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 Zone\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, RectangleProps } from \"@itwin/core-react\";\r\nimport {\r\n  DisabledResizeHandles, DraggedWidgetManagerProps, Zone as NZ_Zone, WidgetManagerProps, WidgetZoneId, ZoneManagerProps, ZoneTargetType,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { TargetChangeHandler, WidgetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { WidgetStack, WidgetTabs } from \"../widgets/WidgetStack\";\r\nimport { Outline } from \"./Outline\";\r\nimport { ZoneTargets } from \"../dragdrop/ZoneTargets\";\r\n\r\n/** Properties for the [[FrameworkZone]] component.\r\n * @internal\r\n */\r\nexport interface FrameworkZoneProps extends CommonProps {\r\n  activeTabIndex: number;\r\n  disabledResizeHandles: DisabledResizeHandles | undefined;\r\n  draggedWidget: DraggedWidgetManagerProps | undefined;\r\n  dropTarget: ZoneTargetType | undefined; // eslint-disable-line deprecation/deprecation\r\n  fillZone?: boolean;\r\n  getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>; // eslint-disable-line deprecation/deprecation\r\n  isHidden: boolean;\r\n  isInFooterMode: boolean;\r\n  openWidgetId: WidgetZoneId | undefined; // eslint-disable-line deprecation/deprecation\r\n  targetChangeHandler: TargetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  targetedBounds?: RectangleProps;\r\n  widget: WidgetManagerProps | undefined;\r\n  widgetElement: React.ReactNode;\r\n  widgetChangeHandler: WidgetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  widgetTabs: WidgetTabs;\r\n  zone: ZoneManagerProps;\r\n}\r\n\r\n/** FrameworkZone React component.\r\n * @internal\r\n */\r\nexport class FrameworkZone extends React.PureComponent<FrameworkZoneProps> {\r\n  public override render(): React.ReactNode {\r\n    const zIndexStyle = getFloatingZoneStyle(this.props.zone);\r\n    const floatingBounds = getFloatingZoneBounds(this.props.zone);\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <span style={zIndexStyle}>\r\n            <NZ_Zone\r\n              bounds={floatingBounds}\r\n              className={this.props.className}\r\n              style={this.props.style}\r\n              isFloating={!!this.props.zone.floating}\r\n              isHidden={this.props.isHidden}\r\n              isInFooterMode={this.props.isInFooterMode}\r\n              id={this.props.zone.id}\r\n              safeAreaInsets={safeAreaInsets}\r\n            >\r\n              {this._getWidget()}\r\n            </NZ_Zone>\r\n            <NZ_Zone\r\n              bounds={this.props.zone.bounds}\r\n              id={this.props.zone.id}\r\n              isInFooterMode={this.props.isInFooterMode}\r\n              safeAreaInsets={safeAreaInsets}\r\n            >\r\n              <ZoneTargets\r\n                zoneId={this.props.zone.id}\r\n                dropTarget={this.props.dropTarget}\r\n                targetChangeHandler={this.props.targetChangeHandler}\r\n              />\r\n            </NZ_Zone>\r\n            <Outline bounds={this.props.targetedBounds} />\r\n          </span>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private _getWidget() {\r\n    const widget = this.props.widget;\r\n    if (!widget)\r\n      return null;\r\n\r\n    if (this.props.widgetElement !== undefined)\r\n      return this.props.widgetElement;\r\n\r\n    return (\r\n      <WidgetStack\r\n        activeTabIndex={this.props.activeTabIndex}\r\n        disabledResizeHandles={this.props.disabledResizeHandles}\r\n        draggedWidget={this.props.draggedWidget}\r\n        fillZone={this.props.fillZone || this.props.zone.isLayoutChanged}\r\n        getWidgetContentRef={this.props.getWidgetContentRef}\r\n        horizontalAnchor={widget.horizontalAnchor}\r\n        isCollapsed={false}\r\n        isFloating={!!this.props.zone.floating}\r\n        isInStagePanel={false}\r\n        openWidgetId={this.props.openWidgetId}\r\n        verticalAnchor={widget.verticalAnchor}\r\n        widgets={this.props.zone.widgets}\r\n        widgetTabs={this.props.widgetTabs}\r\n        widgetChangeHandler={this.props.widgetChangeHandler}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport const getFloatingZoneBounds = (props: ZoneManagerProps) => {\r\n  return props.floating ? props.floating.bounds : props.bounds;\r\n};\r\n\r\n/** @internal */\r\nexport const getFloatingZoneStyle = (props: ZoneManagerProps) => {\r\n  return props.floating ? {\r\n    zIndex: props.floating.stackId,\r\n    position: \"relative\" as const,\r\n  } : undefined;\r\n};\r\n"]}

package/lib/cjs/appui-react/zones/Outline.d.ts

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module Zone
+ */
+import * as React from "react";
+import { RectangleProps } from "@itwin/core-react";
+/** @internal */
+export interface OutlineProps {
+    bounds?: RectangleProps;
+}
+/** @internal */
+export declare class Outline extends React.PureComponent<OutlineProps> {
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=Outline.d.ts.map

package/lib/cjs/appui-react/zones/Outline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Outline.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/zones/Outline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,gBAAgB;AAChB,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,gBAAgB;AAChB,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAC5C,MAAM,IAAI,KAAK,CAAC,SAAS;CAO1C"}

package/lib/cjs/appui-react/zones/Outline.js

@@ -0,0 +1,22 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Zone
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Outline = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+/** @internal */
+class Outline extends React.PureComponent {
+    render() {
+        if (!this.props.bounds)
+            return null;
+        return (React.createElement(appui_layout_react_1.Outline, { bounds: this.props.bounds }));
+    }
+}
+exports.Outline = Outline;
+//# sourceMappingURL=Outline.js.map

package/lib/cjs/appui-react/zones/Outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Outline.js","sourceRoot":"","sources":["../../../../src/appui-react/zones/Outline.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAkE;AAOlE,gBAAgB;AAChB,MAAa,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAC5C,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YACpB,OAAO,IAAI,CAAC;QACd,OAAO,CACL,oBAAC,4BAAU,IAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAC1C,CAAC;IACJ,CAAC;CACF;AARD,0BAQC","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 Zone\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { RectangleProps } from \"@itwin/core-react\";\r\nimport { Outline as NZ_Outline } from \"@itwin/appui-layout-react\";\r\n\r\n/** @internal */\r\nexport interface OutlineProps {\r\n  bounds?: RectangleProps;\r\n}\r\n\r\n/** @internal */\r\nexport class Outline extends React.PureComponent<OutlineProps> {\r\n  public override render(): React.ReactNode {\r\n    if (!this.props.bounds)\r\n      return null;\r\n    return (\r\n      <NZ_Outline bounds={this.props.bounds} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/zones/StatusBarZone.d.ts

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { CommonProps, RectangleProps } from "@itwin/core-react";
+import { ZoneManagerProps, ZoneTargetType } from "@itwin/appui-layout-react";
+import { TargetChangeHandler, WidgetChangeHandler } from "../frontstage/FrontstageComposer";
+import { StatusBarWidgetControl } from "../statusbar/StatusBarWidgetControl";
+/** Properties for the [[StatusBarZone]] component
+ * @internal
+ */
+export interface StatusBarZoneProps extends CommonProps {
+    dropTarget: ZoneTargetType | undefined;
+    isHidden: boolean;
+    isInFooterMode: boolean;
+    targetChangeHandler: TargetChangeHandler;
+    targetedBounds: RectangleProps | undefined;
+    widgetChangeHandler: WidgetChangeHandler;
+    widgetControl?: StatusBarWidgetControl;
+    zoneProps: ZoneManagerProps;
+}
+/** Status Bar Zone React component.
+ * @internal
+ */
+export declare class StatusBarZone extends React.PureComponent<StatusBarZoneProps> {
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=StatusBarZone.d.ts.map

package/lib/cjs/appui-react/zones/StatusBarZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarZone.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/zones/StatusBarZone.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAQ,gBAAgB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAG5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAO7E;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,UAAU,EAAE,cAAc,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,cAAc,EAAE,cAAc,GAAG,SAAS,CAAC;IAC3C,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM,IAAI,KAAK,CAAC,SAAS;CAwC1C"}

package/lib/cjs/appui-react/zones/StatusBarZone.js

@@ -0,0 +1,33 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarZone = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const StatusBar_1 = require("../statusbar/StatusBar");
+const FrameworkZone_1 = require("./FrameworkZone");
+const Outline_1 = require("./Outline");
+const ZoneTargets_1 = require("../dragdrop/ZoneTargets");
+/** Status Bar Zone React component.
+ * @internal
+ */
+class StatusBarZone extends React.PureComponent {
+    render() {
+        const bounds = (0, FrameworkZone_1.getFloatingZoneBounds)(this.props.zoneProps);
+        return (React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => (React.createElement(React.Fragment, null,
+            React.createElement(appui_layout_react_1.Zone, { bounds: this.props.isInFooterMode ? undefined : bounds, className: this.props.className, id: this.props.zoneProps.id, isHidden: this.props.isHidden, isInFooterMode: this.props.isInFooterMode, safeAreaInsets: safeAreaInsets }, this.props.widgetControl &&
+                React.createElement(StatusBar_1.StatusBar, { isInFooterMode: this.props.isInFooterMode, widgetControl: this.props.widgetControl })),
+            React.createElement(appui_layout_react_1.Zone, { bounds: this.props.zoneProps.bounds, id: this.props.zoneProps.id, isInFooterMode: this.props.isInFooterMode, safeAreaInsets: safeAreaInsets },
+                React.createElement(ZoneTargets_1.ZoneTargets, { zoneId: this.props.zoneProps.id, dropTarget: this.props.dropTarget, targetChangeHandler: this.props.targetChangeHandler })),
+            React.createElement(Outline_1.Outline, { bounds: this.props.targetedBounds })))));
+    }
+}
+exports.StatusBarZone = StatusBarZone;
+//# sourceMappingURL=StatusBarZone.js.map

package/lib/cjs/appui-react/zones/StatusBarZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarZone.js","sourceRoot":"","sources":["../../../../src/appui-react/zones/StatusBarZone.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAmF;AAEnF,iEAA8D;AAC9D,sDAAmD;AAEnD,mDAAwD;AACxD,uCAAoC;AACpC,yDAAsD;AAkBtD;;GAEG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,MAAM,GAAG,IAAA,qCAAqB,EAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3D,OAAO,CACL,oBAAC,iCAAe,CAAC,QAAQ,QACtB,CAAC,cAAc,EAAE,EAAE,CAAC,CACnB;YACE,oBAAC,yBAAI,IACH,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACtD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,cAAc,EAAE,cAAc,IAG5B,IAAI,CAAC,KAAK,CAAC,aAAa;gBACxB,oBAAC,qBAAS,IACR,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GACvC,CAEC;YACP,oBAAC,yBAAI,IACH,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,EACnC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAC3B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,cAAc,EAAE,cAAc;gBAE9B,oBAAC,yBAAW,IACV,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAC/B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,GACnD,CACG;YACP,oBAAC,iBAAO,IAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAI,CAC7C,CACJ,CACwB,CAC5B,CAAC;IACJ,CAAC;CACF;AAzCD,sCAyCC","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 { CommonProps, RectangleProps } from \"@itwin/core-react\";\r\nimport { Zone, ZoneManagerProps, ZoneTargetType } from \"@itwin/appui-layout-react\";\r\nimport { TargetChangeHandler, WidgetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { StatusBar } from \"../statusbar/StatusBar\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { getFloatingZoneBounds } from \"./FrameworkZone\";\r\nimport { Outline } from \"./Outline\";\r\nimport { ZoneTargets } from \"../dragdrop/ZoneTargets\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** Properties for the [[StatusBarZone]] component\r\n * @internal\r\n */\r\nexport interface StatusBarZoneProps extends CommonProps {\r\n  dropTarget: ZoneTargetType | undefined; // eslint-disable-line deprecation/deprecation\r\n  isHidden: boolean;\r\n  isInFooterMode: boolean;\r\n  targetChangeHandler: TargetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  targetedBounds: RectangleProps | undefined;\r\n  widgetChangeHandler: WidgetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  widgetControl?: StatusBarWidgetControl;\r\n  zoneProps: ZoneManagerProps;\r\n}\r\n\r\n/** Status Bar Zone React component.\r\n * @internal\r\n */\r\nexport class StatusBarZone extends React.PureComponent<StatusBarZoneProps> {\r\n  public override render(): React.ReactNode {\r\n    const bounds = getFloatingZoneBounds(this.props.zoneProps);\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <>\r\n            <Zone\r\n              bounds={this.props.isInFooterMode ? undefined : bounds}\r\n              className={this.props.className}\r\n              id={this.props.zoneProps.id}\r\n              isHidden={this.props.isHidden}\r\n              isInFooterMode={this.props.isInFooterMode}\r\n              safeAreaInsets={safeAreaInsets}\r\n            >\r\n              {\r\n                this.props.widgetControl &&\r\n                <StatusBar\r\n                  isInFooterMode={this.props.isInFooterMode}\r\n                  widgetControl={this.props.widgetControl}\r\n                />\r\n              }\r\n            </Zone>\r\n            <Zone\r\n              bounds={this.props.zoneProps.bounds}\r\n              id={this.props.zoneProps.id}\r\n              isInFooterMode={this.props.isInFooterMode}\r\n              safeAreaInsets={safeAreaInsets}\r\n            >\r\n              <ZoneTargets\r\n                zoneId={this.props.zoneProps.id}\r\n                dropTarget={this.props.dropTarget}\r\n                targetChangeHandler={this.props.targetChangeHandler}\r\n              />\r\n            </Zone>\r\n            <Outline bounds={this.props.targetedBounds} />\r\n          </>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/zones/Zone.d.ts

@@ -0,0 +1,88 @@
+/** @packageDocumentation
+ * @module Zone
+ */
+import * as React from "react";
+import { CommonProps, RectangleProps } from "@itwin/core-react";
+import { DisabledResizeHandles, DraggedWidgetManagerProps, ToolSettingsWidgetManagerProps, WidgetManagerProps, WidgetZoneId, ZoneManagerProps, ZoneTargetType } from "@itwin/appui-layout-react";
+import { TargetChangeHandler, WidgetChangeHandler, ZoneDefProvider } from "../frontstage/FrontstageComposer";
+import { WidgetProps } from "../widgets/WidgetProps";
+import { WidgetTabs } from "../widgets/WidgetStack";
+import { ZoneDef, ZoneState } from "./ZoneDef";
+/** Enum for [[Zone]] Location.
+ * @public @deprecated in 3.0.
+ */
+export declare enum ZoneLocation {
+    TopLeft = 1,
+    TopCenter = 2,
+    TopRight = 3,
+    CenterLeft = 4,
+    CenterRight = 6,
+    BottomLeft = 7,
+    BottomCenter = 8,
+    BottomRight = 9
+}
+/** Properties of a [[Zone]] component
+ * @deprecated in 3.5. Props of a deprecated component.
+ * @public
+ */
+export interface ZoneProps extends CommonProps {
+    /** Default Zone state. Controls how the Zone is initially displayed. Defaults to ZoneState.Open. */
+    defaultState?: ZoneState;
+    /** Indicates if other Zones may be merged with this Zone. Defaults to false.  */
+    allowsMerging?: boolean;
+    /** Any application data to attach to this Zone. */
+    applicationData?: any;
+    /** Indicates with which other zone to merge. */
+    mergeWithZone?: ZoneLocation;
+    /** Describes preferred initial width of the zone. */
+    initialWidth?: number;
+    /** Properties for the Widgets in this Zone.
+     * @note Stable `WidgetProps["id"]` is generated if id is not provided to correctly save and restore App layout.
+     * [[Frontstage]] version must be increased when Widget location is changed or new widgets are added/removed.
+     */
+    widgets?: Array<React.ReactElement<WidgetProps>>;
+    /** @internal */
+    runtimeProps?: ZoneRuntimeProps;
+}
+/** Runtime Properties for the [[Zone]] component.
+ * @internal
+ */
+export interface ZoneRuntimeProps {
+    activeTabIndex: number;
+    disabledResizeHandles: DisabledResizeHandles | undefined;
+    draggedWidget: DraggedWidgetManagerProps | undefined;
+    dropTarget: ZoneTargetType | undefined;
+    getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>;
+    ghostOutline: RectangleProps | undefined;
+    isHidden: boolean;
+    isInFooterMode: boolean;
+    openWidgetId: WidgetZoneId | undefined;
+    targetChangeHandler: TargetChangeHandler;
+    widget: WidgetManagerProps | undefined;
+    widgetTabs: WidgetTabs;
+    widgetChangeHandler: WidgetChangeHandler;
+    zoneDefProvider: ZoneDefProvider;
+    zoneDef: ZoneDef;
+    zone: ZoneManagerProps;
+}
+/** @internal */
+export declare function getStableWidgetProps<T extends {
+    id?: string;
+}>(widgetProps: T, stableId: string): T;
+/** Zone React component.
+ * A Zone is a standard area on the screen for users to read and interact with data applicable to the current task. Each Zone has a defined purpose.
+ * @deprecated in 3.6. Use [[WidgetConfig]] or [[StagePanelConfig]] instead.
+ * @public
+ */
+export declare class Zone extends React.Component<ZoneProps> {
+    constructor(props: ZoneProps);
+    static initializeZoneDef(zoneDef: ZoneDef, props: ZoneProps): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    private _handleWidgetStateChangedEvent;
+    private getWidgetIdForDef;
+}
+/** @internal */
+export declare const isToolSettingsWidgetManagerProps: (props: WidgetManagerProps | undefined) => props is ToolSettingsWidgetManagerProps;
+//# sourceMappingURL=Zone.d.ts.map

package/lib/cjs/appui-react/zones/Zone.d.ts.map

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

package/lib/cjs/appui-react/zones/Zone.js

@@ -0,0 +1,158 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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 Zone
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isToolSettingsWidgetManagerProps = exports.Zone = exports.getStableWidgetProps = exports.ZoneLocation = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
+const FrontstageManager_1 = require("../frontstage/FrontstageManager");
+const WidgetDef_1 = require("../widgets/WidgetDef");
+const FrameworkZone_1 = require("./FrameworkZone");
+const StatusBarZone_1 = require("./StatusBarZone");
+const ToolSettingsZone_1 = require("./toolsettings/ToolSettingsZone");
+/** Enum for [[Zone]] Location.
+ * @public @deprecated in 3.0.
+ */
+var ZoneLocation;
+(function (ZoneLocation) {
+    ZoneLocation[ZoneLocation["TopLeft"] = 1] = "TopLeft";
+    ZoneLocation[ZoneLocation["TopCenter"] = 2] = "TopCenter";
+    ZoneLocation[ZoneLocation["TopRight"] = 3] = "TopRight";
+    ZoneLocation[ZoneLocation["CenterLeft"] = 4] = "CenterLeft";
+    ZoneLocation[ZoneLocation["CenterRight"] = 6] = "CenterRight";
+    ZoneLocation[ZoneLocation["BottomLeft"] = 7] = "BottomLeft";
+    ZoneLocation[ZoneLocation["BottomCenter"] = 8] = "BottomCenter";
+    ZoneLocation[ZoneLocation["BottomRight"] = 9] = "BottomRight";
+})(ZoneLocation = exports.ZoneLocation || (exports.ZoneLocation = {}));
+/** @internal */
+function getStableWidgetProps(widgetProps, stableId) {
+    let props = widgetProps;
+    if (props.id === undefined)
+        props = {
+            ...props,
+            id: stableId,
+        };
+    return props;
+}
+exports.getStableWidgetProps = getStableWidgetProps;
+/** Zone React component.
+ * A Zone is a standard area on the screen for users to read and interact with data applicable to the current task. Each Zone has a defined purpose.
+ * @deprecated in 3.6. Use [[WidgetConfig]] or [[StagePanelConfig]] instead.
+ * @public
+ */
+class Zone extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleWidgetStateChangedEvent = (args) => {
+            const runtimeProps = this.props.runtimeProps;
+            if (!runtimeProps)
+                return;
+            const widgetDef = args.widgetDef;
+            const id = this.getWidgetIdForDef(widgetDef);
+            if (!id)
+                return;
+            const zoneDef = runtimeProps.zoneDefProvider.getZoneDef(id);
+            // istanbul ignore if
+            if (!zoneDef)
+                return;
+            const visibleWidgets = zoneDef.widgetDefs.filter((wd) => wd.isVisible || wd === widgetDef);
+            for (let index = 0; index < visibleWidgets.length; index++) {
+                const wDef = visibleWidgets[index];
+                if (wDef !== widgetDef)
+                    continue;
+                if (widgetDef.state === appui_abstract_1.WidgetState.Hidden && index < runtimeProps.activeTabIndex && id === runtimeProps.openWidgetId) {
+                    // Need to decrease active tab index, since removed tab was rendered before active tab and we want to maintain active tab.
+                    runtimeProps.widgetChangeHandler.handleTabClick(id, runtimeProps.activeTabIndex - 1);
+                    break;
+                }
+                runtimeProps.widgetChangeHandler.handleWidgetStateChange(id, index, widgetDef.state === appui_abstract_1.WidgetState.Open);
+                break;
+            }
+        };
+    }
+    static initializeZoneDef(zoneDef, props) {
+        zoneDef.initializeFromProps(props);
+        // istanbul ignore else
+        if (props.widgets) {
+            props.widgets.forEach((widgetNode, index) => {
+                // istanbul ignore if
+                if (!React.isValidElement(widgetNode))
+                    return;
+                const stableId = `uifw-z-${ZoneLocation[zoneDef.zoneLocation]}-${index}`;
+                const stableProps = getStableWidgetProps(widgetNode.props, stableId);
+                const widgetDef = new WidgetDef_1.WidgetDef(stableProps);
+                zoneDef.addWidgetDef(widgetDef);
+            });
+        }
+    }
+    componentDidMount() {
+        FrontstageManager_1.FrontstageManager.onWidgetStateChangedEvent.addListener(this._handleWidgetStateChangedEvent);
+    }
+    componentWillUnmount() {
+        FrontstageManager_1.FrontstageManager.onWidgetStateChangedEvent.removeListener(this._handleWidgetStateChangedEvent);
+    }
+    render() {
+        const { runtimeProps } = this.props;
+        if (!runtimeProps)
+            return null;
+        const { zoneDef } = runtimeProps;
+        let widgetElement;
+        // istanbul ignore else
+        if (runtimeProps.zone.widgets.length === 1) {
+            if (zoneDef.isToolSettings && (0, exports.isToolSettingsWidgetManagerProps)(runtimeProps.widget) && runtimeProps.widget.mode === appui_layout_react_1.ToolSettingsWidgetMode.TitleBar) {
+                const widgetDef = zoneDef.getSingleWidgetDef();
+                const isClosed = widgetDef ? (widgetDef.state === appui_abstract_1.WidgetState.Closed || widgetDef.state === appui_abstract_1.WidgetState.Hidden)
+                    : /* istanbul ignore next */ false;
+                return (React.createElement(ToolSettingsZone_1.ToolSettingsZone, { className: this.props.className, dropTarget: runtimeProps.dropTarget, getWidgetContentRef: runtimeProps.getWidgetContentRef, isClosed: isClosed, isHidden: runtimeProps.isHidden, lastPosition: runtimeProps.draggedWidget && /* istanbul ignore next */ runtimeProps.draggedWidget.lastPosition, style: this.props.style, targetChangeHandler: runtimeProps.targetChangeHandler, targetedBounds: runtimeProps.ghostOutline, widgetChangeHandler: runtimeProps.widgetChangeHandler, zone: runtimeProps.zone }));
+            }
+            else if (zoneDef.isStatusBar) {
+                // istanbul ignore next
+                if (runtimeProps.zone.id !== 8)
+                    throw new TypeError();
+                let widgetControl;
+                const widgetDef = zoneDef.getSingleWidgetDef();
+                // istanbul ignore else
+                if (widgetDef)
+                    widgetControl = widgetDef.getWidgetControl(ConfigurableUiControl_1.ConfigurableUiControlType.StatusBarWidget);
+                return (React.createElement(StatusBarZone_1.StatusBarZone, { className: this.props.className, dropTarget: runtimeProps.dropTarget, isHidden: runtimeProps.isHidden, isInFooterMode: runtimeProps.isInFooterMode, style: this.props.style, targetChangeHandler: runtimeProps.targetChangeHandler, targetedBounds: runtimeProps.ghostOutline, widgetChangeHandler: runtimeProps.widgetChangeHandler, widgetControl: widgetControl, zoneProps: runtimeProps.zone }));
+            }
+            const zDef = runtimeProps.zoneDefProvider.getZoneDef(runtimeProps.zone.widgets[0]);
+            // istanbul ignore if
+            if (!zDef) {
+                widgetElement = null;
+            }
+            else if (zDef.widgetCount === 1 && zDef.widgetDefs[0].widgetType !== WidgetDef_1.WidgetType.Rectangular) {
+                /** Return free-form nzWidgetProps */
+                const widgetDef = zDef.widgetDefs[0];
+                widgetElement = (widgetDef.isVisible) ? widgetDef.reactNode : /* istanbul ignore next */ null;
+            }
+        }
+        return (React.createElement(FrameworkZone_1.FrameworkZone, { activeTabIndex: runtimeProps.activeTabIndex, className: this.props.className, disabledResizeHandles: runtimeProps.disabledResizeHandles, draggedWidget: runtimeProps.draggedWidget, dropTarget: runtimeProps.dropTarget, fillZone: zoneDef.shouldFillZone, getWidgetContentRef: runtimeProps.getWidgetContentRef, isHidden: runtimeProps.isHidden, isInFooterMode: runtimeProps.isInFooterMode, openWidgetId: runtimeProps.openWidgetId, style: this.props.style, targetedBounds: runtimeProps.ghostOutline, targetChangeHandler: runtimeProps.targetChangeHandler, widget: runtimeProps.widget, widgetElement: widgetElement, widgetTabs: runtimeProps.widgetTabs, widgetChangeHandler: runtimeProps.widgetChangeHandler, zone: runtimeProps.zone }));
+    }
+    getWidgetIdForDef(widgetDef) {
+        // istanbul ignore if
+        if (!this.props.runtimeProps)
+            return undefined;
+        for (const wId of this.props.runtimeProps.zone.widgets) {
+            const zoneDef = this.props.runtimeProps.zoneDefProvider.getZoneDef(wId);
+            if (zoneDef && zoneDef.widgetDefs.some((wDef) => wDef === widgetDef))
+                return wId;
+        }
+        return undefined;
+    }
+}
+exports.Zone = Zone;
+/** @internal */
+const isToolSettingsWidgetManagerProps = (props) => {
+    return !!props && props.id === 2;
+};
+exports.isToolSettingsWidgetManagerProps = isToolSettingsWidgetManagerProps;
+//# sourceMappingURL=Zone.js.map

package/lib/cjs/appui-react/zones/Zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zone.js","sourceRoot":"","sources":["../../../../src/appui-react/zones/Zone.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Zone\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { WidgetState } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, RectangleProps } from \"@itwin/core-react\";\r\nimport {\r\n  DisabledResizeHandles, DraggedWidgetManagerProps, ToolSettingsWidgetManagerProps, ToolSettingsWidgetMode, WidgetManagerProps, WidgetZoneId,\r\n  ZoneManagerProps, ZoneTargetType,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { TargetChangeHandler, WidgetChangeHandler, ZoneDefProvider } from \"../frontstage/FrontstageComposer\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { WidgetDef, WidgetStateChangedEventArgs, WidgetType } from \"../widgets/WidgetDef\";\r\nimport { WidgetProps } from \"../widgets/WidgetProps\";\r\nimport { WidgetTabs } from \"../widgets/WidgetStack\";\r\nimport { FrameworkZone } from \"./FrameworkZone\";\r\nimport { StatusBarZone } from \"./StatusBarZone\";\r\nimport { ToolSettingsZone } from \"./toolsettings/ToolSettingsZone\";\r\nimport { ZoneDef, ZoneState } from \"./ZoneDef\";\r\n\r\n/** Enum for [[Zone]] Location.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport enum ZoneLocation {\r\n  TopLeft = 1,\r\n  TopCenter = 2,\r\n  TopRight = 3,\r\n  CenterLeft = 4,\r\n  CenterRight = 6,\r\n  BottomLeft = 7,\r\n  BottomCenter = 8,\r\n  BottomRight = 9,\r\n}\r\n\r\n/** Properties of a [[Zone]] component\r\n * @deprecated in 3.5. Props of a deprecated component.\r\n * @public\r\n */\r\nexport interface ZoneProps extends CommonProps {\r\n  /** Default Zone state. Controls how the Zone is initially displayed. Defaults to ZoneState.Open. */\r\n  defaultState?: ZoneState;\r\n  /** Indicates if other Zones may be merged with this Zone. Defaults to false.  */\r\n  allowsMerging?: boolean;\r\n  /** Any application data to attach to this Zone. */\r\n  applicationData?: any;\r\n  /** Indicates with which other zone to merge. */\r\n  mergeWithZone?: ZoneLocation;\r\n  /** Describes preferred initial width of the zone. */\r\n  initialWidth?: number;\r\n\r\n  /** Properties for the Widgets in this Zone.\r\n   * @note Stable `WidgetProps[\"id\"]` is generated if id is not provided to correctly save and restore App layout.\r\n   * [[Frontstage]] version must be increased when Widget location is changed or new widgets are added/removed.\r\n   */\r\n  widgets?: Array<React.ReactElement<WidgetProps>>;\r\n\r\n  /** @internal */\r\n  runtimeProps?: ZoneRuntimeProps;\r\n}\r\n\r\n/** Runtime Properties for the [[Zone]] component.\r\n * @internal\r\n */\r\nexport interface ZoneRuntimeProps {\r\n  activeTabIndex: number;\r\n  disabledResizeHandles: DisabledResizeHandles | undefined;\r\n  draggedWidget: DraggedWidgetManagerProps | undefined;\r\n  dropTarget: ZoneTargetType | undefined; // eslint-disable-line deprecation/deprecation\r\n  getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>; // eslint-disable-line deprecation/deprecation\r\n  ghostOutline: RectangleProps | undefined;\r\n  isHidden: boolean;\r\n  isInFooterMode: boolean;\r\n  openWidgetId: WidgetZoneId | undefined; // eslint-disable-line deprecation/deprecation\r\n  targetChangeHandler: TargetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  widget: WidgetManagerProps | undefined;\r\n  widgetTabs: WidgetTabs;\r\n  widgetChangeHandler: WidgetChangeHandler; // eslint-disable-line deprecation/deprecation\r\n  zoneDefProvider: ZoneDefProvider;\r\n  zoneDef: ZoneDef;\r\n  zone: ZoneManagerProps;\r\n}\r\n\r\n/** @internal */\r\nexport function getStableWidgetProps<T extends { id?: string }>(widgetProps: T, stableId: string) {\r\n  let props = widgetProps;\r\n  if (props.id === undefined)\r\n    props = {\r\n      ...props,\r\n      id: stableId,\r\n    };\r\n  return props;\r\n}\r\n\r\n/** Zone React component.\r\n * A Zone is a standard area on the screen for users to read and interact with data applicable to the current task. Each Zone has a defined purpose.\r\n * @deprecated in 3.6. Use [[WidgetConfig]] or [[StagePanelConfig]] instead.\r\n * @public\r\n */\r\nexport class Zone extends React.Component<ZoneProps> {\r\n  constructor(props: ZoneProps) {\r\n    super(props);\r\n  }\r\n\r\n  public static initializeZoneDef(zoneDef: ZoneDef, props: ZoneProps): void {\r\n    zoneDef.initializeFromProps(props);\r\n\r\n    // istanbul ignore else\r\n    if (props.widgets) {\r\n      props.widgets.forEach((widgetNode, index) => {\r\n        // istanbul ignore if\r\n        if (!React.isValidElement(widgetNode))\r\n          return;\r\n\r\n        const stableId = `uifw-z-${ZoneLocation[zoneDef.zoneLocation]}-${index}`;\r\n        const stableProps = getStableWidgetProps(widgetNode.props, stableId);\r\n        const widgetDef = new WidgetDef(stableProps);\r\n        zoneDef.addWidgetDef(widgetDef);\r\n      });\r\n    }\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    FrontstageManager.onWidgetStateChangedEvent.addListener(this._handleWidgetStateChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    FrontstageManager.onWidgetStateChangedEvent.removeListener(this._handleWidgetStateChangedEvent);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const { runtimeProps } = this.props;\r\n\r\n    if (!runtimeProps)\r\n      return null;\r\n\r\n    const { zoneDef } = runtimeProps;\r\n\r\n    let widgetElement: React.ReactNode;\r\n    // istanbul ignore else\r\n    if (runtimeProps.zone.widgets.length === 1) {\r\n      if (zoneDef.isToolSettings && isToolSettingsWidgetManagerProps(runtimeProps.widget) && runtimeProps.widget.mode === ToolSettingsWidgetMode.TitleBar) {\r\n        const widgetDef = zoneDef.getSingleWidgetDef();\r\n        const isClosed = widgetDef ? (widgetDef.state === WidgetState.Closed || widgetDef.state === WidgetState.Hidden)\r\n          : /* istanbul ignore next */ false;\r\n        return (\r\n          <ToolSettingsZone\r\n            className={this.props.className}\r\n            dropTarget={runtimeProps.dropTarget}\r\n            getWidgetContentRef={runtimeProps.getWidgetContentRef}\r\n            isClosed={isClosed}\r\n            isHidden={runtimeProps.isHidden}\r\n            lastPosition={runtimeProps.draggedWidget && /* istanbul ignore next */ runtimeProps.draggedWidget.lastPosition}\r\n            style={this.props.style}\r\n            targetChangeHandler={runtimeProps.targetChangeHandler}\r\n            targetedBounds={runtimeProps.ghostOutline}\r\n            widgetChangeHandler={runtimeProps.widgetChangeHandler}\r\n            zone={runtimeProps.zone}\r\n          />\r\n        );\r\n      } else if (zoneDef.isStatusBar) {\r\n        // istanbul ignore next\r\n        if (runtimeProps.zone.id !== 8)\r\n          throw new TypeError();\r\n\r\n        let widgetControl: StatusBarWidgetControl | undefined;\r\n        const widgetDef = zoneDef.getSingleWidgetDef();\r\n\r\n        // istanbul ignore else\r\n        if (widgetDef)\r\n          widgetControl = widgetDef.getWidgetControl(ConfigurableUiControlType.StatusBarWidget) as StatusBarWidgetControl;\r\n\r\n        return (\r\n          <StatusBarZone\r\n            className={this.props.className}\r\n            dropTarget={runtimeProps.dropTarget}\r\n            isHidden={runtimeProps.isHidden}\r\n            isInFooterMode={runtimeProps.isInFooterMode}\r\n            style={this.props.style}\r\n            targetChangeHandler={runtimeProps.targetChangeHandler}\r\n            targetedBounds={runtimeProps.ghostOutline}\r\n            widgetChangeHandler={runtimeProps.widgetChangeHandler}\r\n            widgetControl={widgetControl}\r\n            zoneProps={runtimeProps.zone}\r\n          />\r\n        );\r\n      }\r\n\r\n      const zDef = runtimeProps.zoneDefProvider.getZoneDef(runtimeProps.zone.widgets[0]);\r\n      // istanbul ignore if\r\n      if (!zDef) {\r\n        widgetElement = null;\r\n      } else if (zDef.widgetCount === 1 && zDef.widgetDefs[0].widgetType !== WidgetType.Rectangular) {\r\n        /** Return free-form nzWidgetProps */\r\n        const widgetDef = zDef.widgetDefs[0];\r\n        widgetElement = (widgetDef.isVisible) ? widgetDef.reactNode : /* istanbul ignore next */ null;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <FrameworkZone\r\n        activeTabIndex={runtimeProps.activeTabIndex}\r\n        className={this.props.className}\r\n        disabledResizeHandles={runtimeProps.disabledResizeHandles}\r\n        draggedWidget={runtimeProps.draggedWidget}\r\n        dropTarget={runtimeProps.dropTarget}\r\n        fillZone={zoneDef.shouldFillZone}\r\n        getWidgetContentRef={runtimeProps.getWidgetContentRef}\r\n        isHidden={runtimeProps.isHidden}\r\n        isInFooterMode={runtimeProps.isInFooterMode}\r\n        openWidgetId={runtimeProps.openWidgetId}\r\n        style={this.props.style}\r\n        targetedBounds={runtimeProps.ghostOutline}\r\n        targetChangeHandler={runtimeProps.targetChangeHandler}\r\n        widget={runtimeProps.widget}\r\n        widgetElement={widgetElement}\r\n        widgetTabs={runtimeProps.widgetTabs}\r\n        widgetChangeHandler={runtimeProps.widgetChangeHandler}\r\n        zone={runtimeProps.zone}\r\n      />\r\n    );\r\n  }\r\n\r\n  private _handleWidgetStateChangedEvent = (args: WidgetStateChangedEventArgs) => {\r\n    const runtimeProps = this.props.runtimeProps;\r\n    if (!runtimeProps)\r\n      return;\r\n\r\n    const widgetDef = args.widgetDef;\r\n    const id = this.getWidgetIdForDef(widgetDef);\r\n    if (!id)\r\n      return;\r\n\r\n    const zoneDef = runtimeProps.zoneDefProvider.getZoneDef(id);\r\n    // istanbul ignore if\r\n    if (!zoneDef)\r\n      return;\r\n\r\n    const visibleWidgets = zoneDef.widgetDefs.filter((wd) => wd.isVisible || wd === widgetDef);\r\n    for (let index = 0; index < visibleWidgets.length; index++) {\r\n      const wDef = visibleWidgets[index];\r\n      if (wDef !== widgetDef)\r\n        continue;\r\n\r\n      if (widgetDef.state === WidgetState.Hidden && index < runtimeProps.activeTabIndex && id === runtimeProps.openWidgetId) {\r\n        // Need to decrease active tab index, since removed tab was rendered before active tab and we want to maintain active tab.\r\n        runtimeProps.widgetChangeHandler.handleTabClick(id, runtimeProps.activeTabIndex - 1);\r\n        break;\r\n      }\r\n      runtimeProps.widgetChangeHandler.handleWidgetStateChange(id, index, widgetDef.state === WidgetState.Open);\r\n      break;\r\n    }\r\n  };\r\n\r\n  private getWidgetIdForDef(widgetDef: WidgetDef): WidgetZoneId | undefined { // eslint-disable-line deprecation/deprecation\r\n    // istanbul ignore if\r\n    if (!this.props.runtimeProps)\r\n      return undefined;\r\n\r\n    for (const wId of this.props.runtimeProps.zone.widgets) {\r\n      const zoneDef = this.props.runtimeProps.zoneDefProvider.getZoneDef(wId);\r\n      if (zoneDef && zoneDef.widgetDefs.some((wDef: WidgetDef) => wDef === widgetDef))\r\n        return wId;\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport const isToolSettingsWidgetManagerProps = (props: WidgetManagerProps | undefined): props is ToolSettingsWidgetManagerProps => {\r\n  return !!props && props.id === 2;\r\n};\r\n"]}

package/lib/cjs/appui-react/zones/ZoneDef.d.ts

@@ -0,0 +1,57 @@
+/** @packageDocumentation
+ * @module Zone
+ */
+import { WidgetHost } from "../widgets/WidgetHost";
+import { ZoneLocation, ZoneProps } from "./Zone";
+/** Zone State enum.
+ * @public @deprecated in 3.0.
+ */
+export declare enum ZoneState {
+    Off = 0,
+    Minimized = 1,
+    Open = 2,
+    Popup = 3,
+    Floating = 4
+}
+/**
+ * A ZoneDef represents each zone within a Frontstage.
+ * @deprecated in 3.6. Use [[StagePanelDef]] or [[WidgetDef]] instead.
+ * @public
+ */
+export declare class ZoneDef extends WidgetHost {
+    private _initialWidth;
+    private _zoneState;
+    private _allowsMerging;
+    private _applicationData?;
+    private _mergeWithZone?;
+    private _zoneLocation;
+    /** Zone state.  Defaults to ZoneState.Open. @deprecated in 3.0. */
+    get zoneState(): ZoneState;
+    /** Indicates if other Zones may be merged with this Zone. Defaults to false. @deprecated in 3.0. */
+    get allowsMerging(): boolean;
+    /** Any application data to attach to this Zone. */
+    get applicationData(): any | undefined;
+    /** Indicates with which other zone to merge. @deprecated in 3.0. */
+    get mergeWithZone(): ZoneLocation | undefined;
+    /** The Zone's location.
+     * @internal
+     */
+    get zoneLocation(): ZoneLocation;
+    set zoneLocation(zoneLocation: ZoneLocation);
+    /** Initial zone width. */
+    get initialWidth(): number | undefined;
+    /** Constructor for ZoneDef.
+     */
+    constructor();
+    /** Determines if this Zone is for Tool Settings. */
+    get isToolSettings(): boolean;
+    /** Determines if this Zone is for the Status Bar. */
+    get isStatusBar(): boolean;
+    /** Determines if the Zone should fill the available space. */
+    get shouldFillZone(): boolean;
+    /** @internal */
+    setInitialWidth(width: number | undefined): void;
+    /** @internal */
+    initializeFromProps(props: ZoneProps): void;
+}
+//# sourceMappingURL=ZoneDef.d.ts.map

package/lib/cjs/appui-react/zones/ZoneDef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/zones/ZoneDef.ts"],"names":[],"mappings":"AAKA;;GAEG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEjD;;GAEG;AACH,oBAAY,SAAS;IACnB,GAAG,IAAA;IACH,SAAS,IAAA;IACT,IAAI,IAAA;IACJ,KAAK,IAAA;IACL,QAAQ,IAAA;CACT;AAED;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,gBAAgB,CAAC,CAAM;IAC/B,OAAO,CAAC,cAAc,CAAC,CAAe;IACtC,OAAO,CAAC,aAAa,CAAsC;IAE3D,mEAAmE;IACnE,IAAW,SAAS,IAAI,SAAS,CAA4B;IAC7D,oGAAoG;IACpG,IAAW,aAAa,IAAI,OAAO,CAAgC;IACnE,mDAAmD;IACnD,IAAW,eAAe,IAAI,GAAG,GAAG,SAAS,CAAkC;IAC/E,oEAAoE;IACpE,IAAW,aAAa,IAAI,YAAY,GAAG,SAAS,CAAgC;IAEpF;;OAEG;IACH,IAAW,YAAY,IAAI,YAAY,CAA+B;IACtE,IAAW,YAAY,CAAC,YAAY,EAAE,YAAY,EAAwC;IAE1F,0BAA0B;IAC1B,IAAW,YAAY,IAAI,MAAM,GAAG,SAAS,CAE5C;IAED;OACG;;IAKH,oDAAoD;IACpD,IAAW,cAAc,IAAI,OAAO,CAKnC;IAED,qDAAqD;IACrD,IAAW,WAAW,IAAI,OAAO,CAKhC;IAED,8DAA8D;IAC9D,IAAW,cAAc,IAAI,OAAO,CAEnC;IAED,gBAAgB;IACT,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;IAIhD,gBAAgB;IACT,mBAAmB,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAUnD"}