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

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/NavigationArea.scss

@@ -42,8 +42,11 @@
 
   > .nz-horizontal-toolbar-container {
     grid-area: htools;
-
     width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    min-width: 0;
 
     > .components-toolbar-overflow-sizer {
       display: flex;

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

@@ -113,7 +113,7 @@ function useBorders(widgetId) {
         if (isVertical && isLast) {
             bottom = false;
         }
-        if (isTopMostPanelBorder && toolSettings?.type === "docked") {
+        if (isTopMostPanelBorder && (toolSettings === null || toolSettings === void 0 ? void 0 : 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"]}

package/lib/cjs/appui-react/layout/widget/PinToggle.d.ts

@@ -4,4 +4,6 @@
 import * as React from "react";
 /** @internal */
 export declare function PinToggle(): React.JSX.Element;
+/** @internal */
+export declare function usePinToggle(): boolean;
 //# sourceMappingURL=PinToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PinToggle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PinToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,wBAAgB,SAAS,sBAoBxB"}
+{"version":3,"file":"PinToggle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PinToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,gBAAgB;AAChB,wBAAgB,SAAS,sBAoBxB;AAED,gBAAgB;AAChB,wBAAgB,YAAY,YAI3B"}

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

@@ -7,7 +7,7 @@
  * @module Widget
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PinToggle = void 0;
+exports.usePinToggle = exports.PinToggle = void 0;
 const React = require("react");
 const core_bentley_1 = require("@itwin/core-bentley");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
@@ -15,6 +15,8 @@ const NineZone_1 = require("../base/NineZone");
 const Panel_1 = require("../widget-panels/Panel");
 const LayoutStore_1 = require("../base/LayoutStore");
 const Button_1 = require("../../preview/widget-action-dropdown/Button");
+const usePanelWidgetId_1 = require("./usePanelWidgetId");
+const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
 /** @internal */
 function PinToggle() {
     const side = React.useContext(Panel_1.PanelSideContext);
@@ -31,4 +33,11 @@ function PinToggle() {
         } }));
 }
 exports.PinToggle = PinToggle;
+/** @internal */
+function usePinToggle() {
+    const isMainPanelWidget = !!(0, usePanelWidgetId_1.useMainPanelWidgetId)();
+    const isMaximizedWidget = (0, useMaximizedWidget_1.useIsMaximizedWidget)();
+    return isMainPanelWidget && !isMaximizedWidget;
+}
+exports.usePinToggle = usePinToggle;
 //# sourceMappingURL=PinToggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PinToggle.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PinToggle.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,oEAAkE;AAClE,+CAAqE;AACrE,kDAA0D;AAC1D,qDAAgD;AAChD,wEAA2E;AAE3E,gBAAgB;AAChB,SAAgB,SAAS;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,IAAA,qBAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,IAAA,mBAAQ,EAAC,eAAe,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,IAAA,mBAAQ,EAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAE/D,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAC,4BAAM,OAAG,CAAC,CAAC,CAAC,oBAAC,kCAAY,OAAG,EAC5C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAC/C,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC;gBACP,IAAI;gBACJ,IAAI,EAAE,qBAAqB;aAC5B,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AApBD,8BAoBC","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 { assert } from \"@itwin/core-bentley\";\nimport { SvgPin, SvgPinHollow } from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { PanelSideContext } from \"../widget-panels/Panel\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\n\n/** @internal */\nexport function PinToggle() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const pinPanelTitle = useLabel(\"pinPanelTitle\");\n  const unpinPanelTitle = useLabel(\"unpinPanelTitle\");\n  const pinned = useLayout((state) => state.panels[side].pinned);\n\n  return (\n    <ActionButton\n      icon={pinned ? <SvgPin /> : <SvgPinHollow />}\n      title={pinned ? unpinPanelTitle : pinPanelTitle}\n      onClick={() => {\n        dispatch({\n          side,\n          type: \"PANEL_TOGGLE_PINNED\",\n        });\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"PinToggle.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PinToggle.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,oEAAkE;AAClE,+CAAqE;AACrE,kDAA0D;AAC1D,qDAAgD;AAChD,wEAA2E;AAC3E,yDAA0D;AAC1D,iGAAgG;AAEhG,gBAAgB;AAChB,SAAgB,SAAS;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,IAAA,qBAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,IAAA,mBAAQ,EAAC,eAAe,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,IAAA,mBAAQ,EAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAE/D,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAC,4BAAM,OAAG,CAAC,CAAC,CAAC,oBAAC,kCAAY,OAAG,EAC5C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAC/C,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC;gBACP,IAAI;gBACJ,IAAI,EAAE,qBAAqB;aAC5B,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AApBD,8BAoBC;AAED,gBAAgB;AAChB,SAAgB,YAAY;IAC1B,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAA,uCAAoB,GAAE,CAAC;IACnD,MAAM,iBAAiB,GAAG,IAAA,yCAAoB,GAAE,CAAC;IACjD,OAAO,iBAAiB,IAAI,CAAC,iBAAiB,CAAC;AACjD,CAAC;AAJD,oCAIC","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 { assert } from \"@itwin/core-bentley\";\nimport { SvgPin, SvgPinHollow } from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { PanelSideContext } from \"../widget-panels/Panel\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\nimport { useMainPanelWidgetId } from \"./usePanelWidgetId\";\nimport { useIsMaximizedWidget } from \"../../preview/enable-maximized-widget/useMaximizedWidget\";\n\n/** @internal */\nexport function PinToggle() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const pinPanelTitle = useLabel(\"pinPanelTitle\");\n  const unpinPanelTitle = useLabel(\"unpinPanelTitle\");\n  const pinned = useLayout((state) => state.panels[side].pinned);\n\n  return (\n    <ActionButton\n      icon={pinned ? <SvgPin /> : <SvgPinHollow />}\n      title={pinned ? unpinPanelTitle : pinPanelTitle}\n      onClick={() => {\n        dispatch({\n          side,\n          type: \"PANEL_TOGGLE_PINNED\",\n        });\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function usePinToggle() {\n  const isMainPanelWidget = !!useMainPanelWidgetId();\n  const isMaximizedWidget = useIsMaximizedWidget();\n  return isMainPanelWidget && !isMaximizedWidget;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SendBack.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/SendBack.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAK5D,gBAAgB;AAChB,eAAO,MAAM,8BAA8B,iFAEzB,CAAC;AAEnB,gBAAgB;AAChB,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;;;;;;;;;;;EAoC5B;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB;;;;;;;;;;;;cAKnC;AAiBD,gBAAgB;AAChB,wBAAgB,QAAQ,sBAsCvB;AAED,gBAAgB;AAChB,wBAAgB,WAAW,YAQ1B"}
+{"version":3,"file":"SendBack.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/SendBack.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAK5D,gBAAgB;AAChB,eAAO,MAAM,8BAA8B,iFAEzB,CAAC;AAEnB,gBAAgB;AAChB,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;;;;;;;;;;;EAoC5B;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB;;;;;;;;;;;;cAKnC;AAiBD,gBAAgB;AAChB,wBAAgB,QAAQ,sBAsCvB;AAED,gBAAgB;AAChB,wBAAgB,WAAW,YAO1B"}

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

@@ -17,8 +17,8 @@ const LayoutStore_1 = require("../base/LayoutStore");
 const FloatingWidget_1 = require("./FloatingWidget");
 const PanelState_1 = require("../state/PanelState");
 const useIsToolSettingsTab_1 = require("./useIsToolSettingsTab");
-const PreviewMaximizeToggle_1 = require("./PreviewMaximizeToggle");
 const Button_1 = require("../../preview/widget-action-dropdown/Button");
+const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
 /** @internal */
 exports.useActiveSendBackWidgetIdStore = (0, zustand_1.create)(() => undefined);
 /** @internal */
@@ -100,12 +100,11 @@ function SendBack() {
 exports.SendBack = SendBack;
 /** @internal */
 function useSendBack() {
-    const { enabled, maximizedWidget } = (0, PreviewMaximizeToggle_1.usePreviewMaximizedWidget)();
+    const maximizedWidget = (0, useMaximizedWidget_1.useIsMaximizedWidget)();
     const isToolSettings = (0, useIsToolSettingsTab_1.useIsToolSettingsTab)();
-    const floatingWidgetId = (0, FloatingWidget_1.useFloatingWidgetId)();
+    const isFloatingWidget = !!(0, FloatingWidget_1.useFloatingWidgetId)();
     const canBeDocked = (0, FloatingWidget_1.useWidgetAllowedToDock)();
-    const isMaximized = maximizedWidget === floatingWidgetId && enabled;
-    return !!(!isMaximized && floatingWidgetId && !isToolSettings && canBeDocked);
+    return !maximizedWidget && isFloatingWidget && !isToolSettings && canBeDocked;
 }
 exports.useSendBack = useSendBack;
 //# sourceMappingURL=SendBack.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SendBack.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/SendBack.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 * as React from \"react\";\nimport { create } from \"zustand\";\nimport { assert } from \"@itwin/core-bentley\";\nimport {\n  SvgDockBottom,\n  SvgDockLeft,\n  SvgDockRight,\n  SvgDockTop,\n} from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { useFloatingWidgetId, useWidgetAllowedToDock } from \"./FloatingWidget\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport { getWidgetPanelSectionId } from \"../state/PanelState\";\nimport type { NineZoneState } from \"../state/NineZoneState\";\nimport { useIsToolSettingsTab } from \"./useIsToolSettingsTab\";\nimport { usePreviewMaximizedWidget } from \"./PreviewMaximizeToggle\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\n\n/** @internal */\nexport const useActiveSendBackWidgetIdStore = create<\n  WidgetState[\"id\"] | undefined\n>(() => undefined);\n\n/** @internal */\nexport function getSendBackHomeState(\n  state: NineZoneState,\n  widgetId: WidgetState[\"id\"]\n) {\n  const floatingWidget = state.floatingWidgets.byId[widgetId];\n  const home = floatingWidget.home;\n  const panel = state.panels[home.side];\n  const destinationWidgetId = home.widgetId\n    ? home.widgetId\n    : getWidgetPanelSectionId(panel.side, home.widgetIndex);\n\n  let destinationWidget = state.widgets[destinationWidgetId];\n\n  if (!destinationWidget && panel.widgets.length === panel.maxWidgetCount) {\n    const id = panel.widgets[home.widgetIndex];\n    destinationWidget = state.widgets[id];\n  }\n\n  // Widget would be added to an existing panel widget.\n  if (destinationWidget) {\n    return {\n      side: home.side,\n      widgetId: destinationWidget.id,\n    };\n  }\n\n  // Widget would be added to a panel as it's first panel widget.\n  if (panel.widgets.length === 0) {\n    return {\n      side: home.side,\n    };\n  }\n\n  // Widget would be added to a panel with an existing panel widget as a separate panel widget.\n  return {\n    side: home.side,\n    sectionIndex: destinationWidgetId.endsWith(\"End\") ? 1 : 0,\n  };\n}\n\n/** @internal */\nexport function useSendBackHomeState() {\n  const widgetId = useActiveSendBackWidgetIdStore((state) => state);\n  return useLayout((state) =>\n    widgetId ? getSendBackHomeState(state, widgetId) : undefined\n  );\n}\n\nfunction Icon() {\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const home = useLayout((state) => state.floatingWidgets.byId[id].home);\n  return home.side === \"left\" ? (\n    <SvgDockLeft />\n  ) : home.side === \"right\" ? (\n    <SvgDockRight />\n  ) : home.side === \"top\" ? (\n    <SvgDockTop />\n  ) : (\n    <SvgDockBottom />\n  );\n}\n\n/** @internal */\nexport function SendBack() {\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const title = useLabel(\"sendWidgetHomeTitle\");\n  const setActiveWidgetId = (newId: WidgetState[\"id\"] | undefined) =>\n    useActiveSendBackWidgetIdStore.setState(newId);\n\n  const onClick = () => {\n    setActiveWidgetId(undefined);\n    dispatch({\n      type: \"FLOATING_WIDGET_SEND_BACK\",\n      id,\n    });\n  };\n  const onMouseOver = () => {\n    setActiveWidgetId(id);\n  };\n  const onFocus = () => {\n    setActiveWidgetId(id);\n  };\n  const onMouseOut = () => {\n    setActiveWidgetId(undefined);\n  };\n  const onBlur = () => {\n    setActiveWidgetId(undefined);\n  };\n  const eventHandlers = { onMouseOver, onFocus, onMouseOut, onBlur };\n  return (\n    <ActionButton\n      icon={<Icon />}\n      title={title}\n      onClick={onClick}\n      buttonProps={eventHandlers}\n      // TODO: can not pass down event handlers due to iTwinUI type issues.\n      menuProps={eventHandlers as any}\n    />\n  );\n}\n\n/** @internal */\nexport function useSendBack() {\n  const { enabled, maximizedWidget } = usePreviewMaximizedWidget();\n  const isToolSettings = useIsToolSettingsTab();\n  const floatingWidgetId = useFloatingWidgetId();\n  const canBeDocked = useWidgetAllowedToDock();\n\n  const isMaximized = maximizedWidget === floatingWidgetId && enabled;\n  return !!(!isMaximized && floatingWidgetId && !isToolSettings && canBeDocked);\n}\n"]}
+{"version":3,"file":"SendBack.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/SendBack.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 * as React from \"react\";\nimport { create } from \"zustand\";\nimport { assert } from \"@itwin/core-bentley\";\nimport {\n  SvgDockBottom,\n  SvgDockLeft,\n  SvgDockRight,\n  SvgDockTop,\n} from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { useFloatingWidgetId, useWidgetAllowedToDock } from \"./FloatingWidget\";\nimport type { WidgetState } from \"../state/WidgetState\";\nimport { getWidgetPanelSectionId } from \"../state/PanelState\";\nimport type { NineZoneState } from \"../state/NineZoneState\";\nimport { useIsToolSettingsTab } from \"./useIsToolSettingsTab\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\nimport { useIsMaximizedWidget } from \"../../preview/enable-maximized-widget/useMaximizedWidget\";\n\n/** @internal */\nexport const useActiveSendBackWidgetIdStore = create<\n  WidgetState[\"id\"] | undefined\n>(() => undefined);\n\n/** @internal */\nexport function getSendBackHomeState(\n  state: NineZoneState,\n  widgetId: WidgetState[\"id\"]\n) {\n  const floatingWidget = state.floatingWidgets.byId[widgetId];\n  const home = floatingWidget.home;\n  const panel = state.panels[home.side];\n  const destinationWidgetId = home.widgetId\n    ? home.widgetId\n    : getWidgetPanelSectionId(panel.side, home.widgetIndex);\n\n  let destinationWidget = state.widgets[destinationWidgetId];\n\n  if (!destinationWidget && panel.widgets.length === panel.maxWidgetCount) {\n    const id = panel.widgets[home.widgetIndex];\n    destinationWidget = state.widgets[id];\n  }\n\n  // Widget would be added to an existing panel widget.\n  if (destinationWidget) {\n    return {\n      side: home.side,\n      widgetId: destinationWidget.id,\n    };\n  }\n\n  // Widget would be added to a panel as it's first panel widget.\n  if (panel.widgets.length === 0) {\n    return {\n      side: home.side,\n    };\n  }\n\n  // Widget would be added to a panel with an existing panel widget as a separate panel widget.\n  return {\n    side: home.side,\n    sectionIndex: destinationWidgetId.endsWith(\"End\") ? 1 : 0,\n  };\n}\n\n/** @internal */\nexport function useSendBackHomeState() {\n  const widgetId = useActiveSendBackWidgetIdStore((state) => state);\n  return useLayout((state) =>\n    widgetId ? getSendBackHomeState(state, widgetId) : undefined\n  );\n}\n\nfunction Icon() {\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const home = useLayout((state) => state.floatingWidgets.byId[id].home);\n  return home.side === \"left\" ? (\n    <SvgDockLeft />\n  ) : home.side === \"right\" ? (\n    <SvgDockRight />\n  ) : home.side === \"top\" ? (\n    <SvgDockTop />\n  ) : (\n    <SvgDockBottom />\n  );\n}\n\n/** @internal */\nexport function SendBack() {\n  const id = useFloatingWidgetId();\n  assert(!!id);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const title = useLabel(\"sendWidgetHomeTitle\");\n  const setActiveWidgetId = (newId: WidgetState[\"id\"] | undefined) =>\n    useActiveSendBackWidgetIdStore.setState(newId);\n\n  const onClick = () => {\n    setActiveWidgetId(undefined);\n    dispatch({\n      type: \"FLOATING_WIDGET_SEND_BACK\",\n      id,\n    });\n  };\n  const onMouseOver = () => {\n    setActiveWidgetId(id);\n  };\n  const onFocus = () => {\n    setActiveWidgetId(id);\n  };\n  const onMouseOut = () => {\n    setActiveWidgetId(undefined);\n  };\n  const onBlur = () => {\n    setActiveWidgetId(undefined);\n  };\n  const eventHandlers = { onMouseOver, onFocus, onMouseOut, onBlur };\n  return (\n    <ActionButton\n      icon={<Icon />}\n      title={title}\n      onClick={onClick}\n      buttonProps={eventHandlers}\n      // TODO: can not pass down event handlers due to iTwinUI type issues.\n      menuProps={eventHandlers as any}\n    />\n  );\n}\n\n/** @internal */\nexport function useSendBack() {\n  const maximizedWidget = useIsMaximizedWidget();\n  const isToolSettings = useIsToolSettingsTab();\n  const isFloatingWidget = !!useFloatingWidgetId();\n  const canBeDocked = useWidgetAllowedToDock();\n\n  return !maximizedWidget && isFloatingWidget && !isToolSettings && canBeDocked;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAuBlD,gBAAgB;AAChB,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,aAAa,EACb,IAAI,EACJ,eAAe,GAChB,EAAE,sBAAsB,qBAmBxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAK9C;AAyED,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EAAE,EACxD,OAAO,EACP,aAAa,EACb,WAAW,EACX,SAAS,GACV,EAAE,sBAAsB,4CAwLxB;AAED,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,uCAE9B,CAAC;AAGF,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,wBAAsC,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Tab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAsBlD,gBAAgB;AAChB,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,aAAa,EACb,IAAI,EACJ,eAAe,GAChB,EAAE,sBAAsB,qBAmBxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAK9C;AAkED,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EAAE,EACxD,OAAO,EACP,aAAa,EACb,WAAW,EACX,SAAS,GACV,EAAE,sBAAsB,4CAwLxB;AAED,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,uCAE9B,CAAC;AAGF,gBAAgB;AAChB,eAAO,MAAM,0BAA0B,wBAAsC,CAAC"}

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

@@ -11,6 +11,7 @@ exports.IconOnlyOnWidgetTabContext = exports.TabPositionContext = exports.useTab
 require("./Tab.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
+const ts_key_enum_1 = require("ts-key-enum");
 const core_bentley_1 = require("@itwin/core-bentley");
 const core_react_1 = require("@itwin/core-react");
 const DragManager_1 = require("../base/DragManager");
@@ -26,8 +27,7 @@ const Overflow_1 = require("./Overflow");
 const LayoutStore_1 = require("../base/LayoutStore");
 const FloatingWidget_1 = require("./FloatingWidget");
 const WidgetStateHelpers_1 = require("../state/internal/WidgetStateHelpers");
-const ts_key_enum_1 = require("ts-key-enum");
-const PreviewMaximizeToggle_1 = require("./PreviewMaximizeToggle");
+const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
 /** @internal */
 function WidgetTabProvider({ id, first, firstInactive, last, showOnlyTabIcon, }) {
     const tabNode = React.useContext(NineZone_1.TabNodeContext);
@@ -66,14 +66,9 @@ function WidgetTabComponent(props) {
     const label = (0, LayoutStore_1.useLayout)((state) => state.tabs[id].label);
     const activeTabId = (0, LayoutStore_1.useLayout)((state) => (0, WidgetStateHelpers_1.getWidgetState)(state, widgetId).activeTabId);
     const minimized = (0, LayoutStore_1.useLayout)((state) => (0, WidgetStateHelpers_1.getWidgetState)(state, widgetId).minimized);
-    const { enabled: enableMaximizedFloatingWidget, maximizedWidget } = (0, PreviewMaximizeToggle_1.usePreviewMaximizedWidget)();
-    const floatingWidgetId = (0, FloatingWidget_1.useFloatingWidgetId)();
-    // istanbul ignore next (preview)
-    const maximized = !!floatingWidgetId &&
-        maximizedWidget === floatingWidgetId &&
-        enableMaximizedFloatingWidget;
-    const resizeObserverRef = (0, core_react_1.useResizeObserver)(widgetTabsEntryContext?.onResize);
-    const pointerCaptorRef = useTabInteractions({ clickOnly: maximized });
+    const maximizedWidget = (0, useMaximizedWidget_1.useIsMaximizedWidget)();
+    const resizeObserverRef = (0, core_react_1.useResizeObserver)(widgetTabsEntryContext === null || widgetTabsEntryContext === void 0 ? void 0 : widgetTabsEntryContext.onResize);
+    const pointerCaptorRef = useTabInteractions({ clickOnly: maximizedWidget });
     const refs = (0, core_react_1.useRefs)(resizeObserverRef, pointerCaptorRef);
     const active = activeTabId === id;
     const className = (0, classnames_1.default)("nz-widget-tab", active && "nz-active", undefined === side && minimized && "nz-minimized", first && "nz-first", last && "nz-last", firstInactive && "nz-first-inactive", props.className);
@@ -114,7 +109,7 @@ function useTabInteractions({ onClick, onDoubleClick, onDragStart, clickOnly, })
             widgetId,
             id,
         });
-        onClick?.();
+        onClick === null || onClick === void 0 ? void 0 : onClick();
     }, [dispatch, widgetId, id, side, onClick]);
     const handleDoubleClick = React.useCallback(() => {
         // istanbul ignore next (preview)
@@ -127,7 +122,7 @@ function useTabInteractions({ onClick, onDoubleClick, onDragStart, clickOnly, })
             floatingWidgetId,
             id,
         });
-        onDoubleClick?.();
+        onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick();
     }, [
         clickOnly,
         dispatch,
@@ -177,7 +172,7 @@ function useTabInteractions({ onClick, onDoubleClick, onDragStart, clickOnly, })
             position,
             userSized,
         });
-        onDragStart?.();
+        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
         initialPointerPosition.current = undefined;
     }, [
         clickOnly,
@@ -229,7 +224,7 @@ function useTabInteractions({ onClick, onDoubleClick, onDragStart, clickOnly, })
             clickCount.current = 0;
         });
         const keydown = (e) => {
-            if (e.key === " " || e.key === ts_key_enum_1.Key.Enter) {
+            if (e.key === " " || e.key === ts_key_enum_1.Key.Enter.valueOf()) {
                 handleClick();
             }
         };