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

package/lib/cjs/appui-react/layout/state/internal/WidgetStateHelpers.js

@@ -0,0 +1,319 @@
+"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 Base
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.floatingWidgetBringToFront = exports.addPopoutWidget = exports.addFloatingWidget = exports.getNewFloatingWidgetBounds = exports.setWidgetActiveTabId = exports.getWidgetState = exports.assertWidgetState = exports.removePanelWidget = exports.removePopoutWidget = exports.removeFloatingWidget = exports.updateFloatingWidgetState = exports.createPopoutWidgetState = exports.createFloatingWidgetState = exports.removeWidgetState = exports.removeWidget = exports.addWidgetState = exports.updateWidgetState = exports.createWidgetState = void 0;
+const immer_1 = require("immer");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_react_1 = require("@itwin/core-react");
+const TabLocation_1 = require("../TabLocation");
+const WidgetLocation_1 = require("../WidgetLocation");
+const NineZoneStateHelpers_1 = require("./NineZoneStateHelpers");
+const PanelStateHelpers_1 = require("./PanelStateHelpers");
+const TabStateHelpers_1 = require("./TabStateHelpers");
+/** @internal */
+function createWidgetState(id, tabs, args) {
+    if (tabs.length === 0)
+        // eslint-disable-next-line deprecation/deprecation
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Widget must contain tabs");
+    return {
+        activeTabId: tabs[0],
+        minimized: false,
+        ...args,
+        id,
+        tabs,
+    };
+}
+exports.createWidgetState = createWidgetState;
+/** @internal */
+function updateWidgetState(state, id, args) {
+    return (0, immer_1.produce)(state, (draft) => {
+        const widget = getWidgetState(draft, id);
+        draft.widgets[id] = {
+            ...widget,
+            ...(0, immer_1.castDraft)(args),
+        };
+    });
+}
+exports.updateWidgetState = updateWidgetState;
+/** @internal */
+function addWidgetState(state, id, tabs, args) {
+    // eslint-disable-next-line deprecation/deprecation
+    if (id in state.widgets)
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Widget already exists");
+    const widget = createWidgetState(id, tabs, args);
+    for (const tabId of widget.tabs) {
+        if (!(tabId in state.tabs))
+            // eslint-disable-next-line deprecation/deprecation
+            throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Tab does not exist", undefined, () => ({
+                tabId,
+            }));
+        const location = (0, TabLocation_1.getTabLocation)(state, tabId);
+        if (location)
+            // eslint-disable-next-line deprecation/deprecation
+            throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Tab is already in a widget", undefined, () => ({ tabId, widgetId: location.widgetId }));
+    }
+    return (0, immer_1.produce)(state, (draft) => {
+        draft.widgets[id] = (0, immer_1.castDraft)(widget);
+    });
+}
+exports.addWidgetState = addWidgetState;
+/** @internal */
+function removeWidget(state, id) {
+    const location = (0, WidgetLocation_1.getWidgetLocation)(state, id);
+    // eslint-disable-next-line deprecation/deprecation
+    if (!location)
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Widget not found");
+    if ((0, WidgetLocation_1.isFloatingWidgetLocation)(location))
+        return removeFloatingWidget(state, id);
+    if ((0, WidgetLocation_1.isPopoutWidgetLocation)(location))
+        return removePopoutWidget(state, id);
+    return removePanelWidget(state, id, location);
+}
+exports.removeWidget = removeWidget;
+/** @internal */
+function removeWidgetState(state, id) {
+    assertWidgetState(state, id);
+    return (0, immer_1.produce)(state, (draft) => {
+        delete draft.widgets[id];
+    });
+}
+exports.removeWidgetState = removeWidgetState;
+/** @internal */
+function createFloatingWidgetState(id, args) {
+    const bounds = (0, NineZoneStateHelpers_1.toRectangleProps)(args?.bounds);
+    return {
+        home: {
+            side: "left",
+            widgetId: "",
+            widgetIndex: 0,
+        },
+        ...args,
+        bounds,
+        id,
+    };
+}
+exports.createFloatingWidgetState = createFloatingWidgetState;
+/** @internal */
+function createPopoutWidgetState(id, args) {
+    const bounds = (0, NineZoneStateHelpers_1.toRectangleProps)(args?.bounds);
+    const home = args?.home
+        ? args.home
+        : {
+            side: "left",
+            widgetId: "",
+            widgetIndex: 0,
+        };
+    return {
+        ...args,
+        home,
+        bounds,
+        id,
+    };
+}
+exports.createPopoutWidgetState = createPopoutWidgetState;
+/** @internal */
+function updateFloatingWidgetState(state, id, args) {
+    if (!(id in state.floatingWidgets.byId))
+        // eslint-disable-next-line deprecation/deprecation
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Floating widget does not exist");
+    return (0, immer_1.produce)(state, (draft) => {
+        const floatingWidget = draft.floatingWidgets.byId[id];
+        const { bounds, ...other } = args;
+        draft.floatingWidgets.byId[id] = {
+            ...floatingWidget,
+            ...other,
+        };
+        if (bounds)
+            (0, NineZoneStateHelpers_1.setRectangleProps)(floatingWidget.bounds, bounds);
+    });
+}
+exports.updateFloatingWidgetState = updateFloatingWidgetState;
+/** Removes floating widget from the UI and deletes the widget state.
+ * @internal
+ */
+function removeFloatingWidget(state, id) {
+    if (!(id in state.floatingWidgets.byId))
+        // eslint-disable-next-line deprecation/deprecation
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Floating widget does not exist");
+    state = (0, immer_1.produce)(state, (draft) => {
+        delete draft.floatingWidgets.byId[id];
+        const idIndex = draft.floatingWidgets.allIds.indexOf(id);
+        draft.floatingWidgets.allIds.splice(idIndex, 1);
+    });
+    return removeWidgetState(state, id);
+}
+exports.removeFloatingWidget = removeFloatingWidget;
+/** Removes popout widget from the UI and deletes the widget state.
+ * @internal
+ */
+function removePopoutWidget(state, id) {
+    if (!(id in state.popoutWidgets.byId))
+        // eslint-disable-next-line deprecation/deprecation
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Popout widget does not exist");
+    state = (0, immer_1.produce)(state, (draft) => {
+        delete draft.popoutWidgets.byId[id];
+        const index = state.popoutWidgets.allIds.indexOf(id);
+        draft.popoutWidgets.allIds.splice(index, 1);
+    });
+    return removeWidgetState(state, id);
+}
+exports.removePopoutWidget = removePopoutWidget;
+/** @internal */
+function removePanelWidget(state, id, location) {
+    location = location || findPanelWidget(state, id);
+    // eslint-disable-next-line deprecation/deprecation
+    if (!location)
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Panel widget not found");
+    state = (0, PanelStateHelpers_1.updatePanelState)(state, location.side, (draft) => {
+        (0, core_bentley_1.assert)(!!location);
+        draft.widgets.splice(location.index, 1);
+    });
+    const widgets = state.panels[location.side].widgets;
+    const expandedWidget = widgets.find((widgetId) => {
+        const widget = getWidgetState(state, widgetId);
+        return !widget.minimized;
+    });
+    if (!expandedWidget && widgets.length > 0) {
+        const firstWidgetId = widgets[0];
+        state = updateWidgetState(state, firstWidgetId, {
+            minimized: false,
+        });
+    }
+    return removeWidgetState(state, id);
+}
+exports.removePanelWidget = removePanelWidget;
+function findPanelWidget(state, id) {
+    const location = (0, WidgetLocation_1.getWidgetLocation)(state, id);
+    if (location && (0, WidgetLocation_1.isPanelWidgetLocation)(location))
+        return location;
+    return undefined;
+}
+/** @internal */
+function assertWidgetState(state, id) {
+    if (!(id in state.widgets))
+        // eslint-disable-next-line deprecation/deprecation
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Widget does not exist", undefined, () => ({
+            id,
+        }));
+}
+exports.assertWidgetState = assertWidgetState;
+/** @internal */
+function getWidgetState(state, id) {
+    assertWidgetState(state, id);
+    return state.widgets[id];
+}
+exports.getWidgetState = getWidgetState;
+/** @internal */
+function setWidgetActiveTabId(state, widgetId, tabId) {
+    const widget = getWidgetState(state, widgetId);
+    if (!widget.tabs.includes(tabId))
+        // eslint-disable-next-line deprecation/deprecation
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Tab is not in a widget");
+    state = updateWidgetState(state, widgetId, {
+        activeTabId: tabId,
+    });
+    const floatingWidget = state.floatingWidgets.byId[widgetId];
+    if (floatingWidget) {
+        const activeTab = state.tabs[tabId];
+        const preferredFloatingWidgetSize = core_react_1.Rectangle.create(floatingWidget.bounds).getSize();
+        state = (0, TabStateHelpers_1.updateTabState)(state, activeTab.id, (draft) => {
+            (0, NineZoneStateHelpers_1.initSizeProps)(draft, "preferredFloatingWidgetSize", preferredFloatingWidgetSize);
+        });
+    }
+    return state;
+}
+exports.setWidgetActiveTabId = setWidgetActiveTabId;
+/** @internal */
+function getNewFloatingWidgetBounds(state) {
+    // Matches min size (to handle auto-sized floating widgets correctly).
+    const size = { height: 120, width: 200 };
+    const initialPosition = new core_react_1.Point(360, 340);
+    const nzBounds = core_react_1.Rectangle.createFromSize(state.size);
+    const widgetsBounds = nzBounds.inset(20, 20, 20, 20);
+    const offset = new core_react_1.Point(40, 40);
+    let bounds = core_react_1.Rectangle.createFromSize(size);
+    if (state.floatingWidgets.allIds.length === 0) {
+        // Initial floating widget position.
+        bounds = bounds.offset(initialPosition);
+    }
+    else {
+        // Position is relative to last floating widget if available.
+        const widgetId = state.floatingWidgets.allIds[state.floatingWidgets.allIds.length - 1];
+        const widget = state.floatingWidgets.byId[widgetId];
+        const widgetBounds = core_react_1.Rectangle.create(widget.bounds);
+        // Bounds relative to top left of a last floating widget.
+        const topLeft = widgetBounds.topLeft().offset(offset);
+        bounds = bounds.offset(topLeft);
+        // Bottom right of new bounds should also be outside of a floating widget.
+        const widgetBottomRight = new core_react_1.Point(widgetBounds.right, widgetBounds.bottom);
+        const minBottomRight = widgetBottomRight.offset(offset);
+        const x = Math.max(0, minBottomRight.x - bounds.right);
+        const y = Math.max(0, minBottomRight.y - bounds.bottom);
+        bounds = bounds.offset({ x, y });
+    }
+    // TODO: might still end up with a bunch of overlapping widgets.
+    if (bounds.bottom >= widgetsBounds.bottom) {
+        bounds = bounds.setPosition({ x: bounds.left, y: widgetsBounds.top });
+    }
+    if (bounds.right >= widgetsBounds.right) {
+        bounds = bounds.setPosition({
+            x: widgetsBounds.left,
+            y: widgetsBounds.top,
+        });
+    }
+    bounds = bounds.containIn(widgetsBounds);
+    return bounds.toProps();
+}
+exports.getNewFloatingWidgetBounds = getNewFloatingWidgetBounds;
+/** @internal */
+function addFloatingWidget(state, id, tabs, floatingWidgetArgs, widgetArgs) {
+    if (id in state.floatingWidgets.byId)
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Floating widget already exists");
+    state = addWidgetState(state, id, tabs, widgetArgs);
+    let bounds = floatingWidgetArgs?.bounds;
+    if (!bounds) {
+        bounds = getNewFloatingWidgetBounds(state);
+    }
+    const tabId = tabs[0];
+    const tab = state.tabs[tabId];
+    const resizable = tab.isFloatingWidgetResizable;
+    const floatingWidget = createFloatingWidgetState(id, {
+        bounds,
+        resizable,
+        ...floatingWidgetArgs,
+    });
+    return (0, immer_1.produce)(state, (stateDraft) => {
+        stateDraft.floatingWidgets.byId[id] = floatingWidget;
+        stateDraft.floatingWidgets.allIds.push(id);
+    });
+}
+exports.addFloatingWidget = addFloatingWidget;
+/** @internal */
+function addPopoutWidget(state, id, tabs, popoutWidgetArgs, widgetArgs) {
+    if (tabs.length !== 1)
+        throw new appui_abstract_1.UiError(NineZoneStateHelpers_1.category, "Popout widget should contain one tab only", undefined, () => ({ tabs }));
+    const popoutWidget = createPopoutWidgetState(id, popoutWidgetArgs);
+    state = addWidgetState(state, id, tabs, widgetArgs);
+    return (0, immer_1.produce)(state, (stateDraft) => {
+        stateDraft.popoutWidgets.byId[id] = popoutWidget;
+        stateDraft.popoutWidgets.allIds.push(id);
+    });
+}
+exports.addPopoutWidget = addPopoutWidget;
+/** @internal */
+function floatingWidgetBringToFront(state, floatingWidgetId) {
+    return (0, immer_1.produce)(state, (draft) => {
+        const idIndex = draft.floatingWidgets.allIds.indexOf(floatingWidgetId);
+        const spliced = draft.floatingWidgets.allIds.splice(idIndex, 1);
+        draft.floatingWidgets.allIds.push(spliced[0]);
+    });
+}
+exports.floatingWidgetBringToFront = floatingWidgetBringToFront;
+//# sourceMappingURL=WidgetStateHelpers.js.map

package/lib/cjs/appui-react/layout/state/internal/WidgetStateHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetStateHelpers.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/state/internal/WidgetStateHelpers.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 { castDraft, produce } from \"immer\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { RectangleProps } from \"@itwin/core-react\";\nimport { Point, Rectangle } from \"@itwin/core-react\";\nimport type { NineZoneState } from \"../NineZoneState\";\nimport type {\n  FloatingWidgetState,\n  PopoutWidgetState,\n  WidgetState,\n} from \"../WidgetState\";\nimport { getTabLocation } from \"../TabLocation\";\nimport type { PanelWidgetLocation } from \"../WidgetLocation\";\nimport {\n  getWidgetLocation,\n  isFloatingWidgetLocation,\n  isPanelWidgetLocation,\n  isPopoutWidgetLocation,\n} from \"../WidgetLocation\";\nimport {\n  category,\n  initSizeProps,\n  setRectangleProps,\n  toRectangleProps,\n} from \"./NineZoneStateHelpers\";\nimport { updatePanelState } from \"./PanelStateHelpers\";\nimport { updateTabState } from \"./TabStateHelpers\";\n\n/** @internal */\nexport function createWidgetState(\n  id: WidgetState[\"id\"],\n  tabs: WidgetState[\"tabs\"],\n  args?: Partial<WidgetState>\n): WidgetState {\n  if (tabs.length === 0)\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(category, \"Widget must contain tabs\");\n  return {\n    activeTabId: tabs[0],\n    minimized: false,\n    ...args,\n    id,\n    tabs,\n  };\n}\n\n/** @internal */\nexport function updateWidgetState(\n  state: NineZoneState,\n  id: WidgetState[\"id\"],\n  args: Partial<WidgetState>\n) {\n  return produce(state, (draft) => {\n    const widget = getWidgetState(draft, id);\n    draft.widgets[id] = {\n      ...widget,\n      ...castDraft(args),\n    };\n  });\n}\n\n/** @internal */\nexport function addWidgetState(\n  state: NineZoneState,\n  id: WidgetState[\"id\"],\n  tabs: WidgetState[\"tabs\"],\n  args?: Partial<WidgetState>\n) {\n  // eslint-disable-next-line deprecation/deprecation\n  if (id in state.widgets) throw new UiError(category, \"Widget already exists\");\n\n  const widget = createWidgetState(id, tabs, args);\n  for (const tabId of widget.tabs) {\n    if (!(tabId in state.tabs))\n      // eslint-disable-next-line deprecation/deprecation\n      throw new UiError(category, \"Tab does not exist\", undefined, () => ({\n        tabId,\n      }));\n\n    const location = getTabLocation(state, tabId);\n    if (location)\n      // eslint-disable-next-line deprecation/deprecation\n      throw new UiError(\n        category,\n        \"Tab is already in a widget\",\n        undefined,\n        () => ({ tabId, widgetId: location.widgetId })\n      );\n  }\n  return produce(state, (draft) => {\n    draft.widgets[id] = castDraft(widget);\n  });\n}\n\n/** @internal */\nexport function removeWidget(\n  state: NineZoneState,\n  id: WidgetState[\"id\"]\n): NineZoneState {\n  const location = getWidgetLocation(state, id);\n  // eslint-disable-next-line deprecation/deprecation\n  if (!location) throw new UiError(category, \"Widget not found\");\n\n  if (isFloatingWidgetLocation(location))\n    return removeFloatingWidget(state, id);\n  if (isPopoutWidgetLocation(location)) return removePopoutWidget(state, id);\n  return removePanelWidget(state, id, location);\n}\n\n/** @internal */\nexport function removeWidgetState(\n  state: NineZoneState,\n  id: WidgetState[\"id\"]\n): NineZoneState {\n  assertWidgetState(state, id);\n  return produce(state, (draft) => {\n    delete draft.widgets[id];\n  });\n}\n\n/** @internal */\nexport function createFloatingWidgetState(\n  id: FloatingWidgetState[\"id\"],\n  args?: Partial<FloatingWidgetState>\n): FloatingWidgetState {\n  const bounds = toRectangleProps(args?.bounds);\n  return {\n    home: {\n      side: \"left\",\n      widgetId: \"\",\n      widgetIndex: 0,\n    },\n    ...args,\n    bounds,\n    id,\n  };\n}\n\n/** @internal */\nexport function createPopoutWidgetState(\n  id: PopoutWidgetState[\"id\"],\n  args?: Partial<PopoutWidgetState>\n): PopoutWidgetState {\n  const bounds = toRectangleProps(args?.bounds);\n  const home: PopoutWidgetState[\"home\"] = args?.home\n    ? args.home\n    : {\n        side: \"left\",\n        widgetId: \"\",\n        widgetIndex: 0,\n      };\n  return {\n    ...args,\n    home,\n    bounds,\n    id,\n  };\n}\n\n/** @internal */\nexport function updateFloatingWidgetState(\n  state: NineZoneState,\n  id: FloatingWidgetState[\"id\"],\n  args: Partial<FloatingWidgetState>\n) {\n  if (!(id in state.floatingWidgets.byId))\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(category, \"Floating widget does not exist\");\n\n  return produce(state, (draft) => {\n    const floatingWidget = draft.floatingWidgets.byId[id];\n    const { bounds, ...other } = args;\n    draft.floatingWidgets.byId[id] = {\n      ...floatingWidget,\n      ...other,\n    };\n    if (bounds) setRectangleProps(floatingWidget.bounds, bounds);\n  });\n}\n\n/** Removes floating widget from the UI and deletes the widget state.\n * @internal\n */\nexport function removeFloatingWidget(\n  state: NineZoneState,\n  id: FloatingWidgetState[\"id\"]\n): NineZoneState {\n  if (!(id in state.floatingWidgets.byId))\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(category, \"Floating widget does not exist\");\n\n  state = produce(state, (draft) => {\n    delete draft.floatingWidgets.byId[id];\n    const idIndex = draft.floatingWidgets.allIds.indexOf(id);\n    draft.floatingWidgets.allIds.splice(idIndex, 1);\n  });\n  return removeWidgetState(state, id);\n}\n\n/** Removes popout widget from the UI and deletes the widget state.\n * @internal\n */\nexport function removePopoutWidget(\n  state: NineZoneState,\n  id: PopoutWidgetState[\"id\"]\n) {\n  if (!(id in state.popoutWidgets.byId))\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(category, \"Popout widget does not exist\");\n\n  state = produce(state, (draft) => {\n    delete draft.popoutWidgets.byId[id];\n    const index = state.popoutWidgets.allIds.indexOf(id);\n    draft.popoutWidgets.allIds.splice(index, 1);\n  });\n  return removeWidgetState(state, id);\n}\n\n/** @internal */\nexport function removePanelWidget(\n  state: NineZoneState,\n  id: WidgetState[\"id\"],\n  location?: PanelWidgetLocation\n): NineZoneState {\n  location = location || findPanelWidget(state, id);\n  // eslint-disable-next-line deprecation/deprecation\n  if (!location) throw new UiError(category, \"Panel widget not found\");\n\n  state = updatePanelState(state, location.side, (draft) => {\n    assert(!!location);\n    draft.widgets.splice(location.index, 1);\n  });\n\n  const widgets = state.panels[location.side].widgets;\n  const expandedWidget = widgets.find((widgetId) => {\n    const widget = getWidgetState(state, widgetId);\n    return !widget.minimized;\n  });\n  if (!expandedWidget && widgets.length > 0) {\n    const firstWidgetId = widgets[0];\n    state = updateWidgetState(state, firstWidgetId, {\n      minimized: false,\n    });\n  }\n\n  return removeWidgetState(state, id);\n}\n\nfunction findPanelWidget(state: NineZoneState, id: WidgetState[\"id\"]) {\n  const location = getWidgetLocation(state, id);\n  if (location && isPanelWidgetLocation(location)) return location;\n  return undefined;\n}\n\n/** @internal */\nexport function assertWidgetState(state: NineZoneState, id: WidgetState[\"id\"]) {\n  if (!(id in state.widgets))\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(category, \"Widget does not exist\", undefined, () => ({\n      id,\n    }));\n}\n\n/** @internal */\nexport function getWidgetState<T extends NineZoneState>(\n  state: T,\n  id: WidgetState[\"id\"]\n): T[\"widgets\"][0] {\n  assertWidgetState(state, id);\n  return state.widgets[id] as T[\"widgets\"][0];\n}\n\n/** @internal */\nexport function setWidgetActiveTabId(\n  state: NineZoneState,\n  widgetId: WidgetState[\"id\"],\n  tabId: WidgetState[\"activeTabId\"]\n): NineZoneState {\n  const widget = getWidgetState(state, widgetId);\n  if (!widget.tabs.includes(tabId))\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(category, \"Tab is not in a widget\");\n\n  state = updateWidgetState(state, widgetId, {\n    activeTabId: tabId,\n  });\n\n  const floatingWidget = state.floatingWidgets.byId[widgetId];\n  if (floatingWidget) {\n    const activeTab = state.tabs[tabId];\n    const preferredFloatingWidgetSize = Rectangle.create(\n      floatingWidget.bounds\n    ).getSize();\n    state = updateTabState(state, activeTab.id, (draft) => {\n      initSizeProps(\n        draft,\n        \"preferredFloatingWidgetSize\",\n        preferredFloatingWidgetSize\n      );\n    });\n  }\n  return state;\n}\n\n/** @internal */\nexport function getNewFloatingWidgetBounds(\n  state: NineZoneState\n): RectangleProps {\n  // Matches min size (to handle auto-sized floating widgets correctly).\n  const size = { height: 120, width: 200 };\n  const initialPosition = new Point(360, 340);\n\n  const nzBounds = Rectangle.createFromSize(state.size);\n  const widgetsBounds = nzBounds.inset(20, 20, 20, 20);\n  const offset = new Point(40, 40);\n\n  let bounds = Rectangle.createFromSize(size);\n  if (state.floatingWidgets.allIds.length === 0) {\n    // Initial floating widget position.\n    bounds = bounds.offset(initialPosition);\n  } else {\n    // Position is relative to last floating widget if available.\n    const widgetId =\n      state.floatingWidgets.allIds[state.floatingWidgets.allIds.length - 1];\n    const widget = state.floatingWidgets.byId[widgetId];\n    const widgetBounds = Rectangle.create(widget.bounds);\n\n    // Bounds relative to top left of a last floating widget.\n    const topLeft = widgetBounds.topLeft().offset(offset);\n    bounds = bounds.offset(topLeft);\n\n    // Bottom right of new bounds should also be outside of a floating widget.\n    const widgetBottomRight = new Point(\n      widgetBounds.right,\n      widgetBounds.bottom\n    );\n    const minBottomRight = widgetBottomRight.offset(offset);\n    const x = Math.max(0, minBottomRight.x - bounds.right);\n    const y = Math.max(0, minBottomRight.y - bounds.bottom);\n    bounds = bounds.offset({ x, y });\n  }\n\n  // TODO: might still end up with a bunch of overlapping widgets.\n  if (bounds.bottom >= widgetsBounds.bottom) {\n    bounds = bounds.setPosition({ x: bounds.left, y: widgetsBounds.top });\n  }\n  if (bounds.right >= widgetsBounds.right) {\n    bounds = bounds.setPosition({\n      x: widgetsBounds.left,\n      y: widgetsBounds.top,\n    });\n  }\n  bounds = bounds.containIn(widgetsBounds);\n  return bounds.toProps();\n}\n\n/** @internal */\nexport function addFloatingWidget(\n  state: NineZoneState,\n  id: FloatingWidgetState[\"id\"],\n  tabs: WidgetState[\"tabs\"],\n  floatingWidgetArgs?: Partial<FloatingWidgetState>,\n  widgetArgs?: Partial<WidgetState>\n): NineZoneState {\n  if (id in state.floatingWidgets.byId)\n    throw new UiError(category, \"Floating widget already exists\");\n\n  state = addWidgetState(state, id, tabs, widgetArgs);\n\n  let bounds = floatingWidgetArgs?.bounds;\n  if (!bounds) {\n    bounds = getNewFloatingWidgetBounds(state);\n  }\n\n  const tabId = tabs[0];\n  const tab = state.tabs[tabId];\n  const resizable = tab.isFloatingWidgetResizable;\n\n  const floatingWidget = createFloatingWidgetState(id, {\n    bounds,\n    resizable,\n    ...floatingWidgetArgs,\n  });\n  return produce(state, (stateDraft) => {\n    stateDraft.floatingWidgets.byId[id] = floatingWidget;\n    stateDraft.floatingWidgets.allIds.push(id);\n  });\n}\n\n/** @internal */\nexport function addPopoutWidget(\n  state: NineZoneState,\n  id: PopoutWidgetState[\"id\"],\n  tabs: WidgetState[\"tabs\"],\n  popoutWidgetArgs?: Partial<PopoutWidgetState>,\n  widgetArgs?: Partial<WidgetState>\n): NineZoneState {\n  if (tabs.length !== 1)\n    throw new UiError(\n      category,\n      \"Popout widget should contain one tab only\",\n      undefined,\n      () => ({ tabs })\n    );\n\n  const popoutWidget = createPopoutWidgetState(id, popoutWidgetArgs);\n  state = addWidgetState(state, id, tabs, widgetArgs);\n  return produce(state, (stateDraft) => {\n    stateDraft.popoutWidgets.byId[id] = popoutWidget;\n    stateDraft.popoutWidgets.allIds.push(id);\n  });\n}\n\n/** @internal */\nexport function floatingWidgetBringToFront(\n  state: NineZoneState,\n  floatingWidgetId: FloatingWidgetState[\"id\"]\n): NineZoneState {\n  return produce(state, (draft) => {\n    const idIndex = draft.floatingWidgets.allIds.indexOf(floatingWidgetId);\n    const spliced = draft.floatingWidgets.allIds.splice(idIndex, 1);\n    draft.floatingWidgets.allIds.push(spliced[0]);\n  });\n}\n"]}

package/lib/cjs/appui-react/layout/target/MergeTarget.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./MergeTarget.scss";
+import * as React from "react";
+import type { WidgetState } from "../state/WidgetState";
+/** @internal */
+export interface MergeTargetProps {
+    widgetId: WidgetState["id"];
+}
+/** @internal */
+export declare function MergeTarget(props: MergeTargetProps): React.JSX.Element;
+//# sourceMappingURL=MergeTarget.d.ts.map

package/lib/cjs/appui-react/layout/target/MergeTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/MergeTarget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,gBAAgB;AAChB,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAqBlD"}

package/lib/cjs/appui-react/layout/target/MergeTarget.js

@@ -0,0 +1,47 @@
+"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 Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MergeTarget = void 0;
+require("./MergeTarget.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const DragManager_1 = require("../base/DragManager");
+const NineZone_1 = require("../base/NineZone");
+const CursorOverlay_1 = require("../widget-panels/CursorOverlay");
+const useAllowedWidgetTarget_1 = require("./useAllowedWidgetTarget");
+const LayoutStore_1 = require("../base/LayoutStore");
+/** @internal */
+function MergeTarget(props) {
+    const { widgetId } = props;
+    const cursorType = React.useContext(NineZone_1.CursorTypeContext);
+    const draggedWidgetId = React.useContext(DragManager_1.DraggedWidgetIdContext);
+    const draggedTab = (0, LayoutStore_1.useLayout)((state) => !!state.draggedTab);
+    const [ref, targeted] = (0, DragManager_1.useTarget)(useTargetArgs(widgetId));
+    const allowedTarget = (0, useAllowedWidgetTarget_1.useAllowedWidgetTarget)(widgetId);
+    // istanbul ignore next
+    const hidden = !allowedTarget ||
+        (!draggedTab && !draggedWidgetId) ||
+        draggedWidgetId === widgetId;
+    const className = (0, classnames_1.default)("nz-target-mergeTarget", 
+    // istanbul ignore next
+    targeted && "nz-targeted", hidden && "nz-hidden", 
+    // istanbul ignore next
+    cursorType && (0, CursorOverlay_1.getCursorClassName)(cursorType));
+    return React.createElement("div", { className: className, ref: ref });
+}
+exports.MergeTarget = MergeTarget;
+function useTargetArgs(widgetId) {
+    return React.useMemo(() => {
+        return {
+            type: "widget",
+            widgetId,
+        };
+    }, [widgetId]);
+}
+//# sourceMappingURL=MergeTarget.js.map

package/lib/cjs/appui-react/layout/target/MergeTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/MergeTarget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAC/B,qDAAwE;AACxE,+CAAqD;AACrD,kEAAoE;AAGpE,qEAAkE;AAClE,qDAAgD;AAOhD,gBAAgB;AAChB,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAiB,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAsB,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAA,uBAAS,EAAiB,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,IAAA,+CAAsB,EAAC,QAAQ,CAAC,CAAC;IACvD,uBAAuB;IACvB,MAAM,MAAM,GACV,CAAC,aAAa;QACd,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC;QACjC,eAAe,KAAK,QAAQ,CAAC;IAC/B,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,uBAAuB;IACvB,uBAAuB;IACvB,QAAQ,IAAI,aAAa,EACzB,MAAM,IAAI,WAAW;IACrB,uBAAuB;IACvB,UAAU,IAAI,IAAA,kCAAkB,EAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACjD,CAAC;AArBD,kCAqBC;AAED,SAAS,aAAa,CAAC,QAA2B;IAChD,OAAO,KAAK,CAAC,OAAO,CAAwB,GAAG,EAAE;QAC/C,OAAO;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ;SACT,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport \"./MergeTarget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { DraggedWidgetIdContext, useTarget } from \"../base/DragManager\";\nimport { CursorTypeContext } from \"../base/NineZone\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport type { WidgetDropTargetState } from \"../state/DropTargetState\";\nimport { useAllowedWidgetTarget } from \"./useAllowedWidgetTarget\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** @internal */\nexport interface MergeTargetProps {\n  widgetId: WidgetState[\"id\"];\n}\n\n/** @internal */\nexport function MergeTarget(props: MergeTargetProps) {\n  const { widgetId } = props;\n  const cursorType = React.useContext(CursorTypeContext);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const [ref, targeted] = useTarget<HTMLDivElement>(useTargetArgs(widgetId));\n  const allowedTarget = useAllowedWidgetTarget(widgetId);\n  // istanbul ignore next\n  const hidden =\n    !allowedTarget ||\n    (!draggedTab && !draggedWidgetId) ||\n    draggedWidgetId === widgetId;\n  const className = classnames(\n    \"nz-target-mergeTarget\",\n    // istanbul ignore next\n    targeted && \"nz-targeted\",\n    hidden && \"nz-hidden\",\n    // istanbul ignore next\n    cursorType && getCursorClassName(cursorType)\n  );\n  return <div className={className} ref={ref} />;\n}\n\nfunction useTargetArgs(widgetId: WidgetState[\"id\"]) {\n  return React.useMemo<WidgetDropTargetState>(() => {\n    return {\n      type: \"widget\",\n      widgetId,\n    };\n  }, [widgetId]);\n}\n"]}

package/lib/cjs/appui-react/layout/target/MergeTarget.scss

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-target-mergeTarget {
+  @include nz-widget-target;
+
+  &.nz-hidden {
+    display: none;
+  }
+
+  &.nz-targeted {
+    @include nz-targeted-widget-target;
+  }
+}

package/lib/cjs/appui-react/layout/target/PanelTarget.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./PanelTarget.scss";
+import * as React from "react";
+import type { PanelSide } from "../widget-panels/PanelTypes";
+/** @internal */
+export interface PanelTargetProps {
+    side: PanelSide;
+}
+/** @internal */
+export declare function PanelTarget(props: PanelTargetProps): React.JSX.Element;
+//# sourceMappingURL=PanelTarget.d.ts.map

package/lib/cjs/appui-react/layout/target/PanelTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/PanelTarget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAK7D,gBAAgB;AAChB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAyBlD"}

package/lib/cjs/appui-react/layout/target/PanelTarget.js

@@ -0,0 +1,45 @@
+"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 WidgetPanels
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelTarget = void 0;
+require("./PanelTarget.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const DragManager_1 = require("../base/DragManager");
+const NineZone_1 = require("../base/NineZone");
+const CursorOverlay_1 = require("../widget-panels/CursorOverlay");
+const Panel_1 = require("../widget-panels/Panel");
+const useAllowedPanelTarget_1 = require("./useAllowedPanelTarget");
+const LayoutStore_1 = require("../base/LayoutStore");
+/** @internal */
+function PanelTarget(props) {
+    const { side } = props;
+    const cursorType = React.useContext(NineZone_1.CursorTypeContext);
+    const draggedWidgetId = React.useContext(DragManager_1.DraggedWidgetIdContext);
+    const draggedTab = (0, LayoutStore_1.useLayout)((state) => !!state.draggedTab);
+    const allowedTarget = (0, useAllowedPanelTarget_1.useAllowedPanelTarget)();
+    const newWidgetId = React.useMemo(() => (0, NineZone_1.getUniqueId)(), []);
+    const [ref, targeted] = (0, DragManager_1.usePanelTarget)({
+        side,
+        newWidgetId,
+    });
+    // istanbul ignore next
+    const visible = (draggedTab || !!draggedWidgetId) && allowedTarget;
+    const isHorizontal = (0, Panel_1.isHorizontalPanelSide)(side);
+    const className = (0, classnames_1.default)("nz-target-panelTarget", 
+    // istanbul ignore next
+    isHorizontal ? "nz-horizontal" : "nz-vertical", 
+    // istanbul ignore next
+    targeted && "nz-targeted", !visible && "nz-hidden", 
+    // istanbul ignore next
+    cursorType && (0, CursorOverlay_1.getCursorClassName)(cursorType));
+    return React.createElement("div", { className: className, ref: ref });
+}
+exports.PanelTarget = PanelTarget;
+//# sourceMappingURL=PanelTarget.js.map

package/lib/cjs/appui-react/layout/target/PanelTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/PanelTarget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAC/B,qDAA6E;AAC7E,+CAAkE;AAClE,kEAAoE;AAEpE,kDAA+D;AAC/D,mEAAgE;AAChE,qDAAgD;AAOhD,gBAAgB;AAChB,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAiB,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAsB,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,IAAA,6CAAqB,GAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,sBAAW,GAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAc,EAAiB;QACrD,IAAI;QACJ,WAAW;KACZ,CAAC,CAAC;IACH,uBAAuB;IACvB,MAAM,OAAO,GAAG,CAAC,UAAU,IAAI,CAAC,CAAC,eAAe,CAAC,IAAI,aAAa,CAAC;IACnE,MAAM,YAAY,GAAG,IAAA,6BAAqB,EAAC,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,uBAAuB;IACvB,uBAAuB;IACvB,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;IAC9C,uBAAuB;IACvB,QAAQ,IAAI,aAAa,EACzB,CAAC,OAAO,IAAI,WAAW;IACvB,uBAAuB;IACvB,UAAU,IAAI,IAAA,kCAAkB,EAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACjD,CAAC;AAzBD,kCAyBC","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 WidgetPanels\n */\n\nimport \"./PanelTarget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { DraggedWidgetIdContext, usePanelTarget } from \"../base/DragManager\";\nimport { CursorTypeContext, getUniqueId } from \"../base/NineZone\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes\";\nimport { isHorizontalPanelSide } from \"../widget-panels/Panel\";\nimport { useAllowedPanelTarget } from \"./useAllowedPanelTarget\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** @internal */\nexport interface PanelTargetProps {\n  side: PanelSide;\n}\n\n/** @internal */\nexport function PanelTarget(props: PanelTargetProps) {\n  const { side } = props;\n  const cursorType = React.useContext(CursorTypeContext);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const allowedTarget = useAllowedPanelTarget();\n  const newWidgetId = React.useMemo(() => getUniqueId(), []);\n  const [ref, targeted] = usePanelTarget<HTMLDivElement>({\n    side,\n    newWidgetId,\n  });\n  // istanbul ignore next\n  const visible = (draggedTab || !!draggedWidgetId) && allowedTarget;\n  const isHorizontal = isHorizontalPanelSide(side);\n  const className = classnames(\n    \"nz-target-panelTarget\",\n    // istanbul ignore next\n    isHorizontal ? \"nz-horizontal\" : \"nz-vertical\",\n    // istanbul ignore next\n    targeted && \"nz-targeted\",\n    !visible && \"nz-hidden\",\n    // istanbul ignore next\n    cursorType && getCursorClassName(cursorType)\n  );\n  return <div className={className} ref={ref} />;\n}\n"]}

package/lib/cjs/appui-react/layout/target/PanelTarget.scss

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-target-panelTarget {
+  $length: 6em;
+
+  @include nz-widget-target;
+
+  &.nz-horizontal {
+    width: $length;
+  }
+
+  &.nz-vertical {
+    height: $length;
+  }
+
+  &.nz-hidden {
+    display: none;
+  }
+
+  &.nz-targeted {
+    @include nz-targeted-widget-target;
+  }
+}

package/lib/cjs/appui-react/layout/target/PanelTargets.d.ts

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./PanelTargets.scss";
+import * as React from "react";
+/** @internal */
+export declare function PanelTargets(): React.JSX.Element;
+//# sourceMappingURL=PanelTargets.d.ts.map

package/lib/cjs/appui-react/layout/target/PanelTargets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTargets.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/PanelTargets.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,gBAAgB;AAChB,wBAAgB,YAAY,sBAyC3B"}

package/lib/cjs/appui-react/layout/target/PanelTargets.js

@@ -0,0 +1,67 @@
+"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 WidgetPanels
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelTargets = void 0;
+require("./PanelTargets.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const TargetContainer_1 = require("./TargetContainer");
+const PanelTarget_1 = require("./PanelTarget");
+const SectionTarget_1 = require("./SectionTarget");
+const MergeTarget_1 = require("./MergeTarget");
+const PanelState_1 = require("../state/PanelState");
+const Panel_1 = require("../widget-panels/Panel");
+const LayoutStore_1 = require("../base/LayoutStore");
+/** @internal */
+function PanelTargets() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    (0, core_bentley_1.assert)(!!side);
+    const widgets = (0, LayoutStore_1.useLayout)((state) => state.panels[side].widgets, true);
+    const span = (0, LayoutStore_1.useLayout)((state) => {
+        const panel = state.panels[side];
+        return (0, PanelState_1.isHorizontalPanelState)(panel) && panel.span;
+    });
+    const direction = (0, SectionTarget_1.useTargetDirection)();
+    const type = usePanelTargetsType();
+    const className = (0, classnames_1.default)("nz-target-panelTargets", `nz-${side}`, type === "two-widgets" && "nz-wide", span && "nz-span");
+    let targets;
+    if (type === "no-panel") {
+        targets = React.createElement(PanelTarget_1.PanelTarget, { side: side });
+    }
+    else if (type === "single-widget") {
+        targets = (React.createElement(React.Fragment, null,
+            React.createElement(SectionTarget_1.SectionTarget, { sectionIndex: 0 }),
+            React.createElement(MergeTarget_1.MergeTarget, { widgetId: widgets[0] }),
+            React.createElement(SectionTarget_1.SectionTarget, { sectionIndex: 1 })));
+    }
+    else if (type === "two-widgets") {
+        targets = (React.createElement(React.Fragment, null,
+            React.createElement(MergeTarget_1.MergeTarget, { widgetId: widgets[0] }),
+            React.createElement(MergeTarget_1.MergeTarget, { widgetId: widgets[1] })));
+    }
+    return (React.createElement(TargetContainer_1.TargetContainer, { className: className, direction: direction }, targets));
+}
+exports.PanelTargets = PanelTargets;
+function usePanelTargetsType() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    (0, core_bentley_1.assert)(!!side);
+    return (0, LayoutStore_1.useLayout)((state) => {
+        const panel = state.panels[side];
+        if (panel.widgets.length === 0)
+            return "no-panel";
+        if (!panel.collapsed)
+            return "hidden";
+        if (panel.widgets.length === 2)
+            return "two-widgets";
+        (0, core_bentley_1.assert)(panel.widgets.length === 1);
+        return "single-widget";
+    });
+}
+//# sourceMappingURL=PanelTargets.js.map