@itwin/appui-react 4.17.0 → 5.0.0-dev.2

package/lib/appui-react/layout/base/DragManager.js

@@ -0,0 +1,475 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 * as React from "react";
+import { isEqual } from "lodash";
+import { BeEvent } from "@itwin/core-bentley";
+import { Point } from "@itwin/core-react/internal";
+import { getUniqueId } from "./NineZone.js";
+import { isTabDragDropTargetState, isWidgetDragDropTargetState, } from "../state/DropTargetState.js";
+/** @internal */
+export function useDragTab(args) {
+    const { tabId, onDrag, onDragEnd } = args;
+    const item = React.useMemo(() => {
+        return {
+            type: "tab",
+            id: tabId,
+        };
+    }, [tabId]);
+    const handleDrag = React.useCallback((_item, info) => {
+        const dragBy = info.lastPointerPosition.getOffsetTo(info.pointerPosition);
+        onDrag && onDrag(dragBy);
+    }, [onDrag]);
+    const handleDragEnd = React.useCallback((_item, info, target) => {
+        if (!onDragEnd)
+            return;
+        let tabTarget;
+        if (target && isTabDragDropTargetState(target)) {
+            tabTarget = target;
+        }
+        else {
+            const tabInfo = info;
+            const newFloatingWidgetId = getUniqueId();
+            const size = tabInfo.widgetSize;
+            tabTarget = {
+                type: "floatingWidget",
+                newFloatingWidgetId,
+                size,
+            };
+        }
+        onDragEnd(tabTarget);
+    }, [onDragEnd]);
+    const onDragStart = useDragItem({
+        item,
+        onDrag: handleDrag,
+        onDragEnd: handleDragEnd,
+    });
+    const handleDragStart = React.useCallback(({ initialPointerPosition, pointerPosition, widgetSize, }) => {
+        onDragStart({
+            initialPointerPosition,
+            pointerPosition,
+            lastPointerPosition: initialPointerPosition,
+            widgetSize,
+        });
+    }, [onDragStart]);
+    return handleDragStart;
+}
+/** @internal */
+export function useDragWidget(args) {
+    const { widgetId, onDragStart, onDrag, onDragEnd } = args;
+    const dragManager = React.useContext(DragManagerContext);
+    const widgetItem = React.useMemo(() => {
+        return {
+            type: "widget",
+            id: widgetId,
+        };
+    }, [widgetId]);
+    const handleDragStart = React.useCallback((_item, info) => {
+        onDragStart &&
+            onDragStart((id) => {
+                dragManager.handleDragUpdate({
+                    type: "widget",
+                    id,
+                });
+            }, info.initialPointerPosition, info.pointerPosition);
+    }, [dragManager, onDragStart]);
+    const handleDrag = React.useCallback((_item, info) => {
+        const dragBy = info.lastPointerPosition.getOffsetTo(info.pointerPosition);
+        onDrag && onDrag(dragBy);
+    }, [onDrag]);
+    const handleDragEnd = React.useCallback((_item, _info, target) => {
+        if (!onDragEnd)
+            return;
+        let widgetTarget;
+        if (target && isWidgetDragDropTargetState(target)) {
+            widgetTarget = target;
+        }
+        else {
+            widgetTarget = {
+                type: "window",
+            };
+        }
+        onDragEnd(widgetTarget);
+    }, [onDragEnd]);
+    const isDragItem = React.useCallback((item, dragged) => {
+        return !!item && defaultIsDragItem(item, dragged);
+    }, []);
+    const onItemDragStart = useDragItem({
+        item: widgetItem,
+        isDragItem,
+        onDragStart: handleDragStart,
+        onDrag: handleDrag,
+        onDragEnd: handleDragEnd,
+    });
+    const handleWidgetDragStart = React.useCallback(({ initialPointerPosition, pointerPosition }) => {
+        onItemDragStart({
+            initialPointerPosition,
+            pointerPosition,
+            lastPointerPosition: initialPointerPosition,
+        });
+    }, [onItemDragStart]);
+    return handleWidgetDragStart;
+}
+/** @internal */
+export function useDragPanelGrip(args) {
+    const { side, onDrag, onDragEnd } = args;
+    const gripItem = React.useMemo(() => {
+        return {
+            type: "panelGrip",
+            id: side,
+        };
+    }, [side]);
+    const handleDrag = React.useCallback((_item, info) => {
+        onDrag && onDrag(info.pointerPosition, info.lastPointerPosition);
+    }, [onDrag]);
+    const handleDragEnd = React.useCallback(() => {
+        onDragEnd && onDragEnd();
+    }, [onDragEnd]);
+    const onItemDragStart = useDragItem({
+        item: gripItem,
+        onDrag: handleDrag,
+        onDragEnd: handleDragEnd,
+    });
+    const handleDragStart = React.useCallback(({ initialPointerPosition }) => {
+        onItemDragStart({
+            initialPointerPosition,
+            pointerPosition: initialPointerPosition,
+            lastPointerPosition: initialPointerPosition,
+        });
+    }, [onItemDragStart]);
+    return handleDragStart;
+}
+/** @internal */
+export function useDragResizeHandle(args) {
+    const { handle, onDrag, widgetId } = args;
+    const resizeHandleItem = React.useMemo(() => {
+        return {
+            type: "resizeHandle",
+            id: handle,
+            widgetId,
+        };
+    }, [handle, widgetId]);
+    const isDragItem = React.useCallback((item, draggedItem) => {
+        return (!!item &&
+            isResizeHandleDragItem(draggedItem) &&
+            defaultIsDragItem(item, draggedItem) &&
+            item.widgetId === draggedItem.widgetId);
+    }, []);
+    const handleDrag = React.useCallback((_item, info) => {
+        onDrag && onDrag(info.pointerPosition);
+    }, [onDrag]);
+    const onItemDragStart = useDragItem({
+        item: resizeHandleItem,
+        isDragItem,
+        onDrag: handleDrag,
+    });
+    const handleDragStart = React.useCallback(({ initialPointerPosition }) => {
+        onItemDragStart({
+            initialPointerPosition,
+            pointerPosition: initialPointerPosition,
+            lastPointerPosition: initialPointerPosition,
+        });
+    }, [onItemDragStart]);
+    return handleDragStart;
+}
+/** @internal */
+export function useDragToolSettings(args) {
+    const { newFloatingWidgetId } = args;
+    const item = React.useMemo(() => {
+        return {
+            type: "widget",
+            id: newFloatingWidgetId,
+        };
+    }, [newFloatingWidgetId]);
+    const onDragStart = useDragItem({
+        item,
+    });
+    const handleDragStart = React.useCallback(({ initialPointerPosition }) => {
+        onDragStart({
+            initialPointerPosition,
+            pointerPosition: initialPointerPosition,
+            lastPointerPosition: initialPointerPosition,
+        });
+    }, [onDragStart]);
+    return handleDragStart;
+}
+/** @internal */
+export function useTarget(target) {
+    const dragManager = React.useContext(DragManagerContext);
+    const [targeted, setTargeted] = React.useState(false);
+    const targetedRef = React.useRef(false);
+    const onTargeted = React.useCallback((doTarget) => {
+        const isTargeted = dragManager.isTargeted(target);
+        if (doTarget && !isTargeted) {
+            dragManager.handleTargetChanged(target);
+        }
+        else if (!doTarget && isTargeted) {
+            dragManager.handleTargetChanged(undefined);
+        }
+        setTargeted(doTarget);
+    }, [dragManager, target]);
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        return dragManager.onDrag.addListener((_item, info) => {
+            const targetedElement = document.elementFromPoint(info.pointerPosition.x, info.pointerPosition.y);
+            const newTargeted = targetedElement === ref.current;
+            newTargeted !== targetedRef.current && onTargeted(newTargeted);
+            targetedRef.current = newTargeted;
+        });
+    }, [onTargeted, dragManager]);
+    React.useEffect(() => {
+        return dragManager.onDragEnd.addListener(() => {
+            targetedRef.current && onTargeted(false);
+            targetedRef.current = false;
+        });
+    }, [onTargeted, dragManager]);
+    return [ref, targeted];
+}
+/** @internal */
+export function useTabTarget(args) {
+    const { tabIndex, widgetId } = args;
+    const target = React.useMemo(() => ({
+        type: "tab",
+        tabIndex,
+        widgetId,
+    }), [tabIndex, widgetId]);
+    return useTarget(target);
+}
+/** @internal */
+export function usePanelTarget(args) {
+    const { side, newWidgetId } = args;
+    const target = React.useMemo(() => ({
+        type: "panel",
+        side,
+        newWidgetId,
+    }), [side, newWidgetId]);
+    return useTarget(target);
+}
+function defaultIsDragItem(item, dragged) {
+    return dragged.type === item.type && dragged.id === item.id;
+}
+/** @internal */
+export function useDragItem(args) {
+    const dragManager = React.useContext(DragManagerContext);
+    const { item, isDragItem, onDragStart, onDrag, onDragEnd } = args;
+    const handleDragStart = React.useCallback((info) => {
+        item &&
+            dragManager.handleDragStart({
+                item,
+                info,
+            });
+    }, [dragManager, item]);
+    React.useEffect(() => {
+        return dragManager.onDragStart.addListener((draggedItem, info, target) => {
+            const handleEvent = isDragItem
+                ? isDragItem(item, draggedItem)
+                : defaultIsDragItem(item, draggedItem);
+            if (!handleEvent)
+                return;
+            onDragStart && onDragStart(draggedItem, info, target);
+        });
+    }, [dragManager, onDragStart, item, isDragItem]);
+    React.useEffect(() => {
+        return dragManager.onDrag.addListener((draggedItem, info, target) => {
+            const handleEvent = isDragItem
+                ? isDragItem(item, draggedItem)
+                : defaultIsDragItem(item, draggedItem);
+            if (!handleEvent)
+                return;
+            onDrag && onDrag(draggedItem, info, target);
+        });
+    }, [dragManager, onDrag, item, isDragItem]);
+    React.useEffect(() => {
+        return dragManager.onDragEnd.addListener((draggedItem, info, target) => {
+            const handleEvent = isDragItem
+                ? isDragItem(item, draggedItem)
+                : defaultIsDragItem(item, draggedItem);
+            if (!handleEvent)
+                return;
+            onDragEnd && onDragEnd(draggedItem, info, target);
+        });
+    }, [dragManager, onDragEnd, item, isDragItem]);
+    return handleDragStart;
+}
+/** @internal */
+export function useDraggedItem() {
+    const dragManager = React.useContext(DragManagerContext);
+    const [draggedItem, setDraggedItem] = React.useState(dragManager.draggedItem?.item);
+    React.useEffect(() => {
+        return dragManager.onDragStart.addListener((item) => {
+            setDraggedItem(item);
+        });
+    }, [dragManager]);
+    React.useEffect(() => {
+        return dragManager.onDragUpdate.addListener((item) => {
+            setDraggedItem(item);
+        });
+    }, [dragManager]);
+    React.useEffect(() => {
+        return dragManager.onDragEnd.addListener(() => {
+            setDraggedItem(undefined);
+        });
+    }, [dragManager]);
+    return draggedItem;
+}
+/** @internal */
+export function useIsDraggedItem(item) {
+    const draggedItem = useDraggedItem();
+    return (!!draggedItem &&
+        draggedItem.id === item.id &&
+        draggedItem.type === item.type);
+}
+/** @internal */
+export function useIsDraggedType(type) {
+    const draggedItem = useDraggedItem();
+    return !!draggedItem && draggedItem.type === type;
+}
+/** @internal */
+export function useDraggedItemId(type) {
+    const draggedItem = useDraggedItem();
+    if (draggedItem && draggedItem.type === type) {
+        return draggedItem.id;
+    }
+    return undefined;
+}
+/** @internal */
+export function DragProvider(props) {
+    const dragManager = React.useRef(new DragManager());
+    React.useEffect(() => {
+        const mouseMove = (e) => {
+            dragManager.current.handleDrag(e.clientX, e.clientY);
+        };
+        document.addEventListener("mousemove", mouseMove);
+        return () => {
+            document.removeEventListener("mousemove", mouseMove);
+        };
+    }, []);
+    React.useEffect(() => {
+        const mouseUp = () => {
+            dragManager.current.handleDragEnd();
+        };
+        document.addEventListener("mouseup", mouseUp);
+        return () => {
+            document.removeEventListener("mouseup", mouseUp);
+        };
+    }, []);
+    return (React.createElement(DragManagerContext.Provider, { value: dragManager.current },
+        React.createElement(DraggedWidgetIdProvider, null,
+            React.createElement(DraggedPanelSideProvider, null,
+                React.createElement(DraggedResizeHandleProvider, null, props.children)))));
+}
+function DraggedWidgetIdProvider(props) {
+    const draggedWidgetId = useDraggedItemId("widget");
+    return (React.createElement(DraggedWidgetIdContext.Provider, { value: draggedWidgetId }, props.children));
+}
+function DraggedPanelSideProvider(props) {
+    const draggedSide = useDraggedItemId("panelGrip");
+    return (React.createElement(DraggedPanelSideContext.Provider, { value: draggedSide }, props.children));
+}
+function DraggedResizeHandleProvider(props) {
+    const draggedHandle = useDraggedItemId("resizeHandle");
+    return (React.createElement(DraggedResizeHandleContext.Provider, { value: draggedHandle }, props.children));
+}
+function isResizeHandleDragItem(item) {
+    return item.type === "resizeHandle";
+}
+/** @internal */
+export class DragManager {
+    constructor() {
+        this._onDragStartEmitter = new BeEvent();
+        this._onDragUpdateEmitter = new BeEvent();
+        this._onDragEmitter = new BeEvent();
+        this._onDragEndEmitter = new BeEvent();
+        this._onTargetChangedEmitter = new BeEvent();
+    }
+    get draggedItem() {
+        return this._dragged;
+    }
+    isTargeted(target) {
+        if (!this._dragged)
+            return false;
+        if (!this._dragged.target)
+            return false;
+        return isEqual(this._dragged.target, target);
+    }
+    get onDragStart() {
+        return this._onDragStartEmitter;
+    }
+    get onDragUpdate() {
+        return this._onDragUpdateEmitter;
+    }
+    get onDrag() {
+        return this._onDragEmitter;
+    }
+    get onDragEnd() {
+        return this._onDragEndEmitter;
+    }
+    get onTargetChanged() {
+        return this._onTargetChangedEmitter;
+    }
+    handleDragStart({ item, info }) {
+        this._dragged = {
+            item,
+            info,
+            target: undefined,
+        };
+        this._onDragStartEmitter.raiseEvent(this._dragged.item, this._dragged.info, this._dragged.target);
+    }
+    handleDragUpdate(item) {
+        if (!this._dragged)
+            return;
+        this._dragged.item = item;
+        this._onDragUpdateEmitter.raiseEvent(this._dragged.item, this._dragged.info, this._dragged.target);
+    }
+    handleDrag(x, y) {
+        if (!this._dragged)
+            return;
+        this._dragged.info.lastPointerPosition = this._dragged.info.pointerPosition;
+        this._dragged.info.pointerPosition = new Point(x, y);
+        this._onDragEmitter.raiseEvent(this._dragged.item, this._dragged.info, this._dragged.target);
+    }
+    handleDragEnd() {
+        if (!this._dragged)
+            return;
+        const item = this._dragged.item;
+        const info = this._dragged.info;
+        const target = this._dragged.target;
+        this._dragged = undefined;
+        this._onDragEndEmitter.raiseEvent(item, info, target);
+        target && this._onTargetChangedEmitter.raiseEvent(undefined);
+    }
+    handleTargetChanged(target) {
+        if (!this._dragged)
+            return;
+        this._dragged.target = target;
+        this._onTargetChangedEmitter.raiseEvent(target);
+    }
+}
+/** @internal */
+export const DragManagerContext = React.createContext(null);
+DragManagerContext.displayName = "nz:DragManagerContext";
+/** @internal */
+export const DraggedWidgetIdContext = React.createContext(undefined);
+DraggedWidgetIdContext.displayName = "nz:DraggedWidgetIdContext";
+/** @internal */
+export const DraggedPanelSideContext = React.createContext(undefined);
+DraggedPanelSideContext.displayName = "nz:DraggedPanelSideContext";
+/** @internal */
+export const DraggedResizeHandleContext = React.createContext(undefined);
+DraggedResizeHandleContext.displayName = "nz:DraggedResizeHandleContext";
+/** @internal */
+export function useTargeted() {
+    const dragManager = React.useContext(DragManagerContext);
+    const [targeted, setTargeted] = React.useState();
+    React.useEffect(() => {
+        return dragManager.onTargetChanged.addListener((t) => {
+            setTargeted(t);
+        });
+    }, [dragManager]);
+    return targeted;
+}
+//# sourceMappingURL=DragManager.js.map

package/lib/appui-react/layout/base/DragManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragManager.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/DragManager.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 Base\n */\nimport * as React from \"react\";\nimport { isEqual } from \"lodash\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes.js\";\nimport type { FloatingWidgetResizeHandle } from \"../widget/FloatingWidget.js\";\nimport type { WidgetState } from \"../state/WidgetState.js\";\nimport type { TabState } from \"../state/TabState.js\";\nimport { getUniqueId } from \"./NineZone.js\";\nimport type { XAndY } from \"../state/internal/NineZoneStateHelpers.js\";\nimport type {\n  DropTargetState,\n  PanelDropTargetState,\n  TabDragDropTargetState,\n  TabDropTargetState,\n  WidgetDragDropTargetState,\n} from \"../state/DropTargetState.js\";\nimport {\n  isTabDragDropTargetState,\n  isWidgetDragDropTargetState,\n} from \"../state/DropTargetState.js\";\nimport type { SizeProps } from \"../../utils/SizeProps.js\";\n\n/** @internal */\nexport interface DragStartArgs {\n  initialPointerPosition: Point;\n  pointerPosition: Point;\n}\n\n/** @internal */\nexport interface TabDragStartArgs extends DragStartArgs {\n  widgetSize: SizeProps;\n}\n\n/** @internal */\nexport interface UseDragTabArgs {\n  tabId: TabState[\"id\"];\n  onDrag?: (dragBy: XAndY) => void;\n  onDragEnd?: (target: TabDragDropTargetState) => void;\n}\n\n/** @internal */\nexport function useDragTab(args: UseDragTabArgs) {\n  const { tabId, onDrag, onDragEnd } = args;\n  const item = React.useMemo<TabDragItem>(() => {\n    return {\n      type: \"tab\",\n      id: tabId,\n    };\n  }, [tabId]);\n  const handleDrag = React.useCallback<DragEventHandler>(\n    (_item, info) => {\n      const dragBy = info.lastPointerPosition.getOffsetTo(info.pointerPosition);\n      onDrag && onDrag(dragBy);\n    },\n    [onDrag]\n  );\n  const handleDragEnd = React.useCallback<DragEventHandler>(\n    (_item, info, target) => {\n      if (!onDragEnd) return;\n\n      let tabTarget: TabDragDropTargetState;\n      if (target && isTabDragDropTargetState(target)) {\n        tabTarget = target;\n      } else {\n        const tabInfo = info as TabDragInfo;\n        const newFloatingWidgetId = getUniqueId();\n        const size = tabInfo.widgetSize;\n        tabTarget = {\n          type: \"floatingWidget\",\n          newFloatingWidgetId,\n          size,\n        };\n      }\n      onDragEnd(tabTarget);\n    },\n    [onDragEnd]\n  );\n  const onDragStart = useDragItem({\n    item,\n    onDrag: handleDrag,\n    onDragEnd: handleDragEnd,\n  });\n  const handleDragStart = React.useCallback(\n    ({\n      initialPointerPosition,\n      pointerPosition,\n      widgetSize,\n    }: TabDragStartArgs) => {\n      onDragStart({\n        initialPointerPosition,\n        pointerPosition,\n        lastPointerPosition: initialPointerPosition,\n        widgetSize,\n      });\n    },\n    [onDragStart]\n  );\n  return handleDragStart;\n}\n\ntype UpdateWidgetDragItemFn = (id: WidgetDragItem[\"id\"]) => void;\n\n/** @internal */\nexport interface UseDragWidgetArgs {\n  widgetId: WidgetState[\"id\"];\n  onDragStart?: (\n    updateWidget: UpdateWidgetDragItemFn,\n    initialPointerPosition: Point,\n    pointerPosition: Point\n  ) => void;\n  onDrag?: (dragBy: Point) => void;\n  onDragEnd?: (target: WidgetDragDropTargetState) => void;\n}\n\n/** @internal */\nexport function useDragWidget(args: UseDragWidgetArgs) {\n  const { widgetId, onDragStart, onDrag, onDragEnd } = args;\n  const dragManager = React.useContext(DragManagerContext);\n  const widgetItem = React.useMemo<WidgetDragItem>(() => {\n    return {\n      type: \"widget\",\n      id: widgetId,\n    };\n  }, [widgetId]);\n  const handleDragStart = React.useCallback<DragEventHandler>(\n    (_item, info) => {\n      onDragStart &&\n        onDragStart(\n          (id) => {\n            dragManager.handleDragUpdate({\n              type: \"widget\",\n              id,\n            });\n          },\n          info.initialPointerPosition,\n          info.pointerPosition\n        );\n    },\n    [dragManager, onDragStart]\n  );\n  const handleDrag = React.useCallback<DragEventHandler>(\n    (_item, info) => {\n      const dragBy = info.lastPointerPosition.getOffsetTo(info.pointerPosition);\n      onDrag && onDrag(dragBy);\n    },\n    [onDrag]\n  );\n  const handleDragEnd = React.useCallback<DragEventHandler>(\n    (_item, _info, target) => {\n      if (!onDragEnd) return;\n\n      let widgetTarget: WidgetDragDropTargetState;\n      if (target && isWidgetDragDropTargetState(target)) {\n        widgetTarget = target;\n      } else {\n        widgetTarget = {\n          type: \"window\",\n        };\n      }\n      onDragEnd(widgetTarget);\n    },\n    [onDragEnd]\n  );\n  const isDragItem = React.useCallback<\n    NonNullable<UseDragItemArgs<WidgetDragItem>[\"isDragItem\"]>\n  >((item, dragged) => {\n    return !!item && defaultIsDragItem(item, dragged);\n  }, []);\n  const onItemDragStart = useDragItem({\n    item: widgetItem,\n    isDragItem,\n    onDragStart: handleDragStart,\n    onDrag: handleDrag,\n    onDragEnd: handleDragEnd,\n  });\n  const handleWidgetDragStart = React.useCallback(\n    ({ initialPointerPosition, pointerPosition }: DragStartArgs) => {\n      onItemDragStart({\n        initialPointerPosition,\n        pointerPosition,\n        lastPointerPosition: initialPointerPosition,\n      });\n    },\n    [onItemDragStart]\n  );\n  return handleWidgetDragStart;\n}\n\n/** @internal */\nexport interface UseDragPanelGripArgs {\n  side: PanelSide;\n  onDrag?: (pointerPosition: Point, lastPointerPosition: Point) => void;\n  onDragEnd?: () => void;\n}\n\n/** @internal */\nexport function useDragPanelGrip(args: UseDragPanelGripArgs) {\n  const { side, onDrag, onDragEnd } = args;\n  const gripItem = React.useMemo<PanelGripDragItem>(() => {\n    return {\n      type: \"panelGrip\",\n      id: side,\n    };\n  }, [side]);\n  const handleDrag = React.useCallback<DragEventHandler>(\n    (_item, info) => {\n      onDrag && onDrag(info.pointerPosition, info.lastPointerPosition);\n    },\n    [onDrag]\n  );\n  const handleDragEnd = React.useCallback<DragEventHandler>(() => {\n    onDragEnd && onDragEnd();\n  }, [onDragEnd]);\n  const onItemDragStart = useDragItem({\n    item: gripItem,\n    onDrag: handleDrag,\n    onDragEnd: handleDragEnd,\n  });\n  const handleDragStart = React.useCallback(\n    ({ initialPointerPosition }: DragStartArgs) => {\n      onItemDragStart({\n        initialPointerPosition,\n        pointerPosition: initialPointerPosition,\n        lastPointerPosition: initialPointerPosition,\n      });\n    },\n    [onItemDragStart]\n  );\n  return handleDragStart;\n}\n\n/** @internal */\nexport interface UseDragResizeHandleArgs {\n  widgetId: WidgetState[\"id\"];\n  handle: FloatingWidgetResizeHandle;\n  onDrag?: (pointerPosition: Point) => void;\n}\n\n/** @internal */\nexport function useDragResizeHandle(args: UseDragResizeHandleArgs) {\n  const { handle, onDrag, widgetId } = args;\n  const resizeHandleItem = React.useMemo<ResizeHandleDragItem>(() => {\n    return {\n      type: \"resizeHandle\",\n      id: handle,\n      widgetId,\n    };\n  }, [handle, widgetId]);\n  const isDragItem = React.useCallback<\n    NonNullable<UseDragItemArgs<ResizeHandleDragItem>[\"isDragItem\"]>\n  >((item, draggedItem) => {\n    return (\n      !!item &&\n      isResizeHandleDragItem(draggedItem) &&\n      defaultIsDragItem(item, draggedItem) &&\n      item.widgetId === draggedItem.widgetId\n    );\n  }, []);\n  const handleDrag = React.useCallback<DragEventHandler>(\n    (_item, info) => {\n      onDrag && onDrag(info.pointerPosition);\n    },\n    [onDrag]\n  );\n  const onItemDragStart = useDragItem<ResizeHandleDragItem>({\n    item: resizeHandleItem,\n    isDragItem,\n    onDrag: handleDrag,\n  });\n  const handleDragStart = React.useCallback(\n    ({ initialPointerPosition }: DragStartArgs) => {\n      onItemDragStart({\n        initialPointerPosition,\n        pointerPosition: initialPointerPosition,\n        lastPointerPosition: initialPointerPosition,\n      });\n    },\n    [onItemDragStart]\n  );\n  return handleDragStart;\n}\n\n/** @internal */\nexport interface UseDragToolSettingsArgs {\n  newFloatingWidgetId: WidgetDragItem[\"id\"];\n}\n\n/** @internal */\nexport function useDragToolSettings(args: UseDragToolSettingsArgs) {\n  const { newFloatingWidgetId } = args;\n  const item = React.useMemo<WidgetDragItem>(() => {\n    return {\n      type: \"widget\",\n      id: newFloatingWidgetId,\n    };\n  }, [newFloatingWidgetId]);\n  const onDragStart = useDragItem({\n    item,\n  });\n  const handleDragStart = React.useCallback(\n    ({ initialPointerPosition }: DragStartArgs) => {\n      onDragStart({\n        initialPointerPosition,\n        pointerPosition: initialPointerPosition,\n        lastPointerPosition: initialPointerPosition,\n      });\n    },\n    [onDragStart]\n  );\n  return handleDragStart;\n}\n\n/** @internal */\nexport function useTarget<T extends Element>(\n  target: DropTargetState\n): [\n  React.Ref<T>,\n  boolean // targeted\n] {\n  const dragManager = React.useContext(DragManagerContext);\n  const [targeted, setTargeted] = React.useState(false);\n  const targetedRef = React.useRef(false);\n  const onTargeted = React.useCallback(\n    (doTarget: boolean) => {\n      const isTargeted = dragManager.isTargeted(target);\n      if (doTarget && !isTargeted) {\n        dragManager.handleTargetChanged(target);\n      } else if (!doTarget && isTargeted) {\n        dragManager.handleTargetChanged(undefined);\n      }\n      setTargeted(doTarget);\n    },\n    [dragManager, target]\n  );\n  const ref = React.useRef<T>(null);\n  React.useEffect(() => {\n    return dragManager.onDrag.addListener((_item, info) => {\n      const targetedElement = document.elementFromPoint(\n        info.pointerPosition.x,\n        info.pointerPosition.y\n      );\n      const newTargeted = targetedElement === ref.current;\n      newTargeted !== targetedRef.current && onTargeted(newTargeted);\n      targetedRef.current = newTargeted;\n    });\n  }, [onTargeted, dragManager]);\n  React.useEffect(() => {\n    return dragManager.onDragEnd.addListener(() => {\n      targetedRef.current && onTargeted(false);\n      targetedRef.current = false;\n    });\n  }, [onTargeted, dragManager]);\n  return [ref, targeted];\n}\n\n/** @internal */\nexport interface UseTabTargetArgs {\n  widgetId: WidgetState[\"id\"];\n  tabIndex: number;\n}\n\n/** @internal */\nexport function useTabTarget<T extends Element>(\n  args: UseTabTargetArgs\n): [\n  React.Ref<T>,\n  boolean // targeted\n] {\n  const { tabIndex, widgetId } = args;\n  const target = React.useMemo<TabDropTargetState>(\n    () => ({\n      type: \"tab\",\n      tabIndex,\n      widgetId,\n    }),\n    [tabIndex, widgetId]\n  );\n  return useTarget(target);\n}\n\n/** @internal */\nexport interface UsePanelTargetArgs {\n  side: PanelSide;\n  newWidgetId: WidgetState[\"id\"];\n}\n\n/** @internal */\nexport function usePanelTarget<T extends Element>(\n  args: UsePanelTargetArgs\n): [\n  React.Ref<T>,\n  boolean // targeted\n] {\n  const { side, newWidgetId } = args;\n  const target = React.useMemo<PanelDropTargetState>(\n    () => ({\n      type: \"panel\",\n      side,\n      newWidgetId,\n    }),\n    [side, newWidgetId]\n  );\n  return useTarget(target);\n}\n\n/** @internal */\nexport interface UseDragItemArgs<T extends DragItem> {\n  item: T;\n  isDragItem?: (item: T | undefined, dragged: DragItem) => boolean;\n  onDragStart?: DragEventHandler;\n  onDrag?: DragEventHandler;\n  onDragEnd?: DragEventHandler;\n}\n\nfunction defaultIsDragItem(item: DragItem, dragged: DragItem) {\n  return dragged.type === item.type && dragged.id === item.id;\n}\n\n/** @internal */\nexport function useDragItem<T extends DragItem>(args: UseDragItemArgs<T>) {\n  const dragManager = React.useContext(DragManagerContext);\n  const { item, isDragItem, onDragStart, onDrag, onDragEnd } = args;\n  const handleDragStart = React.useCallback(\n    (info: DragInfo) => {\n      item &&\n        dragManager.handleDragStart({\n          item,\n          info,\n        });\n    },\n    [dragManager, item]\n  );\n  React.useEffect(() => {\n    return dragManager.onDragStart.addListener((draggedItem, info, target) => {\n      const handleEvent = isDragItem\n        ? isDragItem(item, draggedItem)\n        : defaultIsDragItem(item, draggedItem);\n      if (!handleEvent) return;\n      onDragStart && onDragStart(draggedItem, info, target);\n    });\n  }, [dragManager, onDragStart, item, isDragItem]);\n  React.useEffect(() => {\n    return dragManager.onDrag.addListener((draggedItem, info, target) => {\n      const handleEvent = isDragItem\n        ? isDragItem(item, draggedItem)\n        : defaultIsDragItem(item, draggedItem);\n      if (!handleEvent) return;\n      onDrag && onDrag(draggedItem, info, target);\n    });\n  }, [dragManager, onDrag, item, isDragItem]);\n  React.useEffect(() => {\n    return dragManager.onDragEnd.addListener((draggedItem, info, target) => {\n      const handleEvent = isDragItem\n        ? isDragItem(item, draggedItem)\n        : defaultIsDragItem(item, draggedItem);\n      if (!handleEvent) return;\n      onDragEnd && onDragEnd(draggedItem, info, target);\n    });\n  }, [dragManager, onDragEnd, item, isDragItem]);\n  return handleDragStart;\n}\n\n/** @internal */\nexport function useDraggedItem() {\n  const dragManager = React.useContext(DragManagerContext);\n  const [draggedItem, setDraggedItem] = React.useState<DragItem | undefined>(\n    dragManager.draggedItem?.item\n  );\n  React.useEffect(() => {\n    return dragManager.onDragStart.addListener((item) => {\n      setDraggedItem(item);\n    });\n  }, [dragManager]);\n  React.useEffect(() => {\n    return dragManager.onDragUpdate.addListener((item) => {\n      setDraggedItem(item);\n    });\n  }, [dragManager]);\n  React.useEffect(() => {\n    return dragManager.onDragEnd.addListener(() => {\n      setDraggedItem(undefined);\n    });\n  }, [dragManager]);\n  return draggedItem;\n}\n\n/** @internal */\nexport function useIsDraggedItem(item: DragItem) {\n  const draggedItem = useDraggedItem();\n  return (\n    !!draggedItem &&\n    draggedItem.id === item.id &&\n    draggedItem.type === item.type\n  );\n}\n\n/** @internal */\nexport function useIsDraggedType(type: DragItem[\"type\"]) {\n  const draggedItem = useDraggedItem();\n  return !!draggedItem && draggedItem.type === type;\n}\n\n/** @internal */\nexport function useDraggedItemId<T extends DragItem>(\n  type: T[\"type\"]\n): T[\"id\"] | undefined {\n  const draggedItem = useDraggedItem();\n\n  if (draggedItem && draggedItem.type === type) {\n    return draggedItem.id;\n  }\n  return undefined;\n}\n\n/** @internal */\nexport interface DragProviderProps {\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function DragProvider(props: DragProviderProps) {\n  const dragManager = React.useRef(new DragManager());\n  React.useEffect(() => {\n    const mouseMove = (e: MouseEvent) => {\n      dragManager.current.handleDrag(e.clientX, e.clientY);\n    };\n    document.addEventListener(\"mousemove\", mouseMove);\n    return () => {\n      document.removeEventListener(\"mousemove\", mouseMove);\n    };\n  }, []);\n  React.useEffect(() => {\n    const mouseUp = () => {\n      dragManager.current.handleDragEnd();\n    };\n    document.addEventListener(\"mouseup\", mouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", mouseUp);\n    };\n  }, []);\n  return (\n    <DragManagerContext.Provider value={dragManager.current}>\n      <DraggedWidgetIdProvider>\n        <DraggedPanelSideProvider>\n          <DraggedResizeHandleProvider>\n            {props.children}\n          </DraggedResizeHandleProvider>\n        </DraggedPanelSideProvider>\n      </DraggedWidgetIdProvider>\n    </DragManagerContext.Provider>\n  );\n}\n\nfunction DraggedWidgetIdProvider(props: { children?: React.ReactNode }) {\n  const draggedWidgetId = useDraggedItemId<WidgetDragItem>(\"widget\");\n  return (\n    <DraggedWidgetIdContext.Provider value={draggedWidgetId}>\n      {props.children}\n    </DraggedWidgetIdContext.Provider>\n  );\n}\n\nfunction DraggedPanelSideProvider(props: { children?: React.ReactNode }) {\n  const draggedSide = useDraggedItemId<PanelGripDragItem>(\"panelGrip\");\n  return (\n    <DraggedPanelSideContext.Provider value={draggedSide}>\n      {props.children}\n    </DraggedPanelSideContext.Provider>\n  );\n}\n\nfunction DraggedResizeHandleProvider(props: { children?: React.ReactNode }) {\n  const draggedHandle = useDraggedItemId<ResizeHandleDragItem>(\"resizeHandle\");\n  return (\n    <DraggedResizeHandleContext.Provider value={draggedHandle}>\n      {props.children}\n    </DraggedResizeHandleContext.Provider>\n  );\n}\n\ninterface TabDragItem {\n  type: \"tab\";\n  id: TabState[\"id\"];\n}\n\ninterface WidgetDragItem {\n  type: \"widget\";\n  id: WidgetState[\"id\"];\n}\n\ninterface PanelGripDragItem {\n  type: \"panelGrip\";\n  id: PanelSide;\n}\n\ninterface ResizeHandleDragItem {\n  type: \"resizeHandle\";\n  id: FloatingWidgetResizeHandle;\n  widgetId: WidgetState[\"id\"];\n}\n\n/** @internal */\nexport type DragItem =\n  | TabDragItem\n  | WidgetDragItem\n  | PanelGripDragItem\n  | ResizeHandleDragItem;\n\nfunction isResizeHandleDragItem(item: DragItem): item is ResizeHandleDragItem {\n  return item.type === \"resizeHandle\";\n}\n\ninterface BaseDragInfo {\n  initialPointerPosition: Point;\n  lastPointerPosition: Point;\n  pointerPosition: Point;\n}\n\ninterface TabDragInfo extends BaseDragInfo {\n  widgetSize: SizeProps;\n}\n\ntype DragInfo = BaseDragInfo | TabDragInfo;\n\ninterface HandleDragStartArgs {\n  item: DragItem;\n  info: DragInfo;\n}\n\ninterface Dragged {\n  item: DragItem;\n  info: DragInfo;\n  target: DropTargetState | undefined;\n}\n\ntype DragEventHandler = (\n  item: DragItem,\n  info: DragInfo,\n  target: DropTargetState | undefined\n) => void;\ntype DropTargetChangedEventHandler = (\n  target: DropTargetState | undefined\n) => void;\n\n/** @internal */\nexport class DragManager {\n  private _dragged: Dragged | undefined;\n  private _onDragStartEmitter = new BeEvent<DragEventHandler>();\n  private _onDragUpdateEmitter = new BeEvent<DragEventHandler>();\n  private _onDragEmitter = new BeEvent<DragEventHandler>();\n  private _onDragEndEmitter = new BeEvent<DragEventHandler>();\n  private _onTargetChangedEmitter =\n    new BeEvent<DropTargetChangedEventHandler>();\n\n  public get draggedItem() {\n    return this._dragged;\n  }\n\n  public isTargeted(target: DropTargetState) {\n    if (!this._dragged) return false;\n\n    if (!this._dragged.target) return false;\n\n    return isEqual(this._dragged.target, target);\n  }\n\n  public get onDragStart() {\n    return this._onDragStartEmitter;\n  }\n\n  public get onDragUpdate() {\n    return this._onDragUpdateEmitter;\n  }\n\n  public get onDrag() {\n    return this._onDragEmitter;\n  }\n\n  public get onDragEnd() {\n    return this._onDragEndEmitter;\n  }\n\n  public get onTargetChanged() {\n    return this._onTargetChangedEmitter;\n  }\n\n  public handleDragStart({ item, info }: HandleDragStartArgs) {\n    this._dragged = {\n      item,\n      info,\n      target: undefined,\n    };\n    this._onDragStartEmitter.raiseEvent(\n      this._dragged.item,\n      this._dragged.info,\n      this._dragged.target\n    );\n  }\n\n  public handleDragUpdate(item: DragItem) {\n    if (!this._dragged) return;\n\n    this._dragged.item = item;\n    this._onDragUpdateEmitter.raiseEvent(\n      this._dragged.item,\n      this._dragged.info,\n      this._dragged.target\n    );\n  }\n\n  public handleDrag(x: number, y: number) {\n    if (!this._dragged) return;\n\n    this._dragged.info.lastPointerPosition = this._dragged.info.pointerPosition;\n    this._dragged.info.pointerPosition = new Point(x, y);\n\n    this._onDragEmitter.raiseEvent(\n      this._dragged.item,\n      this._dragged.info,\n      this._dragged.target\n    );\n  }\n\n  public handleDragEnd() {\n    if (!this._dragged) return;\n\n    const item = this._dragged.item;\n    const info = this._dragged.info;\n    const target = this._dragged.target;\n    this._dragged = undefined;\n    this._onDragEndEmitter.raiseEvent(item, info, target);\n    target && this._onTargetChangedEmitter.raiseEvent(undefined);\n  }\n\n  public handleTargetChanged(target: DropTargetState | undefined) {\n    if (!this._dragged) return;\n    this._dragged.target = target;\n    this._onTargetChangedEmitter.raiseEvent(target);\n  }\n}\n\n/** @internal */\nexport const DragManagerContext = React.createContext<DragManager>(null!);\nDragManagerContext.displayName = \"nz:DragManagerContext\";\n\n/** @internal */\nexport const DraggedWidgetIdContext = React.createContext<\n  WidgetState[\"id\"] | undefined\n>(undefined);\nDraggedWidgetIdContext.displayName = \"nz:DraggedWidgetIdContext\";\n\n/** @internal */\nexport const DraggedPanelSideContext = React.createContext<\n  PanelSide | undefined\n>(undefined);\nDraggedPanelSideContext.displayName = \"nz:DraggedPanelSideContext\";\n\n/** @internal */\nexport const DraggedResizeHandleContext = React.createContext<\n  FloatingWidgetResizeHandle | undefined\n>(undefined);\nDraggedResizeHandleContext.displayName = \"nz:DraggedResizeHandleContext\";\n\n/** @internal */\nexport function useTargeted() {\n  const dragManager = React.useContext(DragManagerContext);\n  const [targeted, setTargeted] = React.useState<DropTargetState>();\n  React.useEffect(() => {\n    return dragManager.onTargetChanged.addListener((t) => {\n      setTargeted(t);\n    });\n  }, [dragManager]);\n  return targeted;\n}\n"]}

package/lib/appui-react/layout/base/LayoutStore.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import type { StoreApi } from "zustand";
+import type { NineZoneState } from "../state/NineZoneState.js";
+/** @internal */
+export type LayoutState = NineZoneState;
+/** @internal */
+export type LayoutStore = StoreApi<LayoutState>;
+/** @internal */
+export declare const LayoutStoreContext: React.Context<LayoutStore | undefined>;
+/** @internal */
+export declare function createLayoutStore(args?: Partial<LayoutState>): LayoutStore;
+/** @internal */
+export declare function useLayoutStore(): LayoutStore;
+/** @internal */
+export declare function useLayout<SelectorOutput>(selector: (state: LayoutState) => SelectorOutput, multipleSlices?: boolean): SelectorOutput;
+/** @internal */
+export declare function useOptionalLayout<SelectorOutput>(selector: (state: LayoutState | undefined) => SelectorOutput, multipleSlices?: boolean): SelectorOutput;
+//# sourceMappingURL=LayoutStore.d.ts.map

package/lib/appui-react/layout/base/LayoutStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutStore.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/LayoutStore.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG/D,gBAAgB;AAChB,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC;AAExC,gBAAgB;AAChB,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAEhD,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,wCAE9B,CAAC;AAGF,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAE1E;AAED,gBAAgB;AAChB,wBAAgB,cAAc,gBAI7B;AAED,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,cAAc,EACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,cAAc,EAChD,cAAc,UAAQ,kBAQvB;AAMD,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,cAAc,EAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,KAAK,cAAc,EAC5D,cAAc,UAAQ,kBASvB"}

package/lib/appui-react/layout/base/LayoutStore.js

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 * as React from "react";
+import { createStore } from "zustand";
+import { useStoreWithEqualityFn } from "zustand/traditional";
+import { shallow } from "zustand/shallow";
+import { assert } from "@itwin/core-bentley";
+import { createNineZoneState } from "../state/NineZoneState.js";
+/** @internal */
+export const LayoutStoreContext = React.createContext(undefined);
+LayoutStoreContext.displayName = "appui:LayoutStoreContext";
+/** @internal */
+export function createLayoutStore(args) {
+    return createStore(() => createNineZoneState(args));
+}
+/** @internal */
+export function useLayoutStore() {
+    const store = React.useContext(LayoutStoreContext);
+    assert(!!store, "LayoutStoreContext is not defined");
+    return store;
+}
+/** @internal */
+export function useLayout(selector, multipleSlices = false) {
+    const store = useLayoutStore();
+    return useStoreWithEqualityFn(store, selector, multipleSlices ? shallow : undefined);
+}
+const optionalLayoutStore = createStore(() => undefined);
+/** @internal */
+export function useOptionalLayout(selector, multipleSlices = false) {
+    const store = React.useContext(LayoutStoreContext);
+    const slice = useStoreWithEqualityFn(store ?? optionalLayoutStore, selector, multipleSlices ? shallow : undefined);
+    return slice;
+}
+//# sourceMappingURL=LayoutStore.js.map

package/lib/appui-react/layout/base/LayoutStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutStore.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/LayoutStore.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAQhE,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CACnD,SAAS,CACV,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE5D,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,IAA2B;IAC3D,OAAO,WAAW,CAAc,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,CAAC;IACrD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,SAAS,CACvB,QAAgD,EAChD,cAAc,GAAG,KAAK;IAEtB,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,sBAAsB,CAC3B,KAAK,EACL,QAAQ,EACR,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CACrC,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAAG,WAAW,CACrC,GAAG,EAAE,CAAC,SAAS,CAChB,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAC/B,QAA4D,EAC5D,cAAc,GAAG,KAAK;IAEtB,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,sBAAsB,CAClC,KAAK,IAAI,mBAAmB,EAC5B,QAAQ,EACR,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CACrC,CAAC;IACF,OAAO,KAAK,CAAC;AACf,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 * as React from \"react\";\nimport type { StoreApi } from \"zustand\";\nimport { createStore } from \"zustand\";\nimport { useStoreWithEqualityFn } from \"zustand/traditional\";\nimport { shallow } from \"zustand/shallow\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { NineZoneState } from \"../state/NineZoneState.js\";\nimport { createNineZoneState } from \"../state/NineZoneState.js\";\n\n/** @internal */\nexport type LayoutState = NineZoneState;\n\n/** @internal */\nexport type LayoutStore = StoreApi<LayoutState>;\n\n/** @internal */\nexport const LayoutStoreContext = React.createContext<LayoutStore | undefined>(\n  undefined\n);\nLayoutStoreContext.displayName = \"appui:LayoutStoreContext\";\n\n/** @internal */\nexport function createLayoutStore(args?: Partial<LayoutState>): LayoutStore {\n  return createStore<LayoutState>(() => createNineZoneState(args));\n}\n\n/** @internal */\nexport function useLayoutStore() {\n  const store = React.useContext(LayoutStoreContext);\n  assert(!!store, \"LayoutStoreContext is not defined\");\n  return store;\n}\n\n/** @internal */\nexport function useLayout<SelectorOutput>(\n  selector: (state: LayoutState) => SelectorOutput,\n  multipleSlices = false\n) {\n  const store = useLayoutStore();\n  return useStoreWithEqualityFn(\n    store,\n    selector,\n    multipleSlices ? shallow : undefined\n  );\n}\n\nconst optionalLayoutStore = createStore<LayoutState | undefined>(\n  () => undefined\n);\n\n/** @internal */\nexport function useOptionalLayout<SelectorOutput>(\n  selector: (state: LayoutState | undefined) => SelectorOutput,\n  multipleSlices = false\n) {\n  const store = React.useContext(LayoutStoreContext);\n  const slice = useStoreWithEqualityFn(\n    store ?? optionalLayoutStore,\n    selector,\n    multipleSlices ? shallow : undefined\n  );\n  return slice;\n}\n"]}