@itwin/appui-react 4.8.3 → 4.9.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTargets.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/PanelTargets.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA6B;AAC7B,2CAAoC;AACpC,+BAA+B;AAC/B,sDAA6C;AAC7C,uDAAoD;AACpD,+CAA4C;AAC5C,mDAAoE;AACpE,+CAA4C;AAC5C,oDAA6D;AAC7D,kDAA0D;AAC1D,qDAAgD;AAEhD,gBAAgB;AAChB,SAAgB,YAAY;IAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,IAAA,qBAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACf,MAAM,OAAO,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACvE,MAAM,IAAI,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjC,OAAO,IAAA,mCAAsB,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAA,kCAAkB,GAAE,CAAC;IACvC,MAAM,IAAI,GAAG,mBAAmB,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,wBAAwB,EACxB,MAAM,IAAI,EAAE,EACZ,IAAI,KAAK,aAAa,IAAI,SAAS,EACnC,IAAI,IAAI,SAAS,CAClB,CAAC;IAEF,IAAI,OAAO,CAAC;IACZ,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,OAAO,GAAG,oBAAC,yBAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;KACvC;SAAM,IAAI,IAAI,KAAK,eAAe,EAAE;QACnC,OAAO,GAAG,CACR;YACE,oBAAC,6BAAa,IAAC,YAAY,EAAE,CAAC,GAAI;YAClC,oBAAC,yBAAW,IAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI;YACrC,oBAAC,6BAAa,IAAC,YAAY,EAAE,CAAC,GAAI,CACjC,CACJ,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,aAAa,EAAE;QACjC,OAAO,GAAG,CACR;YACE,oBAAC,yBAAW,IAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI;YACrC,oBAAC,yBAAW,IAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CACpC,CACJ,CAAC;KACH;IACD,OAAO,CACL,oBAAC,iCAAe,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,IACxD,OAAO,CACQ,CACnB,CAAC;AACJ,CAAC;AAzCD,oCAyCC;AAED,SAAS,mBAAmB;IAK1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,IAAA,qBAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACf,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,UAAU,CAAC;QAElD,IAAI,CAAC,KAAK,CAAC,SAAS;YAAE,OAAO,QAAQ,CAAC;QAEtC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,aAAa,CAAC;QAErD,IAAA,qBAAM,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;QACnC,OAAO,eAAe,CAAC;IACzB,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 WidgetPanels\n */\n\nimport \"./PanelTargets.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { TargetContainer } from \"./TargetContainer\";\nimport { PanelTarget } from \"./PanelTarget\";\nimport { SectionTarget, useTargetDirection } from \"./SectionTarget\";\nimport { MergeTarget } from \"./MergeTarget\";\nimport { isHorizontalPanelState } from \"../state/PanelState\";\nimport { PanelSideContext } from \"../widget-panels/Panel\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** @internal */\nexport function PanelTargets() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const widgets = useLayout((state) => state.panels[side].widgets, true);\n  const span = useLayout((state) => {\n    const panel = state.panels[side];\n    return isHorizontalPanelState(panel) && panel.span;\n  });\n  const direction = useTargetDirection();\n  const type = usePanelTargetsType();\n  const className = classnames(\n    \"nz-target-panelTargets\",\n    `nz-${side}`,\n    type === \"two-widgets\" && \"nz-wide\",\n    span && \"nz-span\"\n  );\n\n  let targets;\n  if (type === \"no-panel\") {\n    targets = <PanelTarget side={side} />;\n  } else if (type === \"single-widget\") {\n    targets = (\n      <>\n        <SectionTarget sectionIndex={0} />\n        <MergeTarget widgetId={widgets[0]} />\n        <SectionTarget sectionIndex={1} />\n      </>\n    );\n  } else if (type === \"two-widgets\") {\n    targets = (\n      <>\n        <MergeTarget widgetId={widgets[0]} />\n        <MergeTarget widgetId={widgets[1]} />\n      </>\n    );\n  }\n  return (\n    <TargetContainer className={className} direction={direction}>\n      {targets}\n    </TargetContainer>\n  );\n}\n\nfunction usePanelTargetsType():\n  | \"no-panel\"\n  | \"single-widget\"\n  | \"two-widgets\"\n  | \"hidden\" {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  return useLayout((state) => {\n    const panel = state.panels[side];\n    if (panel.widgets.length === 0) return \"no-panel\";\n\n    if (!panel.collapsed) return \"hidden\";\n\n    if (panel.widgets.length === 2) return \"two-widgets\";\n\n    assert(panel.widgets.length === 1);\n    return \"single-widget\";\n  });\n}\n"]}

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

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.nz-target-panelTargets {
+  $offset: 0.75em;
+
+  position: absolute;
+  justify-content: center;
+
+  &.nz-wide {
+    gap: 6em;
+  }
+
+  &.nz-left,
+  &.nz-right {
+    grid-row: 2/3;
+    height: 100%;
+  }
+
+  &.nz-left {
+    grid-column: 1;
+    left: $offset;
+  }
+
+  &.nz-right {
+    grid-column: 3;
+    right: $offset;
+  }
+
+  &.nz-top,
+  &.nz-bottom {
+    grid-column: 2/3;
+    width: 100%;
+
+    &.nz-span {
+      grid-column: 1/4;
+    }
+  }
+
+  &.nz-top {
+    grid-row: 1;
+    top: $offset;
+  }
+
+  &.nz-bottom {
+    grid-row: 3;
+    bottom: $offset;
+  }
+}

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

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./SectionTarget.scss";
+import * as React from "react";
+import type { SectionDropTargetState } from "../state/DropTargetState";
+/** @internal */
+export interface SectionTargetProps {
+    sectionIndex: 0 | 1;
+}
+/** @internal */
+export declare function SectionTarget(props: SectionTargetProps): React.JSX.Element;
+/** @internal */
+export declare function useSectionTargetArgs(sectionIndex: number): SectionDropTargetState;
+/** @internal */
+export declare function useTargetDirection(): "horizontal" | "vertical";
+//# sourceMappingURL=SectionTarget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTarget.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/SectionTarget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,gBAAgB;AAChB,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC;CACrB;AAED,gBAAgB;AAChB,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAuCtD;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,0BAYxD;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,IAAI,YAAY,GAAG,UAAU,CAS9D"}

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

@@ -0,0 +1,67 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTargetDirection = exports.useSectionTargetArgs = exports.SectionTarget = void 0;
+require("./SectionTarget.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const DragManager_1 = require("../base/DragManager");
+const NineZone_1 = require("../base/NineZone");
+const CursorOverlay_1 = require("../widget-panels/CursorOverlay");
+const Panel_1 = require("../widget-panels/Panel");
+const useAllowedPanelTarget_1 = require("./useAllowedPanelTarget");
+const LayoutStore_1 = require("../base/LayoutStore");
+/** @internal */
+function SectionTarget(props) {
+    const { sectionIndex } = props;
+    const cursorType = React.useContext(NineZone_1.CursorTypeContext);
+    const draggedTab = (0, LayoutStore_1.useLayout)((state) => !!state.draggedTab);
+    const draggedWidgetId = React.useContext(DragManager_1.DraggedWidgetIdContext);
+    const direction = useTargetDirection();
+    const [ref, targeted] = (0, DragManager_1.useTarget)(useSectionTargetArgs(sectionIndex));
+    const allowedTarget = (0, useAllowedPanelTarget_1.useAllowedPanelTarget)();
+    const hidden = !allowedTarget || (!draggedTab && !draggedWidgetId);
+    const className = (0, classnames_1.default)("nz-target-sectionTarget", `nz-${direction}`, 
+    // istanbul ignore next
+    targeted && "nz-targeted", hidden && "nz-hidden", 
+    // istanbul ignore next
+    cursorType && (0, CursorOverlay_1.getCursorClassName)(cursorType));
+    return (React.createElement("div", { className: className, ref: ref },
+        React.createElement("div", { className: (0, classnames_1.default)("nz-section", "nz-start", sectionIndex === 0 && "nz-target") }),
+        React.createElement("div", { className: "nz-border" }),
+        React.createElement("div", { className: (0, classnames_1.default)("nz-section", "nz-end", sectionIndex === 1 && "nz-target") })));
+}
+exports.SectionTarget = SectionTarget;
+/** @internal */
+function useSectionTargetArgs(sectionIndex) {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    const newWidgetId = React.useMemo(() => (0, NineZone_1.getUniqueId)(), []);
+    return React.useMemo(() => {
+        (0, core_bentley_1.assert)(!!side);
+        return {
+            type: "section",
+            side,
+            sectionIndex,
+            newWidgetId,
+        };
+    }, [side, sectionIndex, newWidgetId]);
+}
+exports.useSectionTargetArgs = useSectionTargetArgs;
+/** @internal */
+function useTargetDirection() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    (0, core_bentley_1.assert)(!!side);
+    if ((0, Panel_1.isHorizontalPanelSide)(side)) {
+        return "horizontal";
+    }
+    return "vertical";
+}
+exports.useTargetDirection = useTargetDirection;
+//# sourceMappingURL=SectionTarget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTarget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/SectionTarget.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,sDAA6C;AAC7C,qDAAwE;AACxE,+CAAkE;AAClE,kEAAoE;AACpE,kDAGgC;AAChC,mEAAgE;AAEhE,qDAAgD;AAOhD,gBAAgB;AAChB,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAiB,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAsB,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAA,uBAAS,EAC/B,oBAAoB,CAAC,YAAY,CAAC,CACnC,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,6CAAqB,GAAE,CAAC;IAC9C,MAAM,MAAM,GAAG,CAAC,aAAa,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,CAAC;IACnE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,yBAAyB,EACzB,MAAM,SAAS,EAAE;IACjB,uBAAuB;IACvB,QAAQ,IAAI,aAAa,EACzB,MAAM,IAAI,WAAW;IACrB,uBAAuB;IACvB,UAAU,IAAI,IAAA,kCAAkB,EAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QACjC,6BACE,SAAS,EAAE,IAAA,oBAAU,EACnB,YAAY,EACZ,UAAU,EACV,YAAY,KAAK,CAAC,IAAI,WAAW,CAClC,GACD;QACF,6BAAK,SAAS,EAAC,WAAW,GAAG;QAC7B,6BACE,SAAS,EAAE,IAAA,oBAAU,EACnB,YAAY,EACZ,QAAQ,EACR,YAAY,KAAK,CAAC,IAAI,WAAW,CAClC,GACD,CACE,CACP,CAAC;AACJ,CAAC;AAvCD,sCAuCC;AAED,gBAAgB;AAChB,SAAgB,oBAAoB,CAAC,YAAoB;IACvD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,sBAAW,GAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAO,KAAK,CAAC,OAAO,CAAyB,GAAG,EAAE;QAChD,IAAA,qBAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,OAAO;YACL,IAAI,EAAE,SAAS;YACf,IAAI;YACJ,YAAY;YACZ,WAAW;SACZ,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACxC,CAAC;AAZD,oDAYC;AAED,gBAAgB;AAChB,SAAgB,kBAAkB;IAChC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,IAAA,qBAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEf,IAAI,IAAA,6BAAqB,EAAC,IAAI,CAAC,EAAE;QAC/B,OAAO,YAAY,CAAC;KACrB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AATD,gDASC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module WidgetPanels\n */\n\nimport \"./SectionTarget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { DraggedWidgetIdContext, useTarget } from \"../base/DragManager\";\nimport { CursorTypeContext, getUniqueId } from \"../base/NineZone\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport { useAllowedPanelTarget } from \"./useAllowedPanelTarget\";\nimport type { SectionDropTargetState } from \"../state/DropTargetState\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** @internal */\nexport interface SectionTargetProps {\n  sectionIndex: 0 | 1;\n}\n\n/** @internal */\nexport function SectionTarget(props: SectionTargetProps) {\n  const { sectionIndex } = props;\n  const cursorType = React.useContext(CursorTypeContext);\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const direction = useTargetDirection();\n  const [ref, targeted] = useTarget<HTMLDivElement>(\n    useSectionTargetArgs(sectionIndex)\n  );\n  const allowedTarget = useAllowedPanelTarget();\n  const hidden = !allowedTarget || (!draggedTab && !draggedWidgetId);\n  const className = classnames(\n    \"nz-target-sectionTarget\",\n    `nz-${direction}`,\n    // istanbul ignore next\n    targeted && \"nz-targeted\",\n    hidden && \"nz-hidden\",\n    // istanbul ignore next\n    cursorType && getCursorClassName(cursorType)\n  );\n  return (\n    <div className={className} ref={ref}>\n      <div\n        className={classnames(\n          \"nz-section\",\n          \"nz-start\",\n          sectionIndex === 0 && \"nz-target\"\n        )}\n      />\n      <div className=\"nz-border\" />\n      <div\n        className={classnames(\n          \"nz-section\",\n          \"nz-end\",\n          sectionIndex === 1 && \"nz-target\"\n        )}\n      />\n    </div>\n  );\n}\n\n/** @internal */\nexport function useSectionTargetArgs(sectionIndex: number) {\n  const side = React.useContext(PanelSideContext);\n  const newWidgetId = React.useMemo(() => getUniqueId(), []);\n  return React.useMemo<SectionDropTargetState>(() => {\n    assert(!!side);\n    return {\n      type: \"section\",\n      side,\n      sectionIndex,\n      newWidgetId,\n    };\n  }, [side, sectionIndex, newWidgetId]);\n}\n\n/** @internal */\nexport function useTargetDirection(): \"horizontal\" | \"vertical\" {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n\n  if (isHorizontalPanelSide(side)) {\n    return \"horizontal\";\n  }\n\n  return \"vertical\";\n}\n"]}

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

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 "variables";
+
+.nz-target-sectionTarget {
+  $section-background: $buic-background-1;
+
+  @include nz-widget-target;
+
+  &.nz-horizontal {
+    flex-direction: row;
+  }
+
+  &.nz-vertical {
+    flex-direction: column;
+  }
+
+  > .nz-section {
+    flex: 1;
+    background-color: $section-background;
+    pointer-events: none;
+
+    &.nz-target {
+      background-color: $nz-widget-target-background;
+    }
+  }
+
+  > .nz-border {
+    flex: 0 0 $nz-widget-target-border-size;
+    background-color: $nz-widget-target-border-color;
+    pointer-events: none;
+  }
+
+  &.nz-hidden {
+    display: none;
+  }
+
+  &.nz-targeted {
+    @include nz-targeted-widget-target;
+
+    > .nz-section {
+      &.nz-target {
+        background-color: $nz-opaque-outline-color;
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTargets.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/SectionTargets.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,gBAAgB;AAChB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAUxD"}

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

@@ -0,0 +1,26 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionTargets = void 0;
+require("./SectionTargets.scss");
+const React = require("react");
+const TargetContainer_1 = require("./TargetContainer");
+const SectionTarget_1 = require("./SectionTarget");
+const MergeTarget_1 = require("./MergeTarget");
+/** @internal */
+function SectionTargets(props) {
+    const direction = (0, SectionTarget_1.useTargetDirection)();
+    const { widgetId } = props;
+    return (React.createElement(TargetContainer_1.TargetContainer, { className: "nz-target-sectionTargets", direction: direction },
+        React.createElement(SectionTarget_1.SectionTarget, { sectionIndex: 0 }),
+        React.createElement(MergeTarget_1.MergeTarget, { widgetId: widgetId }),
+        React.createElement(SectionTarget_1.SectionTarget, { sectionIndex: 1 })));
+}
+exports.SectionTargets = SectionTargets;
+//# sourceMappingURL=SectionTargets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTargets.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/target/SectionTargets.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAC/B,uDAAoD;AACpD,mDAAoE;AAEpE,+CAA4C;AAO5C,gBAAgB;AAChB,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,IAAA,kCAAkB,GAAE,CAAC;IACvC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,OAAO,CACL,oBAAC,iCAAe,IAAC,SAAS,EAAC,0BAA0B,EAAC,SAAS,EAAE,SAAS;QACxE,oBAAC,6BAAa,IAAC,YAAY,EAAE,CAAC,GAAI;QAClC,oBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACnC,oBAAC,6BAAa,IAAC,YAAY,EAAE,CAAC,GAAI,CAClB,CACnB,CAAC;AACJ,CAAC;AAVD,wCAUC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module WidgetPanels\n */\n\nimport \"./SectionTargets.scss\";\nimport * as React from \"react\";\nimport { TargetContainer } from \"./TargetContainer\";\nimport { SectionTarget, useTargetDirection } from \"./SectionTarget\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport { MergeTarget } from \"./MergeTarget\";\n\n/** @internal */\nexport interface SectionTargetsProps {\n  widgetId: WidgetState[\"id\"];\n}\n\n/** @internal */\nexport function SectionTargets(props: SectionTargetsProps) {\n  const direction = useTargetDirection();\n  const { widgetId } = props;\n  return (\n    <TargetContainer className=\"nz-target-sectionTargets\" direction={direction}>\n      <SectionTarget sectionIndex={0} />\n      <MergeTarget widgetId={widgetId} />\n      <SectionTarget sectionIndex={1} />\n    </TargetContainer>\n  );\n}\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,63 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabTarget = void 0;
+require("./TabTarget.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const DragManager_1 = require("../base/DragManager");
+const NineZone_1 = require("../base/NineZone");
+const CursorOverlay_1 = require("../widget-panels/CursorOverlay");
+const Widget_1 = require("../widget/Widget");
+const ContentRenderer_1 = require("../widget/ContentRenderer");
+const useAllowedWidgetTarget_1 = require("./useAllowedWidgetTarget");
+const LayoutStore_1 = require("../base/LayoutStore");
+const WidgetStateHelpers_1 = require("../state/internal/WidgetStateHelpers");
+/** @internal */
+function TabTarget() {
+    const cursorType = React.useContext(NineZone_1.CursorTypeContext);
+    const draggedTab = (0, LayoutStore_1.useLayout)((state) => !!state.draggedTab);
+    const draggedWidgetId = React.useContext(DragManager_1.DraggedWidgetIdContext);
+    const widgetId = React.useContext(Widget_1.WidgetIdContext);
+    (0, core_bentley_1.assert)(!!widgetId);
+    const tabIndex = useTabIndex();
+    const [ref, targeted] = (0, DragManager_1.useTarget)(useTargetArgs(widgetId, tabIndex));
+    const allowedTarget = (0, useAllowedWidgetTarget_1.useAllowedWidgetTarget)(widgetId);
+    // istanbul ignore next
+    const hidden = !allowedTarget ||
+        (!draggedTab && !draggedWidgetId) ||
+        draggedWidgetId === widgetId;
+    const className = (0, classnames_1.default)("nz-target-tabTarget", hidden && "nz-hidden", 
+    // istanbul ignore next
+    targeted && "nz-targeted", 
+    // istanbul ignore next
+    cursorType && (0, CursorOverlay_1.getCursorClassName)(cursorType));
+    return React.createElement("div", { className: className, ref: ref });
+}
+exports.TabTarget = TabTarget;
+function useTabIndex() {
+    const widgetId = React.useContext(Widget_1.WidgetIdContext);
+    const tabId = React.useContext(ContentRenderer_1.TabIdContext);
+    (0, core_bentley_1.assert)(!!widgetId);
+    return (0, LayoutStore_1.useLayout)((state) => {
+        const widget = (0, WidgetStateHelpers_1.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/cjs/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,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAC/B,sDAA6C;AAC7C,qDAAwE;AACxE,+CAAqD;AACrD,kEAAoE;AAEpE,6CAAmD;AACnD,+DAAyD;AACzD,qEAAkE;AAElE,qDAAgD;AAChD,6EAAsE;AAEtE,gBAAgB;AAChB,SAAgB,SAAS;IACvB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAiB,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAsB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,IAAA,qBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAA,uBAAS,EAC/B,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAClC,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,+CAAsB,EAAC,QAAQ,CAAC,CAAC;IACvD,uBAAuB;IACvB,MAAM,MAAM,GACV,CAAC,aAAa;QACd,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC;QACjC,eAAe,KAAK,QAAQ,CAAC;IAC/B,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,qBAAqB,EACrB,MAAM,IAAI,WAAW;IACrB,uBAAuB;IACvB,QAAQ,IAAI,aAAa;IACzB,uBAAuB;IACvB,UAAU,IAAI,IAAA,kCAAkB,EAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACjD,CAAC;AAzBD,8BAyBC;AAED,SAAS,WAAW;IAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAY,CAAC,CAAC;IAC7C,IAAA,qBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,MAAM,GAAG,IAAA,mCAAc,EAAC,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/cjs/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/cjs/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/cjs/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/cjs/appui-react/layout/target/TargetContainer.js

@@ -0,0 +1,20 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TargetContainer = void 0;
+require("./TargetContainer.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/** @internal */
+function TargetContainer(props) {
+    const className = (0, classnames_1.default)("nz-target-targetContainer", `nz-${props.direction}`, props.className);
+    return (React.createElement("div", { className: className, style: props.style }, props.children));
+}
+exports.TargetContainer = TargetContainer;
+//# sourceMappingURL=TargetContainer.js.map

package/lib/cjs/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,kCAAgC;AAChC,2CAAoC;AACpC,+BAA+B;AAS/B,gBAAgB;AAChB,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAXD,0CAWC","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/cjs/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/cjs/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/cjs/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/cjs/appui-react/layout/target/TitleBarTarget.js

@@ -0,0 +1,52 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleBarTarget = void 0;
+require("./TitleBarTarget.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const DragManager_1 = require("../base/DragManager");
+const NineZone_1 = require("../base/NineZone");
+const CursorOverlay_1 = require("../widget-panels/CursorOverlay");
+const Widget_1 = require("../widget/Widget");
+const TabOutline_1 = require("../outline/TabOutline");
+const useAllowedWidgetTarget_1 = require("./useAllowedWidgetTarget");
+const LayoutStore_1 = require("../base/LayoutStore");
+const SendBack_1 = require("../widget/SendBack");
+/** @internal */
+function TitleBarTarget() {
+    const cursorType = React.useContext(NineZone_1.CursorTypeContext);
+    const draggedWidgetId = React.useContext(DragManager_1.DraggedWidgetIdContext);
+    const widgetId = React.useContext(Widget_1.WidgetIdContext);
+    const activeHomeState = (0, SendBack_1.useSendBackHomeState)();
+    (0, core_bentley_1.assert)(!!widgetId);
+    const draggedTab = (0, LayoutStore_1.useLayout)((state) => !!state.draggedTab);
+    const [ref] = (0, DragManager_1.useTarget)(useTargetArgs(widgetId));
+    const allowedTarget = (0, useAllowedWidgetTarget_1.useAllowedWidgetTarget)(widgetId);
+    // istanbul ignore next
+    const hidden = !allowedTarget ||
+        (((!draggedTab && !draggedWidgetId) || draggedWidgetId === widgetId) &&
+            !((activeHomeState === null || activeHomeState === void 0 ? void 0 : activeHomeState.widgetId) === widgetId));
+    const className = (0, classnames_1.default)("nz-target-titleBarTarget", hidden && "nz-hidden", 
+    // istanbul ignore next
+    cursorType && (0, CursorOverlay_1.getCursorClassName)(cursorType));
+    return (React.createElement("div", { className: className, ref: ref },
+        React.createElement(TabOutline_1.TabOutline, null)));
+}
+exports.TitleBarTarget = TitleBarTarget;
+function useTargetArgs(widgetId) {
+    return React.useMemo(() => {
+        return {
+            type: "widget",
+            widgetId,
+        };
+    }, [widgetId]);
+}
+//# sourceMappingURL=TitleBarTarget.js.map

package/lib/cjs/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,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,sDAA6C;AAC7C,qDAAwE;AACxE,+CAAqD;AACrD,kEAAoE;AAEpE,6CAAmD;AACnD,sDAAmD;AACnD,qEAAkE;AAElE,qDAAgD;AAChD,iDAA0D;AAE1D,gBAAgB;AAChB,SAAgB,cAAc;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAiB,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAsB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,IAAA,+BAAoB,GAAE,CAAC;IAC/C,IAAA,qBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,MAAM,UAAU,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,uBAAS,EAAiB,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,+CAAsB,EAAC,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,IAAA,oBAAU,EAC1B,0BAA0B,EAC1B,MAAM,IAAI,WAAW;IACrB,uBAAuB;IACvB,UAAU,IAAI,IAAA,kCAAkB,EAAC,UAAU,CAAC,CAC7C,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QACjC,oBAAC,uBAAU,OAAG,CACV,CACP,CAAC;AACJ,CAAC;AA1BD,wCA0BC;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/cjs/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/cjs/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/cjs/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/cjs/appui-react/layout/target/WidgetTarget.js

@@ -0,0 +1,25 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetTarget = void 0;
+require("./WidgetTarget.scss");
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const Widget_1 = require("../widget/Widget");
+const TargetContainer_1 = require("./TargetContainer");
+const MergeTarget_1 = require("./MergeTarget");
+/** @internal */
+function WidgetTarget() {
+    const widgetId = React.useContext(Widget_1.WidgetIdContext);
+    (0, core_bentley_1.assert)(!!widgetId);
+    return (React.createElement(TargetContainer_1.TargetContainer, { className: "nz-target-widgetTarget", direction: "horizontal" },
+        React.createElement(MergeTarget_1.MergeTarget, { widgetId: widgetId })));
+}
+exports.WidgetTarget = WidgetTarget;
+//# sourceMappingURL=WidgetTarget.js.map

package/lib/cjs/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,+BAA6B;AAC7B,+BAA+B;AAC/B,sDAA6C;AAC7C,6CAAmD;AACnD,uDAAoD;AACpD,+CAA4C;AAE5C,gBAAgB;AAChB,SAAgB,YAAY;IAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,IAAA,qBAAM,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,OAAO,CACL,oBAAC,iCAAe,IAAC,SAAS,EAAC,wBAAwB,EAAC,SAAS,EAAC,YAAY;QACxE,oBAAC,yBAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACnB,CACnB,CAAC;AACJ,CAAC;AARD,oCAQC","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/cjs/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;
+}