@itwin/appui-react 4.9.0 → 4.10.0

package/lib/cjs/appui-react/layout/widget/Dock.js

@@ -7,11 +7,13 @@
  * @module Widget
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dock = void 0;
+exports.useDock = exports.Dock = void 0;
 const React = require("react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const NineZone_1 = require("../base/NineZone");
 const Button_1 = require("../../preview/widget-action-dropdown/Button");
+const useIsToolSettingsTab_1 = require("./useIsToolSettingsTab");
+const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
 /** @internal */
 function Dock() {
     const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
@@ -23,4 +25,11 @@ function Dock() {
         } }));
 }
 exports.Dock = Dock;
+/** @internal */
+function useDock() {
+    const isToolSettings = (0, useIsToolSettingsTab_1.useIsToolSettingsTab)();
+    const isMaximizedWidget = (0, useMaximizedWidget_1.useIsMaximizedWidget)();
+    return isToolSettings && !isMaximizedWidget;
+}
+exports.useDock = useDock;
 //# sourceMappingURL=Dock.js.map

package/lib/cjs/appui-react/layout/widget/Dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dock.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Dock.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAAwD;AACxD,+CAAqE;AACrE,wEAA2E;AAE3E,gBAAgB;AAChB,SAAgB,IAAI;IAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,mBAAQ,EAAC,uBAAuB,CAAC,CAAC;IAChD,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,oBAAC,gCAAU,OAAG,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC;gBACP,IAAI,EAAE,oBAAoB;aAC3B,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAdD,oBAcC","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 * as React from \"react\";\nimport { SvgDockTop } from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\n\n/** @internal */\nexport function Dock() {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const title = useLabel(\"dockToolSettingsTitle\");\n  return (\n    <ActionButton\n      icon={<SvgDockTop />}\n      title={title}\n      onClick={() => {\n        dispatch({\n          type: \"TOOL_SETTINGS_DOCK\",\n        });\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Dock.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Dock.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAAwD;AACxD,+CAAqE;AACrE,wEAA2E;AAC3E,iEAA8D;AAC9D,iGAAgG;AAEhG,gBAAgB;AAChB,SAAgB,IAAI;IAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,mBAAQ,EAAC,uBAAuB,CAAC,CAAC;IAChD,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,oBAAC,gCAAU,OAAG,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC;gBACP,IAAI,EAAE,oBAAoB;aAC3B,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAdD,oBAcC;AAED,gBAAgB;AAChB,SAAgB,OAAO;IACrB,MAAM,cAAc,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC9C,MAAM,iBAAiB,GAAG,IAAA,yCAAoB,GAAE,CAAC;IACjD,OAAO,cAAc,IAAI,CAAC,iBAAiB,CAAC;AAC9C,CAAC;AAJD,0BAIC","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 * as React from \"react\";\nimport { SvgDockTop } from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\nimport { useIsToolSettingsTab } from \"./useIsToolSettingsTab\";\nimport { useIsMaximizedWidget } from \"../../preview/enable-maximized-widget/useMaximizedWidget\";\n\n/** @internal */\nexport function Dock() {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const title = useLabel(\"dockToolSettingsTitle\");\n  return (\n    <ActionButton\n      icon={<SvgDockTop />}\n      title={title}\n      onClick={() => {\n        dispatch({\n          type: \"TOOL_SETTINGS_DOCK\",\n        });\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function useDock() {\n  const isToolSettings = useIsToolSettingsTab();\n  const isMaximizedWidget = useIsMaximizedWidget();\n  return isToolSettings && !isMaximizedWidget;\n}\n"]}

package/lib/cjs/appui-react/layout/widget/FloatingTab.js

@@ -22,17 +22,16 @@ function FloatingTab() {
     const { id, position } = (0, LayoutStore_1.useLayout)((state) => {
         const draggedTab = state.draggedTab;
         return {
-            id: draggedTab === null || draggedTab === void 0 ? void 0 : draggedTab.tabId,
-            position: draggedTab === null || draggedTab === void 0 ? void 0 : draggedTab.position,
+            id: draggedTab?.tabId,
+            position: draggedTab?.position,
         };
     }, true);
     const { iconSpec, label } = (0, LayoutStore_1.useLayout)((state) => {
-        var _a;
-        const tabId = (_a = state.draggedTab) === null || _a === void 0 ? void 0 : _a.tabId;
+        const tabId = state.draggedTab?.tabId;
         const tab = tabId ? state.tabs[tabId] : undefined;
         return {
-            iconSpec: tab === null || tab === void 0 ? void 0 : tab.iconSpec,
-            label: tab === null || tab === void 0 ? void 0 : tab.label,
+            iconSpec: tab?.iconSpec,
+            label: tab?.label,
         };
     }, true);
     const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);

package/lib/cjs/appui-react/layout/widget/FloatingTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/FloatingTab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAC/B,kDAAyC;AAEzC,qDAAiD;AACjD,+CAG0B;AAC1B,qDAAgD;AAEhD;;GAEG;AACH,SAAgB,WAAW;IACzB,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QAC3C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QACpC,OAAO;YACL,EAAE,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK;YACrB,QAAQ,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ;SAC/B,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IACT,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;;QAC9C,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,CAAC;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAClD,OAAO;YACL,QAAQ,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ;YACvB,KAAK,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK;SAClB,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,MAAM,EAAE,EAAE;QACT,EAAE;YACA,QAAQ,CAAC;gBACP,IAAI,EAAE,iBAAiB;gBACvB,MAAM;aACP,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,MAAM,EAAE,EAAE;QACT,EAAE;YACA,QAAQ,CAAC;gBACP,IAAI,EAAE,qBAAqB;gBAC3B,EAAE;gBACF,MAAM;aACP,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAC;IACF,IAAA,wBAAU,EAAC;QACT,KAAK,EAAE,EAAE,IAAI,EAAE;QACf,MAAM;QACN,SAAS;KACV,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAG,QAAQ,IAAI;QACxB,SAAS,EAAE,aAAa,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC,KAAK;KACzD,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,uBAAuB,EACvB,CAAC,QAAQ,IAAI,WAAW,CACzB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACpC,cAAc,IAAI,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI;QAC3D,kCAAO,KAAK,CAAQ,CAChB,CACP,CAAC;AACJ,CAAC;AA1DD,kCA0DC","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 \"./FloatingTab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/core-react\";\nimport type { UseDragTabArgs } from \"../base/DragManager\";\nimport { useDragTab } from \"../base/DragManager\";\nimport {\n  NineZoneDispatchContext,\n  ShowWidgetIconContext,\n} from \"../base/NineZone\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** Component that displays a floating tab.\n * @internal\n */\nexport function FloatingTab() {\n  const { id, position } = useLayout((state) => {\n    const draggedTab = state.draggedTab;\n    return {\n      id: draggedTab?.tabId,\n      position: draggedTab?.position,\n    };\n  }, true);\n  const { iconSpec, label } = useLayout((state) => {\n    const tabId = state.draggedTab?.tabId;\n    const tab = tabId ? state.tabs[tabId] : undefined;\n    return {\n      iconSpec: tab?.iconSpec,\n      label: tab?.label,\n    };\n  }, true);\n\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const onDrag = React.useCallback<NonNullable<UseDragTabArgs[\"onDrag\"]>>(\n    (dragBy) => {\n      id &&\n        dispatch({\n          type: \"WIDGET_TAB_DRAG\",\n          dragBy,\n        });\n    },\n    [dispatch, id]\n  );\n  const onDragEnd = React.useCallback<NonNullable<UseDragTabArgs[\"onDragEnd\"]>>(\n    (target) => {\n      id &&\n        dispatch({\n          type: \"WIDGET_TAB_DRAG_END\",\n          id,\n          target,\n        });\n    },\n    [dispatch, id]\n  );\n  useDragTab({\n    tabId: id || \"\",\n    onDrag,\n    onDragEnd,\n  });\n  const showWidgetIcon = React.useContext(ShowWidgetIconContext);\n  const style = position && {\n    transform: `translate(${position.x}px, ${position.y}px)`,\n  };\n  const className = classnames(\n    \"nz-widget-floatingTab\",\n    !position && \"nz-hidden\"\n  );\n  return (\n    <div className={className} style={style}>\n      {showWidgetIcon && iconSpec && <Icon iconSpec={iconSpec} />}\n      <span>{label}</span>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"FloatingTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/FloatingTab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAC/B,kDAAyC;AAEzC,qDAAiD;AACjD,+CAG0B;AAC1B,qDAAgD;AAEhD;;GAEG;AACH,SAAgB,WAAW;IACzB,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QAC3C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QACpC,OAAO;YACL,EAAE,EAAE,UAAU,EAAE,KAAK;YACrB,QAAQ,EAAE,UAAU,EAAE,QAAQ;SAC/B,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IACT,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAClD,OAAO;YACL,QAAQ,EAAE,GAAG,EAAE,QAAQ;YACvB,KAAK,EAAE,GAAG,EAAE,KAAK;SAClB,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,MAAM,EAAE,EAAE;QACT,EAAE;YACA,QAAQ,CAAC;gBACP,IAAI,EAAE,iBAAiB;gBACvB,MAAM;aACP,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,MAAM,EAAE,EAAE;QACT,EAAE;YACA,QAAQ,CAAC;gBACP,IAAI,EAAE,qBAAqB;gBAC3B,EAAE;gBACF,MAAM;aACP,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAC;IACF,IAAA,wBAAU,EAAC;QACT,KAAK,EAAE,EAAE,IAAI,EAAE;QACf,MAAM;QACN,SAAS;KACV,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAqB,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAG,QAAQ,IAAI;QACxB,SAAS,EAAE,aAAa,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC,KAAK;KACzD,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,uBAAuB,EACvB,CAAC,QAAQ,IAAI,WAAW,CACzB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACpC,cAAc,IAAI,QAAQ,IAAI,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI;QAC3D,kCAAO,KAAK,CAAQ,CAChB,CACP,CAAC;AACJ,CAAC;AA1DD,kCA0DC","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 \"./FloatingTab.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/core-react\";\nimport type { UseDragTabArgs } from \"../base/DragManager\";\nimport { useDragTab } from \"../base/DragManager\";\nimport {\n  NineZoneDispatchContext,\n  ShowWidgetIconContext,\n} from \"../base/NineZone\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** Component that displays a floating tab.\n * @internal\n */\nexport function FloatingTab() {\n  const { id, position } = useLayout((state) => {\n    const draggedTab = state.draggedTab;\n    return {\n      id: draggedTab?.tabId,\n      position: draggedTab?.position,\n    };\n  }, true);\n  const { iconSpec, label } = useLayout((state) => {\n    const tabId = state.draggedTab?.tabId;\n    const tab = tabId ? state.tabs[tabId] : undefined;\n    return {\n      iconSpec: tab?.iconSpec,\n      label: tab?.label,\n    };\n  }, true);\n\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const onDrag = React.useCallback<NonNullable<UseDragTabArgs[\"onDrag\"]>>(\n    (dragBy) => {\n      id &&\n        dispatch({\n          type: \"WIDGET_TAB_DRAG\",\n          dragBy,\n        });\n    },\n    [dispatch, id]\n  );\n  const onDragEnd = React.useCallback<NonNullable<UseDragTabArgs[\"onDragEnd\"]>>(\n    (target) => {\n      id &&\n        dispatch({\n          type: \"WIDGET_TAB_DRAG_END\",\n          id,\n          target,\n        });\n    },\n    [dispatch, id]\n  );\n  useDragTab({\n    tabId: id || \"\",\n    onDrag,\n    onDragEnd,\n  });\n  const showWidgetIcon = React.useContext(ShowWidgetIconContext);\n  const style = position && {\n    transform: `translate(${position.x}px, ${position.y}px)`,\n  };\n  const className = classnames(\n    \"nz-widget-floatingTab\",\n    !position && \"nz-hidden\"\n  );\n  return (\n    <div className={className} style={style}>\n      {showWidgetIcon && iconSpec && <Icon iconSpec={iconSpec} />}\n      <span>{label}</span>\n    </div>\n  );\n}\n"]}

package/lib/cjs/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,mBAAmB,CAAC;AAa3B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAUhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAGpE,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,qBA4FxD;AAuKD,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,mBAAmB,CAAC;AAa3B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAUhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAMpE,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;AAqKD,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"}

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

@@ -23,7 +23,7 @@ const WidgetTarget_1 = require("../target/WidgetTarget");
 const WidgetOutline_1 = require("../outline/WidgetOutline");
 const LayoutStore_1 = require("../base/LayoutStore");
 const WidgetStateHelpers_1 = require("../state/internal/WidgetStateHelpers");
-const PreviewMaximizeToggle_1 = require("./PreviewMaximizeToggle");
+const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
 /** @internal */
 function FloatingWidgetProvider(props) {
     const floatingWidget = React.useContext(NineZone_1.FloatingWidgetNodeContext);
@@ -43,17 +43,12 @@ function FloatingWidget(props) {
     }), [id]);
     const dragged = (0, DragManager_1.useIsDraggedItem)(item);
     const ref = useHandleAutoSize(dragged);
-    const { enabled: enableMaximizedFloatingWidget, maximizedWidget } = (0, PreviewMaximizeToggle_1.usePreviewMaximizedWidget)();
-    // istanbul ignore next (preview)
-    const previewMaximizedWidgetSectionsClass = maximizedWidget === id &&
-        enableMaximizedFloatingWidget &&
-        "preview-enableMaximizedFloatingWidget-maximized";
-    const className = (0, classnames_1.default)("nz-widget-floatingWidget", dragged && "nz-dragged", isToolSettingsTab && "nz-floating-toolSettings", minimized && "nz-minimized", hideFloatingWidget && "nz-hidden", previewMaximizedWidgetSectionsClass);
+    const maximizedWidget = (0, useMaximizedWidget_1.useMaximizedFloatingWidget)();
+    const className = (0, classnames_1.default)("nz-widget-floatingWidget", dragged && "nz-dragged", isToolSettingsTab && "nz-floating-toolSettings", minimized && "nz-minimized", hideFloatingWidget && "nz-hidden", maximizedWidget.classNames);
     const style = React.useMemo(() => {
         const boundsRect = core_react_1.Rectangle.create(bounds);
         const { height, width } = boundsRect.getSize();
         const position = boundsRect.topLeft();
-        // istanbul ignore next
         return {
             transform: `translate(${position.x}px, ${position.y}px)`,
             height: minimized || autoSized ? undefined : height,
@@ -74,7 +69,10 @@ function FloatingWidget(props) {
         React.createElement(FloatingWidgetHandle, { handle: "topRight" }),
         React.createElement(FloatingWidgetHandle, { handle: "bottomLeft" }),
         React.createElement(FloatingWidgetHandle, { handle: "bottomRight" }))), [resizable]);
-    return (React.createElement(Widget_1.Widget, { className: className, widgetId: id, style: style, ref: ref, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
+    return (React.createElement(Widget_1.Widget, { className: className, widgetId: id, style: {
+            ...style,
+            ...maximizedWidget.style,
+        }, ref: ref, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave },
         React.createElement(TabBar_1.WidgetTabBar, { separator: !minimized }),
         content,
         handles));
@@ -84,7 +82,6 @@ function useFloatingWidgetState() {
     const id = useFloatingWidgetId();
     (0, core_bentley_1.assert)(!!id);
     return (0, LayoutStore_1.useLayout)((state) => {
-        var _a;
         const widget = (0, WidgetStateHelpers_1.getWidgetState)(state, id);
         const floatingWidget = state.floatingWidgets.byId[id];
         const tabs = widget.tabs;
@@ -92,7 +89,7 @@ function useFloatingWidgetState() {
         const activeTab = state.tabs[activeTabId];
         const userSized = floatingWidget.userSized;
         const singleTab = 1 === tabs.length;
-        const toolSettingsTabId = (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.tabId;
+        const toolSettingsTabId = state.toolSettings?.tabId;
         const isToolSettingsTab = widget.tabs[0] === toolSettingsTabId;
         const resizable = !!floatingWidget.resizable && !isToolSettingsTab;
         const autoSized = singleTab && !userSized;
@@ -115,8 +112,7 @@ function useHandleAutoSize(dragged) {
     const id = useFloatingWidgetId();
     (0, core_bentley_1.assert)(!!id);
     const userSized = (0, LayoutStore_1.useLayout)((state) => state.floatingWidgets.byId[id].userSized);
-    const { enabled: enableMaximizedFloatingWidget, maximizedWidget } = (0, PreviewMaximizeToggle_1.usePreviewMaximizedWidget)();
-    const maximized = enableMaximizedFloatingWidget && maximizedWidget === id;
+    const maximizedWidget = (0, useMaximizedWidget_1.useIsMaximizedWidget)();
     const updatePosition = React.useRef(true);
     const ref = React.useRef(null);
     React.useLayoutEffect(() => {
@@ -124,8 +120,7 @@ function useHandleAutoSize(dragged) {
             return;
         if (!dragged)
             return;
-        // istanbul ignore next (preview)
-        if (maximized)
+        if (maximizedWidget)
             return;
         if (!dragManager.draggedItem)
             return;
@@ -154,14 +149,13 @@ function useHandleAutoSize(dragged) {
             userSized: true,
         });
         updatePosition.current = false;
-    }, [dragged, dragManager, dispatch, id, measureNz, maximized]);
+    }, [dragged, dragManager, dispatch, id, measureNz, maximizedWidget]);
     const handleResize = React.useCallback(() => {
         if (!ref.current)
             return;
         if (dragged)
             return;
-        // istanbul ignore next (preview)
-        if (maximized)
+        if (maximizedWidget)
             return;
         if (userSized)
             return;
@@ -174,7 +168,7 @@ function useHandleAutoSize(dragged) {
             id,
             bounds,
         });
-    }, [dispatch, dragged, id, userSized, measureNz, maximized]);
+    }, [dispatch, dragged, id, userSized, measureNz, maximizedWidget]);
     const roRef = (0, core_react_1.useResizeObserver)(handleResize);
     const refs = (0, core_react_1.useRefs)(ref, roRef);
     return refs;
@@ -221,7 +215,10 @@ function FloatingWidgetHandle(props) {
     const pointerCaptorRef = (0, usePointerCaptor_1.usePointerCaptor)(handlePointerDown);
     const ref = React.useRef(null);
     const refs = (0, core_react_1.useRefs)(ref, pointerCaptorRef);
+    const isMaximized = (0, useMaximizedWidget_1.useIsMaximizedWidget)();
     const className = (0, classnames_1.default)("nz-widget-floatingWidget_handle", `nz-${handle}`);
+    if (isMaximized)
+        return null;
     return React.createElement("div", { className: className, ref: refs });
 }
 /** @internal */
@@ -263,11 +260,10 @@ exports.useFloatingWidgetId = useFloatingWidgetId;
 function useWidgetAllowedToDock() {
     const id = useFloatingWidgetId();
     return (0, LayoutStore_1.useLayout)((state) => {
-        var _a;
         if (id) {
             const widget = (0, WidgetStateHelpers_1.getWidgetState)(state, id);
             const activeTab = state.tabs[widget.activeTabId];
-            if (((_a = activeTab.allowedPanelTargets) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+            if (activeTab.allowedPanelTargets?.length === 0) {
                 return false;
             }
         }

package/lib/cjs/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\";\nimport type { UseDragResizeHandleArgs } from \"../base/DragManager\";\nimport {\n  DragManagerContext,\n  useDragResizeHandle,\n  useIsDraggedItem,\n} from \"../base/DragManager\";\nimport {\n  FloatingWidgetNodeContext,\n  MeasureContext,\n  NineZoneDispatchContext,\n  UiIsVisibleContext,\n} from \"../base/NineZone\";\nimport type { FloatingWidgetState } from \"../state/WidgetState\";\nimport { WidgetContentContainer } from \"./ContentContainer\";\nimport { WidgetTabBar } from \"./TabBar\";\nimport { Widget, WidgetIdContext, WidgetProvider } from \"./Widget\";\nimport type { PointerCaptorArgs } from \"../base/usePointerCaptor\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor\";\nimport { WidgetTarget } from \"../target/WidgetTarget\";\nimport { WidgetOutline } from \"../outline/WidgetOutline\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers\";\nimport type { XAndY } from \"../state/internal/NineZoneStateHelpers\";\nimport { usePreviewMaximizedWidget } from \"./PreviewMaximizeToggle\";\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 { enabled: enableMaximizedFloatingWidget, maximizedWidget } =\n    usePreviewMaximizedWidget();\n  // istanbul ignore next (preview)\n  const previewMaximizedWidgetSectionsClass =\n    maximizedWidget === id &&\n    enableMaximizedFloatingWidget &&\n    \"preview-enableMaximizedFloatingWidget-maximized\";\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    previewMaximizedWidgetSectionsClass\n  );\n  const style = React.useMemo(() => {\n    const boundsRect = Rectangle.create(bounds);\n    const { height, width } = boundsRect.getSize();\n    const position = boundsRect.topLeft();\n    // istanbul ignore next\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={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 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.\n// istanbul ignore next\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 { enabled: enableMaximizedFloatingWidget, maximizedWidget } =\n    usePreviewMaximizedWidget();\n  const maximized = enableMaximizedFloatingWidget && maximizedWidget === id;\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    // istanbul ignore next (preview)\n    if (maximized) 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, maximized]);\n  const handleResize = React.useCallback(() => {\n    if (!ref.current) return;\n    if (dragged) return;\n    // istanbul ignore next (preview)\n    if (maximized) 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, maximized]);\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 className = classnames(\n    \"nz-widget-floatingWidget_handle\",\n    `nz-${handle}`\n  );\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\";\nimport type { UseDragResizeHandleArgs } from \"../base/DragManager\";\nimport {\n  DragManagerContext,\n  useDragResizeHandle,\n  useIsDraggedItem,\n} from \"../base/DragManager\";\nimport {\n  FloatingWidgetNodeContext,\n  MeasureContext,\n  NineZoneDispatchContext,\n  UiIsVisibleContext,\n} from \"../base/NineZone\";\nimport type { FloatingWidgetState } from \"../state/WidgetState\";\nimport { WidgetContentContainer } from \"./ContentContainer\";\nimport { WidgetTabBar } from \"./TabBar\";\nimport { Widget, WidgetIdContext, WidgetProvider } from \"./Widget\";\nimport type { PointerCaptorArgs } from \"../base/usePointerCaptor\";\nimport { usePointerCaptor } from \"../base/usePointerCaptor\";\nimport { WidgetTarget } from \"../target/WidgetTarget\";\nimport { WidgetOutline } from \"../outline/WidgetOutline\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers\";\nimport type { XAndY } from \"../state/internal/NineZoneStateHelpers\";\nimport {\n  useIsMaximizedWidget,\n  useMaximizedFloatingWidget,\n} from \"../../preview/enable-maximized-widget/useMaximizedWidget\";\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.\n// istanbul ignore next\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"]}

package/lib/cjs/appui-react/layout/widget/FloatingWidget.scss

@@ -6,135 +6,122 @@
 @import "../widgetopacity";
 @import "variables";
 
-.nz-widget-floatingWidget {
-  position: absolute;
-  border: 1px solid $buic-background-5;
-  border-radius: var(--iui-border-radius-1);
-  min-width: 200px;
-  min-height: 120px;
-  transition: opacity var(--iui-duration-2) ease;
-
-  &.nz-floating-toolSettings {
-    min-height: 60px;
-  }
+@layer appui.component {
+  .nz-widget-floatingWidget {
+    position: absolute;
+    border: 1px solid $buic-background-5;
+    border-radius: var(--iui-border-radius-1);
+    min-width: 200px;
+    min-height: 120px;
+    transition: opacity var(--iui-duration-2) ease;
+
+    &.nz-floating-toolSettings {
+      min-height: 60px;
+    }
 
-  @include uicore-z-index(dragged-widget);
-  @include nz-widget-opacity;
+    @include uicore-z-index(dragged-widget);
+    @include nz-widget-opacity;
 
-  &.nz-minimized {
-    flex-grow: 0;
+    &.nz-minimized {
+      flex-grow: 0;
 
-    > .nz-content {
-      width: 0;
+      > .nz-content {
+        width: 0;
+      }
     }
-  }
-
-  &.nz-hidden {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  &.nz-dragged {
-    pointer-events: none;
-    opacity: $nz-dragged-widget-opacity;
 
-    @include uicore-z-index(drag-preview);
-  }
+    &.nz-hidden {
+      opacity: 0;
+      pointer-events: none;
+    }
 
-  &.nz-minimized {
-    min-height: 30px;
+    &.nz-dragged {
+      pointer-events: none;
+      opacity: $nz-dragged-widget-opacity;
 
-    .nz-widget-floatingWidget_handle {
-      visibility: hidden;
+      @include uicore-z-index(drag-preview);
     }
-  }
 
-  &.preview-enableMaximizedFloatingWidget-maximized {
-    transform: unset !important;
-    height: unset !important;
-    width: unset !important;
-    max-height: unset !important;
-    max-width: unset !important;
-    opacity: 1 !important;
-    border-radius: unset !important;
-    inset: 0;
+    &.nz-minimized {
+      min-height: 30px;
 
-    .nz-widget-floatingWidget_handle {
-      visibility: hidden;
+      .nz-widget-floatingWidget_handle {
+        visibility: hidden;
+      }
     }
   }
-}
 
-.nz-widget-floatingWidget_handle {
-  $size: 0.5em;
-  $cornerSize: 1em;
+  .nz-widget-floatingWidget_handle {
+    $size: 0.5em;
+    $cornerSize: 1em;
 
-  position: absolute;
-  user-select: none;
+    position: absolute;
+    user-select: none;
 
-  &.nz-left,
-  &.nz-right {
-    height: 100%;
-    width: $size;
-    cursor: ew-resize;
-  }
+    &.nz-left,
+    &.nz-right {
+      height: 100%;
+      width: $size;
+      cursor: ew-resize;
+    }
 
-  &.nz-top,
-  &.nz-bottom {
-    width: 100%;
-    height: $size;
-    cursor: ns-resize;
-  }
+    &.nz-top,
+    &.nz-bottom {
+      width: 100%;
+      height: $size;
+      cursor: ns-resize;
+    }
 
-  &.nz-left {
-    left: -$size * 0.5;
-    top: 0;
-  }
+    &.nz-left {
+      left: -$size * 0.5;
+      top: 0;
+    }
 
-  &.nz-right {
-    right: -$size * 0.5;
-    top: 0;
-  }
+    &.nz-right {
+      right: -$size * 0.5;
+      top: 0;
+    }
 
-  &.nz-top {
-    left: 0;
-    top: -$size * 0.5;
-  }
+    &.nz-top {
+      left: 0;
+      top: -$size * 0.5;
+    }
 
-  &.nz-bottom {
-    left: 0;
-    bottom: -$size * 0.5;
-  }
+    &.nz-bottom {
+      left: 0;
+      bottom: -$size * 0.5;
+    }
 
-  &.nz-topLeft,
-  &.nz-topRight,
-  &.nz-bottomLeft,
-  &.nz-bottomRight {
-    height: $cornerSize;
-    width: $cornerSize;
-  }
+    &.nz-topLeft,
+    &.nz-topRight,
+    &.nz-bottomLeft,
+    &.nz-bottomRight {
+      height: $cornerSize;
+      width: $cornerSize;
+    }
 
-  &.nz-topLeft {
-    left: -$cornerSize * 0.3333;
-    top: -$cornerSize * 0.3333;
-    cursor: nwse-resize;
-  }
+    &.nz-topLeft {
+      left: -$cornerSize * 0.3333;
+      top: -$cornerSize * 0.3333;
+      cursor: nwse-resize;
+    }
 
-  &.nz-topRight {
-    right: -$cornerSize * 0.3333;
-    top: -$cornerSize * 0.3333;
-    cursor: nesw-resize;
-  }
+    &.nz-topRight {
+      right: -$cornerSize * 0.3333;
+      top: -$cornerSize * 0.3333;
+      cursor: nesw-resize;
+    }
 
-  &.nz-bottomLeft {
-    left: -$cornerSize * 0.3333;
-    bottom: -$cornerSize * 0.3333;
-    cursor: nesw-resize;
-  }
+    &.nz-bottomLeft {
+      left: -$cornerSize * 0.3333;
+      bottom: -$cornerSize * 0.3333;
+      cursor: nesw-resize;
+    }
 
-  &.nz-bottomRight {
-    right: -$cornerSize * 0.3333;
-    bottom: -$cornerSize * 0.3333;
-    cursor: nwse-resize;
+    &.nz-bottomRight {
+      right: -$cornerSize * 0.3333;
+      bottom: -$cornerSize * 0.3333;
+      cursor: nwse-resize;
+    }
   }
 }

package/lib/cjs/appui-react/layout/widget/PanelWidget.js

@@ -113,7 +113,7 @@ function useBorders(widgetId) {
         if (isVertical && isLast) {
             bottom = false;
         }
-        if (isTopMostPanelBorder && (toolSettings === null || toolSettings === void 0 ? void 0 : toolSettings.type) === "docked") {
+        if (isTopMostPanelBorder && toolSettings?.type === "docked") {
             top = false;
         }
         if (isVertical && !isFirst) {

package/lib/cjs/appui-react/layout/widget/PanelWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PanelWidget.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 \"./PanelWidget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport { WidgetContentContainer } from \"./ContentContainer\";\nimport { WidgetTabBar } from \"./TabBar\";\nimport { Widget, WidgetProvider } from \"./Widget\";\nimport { WidgetOutline } from \"../outline/WidgetOutline\";\nimport { WidgetTarget } from \"../target/WidgetTarget\";\nimport { isHorizontalPanelState } from \"../state/PanelState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers\";\nimport type { NineZoneState } from \"../state/NineZoneState\";\n\n/** @internal */\nexport interface PanelWidgetProps {\n  widgetId: WidgetState[\"id\"];\n}\n\n/** @internal */\nexport const PanelWidget = React.forwardRef<HTMLDivElement, PanelWidgetProps>(\n  function PanelWidget({ widgetId }, ref) {\n    const side = React.useContext(PanelSideContext);\n    assert(!!side);\n    const widgetsLength = useLayout((state) => {\n      const panel = state.panels[side];\n      return panel.widgets.length;\n    });\n    const minimized = useLayout((state) => {\n      const widget = getWidgetState(state, widgetId);\n      return widget.minimized;\n    });\n    const horizontal = isHorizontalPanelSide(side);\n    const mode = useMode(widgetId);\n    const borders = useBorders(widgetId);\n    const showTarget = widgetsLength !== 1;\n    const className = classnames(\n      \"nz-widget-panelWidget\",\n      horizontal && \"nz-horizontal\",\n      `nz-${mode}`,\n      borders\n    );\n    const content = React.useMemo(\n      () => (\n        <WidgetContentContainer>\n          {showTarget && <WidgetTarget />}\n          <WidgetOutline />\n        </WidgetContentContainer>\n      ),\n      [showTarget]\n    );\n    return (\n      <WidgetProvider id={widgetId}>\n        <Widget className={className} ref={ref}>\n          <WidgetTabBar\n            separator={isHorizontalPanelSide(side) ? true : !minimized}\n          />\n          {content}\n        </Widget>\n      </WidgetProvider>\n    );\n  }\n);\n\nfunction findFillWidget(state: NineZoneState, side: PanelSide) {\n  const panelWidgets = state.panels[side].widgets;\n  return panelWidgets.find((widgetId) => {\n    const widget = getWidgetState(state, widgetId);\n    if (widget.minimized) return false;\n    const tabId = widget.activeTabId;\n    const tab = state.tabs[tabId];\n    if (!tab.preferredPanelWidgetSize) return true;\n    return false;\n  });\n}\n\n/** @internal */\nexport function useMode(widgetId: string): \"fit\" | \"fill\" | \"minimized\" {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  return useLayout((state) => {\n    const fillWidget = findFillWidget(state, side);\n\n    // Force `fill` for last panel widget that is not minimized.\n    if (!fillWidget) {\n      const panel = state.panels[side];\n      for (let i = panel.widgets.length - 1; i >= 0; i--) {\n        const wId = panel.widgets[i];\n        const w = getWidgetState(state, wId);\n        if (w.minimized) continue;\n        if (wId === widgetId) return \"fill\";\n        break;\n      }\n    }\n\n    const widget = getWidgetState(state, widgetId);\n    if (widget.minimized) return \"minimized\";\n    const tabId = widget.activeTabId;\n    const tab = state.tabs[tabId];\n    return tab.preferredPanelWidgetSize ? \"fit\" : \"fill\";\n  });\n}\n\n/** @internal */\nexport function useBorders(widgetId: WidgetState[\"id\"]) {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  return useLayout((state) => {\n    const panels = state.panels;\n    const panel = panels[side];\n    const toolSettings = state.toolSettings;\n    const isHorizontal = isHorizontalPanelSide(panel.side);\n    const isVertical = !isHorizontal;\n    const isFirst = panel.widgets[0] === widgetId;\n    const isLast = panel.widgets[panel.widgets.length - 1] === widgetId;\n    const isTopMostPanelBorder =\n      panel.side === \"top\" ||\n      (isVertical && !panels.top.span) ||\n      (isVertical && panels.top.span && panels.top.collapsed) ||\n      (isVertical && panels.top.widgets.length === 0);\n\n    let top = true;\n    let bottom = true;\n    let left = true;\n    let right = true;\n    if (panel.side === \"bottom\") {\n      bottom = false;\n    }\n    if (isVertical && isLast) {\n      bottom = false;\n    }\n    if (isTopMostPanelBorder && toolSettings?.type === \"docked\") {\n      top = false;\n    }\n    if (isVertical && !isFirst) {\n      top = false;\n    }\n    if (\n      isVertical &&\n      panels.top.span &&\n      !panels.top.collapsed &&\n      panels.top.widgets.length > 0\n    ) {\n      top = false;\n    }\n    if (isHorizontal && !isFirst) {\n      left = false;\n    }\n    if (\n      isHorizontalPanelState(panel) &&\n      !panel.span &&\n      isFirst &&\n      !panels.left.collapsed &&\n      panels.left.widgets.length > 0\n    ) {\n      left = false;\n    }\n    if (\n      isHorizontalPanelState(panel) &&\n      !panel.span &&\n      isLast &&\n      !panels.right.collapsed &&\n      panels.right.widgets.length > 0\n    ) {\n      right = false;\n    }\n    return {\n      \"nz-border-top\": top,\n      \"nz-border-bottom\": bottom,\n      \"nz-border-left\": left,\n      \"nz-border-right\": right,\n    };\n  }, true);\n}\n"]}
+{"version":3,"file":"PanelWidget.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PanelWidget.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 \"./PanelWidget.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport { WidgetContentContainer } from \"./ContentContainer\";\nimport { WidgetTabBar } from \"./TabBar\";\nimport { Widget, WidgetProvider } from \"./Widget\";\nimport { WidgetOutline } from \"../outline/WidgetOutline\";\nimport { WidgetTarget } from \"../target/WidgetTarget\";\nimport { isHorizontalPanelState } from \"../state/PanelState\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers\";\nimport type { NineZoneState } from \"../state/NineZoneState\";\n\n/** @internal */\nexport interface PanelWidgetProps {\n  widgetId: WidgetState[\"id\"];\n}\n\n/** @internal */\nexport const PanelWidget = React.forwardRef<HTMLDivElement, PanelWidgetProps>(\n  function PanelWidget({ widgetId }, ref) {\n    const side = React.useContext(PanelSideContext);\n    assert(!!side);\n    const widgetsLength = useLayout((state) => {\n      const panel = state.panels[side];\n      return panel.widgets.length;\n    });\n    const minimized = useLayout((state) => {\n      const widget = getWidgetState(state, widgetId);\n      return widget.minimized;\n    });\n    const horizontal = isHorizontalPanelSide(side);\n    const mode = useMode(widgetId);\n    const borders = useBorders(widgetId);\n    const showTarget = widgetsLength !== 1;\n    const className = classnames(\n      \"nz-widget-panelWidget\",\n      horizontal && \"nz-horizontal\",\n      `nz-${mode}`,\n      borders\n    );\n    const content = React.useMemo(\n      () => (\n        <WidgetContentContainer>\n          {showTarget && <WidgetTarget />}\n          <WidgetOutline />\n        </WidgetContentContainer>\n      ),\n      [showTarget]\n    );\n    return (\n      <WidgetProvider id={widgetId}>\n        <Widget className={className} ref={ref}>\n          <WidgetTabBar\n            separator={isHorizontalPanelSide(side) ? true : !minimized}\n          />\n          {content}\n        </Widget>\n      </WidgetProvider>\n    );\n  }\n);\n\nfunction findFillWidget(state: NineZoneState, side: PanelSide) {\n  const panelWidgets = state.panels[side].widgets;\n  return panelWidgets.find((widgetId) => {\n    const widget = getWidgetState(state, widgetId);\n    if (widget.minimized) return false;\n    const tabId = widget.activeTabId;\n    const tab = state.tabs[tabId];\n    if (!tab.preferredPanelWidgetSize) return true;\n    return false;\n  });\n}\n\n/** @internal */\nexport function useMode(widgetId: string): \"fit\" | \"fill\" | \"minimized\" {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  return useLayout((state) => {\n    const fillWidget = findFillWidget(state, side);\n\n    // Force `fill` for last panel widget that is not minimized.\n    if (!fillWidget) {\n      const panel = state.panels[side];\n      for (let i = panel.widgets.length - 1; i >= 0; i--) {\n        const wId = panel.widgets[i];\n        const w = getWidgetState(state, wId);\n        if (w.minimized) continue;\n        if (wId === widgetId) return \"fill\";\n        break;\n      }\n    }\n\n    const widget = getWidgetState(state, widgetId);\n    if (widget.minimized) return \"minimized\";\n    const tabId = widget.activeTabId;\n    const tab = state.tabs[tabId];\n    return tab.preferredPanelWidgetSize ? \"fit\" : \"fill\";\n  });\n}\n\n/** @internal */\nexport function useBorders(widgetId: WidgetState[\"id\"]) {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  return useLayout((state) => {\n    const panels = state.panels;\n    const panel = panels[side];\n    const toolSettings = state.toolSettings;\n    const isHorizontal = isHorizontalPanelSide(panel.side);\n    const isVertical = !isHorizontal;\n    const isFirst = panel.widgets[0] === widgetId;\n    const isLast = panel.widgets[panel.widgets.length - 1] === widgetId;\n    const isTopMostPanelBorder =\n      panel.side === \"top\" ||\n      (isVertical && !panels.top.span) ||\n      (isVertical && panels.top.span && panels.top.collapsed) ||\n      (isVertical && panels.top.widgets.length === 0);\n\n    let top = true;\n    let bottom = true;\n    let left = true;\n    let right = true;\n    if (panel.side === \"bottom\") {\n      bottom = false;\n    }\n    if (isVertical && isLast) {\n      bottom = false;\n    }\n    if (isTopMostPanelBorder && toolSettings?.type === \"docked\") {\n      top = false;\n    }\n    if (isVertical && !isFirst) {\n      top = false;\n    }\n    if (\n      isVertical &&\n      panels.top.span &&\n      !panels.top.collapsed &&\n      panels.top.widgets.length > 0\n    ) {\n      top = false;\n    }\n    if (isHorizontal && !isFirst) {\n      left = false;\n    }\n    if (\n      isHorizontalPanelState(panel) &&\n      !panel.span &&\n      isFirst &&\n      !panels.left.collapsed &&\n      panels.left.widgets.length > 0\n    ) {\n      left = false;\n    }\n    if (\n      isHorizontalPanelState(panel) &&\n      !panel.span &&\n      isLast &&\n      !panels.right.collapsed &&\n      panels.right.widgets.length > 0\n    ) {\n      right = false;\n    }\n    return {\n      \"nz-border-top\": top,\n      \"nz-border-bottom\": bottom,\n      \"nz-border-left\": left,\n      \"nz-border-right\": right,\n    };\n  }, true);\n}\n"]}