@itwin/appui-react 4.9.0-dev.1 → 4.10.0-dev.1

package/lib/esm/appui-react/layout/state/WidgetRestoreState.js

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+/** @internal */
+export function isFloatingWidgetRestoreState(state) {
+    return "floatingWidget" in state;
+}
+/** @internal */
+export function isPanelWidgetRestoreState(state) {
+    return "side" in state;
+}
+//# sourceMappingURL=WidgetRestoreState.js.map

package/lib/esm/appui-react/layout/state/WidgetRestoreState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetRestoreState.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/WidgetRestoreState.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAuBH,gBAAgB;AAChB,MAAM,UAAU,4BAA4B,CAC1C,KAAyB;IAEzB,OAAO,gBAAgB,IAAI,KAAK,CAAC;AACnC,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,yBAAyB,CACvC,KAAyB;IAEzB,OAAO,MAAM,IAAI,KAAK,CAAC;AACzB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport type { PanelSide } from \"../widget-panels/PanelTypes\";\nimport type { FloatingWidgetState, WidgetState } from \"./WidgetState\";\n\n/** @internal */\nexport interface FloatingWidgetRestoreState {\n  widgetId: WidgetState[\"id\"];\n  floatingWidget: FloatingWidgetState;\n}\n\n/** @internal */\nexport interface PanelWidgetRestoreState {\n  widgetId: WidgetState[\"id\"];\n  side: PanelSide;\n  widgetIndex: number;\n}\n\n/** @internal */\nexport type WidgetRestoreState =\n  | FloatingWidgetRestoreState\n  | PanelWidgetRestoreState;\n\n/** @internal */\nexport function isFloatingWidgetRestoreState(\n  state: WidgetRestoreState\n): state is FloatingWidgetRestoreState {\n  return \"floatingWidget\" in state;\n}\n\n/** @internal */\nexport function isPanelWidgetRestoreState(\n  state: WidgetRestoreState\n): state is PanelWidgetRestoreState {\n  return \"side\" in state;\n}\n"]}

package/lib/esm/appui-react/layout/state/WidgetState.d.ts

@@ -0,0 +1,48 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import type { RectangleProps } from "@itwin/core-react";
+import type { TabState } from "./TabState";
+import type { PanelWidgetRestoreState, WidgetRestoreState } from "./WidgetRestoreState";
+/** State of a stacked widget, which can contain multiple tabs. I.e. in a panel section or a floating widget.
+ * @internal
+ */
+export interface WidgetState {
+    readonly activeTabId: TabState["id"];
+    readonly id: string;
+    readonly minimized: boolean;
+    readonly tabs: ReadonlyArray<TabState["id"]>;
+}
+/** @internal */
+export interface WidgetsState {
+    readonly [id: string]: WidgetState;
+}
+/** @internal */
+export interface FloatingWidgetState {
+    readonly id: WidgetState["id"];
+    readonly bounds: RectangleProps;
+    readonly home: PanelWidgetRestoreState;
+    readonly userSized?: boolean;
+    readonly resizable?: boolean;
+}
+/** @internal */
+export interface FloatingWidgetsState {
+    readonly byId: {
+        readonly [id: string]: FloatingWidgetState;
+    };
+    readonly allIds: ReadonlyArray<FloatingWidgetState["id"]>;
+}
+/** @internal */
+export interface PopoutWidgetState {
+    readonly bounds: RectangleProps;
+    readonly id: WidgetState["id"];
+    readonly home: WidgetRestoreState;
+}
+/** @internal */
+export interface PopoutWidgetsState {
+    readonly byId: {
+        readonly [id: string]: PopoutWidgetState;
+    };
+    readonly allIds: ReadonlyArray<PopoutWidgetState["id"]>;
+}
+//# sourceMappingURL=WidgetState.d.ts.map

package/lib/esm/appui-react/layout/state/WidgetState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetState.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/WidgetState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;CAC9C;AAED,gBAAgB;AAChB,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,WAAW,CAAC;CACpC;AAED,gBAAgB;AAChB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,gBAAgB;AAChB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,mBAAmB,CAAA;KAAE,CAAC;IAC9D,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;CAC3D;AAED,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;CACnC;AAED,gBAAgB;AAChB,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,iBAAiB,CAAA;KAAE,CAAC;IAC5D,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;CACzD"}

package/lib/esm/appui-react/layout/state/WidgetState.js

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+export {};
+//# sourceMappingURL=WidgetState.js.map

package/lib/esm/appui-react/layout/state/WidgetState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetState.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/WidgetState.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 Base\n */\n\nimport type { RectangleProps } from \"@itwin/core-react\";\nimport type { TabState } from \"./TabState\";\nimport type {\n  PanelWidgetRestoreState,\n  WidgetRestoreState,\n} from \"./WidgetRestoreState\";\n\n/** State of a stacked widget, which can contain multiple tabs. I.e. in a panel section or a floating widget.\n * @internal\n */\nexport interface WidgetState {\n  readonly activeTabId: TabState[\"id\"];\n  readonly id: string;\n  readonly minimized: boolean;\n  readonly tabs: ReadonlyArray<TabState[\"id\"]>;\n}\n\n/** @internal */\nexport interface WidgetsState {\n  readonly [id: string]: WidgetState;\n}\n\n/** @internal */\nexport interface FloatingWidgetState {\n  readonly id: WidgetState[\"id\"];\n  readonly bounds: RectangleProps;\n  readonly home: PanelWidgetRestoreState;\n  readonly userSized?: boolean;\n  readonly resizable?: boolean;\n}\n\n/** @internal */\nexport interface FloatingWidgetsState {\n  readonly byId: { readonly [id: string]: FloatingWidgetState };\n  readonly allIds: ReadonlyArray<FloatingWidgetState[\"id\"]>;\n}\n\n/** @internal */\nexport interface PopoutWidgetState {\n  readonly bounds: RectangleProps;\n  readonly id: WidgetState[\"id\"];\n  readonly home: WidgetRestoreState;\n}\n\n/** @internal */\nexport interface PopoutWidgetsState {\n  readonly byId: { readonly [id: string]: PopoutWidgetState };\n  readonly allIds: ReadonlyArray<PopoutWidgetState[\"id\"]>;\n}\n"]}

package/lib/esm/appui-react/layout/state/activateDroppedTab.d.ts

@@ -0,0 +1,5 @@
+import type { NineZoneStateReducer } from "./NineZoneStateReducer";
+/** Changes widget active tab after drag & drop
+ * @internal */
+export declare const activateDroppedTab: (reducer: typeof NineZoneStateReducer) => typeof NineZoneStateReducer;
+//# sourceMappingURL=activateDroppedTab.d.ts.map

package/lib/esm/appui-react/layout/state/activateDroppedTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activateDroppedTab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/activateDroppedTab.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAOnE;eACe;AACf,eAAO,MAAM,kBAAkB,YACnB,2BAA2B,KAAG,2BAkBvC,CAAC"}

package/lib/esm/appui-react/layout/state/activateDroppedTab.js

@@ -0,0 +1,34 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { assert } from "@itwin/core-bentley";
+import { getTabLocation } from "./TabLocation";
+import { getWidgetState, setWidgetActiveTabId, } from "./internal/WidgetStateHelpers";
+/** Changes widget active tab after drag & drop
+ * @internal */
+export const activateDroppedTab = (reducer) => (state, action) => {
+    if (action.type === "WIDGET_TAB_DRAG_END") {
+        const draggedTabId = action.id;
+        state = reducer(state, action);
+        const widget = getWidgetByTabId(state, draggedTabId);
+        state = setWidgetActiveTabId(state, widget.id, draggedTabId);
+    }
+    else if (action.type === "WIDGET_DRAG_END") {
+        const draggedWidget = getWidgetState(state, action.floatingWidgetId);
+        state = reducer(state, action);
+        const widget = getWidgetByTabId(state, draggedWidget.activeTabId);
+        state = setWidgetActiveTabId(state, widget.id, draggedWidget.activeTabId);
+    }
+    else {
+        state = reducer(state, action);
+    }
+    return state;
+};
+function getWidgetByTabId(state, draggedWidgetTabId) {
+    const location = getTabLocation(state, draggedWidgetTabId);
+    assert(!!location);
+    const widget = state.widgets[location.widgetId];
+    return widget;
+}
+//# sourceMappingURL=activateDroppedTab.js.map

package/lib/esm/appui-react/layout/state/activateDroppedTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activateDroppedTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/state/activateDroppedTab.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EACL,cAAc,EACd,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AAEvC;eACe;AACf,MAAM,CAAC,MAAM,kBAAkB,GAC7B,CAAC,OAAoC,EAA+B,EAAE,CACtE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAChB,IAAI,MAAM,CAAC,IAAI,KAAK,qBAAqB,EAAE;QACzC,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC;QAE/B,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACrD,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;KAC9D;SAAM,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;QAC5C,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAErE,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAClE,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;KAC3E;SAAM;QACL,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KAChC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEJ,SAAS,gBAAgB,CAAC,KAAoB,EAAE,kBAA0B;IACxE,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;IAC3D,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEnB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { assert } from \"@itwin/core-bentley\";\nimport type { NineZoneState } from \"./NineZoneState\";\nimport type { NineZoneStateReducer } from \"./NineZoneStateReducer\";\nimport { getTabLocation } from \"./TabLocation\";\nimport {\n  getWidgetState,\n  setWidgetActiveTabId,\n} from \"./internal/WidgetStateHelpers\";\n\n/** Changes widget active tab after drag & drop\n * @internal */\nexport const activateDroppedTab =\n  (reducer: typeof NineZoneStateReducer): typeof NineZoneStateReducer =>\n  (state, action) => {\n    if (action.type === \"WIDGET_TAB_DRAG_END\") {\n      const draggedTabId = action.id;\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedTabId);\n    } else if (action.type === \"WIDGET_DRAG_END\") {\n      const draggedWidget = getWidgetState(state, action.floatingWidgetId);\n\n      state = reducer(state, action);\n      const widget = getWidgetByTabId(state, draggedWidget.activeTabId);\n      state = setWidgetActiveTabId(state, widget.id, draggedWidget.activeTabId);\n    } else {\n      state = reducer(state, action);\n    }\n    return state;\n  };\n\nfunction getWidgetByTabId(state: NineZoneState, draggedWidgetTabId: string) {\n  const location = getTabLocation(state, draggedWidgetTabId);\n  assert(!!location);\n\n  const widget = state.widgets[location.widgetId];\n  return widget;\n}\n"]}

package/lib/esm/appui-react/layout/state/internal/NineZoneStateHelpers.d.ts

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import type { Draft } from "immer";
+import type { RectangleProps, SizeProps } from "@itwin/core-react";
+import type { NineZoneState } from "../NineZoneState";
+import type { FloatingWidgetState } from "../WidgetState";
+/** Same as XAndY from core-geometry, but reproduced here to avoid a breaking peer dependency change.
+ * @internal
+ */
+export interface XAndY {
+    readonly x: number;
+    readonly y: number;
+}
+/** @internal */
+export declare const category = "appui-react:layout";
+/** Helper that returns a plain object. Prevents from adding an instance that is not `immerable` to the state.
+ * @internal
+ */
+export declare function toRectangleProps(rectangle: RectangleProps | undefined): RectangleProps;
+/** @internal */
+export declare function setRectangleProps(props: Draft<RectangleProps>, bounds: RectangleProps): void;
+/** @internal */
+export declare function setPointProps(props: Draft<XAndY>, point: XAndY): void;
+/** @internal */
+export declare function setSizeProps(props: Draft<SizeProps>, size: SizeProps): void;
+type KeysOfType<T, Type> = {
+    [K in keyof T]: T[K] extends Type ? K : never;
+}[keyof T];
+/** @internal */
+export declare function initSizeProps<T, K extends KeysOfType<T, SizeProps | undefined>>(obj: T, key: K, size: SizeProps | undefined): void;
+/** @internal */
+export declare function initRectangleProps<T, K extends KeysOfType<T, RectangleProps | undefined>>(obj: T, key: K, rectangle: T[K]): void;
+/** @internal */
+export declare function isToolSettingsFloatingWidget(state: NineZoneState, id: FloatingWidgetState["id"]): boolean;
+/** @internal */
+export declare function updateHomeOfToolSettingsWidget(state: NineZoneState, id: FloatingWidgetState["id"], home: FloatingWidgetState["home"]): NineZoneState;
+export {};
+//# sourceMappingURL=NineZoneStateHelpers.d.ts.map

package/lib/esm/appui-react/layout/state/internal/NineZoneStateHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineZoneStateHelpers.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/state/internal/NineZoneStateHelpers.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAM1D;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gBAAgB;AAChB,eAAO,MAAM,QAAQ,uBAAuB,CAAC;AAE7C;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,cAAc,GAAG,SAAS,GACpC,cAAc,CAUhB;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,EAC5B,MAAM,EAAE,cAAc,QAMvB;AAED,gBAAgB;AAChB,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,QAG9D;AAED,gBAAgB;AAChB,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,QAGpE;AAED,KAAK,UAAU,CAAC,CAAC,EAAE,IAAI,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,GAAG,KAAK;CAC9C,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,gBAAgB;AAChB,wBAAgB,aAAa,CAC3B,CAAC,EACD,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,EAC9C,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,SAAS,QAW5C;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAChC,CAAC,EACD,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC,EACnD,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,QAchC;AAED,gBAAgB;AAChB,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,WAS9B;AAED,gBAAgB;AAChB,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAChC,aAAa,CAMf"}

package/lib/esm/appui-react/layout/state/internal/NineZoneStateHelpers.js

@@ -0,0 +1,88 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import { Rectangle } from "@itwin/core-react";
+import { getWidgetState, updateFloatingWidgetState, } from "./WidgetStateHelpers";
+/** @internal */
+export const category = "appui-react:layout";
+/** Helper that returns a plain object. Prevents from adding an instance that is not `immerable` to the state.
+ * @internal
+ */
+export function toRectangleProps(rectangle) {
+    if (rectangle) {
+        return {
+            bottom: rectangle.bottom,
+            left: rectangle.left,
+            right: rectangle.right,
+            top: rectangle.top,
+        };
+    }
+    return new Rectangle().toProps();
+}
+/** @internal */
+export function setRectangleProps(props, bounds) {
+    props.left = bounds.left;
+    props.right = bounds.right;
+    props.top = bounds.top;
+    props.bottom = bounds.bottom;
+}
+/** @internal */
+export function setPointProps(props, point) {
+    props.x = point.x;
+    props.y = point.y;
+}
+/** @internal */
+export function setSizeProps(props, size) {
+    props.height = size.height;
+    props.width = size.width;
+}
+/** @internal */
+export function initSizeProps(obj, key, size) {
+    if (obj[key] && size) {
+        setSizeProps(obj[key], size);
+        return;
+    }
+    obj[key] = size
+        ? {
+            height: size.height,
+            width: size.width,
+        }
+        : undefined;
+}
+/** @internal */
+export function initRectangleProps(obj, key, rectangle) {
+    const rect = rectangle;
+    if (obj[key] && rect) {
+        setRectangleProps(obj[key], rect);
+        return;
+    }
+    obj[key] = rect
+        ? {
+            bottom: rect.bottom,
+            left: rect.left,
+            right: rect.right,
+            top: rect.top,
+        }
+        : undefined;
+}
+/** @internal */
+export function isToolSettingsFloatingWidget(state, id) {
+    const widget = getWidgetState(state, id);
+    const toolSettingsTabId = state.toolSettings?.tabId;
+    return (widget.tabs.length === 1 &&
+        widget.tabs[0] === toolSettingsTabId &&
+        id in state.floatingWidgets.byId);
+}
+/** @internal */
+export function updateHomeOfToolSettingsWidget(state, id, home) {
+    if (!isToolSettingsFloatingWidget(state, id))
+        return state;
+    return updateFloatingWidgetState(state, id, {
+        home,
+    });
+}
+//# sourceMappingURL=NineZoneStateHelpers.js.map

package/lib/esm/appui-react/layout/state/internal/NineZoneStateHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineZoneStateHelpers.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/state/internal/NineZoneStateHelpers.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EACL,cAAc,EACd,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAU9B,gBAAgB;AAChB,MAAM,CAAC,MAAM,QAAQ,GAAG,oBAAoB,CAAC;AAE7C;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAAqC;IAErC,IAAI,SAAS,EAAE;QACb,OAAO;YACL,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,IAAI,EAAE,SAAS,CAAC,IAAI;YACpB,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,GAAG,EAAE,SAAS,CAAC,GAAG;SACnB,CAAC;KACH;IACD,OAAO,IAAI,SAAS,EAAE,CAAC,OAAO,EAAE,CAAC;AACnC,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAC/B,KAA4B,EAC5B,MAAsB;IAEtB,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IACzB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;IACvB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,aAAa,CAAC,KAAmB,EAAE,KAAY;IAC7D,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAClB,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACpB,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,YAAY,CAAC,KAAuB,EAAE,IAAe;IACnE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC3B,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AAC3B,CAAC;AAMD,gBAAgB;AAChB,MAAM,UAAU,aAAa,CAG3B,GAAM,EAAE,GAAM,EAAE,IAA2B;IAC3C,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE;QACpB,YAAY,CAAC,GAAG,CAAC,GAAG,CAAyB,EAAE,IAAI,CAAC,CAAC;QACrD,OAAO;KACR;IACA,GAAG,CAAC,GAAG,CAAsC,GAAG,IAAI;QACnD,CAAC,CAAC;YACE,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB;QACH,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAGhC,GAAM,EAAE,GAAM,EAAE,SAAe;IAC/B,MAAM,IAAI,GAAG,SAAkD,CAAC;IAChE,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE;QACpB,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAA8B,EAAE,IAAI,CAAC,CAAC;QAC/D,OAAO;KACR;IACA,GAAG,CAAC,GAAG,CAA2C,GAAG,IAAI;QACxD,CAAC,CAAC;YACE,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd;QACH,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,4BAA4B,CAC1C,KAAoB,EACpB,EAA6B;IAE7B,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC;IACpD,OAAO,CACL,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,iBAAiB;QACpC,EAAE,IAAI,KAAK,CAAC,eAAe,CAAC,IAAI,CACjC,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,8BAA8B,CAC5C,KAAoB,EACpB,EAA6B,EAC7B,IAAiC;IAEjC,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,EAAE,CAAC;QAAE,OAAO,KAAK,CAAC;IAE3D,OAAO,yBAAyB,CAAC,KAAK,EAAE,EAAE,EAAE;QAC1C,IAAI;KACL,CAAC,CAAC;AACL,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport type { Draft } from \"immer\";\nimport type { RectangleProps, SizeProps } from \"@itwin/core-react\";\nimport { Rectangle } from \"@itwin/core-react\";\nimport type { NineZoneState } from \"../NineZoneState\";\nimport type { FloatingWidgetState } from \"../WidgetState\";\nimport {\n  getWidgetState,\n  updateFloatingWidgetState,\n} from \"./WidgetStateHelpers\";\n\n/** Same as XAndY from core-geometry, but reproduced here to avoid a breaking peer dependency change.\n * @internal\n */\nexport interface XAndY {\n  readonly x: number;\n  readonly y: number;\n}\n\n/** @internal */\nexport const category = \"appui-react:layout\";\n\n/** Helper that returns a plain object. Prevents from adding an instance that is not `immerable` to the state.\n * @internal\n */\nexport function toRectangleProps(\n  rectangle: RectangleProps | undefined\n): RectangleProps {\n  if (rectangle) {\n    return {\n      bottom: rectangle.bottom,\n      left: rectangle.left,\n      right: rectangle.right,\n      top: rectangle.top,\n    };\n  }\n  return new Rectangle().toProps();\n}\n\n/** @internal */\nexport function setRectangleProps(\n  props: Draft<RectangleProps>,\n  bounds: RectangleProps\n) {\n  props.left = bounds.left;\n  props.right = bounds.right;\n  props.top = bounds.top;\n  props.bottom = bounds.bottom;\n}\n\n/** @internal */\nexport function setPointProps(props: Draft<XAndY>, point: XAndY) {\n  props.x = point.x;\n  props.y = point.y;\n}\n\n/** @internal */\nexport function setSizeProps(props: Draft<SizeProps>, size: SizeProps) {\n  props.height = size.height;\n  props.width = size.width;\n}\n\ntype KeysOfType<T, Type> = {\n  [K in keyof T]: T[K] extends Type ? K : never;\n}[keyof T];\n\n/** @internal */\nexport function initSizeProps<\n  T,\n  K extends KeysOfType<T, SizeProps | undefined>\n>(obj: T, key: K, size: SizeProps | undefined) {\n  if (obj[key] && size) {\n    setSizeProps(obj[key] as unknown as SizeProps, size);\n    return;\n  }\n  (obj[key] as unknown as SizeProps | undefined) = size\n    ? {\n        height: size.height,\n        width: size.width,\n      }\n    : undefined;\n}\n\n/** @internal */\nexport function initRectangleProps<\n  T,\n  K extends KeysOfType<T, RectangleProps | undefined>\n>(obj: T, key: K, rectangle: T[K]) {\n  const rect = rectangle as unknown as RectangleProps | undefined;\n  if (obj[key] && rect) {\n    setRectangleProps(obj[key] as unknown as RectangleProps, rect);\n    return;\n  }\n  (obj[key] as unknown as RectangleProps | undefined) = rect\n    ? {\n        bottom: rect.bottom,\n        left: rect.left,\n        right: rect.right,\n        top: rect.top,\n      }\n    : undefined;\n}\n\n/** @internal */\nexport function isToolSettingsFloatingWidget(\n  state: NineZoneState,\n  id: FloatingWidgetState[\"id\"]\n) {\n  const widget = getWidgetState(state, id);\n  const toolSettingsTabId = state.toolSettings?.tabId;\n  return (\n    widget.tabs.length === 1 &&\n    widget.tabs[0] === toolSettingsTabId &&\n    id in state.floatingWidgets.byId\n  );\n}\n\n/** @internal */\nexport function updateHomeOfToolSettingsWidget(\n  state: NineZoneState,\n  id: FloatingWidgetState[\"id\"],\n  home: FloatingWidgetState[\"home\"]\n): NineZoneState {\n  if (!isToolSettingsFloatingWidget(state, id)) return state;\n\n  return updateFloatingWidgetState(state, id, {\n    home,\n  });\n}\n"]}

package/lib/esm/appui-react/layout/state/internal/PanelStateHelpers.d.ts

@@ -0,0 +1,26 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import type { SizeProps } from "@itwin/core-react";
+import type { WritableDraft } from "immer/dist/types/types-external";
+import type { HorizontalPanelSide, PanelSide, VerticalPanelSide } from "../../widget-panels/PanelTypes";
+import type { NineZoneState } from "../NineZoneState";
+import type { HorizontalPanelState, PanelMaxSizeState, PanelsState, PanelState, VerticalPanelState } from "../PanelState";
+import type { WidgetState } from "../WidgetState";
+/** @internal */
+export declare function createVerticalPanelState(side: VerticalPanelSide, args?: Partial<VerticalPanelState>): VerticalPanelState;
+/** @internal */
+export declare function createHorizontalPanelState(side: HorizontalPanelSide, args?: Partial<HorizontalPanelState>): HorizontalPanelState;
+/** @internal */
+export declare function createPanelsState(args?: Partial<PanelsState>): PanelsState;
+/** @internal */
+export declare function updatePanelState<K extends keyof PanelsState>(state: NineZoneState, side: K, update: (draft: WritableDraft<PanelsState>[K]) => void): NineZoneState;
+/** @internal */
+export declare function getPanelMaxSize(side: PanelSide, appSize: SizeProps, maxSize: PanelMaxSizeState): number;
+/** @internal */
+export declare function getPanelSize(preferredSize: number | undefined, side: PanelSide, minSize: PanelState["minSize"], maxSizeSpec: PanelState["maxSize"], appSize: SizeProps): number | undefined;
+/** @internal */
+export declare function addPanelWidget(state: NineZoneState, side: PanelSide, id: WidgetState["id"], tabs: WidgetState["tabs"], widgetArgs?: Partial<WidgetState>): NineZoneState;
+/** @internal */
+export declare function insertPanelWidget(state: NineZoneState, side: PanelSide, id: WidgetState["id"], tabs: WidgetState["tabs"], sectionIndex: number, widgetArgs?: Partial<WidgetState>): NineZoneState;
+//# sourceMappingURL=PanelStateHelpers.d.ts.map

package/lib/esm/appui-react/layout/state/internal/PanelStateHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelStateHelpers.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/state/internal/PanelStateHelpers.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAErE,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACT,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,kBAAkB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAoBlD,gBAAgB;AAChB,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,iBAAiB,EACvB,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,GACjC,kBAAkB,CAMpB;AAED,gBAAgB;AAChB,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,mBAAmB,EACzB,IAAI,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACnC,oBAAoB,CAQtB;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAQ1E;AAED,gBAAgB;AAChB,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,WAAW,EAC1D,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,iBAMvD;AAED,gBAAgB;AAChB,wBAAgB,eAAe,CAC7B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,iBAAiB,UAO3B;AAED,gBAAgB;AAChB,wBAAgB,YAAY,CAC1B,aAAa,EAAE,MAAM,GAAG,SAAS,EACjC,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,EAC9B,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC,EAClC,OAAO,EAAE,SAAS,sBAMnB;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAC5B,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EACrB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EACzB,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAChC,aAAa,CAEf;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EACrB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EACzB,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAChC,aAAa,CAaf"}

package/lib/esm/appui-react/layout/state/internal/PanelStateHelpers.js

@@ -0,0 +1,96 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import { UiError } from "@itwin/appui-abstract";
+import produce from "immer";
+import { isHorizontalPanelSide } from "../../widget-panels/Panel";
+import { category } from "./NineZoneStateHelpers";
+import { addWidgetState } from "./WidgetStateHelpers";
+function createPanelState(side) {
+    return {
+        collapseOffset: 100,
+        collapsed: false,
+        maxSize: 600,
+        minSize: 200,
+        pinned: true,
+        resizable: true,
+        side,
+        size: undefined,
+        widgets: [],
+        maxWidgetCount: 2,
+        splitterPercent: 50,
+    };
+}
+/** @internal */
+export function createVerticalPanelState(side, args) {
+    return {
+        ...createPanelState(side),
+        ...args,
+        side,
+    };
+}
+/** @internal */
+export function createHorizontalPanelState(side, args) {
+    return {
+        ...createPanelState(side),
+        minSize: 100,
+        span: true,
+        ...args,
+        side,
+    };
+}
+/** @internal */
+export function createPanelsState(args) {
+    return {
+        bottom: createHorizontalPanelState("bottom"),
+        left: createVerticalPanelState("left"),
+        right: createVerticalPanelState("right"),
+        top: createHorizontalPanelState("top"),
+        ...args,
+    };
+}
+/** @internal */
+export function updatePanelState(state, side, update) {
+    return produce(state, (draft) => {
+        const panel = draft.panels[side];
+        update(panel);
+    });
+}
+/** @internal */
+export function getPanelMaxSize(side, appSize, maxSize) {
+    if (typeof maxSize === "number") {
+        return maxSize;
+    }
+    const size = isHorizontalPanelSide(side) ? appSize.height : appSize.width;
+    return (maxSize.percentage / 100) * size;
+}
+/** @internal */
+export function getPanelSize(preferredSize, side, minSize, maxSizeSpec, appSize) {
+    if (preferredSize === undefined)
+        return undefined;
+    const maxSize = getPanelMaxSize(side, appSize, maxSizeSpec);
+    return Math.min(Math.max(preferredSize, minSize), maxSize);
+}
+/** @internal */
+export function addPanelWidget(state, side, id, tabs, widgetArgs) {
+    return insertPanelWidget(state, side, id, tabs, Infinity, widgetArgs);
+}
+/** @internal */
+export function insertPanelWidget(state, side, id, tabs, sectionIndex, widgetArgs) {
+    const panel = state.panels[side];
+    const maxWidgetCount = panel.maxWidgetCount;
+    if (panel.widgets.length >= maxWidgetCount)
+        throw new UiError(category, "Max widget count exceeded", undefined, () => ({
+            maxWidgetCount,
+        }));
+    state = addWidgetState(state, id, tabs, widgetArgs);
+    return produce(state, (draft) => {
+        const widgets = draft.panels[side].widgets;
+        widgets.splice(sectionIndex, 0, id);
+    });
+}
+//# sourceMappingURL=PanelStateHelpers.js.map

package/lib/esm/appui-react/layout/state/internal/PanelStateHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelStateHelpers.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/state/internal/PanelStateHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport { UiError } from \"@itwin/appui-abstract\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport produce from \"immer\";\nimport type { WritableDraft } from \"immer/dist/types/types-external\";\nimport { isHorizontalPanelSide } from \"../../widget-panels/Panel\";\nimport type {\n  HorizontalPanelSide,\n  PanelSide,\n  VerticalPanelSide,\n} from \"../../widget-panels/PanelTypes\";\nimport type { NineZoneState } from \"../NineZoneState\";\nimport type {\n  HorizontalPanelState,\n  PanelMaxSizeState,\n  PanelsState,\n  PanelState,\n  VerticalPanelState,\n} from \"../PanelState\";\nimport type { WidgetState } from \"../WidgetState\";\nimport { category } from \"./NineZoneStateHelpers\";\nimport { addWidgetState } from \"./WidgetStateHelpers\";\n\nfunction createPanelState(side: PanelSide) {\n  return {\n    collapseOffset: 100,\n    collapsed: false,\n    maxSize: 600,\n    minSize: 200,\n    pinned: true,\n    resizable: true,\n    side,\n    size: undefined,\n    widgets: [],\n    maxWidgetCount: 2,\n    splitterPercent: 50,\n  };\n}\n\n/** @internal */\nexport function createVerticalPanelState(\n  side: VerticalPanelSide,\n  args?: Partial<VerticalPanelState>\n): VerticalPanelState {\n  return {\n    ...createPanelState(side),\n    ...args,\n    side,\n  };\n}\n\n/** @internal */\nexport function createHorizontalPanelState(\n  side: HorizontalPanelSide,\n  args?: Partial<HorizontalPanelState>\n): HorizontalPanelState {\n  return {\n    ...createPanelState(side),\n    minSize: 100,\n    span: true,\n    ...args,\n    side,\n  };\n}\n\n/** @internal */\nexport function createPanelsState(args?: Partial<PanelsState>): PanelsState {\n  return {\n    bottom: createHorizontalPanelState(\"bottom\"),\n    left: createVerticalPanelState(\"left\"),\n    right: createVerticalPanelState(\"right\"),\n    top: createHorizontalPanelState(\"top\"),\n    ...args,\n  };\n}\n\n/** @internal */\nexport function updatePanelState<K extends keyof PanelsState>(\n  state: NineZoneState,\n  side: K,\n  update: (draft: WritableDraft<PanelsState>[K]) => void\n) {\n  return produce(state, (draft) => {\n    const panel = draft.panels[side];\n    update(panel);\n  });\n}\n\n/** @internal */\nexport function getPanelMaxSize(\n  side: PanelSide,\n  appSize: SizeProps,\n  maxSize: PanelMaxSizeState\n) {\n  if (typeof maxSize === \"number\") {\n    return maxSize;\n  }\n  const size = isHorizontalPanelSide(side) ? appSize.height : appSize.width;\n  return (maxSize.percentage / 100) * size;\n}\n\n/** @internal */\nexport function getPanelSize(\n  preferredSize: number | undefined,\n  side: PanelSide,\n  minSize: PanelState[\"minSize\"],\n  maxSizeSpec: PanelState[\"maxSize\"],\n  appSize: SizeProps\n) {\n  if (preferredSize === undefined) return undefined;\n\n  const maxSize = getPanelMaxSize(side, appSize, maxSizeSpec);\n  return Math.min(Math.max(preferredSize, minSize), maxSize);\n}\n\n/** @internal */\nexport function addPanelWidget(\n  state: NineZoneState,\n  side: PanelSide,\n  id: WidgetState[\"id\"],\n  tabs: WidgetState[\"tabs\"],\n  widgetArgs?: Partial<WidgetState>\n): NineZoneState {\n  return insertPanelWidget(state, side, id, tabs, Infinity, widgetArgs);\n}\n\n/** @internal */\nexport function insertPanelWidget(\n  state: NineZoneState,\n  side: PanelSide,\n  id: WidgetState[\"id\"],\n  tabs: WidgetState[\"tabs\"],\n  sectionIndex: number,\n  widgetArgs?: Partial<WidgetState>\n): NineZoneState {\n  const panel = state.panels[side];\n  const maxWidgetCount = panel.maxWidgetCount;\n  if (panel.widgets.length >= maxWidgetCount)\n    throw new UiError(category, \"Max widget count exceeded\", undefined, () => ({\n      maxWidgetCount,\n    }));\n\n  state = addWidgetState(state, id, tabs, widgetArgs);\n  return produce(state, (draft) => {\n    const widgets = draft.panels[side].widgets;\n    widgets.splice(sectionIndex, 0, id);\n  });\n}\n"]}

package/lib/esm/appui-react/layout/state/internal/TabStateHelpers.d.ts

@@ -0,0 +1,41 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import type { NineZoneState } from "../NineZoneState";
+import type { DraggedTabState, TabState } from "../TabState";
+import type { SavedTabState } from "../SavedTabState";
+import type { WritableDraft } from "immer/dist/internal";
+import type { WidgetState } from "../WidgetState";
+/** @internal */
+export declare function createTabState(id: TabState["id"], args?: Partial<TabState>): TabState;
+/** @internal */
+export declare function createDraggedTabState(tabId: DraggedTabState["tabId"], args?: Partial<DraggedTabState>): DraggedTabState;
+/** @internal */
+export declare function updateTabState(state: NineZoneState, id: TabState["id"], update: (draft: WritableDraft<TabState>) => void): NineZoneState;
+/** @internal */
+export declare function updateSavedTabState(state: NineZoneState, id: TabState["id"], update: (draft: WritableDraft<SavedTabState>) => void): NineZoneState;
+/** Adds a new `tab`.
+ * @internal
+ */
+export declare function addTab(state: NineZoneState, id: TabState["id"], tabArgs?: Partial<TabState>): NineZoneState;
+/** Adds an existing `tab` to a specified `widget`.
+ * @internal
+ */
+export declare function addTabToWidget(state: NineZoneState, tabId: TabState["id"], widgetId: WidgetState["id"]): NineZoneState;
+/** Inserts an existing `tab` to a specified `widget` at a specified `tabIndex`.
+ * @internal
+ */
+export declare function insertTabToWidget(state: NineZoneState, tabId: TabState["id"], widgetId: WidgetState["id"], tabIndex: number): NineZoneState;
+/** Removes tab from the UI, but keeps the tab state.
+ * @internal
+ */
+export declare function removeTabFromWidget(state: NineZoneState, tabId: TabState["id"]): NineZoneState;
+/** Removes tab from the UI and deletes the tab state.
+ * @internal
+ */
+export declare function removeTab(state: NineZoneState, tabId: TabState["id"]): NineZoneState;
+/** Adds removed tab to the UI.
+ * @internal
+ */
+export declare function addRemovedTab(state: NineZoneState, tabId: TabState["id"]): NineZoneState;
+//# sourceMappingURL=TabStateHelpers.d.ts.map

package/lib/esm/appui-react/layout/state/internal/TabStateHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabStateHelpers.d.ts","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/state/internal/TabStateHelpers.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAUzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,gBAAgB;AAChB,wBAAgB,cAAc,CAC5B,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,EAClB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GACvB,QAAQ,CAOV;AAED,gBAAgB;AAChB,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAC/B,IAAI,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAC9B,eAAe,CAWjB;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAC5B,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,EAClB,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,iBASjD;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,EAClB,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,iBAiBtD;AAED;;GAEG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,aAAa,EACpB,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,EAClB,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAC1B,aAAa,CASf;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EACrB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,GAC1B,aAAa,CAEf;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EACrB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,QAAQ,EAAE,MAAM,GACf,aAAa,CAmBf;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GACpB,aAAa,CAqBf;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GACpB,aAAa,CAWf;AASD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GACpB,aAAa,CA+Cf"}