@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1,54 +1,54 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[PopupContextMenu]] component
- * @public
- */
-export interface PopupContextMenuProps extends CommonProps {
-    /** Indicates whether the popup is shown or not (defaults to false) */
-    isOpen: boolean;
-    /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */
-    position?: RelativePosition;
-    /** Target element to position popup */
-    target?: HTMLElement | null;
-    /** Function called when the popup is opened */
-    onOpen?: () => void;
-    /** Function called when user clicks outside the popup  */
-    onOutsideClick?: (e: MouseEvent) => void;
-    /** Function called when the popup is closed */
-    onClose?: () => void;
-    /** Function called when the popup is closed on Enter */
-    onEnter?: () => void;
-    /** Top position (absolute positioning - defaults to 0) */
-    top?: number;
-    /** Left position (absolute positioning - defaults to 0) */
-    left?: number;
-    /** Offset from the parent (defaults to 4) */
-    offset?: number;
-    /** accessibility label */
-    ariaLabel?: string;
-    /** Indicates whether to use animation for open/close (defaults to true) */
-    animate?: boolean;
-    /** When list item or submenu is selected */
-    onSelect?: (event: React.MouseEvent | undefined) => void;
-    /** when Escape button is pressed */
-    onEsc?: (event: React.KeyboardEvent) => void;
-    /** 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;
-    /** ContextMenu items */
-    children?: React.ReactNode;
-}
-/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
- * @public
- */
-export declare function PopupContextMenu(props: PopupContextMenuProps): JSX.Element;
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { CommonProps } from "../utils/Props";
+/** Properties for [[PopupContextMenu]] component
+ * @public
+ */
+export interface PopupContextMenuProps extends CommonProps {
+    /** Indicates whether the popup is shown or not (defaults to false) */
+    isOpen: boolean;
+    /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */
+    position?: RelativePosition;
+    /** Target element to position popup */
+    target?: HTMLElement | null;
+    /** Function called when the popup is opened */
+    onOpen?: () => void;
+    /** Function called when user clicks outside the popup  */
+    onOutsideClick?: (e: MouseEvent) => void;
+    /** Function called when the popup is closed */
+    onClose?: () => void;
+    /** Function called when the popup is closed on Enter */
+    onEnter?: () => void;
+    /** Top position (absolute positioning - defaults to 0) */
+    top?: number;
+    /** Left position (absolute positioning - defaults to 0) */
+    left?: number;
+    /** Offset from the parent (defaults to 4) */
+    offset?: number;
+    /** accessibility label */
+    ariaLabel?: string;
+    /** Indicates whether to use animation for open/close (defaults to true) */
+    animate?: boolean;
+    /** When list item or submenu is selected */
+    onSelect?: (event: React.MouseEvent | undefined) => void;
+    /** when Escape button is pressed */
+    onEsc?: (event: React.KeyboardEvent) => void;
+    /** 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;
+    /** ContextMenu items */
+    children?: React.ReactNode;
+}
+/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
+ * @public
+ */
+export declare function PopupContextMenu(props: PopupContextMenuProps): JSX.Element;
 //# sourceMappingURL=PopupContextMenu.d.ts.map

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

@@ -1,52 +1,52 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { Popup } from "../popup/Popup";
-import { ContextMenu } from "./ContextMenu";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
- * @public
- */
-export function PopupContextMenu(props) {
-    const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;
-    const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
-    return (React.createElement(Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
-        React.createElement(ContextMenu, { opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
-}
-function getContextMenuDirectionFromRelativePosition(relativePosition) {
-    let menuDirection = ContextMenuDirection.Bottom;
-    switch (relativePosition) {
-        case RelativePosition.Top:
-            menuDirection = ContextMenuDirection.Top;
-            break;
-        case RelativePosition.TopLeft:
-            menuDirection = ContextMenuDirection.TopRight;
-            break;
-        case RelativePosition.TopRight:
-            menuDirection = ContextMenuDirection.TopLeft;
-            break;
-        case RelativePosition.Left:
-            menuDirection = ContextMenuDirection.Left;
-            break;
-        case RelativePosition.Right:
-            menuDirection = ContextMenuDirection.Right;
-            break;
-        case RelativePosition.Bottom:
-            menuDirection = ContextMenuDirection.Bottom;
-            break;
-        case RelativePosition.BottomLeft:
-            menuDirection = ContextMenuDirection.BottomRight;
-            break;
-        case RelativePosition.BottomRight:
-            menuDirection = ContextMenuDirection.BottomLeft;
-            break;
-    }
-    return menuDirection;
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { Popup } from "../popup/Popup";
+import { ContextMenu } from "./ContextMenu";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { ContextMenuDirection } from "./ContextMenuDirection";
+/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
+ * @public
+ */
+export function PopupContextMenu(props) {
+    const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;
+    const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
+    return (React.createElement(Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
+        React.createElement(ContextMenu, { opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
+}
+function getContextMenuDirectionFromRelativePosition(relativePosition) {
+    let menuDirection = ContextMenuDirection.Bottom;
+    switch (relativePosition) {
+        case RelativePosition.Top:
+            menuDirection = ContextMenuDirection.Top;
+            break;
+        case RelativePosition.TopLeft:
+            menuDirection = ContextMenuDirection.TopRight;
+            break;
+        case RelativePosition.TopRight:
+            menuDirection = ContextMenuDirection.TopLeft;
+            break;
+        case RelativePosition.Left:
+            menuDirection = ContextMenuDirection.Left;
+            break;
+        case RelativePosition.Right:
+            menuDirection = ContextMenuDirection.Right;
+            break;
+        case RelativePosition.Bottom:
+            menuDirection = ContextMenuDirection.Bottom;
+            break;
+        case RelativePosition.BottomLeft:
+            menuDirection = ContextMenuDirection.BottomRight;
+            break;
+        case RelativePosition.BottomRight:
+            menuDirection = ContextMenuDirection.BottomLeft;
+            break;
+    }
+    return menuDirection;
+}
 //# sourceMappingURL=PopupContextMenu.js.map

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

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-/** Finds a tilde character in ContextMenu item label for hot key support
- * @internal
- */
-export declare class TildeFinder {
-    /**
-     * Find character following a tilde character within a React.ReactNode.
-     * @param node react node to search within for a tilde.
-     * @returns character that was found, and the same node with tilde removed, and following character with an underline.
-     */
-    static findAfterTilde: (node: React.ReactNode) => {
-        character: string | undefined;
-        node: React.ReactNode;
-    };
-}
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+/** Finds a tilde character in ContextMenu item label for hot key support
+ * @internal
+ */
+export declare class TildeFinder {
+    /**
+     * Find character following a tilde character within a React.ReactNode.
+     * @param node react node to search within for a tilde.
+     * @returns character that was found, and the same node with tilde removed, and following character with an underline.
+     */
+    static findAfterTilde: (node: React.ReactNode) => {
+        character: string | undefined;
+        node: React.ReactNode;
+    };
+}
 //# sourceMappingURL=TildeFinder.d.ts.map

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

@@ -1,67 +1,68 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** Finds a tilde character in ContextMenu item label for hot key support
- * @internal
- */
-export class TildeFinder {
-}
-/**
- * Find character following a tilde character within a React.ReactNode.
- * @param node react node to search within for a tilde.
- * @returns character that was found, and the same node with tilde removed, and following character with an underline.
- */
-TildeFinder.findAfterTilde = (node) => {
-    if (typeof node === "string") {
-        // String
-        const tildeIndex = node.indexOf("~");
-        if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {
-            const ch = node.charAt(tildeIndex + 1);
-            const s1 = node.substring(0, tildeIndex);
-            const n = React.createElement("u", { key: "hotkey" }, ch);
-            const s2 = node.substring(tildeIndex + 2);
-            return { character: ch.toUpperCase(), node: [s1, n, s2] };
-        }
-    }
-    else if (node && typeof node === "object") {
-        if (Array.isArray(node)) {
-            // Array
-            let ret = { character: undefined, node };
-            node = node.map((child) => {
-                const r = TildeFinder.findAfterTilde(child);
-                if (r.character) { // if character is found, modify node instead of returning unmodified child.
-                    ret = r;
-                    return r.node;
-                }
-                return child;
-            });
-            if (ret.character) {
-                return { character: ret.character, node };
-            }
-        }
-        else if ("props" in node) {
-            // React Node
-            const ret = { character: undefined, node };
-            ret.node = React.cloneElement(node, {
-                children: React.Children.map(node.props.children, (child) => {
-                    const r = TildeFinder.findAfterTilde(child);
-                    if (r.character) { // if character is found, modify node instead of returning unmodified child.
-                        ret.character = r.character;
-                        return r.node;
-                    }
-                    return child;
-                }),
-            });
-            if (ret.character) {
-                return ret;
-            }
-        }
-    }
-    return { character: undefined, node };
-};
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Finds a tilde character in ContextMenu item label for hot key support
+ * @internal
+ */
+class TildeFinder {
+}
+/**
+ * Find character following a tilde character within a React.ReactNode.
+ * @param node react node to search within for a tilde.
+ * @returns character that was found, and the same node with tilde removed, and following character with an underline.
+ */
+TildeFinder.findAfterTilde = (node) => {
+    if (typeof node === "string") {
+        // String
+        const tildeIndex = node.indexOf("~");
+        if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {
+            const ch = node.charAt(tildeIndex + 1);
+            const s1 = node.substring(0, tildeIndex);
+            const n = React.createElement("u", { key: "hotkey" }, ch);
+            const s2 = node.substring(tildeIndex + 2);
+            return { character: ch.toUpperCase(), node: [s1, n, s2] };
+        }
+    }
+    else if (node && typeof node === "object") {
+        if (Array.isArray(node)) {
+            // Array
+            let ret = { character: undefined, node };
+            node = node.map((child) => {
+                const r = TildeFinder.findAfterTilde(child);
+                if (r.character) { // if character is found, modify node instead of returning unmodified child.
+                    ret = r;
+                    return r.node;
+                }
+                return child;
+            });
+            if (ret.character) {
+                return { character: ret.character, node };
+            }
+        }
+        else if ("props" in node) {
+            // React Node
+            const ret = { character: undefined, node };
+            ret.node = React.cloneElement(node, {
+                children: React.Children.map(node.props.children, (child) => {
+                    const r = TildeFinder.findAfterTilde(child);
+                    if (r.character) { // if character is found, modify node instead of returning unmodified child.
+                        ret.character = r.character;
+                        return r.node;
+                    }
+                    return child;
+                }),
+            });
+            if (ret.character) {
+                return ret;
+            }
+        }
+    }
+    return { character: undefined, node };
+};
+export { TildeFinder };
 //# sourceMappingURL=TildeFinder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TildeFinder.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/TildeFinder.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,OAAO,WAAW;;AACtB;;;;GAIG;AACW,0BAAc,GAAG,CAAC,IAAqB,EAA4D,EAAE;IACjH,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,SAAS;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACtD,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YACzC,MAAM,CAAC,GAAG,2BAAG,GAAG,EAAC,QAAQ,IAAE,EAAE,CAAK,CAAC;YACnC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAC1C,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;SAC3D;KACF;SAAM,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvB,QAAQ;YACR,IAAI,GAAG,GAA6D,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YACnG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,4EAA4E;oBAC7F,GAAG,GAAG,CAAC,CAAC;oBACR,OAAO,CAAC,CAAC,IAAI,CAAC;iBACf;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE;gBACjB,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;aAC3C;SACF;aAAM,IAAI,OAAO,IAAI,IAAI,EAAE;YAC1B,aAAa;YACb,MAAM,GAAG,GAA6D,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YACrG,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAA2B,EAAE,CAAC,KAAsB,EAAE,EAAE;oBAC9F,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,4EAA4E;wBAC7F,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;wBAC5B,OAAO,CAAC,CAAC,IAAI,CAAC;qBACf;oBACD,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC;aACH,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE;gBACjB,OAAO,GAAG,CAAC;aACZ;SACF;KACF;IACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACxC,CAAC,CAAC","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\n\r\n/** Finds a tilde character in ContextMenu item label for hot key support\r\n * @internal\r\n */\r\nexport class TildeFinder {\r\n  /**\r\n   * Find character following a tilde character within a React.ReactNode.\r\n   * @param node react node to search within for a tilde.\r\n   * @returns character that was found, and the same node with tilde removed, and following character with an underline.\r\n   */\r\n  public static findAfterTilde = (node: React.ReactNode): { character: string | undefined, node: React.ReactNode } => {\r\n    if (typeof node === \"string\") {\r\n      // String\r\n      const tildeIndex = node.indexOf(\"~\");\r\n      if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {\r\n        const ch = node.charAt(tildeIndex + 1);\r\n        const s1 = node.substring(0, tildeIndex);\r\n        const n = <u key=\"hotkey\">{ch}</u>;\r\n        const s2 = node.substring(tildeIndex + 2);\r\n        return { character: ch.toUpperCase(), node: [s1, n, s2] };\r\n      }\r\n    } else if (node && typeof node === \"object\") {\r\n      if (Array.isArray(node)) {\r\n        // Array\r\n        let ret: { character: string | undefined, node: React.ReactNode } = { character: undefined, node };\r\n        node = node.map((child) => {\r\n          const r = TildeFinder.findAfterTilde(child);\r\n          if (r.character) { // if character is found, modify node instead of returning unmodified child.\r\n            ret = r;\r\n            return r.node;\r\n          }\r\n          return child;\r\n        });\r\n        if (ret.character) {\r\n          return { character: ret.character, node };\r\n        }\r\n      } else if (\"props\" in node) {\r\n        // React Node\r\n        const ret: { character: string | undefined, node: React.ReactNode } = { character: undefined, node };\r\n        ret.node = React.cloneElement(node, {\r\n          children: React.Children.map(node.props.children as React.ReactNode, (child: React.ReactNode) => {\r\n            const r = TildeFinder.findAfterTilde(child);\r\n            if (r.character) { // if character is found, modify node instead of returning unmodified child.\r\n              ret.character = r.character;\r\n              return r.node;\r\n            }\r\n            return child;\r\n          }),\r\n        });\r\n        if (ret.character) {\r\n          return ret;\r\n        }\r\n      }\r\n    }\r\n    return { character: undefined, node };\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"TildeFinder.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/TildeFinder.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAa,WAAW;;AACtB;;;;GAIG;AACW,0BAAc,GAAG,CAAC,IAAqB,EAA4D,EAAE;IACjH,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,SAAS;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACtD,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YACzC,MAAM,CAAC,GAAG,2BAAG,GAAG,EAAC,QAAQ,IAAE,EAAE,CAAK,CAAC;YACnC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAC1C,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;SAC3D;KACF;SAAM,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvB,QAAQ;YACR,IAAI,GAAG,GAA6D,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YACnG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,4EAA4E;oBAC7F,GAAG,GAAG,CAAC,CAAC;oBACR,OAAO,CAAC,CAAC,IAAI,CAAC;iBACf;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE;gBACjB,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;aAC3C;SACF;aAAM,IAAI,OAAO,IAAI,IAAI,EAAE;YAC1B,aAAa;YACb,MAAM,GAAG,GAA6D,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YACrG,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAA2B,EAAE,CAAC,KAAsB,EAAE,EAAE;oBAC9F,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,4EAA4E;wBAC7F,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;wBAC5B,OAAO,CAAC,CAAC,IAAI,CAAC;qBACf;oBACD,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC;aACH,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE;gBACjB,OAAO,GAAG,CAAC;aACZ;SACF;KACF;IACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACxC,CAAC,CAAC;SAnDS,WAAW","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\n\r\n/** Finds a tilde character in ContextMenu item label for hot key support\r\n * @internal\r\n */\r\nexport class TildeFinder {\r\n  /**\r\n   * Find character following a tilde character within a React.ReactNode.\r\n   * @param node react node to search within for a tilde.\r\n   * @returns character that was found, and the same node with tilde removed, and following character with an underline.\r\n   */\r\n  public static findAfterTilde = (node: React.ReactNode): { character: string | undefined, node: React.ReactNode } => {\r\n    if (typeof node === \"string\") {\r\n      // String\r\n      const tildeIndex = node.indexOf(\"~\");\r\n      if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {\r\n        const ch = node.charAt(tildeIndex + 1);\r\n        const s1 = node.substring(0, tildeIndex);\r\n        const n = <u key=\"hotkey\">{ch}</u>;\r\n        const s2 = node.substring(tildeIndex + 2);\r\n        return { character: ch.toUpperCase(), node: [s1, n, s2] };\r\n      }\r\n    } else if (node && typeof node === \"object\") {\r\n      if (Array.isArray(node)) {\r\n        // Array\r\n        let ret: { character: string | undefined, node: React.ReactNode } = { character: undefined, node };\r\n        node = node.map((child) => {\r\n          const r = TildeFinder.findAfterTilde(child);\r\n          if (r.character) { // if character is found, modify node instead of returning unmodified child.\r\n            ret = r;\r\n            return r.node;\r\n          }\r\n          return child;\r\n        });\r\n        if (ret.character) {\r\n          return { character: ret.character, node };\r\n        }\r\n      } else if (\"props\" in node) {\r\n        // React Node\r\n        const ret: { character: string | undefined, node: React.ReactNode } = { character: undefined, node };\r\n        ret.node = React.cloneElement(node, {\r\n          children: React.Children.map(node.props.children as React.ReactNode, (child: React.ReactNode) => {\r\n            const r = TildeFinder.findAfterTilde(child);\r\n            if (r.character) { // if character is found, modify node instead of returning unmodified child.\r\n              ret.character = r.character;\r\n              return r.node;\r\n            }\r\n            return child;\r\n          }),\r\n        });\r\n        if (ret.character) {\r\n          return ret;\r\n        }\r\n      }\r\n    }\r\n    return { character: undefined, node };\r\n  };\r\n}\r\n"]}