@itwin/appui-react 4.17.1 → 5.0.0-dev.2

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

@@ -1,25 +0,0 @@
-/** @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/cjs/appui-react/layout/widget/tools/button/Icon.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/appui-react/layout/widget/tools/button/Icon.js

@@ -1,29 +0,0 @@
-"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 Toolbar
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolbarIcon = void 0;
-require("./Icon.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const Button_1 = require("./Button");
-/** Toolbar button which displays icon. Used in [[Toolbar]] component.
- * @note See basic button: [[ToolbarButton]]
- * @internal
- */
-class ToolbarIcon extends React.PureComponent {
-    render() {
-        const { className, small, ...props } = this.props;
-        const buttonClassName = (0, classnames_1.default)("nz-toolbar-button-icon", small && "nz-toolbar-button-icon-small", className);
-        return (React.createElement(Button_1.ToolbarButton, { className: buttonClassName, small: small, ...props },
-            React.createElement("div", { className: "nz-icon" }, this.props.icon),
-            this.props.children));
-    }
-}
-exports.ToolbarIcon = ToolbarIcon;
-//# sourceMappingURL=Icon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../../../src/appui-react/layout/widget/tools/button/Icon.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,uBAAqB;AACrB,2CAAoC;AACpC,+BAA+B;AAE/B,qCAAyC;AAczC;;;GAGG;AACH,MAAa,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,IAAA,oBAAU,EAChC,wBAAwB,EACxB,KAAK,IAAI,8BAA8B,EACvC,SAAS,CACV,CAAC;QAEF,OAAO,CACL,oBAAC,sBAAa,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;AAhBD,kCAgBC","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/cjs/appui-react/layout/widget/tools/button/Icon.scss

@@ -1,54 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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;
-    color: var(--iui-color-icon);
-
-    svg {
-      fill: var(--iui-color-icon);
-    }
-
-    > * {
-      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/cjs/appui-react/layout/widget/tools/button/_variables.scss

@@ -1,38 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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/cjs/appui-react/layout/widget/useIsToolSettingsTab.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/appui-react/layout/widget/useIsToolSettingsTab.js

@@ -1,20 +0,0 @@
-"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.useIsToolSettingsTab = void 0;
-const LayoutStore_1 = require("../base/LayoutStore");
-const Widget_1 = require("./Widget");
-/** @internal */
-function useIsToolSettingsTab() {
-    const activeTabId = (0, Widget_1.useActiveTabId)();
-    const toolSettingsTabId = (0, LayoutStore_1.useLayout)((state) => state.toolSettings?.tabId);
-    return activeTabId === toolSettingsTabId;
-}
-exports.useIsToolSettingsTab = useIsToolSettingsTab;
-//# sourceMappingURL=useIsToolSettingsTab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useIsToolSettingsTab.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/useIsToolSettingsTab.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,qDAAgD;AAChD,qCAA0C;AAE1C,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,WAAW,GAAG,IAAA,uBAAc,GAAE,CAAC;IACrC,MAAM,iBAAiB,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC1E,OAAO,WAAW,KAAK,iBAAiB,CAAC;AAC3C,CAAC;AAJD,oDAIC","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/cjs/appui-react/layout/widget/usePanelWidgetId.d.ts.map

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

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

@@ -1,39 +0,0 @@
-"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.useMainPanelWidgetId = exports.usePanelWidgetId = void 0;
-const React = require("react");
-const LayoutStore_1 = require("../base/LayoutStore");
-const Panel_1 = require("../widget-panels/Panel");
-const Widget_1 = require("./Widget");
-/** @internal */
-function usePanelWidgetId() {
-    const side = React.useContext(Panel_1.PanelSideContext);
-    const widgetId = React.useContext(Widget_1.WidgetIdContext);
-    if (!side || widgetId === undefined)
-        return undefined;
-    return widgetId;
-}
-exports.usePanelWidgetId = usePanelWidgetId;
-/** @internal */
-function useMainPanelWidgetId() {
-    const side = React.useContext(Panel_1.PanelSideContext);
-    const widgetId = React.useContext(Widget_1.WidgetIdContext);
-    return (0, LayoutStore_1.useLayout)((state) => {
-        if (!side)
-            return undefined;
-        const widgets = state.panels[side].widgets;
-        const mainWidget = (0, Panel_1.isHorizontalPanelSide)(side)
-            ? widgets[widgets.length - 1]
-            : widgets[0];
-        return mainWidget === widgetId ? widgetId : undefined;
-    });
-}
-exports.useMainPanelWidgetId = useMainPanelWidgetId;
-//# sourceMappingURL=usePanelWidgetId.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usePanelWidgetId.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget/usePanelWidgetId.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,qDAAgD;AAChD,kDAGgC;AAChC,qCAA2C;AAE3C,gBAAgB;AAChB,SAAgB,gBAAgB;IAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,IAAI,CAAC,IAAI,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACtD,OAAO,QAAQ,CAAC;AAClB,CAAC;AALD,4CAKC;AAED,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAe,CAAC,CAAC;IACnD,OAAO,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACzB,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;QAC3C,MAAM,UAAU,GAAG,IAAA,6BAAqB,EAAC,IAAI,CAAC;YAC5C,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAC7B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACf,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC;AAXD,oDAWC","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 { useLayout } from \"../base/LayoutStore\";\nimport {\n  isHorizontalPanelSide,\n  PanelSideContext,\n} from \"../widget-panels/Panel\";\nimport { WidgetIdContext } from \"./Widget\";\n\n/** @internal */\nexport function usePanelWidgetId() {\n  const side = React.useContext(PanelSideContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  if (!side || widgetId === undefined) return undefined;\n  return widgetId;\n}\n\n/** @internal */\nexport function useMainPanelWidgetId() {\n  const side = React.useContext(PanelSideContext);\n  const widgetId = React.useContext(WidgetIdContext);\n  return useLayout((state) => {\n    if (!side) return undefined;\n    const widgets = state.panels[side].widgets;\n    const mainWidget = isHorizontalPanelSide(side)\n      ? widgets[widgets.length - 1]\n      : widgets[0];\n    return mainWidget === widgetId ? widgetId : undefined;\n  });\n}\n"]}

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

@@ -1 +0,0 @@
-{"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/cjs/appui-react/layout/widget-panels/CursorOverlay.js

@@ -1,34 +0,0 @@
-"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 WidgetPanels
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCursorClassName = exports.useCursor = void 0;
-require("./CursorOverlay.scss");
-const React = require("react");
-const NineZone_1 = require("../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
- */
-function useCursor() {
-    const type = React.useContext(NineZone_1.CursorTypeContext);
-    React.useEffect(() => {
-        const cursor = type ? `nz-${type}` : undefined;
-        cursor && document.body.classList.add(cursor);
-        return () => {
-            cursor && document.body.classList.remove(cursor);
-        };
-    }, [type]);
-}
-exports.useCursor = useCursor;
-/** @internal */
-function getCursorClassName(type) {
-    return `nz-widgetPanels-cursorOverlay_cursor nz-${type}`;
-}
-exports.getCursorClassName = getCursorClassName;
-//# sourceMappingURL=CursorOverlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CursorOverlay.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/CursorOverlay.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,+BAA+B;AAC/B,+CAAqD;AAUrD;;;GAGG;AACH,SAAgB,SAAS;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,4BAAiB,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;AATD,8BASC;AAED,gBAAgB;AAChB,SAAgB,kBAAkB,CAAC,IAAgB;IACjD,OAAO,2CAA2C,IAAI,EAAE,CAAC;AAC3D,CAAC;AAFD,gDAEC","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/cjs/appui-react/layout/widget-panels/CursorOverlay.scss

@@ -1,27 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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;
-        -webkit-user-select: none;
-      }
-    }
-  }
-}
-
-.nz-widgetPanels-cursorOverlay_cursor {
-  @each $cursor in $nz-cursors {
-    &.nz-#{$cursor} {
-      cursor: $cursor;
-    }
-  }
-}

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

@@ -1,17 +0,0 @@
-/** @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/cjs/appui-react/layout/widget-panels/Expander.d.ts.map

@@ -1 +0,0 @@
-{"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,qBAkCrE;AAED,gBAAgB;AAChB,wBAAgB,oBAAoB,sBAgBnC"}

package/lib/cjs/appui-react/layout/widget-panels/Expander.js

@@ -1,64 +0,0 @@
-"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 WidgetPanels
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetPanelExpanders = exports.WidgetPanelExpander = void 0;
-require("./Expander.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const Panel_1 = require("./Panel");
-const NineZone_1 = require("../base/NineZone");
-const core_react_1 = require("@itwin/core-react");
-const LayoutStore_1 = require("../base/LayoutStore");
-/** Component that is used to auto-expand unpinned widget panel.
- * @internal
- */
-function WidgetPanelExpander({ side }) {
-    // eslint-disable-next-line deprecation/deprecation
-    const timer = React.useRef(new core_react_1.Timer(200));
-    const lastPosition = React.useRef(new core_react_1.Point());
-    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
-    React.useEffect(() => {
-        timer.current.setOnExecute(() => {
-            dispatch({
-                side,
-                collapsed: false,
-                type: "PANEL_SET_COLLAPSED",
-            });
-        });
-    }, [side, dispatch]);
-    const className = (0, classnames_1.default)("nz-widgetPanels-expander", `nz-${side}`);
-    return (React.createElement("div", { className: className, onMouseOverCapture: (e) => {
-            lastPosition.current = new core_react_1.Point(e.clientX, e.clientY);
-            timer.current.start();
-        }, onMouseOutCapture: () => {
-            timer.current.stop();
-        }, onMouseMoveCapture: (e) => {
-            const newPosition = new core_react_1.Point(e.clientX, e.clientY);
-            if (lastPosition.current.getDistanceTo(newPosition) > 5) {
-                timer.current.start();
-                lastPosition.current = newPosition;
-            }
-        } }));
-}
-exports.WidgetPanelExpander = WidgetPanelExpander;
-/** @internal */
-function WidgetPanelExpanders() {
-    const expanders = (0, LayoutStore_1.useLayout)((state) => {
-        const panels = state.panels;
-        return Panel_1.panelSides.filter((side) => {
-            const panel = panels[side];
-            return !panel.pinned && panel.collapsed;
-        });
-    }, true);
-    return (React.createElement(React.Fragment, null, expanders.map((side) => {
-        return React.createElement(WidgetPanelExpander, { key: side, side: side });
-    })));
-}
-exports.WidgetPanelExpanders = WidgetPanelExpanders;
-//# sourceMappingURL=Expander.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Expander.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2BAAyB;AACzB,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAqC;AACrC,+CAA2D;AAC3D,kDAAiD;AACjD,qDAAgD;AAOhD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,EAAE,IAAI,EAA4B;IACpE,mDAAmD;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,kBAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,kBAAK,EAAE,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAuB,CAAC,CAAC;IAC3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE;YAC9B,QAAQ,CAAC;gBACP,IAAI;gBACJ,SAAS,EAAE,KAAK;gBAChB,IAAI,EAAE,qBAAqB;aAC5B,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IACrB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;IACvE,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;YACxB,YAAY,CAAC,OAAO,GAAG,IAAI,kBAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YACvD,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC,EACD,iBAAiB,EAAE,GAAG,EAAE;YACtB,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACvB,CAAC,EACD,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;YACxB,MAAM,WAAW,GAAG,IAAI,kBAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YACpD,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;gBACxD,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACtB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;YACrC,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAlCD,kDAkCC;AAED,gBAAgB;AAChB,SAAgB,oBAAoB;IAClC,MAAM,SAAS,GAAG,IAAA,uBAAS,EAAC,CAAC,KAAK,EAAE,EAAE;QACpC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,OAAO,kBAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YAChC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3B,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,CACL,0CACG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACtB,OAAO,oBAAC,mBAAmB,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACxD,CAAC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AAhBD,oDAgBC","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 \"./Expander.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PanelSide } from \"./PanelTypes\";\nimport { panelSides } from \"./Panel\";\nimport { NineZoneDispatchContext } from \"../base/NineZone\";\nimport { Point, Timer } from \"@itwin/core-react\";\nimport { useLayout } from \"../base/LayoutStore\";\n\n/** @internal */\nexport interface WidgetPanelExpanderProps {\n  side: PanelSide;\n}\n\n/** Component that is used to auto-expand unpinned widget panel.\n * @internal\n */\nexport function WidgetPanelExpander({ side }: WidgetPanelExpanderProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  const timer = React.useRef(new Timer(200));\n  const lastPosition = React.useRef(new Point());\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  React.useEffect(() => {\n    timer.current.setOnExecute(() => {\n      dispatch({\n        side,\n        collapsed: false,\n        type: \"PANEL_SET_COLLAPSED\",\n      });\n    });\n  }, [side, dispatch]);\n  const className = classnames(\"nz-widgetPanels-expander\", `nz-${side}`);\n  return (\n    <div\n      className={className}\n      onMouseOverCapture={(e) => {\n        lastPosition.current = new Point(e.clientX, e.clientY);\n        timer.current.start();\n      }}\n      onMouseOutCapture={() => {\n        timer.current.stop();\n      }}\n      onMouseMoveCapture={(e) => {\n        const newPosition = new Point(e.clientX, e.clientY);\n        if (lastPosition.current.getDistanceTo(newPosition) > 5) {\n          timer.current.start();\n          lastPosition.current = newPosition;\n        }\n      }}\n    />\n  );\n}\n\n/** @internal */\nexport function WidgetPanelExpanders() {\n  const expanders = useLayout((state) => {\n    const panels = state.panels;\n    return panelSides.filter((side) => {\n      const panel = panels[side];\n      return !panel.pinned && panel.collapsed;\n    });\n  }, true);\n\n  return (\n    <>\n      {expanders.map((side) => {\n        return <WidgetPanelExpander key={side} side={side} />;\n      })}\n    </>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Grip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAerD;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,4BA2CjD;AAED,gBAAgB;AAChB,eAAO,MAAM,aAAa,wDACA,IAAI,mBAgK7B,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAiBrE"}

package/lib/cjs/appui-react/layout/widget-panels/Grip.js

@@ -1,216 +0,0 @@
-"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 WidgetPanels
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDoubleClick = exports.useResizeGrip = exports.WidgetPanelGrip = void 0;
-require("./Grip.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_bentley_1 = require("@itwin/core-bentley");
-const core_react_1 = require("@itwin/core-react");
-const DragManager_1 = require("../base/DragManager");
-const NineZone_1 = require("../base/NineZone");
-const Panel_1 = require("./Panel");
-const usePointerCaptor_1 = require("../base/usePointerCaptor");
-const LayoutStore_1 = require("../base/LayoutStore");
-const useMaximizedWidget_1 = require("../../preview/enable-maximized-widget/useMaximizedWidget");
-/** Resize grip of [[WidgetPanel]] component.
- * @internal
- */
-// eslint-disable-next-line deprecation/deprecation
-function WidgetPanelGrip(props) {
-    const side = React.useContext(Panel_1.PanelSideContext);
-    (0, core_bentley_1.assert)(!!side);
-    const { collapsed, pinned } = (0, LayoutStore_1.useLayout)((state) => {
-        const panel = state.panels[side];
-        return {
-            collapsed: panel.collapsed,
-            pinned: panel.pinned,
-        };
-    }, true);
-    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
-    const [ref, resizing, active] = (0, exports.useResizeGrip)();
-    const className = (0, classnames_1.default)("nz-widgetPanels-grip", `nz-${side}`, active && "nz-active", resizing && "nz-resizing", props.className);
-    const resizeGripTitle = (0, NineZone_1.useLabel)("resizeGripTitle");
-    const isMaximizedPanel = !!(0, useMaximizedWidget_1.useMaximizedPanel)(side);
-    if (isMaximizedPanel)
-        return null;
-    return (React.createElement("div", { className: className, title: resizeGripTitle, style: props.style },
-        React.createElement("div", { className: "nz-line-grip" },
-            React.createElement("div", { className: "nz-line-grip-detail" })),
-        React.createElement("div", { className: "nz-handle", ref: ref, onMouseOverCapture: () => {
-                collapsed &&
-                    !pinned &&
-                    !resizing &&
-                    dispatch({
-                        side,
-                        collapsed: false,
-                        type: "PANEL_SET_COLLAPSED",
-                    });
-            } })));
-}
-exports.WidgetPanelGrip = WidgetPanelGrip;
-/** @internal */
-const useResizeGrip = () => {
-    const widgetPanel = React.useContext(Panel_1.WidgetPanelContext);
-    const side = React.useContext(Panel_1.PanelSideContext);
-    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
-    (0, core_bentley_1.assert)(!!side);
-    (0, core_bentley_1.assert)(!!widgetPanel);
-    const [resizing, setResizing] = React.useState(false);
-    const [active, setActive] = React.useState(false);
-    const initialPointerPosition = React.useRef();
-    // eslint-disable-next-line deprecation/deprecation
-    const dragStartTimer = React.useRef(new core_react_1.Timer(300));
-    const ref = React.useRef(null);
-    const relativePosition = React.useRef(new core_react_1.Point());
-    const layoutStore = (0, LayoutStore_1.useLayoutStore)();
-    const panelStateRef = React.useRef(layoutStore.getState().panels[side]);
-    React.useLayoutEffect(() => layoutStore.subscribe((state) => {
-        panelStateRef.current = state.panels[side];
-    }), [layoutStore, side]);
-    const handleDoubleClick = React.useCallback(() => {
-        dispatch({
-            type: "PANEL_TOGGLE_COLLAPSED",
-            side,
-        });
-    }, [dispatch, side]);
-    const handleClick = useDoubleClick(handleDoubleClick);
-    const onDrag = React.useCallback((pointerPosition, lastPointerPosition) => {
-        if (!ref.current)
-            return;
-        const direction = side === "left" || side === "top" ? 1 : -1;
-        const dragOffset = lastPointerPosition.getOffsetTo(pointerPosition);
-        const dragBy = (0, Panel_1.isHorizontalPanelSide)(side) ? dragOffset.y : dragOffset.x;
-        const resizeBy = direction * dragBy;
-        const bounds = widgetPanel.getBounds();
-        const outerEdge = bounds[side];
-        const innerEdge = (0, Panel_1.isHorizontalPanelSide)(side)
-            ? pointerPosition.y
-            : pointerPosition.x;
-        const size = (innerEdge - outerEdge) * direction;
-        const panel = panelStateRef.current;
-        if (resizeBy === 0)
-            return;
-        if (panel.collapsed) {
-            if (size >= panel.collapseOffset) {
-                dispatch({
-                    type: "PANEL_SET_COLLAPSED",
-                    side,
-                    collapsed: false,
-                });
-                return;
-            }
-            return;
-        }
-        if (panel.size === undefined)
-            return;
-        // New size should match drag direction (i.e. dragging `left` panel grip to the left should not increase left panel size).
-        const sizeDiff = size - panel.size;
-        if (sizeDiff * resizeBy < 0)
-            return;
-        const collapseThreshold = Math.max(panel.minSize - panel.collapseOffset, 0);
-        if (size <= collapseThreshold) {
-            dispatch({
-                type: "PANEL_SET_COLLAPSED",
-                side,
-                collapsed: true,
-            });
-            dispatch({
-                type: "PANEL_SET_SIZE",
-                side,
-                size: panel.minSize,
-            });
-            return;
-        }
-        dispatch({
-            type: "PANEL_SET_SIZE",
-            side,
-            size,
-        });
-    }, [dispatch, side, widgetPanel]);
-    const onDragEnd = React.useCallback(() => {
-        setResizing(false);
-    }, []);
-    const handlePanelGripDragStart = (0, DragManager_1.useDragPanelGrip)({
-        side,
-        onDrag,
-        onDragEnd,
-    });
-    React.useEffect(() => {
-        const timer = dragStartTimer.current;
-        timer.setOnExecute(() => {
-            if (initialPointerPosition.current && ref.current) {
-                relativePosition.current = core_react_1.Rectangle.create(ref.current.getBoundingClientRect())
-                    .topLeft()
-                    .getOffsetTo(initialPointerPosition.current);
-                setResizing(true);
-                handlePanelGripDragStart({
-                    initialPointerPosition: initialPointerPosition.current,
-                    pointerPosition: initialPointerPosition.current,
-                });
-            }
-            initialPointerPosition.current = undefined;
-        });
-        return () => {
-            timer.setOnExecute(undefined);
-        };
-    }, [handlePanelGripDragStart]);
-    const handleDragEnd = React.useCallback(() => {
-        initialPointerPosition.current = undefined;
-        dragStartTimer.current.stop();
-        handleClick();
-        setActive(false);
-    }, [handleClick]);
-    const handlePointerDown = React.useCallback((args) => {
-        initialPointerPosition.current = new core_react_1.Point(args.clientX, args.clientY);
-        dragStartTimer.current.start();
-        setActive(true);
-    }, []);
-    const handlePointerMove = React.useCallback((args) => {
-        if (!initialPointerPosition.current)
-            return;
-        const position = new core_react_1.Point(args.clientX, args.clientY);
-        setResizing(true);
-        handlePanelGripDragStart({
-            initialPointerPosition: position,
-            pointerPosition: position,
-        });
-        onDrag(position, initialPointerPosition.current);
-        initialPointerPosition.current = undefined;
-        dragStartTimer.current.stop();
-    }, [handlePanelGripDragStart, onDrag]);
-    const handlePointerCaptorRef = (0, usePointerCaptor_1.usePointerCaptor)(handlePointerDown, handlePointerMove, handleDragEnd);
-    const handleRef = React.useCallback((instance) => {
-        ref.current = instance;
-        handlePointerCaptorRef(instance);
-    }, [handlePointerCaptorRef]);
-    return [handleRef, resizing, active];
-};
-exports.useResizeGrip = useResizeGrip;
-/** @internal */
-function useDoubleClick(onDoubleClick) {
-    // eslint-disable-next-line deprecation/deprecation
-    const timer = React.useRef(new core_react_1.Timer(300));
-    const clickCount = React.useRef(0);
-    timer.current.setOnExecute(() => {
-        clickCount.current = 0;
-    });
-    const handleClick = React.useCallback(() => {
-        timer.current.start();
-        clickCount.current++;
-        if (clickCount.current === 2) {
-            onDoubleClick && onDoubleClick();
-            clickCount.current = 0;
-            timer.current.stop();
-        }
-    }, [onDoubleClick]);
-    return handleClick;
-}
-exports.useDoubleClick = useDoubleClick;
-//# sourceMappingURL=Grip.js.map