@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.3

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

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-/** Enum to specify where a [[ContextMenu]] should anchor to its parent element
- * @public
- */
-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"
-}
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+/** Enum to specify where a [[ContextMenu]] should anchor to its parent element
+ * @public
+ */
+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/cjs/core-react/contextmenu/ContextMenuDirection.js

@@ -1,27 +1,27 @@
-"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 ContextMenu
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuDirection = void 0;
-/** Enum to specify where a [[ContextMenu]] should anchor to its parent element
- * @public
- */
-var ContextMenuDirection;
-(function (ContextMenuDirection) {
-    ContextMenuDirection["None"] = "";
-    ContextMenuDirection["TopLeft"] = "top left";
-    ContextMenuDirection["Top"] = "top";
-    ContextMenuDirection["TopRight"] = "top right";
-    ContextMenuDirection["Left"] = "left";
-    ContextMenuDirection["Center"] = "center";
-    ContextMenuDirection["Right"] = "right";
-    ContextMenuDirection["BottomLeft"] = "bottom left";
-    ContextMenuDirection["Bottom"] = "bottom";
-    ContextMenuDirection["BottomRight"] = "bottom right";
-})(ContextMenuDirection = exports.ContextMenuDirection || (exports.ContextMenuDirection = {}));
+"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 ContextMenu
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuDirection = void 0;
+/** Enum to specify where a [[ContextMenu]] should anchor to its parent element
+ * @public
+ */
+var ContextMenuDirection;
+(function (ContextMenuDirection) {
+    ContextMenuDirection["None"] = "";
+    ContextMenuDirection["TopLeft"] = "top left";
+    ContextMenuDirection["Top"] = "top";
+    ContextMenuDirection["TopRight"] = "top right";
+    ContextMenuDirection["Left"] = "left";
+    ContextMenuDirection["Center"] = "center";
+    ContextMenuDirection["Right"] = "right";
+    ContextMenuDirection["BottomLeft"] = "bottom left";
+    ContextMenuDirection["Bottom"] = "bottom";
+    ContextMenuDirection["BottomRight"] = "bottom right";
+})(ContextMenuDirection = exports.ContextMenuDirection || (exports.ContextMenuDirection = {}));
 //# sourceMappingURL=ContextMenuDirection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDirection.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,4CAAoB,CAAA;IAAE,mCAAW,CAAA;IAAE,8CAAsB,CAAA;IACzD,qCAAa,CAAA;IAAE,yCAAiB,CAAA;IAAE,uCAAe,CAAA;IACjD,kDAA0B,CAAA;IAAE,yCAAiB,CAAA;IAAE,oDAA4B,CAAA;AAC7E,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/B","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\r\n * @public\r\n */\r\nexport enum ContextMenuDirection {\r\n  None = \"\",\r\n  TopLeft = \"top left\", Top = \"top\", TopRight = \"top right\",\r\n  Left = \"left\", Center = \"center\", Right = \"right\",\r\n  BottomLeft = \"bottom left\", Bottom = \"bottom\", BottomRight = \"bottom right\",\r\n}\r\n"]}
+{"version":3,"file":"ContextMenuDirection.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,4CAAoB,CAAA;IAAE,mCAAW,CAAA;IAAE,8CAAsB,CAAA;IACzD,qCAAa,CAAA;IAAE,yCAAiB,CAAA;IAAE,uCAAe,CAAA;IACjD,kDAA0B,CAAA;IAAE,yCAAiB,CAAA;IAAE,oDAA4B,CAAA;AAC7E,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/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 */\n\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\n * @public\n */\nexport enum ContextMenuDirection {\n  None = \"\",\n  TopLeft = \"top left\", Top = \"top\", TopRight = \"top right\",\n  Left = \"left\", Center = \"center\", Right = \"right\",\n  BottomLeft = \"bottom left\", Bottom = \"bottom\", BottomRight = \"bottom right\",\n}\n"]}

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

@@ -1,13 +1,13 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/**
- * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
- * @public
- */
-export declare class ContextMenuDivider extends React.PureComponent<CommonProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/**
+ * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
+ * @public
+ */
+export declare class ContextMenuDivider extends React.PureComponent<CommonProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ContextMenuDivider.d.ts.map

package/lib/cjs/core-react/contextmenu/ContextMenuDivider.js

@@ -1,24 +1,24 @@
-"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 ContextMenu
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuDivider = void 0;
-const React = require("react");
-const classnames_1 = require("classnames");
-/**
- * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
- * @public
- */
-class ContextMenuDivider extends React.PureComponent {
-    render() {
-        const { className, ...props } = this.props;
-        return (React.createElement("div", { ...props, "data-testid": "core-context-menu-divider", className: (0, classnames_1.default)("core-context-menu-divider", className) }));
-    }
-}
-exports.ContextMenuDivider = ContextMenuDivider;
+"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 ContextMenu
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuDivider = void 0;
+const React = require("react");
+const classnames_1 = require("classnames");
+/**
+ * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
+ * @public
+ */
+class ContextMenuDivider extends React.PureComponent {
+    render() {
+        const { className, ...props } = this.props;
+        return (React.createElement("div", { ...props, "data-testid": "core-context-menu-divider", className: (0, classnames_1.default)("core-context-menu-divider", className) }));
+    }
+}
+exports.ContextMenuDivider = ContextMenuDivider;
 //# sourceMappingURL=ContextMenuDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AAGpC;;;GAGG;AACH,MAAa,kBAAmB,SAAQ,KAAK,CAAC,aAA0B;IACtD,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3C,OAAO,CACL,gCAAS,KAAK,iBAAc,2BAA2B,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,GAAI,CAC1H,CAAC;IACJ,CAAC;CACF;AAPD,gDAOC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/**\r\n * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\r\n * @public\r\n */\r\nexport class ContextMenuDivider extends React.PureComponent<CommonProps> {\r\n  public override render(): JSX.Element {\r\n    const { className, ...props } = this.props;\r\n    return (\r\n      <div {...props} data-testid=\"core-context-menu-divider\" className={classnames(\"core-context-menu-divider\", className)} />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AAGpC;;;GAGG;AACH,MAAa,kBAAmB,SAAQ,KAAK,CAAC,aAA0B;IACtD,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3C,OAAO,CACL,gCAAS,KAAK,iBAAc,2BAA2B,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,GAAI,CAC1H,CAAC;IACJ,CAAC;CACF;AAPD,gDAOC","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 { CommonProps } from \"../utils/Props\";\n\n/**\n * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\n * @public\n */\nexport class ContextMenuDivider extends React.PureComponent<CommonProps> {\n  public override render(): JSX.Element {\n    const { className, ...props } = this.props;\n    return (\n      <div {...props} data-testid=\"core-context-menu-divider\" className={classnames(\"core-context-menu-divider\", className)} />\n    );\n  }\n}\n"]}

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

@@ -1,62 +1,62 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import { BadgeType, ConditionalBooleanValue } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-import { ContextMenu } from "./ContextMenu";
-import { IconSpec } from "../icons/IconComponent";
-/** Properties for the [[ContextMenuItem]] component
- * @public
- */
-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. */
-    badgeType?: BadgeType;
-    /** 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;
-}
-/** @internal */
-interface ContextMenuItemState {
-    hotKey?: string;
-}
-/**
- * Menu Item class for use within a [[ContextMenu]] component.
- * @public
- */
-export declare class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {
-    private _root;
-    private _lastChildren;
-    private _parsedChildren;
-    /** @internal */
-    static defaultProps: Partial<ContextMenuItemProps>;
-    constructor(props: ContextMenuItemProps);
-    /** @internal */
-    readonly state: Readonly<ContextMenuItemState>;
-    render(): JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ContextMenuItemProps): void;
-    private _updateHotkey;
-    private _handleFocus;
-    private _handleMouseOver;
-    select: () => void;
-    private _handleClick;
-    private _handleKeyUp;
-}
-export {};
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import { BadgeType, ConditionalBooleanValue } from "@itwin/appui-abstract";
+import { CommonProps } from "../utils/Props";
+import { ContextMenu } from "./ContextMenu";
+import { IconSpec } from "../icons/IconComponent";
+/** Properties for the [[ContextMenuItem]] component
+ * @public
+ */
+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. */
+    badgeType?: BadgeType;
+    /** 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;
+}
+/** @internal */
+interface ContextMenuItemState {
+    hotKey?: string;
+}
+/**
+ * Menu Item class for use within a [[ContextMenu]] component.
+ * @public
+ */
+export declare class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {
+    private _root;
+    private _lastChildren;
+    private _parsedChildren;
+    /** @internal */
+    static defaultProps: Partial<ContextMenuItemProps>;
+    constructor(props: ContextMenuItemProps);
+    /** @internal */
+    readonly state: Readonly<ContextMenuItemState>;
+    render(): JSX.Element;
+    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/cjs/core-react/contextmenu/ContextMenuItem.js

@@ -1,109 +1,109 @@
-"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 ContextMenu
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuItem = void 0;
-const React = require("react");
-const classnames_1 = require("classnames");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const BadgeUtilities_1 = require("../badge/BadgeUtilities");
-const TildeFinder_1 = require("./TildeFinder");
-const IconComponent_1 = require("../icons/IconComponent");
-/**
- * Menu Item class for use within a [[ContextMenu]] component.
- * @public
- */
-class ContextMenuItem extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._root = null;
-        /** @internal */
-        this.state = {};
-        this._updateHotkey = (node) => {
-            let hotKey;
-            const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
-            const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.hidden);
-            if (!isDisabled && !isHidden)
-                hotKey = TildeFinder_1.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) => {
-            // istanbul ignore else
-            if (this._root && this._root.style.visibility !== "hidden" && this.props.onHover) {
-                this.props.onHover();
-            }
-        };
-        this.select = () => {
-            // istanbul ignore else
-            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 = appui_abstract_1.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 = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
-            if (event.key === appui_abstract_1.SpecialKey.Enter && 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, iconRight, hideIconContainer, ...props } = this.props;
-        const badge = BadgeUtilities_1.BadgeUtilities.getComponentForBadgeType(badgeType);
-        const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(disabled);
-        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(hidden);
-        if (this._lastChildren !== this.props.children) {
-            this._parsedChildren = TildeFinder_1.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: (0, classnames_1.default)("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(IconComponent_1.Icon, { iconSpec: icon })),
-            React.createElement("div", { className: "core-context-menu-content" }, this._parsedChildren),
-            iconRight &&
-                React.createElement("div", { className: (0, classnames_1.default)("core-context-menu-icon", "core-context-menu-icon-right") },
-                    React.createElement(IconComponent_1.Icon, { iconSpec: iconRight })),
-            badge &&
-                React.createElement("div", { className: "core-context-menu-badge" }, badge)));
-    }
-    componentDidMount() {
-        this._updateHotkey(this.props.children);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.children !== prevProps.children) {
-            this._updateHotkey(this.props.children);
-        }
-    }
-}
-exports.ContextMenuItem = ContextMenuItem;
-/** @internal */
-ContextMenuItem.defaultProps = {
-    disabled: false,
-    hidden: false,
-    isSelected: false,
-};
+"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 ContextMenu
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuItem = void 0;
+const React = require("react");
+const classnames_1 = require("classnames");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const BadgeUtilities_1 = require("../badge/BadgeUtilities");
+const TildeFinder_1 = require("./TildeFinder");
+const IconComponent_1 = require("../icons/IconComponent");
+/**
+ * Menu Item class for use within a [[ContextMenu]] component.
+ * @public
+ */
+class ContextMenuItem extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._root = null;
+        /** @internal */
+        this.state = {};
+        this._updateHotkey = (node) => {
+            let hotKey;
+            const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
+            const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.hidden);
+            if (!isDisabled && !isHidden)
+                hotKey = TildeFinder_1.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) => {
+            // istanbul ignore else
+            if (this._root && this._root.style.visibility !== "hidden" && this.props.onHover) {
+                this.props.onHover();
+            }
+        };
+        this.select = () => {
+            // istanbul ignore else
+            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 = appui_abstract_1.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 = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
+            if (event.key === appui_abstract_1.SpecialKey.Enter && 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, iconRight, hideIconContainer, ...props } = this.props;
+        const badge = BadgeUtilities_1.BadgeUtilities.getComponentForBadgeType(badgeType);
+        const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(disabled);
+        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(hidden);
+        if (this._lastChildren !== this.props.children) {
+            this._parsedChildren = TildeFinder_1.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: (0, classnames_1.default)("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(IconComponent_1.Icon, { iconSpec: icon })),
+            React.createElement("div", { className: "core-context-menu-content" }, this._parsedChildren),
+            iconRight &&
+                React.createElement("div", { className: (0, classnames_1.default)("core-context-menu-icon", "core-context-menu-icon-right") },
+                    React.createElement(IconComponent_1.Icon, { iconSpec: iconRight })),
+            badge &&
+                React.createElement("div", { className: "core-context-menu-badge" }, badge)));
+    }
+    componentDidMount() {
+        this._updateHotkey(this.props.children);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.children !== prevProps.children) {
+            this._updateHotkey(this.props.children);
+        }
+    }
+}
+exports.ContextMenuItem = ContextMenuItem;
+/** @internal */
+ContextMenuItem.defaultProps = {
+    disabled: false,
+    hidden: false,
+    isSelected: false,
+};
 //# sourceMappingURL=ContextMenuItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuItem.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { BadgeType, ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenu } from \"./ContextMenu\";\r\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\r\nimport { TildeFinder } from \"./TildeFinder\";\r\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\r\n\r\n/** Properties for the [[ContextMenuItem]] component\r\n * @public\r\n */\r\nexport interface ContextMenuItemProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"disabled\" | \"hidden\">, CommonProps {\r\n  onSelect?: (event: any) => any;\r\n  /** @internal */\r\n  onHotKeyParsed?: (hotKey: string) => void;\r\n  /** Icon to display in the left margin. */\r\n  icon?: IconSpec;\r\n  /** Disables any onSelect calls, hover/keyboard highlighting, and grays item. */\r\n  disabled?: boolean | ConditionalBooleanValue;\r\n  /** Indicates whether the item is visible or hidden. The default is for the item to be visible. */\r\n  hidden?: boolean | ConditionalBooleanValue;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** Icon to display in the right margin. */\r\n  iconRight?: IconSpec;\r\n  /** Hide the icon container. This can be used to eliminate space used to display an icon at the left of the menu item. */\r\n  hideIconContainer?: boolean;\r\n  /** @internal */\r\n  onHover?: () => any;\r\n  /* @internal */\r\n  isSelected?: boolean;\r\n  /** @internal */\r\n  parentMenu?: ContextMenu;\r\n}\r\n\r\n/** @internal */\r\ninterface ContextMenuItemState {\r\n  hotKey?: string;\r\n}\r\n\r\n/**\r\n * Menu Item class for use within a [[ContextMenu]] component.\r\n * @public\r\n */\r\nexport class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {\r\n  private _root: HTMLElement | null = null;\r\n  private _lastChildren: React.ReactNode;\r\n  private _parsedChildren: React.ReactNode;\r\n  /** @internal */\r\n  public static defaultProps: Partial<ContextMenuItemProps> = {\r\n    disabled: false,\r\n    hidden: false,\r\n    isSelected: false,\r\n  };\r\n  constructor(props: ContextMenuItemProps) {\r\n    super(props);\r\n  }\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContextMenuItemState> = {};\r\n  public override render(): JSX.Element {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { onClick, className, style, onSelect, icon, disabled, hidden, onHover, isSelected, parentMenu, onHotKeyParsed, badgeType, iconRight,\r\n      hideIconContainer, ...props } = this.props;\r\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\r\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\r\n\r\n    if (this._lastChildren !== this.props.children) {\r\n      this._parsedChildren = TildeFinder.findAfterTilde(this.props.children).node;\r\n      this._lastChildren = this.props.children;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        {...props}\r\n        ref={(el) => { this._root = el; }}\r\n        onClick={this._handleClick}\r\n        style={style}\r\n        onFocus={this._handleFocus}\r\n        onKeyUp={this._handleKeyUp}\r\n        onMouseOver={this._handleMouseOver}\r\n        data-testid={\"core-context-menu-item\"}\r\n        className={classnames(\"core-context-menu-item\", className,\r\n          isDisabled && \"core-context-menu-disabled\",\r\n          isHidden && \"core-context-menu-hidden\",\r\n          isSelected && \"core-context-menu-is-selected\")\r\n        }\r\n        role=\"menuitem\"\r\n        tabIndex={isSelected ? 0 : -1}\r\n        aria-disabled={isDisabled}\r\n        aria-hidden={isHidden}\r\n      >\r\n        {!hideIconContainer && <div className=\"core-context-menu-icon\">\r\n          {icon !== undefined && <Icon iconSpec={icon} />}\r\n        </div>}\r\n        <div className={\"core-context-menu-content\"}>\r\n          {this._parsedChildren}\r\n        </div>\r\n        {iconRight &&\r\n          <div className={classnames(\"core-context-menu-icon\", \"core-context-menu-icon-right\")}>\r\n            <Icon iconSpec={iconRight} />\r\n          </div>\r\n        }\r\n        {badge &&\r\n          <div className=\"core-context-menu-badge\">\r\n            {badge}\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this._updateHotkey(this.props.children);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ContextMenuItemProps) {\r\n    if (this.props.children !== prevProps.children) {\r\n      this._updateHotkey(this.props.children);\r\n    }\r\n  }\r\n\r\n  private _updateHotkey = (node: React.ReactNode) => {\r\n    let hotKey: string | undefined;\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\r\n    if (!isDisabled && !isHidden)\r\n      hotKey = TildeFinder.findAfterTilde(node).character;\r\n    else\r\n      hotKey = undefined;\r\n    if (hotKey && hotKey !== this.state.hotKey) {\r\n      this.setState({ hotKey });\r\n      if (this.props.onHotKeyParsed)\r\n        this.props.onHotKeyParsed(hotKey);\r\n    }\r\n  };\r\n\r\n  private _handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    // istanbul ignore else\r\n    if (this._root && this._root.style.visibility !== \"hidden\" && this.props.onHover) {\r\n      this.props.onHover();\r\n    }\r\n  };\r\n\r\n  public select = () => {\r\n    // istanbul ignore else\r\n    if (this._root) {\r\n      this._root.click();\r\n      if (this.props.parentMenu && this.props.parentMenu.props.parentSubmenu)\r\n        this.props.parentMenu.props.parentSubmenu.close(true);\r\n    }\r\n  };\r\n\r\n  private _handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    if (isDisabled)\r\n      return;\r\n\r\n    if (this.props.onClick)\r\n      this.props.onClick(event);\r\n    if (this.props.onSelect)\r\n      this.props.onSelect(event);\r\n  };\r\n\r\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    if (event.key === SpecialKey.Enter && this.props.onSelect !== undefined && !isDisabled) {\r\n      this.props.onSelect(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"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 { BadgeType, ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"../utils/Props\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\n\n/** Properties for the [[ContextMenuItem]] component\n * @public\n */\nexport interface ContextMenuItemProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"disabled\" | \"hidden\">, 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  badgeType?: BadgeType;\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\n/** @internal */\ninterface ContextMenuItemState {\n  hotKey?: string;\n}\n\n/**\n * Menu Item class for use within a [[ContextMenu]] component.\n * @public\n */\nexport class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {\n  private _root: HTMLElement | null = null;\n  private _lastChildren: React.ReactNode;\n  private _parsedChildren: React.ReactNode;\n  /** @internal */\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  /** @internal */\n  public override readonly state: Readonly<ContextMenuItemState> = {};\n  public override render(): JSX.Element {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { onClick, className, style, onSelect, icon, disabled, hidden, onHover, isSelected, parentMenu, onHotKeyParsed, badgeType, iconRight,\n      hideIconContainer, ...props } = this.props;\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\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(this.props.children).node;\n      this._lastChildren = this.props.children;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={(el) => { this._root = el; }}\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(\"core-context-menu-item\", 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 && <div className=\"core-context-menu-icon\">\n          {icon !== undefined && <Icon iconSpec={icon} />}\n        </div>}\n        <div className={\"core-context-menu-content\"}>\n          {this._parsedChildren}\n        </div>\n        {iconRight &&\n          <div className={classnames(\"core-context-menu-icon\", \"core-context-menu-icon-right\")}>\n            <Icon iconSpec={iconRight} />\n          </div>\n        }\n        {badge &&\n          <div className=\"core-context-menu-badge\">\n            {badge}\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\n      hotKey = undefined;\n    if (hotKey && hotKey !== this.state.hotKey) {\n      this.setState({ hotKey });\n      if (this.props.onHotKeyParsed)\n        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    // istanbul ignore else\n    if (this._root && this._root.style.visibility !== \"hidden\" && this.props.onHover) {\n      this.props.onHover();\n    }\n  };\n\n  public select = () => {\n    // istanbul ignore else\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)\n      return;\n\n    if (this.props.onClick)\n      this.props.onClick(event);\n    if (this.props.onSelect)\n      this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    if (event.key === SpecialKey.Enter && this.props.onSelect !== undefined && !isDisabled) {\n      this.props.onSelect(event);\n    }\n  };\n}\n"]}