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

package/lib/esm/core-react/colorvariables.scss

@@ -1,139 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-
-// cspell:ignore mediumgray titlebar toolbutton outoffocus
-
-/** @note: This file should only be imported by UiCore.ts.
- *  It should NOT be imported by any *.scss or other ui-core files.
- */
-
-[data-root-container="appui-root-id"] {
-  // NEEDSWORK - Need to deprecate these accessory colors
-  --buic-accessory-hollow: rgb(255, 255, 255);
-  --buic-accessory-primary: rgb(000, 139, 225);
-  --buic-accessory-success: rgb(083, 162, 026);
-  --buic-accessory-alert: rgb(211, 010, 010);
-  --buic-accessory-warning: rgb(241, 139, 018);
-  --buic-accessory-primary-tint: rgb(165, 215, 245);
-  --buic-accessory-success-tint: rgb(195, 225, 175);
-  --buic-accessory-alert-tint: rgb(239, 169, 169);
-  --buic-accessory-warning-tint: rgb(249, 215, 171);
-
-  --buic-background-1: var(--iui-color-background);
-  --buic-background-2: var(--iui-color-background-hover);
-  --buic-background-3: var(--iui-color-background-backdrop);
-  --buic-background-4: var(--iui-color-background-backdrop-hover);
-  --buic-background-5: var(--iui-color-background-disabled);
-  --buic-background-editable: var(--iui-color-background);
-  --buic-background-primary: var(--iui-color-background-accent);
-  --buic-background-tooltip: hsl(var(--iui-color-background-hsl) / 0.9);
-  --buic-background-scrollbar: hsl(
-    var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
-  );
-  --buic-background-scrollbar-hover: hsl(
-    var(--iui-color-foreground-hsl) / var(--iui-opacity-3)
-  );
-
-  --buic-foreground-body-rgb: var(--iui-color-foreground-hsl);
-  --buic-foreground-body: var(--iui-color-text);
-
-  --buic-foreground-body-reverse-rgb: var(--iui-color-foreground-hsl);
-  --buic-foreground-body-reverse: hsl(
-    var(--iui-color-background-hsl) / var(--iui-opacity-2)
-  );
-  --buic-foreground-muted: var(--iui-color-text-muted);
-  --buic-foreground-disabled: var(--iui-color-text-disabled);
-  --buic-foreground-activehover: var(--iui-color-text);
-
-  --buic-inputs-border: hsl(
-    var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
-  );
-  --buic-inputs-boxshadow: var(--iui-focus-box-shadow);
-  --buic-popup-boxshadow: var(--buic-inputs-boxshadow);
-
-  --buic-foreground-primary: var(--iui-color-icon-accent);
-  --buic-foreground-primary-tone: var(--iui-color-text-accent-hover);
-  --buic-foreground-focus: var(--iui-color-text-accent-hover);
-  --buic-foreground-focus-border: var(--buic-inputs-border);
-  --buic-focus-boxshadow: hsl(
-    var(--iui-color-accent-hsl) / var(--iui-opacity-4)
-  );
-
-  // The following two are still in use by DatePicker and there is no itwinui equivalent
-  --buic-focus-boxshadow-gradient1: hsl(
-    var(--buic-foreground-primary-tone-rgb) / 0
-  );
-  --buic-focus-boxshadow-gradient2: hsl(
-    var(--buic-foreground-primary-rgb) / 0.65
-  );
-
-  --buic-foreground-accessory: var(--iui-color-white);
-  --buic-foreground-success: var(--iui-color-text-positive);
-  --buic-foreground-positive: var(--iui-color-text-positive);
-  --buic-foreground-positive-rgb: var(--iui-color-positive-hsl);
-  --buic-foreground-alert: var(--iui-color-text-negative);
-  --buic-foreground-negative: var(--iui-color-text-negative);
-  --buic-foreground-negative-rgb: var(--iui-color-negative-hsl);
-  --buic-foreground-warning: var(--iui-color-text-warning);
-  --buic-foreground-warning-rgb: var(--iui-color-warning-hsl);
-
-  --buic-background-focus-overlay: hsl(var(--iui-opacity-6));
-  --buic-background-hover-overlay: hsl(
-    var(--iui-color-accent-hsl) / var(--iui-opacity-5)
-  );
-  --buic-background-active-overlay: hsl(
-    var(--iui-color-accent-hsl) / var(--iui-opacity-5)
-  );
-  --buic-background-pressed-overlay: hsl(var(--iui-color-accent-hsl) / 0.3);
-
-  --buic-background-card: var(--buic-background-tooltip);
-  --buic-background-striped_row: hsl(var(--iui-color-foreground-hsl) / 0.03);
-
-  /** background.5 */
-  --buic-background-titlebar: var(--buic-background-5);
-  --buic-background-dialog-stroke: var(--buic-background-5);
-  --buic-background-widget-stroke: var(--buic-background-5);
-  --buic-background-control-stroke: var(--buic-background-5);
-  --buic-background-panel-stroke: var(--buic-background-5);
-  --buic-background-toolbutton-stroke: var(--buic-background-5);
-
-  /** background.4 */
-  --buic-background-titlebar-outoffocus: var(--buic-background-4);
-  --buic-background-divider: var(--buic-background-4);
-  --buic-background-widget-element-stroke: var(--buic-background-4);
-  --buic-background-statusbar: var(--buic-background-4);
-  --buic-background-table-header: var(--buic-background-4);
-  --buic-background-control-stroke-disabled: var(--buic-background-4);
-
-  /** background.3 */
-  --buic-background-tab-inactive: var(--buic-background-3);
-  --buic-background-toolbutton-inactive: var(--buic-background-3);
-  --buic-background-context-menu: var(--buic-background-3);
-  --buic-background-widget-panel: var(--buic-background-3);
-  --buic-background-placeholder: var(--buic-background-3);
-  --buic-background-control-disabled: var(--buic-background-3);
-
-  /** background.2 */
-  --buic-background-tab-active: var(--buic-background-2);
-  --buic-background-dialog: var(--buic-background-2);
-  --buic-background-widget: var(--buic-background-2);
-  --buic-background-window: var(--buic-background-2);
-  --buic-background-toolbar: var(--buic-background-2);
-  --buic-background-panel: var(--buic-background-2);
-
-  /** background.1 */
-  --buic-background-control: var(--buic-background-1);
-
-  // Color variables
-  --buic-row-selection: var(--iui-color-background-accent-muted);
-  --buic-row-hover: var(--iui-color-background-hover);
-
-  /* Unused gradient variables, left for backwards compatibility */
-  --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
-  --buic-button-gradient2: rgba(
-    var(--iui-color-foreground-body-invert-rgb),
-    0.25
-  );
-}

package/lib/esm/core-react/contextmenu/ContextMenu.d.ts

@@ -1,91 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import "./ContextMenu.scss";
-import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-import { ContextSubMenu } from "./ContextSubMenu";
-/** Properties for the [[ContextMenu]] component
- * @public
- * @deprecated in 4.16.0. Props of deprecated {@link ContextMenu} component.
- */
-export interface ContextMenuProps extends CommonProps {
-    /** Whether ContextMenu is currently opened. */
-    opened: boolean;
-    /** Which direction the menu opens. Default: ContextMenuDirection.BottomRight */
-    direction?: ContextMenuDirection;
-    /** When click is registered outside of ContextMenu. */
-    onOutsideClick?: (event: MouseEvent) => any;
-    /** When list item or submenu is selected */
-    onSelect?: (event: any) => any;
-    /** when Escape button is pressed */
-    onEsc?: (data: any) => any;
-    /** Whether menu flips directions based on screen edge. Default: true */
-    autoflip?: boolean;
-    /** Whether menu hugs screen edge when autoflip is off. Default: true */
-    edgeLimit?: boolean;
-    /** Whether Hotkey press selects item, or just highlights item. Default: true */
-    hotkeySelect?: boolean;
-    /** starting menu item selected index Default: -1 */
-    selectedIndex?: number;
-    /** whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true */
-    floating?: boolean;
-    /** @internal */
-    parentMenu?: ContextMenu;
-    /** @internal */
-    parentSubmenu?: ContextSubMenu;
-    /** @internal */
-    ignoreNextKeyUp?: boolean;
-    /** Content */
-    children?: React.ReactNode;
-}
-interface ContextMenuState {
-    selectedIndex: number;
-    direction: ContextMenuDirection;
-    ignoreNextKeyUp: boolean;
-}
-/** A context menu populated with [[ContextMenuItem]] components.
- * Can be nested using [[ContextSubMenu]] component.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
- */
-export declare class ContextMenu extends React.PureComponent<ContextMenuProps, ContextMenuState> {
-    private _rootElement;
-    private _menuElement;
-    private _selectedElement;
-    private _length;
-    private _hotKeyMap;
-    private _lastChildren;
-    private _lastDirection;
-    private _lastSelectedIndex;
-    private _injectedChildren;
-    private _parentWindowHeight;
-    private _parentWindowWidth;
-    static defaultProps: Partial<ContextMenuProps>;
-    readonly state: Readonly<ContextMenuState>;
-    constructor(props: ContextMenuProps);
-    /** @internal */
-    static autoFlip: (dir: ContextMenuDirection, rect: DOMRectReadOnly, windowWidth: number, windowHeight: number) => ContextMenuDirection;
-    private _handleHotKeyParsed;
-    private _handleOnOutsideClick;
-    render(): React.ReactElement;
-    /** @internal */
-    static getCSSClassNameFromDirection: (direction?: ContextMenuDirection) => string;
-    private _injectMenuItemProps;
-    private _rootRef;
-    private _menuRef;
-    private getWindow;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private checkRenderDirection;
-    focus: () => void;
-    blur: () => void;
-    getRect: () => DOMRect;
-    private _handleFocusChange;
-    private _handleClick;
-    private _handleKeyUp;
-    componentDidUpdate(prevProps: ContextMenuProps): void;
-}
-export {};
-//# sourceMappingURL=ContextMenu.d.ts.map

package/lib/esm/core-react/contextmenu/ContextMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core-react/contextmenu/ContextMenu.js

@@ -1,362 +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 ContextMenu
- */
-import "./ContextMenu.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Key } from "ts-key-enum";
-import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import { DivWithOutsideClick } from "../base/DivWithOutsideClick";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-import { ContextMenuItem } from "./ContextMenuItem";
-import { ContextSubMenu } from "./ContextSubMenu";
-/** A context menu populated with [[ContextMenuItem]] components.
- * Can be nested using [[ContextSubMenu]] component.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
- */
-export class ContextMenu extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._rootElement = null;
-        this._menuElement = null;
-        this._selectedElement = null;
-        this._length = 0;
-        this._hotKeyMap = new Map();
-        this._lastDirection = ContextMenuDirection.BottomRight;
-        this._lastSelectedIndex = 0;
-        this._parentWindowHeight = 0;
-        this._parentWindowWidth = 0;
-        this._handleHotKeyParsed = (index, hotKey) => {
-            this._hotKeyMap.set(index, hotKey);
-        };
-        this._handleOnOutsideClick = (event) => {
-            if (this.props.opened && this.props.onOutsideClick)
-                this.props.onOutsideClick(event);
-        };
-        this._injectMenuItemProps = (children, direction, selectedIndex) => {
-            let index = 0;
-            // add inheritance data to submenu children
-            const ch = React.Children.map(children, (child) => {
-                // Capture only ContextSubMenus and ContextMenuItems.
-                if (child &&
-                    typeof child === "object" &&
-                    "props" in child &&
-                    (child.type === ContextSubMenu || child.type === ContextMenuItem) &&
-                    !ConditionalBooleanValue.getValue(child.props.disabled) &&
-                    !ConditionalBooleanValue.getValue(child.props.hidden)) {
-                    const id = index; // get separate id variable so value stays the same when onHover is called later.
-                    const onHover = () => {
-                        this.setState({ selectedIndex: id });
-                        this.focus();
-                    };
-                    const ref = (el) => {
-                        if (selectedIndex === id)
-                            // only save to this._selectedElement if previously captured bool is true
-                            this._selectedElement = el;
-                    };
-                    const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index
-                    const childProps = {
-                        parentMenu: this,
-                        ref,
-                        onHover,
-                        isSelected: selectedIndex === id,
-                        onHotKeyParsed: boundHandleHotKeyParse,
-                    };
-                    if (child.type === ContextSubMenu) {
-                        // add direction only to sub-menus
-                        childProps.direction = child.props.direction || direction;
-                    }
-                    index++;
-                    return React.cloneElement(child, childProps);
-                }
-                else
-                    return child; // Else, pass through unmodified
-            });
-            this._length = index;
-            return ch;
-        };
-        this._rootRef = (el) => {
-            this._rootElement = el;
-        };
-        this._menuRef = (el) => {
-            this._menuElement = el;
-        };
-        this.focus = () => {
-            if (this._menuElement)
-                this._menuElement.focus();
-        };
-        this.blur = () => {
-            if (this._menuElement)
-                this._menuElement.blur();
-        };
-        this.getRect = () => {
-            let clientRect = DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0 });
-            if (this._menuElement) {
-                clientRect = this._menuElement.getBoundingClientRect();
-            }
-            return clientRect;
-        };
-        this._handleFocusChange = (event) => {
-            if (this._rootElement &&
-                this.props.opened &&
-                event.target instanceof Node &&
-                this.props.onOutsideClick &&
-                !this._rootElement.contains(event.target))
-                this.props.onOutsideClick(event);
-        };
-        this._handleClick = (event) => {
-            if (this.props.onSelect)
-                this.props.onSelect(event);
-        };
-        this._handleKeyUp = (event) => {
-            if (this.state.ignoreNextKeyUp) {
-                this.setState({ ignoreNextKeyUp: false });
-                return;
-            }
-            if (event.key) {
-                for (const [key, value] of this._hotKeyMap) {
-                    if (!this.props.hotkeySelect && key > this.state.selectedIndex) {
-                        // Start search at current index.
-                        if (event.key.toUpperCase() === value) {
-                            this.setState({ selectedIndex: key });
-                            return;
-                        }
-                    }
-                }
-                for (const [key, value] of this._hotKeyMap) {
-                    if (event.key.toUpperCase() === value) {
-                        this.setState({ selectedIndex: key }, () => {
-                            if (this.props.hotkeySelect && this._selectedElement) {
-                                this._selectedElement.select();
-                            }
-                        });
-                        event.stopPropagation();
-                        return;
-                    }
-                }
-            }
-            if (event.key === Key.ArrowLeft.valueOf()) {
-                event.stopPropagation();
-                if (this.props.parentMenu && this.props.parentSubmenu) {
-                    this.props.parentSubmenu.close();
-                    this.props.parentMenu.focus();
-                }
-                if (this.props.onEsc)
-                    this.props.onEsc(event);
-            }
-            if (event.key === Key.Escape.valueOf()) {
-                if (this.props.onEsc)
-                    this.props.onEsc(event);
-            }
-            if ((event.key === Key.Enter.valueOf() ||
-                event.key === Key.ArrowRight.valueOf()) &&
-                this._selectedElement) {
-                event.stopPropagation();
-                if (event.key === Key.Enter.valueOf() ||
-                    this._selectedElement instanceof ContextSubMenu) {
-                    if (this._selectedElement.select)
-                        this._selectedElement.select();
-                }
-            }
-            let { selectedIndex } = this.state;
-            if (event.key === Key.ArrowUp.valueOf() ||
-                event.key === Key.ArrowDown.valueOf()) {
-                event.stopPropagation();
-                if (selectedIndex === -1) {
-                    selectedIndex = 0;
-                }
-                else {
-                    if (event.key === Key.ArrowUp.valueOf()) {
-                        if (this.state.selectedIndex === 0)
-                            selectedIndex = this._length - 1;
-                        else
-                            selectedIndex--;
-                    }
-                    if (event.key === Key.ArrowDown.valueOf()) {
-                        if (this.state.selectedIndex === this._length - 1)
-                            selectedIndex = 0;
-                        else
-                            selectedIndex++;
-                    }
-                }
-            }
-            this.setState({ selectedIndex });
-        };
-        this.state = {
-            selectedIndex: this.props.selectedIndex,
-            direction: props.direction,
-            ignoreNextKeyUp: props.ignoreNextKeyUp,
-        };
-    }
-    render() {
-        const { opened, direction, onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, floating, parentMenu, parentSubmenu, children, className, ignoreNextKeyUp, ...props } = this.props;
-        const renderDirection = parentMenu === undefined ? this.state.direction : direction;
-        if (this._lastChildren !== children ||
-            this._lastDirection !== renderDirection ||
-            this._lastSelectedIndex !== this.state.selectedIndex) {
-            this._injectedChildren = this._injectMenuItemProps(children, renderDirection, this.state.selectedIndex);
-            this._lastChildren = children;
-            this._lastDirection = renderDirection;
-            this._lastSelectedIndex = this.state.selectedIndex;
-        }
-        return (React.createElement("div", { role: "presentation", className: classnames("core-context-menu", className), onKeyUp: this._handleKeyUp, onClick: this._handleClick, "data-testid": "core-context-menu-root", ...props, ref: this._rootRef },
-            React.createElement(DivWithOutsideClick, { onOutsideClick: this._handleOnOutsideClick },
-                React.createElement("div", { ref: this._menuRef, role: "menu", tabIndex: 0, "data-testid": "core-context-menu-container", className: classnames("core-context-menu-container", opened && "core-context-menu-opened", floating && "core-context-menu-floating", ContextMenu.getCSSClassNameFromDirection(renderDirection)) }, this._injectedChildren))));
-    }
-    getWindow() {
-        const el = this._rootElement ? this._rootElement : this._menuElement;
-        const parentDocument = el.ownerDocument;
-        return parentDocument.defaultView ?? window;
-    }
-    componentDidMount() {
-        const parentWindow = this.getWindow();
-        parentWindow.addEventListener("focus", this._handleFocusChange);
-        parentWindow.addEventListener("mouseup", this._handleFocusChange);
-        this.checkRenderDirection();
-        if (this.props.opened)
-            this.focus();
-    }
-    componentWillUnmount() {
-        const parentWindow = this.getWindow();
-        parentWindow.removeEventListener("focus", this._handleFocusChange);
-        parentWindow.removeEventListener("mouseup", this._handleFocusChange);
-    }
-    checkRenderDirection() {
-        const { direction, autoflip, parentMenu } = this.props;
-        const parentWindow = this.getWindow();
-        let renderDirection = parentMenu === undefined ? this.state.direction : direction;
-        if (parentWindow.innerHeight === this._parentWindowHeight &&
-            parentWindow.innerWidth === this._parentWindowWidth)
-            return;
-        this._parentWindowHeight = parentWindow.innerHeight;
-        this._parentWindowWidth = parentWindow.innerWidth;
-        // check if menu should flip
-        if (parentWindow && autoflip && parentMenu === undefined) {
-            const menuRect = this.getRect();
-            renderDirection = ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);
-            if (renderDirection !== this.state.direction)
-                this.setState({ direction: renderDirection });
-        }
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.selectedIndex !== this.props.selectedIndex) {
-            this.setState((_, props) => ({ selectedIndex: props.selectedIndex }));
-        }
-        if (!prevProps.opened && this.props.opened) {
-            this.setState((_, props) => ({ selectedIndex: props.selectedIndex }));
-        }
-        if (!this.props.parentMenu) {
-            // const direction = this.props.direction!;
-            // if ((!this.props.opened && prevProps.opened && direction !== this.state.direction) || prevProps.direction !== direction)
-            this.checkRenderDirection();
-        }
-    }
-}
-ContextMenu.defaultProps = {
-    direction: ContextMenuDirection.BottomRight,
-    autoflip: true,
-    edgeLimit: true,
-    hotkeySelect: true,
-    selectedIndex: -1,
-    floating: true,
-};
-/** @internal */
-ContextMenu.autoFlip = (dir, rect, windowWidth, windowHeight) => {
-    if (rect.right > windowWidth) {
-        switch (dir) {
-            case ContextMenuDirection.TopRight:
-                dir = ContextMenuDirection.TopLeft;
-                break;
-            case ContextMenuDirection.Right:
-                dir = ContextMenuDirection.Left;
-                break;
-            case ContextMenuDirection.BottomRight:
-                dir = ContextMenuDirection.BottomLeft;
-                break;
-        }
-    }
-    if (rect.left < 0) {
-        switch (dir) {
-            case ContextMenuDirection.TopLeft:
-                dir = ContextMenuDirection.TopRight;
-                break;
-            case ContextMenuDirection.Left:
-                dir = ContextMenuDirection.Right;
-                break;
-            case ContextMenuDirection.BottomLeft:
-                dir = ContextMenuDirection.BottomRight;
-                break;
-        }
-    }
-    if (rect.bottom > windowHeight) {
-        switch (dir) {
-            case ContextMenuDirection.BottomLeft:
-                dir = ContextMenuDirection.TopLeft;
-                break;
-            case ContextMenuDirection.Bottom:
-                dir = ContextMenuDirection.Top;
-                break;
-            case ContextMenuDirection.BottomRight:
-                dir = ContextMenuDirection.TopRight;
-                break;
-        }
-    }
-    if (rect.top < 0) {
-        switch (dir) {
-            case ContextMenuDirection.TopLeft:
-                dir = ContextMenuDirection.BottomLeft;
-                break;
-            case ContextMenuDirection.Top:
-                dir = ContextMenuDirection.Bottom;
-                break;
-            case ContextMenuDirection.TopRight:
-                dir = ContextMenuDirection.BottomRight;
-                break;
-        }
-    }
-    return dir;
-};
-/** @internal */
-ContextMenu.getCSSClassNameFromDirection = (direction) => {
-    let className = "";
-    if (direction === undefined)
-        direction = ContextMenuDirection.BottomRight;
-    if (direction === ContextMenuDirection.None)
-        return "";
-    switch (direction) {
-        case ContextMenuDirection.TopLeft:
-            className = "core-context-menu-top core-context-menu-left";
-            break;
-        case ContextMenuDirection.Top:
-            className = "core-context-menu-top";
-            break;
-        case ContextMenuDirection.TopRight:
-            className = "core-context-menu-top core-context-menu-right";
-            break;
-        case ContextMenuDirection.Left:
-            className = "core-context-menu-left";
-            break;
-        case ContextMenuDirection.Center:
-            className = "core-context-menu-center";
-            break;
-        case ContextMenuDirection.Right:
-            className = "core-context-menu-right";
-            break;
-        case ContextMenuDirection.BottomLeft:
-            className = "core-context-menu-bottom core-context-menu-left";
-            break;
-        case ContextMenuDirection.Bottom:
-            className = "core-context-menu-bottom";
-            break;
-        case ContextMenuDirection.BottomRight:
-            className = "core-context-menu-bottom core-context-menu-right";
-            break;
-    }
-    return className;
-};
-//# sourceMappingURL=ContextMenu.js.map

package/lib/esm/core-react/contextmenu/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.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 ContextMenu\n */\n\nimport \"./ContextMenu.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem\";\nimport { ContextMenuItem } from \"./ContextMenuItem\";\nimport type { ContextSubMenuProps } from \"./ContextSubMenu\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[ContextMenu]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link ContextMenu} component.\n */\nexport interface ContextMenuProps extends CommonProps {\n  /** Whether ContextMenu is currently opened. */\n  opened: boolean;\n  /** Which direction the menu opens. Default: ContextMenuDirection.BottomRight */\n  direction?: ContextMenuDirection;\n  /** When click is registered outside of ContextMenu. */\n  onOutsideClick?: (event: MouseEvent) => any;\n  /** When list item or submenu is selected */\n  onSelect?: (event: any) => any;\n  /** when Escape button is pressed */\n  onEsc?: (data: any) => any;\n  /** Whether menu flips directions based on screen edge. Default: true */\n  autoflip?: boolean;\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\n  edgeLimit?: boolean;\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\n  hotkeySelect?: boolean;\n  /** starting menu item selected index Default: -1 */\n  selectedIndex?: number;\n  /** whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true */\n  floating?: boolean;\n  /** @internal */\n  parentMenu?: ContextMenu;\n  /** @internal */\n  parentSubmenu?: ContextSubMenu;\n  /** @internal */\n  ignoreNextKeyUp?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ContextMenuState {\n  selectedIndex: number;\n  direction: ContextMenuDirection;\n  ignoreNextKeyUp: boolean;\n}\n\n/** A context menu populated with [[ContextMenuItem]] components.\n * Can be nested using [[ContextSubMenu]] component.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.\n */\nexport class ContextMenu extends React.PureComponent<\n  ContextMenuProps,\n  ContextMenuState\n> {\n  private _rootElement: HTMLElement | null = null;\n  private _menuElement: HTMLElement | null = null;\n  private _selectedElement: ContextMenuItem | ContextSubMenu | null = null;\n  private _length: number = 0;\n  private _hotKeyMap: Map<number, string> = new Map();\n\n  private _lastChildren: React.ReactNode;\n  private _lastDirection: ContextMenuDirection | undefined =\n    ContextMenuDirection.BottomRight;\n  private _lastSelectedIndex: number = 0;\n  private _injectedChildren: React.ReactNode;\n  private _parentWindowHeight: number = 0;\n  private _parentWindowWidth: number = 0;\n\n  public static defaultProps: Partial<ContextMenuProps> = {\n    direction: ContextMenuDirection.BottomRight,\n    autoflip: true,\n    edgeLimit: true,\n    hotkeySelect: true,\n    selectedIndex: -1,\n    floating: true,\n  };\n\n  public override readonly state: Readonly<ContextMenuState>;\n  constructor(props: ContextMenuProps) {\n    super(props);\n    this.state = {\n      selectedIndex: this.props.selectedIndex!,\n      direction: props.direction!,\n      ignoreNextKeyUp: props.ignoreNextKeyUp!,\n    };\n  }\n\n  /** @internal */\n  public static autoFlip = (\n    dir: ContextMenuDirection,\n    rect: DOMRectReadOnly,\n    windowWidth: number,\n    windowHeight: number\n  ): ContextMenuDirection => {\n    if (rect.right > windowWidth) {\n      switch (dir) {\n        case ContextMenuDirection.TopRight:\n          dir = ContextMenuDirection.TopLeft;\n          break;\n        case ContextMenuDirection.Right:\n          dir = ContextMenuDirection.Left;\n          break;\n        case ContextMenuDirection.BottomRight:\n          dir = ContextMenuDirection.BottomLeft;\n          break;\n      }\n    }\n    if (rect.left < 0) {\n      switch (dir) {\n        case ContextMenuDirection.TopLeft:\n          dir = ContextMenuDirection.TopRight;\n          break;\n        case ContextMenuDirection.Left:\n          dir = ContextMenuDirection.Right;\n          break;\n        case ContextMenuDirection.BottomLeft:\n          dir = ContextMenuDirection.BottomRight;\n          break;\n      }\n    }\n    if (rect.bottom > windowHeight) {\n      switch (dir) {\n        case ContextMenuDirection.BottomLeft:\n          dir = ContextMenuDirection.TopLeft;\n          break;\n        case ContextMenuDirection.Bottom:\n          dir = ContextMenuDirection.Top;\n          break;\n        case ContextMenuDirection.BottomRight:\n          dir = ContextMenuDirection.TopRight;\n          break;\n      }\n    }\n    if (rect.top < 0) {\n      switch (dir) {\n        case ContextMenuDirection.TopLeft:\n          dir = ContextMenuDirection.BottomLeft;\n          break;\n        case ContextMenuDirection.Top:\n          dir = ContextMenuDirection.Bottom;\n          break;\n        case ContextMenuDirection.TopRight:\n          dir = ContextMenuDirection.BottomRight;\n          break;\n      }\n    }\n    return dir;\n  };\n\n  private _handleHotKeyParsed = (index: number, hotKey: string) => {\n    this._hotKeyMap.set(index, hotKey);\n  };\n\n  private _handleOnOutsideClick = (event: MouseEvent): void => {\n    if (this.props.opened && this.props.onOutsideClick)\n      this.props.onOutsideClick(event);\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      direction,\n      onOutsideClick,\n      onSelect,\n      onEsc,\n      autoflip,\n      edgeLimit,\n      hotkeySelect,\n      selectedIndex,\n      floating,\n      parentMenu,\n      parentSubmenu,\n      children,\n      className,\n      ignoreNextKeyUp,\n      ...props\n    } = this.props;\n    const renderDirection =\n      parentMenu === undefined ? this.state.direction : direction;\n\n    if (\n      this._lastChildren !== children ||\n      this._lastDirection !== renderDirection ||\n      this._lastSelectedIndex !== this.state.selectedIndex\n    ) {\n      this._injectedChildren = this._injectMenuItemProps(\n        children,\n        renderDirection,\n        this.state.selectedIndex\n      );\n      this._lastChildren = children;\n      this._lastDirection = renderDirection;\n      this._lastSelectedIndex = this.state.selectedIndex;\n    }\n\n    return (\n      <div\n        role=\"presentation\"\n        className={classnames(\"core-context-menu\", className)}\n        onKeyUp={this._handleKeyUp}\n        onClick={this._handleClick}\n        data-testid=\"core-context-menu-root\"\n        {...props}\n        ref={this._rootRef}\n      >\n        <DivWithOutsideClick onOutsideClick={this._handleOnOutsideClick}>\n          <div\n            ref={this._menuRef}\n            role=\"menu\"\n            tabIndex={0}\n            data-testid=\"core-context-menu-container\"\n            className={classnames(\n              \"core-context-menu-container\",\n              opened && \"core-context-menu-opened\",\n              floating && \"core-context-menu-floating\",\n              ContextMenu.getCSSClassNameFromDirection(renderDirection)\n            )}\n          >\n            {this._injectedChildren}\n          </div>\n        </DivWithOutsideClick>\n      </div>\n    );\n  }\n\n  /** @internal */\n  public static getCSSClassNameFromDirection = (\n    direction?: ContextMenuDirection\n  ): string => {\n    let className = \"\";\n\n    if (direction === undefined) direction = ContextMenuDirection.BottomRight;\n\n    if (direction === ContextMenuDirection.None) return \"\";\n\n    switch (direction) {\n      case ContextMenuDirection.TopLeft:\n        className = \"core-context-menu-top core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Top:\n        className = \"core-context-menu-top\";\n        break;\n      case ContextMenuDirection.TopRight:\n        className = \"core-context-menu-top core-context-menu-right\";\n        break;\n      case ContextMenuDirection.Left:\n        className = \"core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Center:\n        className = \"core-context-menu-center\";\n        break;\n      case ContextMenuDirection.Right:\n        className = \"core-context-menu-right\";\n        break;\n      case ContextMenuDirection.BottomLeft:\n        className = \"core-context-menu-bottom core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Bottom:\n        className = \"core-context-menu-bottom\";\n        break;\n      case ContextMenuDirection.BottomRight:\n        className = \"core-context-menu-bottom core-context-menu-right\";\n        break;\n    }\n\n    return className;\n  };\n\n  private _injectMenuItemProps = (\n    children: React.ReactNode,\n    direction: ContextMenuDirection | undefined,\n    selectedIndex: number\n  ) => {\n    let index = 0;\n    // add inheritance data to submenu children\n    const ch = React.Children.map(children, (child: React.ReactNode) => {\n      // Capture only ContextSubMenus and ContextMenuItems.\n      if (\n        child &&\n        typeof child === \"object\" &&\n        \"props\" in child &&\n        (child.type === ContextSubMenu || child.type === ContextMenuItem) &&\n        !ConditionalBooleanValue.getValue(child.props.disabled) &&\n        !ConditionalBooleanValue.getValue(child.props.hidden)\n      ) {\n        const id = index; // get separate id variable so value stays the same when onHover is called later.\n        const onHover = () => {\n          this.setState({ selectedIndex: id });\n          this.focus();\n        };\n        const ref = (el: ContextSubMenu | ContextMenuItem | null) => {\n          if (selectedIndex === id)\n            // only save to this._selectedElement if previously captured bool is true\n            this._selectedElement = el;\n        };\n        const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index\n        const childProps: Partial<\n          ContextSubMenuProps & ContextMenuItemProps & { ref: typeof ref }\n        > = {\n          parentMenu: this,\n          ref,\n          onHover,\n          isSelected: selectedIndex === id,\n          onHotKeyParsed: boundHandleHotKeyParse,\n        };\n        if (child.type === ContextSubMenu) {\n          // add direction only to sub-menus\n          childProps.direction = child.props.direction || direction;\n        }\n        index++;\n        return React.cloneElement(child, childProps);\n      } else return child; // Else, pass through unmodified\n    });\n    this._length = index;\n    return ch;\n  };\n\n  private _rootRef = (el: HTMLDivElement | null) => {\n    this._rootElement = el;\n  };\n\n  private _menuRef = (el: HTMLDivElement | null) => {\n    this._menuElement = el;\n  };\n\n  private getWindow() {\n    const el = this._rootElement ? this._rootElement : this._menuElement;\n    const parentDocument = el!.ownerDocument;\n    return parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidMount() {\n    const parentWindow = this.getWindow();\n    parentWindow.addEventListener(\"focus\", this._handleFocusChange);\n    parentWindow.addEventListener(\"mouseup\", this._handleFocusChange);\n\n    this.checkRenderDirection();\n\n    if (this.props.opened) this.focus();\n  }\n\n  public override componentWillUnmount() {\n    const parentWindow = this.getWindow();\n    parentWindow.removeEventListener(\"focus\", this._handleFocusChange);\n    parentWindow.removeEventListener(\"mouseup\", this._handleFocusChange);\n  }\n\n  private checkRenderDirection() {\n    const { direction, autoflip, parentMenu } = this.props;\n    const parentWindow = this.getWindow();\n\n    let renderDirection =\n      parentMenu === undefined ? this.state.direction : direction;\n\n    if (\n      parentWindow.innerHeight === this._parentWindowHeight &&\n      parentWindow.innerWidth === this._parentWindowWidth\n    )\n      return;\n    this._parentWindowHeight = parentWindow.innerHeight;\n    this._parentWindowWidth = parentWindow.innerWidth;\n\n    // check if menu should flip\n    if (parentWindow && autoflip && parentMenu === undefined) {\n      const menuRect = this.getRect();\n      renderDirection = ContextMenu.autoFlip(\n        renderDirection!,\n        menuRect,\n        parentWindow.innerWidth,\n        parentWindow.innerHeight\n      );\n      if (renderDirection !== this.state.direction)\n        this.setState({ direction: renderDirection });\n    }\n  }\n\n  public focus = () => {\n    if (this._menuElement) this._menuElement.focus();\n  };\n\n  public blur = () => {\n    if (this._menuElement) this._menuElement.blur();\n  };\n\n  public getRect = (): DOMRect => {\n    let clientRect = DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0 });\n\n    if (this._menuElement) {\n      clientRect = this._menuElement.getBoundingClientRect();\n    }\n    return clientRect;\n  };\n\n  private _handleFocusChange = (event: any): void => {\n    if (\n      this._rootElement &&\n      this.props.opened &&\n      event.target instanceof Node &&\n      this.props.onOutsideClick &&\n      !this._rootElement.contains(event.target)\n    )\n      this.props.onOutsideClick(event);\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n    if (this.props.onSelect) this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (this.state.ignoreNextKeyUp) {\n      this.setState({ ignoreNextKeyUp: false });\n      return;\n    }\n\n    if (event.key) {\n      for (const [key, value] of this._hotKeyMap) {\n        if (!this.props.hotkeySelect! && key > this.state.selectedIndex) {\n          // Start search at current index.\n          if (event.key.toUpperCase() === value) {\n            this.setState({ selectedIndex: key });\n            return;\n          }\n        }\n      }\n      for (const [key, value] of this._hotKeyMap) {\n        if (event.key.toUpperCase() === value) {\n          this.setState({ selectedIndex: key }, () => {\n            if (this.props.hotkeySelect && this._selectedElement) {\n              this._selectedElement.select();\n            }\n          });\n          event.stopPropagation();\n          return;\n        }\n      }\n    }\n\n    if (event.key === Key.ArrowLeft.valueOf()) {\n      event.stopPropagation();\n      if (this.props.parentMenu && this.props.parentSubmenu) {\n        this.props.parentSubmenu.close();\n        this.props.parentMenu.focus();\n      }\n      if (this.props.onEsc) this.props.onEsc(event);\n    }\n\n    if (event.key === Key.Escape.valueOf()) {\n      if (this.props.onEsc) this.props.onEsc(event);\n    }\n\n    if (\n      (event.key === Key.Enter.valueOf() ||\n        event.key === Key.ArrowRight.valueOf()) &&\n      this._selectedElement\n    ) {\n      event.stopPropagation();\n\n      if (\n        event.key === Key.Enter.valueOf() ||\n        this._selectedElement instanceof ContextSubMenu\n      ) {\n        if (this._selectedElement.select) this._selectedElement.select();\n      }\n    }\n\n    let { selectedIndex } = this.state;\n    if (\n      event.key === Key.ArrowUp.valueOf() ||\n      event.key === Key.ArrowDown.valueOf()\n    ) {\n      event.stopPropagation();\n      if (selectedIndex === -1) {\n        selectedIndex = 0;\n      } else {\n        if (event.key === Key.ArrowUp.valueOf()) {\n          if (this.state.selectedIndex === 0) selectedIndex = this._length - 1;\n          else selectedIndex--;\n        }\n        if (event.key === Key.ArrowDown.valueOf()) {\n          if (this.state.selectedIndex === this._length - 1) selectedIndex = 0;\n          else selectedIndex++;\n        }\n      }\n    }\n    this.setState({ selectedIndex });\n  };\n\n  public override componentDidUpdate(prevProps: ContextMenuProps) {\n    if (prevProps.selectedIndex !== this.props.selectedIndex) {\n      this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\n    }\n    if (!prevProps.opened && this.props.opened) {\n      this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\n    }\n    if (!this.props.parentMenu) {\n      // const direction = this.props.direction!;\n      // if ((!this.props.opened && prevProps.opened && direction !== this.state.direction) || prevProps.direction !== direction)\n      this.checkRenderDirection();\n    }\n  }\n}\n"]}