@itwin/appui-react 4.17.6 → 5.0.0-dev.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Button.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,gBAAgB;AAChB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAOvE,CAAC"}

package/lib/esm/appui-react/layout/widget/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Button.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGlD,gBAAgB;AAChB,MAAM,CAAC,MAAM,YAAY,GACvB,KAAK,CAAC,UAAU,CACd,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC9B,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,KAAK,KAAK,GAAI,CACxE,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport type { IconButtonProps } from \"@itwin/itwinui-react-v2\";\n\n/** @internal */\nexport const TabBarButton: React.ForwardRefExoticComponent<IconButtonProps> =\n  React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof IconButton>>(\n    function TabBarButton(props, ref) {\n      return (\n        <IconButton ref={ref} styleType=\"borderless\" size=\"small\" {...props} />\n      );\n    }\n  );\n"]}

package/lib/esm/appui-react/layout/widget/Buttons.d.ts

@@ -1,12 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import "./Buttons.scss";
-import * as React from "react";
-/** @internal */
-export type WidgetFeature = "popout" | "maximize" | "sendBack" | "dock" | "horizontalAlign" | "pin" | "closeWidget" | "addWidget";
-/** @internal */
-export declare function TabBarButtons(): React.JSX.Element;
-/** @internal */
-export declare function useWidgetFeatures(): WidgetFeature[];
-//# sourceMappingURL=Buttons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Buttons.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,gBAAgB;AAChB,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,UAAU,GACV,UAAU,GACV,MAAM,GACN,iBAAiB,GACjB,KAAK,GACL,aAAa,GACb,WAAW,CAAC;AAEhB,gBAAgB;AAChB,wBAAgB,aAAa,sBA+B5B;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,IAAI,aAAa,EAAE,CAmBnD"}

package/lib/esm/appui-react/layout/widget/Buttons.js

@@ -1,67 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./Buttons.scss";
-import * as React from "react";
-import { Dock, useDock } from "./Dock";
-import { PinToggle, usePinToggle } from "./PinToggle";
-import { PopoutToggle, usePopoutToggle } from "./PopoutToggle";
-import { PreviewHorizontalPanelAlignButton, useHorizontalPanelAlignButton, } from "../../preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign";
-import { SendBack, useSendBack } from "./SendBack";
-import { MoreButton, useDropdownFeatures, } from "../../preview/widget-action-dropdown/MoreButton";
-import { MaximizeToggle, useMaximizeToggle, } from "../../preview/enable-maximized-widget/MaximizeToggle";
-import { CloseWidgetButton, useCloseTab, } from "../../preview/control-widget-visibility/CloseWidgetButton";
-import { AddWidgetButton, useAddTab, } from "../../preview/control-widget-visibility/AddWidgetButton";
-/** @internal */
-export function TabBarButtons() {
-    const features = useWidgetFeatures();
-    const [sortedFeatures, isDropdown] = useDropdownFeatures(features);
-    const buttons = sortedFeatures.map((feature) => {
-        switch (feature) {
-            case "popout":
-                return React.createElement(PopoutToggle, { key: "popout" });
-            case "maximize":
-                return React.createElement(MaximizeToggle, { key: "maximize" });
-            case "sendBack":
-                return React.createElement(SendBack, { key: "sendBack" });
-            case "dock":
-                return React.createElement(Dock, { key: "dock" });
-            case "horizontalAlign":
-                return React.createElement(PreviewHorizontalPanelAlignButton, { key: "horizontalAlign" });
-            case "pin":
-                return React.createElement(PinToggle, { key: "pin" });
-            case "closeWidget":
-                return React.createElement(CloseWidgetButton, { key: "closeWidget" });
-            case "addWidget":
-                return React.createElement(AddWidgetButton, { key: "addWidget" });
-        }
-        return undefined;
-    });
-    return (React.createElement("div", { className: "nz-widget-buttons" }, isDropdown ? React.createElement(MoreButton, null, buttons) : buttons));
-}
-/** @internal */
-export function useWidgetFeatures() {
-    const popoutToggle = usePopoutToggle();
-    const maximizeToggle = useMaximizeToggle();
-    const sendBack = useSendBack();
-    const dock = useDock();
-    const horizontalPanelAlignButton = useHorizontalPanelAlignButton();
-    const pinToggle = usePinToggle();
-    const closeTab = useCloseTab();
-    const addTab = useAddTab();
-    return [
-        ...(addTab ? ["addWidget"] : []),
-        ...(closeTab ? ["closeWidget"] : []),
-        ...(popoutToggle ? ["popout"] : []),
-        ...(maximizeToggle ? ["maximize"] : []),
-        ...(sendBack ? ["sendBack"] : []),
-        ...(dock ? ["dock"] : []),
-        ...(horizontalPanelAlignButton ? ["horizontalAlign"] : []),
-        ...(pinToggle ? ["pin"] : []),
-    ];
-}
-//# sourceMappingURL=Buttons.js.map

package/lib/esm/appui-react/layout/widget/Buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Buttons.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 \"./Buttons.scss\";\nimport * as React from \"react\";\nimport { Dock, useDock } from \"./Dock\";\nimport { PinToggle, usePinToggle } from \"./PinToggle\";\nimport { PopoutToggle, usePopoutToggle } from \"./PopoutToggle\";\nimport {\n  PreviewHorizontalPanelAlignButton,\n  useHorizontalPanelAlignButton,\n} from \"../../preview/horizontal-panel-alignment/PreviewHorizontalPanelAlign\";\nimport { SendBack, useSendBack } from \"./SendBack\";\nimport {\n  MoreButton,\n  useDropdownFeatures,\n} from \"../../preview/widget-action-dropdown/MoreButton\";\nimport {\n  MaximizeToggle,\n  useMaximizeToggle,\n} from \"../../preview/enable-maximized-widget/MaximizeToggle\";\nimport {\n  CloseWidgetButton,\n  useCloseTab,\n} from \"../../preview/control-widget-visibility/CloseWidgetButton\";\nimport {\n  AddWidgetButton,\n  useAddTab,\n} from \"../../preview/control-widget-visibility/AddWidgetButton\";\n\n/** @internal */\nexport type WidgetFeature =\n  | \"popout\"\n  | \"maximize\"\n  | \"sendBack\"\n  | \"dock\"\n  | \"horizontalAlign\"\n  | \"pin\"\n  | \"closeWidget\"\n  | \"addWidget\";\n\n/** @internal */\nexport function TabBarButtons() {\n  const features = useWidgetFeatures();\n  const [sortedFeatures, isDropdown] = useDropdownFeatures(features);\n\n  const buttons = sortedFeatures.map((feature) => {\n    switch (feature) {\n      case \"popout\":\n        return <PopoutToggle key=\"popout\" />;\n      case \"maximize\":\n        return <MaximizeToggle key=\"maximize\" />;\n      case \"sendBack\":\n        return <SendBack key=\"sendBack\" />;\n      case \"dock\":\n        return <Dock key=\"dock\" />;\n      case \"horizontalAlign\":\n        return <PreviewHorizontalPanelAlignButton key=\"horizontalAlign\" />;\n      case \"pin\":\n        return <PinToggle key=\"pin\" />;\n      case \"closeWidget\":\n        return <CloseWidgetButton key=\"closeWidget\" />;\n      case \"addWidget\":\n        return <AddWidgetButton key=\"addWidget\" />;\n    }\n    return undefined;\n  });\n\n  return (\n    <div className=\"nz-widget-buttons\">\n      {isDropdown ? <MoreButton>{buttons}</MoreButton> : buttons}\n    </div>\n  );\n}\n\n/** @internal */\nexport function useWidgetFeatures(): WidgetFeature[] {\n  const popoutToggle = usePopoutToggle();\n  const maximizeToggle = useMaximizeToggle();\n  const sendBack = useSendBack();\n  const dock = useDock();\n  const horizontalPanelAlignButton = useHorizontalPanelAlignButton();\n  const pinToggle = usePinToggle();\n  const closeTab = useCloseTab();\n  const addTab = useAddTab();\n  return [\n    ...(addTab ? ([\"addWidget\"] as const) : []),\n    ...(closeTab ? ([\"closeWidget\"] as const) : []),\n    ...(popoutToggle ? ([\"popout\"] as const) : []),\n    ...(maximizeToggle ? ([\"maximize\"] as const) : []),\n    ...(sendBack ? ([\"sendBack\"] as const) : []),\n    ...(dock ? ([\"dock\"] as const) : []),\n    ...(horizontalPanelAlignButton ? ([\"horizontalAlign\"] as const) : []),\n    ...(pinToggle ? ([\"pin\"] as const) : []),\n  ];\n}\n"]}

package/lib/esm/appui-react/layout/widget/Content.d.ts

@@ -1,19 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import "./Content.scss";
-/** Properties of [[ScrollableWidgetContent]] component.
- * @internal
- */
-export interface ScrollableWidgetContentProps {
-    /** Optional unique identifier for item. If defined it will be added to DOM Element attribute as data-item-id */
-    itemId?: string;
-    providerId?: string;
-    children?: React.ReactNode;
-}
-/** Component that enables widget content scrolling.
- * @internal
- */
-export declare function ScrollableWidgetContent(props: ScrollableWidgetContentProps): React.JSX.Element;
-//# sourceMappingURL=Content.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Content.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBA0B1E"}

package/lib/esm/appui-react/layout/widget/Content.js

@@ -1,34 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { Point } from "@itwin/core-react";
-import { useTransientState } from "../../widget-panels/useTransientState";
-import "./Content.scss";
-/** Component that enables widget content scrolling.
- * @internal
- */
-export function ScrollableWidgetContent(props) {
-    const scrollPosition = React.useRef(new Point());
-    const contentRef = React.useRef(null);
-    const onSave = React.useCallback(() => {
-        const content = contentRef.current;
-        if (!content)
-            return;
-        scrollPosition.current = new Point(content.scrollLeft, content.scrollTop);
-    }, []);
-    const onRestore = React.useCallback(() => {
-        const content = contentRef.current;
-        if (!content)
-            return;
-        content.scrollLeft = scrollPosition.current.x;
-        content.scrollTop = scrollPosition.current.y;
-    }, []);
-    useTransientState(onSave, onRestore);
-    return (React.createElement("div", { "data-item-id": props.itemId, "data-item-provider-id": props.providerId, "data-item-type": "widget-content", className: "nz-widget-content", ref: contentRef }, props.children));
-}
-//# sourceMappingURL=Content.js.map

package/lib/esm/appui-react/layout/widget/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Content.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AAYxB;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,cAAc,CAAC,OAAO,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,CAAC,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,iBAAiB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,OAAO,CACL,6CACgB,KAAK,CAAC,MAAM,2BACH,KAAK,CAAC,UAAU,oBACxB,gBAAgB,EAC/B,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,UAAU,IAEd,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { Point } from \"@itwin/core-react\";\nimport { useTransientState } from \"../../widget-panels/useTransientState\";\nimport \"./Content.scss\";\n\n/** Properties of [[ScrollableWidgetContent]] component.\n * @internal\n */\nexport interface ScrollableWidgetContentProps {\n  /** Optional unique identifier for item. If defined it will be added to DOM Element attribute as data-item-id */\n  itemId?: string;\n  providerId?: string;\n  children?: React.ReactNode;\n}\n\n/** Component that enables widget content scrolling.\n * @internal\n */\nexport function ScrollableWidgetContent(props: ScrollableWidgetContentProps) {\n  const scrollPosition = React.useRef(new Point());\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const onSave = React.useCallback(() => {\n    const content = contentRef.current;\n    if (!content) return;\n    scrollPosition.current = new Point(content.scrollLeft, content.scrollTop);\n  }, []);\n  const onRestore = React.useCallback(() => {\n    const content = contentRef.current;\n    if (!content) return;\n    content.scrollLeft = scrollPosition.current.x;\n    content.scrollTop = scrollPosition.current.y;\n  }, []);\n  useTransientState(onSave, onRestore);\n  return (\n    <div\n      data-item-id={props.itemId}\n      data-item-provider-id={props.providerId}\n      data-item-type=\"widget-content\"\n      className=\"nz-widget-content\"\n      ref={contentRef}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}

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

@@ -1,12 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import "./ContentContainer.scss";
-import * as React from "react";
-/** @internal */
-export interface WidgetContentContainerProps {
-    children?: React.ReactNode;
-}
-/** @internal */
-export declare function WidgetContentContainer(props: WidgetContentContainerProps): React.JSX.Element;
-//# sourceMappingURL=ContentContainer.d.ts.map

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

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

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

@@ -1,37 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./ContentContainer.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { assert } from "@itwin/core-bentley";
-import { WidgetContentManagerContext } from "./ContentManager";
-import { PanelSideContext } from "../widget-panels/Panel";
-import { WidgetIdContext } from "./Widget";
-import { useLayout } from "../base/LayoutStore";
-import { getWidgetState } from "../state/internal/WidgetStateHelpers";
-/** @internal */
-export function WidgetContentContainer(props) {
-    const widgetId = React.useContext(WidgetIdContext);
-    const widgetContentManager = React.useContext(WidgetContentManagerContext);
-    const side = React.useContext(PanelSideContext);
-    assert(!!widgetId);
-    const { minimized, activeTabId } = useLayout((state) => {
-        const widget = getWidgetState(state, widgetId);
-        return { minimized: widget.minimized, activeTabId: widget.activeTabId };
-    }, true);
-    const ref = React.useCallback((instance) => {
-        if (!widgetContentManager)
-            return;
-        widgetContentManager.setContainer(activeTabId, instance ?? undefined);
-    }, [widgetContentManager, activeTabId]);
-    const className = classnames("nz-widget-contentContainer", undefined === side && minimized && "nz-minimized");
-    return (React.createElement("div", { className: className },
-        React.createElement("div", { className: "nz-content", ref: ref }),
-        props.children));
-}
-//# sourceMappingURL=ContentContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/ContentContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAOtE,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAC3E,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChD,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnB,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;QACrD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;IAC1E,CAAC,EAAE,IAAI,CAAC,CAAC;IACT,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAC3B,CAAC,QAAQ,EAAE,EAAE;QACX,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAElC,oBAAoB,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAC;IACxE,CAAC,EACD,CAAC,oBAAoB,EAAE,WAAW,CAAC,CACpC,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,4BAA4B,EAC5B,SAAS,KAAK,IAAI,IAAI,SAAS,IAAI,cAAc,CAClD,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,GAAI;QACvC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport \"./ContentContainer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { WidgetContentManagerContext } from \"./ContentManager\";\nimport { PanelSideContext } from \"../widget-panels/Panel\";\nimport { WidgetIdContext } from \"./Widget\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { getWidgetState } from \"../state/internal/WidgetStateHelpers\";\n\n/** @internal */\nexport interface WidgetContentContainerProps {\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetContentContainer(props: WidgetContentContainerProps) {\n  const widgetId = React.useContext(WidgetIdContext);\n  const widgetContentManager = React.useContext(WidgetContentManagerContext);\n  const side = React.useContext(PanelSideContext);\n  assert(!!widgetId);\n  const { minimized, activeTabId } = useLayout((state) => {\n    const widget = getWidgetState(state, widgetId);\n    return { minimized: widget.minimized, activeTabId: widget.activeTabId };\n  }, true);\n  const ref = React.useCallback<React.RefCallback<HTMLDivElement>>(\n    (instance) => {\n      if (!widgetContentManager) return;\n\n      widgetContentManager.setContainer(activeTabId, instance ?? undefined);\n    },\n    [widgetContentManager, activeTabId]\n  );\n\n  const className = classnames(\n    \"nz-widget-contentContainer\",\n    undefined === side && minimized && \"nz-minimized\"\n  );\n  return (\n    <div className={className}>\n      <div className=\"nz-content\" ref={ref} />\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/widget/ContentManager.d.ts

@@ -1,30 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { BeEvent } from "@itwin/core-bentley";
-import type { TabState } from "../state/TabState";
-/** @internal */
-export interface WidgetContentManagerProps {
-    children?: React.ReactNode;
-}
-/** @internal */
-export declare function WidgetContentManager(props: WidgetContentManagerProps): React.JSX.Element;
-interface ContainersStore {
-    containers: {
-        readonly [id in TabState["id"]]: Element | undefined;
-    };
-    setContainer: (tabId: TabState["id"], container: Element | undefined) => void;
-}
-/** @internal */
-export declare const useContainersStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ContainersStore>>;
-/** @internal */
-export interface WidgetContentManagerContextArgs {
-    setContainer(tabId: TabState["id"], container: Element | undefined): void;
-    onSaveTransientState: BeEvent<(tabId: TabState["id"]) => void>;
-    onRestoreTransientState: BeEvent<(tabId: TabState["id"]) => void>;
-}
-/** @internal */
-export declare const WidgetContentManagerContext: React.Context<WidgetContentManagerContextArgs | undefined>;
-export {};
-//# sourceMappingURL=ContentManager.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentManager.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/ContentManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,gBAAgB;AAChB,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAmCpE;AAED,UAAU,eAAe;IACvB,UAAU,EAAE;QAAE,QAAQ,EAAE,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,OAAO,GAAG,SAAS;KAAE,CAAC;IACrE,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/E;AAED,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,8EAc5B,CAAC;AAEJ,gBAAgB;AAChB,MAAM,WAAW,+BAA+B;IAC9C,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IAC1E,oBAAoB,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;IAC/D,uBAAuB,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;CACnE;AAED,gBAAgB;AAChB,eAAO,MAAM,2BAA2B,4DAE5B,CAAC"}

package/lib/esm/appui-react/layout/widget/ContentManager.js

@@ -1,46 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import produce, { castDraft } from "immer";
-import * as React from "react";
-import { create } from "zustand";
-import { BeEvent } from "@itwin/core-bentley";
-/** @internal */
-export function WidgetContentManager(props) {
-    const setContentContainer = useContainersStore((state) => state.setContainer);
-    const saveTransientStateRef = React.useRef(new BeEvent());
-    const restoreTransientStateRef = React.useRef(new BeEvent());
-    const setContainer = React.useCallback((tabId, container) => {
-        if (!container) {
-            saveTransientStateRef.current.raiseEvent(tabId);
-        }
-        setContentContainer(tabId, container);
-    }, [setContentContainer]);
-    const widgetContentManagerContextValue = React.useMemo(() => ({
-        setContainer,
-        onSaveTransientState: saveTransientStateRef.current,
-        onRestoreTransientState: restoreTransientStateRef.current,
-    }), [setContainer]);
-    return (React.createElement(WidgetContentManagerContext.Provider, { value: widgetContentManagerContextValue }, props.children));
-}
-/** @internal */
-export const useContainersStore = create((set) => ({
-    containers: {},
-    setContainer: (tabId, container) => {
-        set((state) => produce(state, (draft) => {
-            if (!container) {
-                delete draft.containers[tabId];
-                return;
-            }
-            draft.containers[tabId] = castDraft(container);
-        }));
-    },
-}));
-/** @internal */
-export const WidgetContentManagerContext = React.createContext(undefined);
-WidgetContentManagerContext.displayName = "nz:WidgetContentManagerContext";
-//# sourceMappingURL=ContentManager.js.map

package/lib/esm/appui-react/layout/widget/ContentManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentManager.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/ContentManager.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAQ9C,gBAAgB;AAChB,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC9E,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CACxC,IAAI,OAAO,EAAmC,CAC/C,CAAC;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,MAAM,CAC3C,IAAI,OAAO,EAAmC,CAC/C,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAGpC,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;QACnB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,qBAAqB,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC;QACD,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,mBAAmB,CAAC,CACtB,CAAC;IACF,MAAM,gCAAgC,GACpC,KAAK,CAAC,OAAO,CACX,GAAG,EAAE,CAAC,CAAC;QACL,YAAY;QACZ,oBAAoB,EAAE,qBAAqB,CAAC,OAAO;QACnD,uBAAuB,EAAE,wBAAwB,CAAC,OAAO;KAC1D,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAC;IACJ,OAAO,CACL,oBAAC,2BAA2B,CAAC,QAAQ,IACnC,KAAK,EAAE,gCAAgC,IAEtC,KAAK,CAAC,QAAQ,CACsB,CACxC,CAAC;AACJ,CAAC;AAOD,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAkB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAClE,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,CAAC,KAAqB,EAAE,SAA8B,EAAE,EAAE;QACtE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAC/B,OAAO;YACT,CAAC;YAED,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAC,CAAC,CAAC;AASJ,gBAAgB;AAChB,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAE5D,SAAS,CAAC,CAAC;AACb,2BAA2B,CAAC,WAAW,GAAG,gCAAgC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport produce, { castDraft } from \"immer\";\nimport * as React from \"react\";\nimport { create } from \"zustand\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport type { TabState } from \"../state/TabState\";\n\n/** @internal */\nexport interface WidgetContentManagerProps {\n  children?: React.ReactNode;\n}\n\n/** @internal */\nexport function WidgetContentManager(props: WidgetContentManagerProps) {\n  const setContentContainer = useContainersStore((state) => state.setContainer);\n  const saveTransientStateRef = React.useRef(\n    new BeEvent<(tabId: TabState[\"id\"]) => void>()\n  );\n  const restoreTransientStateRef = React.useRef(\n    new BeEvent<(tabId: TabState[\"id\"]) => void>()\n  );\n  const setContainer = React.useCallback<\n    WidgetContentManagerContextArgs[\"setContainer\"]\n  >(\n    (tabId, container) => {\n      if (!container) {\n        saveTransientStateRef.current.raiseEvent(tabId);\n      }\n      setContentContainer(tabId, container);\n    },\n    [setContentContainer]\n  );\n  const widgetContentManagerContextValue =\n    React.useMemo<WidgetContentManagerContextArgs>(\n      () => ({\n        setContainer,\n        onSaveTransientState: saveTransientStateRef.current,\n        onRestoreTransientState: restoreTransientStateRef.current,\n      }),\n      [setContainer]\n    );\n  return (\n    <WidgetContentManagerContext.Provider\n      value={widgetContentManagerContextValue}\n    >\n      {props.children}\n    </WidgetContentManagerContext.Provider>\n  );\n}\n\ninterface ContainersStore {\n  containers: { readonly [id in TabState[\"id\"]]: Element | undefined };\n  setContainer: (tabId: TabState[\"id\"], container: Element | undefined) => void;\n}\n\n/** @internal */\nexport const useContainersStore = create<ContainersStore>((set) => ({\n  containers: {},\n  setContainer: (tabId: TabState[\"id\"], container: Element | undefined) => {\n    set((state) =>\n      produce(state, (draft) => {\n        if (!container) {\n          delete draft.containers[tabId];\n          return;\n        }\n\n        draft.containers[tabId] = castDraft(container);\n      })\n    );\n  },\n}));\n\n/** @internal */\nexport interface WidgetContentManagerContextArgs {\n  setContainer(tabId: TabState[\"id\"], container: Element | undefined): void;\n  onSaveTransientState: BeEvent<(tabId: TabState[\"id\"]) => void>;\n  onRestoreTransientState: BeEvent<(tabId: TabState[\"id\"]) => void>;\n}\n\n/** @internal */\nexport const WidgetContentManagerContext = React.createContext<\n  WidgetContentManagerContextArgs | undefined\n>(undefined);\nWidgetContentManagerContext.displayName = \"nz:WidgetContentManagerContext\";\n"]}

package/lib/esm/appui-react/layout/widget/ContentRenderer.d.ts

@@ -1,20 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import "./ContentRenderer.scss";
-import * as React from "react";
-import type { TabState } from "../state/TabState";
-/** @internal */
-export declare function WidgetContentRenderers(): React.JSX.Element;
-interface WidgetContentRendererProps {
-    children?: React.ReactNode;
-    tabId: TabState["id"];
-}
-/** @internal */
-export declare function WidgetContentRenderer(props: WidgetContentRendererProps): React.ReactPortal;
-/** @internal */
-export declare const TabIdContext: React.Context<string | undefined>;
-/** @internal */
-export declare function useTabTransientState(tabId: string, onSave?: () => void, onRestore?: () => void): void;
-export {};
-//# sourceMappingURL=ContentRenderer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/ContentRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD,gBAAgB;AAChB,wBAAgB,sBAAsB,sBAoBrC;AAED,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACvB;AAED,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAkDtE;AAED,gBAAgB;AAChB,eAAO,MAAM,YAAY,mCAExB,CAAC;AAGF,gBAAgB;AAChB,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,IAAI,EACnB,SAAS,CAAC,EAAE,MAAM,IAAI,QAiBvB"}

package/lib/esm/appui-react/layout/widget/ContentRenderer.js

@@ -1,88 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./ContentRenderer.scss";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { ToolSettingsNodeContext, WidgetContentNodeContext, } from "../base/NineZone";
-import { useContainersStore, WidgetContentManagerContext, } from "./ContentManager";
-import { useLayout } from "../base/LayoutStore";
-/** @internal */
-export function WidgetContentRenderers() {
-    const widgetContent = React.useContext(WidgetContentNodeContext);
-    const toolSettingsContent = React.useContext(ToolSettingsNodeContext);
-    const tabIds = useLayout((state) => {
-        return Object.keys(state.tabs);
-    }, true);
-    const toolSettingsTabId = useLayout((state) => state.toolSettings?.tabId);
-    return (React.createElement(React.Fragment, null, tabIds.map((tabId) => {
-        const children = tabId === toolSettingsTabId ? toolSettingsContent : widgetContent;
-        return (React.createElement(WidgetContentRenderer, { key: tabId, tabId: tabId }, children));
-    })));
-}
-/** @internal */
-export function WidgetContentRenderer(props) {
-    const renderTo = useContainersStore((state) => state.containers[props.tabId]);
-    const unloaded = useLayout((state) => !!state.tabs[props.tabId].unloaded);
-    const widgetContentManager = React.useContext(WidgetContentManagerContext);
-    const container = React.useRef(undefined);
-    if (!container.current) {
-        container.current = document.createElement("div");
-        container.current.classList.add("nz-widget-contentRenderer");
-    }
-    React.useLayoutEffect(() => {
-        if (!widgetContentManager)
-            return;
-        const parent = renderTo;
-        if (!parent)
-            return;
-        while (parent.firstChild) {
-            parent.removeChild(parent.firstChild);
-        }
-        parent.appendChild(container.current);
-        widgetContentManager.onRestoreTransientState.raiseEvent(props.tabId);
-        const ev = new CustomEvent("appui:reparent", {
-            bubbles: true,
-            detail: {
-                widget: container.current,
-            },
-        });
-        window.dispatchEvent(ev);
-        return () => {
-            for (const child of parent?.children || []) {
-                if (child === container.current) {
-                    parent.removeChild(child);
-                    return;
-                }
-            }
-        };
-    }, [renderTo, widgetContentManager, props.tabId]);
-    return ReactDOM.createPortal(React.createElement("div", { style: { height: "100%", width: "100%" }, id: `content-container:${props.tabId}` },
-        React.createElement(TabIdContext.Provider, { value: props.tabId }, unloaded ? null : props.children)), container.current);
-}
-/** @internal */
-export const TabIdContext = React.createContext(undefined);
-TabIdContext.displayName = "nz:TabIdContext";
-/** @internal */
-export function useTabTransientState(tabId, onSave, onRestore) {
-    const widgetContentManager = React.useContext(WidgetContentManagerContext);
-    React.useEffect(() => {
-        if (!widgetContentManager)
-            return;
-        return widgetContentManager.onSaveTransientState.addListener((id) => {
-            tabId === id && onSave && onSave();
-        });
-    }, [widgetContentManager, onSave, tabId]);
-    React.useEffect(() => {
-        if (!widgetContentManager)
-            return;
-        return widgetContentManager.onRestoreTransientState.addListener((id) => {
-            tabId === id && onRestore && onRestore();
-        });
-    }, [widgetContentManager, onRestore, tabId]);
-}
-//# sourceMappingURL=ContentRenderer.js.map

package/lib/esm/appui-react/layout/widget/ContentRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentRenderer.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/ContentRenderer.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 \"./ContentRenderer.scss\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport {\n  ToolSettingsNodeContext,\n  WidgetContentNodeContext,\n} from \"../base/NineZone\";\nimport type { TabState } from \"../state/TabState\";\nimport {\n  useContainersStore,\n  WidgetContentManagerContext,\n} from \"./ContentManager\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** @internal */\nexport function WidgetContentRenderers() {\n  const widgetContent = React.useContext(WidgetContentNodeContext);\n  const toolSettingsContent = React.useContext(ToolSettingsNodeContext);\n  const tabIds = useLayout((state) => {\n    return Object.keys(state.tabs);\n  }, true);\n  const toolSettingsTabId = useLayout((state) => state.toolSettings?.tabId);\n  return (\n    <>\n      {tabIds.map((tabId) => {\n        const children =\n          tabId === toolSettingsTabId ? toolSettingsContent : widgetContent;\n        return (\n          <WidgetContentRenderer key={tabId} tabId={tabId}>\n            {children}\n          </WidgetContentRenderer>\n        );\n      })}\n    </>\n  );\n}\n\ninterface WidgetContentRendererProps {\n  children?: React.ReactNode;\n  tabId: TabState[\"id\"];\n}\n\n/** @internal */\nexport function WidgetContentRenderer(props: WidgetContentRendererProps) {\n  const renderTo = useContainersStore((state) => state.containers[props.tabId]);\n  const unloaded = useLayout((state) => !!state.tabs[props.tabId].unloaded);\n  const widgetContentManager = React.useContext(WidgetContentManagerContext);\n  const container = React.useRef<HTMLDivElement>(undefined!);\n  if (!container.current) {\n    container.current = document.createElement(\"div\");\n    container.current.classList.add(\"nz-widget-contentRenderer\");\n  }\n  React.useLayoutEffect(() => {\n    if (!widgetContentManager) return;\n\n    const parent = renderTo;\n    if (!parent) return;\n\n    while (parent.firstChild) {\n      parent.removeChild(parent.firstChild);\n    }\n\n    parent.appendChild(container.current);\n    widgetContentManager.onRestoreTransientState.raiseEvent(props.tabId);\n\n    const ev = new CustomEvent(\"appui:reparent\", {\n      bubbles: true,\n      detail: {\n        widget: container.current,\n      },\n    });\n    window.dispatchEvent(ev);\n\n    return () => {\n      for (const child of parent?.children || []) {\n        if (child === container.current) {\n          parent.removeChild(child);\n          return;\n        }\n      }\n    };\n  }, [renderTo, widgetContentManager, props.tabId]);\n  return ReactDOM.createPortal(\n    <div\n      style={{ height: \"100%\", width: \"100%\" }}\n      id={`content-container:${props.tabId}`}\n    >\n      <TabIdContext.Provider value={props.tabId}>\n        {unloaded ? null : props.children}\n      </TabIdContext.Provider>\n    </div>,\n    container.current\n  );\n}\n\n/** @internal */\nexport const TabIdContext = React.createContext<TabState[\"id\"] | undefined>(\n  undefined\n);\nTabIdContext.displayName = \"nz:TabIdContext\";\n\n/** @internal */\nexport function useTabTransientState(\n  tabId: string,\n  onSave?: () => void,\n  onRestore?: () => void\n) {\n  const widgetContentManager = React.useContext(WidgetContentManagerContext);\n  React.useEffect(() => {\n    if (!widgetContentManager) return;\n\n    return widgetContentManager.onSaveTransientState.addListener((id) => {\n      tabId === id && onSave && onSave();\n    });\n  }, [widgetContentManager, onSave, tabId]);\n  React.useEffect(() => {\n    if (!widgetContentManager) return;\n\n    return widgetContentManager.onRestoreTransientState.addListener((id) => {\n      tabId === id && onRestore && onRestore();\n    });\n  }, [widgetContentManager, onRestore, tabId]);\n}\n"]}

package/lib/esm/appui-react/layout/widget/Dock.d.ts

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

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

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

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

@@ -1,30 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import * as React from "react";
-import { SvgDockTop } from "@itwin/itwinui-icons-react";
-import { NineZoneDispatchContext, useLabel } from "../base/NineZone";
-import { ActionButton } from "../../preview/widget-action-dropdown/Button";
-import { useIsToolSettingsTab } from "./useIsToolSettingsTab";
-import { useIsMaximizedWidget } from "../../preview/enable-maximized-widget/useMaximizedWidget";
-/** @internal */
-export function Dock() {
-    const dispatch = React.useContext(NineZoneDispatchContext);
-    const label = useLabel("dockToolSettingsTitle");
-    return (React.createElement(ActionButton, { icon: React.createElement(SvgDockTop, null), label: label, onClick: () => {
-            dispatch({
-                type: "TOOL_SETTINGS_DOCK",
-            });
-        } }));
-}
-/** @internal */
-export function useDock() {
-    const isToolSettings = useIsToolSettingsTab();
-    const isMaximizedWidget = useIsMaximizedWidget();
-    return isToolSettings && !isMaximizedWidget;
-}
-//# sourceMappingURL=Dock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dock.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/Dock.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0DAA0D,CAAC;AAEhG,gBAAgB;AAChB,MAAM,UAAU,IAAI;IAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;IAChD,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EAAE,oBAAC,UAAU,OAAG,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC;gBACP,IAAI,EAAE,oBAAoB;aAC3B,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,OAAO;IACrB,MAAM,cAAc,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,OAAO,cAAc,IAAI,CAAC,iBAAiB,CAAC;AAC9C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Widget\n */\n\nimport * as React from \"react\";\nimport { SvgDockTop } from \"@itwin/itwinui-icons-react\";\nimport { NineZoneDispatchContext, useLabel } from \"../base/NineZone\";\nimport { ActionButton } from \"../../preview/widget-action-dropdown/Button\";\nimport { useIsToolSettingsTab } from \"./useIsToolSettingsTab\";\nimport { useIsMaximizedWidget } from \"../../preview/enable-maximized-widget/useMaximizedWidget\";\n\n/** @internal */\nexport function Dock() {\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const label = useLabel(\"dockToolSettingsTitle\");\n  return (\n    <ActionButton\n      icon={<SvgDockTop />}\n      label={label}\n      onClick={() => {\n        dispatch({\n          type: \"TOOL_SETTINGS_DOCK\",\n        });\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function useDock() {\n  const isToolSettings = useIsToolSettingsTab();\n  const isMaximizedWidget = useIsMaximizedWidget();\n  return isToolSettings && !isMaximizedWidget;\n}\n"]}

package/lib/esm/appui-react/layout/widget/FloatingTab.d.ts

@@ -1,16 +0,0 @@
-/** @packageDocumentation
- * @module Widget
- */
-import "./FloatingTab.scss";
-import * as React from "react";
-interface FloatingTabProps {
-    icon?: React.ReactNode;
-}
-/** @internal */
-export declare function FloatingTabProvider(): React.JSX.Element | null;
-/** Component that displays a floating tab.
- * @internal
- */
-export declare function FloatingTab({ icon }: FloatingTabProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=FloatingTab.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingTab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/FloatingTab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,6BAQlC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,qBAuDrD"}

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

@@ -1,72 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widget
- */
-import "./FloatingTab.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { useDragTab } from "../base/DragManager";
-import { NineZoneDispatchContext, ShowWidgetIconContext, TabNodeContext, } from "../base/NineZone";
-import { useLayout } from "../base/LayoutStore";
-import { TabIdContext } from "./ContentRenderer";
-/** @internal */
-export function FloatingTabProvider() {
-    const tabNode = React.useContext(TabNodeContext);
-    const id = useLayout((state) => {
-        const draggedTab = state.draggedTab;
-        return draggedTab?.tabId;
-    });
-    if (!id)
-        return null;
-    return React.createElement(TabIdContext.Provider, { value: id }, tabNode);
-}
-/** Component that displays a floating tab.
- * @internal
- */
-export function FloatingTab({ icon }) {
-    const { id, position } = useLayout((state) => {
-        const draggedTab = state.draggedTab;
-        return {
-            id: draggedTab?.tabId,
-            position: draggedTab?.position,
-        };
-    }, true);
-    const label = useLayout((state) => {
-        const tabId = state.draggedTab?.tabId;
-        const tab = tabId ? state.tabs[tabId] : undefined;
-        return tab?.label;
-    });
-    const dispatch = React.useContext(NineZoneDispatchContext);
-    const onDrag = React.useCallback((dragBy) => {
-        id &&
-            dispatch({
-                type: "WIDGET_TAB_DRAG",
-                dragBy,
-            });
-    }, [dispatch, id]);
-    const onDragEnd = React.useCallback((target) => {
-        id &&
-            dispatch({
-                type: "WIDGET_TAB_DRAG_END",
-                id,
-                target,
-            });
-    }, [dispatch, id]);
-    useDragTab({
-        tabId: id || "",
-        onDrag,
-        onDragEnd,
-    });
-    const showWidgetIcon = React.useContext(ShowWidgetIconContext);
-    const style = position && {
-        transform: `translate(${position.x}px, ${position.y}px)`,
-    };
-    const className = classnames("nz-widget-floatingTab", !position && "nz-hidden");
-    return (React.createElement("div", { className: className, style: style },
-        showWidgetIcon && icon,
-        React.createElement("span", null, label)));
-}
-//# sourceMappingURL=FloatingTab.js.map