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

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

@@ -1,231 +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 "../icons/variables";
-@import "../style/baseline";
-@import "../style/colors";
-@import "../style/opacity";
-@import "../style/themecolors";
-@import "../z-index";
-
-// cspell:ignore themecolors unbordered
-
-$uicore-menu-padding: $uicore-bordered-padding;
-$uicore-menu-top-bottom-padding: calc(#{$uicore-menu-padding} * 0.6667);
-
-.core-context-menu-global {
-  position: fixed;
-  width: 0px;
-  height: 0px;
-
-  @include uicore-z-index(context-menu-z);
-}
-
-.core-context-menu {
-  color: var(--iui-color-text);
-  width: 0px;
-  height: 0px;
-  position: relative;
-
-  @include uicore-z-index(context-menu-z);
-
-  &:hover {
-    color: var(--iui-color-text-hover);
-    cursor: auto;
-  }
-
-  .core-context-menu-container {
-    position: absolute;
-    border-radius: var(--iui-border-radius-1);
-    padding: 4px 0;
-    box-shadow: var(--iui-shadow-1);
-    background-color: var(--iui-color-background);
-    text-overflow: ellipsis;
-    min-width: max-content;
-    max-width: 350px;
-    visibility: hidden;
-    transform: scaleY(0);
-    display: table;
-    border: 1px solid var(--iui-color-border);
-
-    &.core-context-menu-floating {
-      position: fixed;
-    }
-
-    &.core-context-menu-opened {
-      visibility: inherit;
-      transform-origin: top;
-      transform: scaleY(1);
-    }
-
-    &.core-context-menu-center {
-      transform: translate(-50%, -50%);
-    }
-
-    &.core-context-menu-right {
-      transform: translate(0%, -50%);
-    }
-
-    &.core-context-menu-left {
-      transform: translate(-100%, -50%);
-    }
-
-    &.core-context-menu-top {
-      transform: translate(-50%, -100%);
-
-      &.core-context-menu-right {
-        transform: translate(0%, -100%);
-      }
-
-      &.core-context-menu-left {
-        transform: translate(-100%, -100%);
-      }
-    }
-
-    &.core-context-menu-bottom {
-      transform: translate(-50%, 0%);
-
-      &.core-context-menu-right {
-        transform: translate(0%, 0%);
-      }
-
-      &.core-context-menu-left {
-        transform: translate(-100%, 0%);
-      }
-    }
-
-    .core-context-menu-item {
-      display: flex;
-      cursor: default;
-      padding: $uicore-menu-top-bottom-padding $uicore-menu-padding;
-      width: calc(100% - 2 * #{$uicore-menu-padding});
-      align-items: center;
-      position: relative;
-      box-sizing: content-box;
-
-      &:hover {
-        background-color: var(--iui-color-background-hover);
-      }
-
-      &.core-context-menu-is-selected {
-        background-color: var(--iui-color-background-accent-muted);
-      }
-
-      &.core-context-menu-disabled {
-        color: var(--iui-color-text-disabled);
-      }
-
-      &.core-context-menu-hidden {
-        display: none;
-      }
-
-      > .core-context-menu-icon {
-        flex-shrink: 0;
-        flex-grow: 0;
-        width: $uicore-icons-small;
-        height: var(--iui-size-l);
-        font-size: var(--iui-font-size-2);
-        line-height: var(--iui-size-l);
-        text-align: center;
-        margin-right: $uicore-unbordered-padding;
-        opacity: $uicore-opacity-2;
-        display: flex;
-        align-items: center;
-
-        &.core-context-menu-icon-right {
-          margin-left: $uicore-unbordered-padding;
-          margin-right: 0;
-        }
-      }
-
-      > .core-context-menu-content {
-        flex-shrink: 0;
-        flex-grow: 1;
-        font-size: var(--iui-font-size-1);
-        text-align: left;
-      }
-
-      > .core-context-menu-badge {
-        position: absolute;
-        top: 0;
-        left: 0;
-      }
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    &:focus {
-      border: 1px solid $buic-background-divider;
-      box-shadow: var(--iui-shadow-1);
-      outline: 0px;
-
-      > .core-context-menu-item.is-selected,
-      > .context-submenu > .core-context-menu-item.is-selected {
-        // .is-selected being applied on hover, overriding with hover color
-        background-color: $buic-row-hover;
-      }
-    }
-
-    .core-context-submenu {
-      display: flex;
-
-      &.core-context-menu-top {
-        flex-direction: column;
-        align-items: center;
-      }
-
-      &.core-context-menu-left {
-        flex-direction: row-reverse;
-        align-items: center;
-      }
-
-      &.core-context-menu-right {
-        flex-direction: row;
-        align-items: center;
-      }
-
-      &.core-context-menu-center {
-        flex-direction: column;
-        align-items: center;
-      }
-
-      &.core-context-menu-top.core-context-menu-left {
-        flex-direction: column;
-        align-items: flex-start;
-      }
-
-      &.core-context-menu-top.core-context-menu-right {
-        flex-direction: row;
-        align-items: flex-end;
-      }
-
-      &.core-context-menu-bottom.core-context-menu-left {
-        flex-direction: row-reverse;
-        align-items: flex-start;
-      }
-
-      &.core-context-menu-bottom.core-context-menu-right {
-        flex-direction: row;
-        align-items: flex-start;
-      }
-
-      .core-context-submenu-container .core-context-submenu-arrow {
-        margin-left: var(--iui-size-s);
-        margin-top: var(--iui-size-3xs);
-        margin-bottom: calc(var(--iui-size-3xs) * -1);
-      }
-    }
-  }
-
-  .core-context-menu-divider {
-    border-bottom: 1px solid var(--iui-color-border-foreground);
-    height: 0px;
-  }
-
-  .core-context-submenu-popup {
-    transform: translateY(-5px); // Compensate for the vertical padding
-  }
-}

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

@@ -1,17 +0,0 @@
-/** Enum to specify where a [[ContextMenu]] should anchor to its parent element
- * @public
- * @deprecated in 4.16.0. Enum used in a deprecated {@link ContextMenu} component.
- */
-export declare enum ContextMenuDirection {
-    None = "",
-    TopLeft = "top left",
-    Top = "top",
-    TopRight = "top right",
-    Left = "left",
-    Center = "center",
-    Right = "right",
-    BottomLeft = "bottom left",
-    Bottom = "bottom",
-    BottomRight = "bottom right"
-}
-//# sourceMappingURL=ContextMenuDirection.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDirection.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,oBAAY,oBAAoB;IAC9B,IAAI,KAAK;IACT,OAAO,aAAa;IACpB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,WAAW,iBAAiB;CAC7B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDirection.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,MAAM,CAAN,IAAY,oBAWX;AAXD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,4CAAoB,CAAA;IACpB,mCAAW,CAAA;IACX,8CAAsB,CAAA;IACtB,qCAAa,CAAA;IACb,yCAAiB,CAAA;IACjB,uCAAe,CAAA;IACf,kDAA0B,CAAA;IAC1B,yCAAiB,CAAA;IACjB,oDAA4B,CAAA;AAC9B,CAAC,EAXW,oBAAoB,KAApB,oBAAoB,QAW/B","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 */\nimport type { ContextMenu } from \"./ContextMenu\";\n\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\n * @public\n * @deprecated in 4.16.0. Enum used in a deprecated {@link ContextMenu} component.\n */\nexport enum ContextMenuDirection {\n  None = \"\",\n  TopLeft = \"top left\",\n  Top = \"top\",\n  TopRight = \"top right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom right\",\n}\n"]}

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

@@ -1,13 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu#separator iTwinUI MenuDivider} component instead.
- */
-export declare class ContextMenuDivider extends React.PureComponent<CommonProps> {
-    render(): React.ReactElement;
-}
-//# sourceMappingURL=ContextMenuDivider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDivider.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM,IAAI,KAAK,CAAC,YAAY;CAU7C"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,aAA0B;IACtD,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3C,OAAO,CACL,gCACM,KAAK,iBACG,2BAA2B,EACvC,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,GAC7D,CACH,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 ContextMenu\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu#separator iTwinUI MenuDivider} component instead.\n */\nexport class ContextMenuDivider extends React.PureComponent<CommonProps> {\n  public override render(): React.ReactElement {\n    const { className, ...props } = this.props;\n    return (\n      <div\n        {...props}\n        data-testid=\"core-context-menu-divider\"\n        className={classnames(\"core-context-menu-divider\", className)}\n      />\n    );\n  }\n}\n"]}

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

@@ -1,65 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import type { CommonProps } from "../utils/Props";
-import type { ContextMenu } from "./ContextMenu";
-import type { BadgeType } from "../badge/BadgeType";
-import type { IconSpec } from "../icons/IconComponent";
-/** Properties for the [[ContextMenuItem]] component
- * @public
- * @deprecated in 4.16.0. Props of deprecated {@link ContextMenuItem} component.
- */
-export interface ContextMenuItemProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, "disabled" | "hidden">, CommonProps {
-    onSelect?: (event: any) => any;
-    /** @internal */
-    onHotKeyParsed?: (hotKey: string) => void;
-    /** Icon to display in the left margin. */
-    icon?: IconSpec;
-    /** Disables any onSelect calls, hover/keyboard highlighting, and grays item. */
-    disabled?: boolean | ConditionalBooleanValue;
-    /** Indicates whether the item is visible or hidden. The default is for the item to be visible. */
-    hidden?: boolean | ConditionalBooleanValue;
-    /** Badge to be overlaid on the item.
-     * @deprecated in 4.16.0. Use `badgeKind` property instead.
-     */
-    badgeType?: BadgeType;
-    /** Specifies the kind of badge, if any, to be overlaid on the item. */
-    badgeKind?: "technical-preview" | "new" | "deprecated" | (string & {});
-    /** Icon to display in the right margin. */
-    iconRight?: IconSpec;
-    /** Hide the icon container. This can be used to eliminate space used to display an icon at the left of the menu item. */
-    hideIconContainer?: boolean;
-    /** @internal */
-    onHover?: () => any;
-    isSelected?: boolean;
-    /** @internal */
-    parentMenu?: ContextMenu;
-}
-interface ContextMenuItemState {
-    hotKey?: string;
-}
-/** Menu item component for use within a [[ContextMenu]] component.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI MenuItem} instead.
- */
-export declare class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {
-    private _root;
-    private _lastChildren;
-    private _parsedChildren;
-    static defaultProps: Partial<ContextMenuItemProps>;
-    constructor(props: ContextMenuItemProps);
-    readonly state: Readonly<ContextMenuItemState>;
-    render(): React.ReactElement;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ContextMenuItemProps): void;
-    private _updateHotkey;
-    private _handleFocus;
-    private _handleMouseOver;
-    select: () => void;
-    private _handleClick;
-    private _handleKeyUp;
-}
-export {};
-//# sourceMappingURL=ContextMenuItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAMvD;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,EAC1E,WAAW;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC3C;;OAEG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uEAAuE;IACvE,SAAS,CAAC,EAAE,mBAAmB,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvE,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CACtD,oBAAoB,EACpB,oBAAoB,CACrB;IACC,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAc,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAIvD;gBACU,KAAK,EAAE,oBAAoB;IAGvC,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAM;IACpD,MAAM,IAAI,KAAK,CAAC,YAAY;IAiF5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,oBAAoB;IAMlE,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEK,MAAM,aAMX;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,YAAY,CASlB;CACH"}

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

@@ -1,107 +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 * as React from "react";
-import classnames from "classnames";
-import { Key } from "ts-key-enum";
-import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import { TildeFinder } from "./TildeFinder";
-import { Icon } from "../icons/IconComponent";
-import { Badge } from "../badge/Badge";
-/** Menu item component for use within a [[ContextMenu]] component.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI MenuItem} instead.
- */
-export class ContextMenuItem extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._root = null;
-        this.state = {};
-        this._updateHotkey = (node) => {
-            let hotKey;
-            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
-            const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);
-            if (!isDisabled && !isHidden)
-                hotKey = TildeFinder.findAfterTilde(node).character;
-            else
-                hotKey = undefined;
-            if (hotKey && hotKey !== this.state.hotKey) {
-                this.setState({ hotKey });
-                if (this.props.onHotKeyParsed)
-                    this.props.onHotKeyParsed(hotKey);
-            }
-        };
-        this._handleFocus = (event) => {
-            event.stopPropagation();
-        };
-        this._handleMouseOver = (_event) => {
-            if (this._root &&
-                this._root.style.visibility !== "hidden" &&
-                this.props.onHover) {
-                this.props.onHover();
-            }
-        };
-        this.select = () => {
-            if (this._root) {
-                this._root.click();
-                if (this.props.parentMenu && this.props.parentMenu.props.parentSubmenu)
-                    this.props.parentMenu.props.parentSubmenu.close(true);
-            }
-        };
-        this._handleClick = (event) => {
-            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
-            if (isDisabled)
-                return;
-            if (this.props.onClick)
-                this.props.onClick(event);
-            if (this.props.onSelect)
-                this.props.onSelect(event);
-        };
-        this._handleKeyUp = (event) => {
-            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
-            if (event.key === Key.Enter.valueOf() &&
-                this.props.onSelect !== undefined &&
-                !isDisabled) {
-                this.props.onSelect(event);
-            }
-        };
-    }
-    render() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { onClick, className, style, onSelect, icon, disabled, hidden, onHover, isSelected, parentMenu, onHotKeyParsed, badgeType, // eslint-disable-line deprecation/deprecation
-        badgeKind, iconRight, hideIconContainer, ...props } = this.props;
-        const isDisabled = ConditionalBooleanValue.getValue(disabled);
-        const isHidden = ConditionalBooleanValue.getValue(hidden);
-        if (this._lastChildren !== this.props.children) {
-            this._parsedChildren = TildeFinder.findAfterTilde(this.props.children).node;
-            this._lastChildren = this.props.children;
-        }
-        return (React.createElement("div", { ...props, ref: (el) => {
-                this._root = el;
-            }, onClick: this._handleClick, style: style, onFocus: this._handleFocus, onKeyUp: this._handleKeyUp, onMouseOver: this._handleMouseOver, "data-testid": "core-context-menu-item", className: classnames("core-context-menu-item", className, isDisabled && "core-context-menu-disabled", isHidden && "core-context-menu-hidden", isSelected && "core-context-menu-is-selected"), role: "menuitem", tabIndex: isSelected ? 0 : -1, "aria-disabled": isDisabled, "aria-hidden": isHidden },
-            !hideIconContainer && (React.createElement("div", { className: "core-context-menu-icon" }, icon !== undefined && React.createElement(Icon, { iconSpec: icon }))),
-            React.createElement("div", { className: "core-context-menu-content" }, this._parsedChildren),
-            iconRight && (React.createElement("div", { className: classnames("core-context-menu-icon", "core-context-menu-icon-right") },
-                React.createElement(Icon, { iconSpec: iconRight }))),
-            (badgeKind || badgeType) && (React.createElement("div", { className: "core-context-menu-badge" },
-                React.createElement(Badge, { type: badgeKind || badgeType })))));
-    }
-    componentDidMount() {
-        this._updateHotkey(this.props.children);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.children !== prevProps.children) {
-            this._updateHotkey(this.props.children);
-        }
-    }
-}
-ContextMenuItem.defaultProps = {
-    disabled: false,
-    hidden: false,
-    isSelected: false,
-};
-//# sourceMappingURL=ContextMenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuItem.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuItem.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 * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { ContextMenu } from \"./ContextMenu\";\nimport type { BadgeType } from \"../badge/BadgeType\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { Badge } from \"../badge/Badge\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[ContextMenuItem]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link ContextMenuItem} component.\n */\nexport interface ContextMenuItemProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"disabled\" | \"hidden\">,\n    CommonProps {\n  onSelect?: (event: any) => any;\n  /** @internal */\n  onHotKeyParsed?: (hotKey: string) => void;\n  /** Icon to display in the left margin. */\n  icon?: IconSpec;\n  /** Disables any onSelect calls, hover/keyboard highlighting, and grays item. */\n  disabled?: boolean | ConditionalBooleanValue;\n  /** Indicates whether the item is visible or hidden. The default is for the item to be visible. */\n  hidden?: boolean | ConditionalBooleanValue;\n  /** Badge to be overlaid on the item.\n   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  badgeType?: BadgeType;\n  /** Specifies the kind of badge, if any, to be overlaid on the item. */\n  badgeKind?: \"technical-preview\" | \"new\" | \"deprecated\" | (string & {});\n  /** Icon to display in the right margin. */\n  iconRight?: IconSpec;\n  /** Hide the icon container. This can be used to eliminate space used to display an icon at the left of the menu item. */\n  hideIconContainer?: boolean;\n  /** @internal */\n  onHover?: () => any;\n  /* @internal */\n  isSelected?: boolean;\n  /** @internal */\n  parentMenu?: ContextMenu;\n}\n\ninterface ContextMenuItemState {\n  hotKey?: string;\n}\n\n/** Menu item component for use within a [[ContextMenu]] component.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI MenuItem} instead.\n */\nexport class ContextMenuItem extends React.PureComponent<\n  ContextMenuItemProps,\n  ContextMenuItemState\n> {\n  private _root: HTMLElement | null = null;\n  private _lastChildren: React.ReactNode;\n  private _parsedChildren: React.ReactNode;\n  public static defaultProps: Partial<ContextMenuItemProps> = {\n    disabled: false,\n    hidden: false,\n    isSelected: false,\n  };\n  constructor(props: ContextMenuItemProps) {\n    super(props);\n  }\n  public override readonly state: Readonly<ContextMenuItemState> = {};\n  public override render(): React.ReactElement {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const {\n      onClick,\n      className,\n      style,\n      onSelect,\n      icon,\n      disabled,\n      hidden,\n      onHover,\n      isSelected,\n      parentMenu,\n      onHotKeyParsed,\n      badgeType, // eslint-disable-line deprecation/deprecation\n      badgeKind,\n      iconRight,\n      hideIconContainer,\n      ...props\n    } = this.props;\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\n\n    if (this._lastChildren !== this.props.children) {\n      this._parsedChildren = TildeFinder.findAfterTilde(\n        this.props.children\n      ).node;\n      this._lastChildren = this.props.children;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={(el) => {\n          this._root = el;\n        }}\n        onClick={this._handleClick}\n        style={style}\n        onFocus={this._handleFocus}\n        onKeyUp={this._handleKeyUp}\n        onMouseOver={this._handleMouseOver}\n        data-testid={\"core-context-menu-item\"}\n        className={classnames(\n          \"core-context-menu-item\",\n          className,\n          isDisabled && \"core-context-menu-disabled\",\n          isHidden && \"core-context-menu-hidden\",\n          isSelected && \"core-context-menu-is-selected\"\n        )}\n        role=\"menuitem\"\n        tabIndex={isSelected ? 0 : -1}\n        aria-disabled={isDisabled}\n        aria-hidden={isHidden}\n      >\n        {!hideIconContainer && (\n          <div className=\"core-context-menu-icon\">\n            {icon !== undefined && <Icon iconSpec={icon} />}\n          </div>\n        )}\n        <div className={\"core-context-menu-content\"}>\n          {this._parsedChildren}\n        </div>\n        {iconRight && (\n          <div\n            className={classnames(\n              \"core-context-menu-icon\",\n              \"core-context-menu-icon-right\"\n            )}\n          >\n            <Icon iconSpec={iconRight} />\n          </div>\n        )}\n        {(badgeKind || badgeType) && (\n          <div className=\"core-context-menu-badge\">\n            <Badge type={badgeKind || badgeType} />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  public override componentDidMount() {\n    this._updateHotkey(this.props.children);\n  }\n\n  public override componentDidUpdate(prevProps: ContextMenuItemProps) {\n    if (this.props.children !== prevProps.children) {\n      this._updateHotkey(this.props.children);\n    }\n  }\n\n  private _updateHotkey = (node: React.ReactNode) => {\n    let hotKey: string | undefined;\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\n    if (!isDisabled && !isHidden)\n      hotKey = TildeFinder.findAfterTilde(node).character;\n    else hotKey = undefined;\n    if (hotKey && hotKey !== this.state.hotKey) {\n      this.setState({ hotKey });\n      if (this.props.onHotKeyParsed) this.props.onHotKeyParsed(hotKey);\n    }\n  };\n\n  private _handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n  };\n\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\n    if (\n      this._root &&\n      this._root.style.visibility !== \"hidden\" &&\n      this.props.onHover\n    ) {\n      this.props.onHover();\n    }\n  };\n\n  public select = () => {\n    if (this._root) {\n      this._root.click();\n      if (this.props.parentMenu && this.props.parentMenu.props.parentSubmenu)\n        this.props.parentMenu.props.parentSubmenu.close(true);\n    }\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    if (isDisabled) return;\n\n    if (this.props.onClick) this.props.onClick(event);\n    if (this.props.onSelect) this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    if (\n      event.key === Key.Enter.valueOf() &&\n      this.props.onSelect !== undefined &&\n      !isDisabled\n    ) {\n      this.props.onSelect(event);\n    }\n  };\n}\n"]}

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

@@ -1,51 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import type { ContextMenuItemProps } from "./ContextMenuItem";
-import type { ContextMenuProps } from "./ContextMenu";
-import type { CommonProps } from "../utils/Props";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-/** Properties for the [[ContextSubMenu]] component
- * @public
- * @deprecated in 4.16.0. Props of deprecated {@link ContextSubMenu} component.
- */
-export interface ContextSubMenuProps extends Omit<ContextMenuItemProps, "label">, Omit<ContextMenuProps, "label">, CommonProps {
-    /** Text/jsx to display in the list item */
-    label: string | React.ReactElement;
-    /** @internal */
-    onHotKeyParsed?: (hotKey: string) => void;
-}
-interface ContextSubMenuState {
-    opened: boolean;
-    direction: ContextMenuDirection;
-    hotKey?: string;
-}
-/** Submenu wrapper class for use within a [[ContextMenu]] component.
- * @public
- * @deprecated in 4.16.0. Use `subMenuItems` property {@link https://itwinui.bentley.com/docs/dropdownmenu#submenu iTwinUI MenuItem} component instead.
- */
-export declare class ContextSubMenu extends React.Component<ContextSubMenuProps, ContextSubMenuState> {
-    private _menuElement;
-    private _subMenuElement;
-    private _menuButtonElement;
-    private _lastLabel;
-    private _parsedLabel;
-    static defaultProps: Partial<ContextSubMenuProps>;
-    readonly state: Readonly<ContextSubMenuState>;
-    constructor(props: ContextSubMenuProps);
-    render(): React.ReactElement;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState): void;
-    private getWindow;
-    private checkRenderDirection;
-    private _updateHotkey;
-    select: () => void;
-    close: (propagate?: boolean) => void;
-    private _handleMouseOver;
-    private _handleClick;
-    private _handleClickGlobal;
-}
-export {};
-//# sourceMappingURL=ContextSubMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextSubMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D;;;GAGG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,EACzC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAC/B,WAAW;IACb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,mBAAmB,EACnB,mBAAmB,CACpB;IACC,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,YAAY,CAAkB;IAEtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAOtD;IAEF,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;gBAClD,KAAK,EAAE,mBAAmB;IAQtB,MAAM,IAAI,KAAK,CAAC,YAAY;IAqH5B,iBAAiB;IAOjB,oBAAoB;IAIpB,kBAAkB,CAChC,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB;IAchC,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,aAAa,CAWnB;IAEK,MAAM,aAKX;IAEK,KAAK,eAAgB,OAAO,UAWjC;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;CACH"}