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

package/lib/esm/appui-react/layout/widget/tools/button/Expandable.scss

@@ -0,0 +1,46 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/geometry";
+@import "variables";
+
+.nz-widget-tools-button-expandable {
+  $triangle-width: 6px;
+  $triangle-height: $triangle-width;
+  $shadow-vertical-offset: 1px;
+  $margin-from-triangle-to-stroke: 5px;
+  $arrow-shadow: $icon-shadow;
+
+  position: relative;
+  pointer-events: auto;
+
+  &:hover {
+    > .nz-triangle {
+      @include triangle-bottom-right-color($hovered-icon-color);
+    }
+  }
+
+  &:active {
+    > .nz-triangle {
+      filter: $no-shadow;
+
+      @include triangle-bottom-right-color($pressed-icon-color);
+    }
+  }
+
+  > .nz-triangle {
+    border-radius: 0;
+    position: absolute;
+    right: $margin-from-triangle-to-stroke;
+    bottom: $margin-from-triangle-to-stroke;
+    filter: $arrow-shadow;
+    pointer-events: none;
+
+    @include triangle-bottom-right(
+      $width: $triangle-width,
+      $height: $triangle-height,
+      $color: $buic-icon-color
+    );
+  }
+}

package/lib/esm/appui-react/layout/widget/tools/button/Icon.d.ts

@@ -0,0 +1,25 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Icon.scss";
+import * as React from "react";
+import type { ToolbarButtonProps } from "./Button";
+/** Properties of [[ToolbarButton]] component.
+ * @internal
+ */
+export interface ToolbarIconProps extends ToolbarButtonProps {
+    /** Button icon. */
+    icon?: React.ReactNode;
+    /** Indicates whether to use a small App button */
+    small?: boolean;
+    /** Mouse proximity to button */
+    mouseProximity?: number;
+}
+/** Toolbar button which displays icon. Used in [[Toolbar]] component.
+ * @note See basic button: [[ToolbarButton]]
+ * @internal
+ */
+export declare class ToolbarIcon extends React.PureComponent<ToolbarIconProps> {
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=Icon.d.ts.map

package/lib/esm/appui-react/layout/widget/tools/button/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../../src/appui-react/layout/widget/tools/button/Icon.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;GAGG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IACpD,MAAM;CAevB"}

package/lib/esm/appui-react/layout/widget/tools/button/Icon.js

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Icon.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { ToolbarButton } from "./Button";
+/** Toolbar button which displays icon. Used in [[Toolbar]] component.
+ * @note See basic button: [[ToolbarButton]]
+ * @internal
+ */
+export class ToolbarIcon extends React.PureComponent {
+    render() {
+        const { className, small, ...props } = this.props;
+        const buttonClassName = classnames("nz-toolbar-button-icon", small && "nz-toolbar-button-icon-small", className);
+        return (React.createElement(ToolbarButton, { className: buttonClassName, small: small, ...props },
+            React.createElement("div", { className: "nz-icon" }, this.props.icon),
+            this.props.children));
+    }
+}
+//# sourceMappingURL=Icon.js.map

package/lib/esm/appui-react/layout/widget/tools/button/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../../../src/appui-react/layout/widget/tools/button/Icon.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAczC;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,aAA+B;IACpD,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClD,MAAM,eAAe,GAAG,UAAU,CAChC,wBAAwB,EACxB,KAAK,IAAI,8BAA8B,EACvC,SAAS,CACV,CAAC;QAEF,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;YAChE,6BAAK,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAO;YAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACjB,CAAC;IACJ,CAAC;CACF","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 Toolbar\n */\n\nimport \"./Icon.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { ToolbarButtonProps } from \"./Button\";\nimport { ToolbarButton } from \"./Button\";\n\n/** Properties of [[ToolbarButton]] component.\n * @internal\n */\nexport interface ToolbarIconProps extends ToolbarButtonProps {\n  /** Button icon. */\n  icon?: React.ReactNode;\n  /** Indicates whether to use a small App button */\n  small?: boolean;\n  /** Mouse proximity to button */\n  mouseProximity?: number;\n}\n\n/** Toolbar button which displays icon. Used in [[Toolbar]] component.\n * @note See basic button: [[ToolbarButton]]\n * @internal\n */\nexport class ToolbarIcon extends React.PureComponent<ToolbarIconProps> {\n  public override render() {\n    const { className, small, ...props } = this.props;\n    const buttonClassName = classnames(\n      \"nz-toolbar-button-icon\",\n      small && \"nz-toolbar-button-icon-small\",\n      className\n    );\n\n    return (\n      <ToolbarButton className={buttonClassName} small={small} {...props}>\n        <div className=\"nz-icon\">{this.props.icon}</div>\n        {this.props.children}\n      </ToolbarButton>\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/layout/widget/tools/button/Icon.scss

@@ -0,0 +1,49 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.nz-toolbar-button-icon {
+  font-size: $mls-icon-size;
+
+  > .nz-icon {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    > * {
+      width: $mls-icon-size;
+      height: $mls-icon-size;
+      color: var(--iui-color-icon);
+      filter: $icon-shadow;
+      display: inline-block;
+    }
+    > .icon.core-svg-icon {
+      & svg {
+        width: $mls-icon-size;
+        height: $mls-icon-size;
+      }
+    }
+  }
+
+  &.nz-toolbar-button-icon-small {
+    font-size: $mls-small-button-icon-size;
+    > .nz-icon {
+      > * {
+        width: $mls-small-button-icon-size;
+        height: $mls-small-button-icon-size;
+      }
+    }
+  }
+
+  &:hover {
+    > .nz-icon {
+      > * {
+        color: var(--iui-color-icon-hover);
+      }
+    }
+  }
+}

package/lib/esm/appui-react/layout/widget/tools/button/_variables.scss

@@ -0,0 +1,38 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+// Common
+$button-stroke-width: 2px;
+$button-background-color: $buic-background-toolbar;
+$button-stroke-color: $buic-background-toolbutton-stroke;
+$button-stroke-radius: 3px;
+
+$icon-color: $buic-icon-color;
+$pressed-icon-color: $buic-icon-color-reverse;
+$hovered-icon-color: $buic-foreground-primary-tone;
+$icon-shadow: drop-shadow(0 1px 0 $buic-icon-color-reverse);
+$no-shadow: drop-shadow(0 0 0 transparent);
+
+$bar-width: 8px;
+$bar-height: 2px;
+$bar-right-corner-radius: 1px;
+
+// Mouse + Large screen
+$mls-button-width: 60px;
+$mls-button-height: 60px;
+
+$mls-navigation-aid-width: 60px;
+$mls-navigation-aid-height: 60px;
+
+$mls-icon-size: 36px;
+
+// For ui20 - include 2px for border 40+2=42 due to box-sizing:border-box.
+$mls-small-button-width: 42px;
+$mls-small-button-height: 42px;
+$mls-small-button-icon-size: 24px;
+$mls-small-button-gap: 6px;
+$small-bar-width: 4px;
+$small-bar-height: 2px;

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

@@ -0,0 +1,6 @@
+/** @packageDocumentation
+ * @module Widget
+ */
+/** @internal */
+export declare function useIsToolSettingsTab(): boolean;
+//# sourceMappingURL=useIsToolSettingsTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsToolSettingsTab.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/useIsToolSettingsTab.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,gBAAgB;AAChB,wBAAgB,oBAAoB,YAInC"}

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

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { useLayout } from "../base/LayoutStore";
+import { useActiveTabId } from "./Widget";
+/** @internal */
+export function useIsToolSettingsTab() {
+    const activeTabId = useActiveTabId();
+    const toolSettingsTabId = useLayout((state) => { var _a; return (_a = state.toolSettings) === null || _a === void 0 ? void 0 : _a.tabId; });
+    return activeTabId === toolSettingsTabId;
+}
+//# sourceMappingURL=useIsToolSettingsTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsToolSettingsTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/useIsToolSettingsTab.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,gBAAgB;AAChB,MAAM,UAAU,oBAAoB;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,iBAAiB,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,CAAA,EAAA,CAAC,CAAC;IAC1E,OAAO,WAAW,KAAK,iBAAiB,CAAC;AAC3C,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 { useLayout } from \"../base/LayoutStore\";\nimport { useActiveTabId } from \"./Widget\";\n\n/** @internal */\nexport function useIsToolSettingsTab() {\n  const activeTabId = useActiveTabId();\n  const toolSettingsTabId = useLayout((state) => state.toolSettings?.tabId);\n  return activeTabId === toolSettingsTabId;\n}\n"]}

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

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import * as React from "react";
+/** Main app content (i.e. viewport) that will change bounds based on panel pinned settings.
+ * @internal
+ */
+export declare function AppContent(): React.JSX.Element;
+/** @internal */
+export declare function usePanelsAutoCollapse<T extends Element>(): React.Ref<T>;
+//# sourceMappingURL=AppContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppContent.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/AppContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,wBAAgB,UAAU,sBA4BzB;AAED,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAkDvE"}

package/lib/esm/appui-react/layout/widget-panels/AppContent.js

@@ -0,0 +1,75 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import * as React from "react";
+import { AutoCollapseUnpinnedPanelsContext, NineZoneDispatchContext, } from "../base/NineZone";
+import { WidgetPanelsContent } from "./Content";
+import { ContentNodeContext } from "./Panels";
+import { panelSides } from "./Panel";
+import { useRefEffect, useRefs } from "@itwin/core-react";
+import { useLayout, useLayoutStore } from "../base/LayoutStore";
+import { usePreviewFeatures } from "../../preview/PreviewFeatures";
+/** Main app content (i.e. viewport) that will change bounds based on panel pinned settings.
+ * @internal
+ */
+export function AppContent() {
+    const { contentAlwaysMaxSize } = usePreviewFeatures();
+    const { pinnedLeft, pinnedRight, pinnedTop, pinnedBottom } = useLayout((state) => {
+        const panels = state.panels;
+        return {
+            pinnedLeft: panels.left.pinned,
+            pinnedRight: panels.right.pinned,
+            pinnedTop: panels.top.pinned,
+            pinnedBottom: panels.bottom.pinned,
+        };
+    }, true);
+    const content = React.useContext(ContentNodeContext);
+    const ref = usePanelsAutoCollapse();
+    return (React.createElement(WidgetPanelsContent, { className: "nz-widgetPanels-appContent", ref: ref, pinnedLeft: pinnedLeft && !contentAlwaysMaxSize, pinnedRight: pinnedRight && !contentAlwaysMaxSize, pinnedTop: pinnedTop && !contentAlwaysMaxSize, pinnedBottom: pinnedBottom && !contentAlwaysMaxSize }, content));
+}
+/** @internal */
+export function usePanelsAutoCollapse() {
+    const layoutStore = useLayoutStore();
+    const panelsRef = React.useRef(layoutStore.getState().panels);
+    const dispatch = React.useContext(NineZoneDispatchContext);
+    const autoCollapseUnpinnedPanels = React.useContext(AutoCollapseUnpinnedPanelsContext);
+    // istanbul ignore next
+    React.useEffect(() => layoutStore.subscribe((state) => {
+        panelsRef.current = state.panels;
+    }), [layoutStore]);
+    const collapsePanels = React.useCallback(() => {
+        for (const side of panelSides) {
+            const panel = panelsRef.current[side];
+            if (panel.collapsed || panel.pinned)
+                continue;
+            dispatch({
+                type: "PANEL_SET_COLLAPSED",
+                collapsed: true,
+                side: panel.side,
+            });
+        }
+    }, [dispatch]);
+    const mouseDownRef = useRefEffect((instance) => {
+        if (!instance)
+            return;
+        instance.addEventListener("mousedown", collapsePanels, true);
+        return () => {
+            instance.removeEventListener("mousedown", collapsePanels, true);
+        };
+    }, [collapsePanels]);
+    const mouseEnterRef = useRefEffect((instance) => {
+        if (!instance || !autoCollapseUnpinnedPanels)
+            return;
+        instance.addEventListener("mouseenter", collapsePanels, true);
+        return () => {
+            instance.removeEventListener("mouseenter", collapsePanels, true);
+        };
+    }, [collapsePanels, autoCollapseUnpinnedPanels]);
+    const ref = useRefs(mouseDownRef, mouseEnterRef);
+    return ref;
+}
+//# sourceMappingURL=AppContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppContent.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/AppContent.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 WidgetPanels\n */\n\nimport * as React from \"react\";\nimport {\n  AutoCollapseUnpinnedPanelsContext,\n  NineZoneDispatchContext,\n} from \"../base/NineZone\";\nimport { WidgetPanelsContent } from \"./Content\";\nimport { ContentNodeContext } from \"./Panels\";\nimport { panelSides } from \"./Panel\";\nimport { useRefEffect, useRefs } from \"@itwin/core-react\";\nimport { useLayout, useLayoutStore } from \"../base/LayoutStore\";\nimport { usePreviewFeatures } from \"../../preview/PreviewFeatures\";\n\n/** Main app content (i.e. viewport) that will change bounds based on panel pinned settings.\n * @internal\n */\nexport function AppContent() {\n  const { contentAlwaysMaxSize } = usePreviewFeatures();\n  const { pinnedLeft, pinnedRight, pinnedTop, pinnedBottom } = useLayout(\n    (state) => {\n      const panels = state.panels;\n      return {\n        pinnedLeft: panels.left.pinned,\n        pinnedRight: panels.right.pinned,\n        pinnedTop: panels.top.pinned,\n        pinnedBottom: panels.bottom.pinned,\n      };\n    },\n    true\n  );\n  const content = React.useContext(ContentNodeContext);\n  const ref = usePanelsAutoCollapse<HTMLDivElement>();\n  return (\n    <WidgetPanelsContent\n      className=\"nz-widgetPanels-appContent\"\n      ref={ref}\n      pinnedLeft={pinnedLeft && !contentAlwaysMaxSize}\n      pinnedRight={pinnedRight && !contentAlwaysMaxSize}\n      pinnedTop={pinnedTop && !contentAlwaysMaxSize}\n      pinnedBottom={pinnedBottom && !contentAlwaysMaxSize}\n    >\n      {content}\n    </WidgetPanelsContent>\n  );\n}\n\n/** @internal */\nexport function usePanelsAutoCollapse<T extends Element>(): React.Ref<T> {\n  const layoutStore = useLayoutStore();\n  const panelsRef = React.useRef(layoutStore.getState().panels);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const autoCollapseUnpinnedPanels = React.useContext(\n    AutoCollapseUnpinnedPanelsContext\n  );\n\n  // istanbul ignore next\n  React.useEffect(\n    () =>\n      layoutStore.subscribe((state) => {\n        panelsRef.current = state.panels;\n      }),\n    [layoutStore]\n  );\n\n  const collapsePanels = React.useCallback(() => {\n    for (const side of panelSides) {\n      const panel = panelsRef.current[side];\n      if (panel.collapsed || panel.pinned) continue;\n      dispatch({\n        type: \"PANEL_SET_COLLAPSED\",\n        collapsed: true,\n        side: panel.side,\n      });\n    }\n  }, [dispatch]);\n  const mouseDownRef = useRefEffect<T>(\n    (instance) => {\n      if (!instance) return;\n      instance.addEventListener(\"mousedown\", collapsePanels, true);\n      return () => {\n        instance.removeEventListener(\"mousedown\", collapsePanels, true);\n      };\n    },\n    [collapsePanels]\n  );\n  const mouseEnterRef = useRefEffect<T>(\n    (instance) => {\n      if (!instance || !autoCollapseUnpinnedPanels) return;\n      instance.addEventListener(\"mouseenter\", collapsePanels, true);\n      return () => {\n        instance.removeEventListener(\"mouseenter\", collapsePanels, true);\n      };\n    },\n    [collapsePanels, autoCollapseUnpinnedPanels]\n  );\n  const ref = useRefs(mouseDownRef, mouseEnterRef);\n  return ref;\n}\n"]}

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

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./CenterContent.scss";
+import * as React from "react";
+/** Component that displays center content (i.e. toolbars). Content is allways bound by widget panels (panel pinned setting is ignored).
+ * @internal
+ */
+export declare function CenterContent(): React.JSX.Element;
+//# sourceMappingURL=CenterContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CenterContent.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CenterContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,wBAAgB,aAAa,sBAa5B"}

package/lib/esm/appui-react/layout/widget-panels/CenterContent.js

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./CenterContent.scss";
+import * as React from "react";
+import { WidgetPanelsContent } from "./Content";
+import { CenterContentNodeContext } from "./Panels";
+/** Component that displays center content (i.e. toolbars). Content is allways bound by widget panels (panel pinned setting is ignored).
+ * @internal
+ */
+export function CenterContent() {
+    const content = React.useContext(CenterContentNodeContext);
+    return (React.createElement(WidgetPanelsContent, { className: "nz-widgetPanels-centerContent", pinnedLeft: true, pinnedRight: true, pinnedTop: true, pinnedBottom: true }, content));
+}
+//# sourceMappingURL=CenterContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CenterContent.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CenterContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC3D,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAC,+BAA+B,EACzC,UAAU,QACV,WAAW,QACX,SAAS,QACT,YAAY,UAEX,OAAO,CACY,CACvB,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 WidgetPanels\n */\n\nimport \"./CenterContent.scss\";\nimport * as React from \"react\";\nimport { WidgetPanelsContent } from \"./Content\";\nimport { CenterContentNodeContext } from \"./Panels\";\n\n/** Component that displays center content (i.e. toolbars). Content is allways bound by widget panels (panel pinned setting is ignored).\n * @internal\n */\nexport function CenterContent() {\n  const content = React.useContext(CenterContentNodeContext);\n  return (\n    <WidgetPanelsContent\n      className=\"nz-widgetPanels-centerContent\"\n      pinnedLeft\n      pinnedRight\n      pinnedTop\n      pinnedBottom\n    >\n      {content}\n    </WidgetPanelsContent>\n  );\n}\n"]}

package/lib/esm/appui-react/layout/widget-panels/CenterContent.scss

@@ -0,0 +1,7 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.nz-widgetPanels-centerContent {
+  pointer-events: none;
+}

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

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./Content.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+/** Properties of [[WidgetPanelsContentProps]] component.
+ * @internal
+ */
+export interface WidgetPanelsContentProps extends CommonProps {
+    children?: React.ReactNode;
+    pinnedLeft?: boolean;
+    pinnedRight?: boolean;
+    pinnedTop?: boolean;
+    pinnedBottom?: boolean;
+}
+/** Component that displays widget panels content.
+ * @internal
+ */
+export declare const WidgetPanelsContent: React.ForwardRefExoticComponent<WidgetPanelsContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Content.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAiB9B,CAAC"}

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

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./Content.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Component that displays widget panels content.
+ * @internal
+ */
+export const WidgetPanelsContent = React.forwardRef(function WidgetPanelsContent(props, ref) {
+    const className = classnames("nz-widgetPanels-content", props.pinnedLeft && "nz-pinned-left", props.pinnedRight && "nz-pinned-right", props.pinnedTop && "nz-pinned-top", props.pinnedBottom && "nz-pinned-bottom", props.className);
+    return (React.createElement("div", { className: className, ref: ref, style: props.style }, props.children));
+});
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Content.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,yBAAyB,EACzB,KAAK,CAAC,UAAU,IAAI,gBAAgB,EACpC,KAAK,CAAC,WAAW,IAAI,iBAAiB,EACtC,KAAK,CAAC,SAAS,IAAI,eAAe,EAClC,KAAK,CAAC,YAAY,IAAI,kBAAkB,EACxC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACpD,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC,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 WidgetPanels\n */\n\nimport \"./Content.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[WidgetPanelsContentProps]] component.\n * @internal\n */\nexport interface WidgetPanelsContentProps extends CommonProps {\n  children?: React.ReactNode;\n  pinnedLeft?: boolean;\n  pinnedRight?: boolean;\n  pinnedTop?: boolean;\n  pinnedBottom?: boolean;\n}\n\n/** Component that displays widget panels content.\n * @internal\n */\nexport const WidgetPanelsContent = React.forwardRef<\n  HTMLDivElement,\n  WidgetPanelsContentProps\n>(function WidgetPanelsContent(props, ref) {\n  const className = classnames(\n    \"nz-widgetPanels-content\",\n    props.pinnedLeft && \"nz-pinned-left\",\n    props.pinnedRight && \"nz-pinned-right\",\n    props.pinnedTop && \"nz-pinned-top\",\n    props.pinnedBottom && \"nz-pinned-bottom\",\n    props.className\n  );\n  return (\n    <div className={className} ref={ref} style={props.style}>\n      {props.children}\n    </div>\n  );\n});\n"]}

package/lib/esm/appui-react/layout/widget-panels/Content.scss

@@ -0,0 +1,37 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.nz-widgetPanels-content {
+  &:not(.nz-pinned-left) {
+    grid-column-start: 1;
+  }
+
+  &.nz-pinned-left {
+    grid-column-start: 2;
+  }
+
+  &:not(.nz-pinned-right) {
+    grid-column-end: 4;
+  }
+
+  &.nz-pinned-right {
+    grid-column-end: 3;
+  }
+
+  &:not(.nz-pinned-top) {
+    grid-row-start: 1;
+  }
+
+  &.nz-pinned-top {
+    grid-row-start: 2;
+  }
+
+  &:not(.nz-pinned-bottom) {
+    grid-row-end: 4;
+  }
+
+  &.nz-pinned-bottom {
+    grid-row-end: 3;
+  }
+}

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

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./CursorOverlay.scss";
+/** @internal */
+export type CursorType = "nwse-resize" | "nesw-resize" | "ew-resize" | "ns-resize" | "grabbing";
+/** Controls cursor type of the application.
+ * I.e. when dragging a widget "grabbing" cursor should be displayed until user drops the widget.
+ * @internal
+ */
+export declare function useCursor(): void;
+/** @internal */
+export declare function getCursorClassName(type: CursorType): string;
+//# sourceMappingURL=CursorOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorOverlay.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CursorOverlay.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAI9B,gBAAgB;AAChB,MAAM,MAAM,UAAU,GAClB,aAAa,GACb,aAAa,GACb,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf;;;GAGG;AACH,wBAAgB,SAAS,SASxB;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,UAElD"}

package/lib/esm/appui-react/layout/widget-panels/CursorOverlay.js

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./CursorOverlay.scss";
+import * as React from "react";
+import { CursorTypeContext } from "../base/NineZone";
+/** Controls cursor type of the application.
+ * I.e. when dragging a widget "grabbing" cursor should be displayed until user drops the widget.
+ * @internal
+ */
+export function useCursor() {
+    const type = React.useContext(CursorTypeContext);
+    React.useEffect(() => {
+        const cursor = type ? `nz-${type}` : undefined;
+        cursor && document.body.classList.add(cursor);
+        return () => {
+            cursor && document.body.classList.remove(cursor);
+        };
+    }, [type]);
+}
+/** @internal */
+export function getCursorClassName(type) {
+    return `nz-widgetPanels-cursorOverlay_cursor nz-${type}`;
+}
+//# sourceMappingURL=CursorOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorOverlay.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CursorOverlay.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAUrD;;;GAGG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/C,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAAC,IAAgB;IACjD,OAAO,2CAA2C,IAAI,EAAE,CAAC;AAC3D,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 WidgetPanels\n */\n\nimport \"./CursorOverlay.scss\";\nimport * as React from \"react\";\nimport { CursorTypeContext } from \"../base/NineZone\";\n\n/** @internal */\nexport type CursorType =\n  | \"nwse-resize\"\n  | \"nesw-resize\"\n  | \"ew-resize\"\n  | \"ns-resize\"\n  | \"grabbing\";\n\n/** Controls cursor type of the application.\n * I.e. when dragging a widget \"grabbing\" cursor should be displayed until user drops the widget.\n * @internal\n */\nexport function useCursor() {\n  const type = React.useContext(CursorTypeContext);\n  React.useEffect(() => {\n    const cursor = type ? `nz-${type}` : undefined;\n    cursor && document.body.classList.add(cursor);\n    return () => {\n      cursor && document.body.classList.remove(cursor);\n    };\n  }, [type]);\n}\n\n/** @internal */\nexport function getCursorClassName(type: CursorType) {\n  return `nz-widgetPanels-cursorOverlay_cursor nz-${type}`;\n}\n"]}

package/lib/esm/appui-react/layout/widget-panels/CursorOverlay.scss

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+$nz-cursors: (nwse-resize, nesw-resize, ew-resize, ns-resize, grabbing);
+
+body {
+  @each $cursor in $nz-cursors {
+    &.nz-#{$cursor} {
+      * {
+        cursor: $cursor !important;
+        user-select: none;
+      }
+    }
+  }
+}
+
+.nz-widgetPanels-cursorOverlay_cursor {
+  @each $cursor in $nz-cursors {
+    &.nz-#{$cursor} {
+      cursor: $cursor;
+    }
+  }
+}

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

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import "./Expander.scss";
+import * as React from "react";
+import type { PanelSide } from "./PanelTypes";
+/** @internal */
+export interface WidgetPanelExpanderProps {
+    side: PanelSide;
+}
+/** Component that is used to auto-expand unpinned widget panel.
+ * @internal
+ */
+export declare function WidgetPanelExpander({ side }: WidgetPanelExpanderProps): React.JSX.Element;
+/** @internal */
+export declare function WidgetPanelExpanders(): React.JSX.Element;
+//# sourceMappingURL=Expander.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Expander.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,gBAAgB;AAChB,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,qBAiCrE;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,sBAgBnC"}