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

package/lib/esm/appui-react/layout/footer/tool-assistance/Separator.js

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ToolAssistance
+ */
+import "./Separator.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Tool assistance item separator used in [[ToolAssistanceDialog]] component.
+ * @internal
+ */
+export class ToolAssistanceSeparator extends React.PureComponent {
+    render() {
+        const className = classnames("nz-footer-toolAssistance-separator", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style },
+            React.createElement("div", { className: "nz-label" }, this.props.children),
+            React.createElement("div", { className: "nz-separator" })));
+    }
+}
+//# sourceMappingURL=Separator.js.map

package/lib/esm/appui-react/layout/footer/tool-assistance/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../../../src/appui-react/layout/footer/tool-assistance/Separator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,aAA2C;IAC5E,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,oCAAoC,EACpC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAChD,6BAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;YACrD,6BAAK,SAAS,EAAC,cAAc,GAAG,CAC5B,CACP,CAAC;IACJ,CAAC;CACF","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 ToolAssistance\n */\n\nimport \"./Separator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[ToolAssistanceSeparator]] component.\n * @internal\n */\nexport interface ToolAssistanceSeparatorProps extends CommonProps {\n  /** Separator label. */\n  children?: string;\n}\n\n/** Tool assistance item separator used in [[ToolAssistanceDialog]] component.\n * @internal\n */\nexport class ToolAssistanceSeparator extends React.PureComponent<ToolAssistanceSeparatorProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-footer-toolAssistance-separator\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style}>\n        <div className=\"nz-label\">{this.props.children}</div>\n        <div className=\"nz-separator\" />\n      </div>\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/layout/footer/tool-assistance/Separator.scss

@@ -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.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/typography";
+
+.nz-footer-toolAssistance-separator {
+  margin-top: 18px;
+  margin-bottom: 8px;
+
+  > .nz-label {
+    @include title;
+  }
+
+  > .nz-separator {
+    height: 1px;
+    width: 100%;
+    background-color: var(--iui-color-border-subtle);
+  }
+}

package/lib/esm/appui-react/layout/outline/PanelOutline.d.ts

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

package/lib/esm/appui-react/layout/outline/PanelOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelOutline.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/PanelOutline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,gBAAgB;AAChB,wBAAgB,YAAY,sBAyB3B;AAED,gBAAgB;AAChB,wBAAgB,SAAS,YAuBxB"}

package/lib/esm/appui-react/layout/outline/PanelOutline.js

@@ -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.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./PanelOutline.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { assert } from "@itwin/core-bentley";
+import { useTargeted } from "../base/DragManager";
+import { isHorizontalPanelSide, PanelSideContext, } from "../widget-panels/Panel";
+import { isHorizontalPanelState } from "../state/PanelState";
+import { isPanelDropTargetState } from "../state/DropTargetState";
+import { useLayout } from "../base/LayoutStore";
+import { useSendBackHomeState } from "../widget/SendBack";
+/** @internal */
+export function PanelOutline() {
+    const side = React.useContext(PanelSideContext);
+    assert(!!side);
+    const isHorizontal = isHorizontalPanelSide(side);
+    const span = useLayout((state) => {
+        const panel = state.panels[side];
+        return isHorizontalPanelState(panel) ? panel.span : false;
+    });
+    const hidden = useHidden();
+    const className = classnames("nz-outline-panelOutline", hidden && "nz-hidden", `nz-${side}`, span && "nz-span");
+    const size = useSize();
+    return (React.createElement("div", { className: className, style: {
+            width: isHorizontal ? undefined : size,
+            height: isHorizontal ? size : undefined,
+        } }));
+}
+/** @internal */
+export function useHidden() {
+    const side = React.useContext(PanelSideContext);
+    const targeted = useTargeted();
+    const activeHomeState = useSendBackHomeState();
+    return React.useMemo(() => {
+        if (activeHomeState) {
+            if (activeHomeState.side === side &&
+                activeHomeState.widgetId === undefined &&
+                activeHomeState.sectionIndex === undefined)
+                return false;
+        }
+        if (!targeted)
+            return true;
+        if (!isPanelDropTargetState(targeted))
+            return true;
+        if (targeted.side !== side)
+            return true;
+        return false;
+    }, [side, targeted, activeHomeState]);
+}
+function useSize() {
+    const side = React.useContext(PanelSideContext);
+    assert(!!side);
+    return useLayout((state) => {
+        const panel = state.panels[side];
+        return panel.size !== undefined ? panel.size : panel.minSize;
+    });
+}
+//# sourceMappingURL=PanelOutline.js.map

package/lib/esm/appui-react/layout/outline/PanelOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelOutline.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/PanelOutline.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module WidgetPanels\n */\n\nimport \"./PanelOutline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { useTargeted } from \"../base/DragManager\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport { isHorizontalPanelState } from \"../state/PanelState\";\nimport { isPanelDropTargetState } from \"../state/DropTargetState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { useSendBackHomeState } from \"../widget/SendBack\";\n\n/** @internal */\nexport function PanelOutline() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const isHorizontal = isHorizontalPanelSide(side);\n  const span = useLayout((state) => {\n    const panel = state.panels[side];\n    return isHorizontalPanelState(panel) ? panel.span : false;\n  });\n  const hidden = useHidden();\n  const className = classnames(\n    \"nz-outline-panelOutline\",\n    hidden && \"nz-hidden\",\n    `nz-${side}`,\n    span && \"nz-span\"\n  );\n  const size = useSize();\n  return (\n    <div\n      className={className}\n      style={{\n        width: isHorizontal ? undefined : size,\n        height: isHorizontal ? size : undefined,\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function useHidden() {\n  const side = React.useContext(PanelSideContext);\n  const targeted = useTargeted();\n  const activeHomeState = useSendBackHomeState();\n\n  return React.useMemo(() => {\n    if (activeHomeState) {\n      if (\n        activeHomeState.side === side &&\n        activeHomeState.widgetId === undefined &&\n        activeHomeState.sectionIndex === undefined\n      )\n        return false;\n    }\n\n    if (!targeted) return true;\n\n    if (!isPanelDropTargetState(targeted)) return true;\n\n    if (targeted.side !== side) return true;\n\n    return false;\n  }, [side, targeted, activeHomeState]);\n}\n\nfunction useSize() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  return useLayout((state) => {\n    const panel = state.panels[side];\n    return panel.size !== undefined ? panel.size : panel.minSize;\n  });\n}\n"]}

package/lib/esm/appui-react/layout/outline/PanelOutline.scss

@@ -0,0 +1,72 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-outline-panelOutline {
+  background-color: $nz-outline-color;
+  position: absolute;
+  transform: scale(1);
+  transition: transform var(--iui-duration-1) ease-in;
+  width: 100%;
+  height: 100%;
+
+  &.nz-hidden {
+    transition: none;
+  }
+
+  &.nz-left,
+  &.nz-right {
+    grid-row: 2/3;
+    height: 100%;
+  }
+
+  &.nz-left {
+    grid-column: 1;
+    transform-origin: left;
+
+    &.nz-hidden {
+      transform: scale(0, 1);
+    }
+  }
+
+  &.nz-right {
+    grid-column: 3;
+    right: 0;
+    transform-origin: right;
+
+    &.nz-hidden {
+      transform: scale(0, 1);
+    }
+  }
+
+  &.nz-top,
+  &.nz-bottom {
+    grid-column: 2/3;
+    width: 100%;
+
+    &.nz-span {
+      grid-column: 1/4;
+    }
+  }
+
+  &.nz-top {
+    grid-row: 1;
+    transform-origin: top;
+
+    &.nz-hidden {
+      transform: scale(1, 0);
+    }
+  }
+
+  &.nz-bottom {
+    grid-row: 3;
+    bottom: 0;
+    transform-origin: bottom;
+
+    &.nz-hidden {
+      transform: scale(1, 0);
+    }
+  }
+}

package/lib/esm/appui-react/layout/outline/SectionOutline.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./SectionOutline.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** @internal */
+export interface SectionOutlineProps extends CommonProps {
+    sectionIndex: 0 | 1;
+}
+/** @internal */
+export declare function SectionOutline(props: SectionOutlineProps): React.JSX.Element;
+//# sourceMappingURL=SectionOutline.d.ts.map

package/lib/esm/appui-react/layout/outline/SectionOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionOutline.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/SectionOutline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWrD,gBAAgB;AAChB,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC;CACrB;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAoBxD"}

package/lib/esm/appui-react/layout/outline/SectionOutline.js

@@ -0,0 +1,69 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./SectionOutline.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { assert } from "@itwin/core-bentley";
+import { useTargeted } from "../base/DragManager";
+import { isHorizontalPanelSide, PanelSideContext, } from "../widget-panels/Panel";
+import { useTargetDirection } from "../target/SectionTarget";
+import { isSectionDropTargetState } from "../state/DropTargetState";
+import { useLayout } from "../base/LayoutStore";
+import { useSendBackHomeState } from "../widget/SendBack";
+/** @internal */
+export function SectionOutline(props) {
+    const hidden = useHidden(props.sectionIndex);
+    const direction = useTargetDirection();
+    const style = useSize(props.sectionIndex);
+    const className = classnames("nz-outline-sectionOutline", `nz-${props.sectionIndex}`, `nz-${direction}`, hidden && "nz-hidden", props.className);
+    return (React.createElement("div", { className: className, style: {
+            ...(hidden ? {} : style),
+            ...props.style,
+        } }));
+}
+// istanbul ignore next
+function useHidden(sectionIndex) {
+    const side = React.useContext(PanelSideContext);
+    const targeted = useTargeted();
+    const activeHomeState = useSendBackHomeState();
+    return React.useMemo(() => {
+        if (activeHomeState &&
+            activeHomeState.side === side &&
+            activeHomeState.sectionIndex === sectionIndex)
+            return false;
+        if (!targeted)
+            return true;
+        if (!isSectionDropTargetState(targeted))
+            return true;
+        if (targeted.sectionIndex !== sectionIndex)
+            return true;
+        if (targeted.side !== side)
+            return true;
+        return false;
+    }, [targeted, side, sectionIndex, activeHomeState]);
+}
+// istanbul ignore next
+function useSize(sectionIndex) {
+    const side = React.useContext(PanelSideContext);
+    assert(!!side);
+    const splitterPercent = useLayout((state) => state.panels[side].splitterPercent);
+    return React.useMemo(() => {
+        let size = splitterPercent;
+        if (!size)
+            return undefined;
+        if (sectionIndex === 1)
+            size = 100 - size;
+        const style = {};
+        if (isHorizontalPanelSide(side))
+            style.width = `${size}%`;
+        else
+            style.height = `${size}%`;
+        return style;
+    }, [side, splitterPercent, sectionIndex]);
+}
+//# sourceMappingURL=SectionOutline.js.map

package/lib/esm/appui-react/layout/outline/SectionOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionOutline.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/SectionOutline.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module WidgetPanels\n */\n\nimport \"./SectionOutline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { useTargeted } from \"../base/DragManager\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport { useTargetDirection } from \"../target/SectionTarget\";\nimport { isSectionDropTargetState } from \"../state/DropTargetState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { useSendBackHomeState } from \"../widget/SendBack\";\n\n/** @internal */\nexport interface SectionOutlineProps extends CommonProps {\n  sectionIndex: 0 | 1;\n}\n\n/** @internal */\nexport function SectionOutline(props: SectionOutlineProps) {\n  const hidden = useHidden(props.sectionIndex);\n  const direction = useTargetDirection();\n  const style = useSize(props.sectionIndex);\n  const className = classnames(\n    \"nz-outline-sectionOutline\",\n    `nz-${props.sectionIndex}`,\n    `nz-${direction}`,\n    hidden && \"nz-hidden\",\n    props.className\n  );\n  return (\n    <div\n      className={className}\n      style={{\n        ...(hidden ? {} : style),\n        ...props.style,\n      }}\n    />\n  );\n}\n\n// istanbul ignore next\nfunction useHidden(sectionIndex: SectionOutlineProps[\"sectionIndex\"]) {\n  const side = React.useContext(PanelSideContext);\n  const targeted = useTargeted();\n  const activeHomeState = useSendBackHomeState();\n\n  return React.useMemo(() => {\n    if (\n      activeHomeState &&\n      activeHomeState.side === side &&\n      activeHomeState.sectionIndex === sectionIndex\n    )\n      return false;\n\n    if (!targeted) return true;\n\n    if (!isSectionDropTargetState(targeted)) return true;\n\n    if (targeted.sectionIndex !== sectionIndex) return true;\n    if (targeted.side !== side) return true;\n\n    return false;\n  }, [targeted, side, sectionIndex, activeHomeState]);\n}\n\n// istanbul ignore next\nfunction useSize(sectionIndex: SectionOutlineProps[\"sectionIndex\"]) {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const splitterPercent = useLayout(\n    (state) => state.panels[side].splitterPercent\n  );\n  return React.useMemo<React.CSSProperties | undefined>(() => {\n    let size = splitterPercent;\n    if (!size) return undefined;\n    if (sectionIndex === 1) size = 100 - size;\n    const style: React.CSSProperties = {};\n    if (isHorizontalPanelSide(side)) style.width = `${size}%`;\n    else style.height = `${size}%`;\n    return style;\n  }, [side, splitterPercent, sectionIndex]);\n}\n"]}

package/lib/esm/appui-react/layout/outline/SectionOutline.scss

@@ -0,0 +1,47 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-outline-sectionOutline {
+  background-color: $nz-outline-color;
+
+  &.nz-horizontal {
+    transition: width var(--iui-duration-1) ease-in;
+    height: 100%;
+    width: 50%;
+    top: 0;
+
+    &.nz-0 {
+      left: 0;
+    }
+
+    &.nz-1 {
+      right: 0;
+    }
+
+    &.nz-hidden {
+      width: 0;
+    }
+  }
+
+  &.nz-vertical {
+    transition: height var(--iui-duration-1) ease-in;
+    width: 100%;
+    height: 50%;
+    left: 0;
+
+    &.nz-0 {
+      top: 0;
+    }
+
+    &.nz-1 {
+      bottom: 0;
+    }
+
+    &.nz-hidden {
+      height: 0;
+    }
+  }
+}

package/lib/esm/appui-react/layout/outline/TabOutline.d.ts

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

package/lib/esm/appui-react/layout/outline/TabOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabOutline.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/TabOutline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,gBAAgB;AAChB,wBAAgB,UAAU,sBAIzB"}

package/lib/esm/appui-react/layout/outline/TabOutline.js

@@ -0,0 +1,38 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 "./TabOutline.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { useTargeted } from "../base/DragManager";
+import { WidgetIdContext } from "../widget/Widget";
+import { isWidgetDropTargetState } from "../state/DropTargetState";
+import { useSendBackHomeState } from "../widget/SendBack";
+/** @internal */
+export function TabOutline() {
+    const hidden = useHidden();
+    const className = classnames("nz-outline-tabOutline", hidden && "nz-hidden");
+    return React.createElement("div", { className: className });
+}
+// istanbul ignore next
+function useHidden() {
+    const widgetId = React.useContext(WidgetIdContext);
+    const targeted = useTargeted();
+    const activeHomeState = useSendBackHomeState();
+    return React.useMemo(() => {
+        if (activeHomeState?.widgetId === widgetId)
+            return false;
+        if (!targeted)
+            return true;
+        if (!isWidgetDropTargetState(targeted))
+            return true;
+        if (targeted.widgetId !== widgetId)
+            return true;
+        return false;
+    }, [targeted, widgetId, activeHomeState]);
+}
+//# sourceMappingURL=TabOutline.js.map

package/lib/esm/appui-react/layout/outline/TabOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabOutline.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/TabOutline.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,gBAAgB;AAChB,MAAM,UAAU,UAAU;IACxB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAAE,MAAM,IAAI,WAAW,CAAC,CAAC;IAC7E,OAAO,6BAAK,SAAS,EAAE,SAAS,GAAI,CAAC;AACvC,CAAC;AAED,uBAAuB;AACvB,SAAS,SAAS;IAChB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAE/C,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,eAAe,EAAE,QAAQ,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAEzD,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE3B,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC;YAAE,OAAO,IAAI,CAAC;QAEpD,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAEhD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;AAC5C,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 \"./TabOutline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { useTargeted } from \"../base/DragManager\";\nimport { WidgetIdContext } from \"../widget/Widget\";\nimport { isWidgetDropTargetState } from \"../state/DropTargetState\";\nimport { useSendBackHomeState } from \"../widget/SendBack\";\n\n/** @internal */\nexport function TabOutline() {\n  const hidden = useHidden();\n  const className = classnames(\"nz-outline-tabOutline\", hidden && \"nz-hidden\");\n  return <div className={className} />;\n}\n\n// istanbul ignore next\nfunction useHidden() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const targeted = useTargeted();\n  const activeHomeState = useSendBackHomeState();\n\n  return React.useMemo(() => {\n    if (activeHomeState?.widgetId === widgetId) return false;\n\n    if (!targeted) return true;\n\n    if (!isWidgetDropTargetState(targeted)) return true;\n\n    if (targeted.widgetId !== widgetId) return true;\n\n    return false;\n  }, [targeted, widgetId, activeHomeState]);\n}\n"]}

package/lib/esm/appui-react/layout/outline/TabOutline.scss

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-outline-tabOutline {
+  background-color: $nz-outline-color;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  max-width: 6em;
+
+  &.nz-hidden {
+    display: none;
+  }
+}

package/lib/esm/appui-react/layout/outline/WidgetOutline.d.ts

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

package/lib/esm/appui-react/layout/outline/WidgetOutline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetOutline.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/WidgetOutline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,gBAAgB;AAChB,wBAAgB,aAAa,sBAQ5B"}

package/lib/esm/appui-react/layout/outline/WidgetOutline.js

@@ -0,0 +1,38 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 "./WidgetOutline.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { useTargeted } from "../base/DragManager";
+import { WidgetIdContext } from "../widget/Widget";
+import { isTabDropTargetState, isWidgetDropTargetState, } from "../state/DropTargetState";
+import { useSendBackHomeState } from "../widget/SendBack";
+/** @internal */
+export function WidgetOutline() {
+    const hidden = useHidden();
+    const className = classnames("nz-outline-widgetOutline", hidden && "nz-hidden");
+    return React.createElement("div", { className: className });
+}
+// istanbul ignore next
+function useHidden() {
+    const widgetId = React.useContext(WidgetIdContext);
+    const targeted = useTargeted();
+    const activeHomeState = useSendBackHomeState();
+    return React.useMemo(() => {
+        if (activeHomeState?.widgetId === widgetId)
+            return false;
+        if (!targeted)
+            return true;
+        if (isWidgetDropTargetState(targeted) && targeted.widgetId === widgetId)
+            return false;
+        if (isTabDropTargetState(targeted) && targeted.widgetId === widgetId)
+            return false;
+        return true;
+    }, [targeted, widgetId, activeHomeState]);
+}
+//# sourceMappingURL=WidgetOutline.js.map

package/lib/esm/appui-react/layout/outline/WidgetOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetOutline.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/outline/WidgetOutline.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,gBAAgB;AAChB,MAAM,UAAU,aAAa;IAC3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,MAAM,IAAI,WAAW,CACtB,CAAC;IAEF,OAAO,6BAAK,SAAS,EAAE,SAAS,GAAI,CAAC;AACvC,CAAC;AAED,uBAAuB;AACvB,SAAS,SAAS;IAChB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAE/C,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,eAAe,EAAE,QAAQ,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAEzD,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE3B,IAAI,uBAAuB,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ;YACrE,OAAO,KAAK,CAAC;QAEf,IAAI,oBAAoB,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ;YAClE,OAAO,KAAK,CAAC;QAEf,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;AAC5C,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 \"./WidgetOutline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { useTargeted } from \"../base/DragManager\";\nimport { WidgetIdContext } from \"../widget/Widget\";\nimport {\n  isTabDropTargetState,\n  isWidgetDropTargetState,\n} from \"../state/DropTargetState\";\nimport { useSendBackHomeState } from \"../widget/SendBack\";\n\n/** @internal */\nexport function WidgetOutline() {\n  const hidden = useHidden();\n  const className = classnames(\n    \"nz-outline-widgetOutline\",\n    hidden && \"nz-hidden\"\n  );\n\n  return <div className={className} />;\n}\n\n// istanbul ignore next\nfunction useHidden() {\n  const widgetId = React.useContext(WidgetIdContext);\n  const targeted = useTargeted();\n  const activeHomeState = useSendBackHomeState();\n\n  return React.useMemo(() => {\n    if (activeHomeState?.widgetId === widgetId) return false;\n\n    if (!targeted) return true;\n\n    if (isWidgetDropTargetState(targeted) && targeted.widgetId === widgetId)\n      return false;\n\n    if (isTabDropTargetState(targeted) && targeted.widgetId === widgetId)\n      return false;\n\n    return true;\n  }, [targeted, widgetId, activeHomeState]);\n}\n"]}

package/lib/esm/appui-react/layout/outline/WidgetOutline.scss

@@ -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.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-outline-widgetOutline {
+  background-color: $nz-outline-color;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+
+  &.nz-hidden {
+    display: none;
+  }
+}

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

@@ -0,0 +1,7 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+$nz-outline-color: rgba(140, 210, 255, var(--iui-opacity-3));
+$nz-opaque-outline-color: rgb(140, 210, 255);

package/lib/esm/appui-react/layout/popup/Tooltip.d.ts

@@ -0,0 +1,42 @@
+/** @packageDocumentation
+ * @module Popup
+ */
+import "./Tooltip.scss";
+import * as React from "react";
+import type { CommonProps, RectangleProps, SizeProps } from "@itwin/core-react";
+import { Point } from "@itwin/core-react";
+import type { XAndY } from "../state/internal/NineZoneStateHelpers";
+/** Properties of [[Tooltip]] component.
+ * @internal
+ */
+export interface TooltipProps extends CommonProps {
+    /** Tooltip content. */
+    children?: React.ReactNode;
+    /** Tooltip icon. */
+    icon?: React.ReactNode;
+    /** Function called when the bounds of the tooltip changes. */
+    onSizeChanged?: (size: SizeProps) => void;
+    /** Position of the tooltip. */
+    position: XAndY;
+}
+/** Default properties of [[Tooltip]] component.
+ * @internal
+ */
+export type TooltipDefaultProps = Pick<TooltipProps, "position">;
+/** Positionable tooltip component.
+ * @internal
+ */
+export declare class Tooltip extends React.PureComponent<TooltipProps> {
+    static readonly defaultProps: TooltipDefaultProps;
+    private _lastSize;
+    private _tooltip;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    private onSizeChanged;
+}
+/** Function to apply offset and contain tooltip bounds in container.
+ * @internal
+ */
+export declare const offsetAndContainInContainer: (tooltipBounds: RectangleProps, containerSize: SizeProps, offset?: XAndY) => Point;
+//# sourceMappingURL=Tooltip.d.ts.map

package/lib/esm/appui-react/layout/popup/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/popup/Tooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,KAAK,EAAmB,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEjE;;GAEG;AACH,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAC5D,gBAAuB,YAAY,EAAE,mBAAmB,CAKtD;IAEF,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAqC;IAErC,MAAM;IAmBN,iBAAiB;IAIjB,kBAAkB,IAAI,IAAI;IAI1C,OAAO,CAAC,aAAa;CActB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,kBACvB,cAAc,iBACd,SAAS,WAChB,KAAK,KACZ,KAOF,CAAC"}