@itwin/appui-react 5.25.0 → 5.26.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Change Log - @itwin/appui-react
 
+## 5.26.0
+
+### Minor Changes
+
+- f291611: Deprecated `PreviewFeaturesProviderProps` interface. Use `React.ComponentProps<typeof PreviewFeaturesProvider>` instead.
+- f291611: Bumped the release tag of `PreviewFeaturesProvider` component and `PreviewFeatures` interface from `@beta` to `@public`.
+- 2c75727: Added `widgetTabActions` preview feature, which when enabled displays widget tab actions for individual tabs instead of the default behavior where only active tab actions are exposed. Note that this feature replaces the overflow dropdown menu with a scrollable container to display all tab actions. Close button will be shown in widget tab when `controlWidgetVisibility` preview feature is enabled.
+
+  ```tsx
+  <PreviewFeaturesProvider
+    features={{
+      widgetTabActions: true,
+    }}
+  >
+    <App />
+  </PreviewFeaturesProvider>
+  ```
+
+### Patch Changes
+
+- @itwin/components-react@5.26.0
+- @itwin/core-react@5.26.0
+- @itwin/imodel-components-react@5.26.0
+
 ## 5.25.0
 
 ### Minor Changes

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

@@ -4,5 +4,5 @@
 import "./TitleBarTarget.scss";
 import * as React from "react";
 /** @internal */
-export declare function TitleBarTarget(): React.JSX.Element;
+export declare function TitleBarTarget(props: React.ComponentProps<"div">): React.JSX.Element;
 //# sourceMappingURL=TitleBarTarget.d.ts.map

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

@@ -1 +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,sBAwB7B"}
+{"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,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAyBhE"}

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

@@ -18,7 +18,7 @@ import { useAllowedWidgetTarget } from "./useAllowedWidgetTarget.js";
 import { useLayout } from "../base/LayoutStore.js";
 import { useSendBackHomeState } from "../widget/SendBack.js";
 /** @internal */
-export function TitleBarTarget() {
+export function TitleBarTarget(props) {
     const cursorType = React.useContext(CursorTypeContext);
     const draggedWidgetId = React.useContext(DraggedWidgetIdContext);
     const widgetId = React.useContext(WidgetIdContext);
@@ -30,8 +30,8 @@ export function TitleBarTarget() {
     const hidden = !allowedTarget ||
         (((!draggedTab && !draggedWidgetId) || draggedWidgetId === widgetId) &&
             !(activeHomeState?.widgetId === widgetId));
-    const className = classnames("nz-target-titleBarTarget", hidden && "nz-hidden", cursorType && getCursorClassName(cursorType));
-    return (React.createElement("div", { className: className, ref: ref },
+    const className = classnames("nz-target-titleBarTarget", hidden && "nz-hidden", cursorType && getCursorClassName(cursorType), props.className);
+    return (React.createElement("div", { ...props, className: className, ref: ref },
         React.createElement(TabOutline, null)));
 }
 function useTargetArgs(widgetId) {

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

@@ -1 +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,wBAAwB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,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,MAAM,MAAM,GACV,CAAC,aAAa;QACd,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe,KAAK,QAAQ,CAAC;YAClE,CAAC,CAAC,eAAe,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,MAAM,IAAI,WAAW,EACrB,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.js\";\nimport { CursorTypeContext } from \"../base/NineZone.js\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay.js\";\nimport type { WidgetState } from \"../state/WidgetState.js\";\nimport { WidgetIdContext } from \"../widget/Widget.js\";\nimport { TabOutline } from \"../outline/TabOutline.js\";\nimport { useAllowedWidgetTarget } from \"./useAllowedWidgetTarget.js\";\nimport type { WidgetDropTargetState } from \"../state/DropTargetState.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { useSendBackHomeState } from \"../widget/SendBack.js\";\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  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    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"]}
+{"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,wBAAwB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,gBAAgB;AAChB,MAAM,UAAU,cAAc,CAAC,KAAkC;IAC/D,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,MAAM,MAAM,GACV,CAAC,aAAa;QACd,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe,KAAK,QAAQ,CAAC;YAClE,CAAC,CAAC,eAAe,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,MAAM,IAAI,WAAW,EACrB,UAAU,IAAI,kBAAkB,CAAC,UAAU,CAAC,EAC5C,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC5C,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.js\";\nimport { CursorTypeContext } from \"../base/NineZone.js\";\nimport { getCursorClassName } from \"../widget-panels/CursorOverlay.js\";\nimport type { WidgetState } from \"../state/WidgetState.js\";\nimport { WidgetIdContext } from \"../widget/Widget.js\";\nimport { TabOutline } from \"../outline/TabOutline.js\";\nimport { useAllowedWidgetTarget } from \"./useAllowedWidgetTarget.js\";\nimport type { WidgetDropTargetState } from \"../state/DropTargetState.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { useSendBackHomeState } from \"../widget/SendBack.js\";\n\n/** @internal */\nexport function TitleBarTarget(props: React.ComponentProps<\"div\">) {\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  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    cursorType && getCursorClassName(cursorType),\n    props.className\n  );\n  return (\n    <div {...props} 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/appui-react/layout/target/TitleBarTarget.scss

@@ -4,14 +4,16 @@
  *--------------------------------------------------------------------------------------------*/
 @use "~@itwin/core-react/lib/core-react/z-index" as *;
 
-.nz-target-titleBarTarget {
-  flex: 1 1 0;
-  position: relative;
-  overflow: hidden;
+@layer appui.component {
+  .nz-target-titleBarTarget {
+    flex: 1 1 0;
+    position: relative;
+    overflow: hidden;
 
-  @include uicore-z-index(drop-target);
+    @include uicore-z-index(drop-target);
 
-  &.nz-hidden {
-    display: none;
+    &.nz-hidden {
+      display: none;
+    }
   }
 }

package/lib/appui-react/layout/widget/ContentContainer.d.ts

@@ -9,4 +9,6 @@ export interface WidgetContentContainerProps {
 }
 /** @internal */
 export declare function WidgetContentContainer(props: WidgetContentContainerProps): React.JSX.Element;
+/** @internal */
+export declare function useWidgetContentContainer(): React.RefCallback<HTMLDivElement>;
 //# sourceMappingURL=ContentContainer.d.ts.map

package/lib/appui-react/layout/widget/ContentContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ContentContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBA4BxE"}
+{"version":3,"file":"ContentContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ContentContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAmBxE;AAED,gBAAgB;AAChB,wBAAgB,yBAAyB,IAAI,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,CAS7E"}

package/lib/appui-react/layout/widget/ContentContainer.js

@@ -8,30 +8,30 @@
 import "./ContentContainer.scss";
 import classnames from "classnames";
 import * as React from "react";
-import { assert } from "@itwin/core-bentley";
 import { WidgetContentManagerContext } from "./ContentManager.js";
 import { PanelSideContext } from "../widget-panels/Panel.js";
-import { WidgetIdContext } from "./Widget.js";
+import { useActiveTabId, WidgetIdContext } from "./Widget.js";
 import { useLayout } from "../base/LayoutStore.js";
 import { getWidgetState } from "../state/internal/WidgetStateHelpers.js";
+import { useSafeContext } from "../../hooks/useSafeContext.js";
 /** @internal */
 export function WidgetContentContainer(props) {
-    const widgetId = React.useContext(WidgetIdContext);
-    const widgetContentManager = React.useContext(WidgetContentManagerContext);
     const side = React.useContext(PanelSideContext);
-    assert(!!widgetId);
-    const { minimized, activeTabId } = useLayout((state) => {
-        const widget = getWidgetState(state, widgetId);
-        return { minimized: widget.minimized, activeTabId: widget.activeTabId };
-    }, true);
-    const ref = React.useCallback((instance) => {
-        if (!widgetContentManager)
-            return;
-        widgetContentManager.setContainer(activeTabId, instance ?? undefined);
-    }, [widgetContentManager, activeTabId]);
-    const className = classnames("nz-widget-contentContainer", undefined === side && minimized && "nz-minimized");
-    return (React.createElement("div", { className: className },
+    const widgetId = useSafeContext(WidgetIdContext);
+    const minimized = useLayout((state) => {
+        return getWidgetState(state, widgetId).minimized;
+    });
+    const ref = useWidgetContentContainer();
+    return (React.createElement("div", { className: classnames("nz-widget-contentContainer", undefined === side && minimized && "nz-minimized") },
         React.createElement("div", { className: "nz-content", ref: ref }),
         props.children));
 }
+/** @internal */
+export function useWidgetContentContainer() {
+    const widgetContentManager = useSafeContext(WidgetContentManagerContext);
+    const activeTabId = useActiveTabId();
+    return React.useCallback((instance) => {
+        widgetContentManager.setContainer(activeTabId, instance ?? undefined);
+    }, [widgetContentManager, activeTabId]);
+}
 //# sourceMappingURL=ContentContainer.js.map

package/lib/appui-react/layout/widget/ContentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ContentContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAOzE,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAC3E,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChD,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QACrD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;IAC1E,CAAC,EAAE,IAAI,CAAC,CAAC;IACT,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAC3B,CAAC,QAAQ,EAAE,EAAE;QACX,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAElC,oBAAoB,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAC;IACxE,CAAC,EACD,CAAC,oBAAoB,EAAE,WAAW,CAAC,CACpC,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,4BAA4B,EAC5B,SAAS,KAAK,IAAI,IAAI,SAAS,IAAI,cAAc,CAClD,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,GAAI;QACvC,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 \"./ContentContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { WidgetContentManagerContext } from \"./ContentManager.js\";\nimport { PanelSideContext } from \"../widget-panels/Panel.js\";\nimport { WidgetIdContext } from \"./Widget.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\n\n/** @internal */\nexport interface WidgetContentContainerProps {\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetContentContainer(props: WidgetContentContainerProps) {\n  const widgetId = React.useContext(WidgetIdContext);\n  const widgetContentManager = React.useContext(WidgetContentManagerContext);\n  const side = React.useContext(PanelSideContext);\n  assert(!!widgetId);\n  const { minimized, activeTabId } = useLayout((state) => {\n    const widget = getWidgetState(state, widgetId);\n    return { minimized: widget.minimized, activeTabId: widget.activeTabId };\n  }, true);\n  const ref = React.useCallback<React.RefCallback<HTMLDivElement>>(\n    (instance) => {\n      if (!widgetContentManager) return;\n\n      widgetContentManager.setContainer(activeTabId, instance ?? undefined);\n    },\n    [widgetContentManager, activeTabId]\n  );\n\n  const className = classnames(\n    \"nz-widget-contentContainer\",\n    undefined === side && minimized && \"nz-minimized\"\n  );\n  return (\n    <div className={className}>\n      <div className=\"nz-content\" ref={ref} />\n      {props.children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/ContentContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAO/D,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QACpC,OAAO,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,SAAS,CAAC;IACnD,CAAC,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,yBAAyB,EAAE,CAAC;IAExC,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,4BAA4B,EAC5B,SAAS,KAAK,IAAI,IAAI,SAAS,IAAI,cAAc,CAClD;QAED,6BAAK,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,GAAI;QACvC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,yBAAyB;IACvC,MAAM,oBAAoB,GAAG,cAAc,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,QAAQ,EAAE,EAAE;QACX,oBAAoB,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAC;IACxE,CAAC,EACD,CAAC,oBAAoB,EAAE,WAAW,CAAC,CACpC,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 \"./ContentContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { WidgetContentManagerContext } from \"./ContentManager.js\";\nimport { PanelSideContext } from \"../widget-panels/Panel.js\";\nimport { useActiveTabId, WidgetIdContext } from \"./Widget.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport { useSafeContext } from \"../../hooks/useSafeContext.js\";\n\n/** @internal */\nexport interface WidgetContentContainerProps {\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetContentContainer(props: WidgetContentContainerProps) {\n  const side = React.useContext(PanelSideContext);\n  const widgetId = useSafeContext(WidgetIdContext);\n  const minimized = useLayout((state) => {\n    return getWidgetState(state, widgetId).minimized;\n  });\n  const ref = useWidgetContentContainer();\n\n  return (\n    <div\n      className={classnames(\n        \"nz-widget-contentContainer\",\n        undefined === side && minimized && \"nz-minimized\"\n      )}\n    >\n      <div className=\"nz-content\" ref={ref} />\n      {props.children}\n    </div>\n  );\n}\n\n/** @internal */\nexport function useWidgetContentContainer(): React.RefCallback<HTMLDivElement> {\n  const widgetContentManager = useSafeContext(WidgetContentManagerContext);\n  const activeTabId = useActiveTabId();\n  return React.useCallback(\n    (instance) => {\n      widgetContentManager.setContainer(activeTabId, instance ?? undefined);\n    },\n    [widgetContentManager, activeTabId]\n  );\n}\n"]}

package/lib/appui-react/layout/widget/FloatingWidget.d.ts

@@ -10,24 +10,76 @@ type FloatingWidgetEdgeHandle = "left" | "right" | "top" | "bottom";
 type FloatingWidgetCornerHandle = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
 /** @internal */
 export type FloatingWidgetResizeHandle = FloatingWidgetEdgeHandle | FloatingWidgetCornerHandle;
-/** @internal */
-export interface FloatingWidgetProviderProps {
+interface FloatingWidgetProviderProps {
     id: FloatingWidgetState["id"];
 }
 /** @internal */
 export declare function FloatingWidgetProvider(props: FloatingWidgetProviderProps): React.JSX.Element;
-/** @internal */
-export interface FloatingWidgetProps {
+interface FloatingWidgetProps {
     onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 /** @internal */
 export declare function FloatingWidget(props: FloatingWidgetProps): React.JSX.Element;
+interface FloatingWidgetHandleProps extends React.HTMLAttributes<HTMLDivElement> {
+    handle: FloatingWidgetResizeHandle;
+}
+/** @internal */
+export declare function FloatingWidgetHandle(props: FloatingWidgetHandleProps): React.JSX.Element | null;
 /** @internal */
 export declare function getResizeBy(handle: FloatingWidgetResizeHandle, offset: XAndY): Rectangle;
 /** @internal */
 export declare function useFloatingWidgetId(): FloatingWidgetState["id"] | undefined;
 /** @internal */
 export declare function useWidgetAllowedToDock(): boolean;
+/** @internal */
+export declare function useFloatingWidget(): {
+    ref: (instance: Element | null) => void;
+    maximizedWidget: {
+        style: {
+            transform?: undefined;
+            height?: undefined;
+            width?: undefined;
+            "max-height"?: undefined;
+            "max-width"?: undefined;
+        };
+        classNames: {
+            "uifw-preview-enableMaximizedWidget_floatingWidget"?: undefined;
+        };
+    } | {
+        style: {
+            transform: string;
+            height: string;
+            width: string;
+            "max-height": string;
+            "max-width": string;
+        };
+        classNames: {
+            "uifw-preview-enableMaximizedWidget_floatingWidget": boolean;
+        };
+    };
+    hidden: boolean | undefined;
+    minimized: boolean;
+    resizable: boolean;
+    dragged: boolean;
+    isToolSettingsTab: boolean;
+    style: {
+        transform: string;
+        height: number | undefined;
+        width: number | undefined;
+        "max-height"?: undefined;
+        "max-width"?: undefined;
+        maxHeight: string | undefined;
+        maxWidth: string | undefined;
+    } | {
+        transform: string;
+        height: string;
+        width: string;
+        "max-height": string;
+        "max-width": string;
+        maxHeight: string | undefined;
+        maxWidth: string | undefined;
+    };
+};
 export {};
 //# sourceMappingURL=FloatingWidget.d.ts.map

package/lib/appui-react/layout/widget/FloatingWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/FloatingWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EAGV,MAAM,4BAA4B,CAAC;AAapC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAUnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAMvE,KAAK,wBAAwB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,KAAK,0BAA0B,GAC3B,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAC;AAElB,gBAAgB;AAChB,MAAM,MAAM,0BAA0B,GAClC,wBAAwB,GACxB,0BAA0B,CAAC;AAE/B,gBAAgB;AAChB,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAGxE;AAED,gBAAgB;AAChB,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3E;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAwFxD;AAoKD,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,MAAM,EAAE,0BAA0B,EAAE,MAAM,EAAE,KAAK,aAmB5E;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,IAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,SAAS,CAS3E;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,IAAI,OAAO,CAYhD"}
+{"version":3,"file":"FloatingWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/FloatingWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EAGV,MAAM,4BAA4B,CAAC;AAapC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAUnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AASvE,KAAK,wBAAwB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,KAAK,0BAA0B,GAC3B,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAC;AAElB,gBAAgB;AAChB,MAAM,MAAM,0BAA0B,GAClC,wBAAwB,GACxB,0BAA0B,CAAC;AAE/B,UAAU,2BAA2B;IACnC,EAAE,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAQxE;AAED,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC3E;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAyDxD;AAoHD,UAAU,yBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,MAAM,EAAE,0BAA0B,CAAC;CACpC;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,4BA+DpE;AAED,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,MAAM,EAAE,0BAA0B,EAAE,MAAM,EAAE,KAAK,aAmB5E;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,IAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,SAAS,CAS3E;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,IAAI,OAAO,CAYhD;AAuBD,gBAAgB;AAChB,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoChC"}

package/lib/appui-react/layout/widget/FloatingWidget.js

@@ -21,38 +21,18 @@ import { WidgetOutline } from "../outline/WidgetOutline.js";
 import { useLayout } from "../base/LayoutStore.js";
 import { getWidgetState } from "../state/internal/WidgetStateHelpers.js";
 import { useIsMaximizedWidget, useMaximizedFloatingWidget, } from "../../preview/enable-maximized-widget/useMaximizedWidget.js";
+import { useWidgetTabActions } from "../../preview/widget-tab-actions/useWidgetTabActions.js";
+import { FloatingWidget as TabActionsFloatingWidget } from "../../preview/widget-tab-actions/Widget.js";
+import { useSafeContext } from "../../hooks/useSafeContext.js";
 /** @internal */
 export function FloatingWidgetProvider(props) {
     const floatingWidget = React.useContext(FloatingWidgetNodeContext);
-    return React.createElement(WidgetProvider, { id: props.id }, floatingWidget);
+    const widgetTabActions = useWidgetTabActions();
+    return (React.createElement(WidgetProvider, { id: props.id }, widgetTabActions ? React.createElement(TabActionsFloatingWidget, null) : floatingWidget));
 }
 /** @internal */
 export function FloatingWidget(props) {
-    const uiIsVisible = React.useContext(UiIsVisibleContext);
-    const id = useFloatingWidgetId();
-    assert(!!id);
-    const { autoSized, bounds, hideWithUiWhenFloating, isToolSettingsTab, minimized, resizable, } = useFloatingWidgetState();
-    const hideFloatingWidget = !uiIsVisible && hideWithUiWhenFloating;
-    const item = React.useMemo(() => ({
-        id,
-        type: "widget",
-    }), [id]);
-    const dragged = useIsDraggedItem(item);
-    const ref = useHandleAutoSize(dragged);
-    const maximizedWidget = useMaximizedFloatingWidget();
-    const className = classnames("nz-widget-floatingWidget", dragged && "nz-dragged", isToolSettingsTab && "nz-floating-toolSettings", minimized && "nz-minimized", hideFloatingWidget && "nz-hidden", maximizedWidget.classNames);
-    const style = React.useMemo(() => {
-        const boundsRect = Rectangle.create(bounds);
-        const { height, width } = boundsRect.getSize();
-        const position = boundsRect.topLeft();
-        return {
-            transform: `translate(${position.x}px, ${position.y}px)`,
-            height: minimized || autoSized ? undefined : height,
-            width: autoSized ? undefined : width,
-            maxHeight: autoSized ? "60%" : undefined,
-            maxWidth: autoSized ? "60%" : undefined,
-        };
-    }, [autoSized, bounds, minimized]);
+    const { ref, style, hidden, minimized, resizable, dragged, isToolSettingsTab, maximizedWidget, } = useFloatingWidget();
     const content = React.useMemo(() => (React.createElement(WidgetContentContainer, null,
         React.createElement(WidgetTarget, null),
         React.createElement(WidgetOutline, null))), []);
@@ -65,38 +45,47 @@ export function FloatingWidget(props) {
         React.createElement(FloatingWidgetHandle, { handle: "topRight" }),
         React.createElement(FloatingWidgetHandle, { handle: "bottomLeft" }),
         React.createElement(FloatingWidgetHandle, { handle: "bottomRight" }))), [resizable]);
-    return (React.createElement(Widget, { className: className, widgetId: id, style: {
-            ...style,
-            ...maximizedWidget.style,
-        }, ref: ref, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
+    return (React.createElement(Widget, { className: classnames("nz-widget-floatingWidget", dragged && "nz-dragged", isToolSettingsTab && "nz-floating-toolSettings", minimized && "nz-minimized", hidden && "nz-hidden", maximizedWidget.classNames), style: style, ref: ref, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
         React.createElement(WidgetTabBar, { separator: !minimized }),
         content,
         handles));
 }
-function useFloatingWidgetState() {
+function useIsDraggedWidget() {
     const id = useFloatingWidgetId();
     assert(!!id);
-    return useLayout((state) => {
+    const item = React.useMemo(() => ({
+        id,
+        type: "widget",
+    }), [id]);
+    return useIsDraggedItem(item);
+}
+function useFloatingWidgetStyle() {
+    const id = useSafeContext(WidgetIdContext);
+    const autoSized = useLayout((state) => {
         const widget = getWidgetState(state, id);
         const floatingWidget = state.floatingWidgets.byId[id];
-        const tabs = widget.tabs;
-        const activeTabId = widget.activeTabId;
-        const activeTab = state.tabs[activeTabId];
-        const userSized = floatingWidget.userSized;
-        const singleTab = 1 === tabs.length;
-        const toolSettingsTabId = state.toolSettings?.tabId;
-        const isToolSettingsTab = widget.tabs[0] === toolSettingsTabId;
-        const resizable = !!floatingWidget.resizable && !isToolSettingsTab;
-        const autoSized = singleTab && !userSized;
+        const singleTab = 1 === widget.tabs.length;
+        return singleTab && !floatingWidget.userSized;
+    });
+    const bounds = useLayout((state) => state.floatingWidgets.byId[id].bounds);
+    const minimized = useLayout((state) => getWidgetState(state, id).minimized);
+    const style = React.useMemo(() => {
+        const boundsRect = Rectangle.create(bounds);
+        const { height, width } = boundsRect.getSize();
+        const position = boundsRect.topLeft();
         return {
-            autoSized,
-            bounds: floatingWidget.bounds,
-            hideWithUiWhenFloating: activeTab.hideWithUiWhenFloating,
-            isToolSettingsTab,
-            minimized: widget.minimized,
-            resizable,
+            transform: `translate(${position.x}px, ${position.y}px)`,
+            height: minimized || autoSized ? undefined : height,
+            width: autoSized ? undefined : width,
+            maxHeight: autoSized ? "60%" : undefined,
+            maxWidth: autoSized ? "60%" : undefined,
         };
-    }, true);
+    }, [autoSized, bounds, minimized]);
+    const maximizedWidget = useMaximizedFloatingWidget();
+    return {
+        ...style,
+        ...maximizedWidget.style,
+    };
 }
 // Re-adjust bounds so that widget is behind pointer when auto-sized.
 function useHandleAutoSize(dragged) {
@@ -167,7 +156,8 @@ function useHandleAutoSize(dragged) {
     const refs = useRefs(ref, roRef);
     return refs;
 }
-function FloatingWidgetHandle(props) {
+/** @internal */
+export function FloatingWidgetHandle(props) {
     const dispatch = React.useContext(NineZoneDispatchContext);
     const id = useFloatingWidgetId();
     const { handle } = props;
@@ -210,10 +200,9 @@ function FloatingWidgetHandle(props) {
     const ref = React.useRef(null);
     const refs = useRefs(ref, pointerCaptorRef);
     const isMaximized = useIsMaximizedWidget();
-    const className = classnames("nz-widget-floatingWidget_handle", `nz-${handle}`);
     if (isMaximized)
         return null;
-    return React.createElement("div", { className: className, ref: refs });
+    return (React.createElement("div", { ...props, className: classnames("nz-widget-floatingWidget_handle", `nz-${handle}`, props.className), ref: refs }));
 }
 /** @internal */
 export function getResizeBy(handle, offset) {
@@ -262,4 +251,61 @@ export function useWidgetAllowedToDock() {
         return true;
     });
 }
+function useBringToFront() {
+    const dispatch = React.useContext(NineZoneDispatchContext);
+    const floatingWidgetId = useFloatingWidgetId();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        const listener = () => {
+            floatingWidgetId &&
+                dispatch({
+                    type: "FLOATING_WIDGET_BRING_TO_FRONT",
+                    id: floatingWidgetId,
+                });
+        };
+        const element = ref.current;
+        element?.addEventListener("click", listener);
+        return () => {
+            element?.removeEventListener("click", listener);
+        };
+    }, [dispatch, floatingWidgetId]);
+    return ref;
+}
+/** @internal */
+export function useFloatingWidget() {
+    const id = useSafeContext(WidgetIdContext);
+    const uiIsVisible = React.useContext(UiIsVisibleContext);
+    const minimized = useLayout((state) => getWidgetState(state, id).minimized);
+    const hideWithUiWhenFloating = useLayout((state) => {
+        const widget = getWidgetState(state, id);
+        const activeTab = state.tabs[widget.activeTabId];
+        return activeTab.hideWithUiWhenFloating;
+    });
+    const isToolSettingsTab = useLayout((state) => {
+        const widget = getWidgetState(state, id);
+        const toolSettingsTabId = state.toolSettings?.tabId;
+        return widget.tabs[0] === toolSettingsTabId;
+    });
+    const resizable = useLayout((state) => {
+        const floatingWidget = state.floatingWidgets.byId[id];
+        return !!floatingWidget.resizable && !isToolSettingsTab;
+    });
+    const hidden = !uiIsVisible && hideWithUiWhenFloating;
+    const style = useFloatingWidgetStyle();
+    const dragged = useIsDraggedWidget();
+    const maximizedWidget = useMaximizedFloatingWidget();
+    const autoSizeRef = useHandleAutoSize(dragged);
+    const bringToFrontRef = useBringToFront();
+    const ref = useRefs(autoSizeRef, bringToFrontRef);
+    return {
+        ref,
+        maximizedWidget,
+        hidden,
+        minimized,
+        resizable,
+        dragged,
+        isToolSettingsTab,
+        style,
+    };
+}
 //# sourceMappingURL=FloatingWidget.js.map

package/lib/appui-react/layout/widget/FloatingWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/FloatingWidget.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 Widget\n */\n\nimport \"./FloatingWidget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport {\n  Point,\n  Rectangle,\n  useRefs,\n  useResizeObserver,\n} from \"@itwin/core-react/internal\";\nimport type { UseDragResizeHandleArgs } from \"../base/DragManager.js\";\nimport {\n  DragManagerContext,\n  useDragResizeHandle,\n  useIsDraggedItem,\n} from \"../base/DragManager.js\";\nimport {\n  FloatingWidgetNodeContext,\n  MeasureContext,\n  NineZoneDispatchContext,\n  UiIsVisibleContext,\n} from \"../base/NineZone.js\";\nimport type { FloatingWidgetState } from \"../state/WidgetState.js\";\nimport { WidgetContentContainer } from \"./ContentContainer.js\";\nimport { WidgetTabBar } from \"./TabBar.js\";\nimport { Widget, WidgetIdContext, WidgetProvider } from \"./Widget.js\";\nimport type { PointerCaptorArgs } from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { WidgetTarget } from \"../target/WidgetTarget.js\";\nimport { WidgetOutline } from \"../outline/WidgetOutline.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport type { XAndY } from \"../state/internal/NineZoneStateHelpers.js\";\nimport {\n  useIsMaximizedWidget,\n  useMaximizedFloatingWidget,\n} from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\n\ntype FloatingWidgetEdgeHandle = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype FloatingWidgetCornerHandle =\n  | \"topLeft\"\n  | \"topRight\"\n  | \"bottomLeft\"\n  | \"bottomRight\";\n\n/** @internal */\nexport type FloatingWidgetResizeHandle =\n  | FloatingWidgetEdgeHandle\n  | FloatingWidgetCornerHandle;\n\n/** @internal */\nexport interface FloatingWidgetProviderProps {\n  id: FloatingWidgetState[\"id\"];\n}\n\n/** @internal */\nexport function FloatingWidgetProvider(props: FloatingWidgetProviderProps) {\n  const floatingWidget = React.useContext(FloatingWidgetNodeContext);\n  return <WidgetProvider id={props.id}>{floatingWidget}</WidgetProvider>;\n}\n\n/** @internal */\nexport interface FloatingWidgetProps {\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** @internal */\nexport function FloatingWidget(props: FloatingWidgetProps) {\n  const uiIsVisible = React.useContext(UiIsVisibleContext);\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const {\n    autoSized,\n    bounds,\n    hideWithUiWhenFloating,\n    isToolSettingsTab,\n    minimized,\n    resizable,\n  } = useFloatingWidgetState();\n  const hideFloatingWidget = !uiIsVisible && hideWithUiWhenFloating;\n\n  const item = React.useMemo(\n    () => ({\n      id,\n      type: \"widget\" as const,\n    }),\n    [id]\n  );\n  const dragged = useIsDraggedItem(item);\n  const ref = useHandleAutoSize(dragged);\n  const maximizedWidget = useMaximizedFloatingWidget();\n\n  const className = classnames(\n    \"nz-widget-floatingWidget\",\n    dragged && \"nz-dragged\",\n    isToolSettingsTab && \"nz-floating-toolSettings\",\n    minimized && \"nz-minimized\",\n    hideFloatingWidget && \"nz-hidden\",\n    maximizedWidget.classNames\n  );\n  const style = React.useMemo(() => {\n    const boundsRect = Rectangle.create(bounds);\n    const { height, width } = boundsRect.getSize();\n    const position = boundsRect.topLeft();\n    return {\n      transform: `translate(${position.x}px, ${position.y}px)`,\n      height: minimized || autoSized ? undefined : height,\n      width: autoSized ? undefined : width,\n      maxHeight: autoSized ? \"60%\" : undefined,\n      maxWidth: autoSized ? \"60%\" : undefined,\n    };\n  }, [autoSized, bounds, minimized]);\n\n  const content = React.useMemo(\n    () => (\n      <WidgetContentContainer>\n        <WidgetTarget />\n        <WidgetOutline />\n      </WidgetContentContainer>\n    ),\n    []\n  );\n  const handles = React.useMemo(\n    () =>\n      resizable && (\n        <>\n          <FloatingWidgetHandle handle=\"left\" />\n          <FloatingWidgetHandle handle=\"top\" />\n          <FloatingWidgetHandle handle=\"right\" />\n          <FloatingWidgetHandle handle=\"bottom\" />\n          <FloatingWidgetHandle handle=\"topLeft\" />\n          <FloatingWidgetHandle handle=\"topRight\" />\n          <FloatingWidgetHandle handle=\"bottomLeft\" />\n          <FloatingWidgetHandle handle=\"bottomRight\" />\n        </>\n      ),\n    [resizable]\n  );\n  return (\n    <Widget\n      className={className}\n      widgetId={id}\n      style={{\n        ...style,\n        ...maximizedWidget.style,\n      }}\n      ref={ref}\n      onMouseEnter={props.onMouseEnter}\n      onMouseLeave={props.onMouseLeave}\n    >\n      <WidgetTabBar separator={!minimized} />\n      {content}\n      {handles}\n    </Widget>\n  );\n}\n\nfunction useFloatingWidgetState() {\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  return useLayout((state) => {\n    const widget = getWidgetState(state, id);\n    const floatingWidget = state.floatingWidgets.byId[id];\n    const tabs = widget.tabs;\n    const activeTabId = widget.activeTabId;\n    const activeTab = state.tabs[activeTabId];\n    const userSized = floatingWidget.userSized;\n    const singleTab = 1 === tabs.length;\n\n    const toolSettingsTabId = state.toolSettings?.tabId;\n    const isToolSettingsTab = widget.tabs[0] === toolSettingsTabId;\n    const resizable = !!floatingWidget.resizable && !isToolSettingsTab;\n    const autoSized = singleTab && !userSized;\n    return {\n      autoSized,\n      bounds: floatingWidget.bounds,\n      hideWithUiWhenFloating: activeTab.hideWithUiWhenFloating,\n      isToolSettingsTab,\n      minimized: widget.minimized,\n      resizable,\n    };\n  }, true);\n}\n\n// Re-adjust bounds so that widget is behind pointer when auto-sized.\nfunction useHandleAutoSize(dragged: boolean) {\n  const dragManager = React.useContext(DragManagerContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const measureNz = React.useContext(MeasureContext);\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const userSized = useLayout(\n    (state) => state.floatingWidgets.byId[id].userSized\n  );\n  const maximizedWidget = useIsMaximizedWidget();\n\n  const updatePosition = React.useRef(true);\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(() => {\n    if (!updatePosition.current) return;\n    if (!dragged) return;\n    if (maximizedWidget) return;\n    if (!dragManager.draggedItem) return;\n    if (!ref.current) return;\n\n    let bounds = Rectangle.create(ref.current.getBoundingClientRect());\n    const nzBounds = measureNz();\n    const pointerPosition = dragManager.draggedItem.info.pointerPosition;\n\n    if (bounds.containsPoint(pointerPosition)) return;\n\n    // Pointer is outside of tab area. Need to re-adjust widget bounds so that tab is behind pointer\n    if (pointerPosition.x > bounds.right) {\n      const offset = pointerPosition.x - bounds.right + 20;\n      bounds = bounds.offsetX(offset);\n    }\n\n    // Adjust bounds to be relative to 9z origin\n    bounds = bounds.offset({ x: -nzBounds.left, y: -nzBounds.top });\n\n    dispatch({\n      type: \"FLOATING_WIDGET_SET_BOUNDS\",\n      id,\n      bounds: bounds.toProps(),\n    });\n    dispatch({\n      type: \"FLOATING_WIDGET_SET_USER_SIZED\",\n      id,\n      userSized: true,\n    });\n    updatePosition.current = false;\n  }, [dragged, dragManager, dispatch, id, measureNz, maximizedWidget]);\n  const handleResize = React.useCallback(() => {\n    if (!ref.current) return;\n    if (dragged) return;\n    if (maximizedWidget) return;\n    if (userSized) return;\n\n    let bounds = Rectangle.create(ref.current.getBoundingClientRect());\n\n    // Adjust bounds to be relative to 9z origin\n    const nzBounds = measureNz();\n    bounds = bounds.offset({ x: -nzBounds.left, y: -nzBounds.top });\n\n    dispatch({\n      type: \"FLOATING_WIDGET_SET_BOUNDS\",\n      id,\n      bounds,\n    });\n  }, [dispatch, dragged, id, userSized, measureNz, maximizedWidget]);\n  const roRef = useResizeObserver(handleResize);\n  const refs = useRefs(ref, roRef);\n  return refs;\n}\n\ninterface FloatingWidgetHandleProps {\n  handle: FloatingWidgetResizeHandle;\n}\n\nfunction FloatingWidgetHandle(props: FloatingWidgetHandleProps) {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const id = useFloatingWidgetId();\n  const { handle } = props;\n  const relativePosition = React.useRef<Point>(new Point());\n  assert(id !== undefined);\n  const onDrag = React.useCallback<\n    NonNullable<UseDragResizeHandleArgs[\"onDrag\"]>\n  >(\n    (pointerPosition) => {\n      assert(!!ref.current);\n      const bounds = Rectangle.create(ref.current.getBoundingClientRect());\n      const newRelativePosition = bounds.topLeft().getOffsetTo(pointerPosition);\n      const offset = relativePosition.current.getOffsetTo(newRelativePosition);\n      const resizeBy = getResizeBy(handle, offset);\n      dispatch({\n        type: \"FLOATING_WIDGET_RESIZE\",\n        id,\n        resizeBy,\n      });\n    },\n    [dispatch, handle, id]\n  );\n  const handleDragStart = useDragResizeHandle({\n    handle,\n    widgetId: id,\n    onDrag,\n  });\n  const handlePointerDown = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      assert(!!ref.current);\n      const bounds = Rectangle.create(ref.current.getBoundingClientRect());\n      const initialPointerPosition = new Point(args.clientX, args.clientY);\n      relativePosition.current = bounds\n        .topLeft()\n        .getOffsetTo(initialPointerPosition);\n      handleDragStart({\n        initialPointerPosition,\n        pointerPosition: initialPointerPosition,\n      });\n      dispatch({\n        type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n        id,\n      });\n    },\n    [dispatch, handleDragStart, id]\n  );\n  const pointerCaptorRef = usePointerCaptor(handlePointerDown);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const refs = useRefs(ref, pointerCaptorRef);\n  const isMaximized = useIsMaximizedWidget();\n  const className = classnames(\n    \"nz-widget-floatingWidget_handle\",\n    `nz-${handle}`\n  );\n  if (isMaximized) return null;\n  return <div className={className} ref={refs} />;\n}\n\n/** @internal */\nexport function getResizeBy(handle: FloatingWidgetResizeHandle, offset: XAndY) {\n  switch (handle) {\n    case \"left\":\n      return new Rectangle(-offset.x);\n    case \"top\":\n      return new Rectangle(0, -offset.y);\n    case \"right\":\n      return new Rectangle(0, 0, offset.x);\n    case \"bottom\":\n      return new Rectangle(0, 0, 0, offset.y);\n    case \"topLeft\":\n      return new Rectangle(-offset.x, -offset.y);\n    case \"topRight\":\n      return new Rectangle(0, -offset.y, offset.x);\n    case \"bottomLeft\":\n      return new Rectangle(-offset.x, 0, 0, offset.y);\n    case \"bottomRight\":\n      return new Rectangle(0, 0, offset.x, offset.y);\n  }\n}\n\n/** @internal */\nexport function useFloatingWidgetId(): FloatingWidgetState[\"id\"] | undefined {\n  const widgetId = React.useContext(WidgetIdContext);\n  return useLayout((state) => {\n    if (!widgetId) return undefined;\n    const floatingWidget = state.floatingWidgets.byId[widgetId];\n    if (!floatingWidget) return undefined;\n\n    return widgetId;\n  });\n}\n\n/** @internal */\nexport function useWidgetAllowedToDock(): boolean {\n  const id = useFloatingWidgetId();\n  return useLayout((state) => {\n    if (id) {\n      const widget = getWidgetState(state, id);\n      const activeTab = state.tabs[widget.activeTabId];\n      if (activeTab.allowedPanelTargets?.length === 0) {\n        return false;\n      }\n    }\n    return true;\n  });\n}\n"]}
+{"version":3,"file":"FloatingWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/widget/FloatingWidget.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 Widget\n */\n\nimport \"./FloatingWidget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport {\n  Point,\n  Rectangle,\n  useRefs,\n  useResizeObserver,\n} from \"@itwin/core-react/internal\";\nimport type { UseDragResizeHandleArgs } from \"../base/DragManager.js\";\nimport {\n  DragManagerContext,\n  useDragResizeHandle,\n  useIsDraggedItem,\n} from \"../base/DragManager.js\";\nimport {\n  FloatingWidgetNodeContext,\n  MeasureContext,\n  NineZoneDispatchContext,\n  UiIsVisibleContext,\n} from \"../base/NineZone.js\";\nimport type { FloatingWidgetState } from \"../state/WidgetState.js\";\nimport { WidgetContentContainer } from \"./ContentContainer.js\";\nimport { WidgetTabBar } from \"./TabBar.js\";\nimport { Widget, WidgetIdContext, WidgetProvider } from \"./Widget.js\";\nimport type { PointerCaptorArgs } from \"../base/usePointerCaptor.js\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor.js\";\nimport { WidgetTarget } from \"../target/WidgetTarget.js\";\nimport { WidgetOutline } from \"../outline/WidgetOutline.js\";\nimport { useLayout } from \"../base/LayoutStore.js\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers.js\";\nimport type { XAndY } from \"../state/internal/NineZoneStateHelpers.js\";\nimport {\n  useIsMaximizedWidget,\n  useMaximizedFloatingWidget,\n} from \"../../preview/enable-maximized-widget/useMaximizedWidget.js\";\nimport { useWidgetTabActions } from \"../../preview/widget-tab-actions/useWidgetTabActions.js\";\nimport { FloatingWidget as TabActionsFloatingWidget } from \"../../preview/widget-tab-actions/Widget.js\";\nimport { useSafeContext } from \"../../hooks/useSafeContext.js\";\n\ntype FloatingWidgetEdgeHandle = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype FloatingWidgetCornerHandle =\n  | \"topLeft\"\n  | \"topRight\"\n  | \"bottomLeft\"\n  | \"bottomRight\";\n\n/** @internal */\nexport type FloatingWidgetResizeHandle =\n  | FloatingWidgetEdgeHandle\n  | FloatingWidgetCornerHandle;\n\ninterface FloatingWidgetProviderProps {\n  id: FloatingWidgetState[\"id\"];\n}\n\n/** @internal */\nexport function FloatingWidgetProvider(props: FloatingWidgetProviderProps) {\n  const floatingWidget = React.useContext(FloatingWidgetNodeContext);\n  const widgetTabActions = useWidgetTabActions();\n  return (\n    <WidgetProvider id={props.id}>\n      {widgetTabActions ? <TabActionsFloatingWidget /> : floatingWidget}\n    </WidgetProvider>\n  );\n}\n\ninterface FloatingWidgetProps {\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\n/** @internal */\nexport function FloatingWidget(props: FloatingWidgetProps) {\n  const {\n    ref,\n    style,\n    hidden,\n    minimized,\n    resizable,\n    dragged,\n    isToolSettingsTab,\n    maximizedWidget,\n  } = useFloatingWidget();\n\n  const content = React.useMemo(\n    () => (\n      <WidgetContentContainer>\n        <WidgetTarget />\n        <WidgetOutline />\n      </WidgetContentContainer>\n    ),\n    []\n  );\n  const handles = React.useMemo(\n    () =>\n      resizable && (\n        <>\n          <FloatingWidgetHandle handle=\"left\" />\n          <FloatingWidgetHandle handle=\"top\" />\n          <FloatingWidgetHandle handle=\"right\" />\n          <FloatingWidgetHandle handle=\"bottom\" />\n          <FloatingWidgetHandle handle=\"topLeft\" />\n          <FloatingWidgetHandle handle=\"topRight\" />\n          <FloatingWidgetHandle handle=\"bottomLeft\" />\n          <FloatingWidgetHandle handle=\"bottomRight\" />\n        </>\n      ),\n    [resizable]\n  );\n  return (\n    <Widget\n      className={classnames(\n        \"nz-widget-floatingWidget\",\n        dragged && \"nz-dragged\",\n        isToolSettingsTab && \"nz-floating-toolSettings\",\n        minimized && \"nz-minimized\",\n        hidden && \"nz-hidden\",\n        maximizedWidget.classNames\n      )}\n      style={style}\n      ref={ref}\n      onMouseEnter={props.onMouseEnter}\n      onMouseLeave={props.onMouseLeave}\n    >\n      <WidgetTabBar separator={!minimized} />\n      {content}\n      {handles}\n    </Widget>\n  );\n}\n\nfunction useIsDraggedWidget() {\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const item = React.useMemo(\n    () => ({\n      id,\n      type: \"widget\" as const,\n    }),\n    [id]\n  );\n  return useIsDraggedItem(item);\n}\n\nfunction useFloatingWidgetStyle() {\n  const id = useSafeContext(WidgetIdContext);\n  const autoSized = useLayout((state) => {\n    const widget = getWidgetState(state, id);\n    const floatingWidget = state.floatingWidgets.byId[id];\n    const singleTab = 1 === widget.tabs.length;\n    return singleTab && !floatingWidget.userSized;\n  });\n  const bounds = useLayout((state) => state.floatingWidgets.byId[id].bounds);\n  const minimized = useLayout((state) => getWidgetState(state, id).minimized);\n  const style = React.useMemo(() => {\n    const boundsRect = Rectangle.create(bounds);\n    const { height, width } = boundsRect.getSize();\n    const position = boundsRect.topLeft();\n    return {\n      transform: `translate(${position.x}px, ${position.y}px)`,\n      height: minimized || autoSized ? undefined : height,\n      width: autoSized ? undefined : width,\n      maxHeight: autoSized ? \"60%\" : undefined,\n      maxWidth: autoSized ? \"60%\" : undefined,\n    };\n  }, [autoSized, bounds, minimized]);\n  const maximizedWidget = useMaximizedFloatingWidget();\n  return {\n    ...style,\n    ...maximizedWidget.style,\n  };\n}\n\n// Re-adjust bounds so that widget is behind pointer when auto-sized.\nfunction useHandleAutoSize(dragged: boolean) {\n  const dragManager = React.useContext(DragManagerContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const measureNz = React.useContext(MeasureContext);\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const userSized = useLayout(\n    (state) => state.floatingWidgets.byId[id].userSized\n  );\n  const maximizedWidget = useIsMaximizedWidget();\n\n  const updatePosition = React.useRef(true);\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(() => {\n    if (!updatePosition.current) return;\n    if (!dragged) return;\n    if (maximizedWidget) return;\n    if (!dragManager.draggedItem) return;\n    if (!ref.current) return;\n\n    let bounds = Rectangle.create(ref.current.getBoundingClientRect());\n    const nzBounds = measureNz();\n    const pointerPosition = dragManager.draggedItem.info.pointerPosition;\n\n    if (bounds.containsPoint(pointerPosition)) return;\n\n    // Pointer is outside of tab area. Need to re-adjust widget bounds so that tab is behind pointer\n    if (pointerPosition.x > bounds.right) {\n      const offset = pointerPosition.x - bounds.right + 20;\n      bounds = bounds.offsetX(offset);\n    }\n\n    // Adjust bounds to be relative to 9z origin\n    bounds = bounds.offset({ x: -nzBounds.left, y: -nzBounds.top });\n\n    dispatch({\n      type: \"FLOATING_WIDGET_SET_BOUNDS\",\n      id,\n      bounds: bounds.toProps(),\n    });\n    dispatch({\n      type: \"FLOATING_WIDGET_SET_USER_SIZED\",\n      id,\n      userSized: true,\n    });\n    updatePosition.current = false;\n  }, [dragged, dragManager, dispatch, id, measureNz, maximizedWidget]);\n  const handleResize = React.useCallback(() => {\n    if (!ref.current) return;\n    if (dragged) return;\n    if (maximizedWidget) return;\n    if (userSized) return;\n\n    let bounds = Rectangle.create(ref.current.getBoundingClientRect());\n\n    // Adjust bounds to be relative to 9z origin\n    const nzBounds = measureNz();\n    bounds = bounds.offset({ x: -nzBounds.left, y: -nzBounds.top });\n\n    dispatch({\n      type: \"FLOATING_WIDGET_SET_BOUNDS\",\n      id,\n      bounds,\n    });\n  }, [dispatch, dragged, id, userSized, measureNz, maximizedWidget]);\n  const roRef = useResizeObserver(handleResize);\n  const refs = useRefs(ref, roRef);\n  return refs;\n}\n\ninterface FloatingWidgetHandleProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  handle: FloatingWidgetResizeHandle;\n}\n\n/** @internal */\nexport function FloatingWidgetHandle(props: FloatingWidgetHandleProps) {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const id = useFloatingWidgetId();\n  const { handle } = props;\n  const relativePosition = React.useRef<Point>(new Point());\n  assert(id !== undefined);\n  const onDrag = React.useCallback<\n    NonNullable<UseDragResizeHandleArgs[\"onDrag\"]>\n  >(\n    (pointerPosition) => {\n      assert(!!ref.current);\n      const bounds = Rectangle.create(ref.current.getBoundingClientRect());\n      const newRelativePosition = bounds.topLeft().getOffsetTo(pointerPosition);\n      const offset = relativePosition.current.getOffsetTo(newRelativePosition);\n      const resizeBy = getResizeBy(handle, offset);\n      dispatch({\n        type: \"FLOATING_WIDGET_RESIZE\",\n        id,\n        resizeBy,\n      });\n    },\n    [dispatch, handle, id]\n  );\n  const handleDragStart = useDragResizeHandle({\n    handle,\n    widgetId: id,\n    onDrag,\n  });\n  const handlePointerDown = React.useCallback(\n    (args: PointerCaptorArgs) => {\n      assert(!!ref.current);\n      const bounds = Rectangle.create(ref.current.getBoundingClientRect());\n      const initialPointerPosition = new Point(args.clientX, args.clientY);\n      relativePosition.current = bounds\n        .topLeft()\n        .getOffsetTo(initialPointerPosition);\n      handleDragStart({\n        initialPointerPosition,\n        pointerPosition: initialPointerPosition,\n      });\n      dispatch({\n        type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n        id,\n      });\n    },\n    [dispatch, handleDragStart, id]\n  );\n  const pointerCaptorRef = usePointerCaptor(handlePointerDown);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const refs = useRefs(ref, pointerCaptorRef);\n  const isMaximized = useIsMaximizedWidget();\n  if (isMaximized) return null;\n  return (\n    <div\n      {...props}\n      className={classnames(\n        \"nz-widget-floatingWidget_handle\",\n        `nz-${handle}`,\n        props.className\n      )}\n      ref={refs}\n    />\n  );\n}\n\n/** @internal */\nexport function getResizeBy(handle: FloatingWidgetResizeHandle, offset: XAndY) {\n  switch (handle) {\n    case \"left\":\n      return new Rectangle(-offset.x);\n    case \"top\":\n      return new Rectangle(0, -offset.y);\n    case \"right\":\n      return new Rectangle(0, 0, offset.x);\n    case \"bottom\":\n      return new Rectangle(0, 0, 0, offset.y);\n    case \"topLeft\":\n      return new Rectangle(-offset.x, -offset.y);\n    case \"topRight\":\n      return new Rectangle(0, -offset.y, offset.x);\n    case \"bottomLeft\":\n      return new Rectangle(-offset.x, 0, 0, offset.y);\n    case \"bottomRight\":\n      return new Rectangle(0, 0, offset.x, offset.y);\n  }\n}\n\n/** @internal */\nexport function useFloatingWidgetId(): FloatingWidgetState[\"id\"] | undefined {\n  const widgetId = React.useContext(WidgetIdContext);\n  return useLayout((state) => {\n    if (!widgetId) return undefined;\n    const floatingWidget = state.floatingWidgets.byId[widgetId];\n    if (!floatingWidget) return undefined;\n\n    return widgetId;\n  });\n}\n\n/** @internal */\nexport function useWidgetAllowedToDock(): boolean {\n  const id = useFloatingWidgetId();\n  return useLayout((state) => {\n    if (id) {\n      const widget = getWidgetState(state, id);\n      const activeTab = state.tabs[widget.activeTabId];\n      if (activeTab.allowedPanelTargets?.length === 0) {\n        return false;\n      }\n    }\n    return true;\n  });\n}\n\nfunction useBringToFront() {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const floatingWidgetId = useFloatingWidgetId();\n  const ref = React.useRef<HTMLDivElement>(null);\n  React.useEffect(() => {\n    const listener = () => {\n      floatingWidgetId &&\n        dispatch({\n          type: \"FLOATING_WIDGET_BRING_TO_FRONT\",\n          id: floatingWidgetId,\n        });\n    };\n    const element = ref.current;\n    element?.addEventListener(\"click\", listener);\n    return () => {\n      element?.removeEventListener(\"click\", listener);\n    };\n  }, [dispatch, floatingWidgetId]);\n  return ref;\n}\n\n/** @internal */\nexport function useFloatingWidget() {\n  const id = useSafeContext(WidgetIdContext);\n  const uiIsVisible = React.useContext(UiIsVisibleContext);\n  const minimized = useLayout((state) => getWidgetState(state, id).minimized);\n  const hideWithUiWhenFloating = useLayout((state) => {\n    const widget = getWidgetState(state, id);\n    const activeTab = state.tabs[widget.activeTabId];\n    return activeTab.hideWithUiWhenFloating;\n  });\n  const isToolSettingsTab = useLayout((state) => {\n    const widget = getWidgetState(state, id);\n    const toolSettingsTabId = state.toolSettings?.tabId;\n    return widget.tabs[0] === toolSettingsTabId;\n  });\n  const resizable = useLayout((state) => {\n    const floatingWidget = state.floatingWidgets.byId[id];\n    return !!floatingWidget.resizable && !isToolSettingsTab;\n  });\n  const hidden = !uiIsVisible && hideWithUiWhenFloating;\n\n  const style = useFloatingWidgetStyle();\n  const dragged = useIsDraggedWidget();\n  const maximizedWidget = useMaximizedFloatingWidget();\n  const autoSizeRef = useHandleAutoSize(dragged);\n  const bringToFrontRef = useBringToFront();\n  const ref = useRefs(autoSizeRef, bringToFrontRef);\n  return {\n    ref,\n    maximizedWidget,\n    hidden,\n    minimized,\n    resizable,\n    dragged,\n    isToolSettingsTab,\n    style,\n  };\n}\n"]}

package/lib/appui-react/layout/widget/PanelWidget.d.ts

@@ -4,8 +4,7 @@
 import "./PanelWidget.scss";
 import * as React from "react";
 import type { WidgetState } from "../state/WidgetState.js";
-/** @internal */
-export interface PanelWidgetProps {
+interface PanelWidgetProps {
     widgetId: WidgetState["id"];
 }
 /** @internal */
@@ -19,4 +18,5 @@ export declare function useBorders(widgetId: WidgetState["id"]): {
     "nz-border-left": boolean;
     "nz-border-right": boolean;
 };
+export {};
 //# sourceMappingURL=PanelWidget.d.ts.map