@itwin/appui-react 3.4.0-dev.55 → 3.4.0-dev.57

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

@@ -1,53 +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;
+"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

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

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

@@ -1,14 +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;
-}
+/** @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.js

@@ -1,22 +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;
+"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

@@ -1 +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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Zone\n */\n\nimport * as React from \"react\";\nimport { RectangleProps } from \"@itwin/core-react\";\nimport { Outline as NZ_Outline } from \"@itwin/appui-layout-react\";\n\n/** @internal */\nexport interface OutlineProps {\n  bounds?: RectangleProps;\n}\n\n/** @internal */\nexport class Outline extends React.PureComponent<OutlineProps> {\n  public override render(): React.ReactNode {\n    if (!this.props.bounds)\n      return null;\n    return (\n      <NZ_Outline bounds={this.props.bounds} />\n    );\n  }\n}\n"]}

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

@@ -1,28 +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;
-}
+/** @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.js

@@ -1,33 +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;
+"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

@@ -1 +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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport * as React from \"react\";\nimport { CommonProps, RectangleProps } from \"@itwin/core-react\";\nimport { Zone, ZoneManagerProps, ZoneTargetType } from \"@itwin/appui-layout-react\";\nimport { TargetChangeHandler, WidgetChangeHandler } from \"../frontstage/FrontstageComposer\";\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { getFloatingZoneBounds } from \"./FrameworkZone\";\nimport { Outline } from \"./Outline\";\nimport { ZoneTargets } from \"../dragdrop/ZoneTargets\";\n\n// cspell:ignore safearea\n\n/** Properties for the [[StatusBarZone]] component\n * @internal\n */\nexport interface StatusBarZoneProps extends CommonProps {\n  dropTarget: ZoneTargetType | undefined; // eslint-disable-line deprecation/deprecation\n  isHidden: boolean;\n  isInFooterMode: boolean;\n  targetChangeHandler: TargetChangeHandler; // eslint-disable-line deprecation/deprecation\n  targetedBounds: RectangleProps | undefined;\n  widgetChangeHandler: WidgetChangeHandler; // eslint-disable-line deprecation/deprecation\n  widgetControl?: StatusBarWidgetControl;\n  zoneProps: ZoneManagerProps;\n}\n\n/** Status Bar Zone React component.\n * @internal\n */\nexport class StatusBarZone extends React.PureComponent<StatusBarZoneProps> {\n  public override render(): React.ReactNode {\n    const bounds = getFloatingZoneBounds(this.props.zoneProps);\n    return (\n      <SafeAreaContext.Consumer>\n        {(safeAreaInsets) => (\n          <>\n            <Zone\n              bounds={this.props.isInFooterMode ? undefined : bounds}\n              className={this.props.className}\n              id={this.props.zoneProps.id}\n              isHidden={this.props.isHidden}\n              isInFooterMode={this.props.isInFooterMode}\n              safeAreaInsets={safeAreaInsets}\n            >\n              {\n                this.props.widgetControl &&\n                <StatusBar\n                  isInFooterMode={this.props.isInFooterMode}\n                  widgetControl={this.props.widgetControl}\n                />\n              }\n            </Zone>\n            <Zone\n              bounds={this.props.zoneProps.bounds}\n              id={this.props.zoneProps.id}\n              isInFooterMode={this.props.isInFooterMode}\n              safeAreaInsets={safeAreaInsets}\n            >\n              <ZoneTargets\n                zoneId={this.props.zoneProps.id}\n                dropTarget={this.props.dropTarget}\n                targetChangeHandler={this.props.targetChangeHandler}\n              />\n            </Zone>\n            <Outline bounds={this.props.targetedBounds} />\n          </>\n        )}\n      </SafeAreaContext.Consumer>\n    );\n  }\n}\n"]}

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

@@ -1,84 +1,84 @@
-/** @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
- */
-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
- * @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(widgetProps: WidgetProps, stableId: string): WidgetProps;
-/** 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.
- * @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;
+/** @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
+ */
+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
+ * @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(widgetProps: WidgetProps, stableId: string): WidgetProps;
+/** 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.
+ * @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