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

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

@@ -0,0 +1,34 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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");
+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");
+/** @internal */
+function PinToggle() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    (0, core_bentley_1.assert)(!!side);
+    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
+    const pinPanelTitle = (0, NineZone_1.useLabel)("pinPanelTitle");
+    const unpinPanelTitle = (0, NineZone_1.useLabel)("unpinPanelTitle");
+    const pinned = (0, LayoutStore_1.useLayout)((state) => state.panels[side].pinned);
+    return (React.createElement(Button_1.ActionButton, { icon: pinned ? React.createElement(itwinui_icons_react_1.SvgPin, null) : React.createElement(itwinui_icons_react_1.SvgPinHollow, null), title: pinned ? unpinPanelTitle : pinPanelTitle, onClick: () => {
+            dispatch({
+                side,
+                type: "PANEL_TOGGLE_PINNED",
+            });
+        } }));
+}
+exports.PinToggle = PinToggle;
+//# sourceMappingURL=PinToggle.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoutToggle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PopoutToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,gBAAgB;AAChB,wBAAgB,YAAY,sBAiB3B;AAED,gBAAgB;AAChB,wBAAgB,eAAe,YAM9B"}

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

@@ -0,0 +1,39 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopoutToggle = exports.PopoutToggle = void 0;
+const React = require("react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const NineZone_1 = require("../base/NineZone");
+const Widget_1 = require("./Widget");
+const LayoutStore_1 = require("../base/LayoutStore");
+const Button_1 = require("../../preview/widget-action-dropdown/Button");
+/** @internal */
+function PopoutToggle() {
+    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
+    const activeTabId = (0, Widget_1.useActiveTabId)();
+    const popoutTitle = (0, NineZone_1.useLabel)("popoutActiveTab");
+    return (React.createElement(Button_1.ActionButton, { icon: React.createElement(itwinui_icons_react_1.SvgWindowPopout, null), title: popoutTitle, onClick: () => {
+            dispatch({
+                id: activeTabId,
+                type: "WIDGET_TAB_POPOUT",
+            });
+        } }));
+}
+exports.PopoutToggle = PopoutToggle;
+/** @internal */
+function usePopoutToggle() {
+    const tabId = (0, Widget_1.useActiveTabId)();
+    return (0, LayoutStore_1.useLayout)((state) => {
+        const tab = state.tabs[tabId];
+        return !!tab.canPopout;
+    });
+}
+exports.usePopoutToggle = usePopoutToggle;
+//# sourceMappingURL=PopoutToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoutToggle.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PopoutToggle.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAA6D;AAC7D,+CAAqE;AACrE,qCAA0C;AAC1C,qDAAgD;AAChD,wEAA2E;AAE3E,gBAAgB;AAChB,SAAgB,YAAY;IAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,IAAA,uBAAc,GAAE,CAAC;IACrC,MAAM,WAAW,GAAG,IAAA,mBAAQ,EAAC,iBAAiB,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,oBAAC,qCAAe,OAAG,EACzB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC;gBACP,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,mBAAmB;aAC1B,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAjBD,oCAiBC;AAED,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,MAAM,KAAK,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC;AAND,0CAMC","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 { SvgWindowPopout } from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { useActiveTabId } from \"./Widget\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\n\n/** @internal */\nexport function PopoutToggle() {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const activeTabId = useActiveTabId();\n  const popoutTitle = useLabel(\"popoutActiveTab\");\n\n  return (\n    <ActionButton\n      icon={<SvgWindowPopout />}\n      title={popoutTitle}\n      onClick={() => {\n        dispatch({\n          id: activeTabId,\n          type: \"WIDGET_TAB_POPOUT\",\n        });\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function usePopoutToggle() {\n  const tabId = useActiveTabId();\n  return useLayout((state) => {\n    const tab = state.tabs[tabId];\n    return !!tab.canPopout;\n  });\n}\n"]}

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

@@ -0,0 +1,29 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import { HorizontalAlignment } from "@itwin/core-react";
+import type { PanelSide } from "../widget-panels/PanelTypes";
+/** Horizontal panel alignment preview feature state.
+ * @internal
+ */
+export declare function usePreviewHorizontalPanelAlign(): {
+    enabled: boolean;
+    alignments: {
+        bottom: HorizontalAlignment;
+        top: HorizontalAlignment;
+    };
+    setAlignment: (panel: PanelSide | undefined, alignment: HorizontalAlignment) => void;
+};
+/** Preview horizontal panel alignment feature provider.
+ * @internal
+ */
+export declare function PreviewHorizontalPanelAlignFeatureProvider({ enabled, children, }: {
+    enabled?: boolean;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+/** @internal */
+export declare function PreviewHorizontalPanelAlignButton(): React.JSX.Element;
+/** @internal */
+export declare function useHorizontalPanelAlignButton(): boolean;
+//# sourceMappingURL=PreviewHorizontalPanelAlign.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewHorizontalPanelAlign.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewHorizontalPanelAlign.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAMxD,OAAO,KAAK,EAEV,SAAS,EACV,MAAM,6BAA6B,CAAC;AA0BrC;;GAEG;AACH,wBAAgB,8BAA8B;;;;;;;EAE7C;AAED;;GAEG;AACH,wBAAgB,0CAA0C,CAAC,EACzD,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBA4BA;AA6DD,gBAAgB;AAChB,wBAAgB,iCAAiC,sBA8ChD;AAED,gBAAgB;AAChB,wBAAgB,6BAA6B,YAW5C"}

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

@@ -0,0 +1,120 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHorizontalPanelAlignButton = exports.PreviewHorizontalPanelAlignButton = exports.PreviewHorizontalPanelAlignFeatureProvider = exports.usePreviewHorizontalPanelAlign = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_react_1 = require("@itwin/core-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const Panel_1 = require("../widget-panels/Panel");
+const Buttons_1 = require("./Buttons");
+const MoreButton_1 = require("../../preview/widget-action-dropdown/MoreButton");
+const Button_1 = require("./Button");
+/** Default value used when not provided or disabled. */
+const defaultAlignments = {
+    top: core_react_1.HorizontalAlignment.Justify,
+    bottom: core_react_1.HorizontalAlignment.Justify,
+};
+const HorizontalPanelAlignContext = React.createContext({
+    enabled: false,
+    alignments: defaultAlignments,
+    setAlignment: () => { },
+});
+/** Horizontal panel alignment preview feature state.
+ * @internal
+ */
+function usePreviewHorizontalPanelAlign() {
+    return React.useContext(HorizontalPanelAlignContext);
+}
+exports.usePreviewHorizontalPanelAlign = usePreviewHorizontalPanelAlign;
+/** Preview horizontal panel alignment feature provider.
+ * @internal
+ */
+function PreviewHorizontalPanelAlignFeatureProvider({ enabled, children, }) {
+    const [alignments, setAlignments] = React.useState({
+        top: core_react_1.HorizontalAlignment.Justify,
+        bottom: core_react_1.HorizontalAlignment.Justify,
+    });
+    const setAlignment = React.useCallback((panel, alignment) => {
+        if (!panel || !(0, Panel_1.isHorizontalPanelSide)(panel))
+            return;
+        setAlignments((prev) => ({
+            ...prev,
+            [panel]: alignment,
+        }));
+    }, []);
+    return (React.createElement(HorizontalPanelAlignContext.Provider, { value: {
+            enabled: !!enabled,
+            alignments: enabled ? alignments : defaultAlignments,
+            setAlignment,
+        } }, children));
+}
+exports.PreviewHorizontalPanelAlignFeatureProvider = PreviewHorizontalPanelAlignFeatureProvider;
+function SvgSide(props) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
+        React.createElement("path", { d: "M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z" })));
+}
+function SvgJustify(props) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
+        React.createElement("path", { d: "M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z" })));
+}
+function SvgCenter(props) {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 16 16", fill: "var(--iui-color-icon-muted, currentColor)", ...props },
+        React.createElement("path", { d: "M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z" })));
+}
+function getIcon(side, alignment) {
+    const scaleY = side === "top" ? "-1" : "1";
+    if (alignment === core_react_1.HorizontalAlignment.Justify)
+        return React.createElement(SvgJustify, { transform: `scale(1, ${scaleY})` });
+    if (alignment === core_react_1.HorizontalAlignment.Center)
+        return React.createElement(SvgCenter, { transform: `scale(1, ${scaleY})` });
+    const scaleX = alignment === core_react_1.HorizontalAlignment.Left ? "1" : "-1";
+    return React.createElement(SvgSide, { transform: `scale(${scaleX}, ${scaleY})` });
+}
+function capitalize(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}
+/** @internal */
+function PreviewHorizontalPanelAlignButton() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    (0, core_bentley_1.assert)(!!side);
+    (0, core_bentley_1.assert)((0, Panel_1.isHorizontalPanelSide)(side));
+    const { alignments, setAlignment } = usePreviewHorizontalPanelAlign();
+    const title = "Align panel";
+    const getMenuItems = (onClose) => [
+        core_react_1.HorizontalAlignment.Justify,
+        core_react_1.HorizontalAlignment.Center,
+        core_react_1.HorizontalAlignment.Left,
+        core_react_1.HorizontalAlignment.Right,
+    ].map((align) => {
+        return (React.createElement(itwinui_react_1.MenuItem, { key: align, onClick: () => {
+                setAlignment(side, align);
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }, icon: getIcon(side, align), isSelected: alignments[side] === align }, capitalize(align)));
+    });
+    const dropdownContext = React.useContext(MoreButton_1.WidgetActionDropdownContext);
+    if (dropdownContext !== undefined) {
+        return (React.createElement(itwinui_react_1.MenuItem, { icon: getIcon(side, alignments[side]), subMenuItems: getMenuItems() }, title));
+    }
+    return (React.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => getMenuItems(close) },
+        React.createElement(Button_1.TabBarButton, { title: title }, getIcon(side, alignments[side]))));
+}
+exports.PreviewHorizontalPanelAlignButton = PreviewHorizontalPanelAlignButton;
+/** @internal */
+function useHorizontalPanelAlignButton() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    const { enabled } = usePreviewHorizontalPanelAlign();
+    const isMainPanelWidget = (0, Buttons_1.useIsMainPanelWidget)();
+    return !!(enabled &&
+        side &&
+        (0, Panel_1.isHorizontalPanelSide)(side) &&
+        isMainPanelWidget);
+}
+exports.useHorizontalPanelAlignButton = useHorizontalPanelAlignButton;
+//# sourceMappingURL=PreviewHorizontalPanelAlign.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewHorizontalPanelAlign.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewHorizontalPanelAlign.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 { assert } from \"@itwin/core-bentley\";\nimport { HorizontalAlignment } from \"@itwin/core-react\";\nimport { DropdownMenu, MenuItem } from \"@itwin/itwinui-react\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport type {\n  HorizontalPanelSide,\n  PanelSide,\n} from \"../widget-panels/PanelTypes\";\nimport { useIsMainPanelWidget } from \"./Buttons\";\nimport { WidgetActionDropdownContext } from \"../../preview/widget-action-dropdown/MoreButton\";\nimport { TabBarButton } from \"./Button\";\n\n/** Default value used when not provided or disabled. */\nconst defaultAlignments = {\n  top: HorizontalAlignment.Justify,\n  bottom: HorizontalAlignment.Justify,\n};\n\nconst HorizontalPanelAlignContext = React.createContext<{\n  enabled: boolean;\n  alignments: {\n    [side in HorizontalPanelSide]: HorizontalAlignment;\n  };\n  setAlignment: (\n    panel: PanelSide | undefined,\n    alignment: HorizontalAlignment\n  ) => void;\n}>({\n  enabled: false,\n  alignments: defaultAlignments,\n  setAlignment: () => {},\n});\n\n/** Horizontal panel alignment preview feature state.\n * @internal\n */\nexport function usePreviewHorizontalPanelAlign() {\n  return React.useContext(HorizontalPanelAlignContext);\n}\n\n/** Preview horizontal panel alignment feature provider.\n * @internal\n */\nexport function PreviewHorizontalPanelAlignFeatureProvider({\n  enabled,\n  children,\n}: {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  const [alignments, setAlignments] = React.useState<{\n    [x in HorizontalPanelSide]: HorizontalAlignment;\n  }>({\n    top: HorizontalAlignment.Justify,\n    bottom: HorizontalAlignment.Justify,\n  });\n  const setAlignment = React.useCallback(\n    (panel: PanelSide | undefined, alignment: HorizontalAlignment) => {\n      if (!panel || !isHorizontalPanelSide(panel)) return;\n      setAlignments((prev) => ({\n        ...prev,\n        [panel]: alignment,\n      }));\n    },\n    []\n  );\n  return (\n    <HorizontalPanelAlignContext.Provider\n      value={{\n        enabled: !!enabled,\n        alignments: enabled ? alignments : defaultAlignments,\n        setAlignment,\n      }}\n    >\n      {children}\n    </HorizontalPanelAlignContext.Provider>\n  );\n}\n\nfunction SvgSide(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm11 7H1V3h10v6Zm4 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction SvgJustify(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 7H1V3h3v6Zm1 0V3h6v6H5Zm10 0h-3V3h3v6Z\" />\n    </svg>\n  );\n}\n\nfunction SvgCenter(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      height=\"1rem\"\n      viewBox=\"0 0 16 16\"\n      fill=\"var(--iui-color-icon-muted, currentColor)\"\n      {...props}\n    >\n      <path d=\"M0 2v12h16V2H0Zm4 11H1V3h3v10Zm1-4V3h6v6H5Zm10 4h-3V3h3v10Z\" />\n    </svg>\n  );\n}\n\nfunction getIcon(side: HorizontalPanelSide, alignment: HorizontalAlignment) {\n  const scaleY = side === \"top\" ? \"-1\" : \"1\";\n  if (alignment === HorizontalAlignment.Justify)\n    return <SvgJustify transform={`scale(1, ${scaleY})`} />;\n  if (alignment === HorizontalAlignment.Center)\n    return <SvgCenter transform={`scale(1, ${scaleY})`} />;\n  const scaleX = alignment === HorizontalAlignment.Left ? \"1\" : \"-1\";\n  return <SvgSide transform={`scale(${scaleX}, ${scaleY})`} />;\n}\n\nfunction capitalize(s: string) {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** @internal */\nexport function PreviewHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  assert(isHorizontalPanelSide(side));\n  const { alignments, setAlignment } = usePreviewHorizontalPanelAlign();\n  const title = \"Align panel\";\n\n  const getMenuItems = (onClose?: () => void) =>\n    [\n      HorizontalAlignment.Justify,\n      HorizontalAlignment.Center,\n      HorizontalAlignment.Left,\n      HorizontalAlignment.Right,\n    ].map((align) => {\n      return (\n        <MenuItem\n          key={align}\n          onClick={() => {\n            setAlignment(side, align);\n            onClose?.();\n          }}\n          icon={getIcon(side, align)}\n          isSelected={alignments[side] === align}\n        >\n          {capitalize(align)}\n        </MenuItem>\n      );\n    });\n  const dropdownContext = React.useContext(WidgetActionDropdownContext);\n  if (dropdownContext !== undefined) {\n    return (\n      <MenuItem\n        icon={getIcon(side, alignments[side])}\n        subMenuItems={getMenuItems()}\n      >\n        {title}\n      </MenuItem>\n    );\n  }\n  return (\n    <DropdownMenu menuItems={(close) => getMenuItems(close)}>\n      <TabBarButton title={title}>\n        {getIcon(side, alignments[side])}\n      </TabBarButton>\n    </DropdownMenu>\n  );\n}\n\n/** @internal */\nexport function useHorizontalPanelAlignButton() {\n  const side = React.useContext(PanelSideContext);\n  const { enabled } = usePreviewHorizontalPanelAlign();\n  const isMainPanelWidget = useIsMainPanelWidget();\n\n  return !!(\n    enabled &&\n    side &&\n    isHorizontalPanelSide(side) &&\n    isMainPanelWidget\n  );\n}\n"]}

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

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+/** Maximized widget preview feature state.
+ * @internal
+ */
+export declare function usePreviewMaximizedWidget(): MaximizedWidgetState;
+/** Properties of [[PreviewMaximizedWidgetFeatureProvider]] component.
+ * @internal
+ */
+export interface PreviewMaximizedWidgetFeatureProviderProps {
+    enabled?: boolean;
+    children?: React.ReactNode;
+}
+interface MaximizedWidgetState {
+    enabled: boolean | undefined;
+    maximizedWidget: string | undefined;
+    setMaximizedWidget: (id: string | undefined) => void;
+}
+/** Preview maximized widget feature provider.
+ * @internal
+ */
+export declare function PreviewMaximizedWidgetFeatureProvider({ enabled, children, }: PreviewMaximizedWidgetFeatureProviderProps): React.JSX.Element;
+/** @internal */
+export declare function PreviewMaximizeToggle(): React.JSX.Element;
+/** @internal */
+export declare function useMaximizeToggle(): boolean;
+export {};
+//# sourceMappingURL=PreviewMaximizeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewMaximizeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewMaximizeToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;GAEG;AACH,wBAAgB,yBAAyB,yBAExC;AAED;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AASD;;GAEG;AACH,wBAAgB,qCAAqC,CAAC,EACpD,OAAO,EACP,QAAQ,GACT,EAAE,0CAA0C,qBAW5C;AAED,gBAAgB;AAChB,wBAAgB,qBAAqB,sBA0BpC;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,YAMhC"}

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

@@ -0,0 +1,65 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMaximizeToggle = exports.PreviewMaximizeToggle = exports.PreviewMaximizedWidgetFeatureProvider = exports.usePreviewMaximizedWidget = void 0;
+const React = require("react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const FloatingWidget_1 = require("./FloatingWidget");
+const useIsToolSettingsTab_1 = require("./useIsToolSettingsTab");
+const Button_1 = require("../../preview/widget-action-dropdown/Button");
+/** Maximized widget preview feature state.
+ * @internal
+ */
+function usePreviewMaximizedWidget() {
+    return React.useContext(MaximizedWidgetContext);
+}
+exports.usePreviewMaximizedWidget = usePreviewMaximizedWidget;
+/** Context containing configuration and state for preview maximized widget feature. */
+const MaximizedWidgetContext = React.createContext({
+    enabled: false,
+    maximizedWidget: undefined,
+    setMaximizedWidget: () => { },
+});
+/** Preview maximized widget feature provider.
+ * @internal
+ */
+function PreviewMaximizedWidgetFeatureProvider({ enabled, children, }) {
+    const [maximizedWidget, setMaximizedWidget] = React.useState(undefined);
+    return (React.createElement(MaximizedWidgetContext.Provider, { value: { enabled, maximizedWidget, setMaximizedWidget } }, children));
+}
+exports.PreviewMaximizedWidgetFeatureProvider = PreviewMaximizedWidgetFeatureProvider;
+/** @internal */
+function PreviewMaximizeToggle() {
+    const { maximizedWidget, setMaximizedWidget } = usePreviewMaximizedWidget();
+    const floatingWidgetId = (0, FloatingWidget_1.useFloatingWidgetId)();
+    const { id, title, iconSpec } = maximizedWidget === floatingWidgetId
+        ? {
+            id: undefined,
+            title: "Restore",
+            iconSpec: React.createElement(itwinui_icons_react_1.SvgWindowMinimize, null),
+        }
+        : {
+            id: floatingWidgetId,
+            title: "Maximize",
+            iconSpec: React.createElement(itwinui_icons_react_1.SvgWindowMaximize, null),
+        };
+    return (React.createElement(Button_1.ActionButton, { icon: iconSpec, title: title, onClick: () => {
+            setMaximizedWidget(id);
+        } }));
+}
+exports.PreviewMaximizeToggle = PreviewMaximizeToggle;
+/** @internal */
+function useMaximizeToggle() {
+    const { enabled } = usePreviewMaximizedWidget();
+    const isToolSettings = (0, useIsToolSettingsTab_1.useIsToolSettingsTab)();
+    const floatingWidgetId = (0, FloatingWidget_1.useFloatingWidgetId)();
+    return !!(enabled && !isToolSettings && floatingWidgetId);
+}
+exports.useMaximizeToggle = useMaximizeToggle;
+//# sourceMappingURL=PreviewMaximizeToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewMaximizeToggle.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/PreviewMaximizeToggle.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,oEAGoC;AACpC,qDAAuD;AACvD,iEAA8D;AAC9D,wEAA2E;AAE3E;;GAEG;AACH,SAAgB,yBAAyB;IACvC,OAAO,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAClD,CAAC;AAFD,8DAEC;AAgBD,uFAAuF;AACvF,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAuB;IACvE,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,SAAS;IAC1B,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AAEH;;GAEG;AACH,SAAgB,qCAAqC,CAAC,EACpD,OAAO,EACP,QAAQ,GACmC;IAC3C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE1D,SAAS,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAEtD,QAAQ,CACuB,CACnC,CAAC;AACJ,CAAC;AAdD,sFAcC;AAED,gBAAgB;AAChB,SAAgB,qBAAqB;IACnC,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAC5E,MAAM,gBAAgB,GAAG,IAAA,oCAAmB,GAAE,CAAC;IAE/C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAC3B,eAAe,KAAK,gBAAgB;QAClC,CAAC,CAAC;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,oBAAC,uCAAiB,OAAG;SAChC;QACH,CAAC,CAAC;YACE,EAAE,EAAE,gBAAgB;YACpB,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,oBAAC,uCAAiB,OAAG;SAChC,CAAC;IAER,OAAO,CACL,oBAAC,qBAAY,IACX,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,kBAAkB,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AA1BD,sDA0BC;AAED,gBAAgB;AAChB,SAAgB,iBAAiB;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAChD,MAAM,cAAc,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC9C,MAAM,gBAAgB,GAAG,IAAA,oCAAmB,GAAE,CAAC;IAE/C,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAC;AAC5D,CAAC;AAND,8CAMC","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 {\n  SvgWindowMaximize,\n  SvgWindowMinimize,\n} from \"@itwin/itwinui-icons-react\";\nimport { useFloatingWidgetId } from \"./FloatingWidget\";\nimport { useIsToolSettingsTab } from \"./useIsToolSettingsTab\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\n\n/** Maximized widget preview feature state.\n * @internal\n */\nexport function usePreviewMaximizedWidget() {\n  return React.useContext(MaximizedWidgetContext);\n}\n\n/** Properties of [[PreviewMaximizedWidgetFeatureProvider]] component.\n * @internal\n */\nexport interface PreviewMaximizedWidgetFeatureProviderProps {\n  enabled?: boolean;\n  children?: React.ReactNode;\n}\n\ninterface MaximizedWidgetState {\n  enabled: boolean | undefined;\n  maximizedWidget: string | undefined;\n  setMaximizedWidget: (id: string | undefined) => void;\n}\n\n/** Context containing configuration and state for preview maximized widget feature. */\nconst MaximizedWidgetContext = React.createContext<MaximizedWidgetState>({\n  enabled: false,\n  maximizedWidget: undefined,\n  setMaximizedWidget: () => {},\n});\n\n/** Preview maximized widget feature provider.\n * @internal\n */\nexport function PreviewMaximizedWidgetFeatureProvider({\n  enabled,\n  children,\n}: PreviewMaximizedWidgetFeatureProviderProps) {\n  const [maximizedWidget, setMaximizedWidget] = React.useState<\n    string | undefined\n  >(undefined);\n  return (\n    <MaximizedWidgetContext.Provider\n      value={{ enabled, maximizedWidget, setMaximizedWidget }}\n    >\n      {children}\n    </MaximizedWidgetContext.Provider>\n  );\n}\n\n/** @internal */\nexport function PreviewMaximizeToggle() {\n  const { maximizedWidget, setMaximizedWidget } = usePreviewMaximizedWidget();\n  const floatingWidgetId = useFloatingWidgetId();\n\n  const { id, title, iconSpec } =\n    maximizedWidget === floatingWidgetId\n      ? {\n          id: undefined,\n          title: \"Restore\",\n          iconSpec: <SvgWindowMinimize />,\n        }\n      : {\n          id: floatingWidgetId,\n          title: \"Maximize\",\n          iconSpec: <SvgWindowMaximize />,\n        };\n\n  return (\n    <ActionButton\n      icon={iconSpec}\n      title={title}\n      onClick={() => {\n        setMaximizedWidget(id);\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function useMaximizeToggle() {\n  const { enabled } = usePreviewMaximizedWidget();\n  const isToolSettings = useIsToolSettingsTab();\n  const floatingWidgetId = useFloatingWidgetId();\n\n  return !!(enabled && !isToolSettings && floatingWidgetId);\n}\n"]}

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

@@ -0,0 +1,41 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import * as React from "react";
+import type { WidgetState } from "../state/WidgetState";
+import type { NineZoneState } from "../state/NineZoneState";
+/** @internal */
+export declare const useActiveSendBackWidgetIdStore: import("zustand").UseBoundStore<import("zustand").StoreApi<string | undefined>>;
+/** @internal */
+export declare function getSendBackHomeState(state: NineZoneState, widgetId: WidgetState["id"]): {
+    side: import("../widget-panels/PanelTypes").PanelSide;
+    widgetId: string;
+    sectionIndex?: undefined;
+} | {
+    side: import("../widget-panels/PanelTypes").PanelSide;
+    widgetId?: undefined;
+    sectionIndex?: undefined;
+} | {
+    side: import("../widget-panels/PanelTypes").PanelSide;
+    sectionIndex: number;
+    widgetId?: undefined;
+};
+/** @internal */
+export declare function useSendBackHomeState(): {
+    side: import("../widget-panels/PanelTypes").PanelSide;
+    widgetId: string;
+    sectionIndex?: undefined;
+} | {
+    side: import("../widget-panels/PanelTypes").PanelSide;
+    widgetId?: undefined;
+    sectionIndex?: undefined;
+} | {
+    side: import("../widget-panels/PanelTypes").PanelSide;
+    sectionIndex: number;
+    widgetId?: undefined;
+} | undefined;
+/** @internal */
+export declare function SendBack(): React.JSX.Element;
+/** @internal */
+export declare function useSendBack(): boolean;
+//# sourceMappingURL=SendBack.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,111 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widget
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSendBack = exports.SendBack = exports.useSendBackHomeState = exports.getSendBackHomeState = exports.useActiveSendBackWidgetIdStore = void 0;
+const React = require("react");
+const zustand_1 = require("zustand");
+const core_bentley_1 = require("@itwin/core-bentley");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const NineZone_1 = require("../base/NineZone");
+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");
+/** @internal */
+exports.useActiveSendBackWidgetIdStore = (0, zustand_1.create)(() => undefined);
+/** @internal */
+function getSendBackHomeState(state, widgetId) {
+    const floatingWidget = state.floatingWidgets.byId[widgetId];
+    const home = floatingWidget.home;
+    const panel = state.panels[home.side];
+    const destinationWidgetId = home.widgetId
+        ? home.widgetId
+        : (0, PanelState_1.getWidgetPanelSectionId)(panel.side, home.widgetIndex);
+    let destinationWidget = state.widgets[destinationWidgetId];
+    if (!destinationWidget && panel.widgets.length === panel.maxWidgetCount) {
+        const id = panel.widgets[home.widgetIndex];
+        destinationWidget = state.widgets[id];
+    }
+    // Widget would be added to an existing panel widget.
+    if (destinationWidget) {
+        return {
+            side: home.side,
+            widgetId: destinationWidget.id,
+        };
+    }
+    // Widget would be added to a panel as it's first panel widget.
+    if (panel.widgets.length === 0) {
+        return {
+            side: home.side,
+        };
+    }
+    // Widget would be added to a panel with an existing panel widget as a separate panel widget.
+    return {
+        side: home.side,
+        sectionIndex: destinationWidgetId.endsWith("End") ? 1 : 0,
+    };
+}
+exports.getSendBackHomeState = getSendBackHomeState;
+/** @internal */
+function useSendBackHomeState() {
+    const widgetId = (0, exports.useActiveSendBackWidgetIdStore)((state) => state);
+    return (0, LayoutStore_1.useLayout)((state) => widgetId ? getSendBackHomeState(state, widgetId) : undefined);
+}
+exports.useSendBackHomeState = useSendBackHomeState;
+function Icon() {
+    const id = (0, FloatingWidget_1.useFloatingWidgetId)();
+    (0, core_bentley_1.assert)(!!id);
+    const home = (0, LayoutStore_1.useLayout)((state) => state.floatingWidgets.byId[id].home);
+    return home.side === "left" ? (React.createElement(itwinui_icons_react_1.SvgDockLeft, null)) : home.side === "right" ? (React.createElement(itwinui_icons_react_1.SvgDockRight, null)) : home.side === "top" ? (React.createElement(itwinui_icons_react_1.SvgDockTop, null)) : (React.createElement(itwinui_icons_react_1.SvgDockBottom, null));
+}
+/** @internal */
+function SendBack() {
+    const id = (0, FloatingWidget_1.useFloatingWidgetId)();
+    (0, core_bentley_1.assert)(!!id);
+    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
+    const title = (0, NineZone_1.useLabel)("sendWidgetHomeTitle");
+    const setActiveWidgetId = (newId) => exports.useActiveSendBackWidgetIdStore.setState(newId);
+    const onClick = () => {
+        setActiveWidgetId(undefined);
+        dispatch({
+            type: "FLOATING_WIDGET_SEND_BACK",
+            id,
+        });
+    };
+    const onMouseOver = () => {
+        setActiveWidgetId(id);
+    };
+    const onFocus = () => {
+        setActiveWidgetId(id);
+    };
+    const onMouseOut = () => {
+        setActiveWidgetId(undefined);
+    };
+    const onBlur = () => {
+        setActiveWidgetId(undefined);
+    };
+    const eventHandlers = { onMouseOver, onFocus, onMouseOut, onBlur };
+    return (React.createElement(Button_1.ActionButton, { icon: React.createElement(Icon, null), title: title, onClick: onClick, buttonProps: eventHandlers, 
+        // TODO: can not pass down event handlers due to iTwinUI type issues.
+        menuProps: eventHandlers }));
+}
+exports.SendBack = SendBack;
+/** @internal */
+function useSendBack() {
+    const { enabled, maximizedWidget } = (0, PreviewMaximizeToggle_1.usePreviewMaximizedWidget)();
+    const isToolSettings = (0, useIsToolSettingsTab_1.useIsToolSettingsTab)();
+    const floatingWidgetId = (0, FloatingWidget_1.useFloatingWidgetId)();
+    const canBeDocked = (0, FloatingWidget_1.useWidgetAllowedToDock)();
+    const isMaximized = maximizedWidget === floatingWidgetId && enabled;
+    return !!(!isMaximized && floatingWidgetId && !isToolSettings && canBeDocked);
+}
+exports.useSendBack = useSendBack;
+//# sourceMappingURL=SendBack.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,44 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+import "./Tab.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+import type { TabState } from "../state/TabState";
+/** @internal */
+export interface WidgetTabProviderProps extends TabPositionContextArgs {
+    id: TabState["id"];
+    showOnlyTabIcon?: boolean;
+}
+/** @internal */
+export declare function WidgetTabProvider({ id, first, firstInactive, last, showOnlyTabIcon, }: WidgetTabProviderProps): React.JSX.Element;
+/** Properties of [[WidgetTab]] component.
+ * @internal
+ */
+export interface WidgetTabProps extends CommonProps {
+    badge?: React.ReactNode;
+}
+/** Component that displays a tab in a side panel widget.
+ * @internal
+ */
+export declare function WidgetTab(props: WidgetTabProps): React.JSX.Element;
+/** @internal */
+export interface UseTabInteractionsArgs {
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    onDragStart?: () => void;
+    clickOnly?: boolean;
+}
+/** @internal */
+export declare function useTabInteractions<T extends HTMLElement>({ onClick, onDoubleClick, onDragStart, clickOnly, }: UseTabInteractionsArgs): (instance: T | null | undefined) => void;
+/** @internal */
+export interface TabPositionContextArgs {
+    first?: boolean;
+    last?: boolean;
+    firstInactive?: boolean;
+}
+/** @internal */
+export declare const TabPositionContext: React.Context<TabPositionContextArgs>;
+/** @internal */
+export declare const IconOnlyOnWidgetTabContext: React.Context<boolean>;
+//# sourceMappingURL=Tab.d.ts.map

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

@@ -0,0 +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"}