@itwin/core-react 4.1.0 → 4.2.0

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

@@ -1,236 +1,236 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "../inputs/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);
-
-  &:hover {
-    color: var(--iui-color-text-hover);
-    cursor: auto;
-  }
-
-  width: 0px;
-  height: 0px;
-  position: relative;
-
-  @include uicore-z-index(context-menu-z);
-
-  .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;
-
-        &.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 {
-        flex-shrink: 0;
-        flex-grow: 0;
-        margin-left: $uicore-unbordered-padding;
-        width: $uicore-icons-small;
-        height: var(--iui-size-l);
-        font-size: calc(var(--iui-font-size-2) * 0.5);
-        line-height: var(--iui-size-l);
-        text-align: center;
-      }
-    }
-  }
-
-  .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
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "../inputs/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);
+
+  &:hover {
+    color: var(--iui-color-text-hover);
+    cursor: auto;
+  }
+
+  width: 0px;
+  height: 0px;
+  position: relative;
+
+  @include uicore-z-index(context-menu-z);
+
+  .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;
+
+        &.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 {
+        flex-shrink: 0;
+        flex-grow: 0;
+        margin-left: $uicore-unbordered-padding;
+        width: $uicore-icons-small;
+        height: var(--iui-size-l);
+        font-size: calc(var(--iui-font-size-2) * 0.5);
+        line-height: var(--iui-size-l);
+        text-align: center;
+      }
+    }
+  }
+
+  .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/cjs/core-react/contextmenu/ContextMenuDirection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDirection.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,IAAI,KAAK;IACT,OAAO,aAAa;IAAE,GAAG,QAAQ;IAAE,QAAQ,cAAc;IACzD,IAAI,SAAS;IAAE,MAAM,WAAW;IAAE,KAAK,UAAU;IACjD,UAAU,gBAAgB;IAAE,MAAM,WAAW;IAAE,WAAW,iBAAiB;CAC5E"}
+{"version":3,"file":"ContextMenuDirection.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;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/cjs/core-react/contextmenu/ContextMenuDirection.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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;;;gGAGgG;AAChG;;GAEG;;;AAEH;;GAEG;AACH,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,GAApB,4BAAoB,KAApB,4BAAoB,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 */\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\",\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/cjs/core-react/contextmenu/ContextMenuDivider.d.ts

@@ -8,6 +8,6 @@ import type { CommonProps } from "../utils/Props";
  * @public
  */
 export declare class ContextMenuDivider extends React.PureComponent<CommonProps> {
-    render(): JSX.Element;
+    render(): React.ReactElement;
 }
 //# sourceMappingURL=ContextMenuDivider.d.ts.map

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

@@ -1 +1 @@
-{"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;AAElD;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM,IAAI,GAAG,CAAC,OAAO;CAMtC"}
+{"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;AAElD;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM,IAAI,KAAK,CAAC,YAAY;CAU7C"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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 type { 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;;;gGAGgG;AAChG;;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,gCACM,KAAK,iBACG,2BAA2B,EACvC,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,GAC7D,CACH,CAAC;IACJ,CAAC;CACF;AAXD,gDAWC","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/**\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(): 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/cjs/core-react/contextmenu/ContextMenuItem.d.ts

@@ -49,7 +49,7 @@ export declare class ContextMenuItem extends React.PureComponent<ContextMenuItem
     constructor(props: ContextMenuItemProps);
     /** @internal */
     readonly state: Readonly<ContextMenuItemState>;
-    render(): JSX.Element;
+    render(): React.ReactElement;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ContextMenuItemProps): void;
     private _updateHotkey;

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

@@ -1 +1 @@
-{"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;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAc,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,EAAE,WAAW;IAC7H,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,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,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,gBAAgB;AAChB,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAClG,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,eAAe,CAAkB;IACzC,gBAAgB;IAChB,OAAc,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAIvD;gBACU,KAAK,EAAE,oBAAoB;IAGvC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAM;IACpD,MAAM,IAAI,GAAG,CAAC,OAAO;IAqDrB,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,oBAAoB;IAMlE,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEK,MAAM,aAOX;IAEF,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,YAAY,CAKlB;CACH"}
+{"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;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAc,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;GAEG;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,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,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,gBAAgB;AAChB,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,gBAAgB;IAChB,OAAc,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAIvD;gBACU,KAAK,EAAE,oBAAoB;IAGvC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAM;IACpD,MAAM,IAAI,KAAK,CAAC,YAAY;IA6E5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,oBAAoB;IAMlE,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAStB;IAEK,MAAM,aAOX;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,YAAY,CASlB;CACH"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -43,7 +43,9 @@ class ContextMenuItem extends React.PureComponent {
         };
         this._handleMouseOver = (_event) => {
             // istanbul ignore else
-            if (this._root && this._root.style.visibility !== "hidden" && this.props.onHover) {
+            if (this._root &&
+                this._root.style.visibility !== "hidden" &&
+                this.props.onHover) {
                 this.props.onHover();
             }
         };
@@ -66,7 +68,9 @@ class ContextMenuItem extends React.PureComponent {
         };
         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) {
+            if (event.key === appui_abstract_1.SpecialKey.Enter &&
+                this.props.onSelect !== undefined &&
+                !isDisabled) {
                 this.props.onSelect(event);
             }
         };
@@ -81,14 +85,14 @@ class ContextMenuItem extends React.PureComponent {
             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 })),
+        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)));
+            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);