@itwin/appui-react 4.8.3 → 4.9.0

package/lib/esm/appui-react/layout/target/TabTarget.js

@@ -0,0 +1,59 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./TabTarget.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { assert } from "@itwin/core-bentley";
+import { DraggedWidgetIdContext, useTarget } from "../base/DragManager";
+import { CursorTypeContext } from "../base/NineZone";
+import { getCursorClassName } from "../widget-panels/CursorOverlay";
+import { WidgetIdContext } from "../widget/Widget";
+import { TabIdContext } from "../widget/ContentRenderer";
+import { useAllowedWidgetTarget } from "./useAllowedWidgetTarget";
+import { useLayout } from "../base/LayoutStore";
+import { getWidgetState } from "../state/internal/WidgetStateHelpers";
+/** @internal */
+export function TabTarget() {
+    const cursorType = React.useContext(CursorTypeContext);
+    const draggedTab = useLayout((state) => !!state.draggedTab);
+    const draggedWidgetId = React.useContext(DraggedWidgetIdContext);
+    const widgetId = React.useContext(WidgetIdContext);
+    assert(!!widgetId);
+    const tabIndex = useTabIndex();
+    const [ref, targeted] = useTarget(useTargetArgs(widgetId, tabIndex));
+    const allowedTarget = useAllowedWidgetTarget(widgetId);
+    // istanbul ignore next
+    const hidden = !allowedTarget ||
+        (!draggedTab && !draggedWidgetId) ||
+        draggedWidgetId === widgetId;
+    const className = classnames("nz-target-tabTarget", hidden && "nz-hidden", 
+    // istanbul ignore next
+    targeted && "nz-targeted", 
+    // istanbul ignore next
+    cursorType && getCursorClassName(cursorType));
+    return React.createElement("div", { className: className, ref: ref });
+}
+function useTabIndex() {
+    const widgetId = React.useContext(WidgetIdContext);
+    const tabId = React.useContext(TabIdContext);
+    assert(!!widgetId);
+    return useLayout((state) => {
+        const widget = getWidgetState(state, widgetId);
+        return widget.tabs.findIndex((id) => id === tabId);
+    });
+}
+function useTargetArgs(widgetId, tabIndex) {
+    return React.useMemo(() => {
+        return {
+            type: "tab",
+            widgetId,
+            tabIndex,
+        };
+    }, [widgetId, tabIndex]);
+}
+//# sourceMappingURL=TabTarget.js.map

package/lib/esm/appui-react/layout/target/TabTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/TabTarget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE,gBAAgB;AAChB,MAAM,UAAU,SAAS;IACvB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,SAAS,CAC/B,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAClC,CAAC;IACF,MAAM,aAAa,GAAG,sBAAsB,CAAC,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,UAAU,CAC1B,qBAAqB,EACrB,MAAM,IAAI,WAAW;IACrB,uBAAuB;IACvB,QAAQ,IAAI,aAAa;IACzB,uBAAuB;IACvB,UAAU,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACjD,CAAC;AAED,SAAS,WAAW;IAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,OAAO,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC/C,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,aAAa,CAAC,QAA2B,EAAE,QAAgB;IAClE,OAAO,KAAK,CAAC,OAAO,CAAqB,GAAG,EAAE;QAC5C,OAAO;YACL,IAAI,EAAE,KAAK;YACX,QAAQ;YACR,QAAQ;SACT,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC3B,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 \"./TabTarget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { DraggedWidgetIdContext, useTarget } from \"../base/DragManager\";\nimport { CursorTypeContext } from \"../base/NineZone\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport { WidgetIdContext } from \"../widget/Widget\";\nimport { TabIdContext } from \"../widget/ContentRenderer\";\nimport { useAllowedWidgetTarget } from \"./useAllowedWidgetTarget\";\nimport type { TabDropTargetState } from \"../state/DropTargetState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers\";\n\n/** @internal */\nexport function TabTarget() {\n  const cursorType = React.useContext(CursorTypeContext);\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  assert(!!widgetId);\n  const tabIndex = useTabIndex();\n  const [ref, targeted] = useTarget<HTMLDivElement>(\n    useTargetArgs(widgetId, tabIndex)\n  );\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-tabTarget\",\n    hidden && \"nz-hidden\",\n    // istanbul ignore next\n    targeted && \"nz-targeted\",\n    // istanbul ignore next\n    cursorType && getCursorClassName(cursorType)\n  );\n  return <div className={className} ref={ref} />;\n}\n\nfunction useTabIndex() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const tabId = React.useContext(TabIdContext);\n  assert(!!widgetId);\n  return useLayout((state) => {\n    const widget = getWidgetState(state, widgetId);\n    return widget.tabs.findIndex((id) => id === tabId);\n  });\n}\n\nfunction useTargetArgs(widgetId: WidgetState[\"id\"], tabIndex: number) {\n  return React.useMemo<TabDropTargetState>(() => {\n    return {\n      type: \"tab\",\n      widgetId,\n      tabIndex,\n    };\n  }, [widgetId, tabIndex]);\n}\n"]}

package/lib/esm/appui-react/layout/target/TabTarget.scss

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "../outline/variables";
+
+.nz-target-tabTarget {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+
+  @include uicore-z-index(drop-target);
+
+  &.nz-hidden {
+    display: none;
+  }
+
+  &.nz-targeted {
+    background-color: $nz-outline-color;
+
+    > .nz-section {
+      &.nz-target {
+        background-color: $nz-outline-color;
+      }
+    }
+  }
+}

package/lib/esm/appui-react/layout/target/TargetContainer.d.ts

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./TargetContainer.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** @internal */
+export interface TargetContainerProps extends CommonProps {
+    children?: React.ReactNode;
+    direction: "horizontal" | "vertical";
+}
+/** @internal */
+export declare function TargetContainer(props: TargetContainerProps): React.JSX.Element;
+//# sourceMappingURL=TargetContainer.d.ts.map

package/lib/esm/appui-react/layout/target/TargetContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetContainer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/TargetContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,gBAAgB;AAChB,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;CACtC;AAED,gBAAgB;AAChB,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAW1D"}

package/lib/esm/appui-react/layout/target/TargetContainer.js

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./TargetContainer.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** @internal */
+export function TargetContainer(props) {
+    const className = classnames("nz-target-targetContainer", `nz-${props.direction}`, props.className);
+    return (React.createElement("div", { className: className, style: props.style }, props.children));
+}
+//# sourceMappingURL=TargetContainer.js.map

package/lib/esm/appui-react/layout/target/TargetContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetContainer.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/TargetContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,gBAAgB;AAChB,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,MAAM,KAAK,CAAC,SAAS,EAAE,EACvB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAC1C,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,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 \"./TargetContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** @internal */\nexport interface TargetContainerProps extends CommonProps {\n  children?: React.ReactNode;\n  direction: \"horizontal\" | \"vertical\";\n}\n\n/** @internal */\nexport function TargetContainer(props: TargetContainerProps) {\n  const className = classnames(\n    \"nz-target-targetContainer\",\n    `nz-${props.direction}`,\n    props.className\n  );\n  return (\n    <div className={className} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/target/TargetContainer.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.
+ *--------------------------------------------------------------------------------------------*/
+.nz-target-targetContainer {
+  display: flex;
+  gap: 1em;
+  pointer-events: none;
+
+  &.nz-horizontal {
+    flex-direction: row;
+  }
+
+  &.nz-vertical {
+    flex-direction: column;
+  }
+}

package/lib/esm/appui-react/layout/target/TitleBarTarget.d.ts

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

package/lib/esm/appui-react/layout/target/TitleBarTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBarTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/TitleBarTarget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,gBAAgB;AAChB,wBAAgB,cAAc,sBA0B7B"}

package/lib/esm/appui-react/layout/target/TitleBarTarget.js

@@ -0,0 +1,48 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./TitleBarTarget.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { assert } from "@itwin/core-bentley";
+import { DraggedWidgetIdContext, useTarget } from "../base/DragManager";
+import { CursorTypeContext } from "../base/NineZone";
+import { getCursorClassName } from "../widget-panels/CursorOverlay";
+import { WidgetIdContext } from "../widget/Widget";
+import { TabOutline } from "../outline/TabOutline";
+import { useAllowedWidgetTarget } from "./useAllowedWidgetTarget";
+import { useLayout } from "../base/LayoutStore";
+import { useSendBackHomeState } from "../widget/SendBack";
+/** @internal */
+export function TitleBarTarget() {
+    const cursorType = React.useContext(CursorTypeContext);
+    const draggedWidgetId = React.useContext(DraggedWidgetIdContext);
+    const widgetId = React.useContext(WidgetIdContext);
+    const activeHomeState = useSendBackHomeState();
+    assert(!!widgetId);
+    const draggedTab = useLayout((state) => !!state.draggedTab);
+    const [ref] = useTarget(useTargetArgs(widgetId));
+    const allowedTarget = useAllowedWidgetTarget(widgetId);
+    // istanbul ignore next
+    const hidden = !allowedTarget ||
+        (((!draggedTab && !draggedWidgetId) || draggedWidgetId === widgetId) &&
+            !((activeHomeState === null || activeHomeState === void 0 ? void 0 : activeHomeState.widgetId) === widgetId));
+    const className = classnames("nz-target-titleBarTarget", hidden && "nz-hidden", 
+    // istanbul ignore next
+    cursorType && getCursorClassName(cursorType));
+    return (React.createElement("div", { className: className, ref: ref },
+        React.createElement(TabOutline, null)));
+}
+function useTargetArgs(widgetId) {
+    return React.useMemo(() => {
+        return {
+            type: "widget",
+            widgetId,
+        };
+    }, [widgetId]);
+}
+//# sourceMappingURL=TitleBarTarget.js.map

package/lib/esm/appui-react/layout/target/TitleBarTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBarTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/TitleBarTarget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,gBAAgB;AAChB,MAAM,UAAU,cAAc;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAC/C,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAiB,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAEvD,uBAAuB;IACvB,MAAM,MAAM,GACV,CAAC,aAAa;QACd,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe,KAAK,QAAQ,CAAC;YAClE,CAAC,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,MAAK,QAAQ,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,MAAM,IAAI,WAAW;IACrB,uBAAuB;IACvB,UAAU,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QACjC,oBAAC,UAAU,OAAG,CACV,CACP,CAAC;AACJ,CAAC;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 \"./TitleBarTarget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { DraggedWidgetIdContext, useTarget } from \"../base/DragManager\";\nimport { CursorTypeContext } from \"../base/NineZone\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport { WidgetIdContext } from \"../widget/Widget\";\nimport { TabOutline } from \"../outline/TabOutline\";\nimport { useAllowedWidgetTarget } from \"./useAllowedWidgetTarget\";\nimport type { WidgetDropTargetState } from \"../state/DropTargetState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { useSendBackHomeState } from \"../widget/SendBack\";\n\n/** @internal */\nexport function TitleBarTarget() {\n  const cursorType = React.useContext(CursorTypeContext);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  const activeHomeState = useSendBackHomeState();\n  assert(!!widgetId);\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const [ref] = useTarget<HTMLDivElement>(useTargetArgs(widgetId));\n  const allowedTarget = useAllowedWidgetTarget(widgetId);\n\n  // istanbul ignore next\n  const hidden =\n    !allowedTarget ||\n    (((!draggedTab && !draggedWidgetId) || draggedWidgetId === widgetId) &&\n      !(activeHomeState?.widgetId === widgetId));\n  const className = classnames(\n    \"nz-target-titleBarTarget\",\n    hidden && \"nz-hidden\",\n    // istanbul ignore next\n    cursorType && getCursorClassName(cursorType)\n  );\n  return (\n    <div className={className} ref={ref}>\n      <TabOutline />\n    </div>\n  );\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/esm/appui-react/layout/target/TitleBarTarget.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 "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+.nz-target-titleBarTarget {
+  flex: 1 1 0;
+  position: relative;
+  overflow: hidden;
+
+  @include uicore-z-index(drop-target);
+
+  &.nz-hidden {
+    display: none;
+  }
+}

package/lib/esm/appui-react/layout/target/WidgetTarget.d.ts

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

package/lib/esm/appui-react/layout/target/WidgetTarget.d.ts.map

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

package/lib/esm/appui-react/layout/target/WidgetTarget.js

@@ -0,0 +1,21 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./WidgetTarget.scss";
+import * as React from "react";
+import { assert } from "@itwin/core-bentley";
+import { WidgetIdContext } from "../widget/Widget";
+import { TargetContainer } from "./TargetContainer";
+import { MergeTarget } from "./MergeTarget";
+/** @internal */
+export function WidgetTarget() {
+    const widgetId = React.useContext(WidgetIdContext);
+    assert(!!widgetId);
+    return (React.createElement(TargetContainer, { className: "nz-target-widgetTarget", direction: "horizontal" },
+        React.createElement(MergeTarget, { widgetId: widgetId })));
+}
+//# sourceMappingURL=WidgetTarget.js.map

package/lib/esm/appui-react/layout/target/WidgetTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/WidgetTarget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,gBAAgB;AAChB,MAAM,UAAU,YAAY;IAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,OAAO,CACL,oBAAC,eAAe,IAAC,SAAS,EAAC,wBAAwB,EAAC,SAAS,EAAC,YAAY;QACxE,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACnB,CACnB,CAAC;AACJ,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 \"./WidgetTarget.scss\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { WidgetIdContext } from \"../widget/Widget\";\nimport { TargetContainer } from \"./TargetContainer\";\nimport { MergeTarget } from \"./MergeTarget\";\n\n/** @internal */\nexport function WidgetTarget() {\n  const widgetId = React.useContext(WidgetIdContext);\n  assert(!!widgetId);\n  return (\n    <TargetContainer className=\"nz-target-widgetTarget\" direction=\"horizontal\">\n      <MergeTarget widgetId={widgetId} />\n    </TargetContainer>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/target/WidgetTarget.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.nz-target-widgetTarget {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+}

package/lib/esm/appui-react/layout/target/_variables.scss

@@ -0,0 +1,64 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "../outline/variables";
+
+$nz-widget-target-border-color: $buic-background-5;
+$nz-widget-target-background: $buic-background-4;
+$nz-widget-target-border-size: 2px;
+
+@mixin nz-widget-target {
+  $length: 4em;
+
+  height: $length;
+  width: $length;
+  border: $nz-widget-target-border-size solid $nz-widget-target-border-color;
+  border-radius: var(--iui-border-radius-1);
+  box-sizing: border-box;
+  background-color: $nz-widget-target-background;
+  transition: transform var(--iui-duration-1) ease-in;
+  pointer-events: all;
+  display: flex;
+  box-shadow: var(--iui-shadow-3);
+
+  @include uicore-z-index(drop-target);
+
+  @media (prefers-reduced-motion: no-preference) {
+    @keyframes nz-pulse {
+      from {
+        transform: scale3d(1, 1, 1);
+      }
+
+      50% {
+        transform: scale3d(1.1, 1.1, 1.1);
+      }
+
+      to {
+        transform: scale3d(1, 1, 1);
+      }
+    }
+
+    @keyframes nz-grow {
+      from {
+        transform: scale3d(0, 0, 0);
+      }
+
+      to {
+        transform: scale3d(1, 1, 1);
+      }
+    }
+  }
+
+  animation: nz-grow var(--iui-duration-1) ease-in-out,
+    nz-pulse 3s ease-in-out 2s infinite;
+}
+
+@mixin nz-targeted-widget-target {
+  transform: scale(1.2);
+  background-color: $nz-opaque-outline-color;
+  box-shadow: var(--iui-shadow-4);
+  animation-iteration-count: 0, 0;
+}

package/lib/esm/appui-react/layout/target/useAllowedPanelTarget.d.ts

@@ -0,0 +1,5 @@
+/** Check the docking side against allowed regions
+ * @internal
+ */
+export declare function useAllowedPanelTarget(): boolean;
+//# sourceMappingURL=useAllowedPanelTarget.d.ts.map

package/lib/esm/appui-react/layout/target/useAllowedPanelTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedPanelTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/useAllowedPanelTarget.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,wBAAgB,qBAAqB,YAKpC"}

package/lib/esm/appui-react/layout/target/useAllowedPanelTarget.js

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import * as React from "react";
+import { assert } from "@itwin/core-bentley";
+import { PanelSideContext } from "../widget-panels/Panel";
+import { useAllowedSideTarget } from "./useAllowedSideTarget";
+/** Check the docking side against allowed regions
+ * @internal
+ */
+export function useAllowedPanelTarget() {
+    const side = React.useContext(PanelSideContext);
+    assert(!!side);
+    return useAllowedSideTarget(side);
+}
+//# sourceMappingURL=useAllowedPanelTarget.js.map

package/lib/esm/appui-react/layout/target/useAllowedPanelTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedPanelTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/useAllowedPanelTarget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChD,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEf,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACpC,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 */\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { PanelSideContext } from \"../widget-panels/Panel\";\nimport { useAllowedSideTarget } from \"./useAllowedSideTarget\";\n\n/** Check the docking side against allowed regions\n * @internal\n */\nexport function useAllowedPanelTarget() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n\n  return useAllowedSideTarget(side);\n}\n"]}

package/lib/esm/appui-react/layout/target/useAllowedSideTarget.d.ts

@@ -0,0 +1,9 @@
+import type { NineZoneState } from "../state/NineZoneState";
+import type { PanelSide } from "../widget-panels/PanelTypes";
+/** Check the docking side against allowed regions
+ * @internal
+ */
+export declare function useAllowedSideTarget(side: PanelSide): boolean;
+/** @internal */
+export declare function isAllowedSideTarget(state: NineZoneState, draggedWidget: string | undefined, side: PanelSide): boolean;
+//# sourceMappingURL=useAllowedSideTarget.d.ts.map

package/lib/esm/appui-react/layout/target/useAllowedSideTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedSideTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/useAllowedSideTarget.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,WAKnD;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,MAAM,GAAG,SAAS,EACjC,IAAI,EAAE,SAAS,WAiChB"}

package/lib/esm/appui-react/layout/target/useAllowedSideTarget.js

@@ -0,0 +1,51 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import * as React from "react";
+import { DraggedWidgetIdContext } from "../base/DragManager";
+import { useLayout } from "../base/LayoutStore";
+/** Check the docking side against allowed regions
+ * @internal
+ */
+export function useAllowedSideTarget(side) {
+    const draggedWidgetId = React.useContext(DraggedWidgetIdContext);
+    return useLayout((state) => isAllowedSideTarget(state, draggedWidgetId, side));
+}
+/** @internal */
+export function isAllowedSideTarget(state, draggedWidget, side) {
+    const draggedTab = state.draggedTab;
+    const tabsState = state.tabs;
+    const widgetsState = state.widgets;
+    let allowedPanelTargets;
+    if (draggedTab) {
+        const tab = tabsState[draggedTab.tabId];
+        allowedPanelTargets = tab.allowedPanelTargets;
+    }
+    else if (draggedWidget && draggedWidget in widgetsState) {
+        // handle a case where DraggedWidgetIdContext exists, but dragged widget is not in WidgetsStateContet
+        const widget = widgetsState[draggedWidget];
+        const activeTabId = widget.activeTabId;
+        const activeTab = tabsState[activeTabId];
+        allowedPanelTargets = activeTab.allowedPanelTargets;
+        widget.tabs.forEach((tabId) => {
+            const tab = tabsState[tabId];
+            // istanbul ignore else
+            if (!allowedPanelTargets) {
+                allowedPanelTargets = tab.allowedPanelTargets;
+            }
+            else if (tab.allowedPanelTargets !== undefined) {
+                const tabPanelTargets = tab.allowedPanelTargets;
+                allowedPanelTargets = allowedPanelTargets.filter((x) => tabPanelTargets.includes(x));
+            }
+        });
+    }
+    if (allowedPanelTargets) {
+        return allowedPanelTargets.includes(side);
+    }
+    return true;
+}
+//# sourceMappingURL=useAllowedSideTarget.js.map

package/lib/esm/appui-react/layout/target/useAllowedSideTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedSideTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/useAllowedSideTarget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAe;IAClD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,OAAO,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CACzB,mBAAmB,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC,CAClD,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,mBAAmB,CACjC,KAAoB,EACpB,aAAiC,EACjC,IAAe;IAEf,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;IACpC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;IAC7B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;IAEnC,IAAI,mBAAyD,CAAC;IAC9D,IAAI,UAAU,EAAE;QACd,MAAM,GAAG,GAAG,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxC,mBAAmB,GAAG,GAAG,CAAC,mBAAmB,CAAC;KAC/C;SAAM,IAAI,aAAa,IAAI,aAAa,IAAI,YAAY,EAAE;QACzD,qGAAqG;QACrG,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QACvC,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;QACzC,mBAAmB,GAAG,SAAS,CAAC,mBAAmB,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;YAC7B,uBAAuB;YACvB,IAAI,CAAC,mBAAmB,EAAE;gBACxB,mBAAmB,GAAG,GAAG,CAAC,mBAAmB,CAAC;aAC/C;iBAAM,IAAI,GAAG,CAAC,mBAAmB,KAAK,SAAS,EAAE;gBAChD,MAAM,eAAe,GAAG,GAAG,CAAC,mBAAmB,CAAC;gBAChD,mBAAmB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACrD,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC5B,CAAC;aACH;QACH,CAAC,CAAC,CAAC;KACJ;IACD,IAAI,mBAAmB,EAAE;QACvB,OAAO,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KAC3C;IACD,OAAO,IAAI,CAAC;AACd,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 */\nimport * as React from \"react\";\nimport { DraggedWidgetIdContext } from \"../base/DragManager\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport type { NineZoneState } from \"../state/NineZoneState\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes\";\n\n/** Check the docking side against allowed regions\n * @internal\n */\nexport function useAllowedSideTarget(side: PanelSide) {\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  return useLayout((state) =>\n    isAllowedSideTarget(state, draggedWidgetId, side)\n  );\n}\n\n/** @internal */\nexport function isAllowedSideTarget(\n  state: NineZoneState,\n  draggedWidget: string | undefined,\n  side: PanelSide\n) {\n  const draggedTab = state.draggedTab;\n  const tabsState = state.tabs;\n  const widgetsState = state.widgets;\n\n  let allowedPanelTargets: ReadonlyArray<PanelSide> | undefined;\n  if (draggedTab) {\n    const tab = tabsState[draggedTab.tabId];\n    allowedPanelTargets = tab.allowedPanelTargets;\n  } else if (draggedWidget && draggedWidget in widgetsState) {\n    // handle a case where DraggedWidgetIdContext exists, but dragged widget is not in WidgetsStateContet\n    const widget = widgetsState[draggedWidget];\n    const activeTabId = widget.activeTabId;\n    const activeTab = tabsState[activeTabId];\n    allowedPanelTargets = activeTab.allowedPanelTargets;\n    widget.tabs.forEach((tabId) => {\n      const tab = tabsState[tabId];\n      // istanbul ignore else\n      if (!allowedPanelTargets) {\n        allowedPanelTargets = tab.allowedPanelTargets;\n      } else if (tab.allowedPanelTargets !== undefined) {\n        const tabPanelTargets = tab.allowedPanelTargets;\n        allowedPanelTargets = allowedPanelTargets.filter((x) =>\n          tabPanelTargets.includes(x)\n        );\n      }\n    });\n  }\n  if (allowedPanelTargets) {\n    return allowedPanelTargets.includes(side);\n  }\n  return true;\n}\n"]}

package/lib/esm/appui-react/layout/target/useAllowedWidgetTarget.d.ts

@@ -0,0 +1,6 @@
+import type { WidgetState } from "../state/WidgetState";
+/** Checks the proposed docking target to see if it's allowed by the dragged widget or tab
+ * @internal
+ */
+export declare function useAllowedWidgetTarget(widgetId: WidgetState["id"]): boolean;
+//# sourceMappingURL=useAllowedWidgetTarget.d.ts.map

package/lib/esm/appui-react/layout/target/useAllowedWidgetTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedWidgetTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/useAllowedWidgetTarget.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,WAajE"}

package/lib/esm/appui-react/layout/target/useAllowedWidgetTarget.js

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import * as React from "react";
+import { getWidgetLocation, isFloatingWidgetLocation, isPopoutWidgetLocation, } from "../state/WidgetLocation";
+import { isAllowedSideTarget } from "./useAllowedSideTarget";
+import { useLayout } from "../base/LayoutStore";
+import { DraggedWidgetIdContext } from "../base/DragManager";
+/** Checks the proposed docking target to see if it's allowed by the dragged widget or tab
+ * @internal
+ */
+export function useAllowedWidgetTarget(widgetId) {
+    const draggedWidget = React.useContext(DraggedWidgetIdContext);
+    return useLayout((state) => {
+        const widgetLocation = getWidgetLocation(state, widgetId);
+        if (!widgetLocation || isPopoutWidgetLocation(widgetLocation)) {
+            return false;
+        }
+        else if (isFloatingWidgetLocation(widgetLocation)) {
+            return true;
+        }
+        return isAllowedSideTarget(state, draggedWidget, widgetLocation.side);
+    });
+}
+//# sourceMappingURL=useAllowedWidgetTarget.js.map

package/lib/esm/appui-react/layout/target/useAllowedWidgetTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedWidgetTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/useAllowedWidgetTarget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAA2B;IAChE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/D,OAAO,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAE1D,IAAI,CAAC,cAAc,IAAI,sBAAsB,CAAC,cAAc,CAAC,EAAE;YAC7D,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,wBAAwB,CAAC,cAAc,CAAC,EAAE;YACnD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\nimport * as React from \"react\";\nimport {\n  getWidgetLocation,\n  isFloatingWidgetLocation,\n  isPopoutWidgetLocation,\n} from \"../state/WidgetLocation\";\nimport { isAllowedSideTarget } from \"./useAllowedSideTarget\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { DraggedWidgetIdContext } from \"../base/DragManager\";\n\n/** Checks the proposed docking target to see if it's allowed by the dragged widget or tab\n * @internal\n */\nexport function useAllowedWidgetTarget(widgetId: WidgetState[\"id\"]) {\n  const draggedWidget = React.useContext(DraggedWidgetIdContext);\n  return useLayout((state) => {\n    const widgetLocation = getWidgetLocation(state, widgetId);\n\n    if (!widgetLocation || isPopoutWidgetLocation(widgetLocation)) {\n      return false;\n    } else if (isFloatingWidgetLocation(widgetLocation)) {\n      return true;\n    }\n\n    return isAllowedSideTarget(state, draggedWidget, widgetLocation.side);\n  });\n}\n"]}

package/lib/esm/appui-react/layout/tool-settings/Docked.d.ts

@@ -0,0 +1,50 @@
+/** @packageDocumentation
+ * @module ToolSettings
+ */
+import type { CommonProps } from "@itwin/core-react";
+import * as React from "react";
+import "./Docked.scss";
+/** @internal */
+export declare function onOverflowLabelAndEditorResize(): void;
+/** Properties of [[DockedToolSettings]] component.
+ * @internal
+ */
+export interface DockedToolSettingsProps extends CommonProps {
+    /** Tool settings content. */
+    children?: React.ReactNode;
+    /** Container for overflown entries. */
+    panelContainer?: React.ComponentType<{
+        children?: React.ReactNode;
+    }>;
+}
+/** Component that displays tool settings as a bar across the top of the content view.
+ * @internal
+ */
+export declare function DockedToolSettings(props: DockedToolSettingsProps): React.JSX.Element;
+/** Returns key of a child. Must be used along with React.Children.toArray to preserve the semantics of children.
+ * @internal
+ */
+export declare function getChildKey(child: React.ReactNode, index: number): string;
+/** Returns a subset of docked entry keys that exceed given width and should be overflown.
+ * @internal
+ */
+export declare function getOverflown(width: number, docked: ReadonlyArray<readonly [string, number]>, overflowWidth: number, activeIndex?: number): string[];
+/** Hook that returns a list of overflown children.
+ * @internal
+ */
+export declare function useOverflow(children: React.ReactNode, activeChildIndex?: number): [
+    ReadonlyArray<string> | undefined,
+    (size: number) => void,
+    (size: number) => void,
+    (key: string) => (size: number) => void
+];
+interface DockedToolSettingsEntryContextArgs {
+    readonly isOverflown: boolean;
+    readonly onResize: (w: number) => void;
+}
+/** @internal */
+export declare function useToolSettingsEntry(): DockedToolSettingsEntryContextArgs;
+/** @internal */
+export declare function eqlOverflown(prev: readonly string[] | undefined, value: readonly string[]): boolean;
+export {};
+//# sourceMappingURL=Docked.d.ts.map

package/lib/esm/appui-react/layout/tool-settings/Docked.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Docked.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/tool-settings/Docked.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,eAAe,CAAC;AAKvB,gBAAgB;AAChB,wBAAgB,8BAA8B,SAAK;AA0BnD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uCAAuC;IACvC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CACtE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAyIhE;AA+BD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,UAKhE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAChD,aAAa,EAAE,MAAM,EACrB,WAAW,CAAC,EAAE,MAAM,YAoCrB;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,gBAAgB,CAAC,EAAE,MAAM,GACxB;IACD,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS;IACjC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;IACtB,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;IACtB,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;CACxC,CA6EA;AAED,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAOD,gBAAgB;AAChB,wBAAgB,oBAAoB,uCAEnC;AAeD,gBAAgB;AAChB,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EACnC,KAAK,EAAE,SAAS,MAAM,EAAE,WAUzB"}