@itwin/core-react 4.11.0 → 4.12.0

package/lib/esm/core-react/UiCore.json

@@ -0,0 +1,31 @@
+{
+    "form": {
+        "submitButtonLabel": "Submit",
+        "errorPrefix": "Error:",
+        "errorSuffix": "Please review input and try again."
+    },
+    "general": {
+        "search": "Search",
+        "clear": "Clear"
+    },
+    "dialog": {
+        "ok": "OK",
+        "retry": "Retry",
+        "yes": "Yes",
+        "no": "No",
+        "cancel": "Cancel",
+        "close": "Close",
+        "next": "Next",
+        "previous": "Previous"
+    },
+    "reactselect": {
+        "noSelectOption": "Option not found"
+    },
+    "tree": {
+        "expand": "Expand",
+        "collapse": "Collapse"
+    },
+    "elementSeparator": {
+        "label": "Resizer"
+    }
+}

package/lib/esm/core-react/badge/Badge.d.ts

@@ -1,19 +1,16 @@
 /** @packageDocumentation
  * @module Utilities
  */
-import "./Badge.scss";
 import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Properties for the [[Badge]] React component
+import { BadgeType } from "./BadgeType";
+/** Properties for the [[Badge]] component.
  * @internal
  */
-export interface BadgeProps extends CommonProps {
-    svg: any;
+export interface BadgeProps {
+    type?: BadgeType;
 }
-/** Beta Badge React component
+/** Badge component that renders based on a badge type.
  * @internal
  */
-export declare class Badge extends React.PureComponent<BadgeProps> {
-    render(): React.ReactElement;
-}
+export declare function Badge({ type }: BadgeProps): React.JSX.Element | null;
 //# sourceMappingURL=Badge.d.ts.map

package/lib/esm/core-react/badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,GAAG,EAAE,GAAG,CAAC;CACV;AAED;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IACxC,MAAM,IAAI,KAAK,CAAC,YAAY;CAU7C"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,UAAU,4BAIzC"}

package/lib/esm/core-react/badge/Badge.js

@@ -5,17 +5,18 @@
 /** @packageDocumentation
  * @module Utilities
  */
-import "./Badge.scss";
-import classnames from "classnames";
 import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-/** Beta Badge React component
+import { BadgeType } from "./BadgeType";
+import { TechnicalPreviewBadge } from "./TechnicalPreviewBadge";
+import { NewBadge } from "./NewBadge";
+/** Badge component that renders based on a badge type.
  * @internal
  */
-export class Badge extends React.PureComponent {
-    render() {
-        return (React.createElement("div", { className: classnames("core-badge", this.props.className), style: this.props.style },
-            React.createElement(Icon, { iconSpec: this.props.svg })));
-    }
+export function Badge({ type }) {
+    if (type === BadgeType.TechnicalPreview)
+        return React.createElement(TechnicalPreviewBadge, null);
+    if (type === BadgeType.New)
+        return React.createElement(NewBadge, null);
+    return null;
 }
 //# sourceMappingURL=Badge.js.map

package/lib/esm/core-react/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAS9C;;GAEG;AACH,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,aAAyB;IACxC,MAAM;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACzD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CAC9B,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport \"./Badge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\n\n/** Properties for the [[Badge]] React component\n * @internal\n */\nexport interface BadgeProps extends CommonProps {\n  svg: any;\n}\n\n/** Beta Badge React component\n * @internal\n */\nexport class Badge extends React.PureComponent<BadgeProps> {\n  public override render(): React.ReactElement {\n    return (\n      <div\n        className={classnames(\"core-badge\", this.props.className)}\n        style={this.props.style}\n      >\n        <Icon iconSpec={this.props.svg} />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,EAAc;IACxC,IAAI,IAAI,KAAK,SAAS,CAAC,gBAAgB;QAAE,OAAO,oBAAC,qBAAqB,OAAG,CAAC;IAC1E,IAAI,IAAI,KAAK,SAAS,CAAC,GAAG;QAAE,OAAO,oBAAC,QAAQ,OAAG,CAAC;IAChD,OAAO,IAAI,CAAC;AACd,CAAC","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 Utilities\n */\n\nimport * as React from \"react\";\nimport { BadgeType } from \"./BadgeType\";\nimport { TechnicalPreviewBadge } from \"./TechnicalPreviewBadge\";\nimport { NewBadge } from \"./NewBadge\";\n\n/** Properties for the [[Badge]] component.\n * @internal\n */\nexport interface BadgeProps {\n  type?: BadgeType;\n}\n\n/** Badge component that renders based on a badge type.\n * @internal\n */\nexport function Badge({ type }: BadgeProps) {\n  if (type === BadgeType.TechnicalPreview) return <TechnicalPreviewBadge />;\n  if (type === BadgeType.New) return <NewBadge />;\n  return null;\n}\n"]}

package/lib/{cjs/core-react/badge/BadgeUtilities.d.ts → esm/core-react/badge/BadgeType.d.ts}

@@ -1,7 +1,6 @@
 /** @packageDocumentation
  * @module Utilities
  */
-import * as React from "react";
 import { BadgeType as _BadgeType } from "@itwin/appui-abstract";
 /** Specifies type of badge, if any, that should be overlaid on UI component.
  * @public
@@ -11,11 +10,4 @@ export type BadgeType = _BadgeType;
  * @public
  */
 export declare const BadgeType: typeof _BadgeType;
-/** Converts BadgeType to Badge React component
- * @internal
- */
-export declare class BadgeUtilities {
-    /** Converts BetaType to Badge React component */
-    static getComponentForBadgeType(badgeType?: BadgeType): React.ReactNode;
-}
-//# sourceMappingURL=BadgeUtilities.d.ts.map
+//# sourceMappingURL=BadgeType.d.ts.map

package/lib/esm/core-react/badge/BadgeType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeType.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeType.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,SAAS,mBAAa,CAAC"}

package/lib/esm/core-react/badge/BadgeType.js

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { BadgeType as _BadgeType } from "@itwin/appui-abstract";
+/** Specifies type of badge, if any, that should be overlaid on UI component.
+ * @public
+ */
+export const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+//# sourceMappingURL=BadgeType.js.map

package/lib/esm/core-react/badge/BadgeType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeType.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeType.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAOhE;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,+EAA+E","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 Utilities\n */\n\nimport { BadgeType as _BadgeType } from \"@itwin/appui-abstract\";\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport type BadgeType = _BadgeType; // eslint-disable-line deprecation/deprecation\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\n"]}

package/lib/esm/core-react/badge/NewBadge.d.ts

@@ -3,9 +3,8 @@
  */
 import "./NewBadge.scss";
 import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** New Badge React component
+/** New badge component.
  * @internal
  */
-export declare function NewBadge(props: CommonProps): React.JSX.Element;
+export declare function NewBadge(): React.JSX.Element;
 //# sourceMappingURL=NewBadge.d.ts.map

package/lib/esm/core-react/badge/NewBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,qBAS1C"}
+{"version":3,"file":"NewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,QAAQ,sBAYvB"}

package/lib/esm/core-react/badge/NewBadge.js

@@ -6,15 +6,14 @@
  * @module Utilities
  */
 import "./NewBadge.scss";
-import classnames from "classnames";
 import * as React from "react";
-import { Badge } from "./Badge";
-import newBadgeIcon from "./new-feature-badge.svg";
-/** New Badge React component
+import { Icon } from "@itwin/itwinui-react";
+/** New badge component.
  * @internal
  */
-export function NewBadge(props) {
-    const { className, ...badgeProps } = props;
-    return (React.createElement(Badge, { ...badgeProps, className: classnames("core-new-badge", className), svg: newBadgeIcon }));
+export function NewBadge() {
+    return (React.createElement(Icon, { className: "core-badge-newBadge" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16" },
+            React.createElement("path", { d: "m15 0h-14c-.4 0-.8.2-.9.6s-.1.8.2 1.1l14 14c.2.2.4.3.7.3.1 0 .3 0 .4-.1.4-.2.6-.5.6-.9v-14c0-.6-.4-1-1-1m-4 7c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2" }))));
 }
 //# sourceMappingURL=NewBadge.js.map

package/lib/esm/core-react/badge/NewBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAkB;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CACL,oBAAC,KAAK,OACA,UAAU,EACd,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,GAAG,EAAE,YAAY,GACjB,CACH,CAAC;AACJ,CAAC","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 Utilities\n */\n\nimport \"./NewBadge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport newBadgeIcon from \"./new-feature-badge.svg\";\n\n/** New Badge React component\n * @internal\n */\nexport function NewBadge(props: CommonProps) {\n  const { className, ...badgeProps } = props;\n  return (\n    <Badge\n      {...badgeProps}\n      className={classnames(\"core-new-badge\", className)}\n      svg={newBadgeIcon}\n    />\n  );\n}\n"]}
+{"version":3,"file":"NewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB;QACnC,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,gBAAgB,EAAC,eAAe;YAEhC,8BAAM,CAAC,EAAC,0JAA0J,GAAG,CACjK,CACD,CACR,CAAC;AACJ,CAAC","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 Utilities\n */\n\nimport \"./NewBadge.scss\";\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/itwinui-react\";\n\n/** New badge component.\n * @internal\n */\nexport function NewBadge() {\n  return (\n    <Icon className=\"core-badge-newBadge\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 16 16\"\n        enableBackground=\"new 0 0 16 16\"\n      >\n        <path d=\"m15 0h-14c-.4 0-.8.2-.9.6s-.1.8.2 1.1l14 14c.2.2.4.3.7.3.1 0 .3 0 .4-.1.4-.2.6-.5.6-.9v-14c0-.6-.4-1-1-1m-4 7c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2\" />\n      </svg>\n    </Icon>\n  );\n}\n"]}

package/lib/esm/core-react/badge/NewBadge.scss

@@ -2,8 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-.core-new-badge {
+.core-badge-newBadge {
   color: var(--iui-color-text-positive);
+  transform: rotate(270deg);
 }

package/lib/esm/core-react/badge/TechnicalPreviewBadge.d.ts

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import "./TechnicalPreviewBadge.scss";
+import * as React from "react";
+/** Technical preview badge component.
+ * @internal
+ */
+export declare function TechnicalPreviewBadge(): React.JSX.Element;
+//# sourceMappingURL=TechnicalPreviewBadge.d.ts.map

package/lib/esm/core-react/badge/TechnicalPreviewBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnicalPreviewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/TechnicalPreviewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,qBAAqB,sBAoCpC"}

package/lib/esm/core-react/badge/TechnicalPreviewBadge.js

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import "./TechnicalPreviewBadge.scss";
+import * as React from "react";
+import { Icon } from "@itwin/itwinui-react";
+/** Technical preview badge component.
+ * @internal
+ */
+export function TechnicalPreviewBadge() {
+    return (React.createElement(Icon, { className: "core-badge-technicalPreviewBadge" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 16 16" },
+            React.createElement("defs", null,
+                React.createElement("linearGradient", { id: "a", x1: "8", y1: "15", x2: "8", y2: "1", gradientUnits: "userSpaceOnUse" },
+                    React.createElement("stop", { offset: "0", stopColor: "#ffc335" }),
+                    React.createElement("stop", { offset: "1", stopColor: "#ffdf52" }))),
+            React.createElement("path", { d: "M15,1V15L1,1H15", fill: "url(#a)" }),
+            React.createElement("path", { d: "M15,1V15L1,1H15m0-1H1A.87458.87458,0,0,0,.1.6.91284.91284,0,0,0,.3,1.7l14,14a.90783.90783,0,0,0,.7.3.60123.60123,0,0,0,.4-.1A.961.961,0,0,0,16,15V1A.94477.94477,0,0,0,15,0Z", fill: "#ffc000" }),
+            React.createElement("circle", { cx: "11", cy: "5", r: "2", opacity: "0.9", style: { isolation: "isolate" } }))));
+}
+//# sourceMappingURL=TechnicalPreviewBadge.js.map

package/lib/esm/core-react/badge/TechnicalPreviewBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnicalPreviewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/TechnicalPreviewBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC;QAChD,6BACE,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAC,WAAW;YAEnB;gBACE,wCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,aAAa,EAAC,gBAAgB;oBAE9B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG;oBACvC,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,CACxB,CACZ;YACP,8BAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,GAAG;YAC3C,8BACE,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd;YACF,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,OAAO,EAAC,KAAK,EACb,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAC/B,CACE,CACD,CACR,CAAC;AACJ,CAAC","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 Utilities\n */\n\nimport \"./TechnicalPreviewBadge.scss\";\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/itwinui-react\";\n\n/** Technical preview badge component.\n * @internal\n */\nexport function TechnicalPreviewBadge() {\n  return (\n    <Icon className=\"core-badge-technicalPreviewBadge\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n        viewBox=\"0 0 16 16\"\n      >\n        <defs>\n          <linearGradient\n            id=\"a\"\n            x1=\"8\"\n            y1=\"15\"\n            x2=\"8\"\n            y2=\"1\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop offset=\"0\" stopColor=\"#ffc335\" />\n            <stop offset=\"1\" stopColor=\"#ffdf52\" />\n          </linearGradient>\n        </defs>\n        <path d=\"M15,1V15L1,1H15\" fill=\"url(#a)\" />\n        <path\n          d=\"M15,1V15L1,1H15m0-1H1A.87458.87458,0,0,0,.1.6.91284.91284,0,0,0,.3,1.7l14,14a.90783.90783,0,0,0,.7.3.60123.60123,0,0,0,.4-.1A.961.961,0,0,0,16,15V1A.94477.94477,0,0,0,15,0Z\"\n          fill=\"#ffc000\"\n        />\n        <circle\n          cx=\"11\"\n          cy=\"5\"\n          r=\"2\"\n          opacity=\"0.9\"\n          style={{ isolation: \"isolate\" }}\n        />\n      </svg>\n    </Icon>\n  );\n}\n"]}

package/lib/esm/core-react/badge/{Badge.scss → TechnicalPreviewBadge.scss}

@@ -2,12 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-$icon-size: 16px;
-
-.core-badge {
+.core-badge-technicalPreviewBadge {
   transform: rotate(270deg);
-  width: $icon-size;
-  height: $icon-size;
 }

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

@@ -5,7 +5,7 @@ import * as React from "react";
 import { ConditionalBooleanValue } from "@itwin/appui-abstract";
 import type { CommonProps } from "../utils/Props";
 import type { ContextMenu } from "./ContextMenu";
-import type { BadgeType } from "../badge/BadgeUtilities";
+import type { BadgeType } from "../badge/BadgeType";
 import type { IconSpec } from "../icons/IconComponent";
 /** Properties for the [[ContextMenuItem]] component
  * @public

package/lib/esm/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;AAG/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,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"}
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIvD;;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;IAgF5B,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/esm/core-react/contextmenu/ContextMenuItem.js

@@ -9,9 +9,9 @@ import * as React from "react";
 import classnames from "classnames";
 import { Key } from "ts-key-enum";
 import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import { BadgeUtilities } from "../badge/BadgeUtilities";
 import { TildeFinder } from "./TildeFinder";
 import { Icon } from "../icons/IconComponent";
+import { Badge } from "../badge/Badge";
 /**
  * Menu Item class for use within a [[ContextMenu]] component.
  * @public
@@ -76,7 +76,6 @@ class ContextMenuItem extends React.PureComponent {
     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.getComponentForBadgeType(badgeType);
         const isDisabled = ConditionalBooleanValue.getValue(disabled);
         const isHidden = ConditionalBooleanValue.getValue(hidden);
         if (this._lastChildren !== this.props.children) {
@@ -90,7 +89,8 @@ class ContextMenuItem extends React.PureComponent {
             React.createElement("div", { className: "core-context-menu-content" }, this._parsedChildren),
             iconRight && (React.createElement("div", { className: classnames("core-context-menu-icon", "core-context-menu-icon-right") },
                 React.createElement(Icon, { iconSpec: iconRight }))),
-            badge && React.createElement("div", { className: "core-context-menu-badge" }, badge)));
+            badgeType && (React.createElement("div", { className: "core-context-menu-badge" },
+                React.createElement(Badge, { type: badgeType })))));
     }
     componentDidMount() {
         this._updateHotkey(this.props.children);

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

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

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

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

@@ -11,9 +11,9 @@ import { ConditionalBooleanValue } from "@itwin/appui-abstract";
 import { ContextMenu } from "./ContextMenu";
 import { ContextMenuDirection } from "./ContextMenuDirection";
 import { TildeFinder } from "./TildeFinder";
-import { BadgeUtilities } from "../badge/BadgeUtilities";
 import { Icon } from "../icons/IconComponent";
 import { SvgCaretRightSmall } from "@itwin/itwinui-icons-react";
+import { Badge } from "../badge/Badge";
 /**
  * Submenu wrapper class for use within a [[ContextMenu]] component.
  * @public
@@ -108,7 +108,6 @@ class ContextSubMenu extends React.Component {
             floating,
             parentMenu,
         };
-        const badge = BadgeUtilities.getComponentForBadgeType(badgeType);
         const renderDirection = this.state.direction;
         const isDisabled = ConditionalBooleanValue.getValue(disabled);
         const isHidden = ConditionalBooleanValue.getValue(hidden);
@@ -128,7 +127,8 @@ class ContextSubMenu extends React.Component {
                 React.createElement("div", { className: "core-context-menu-content" }, this._parsedLabel),
                 React.createElement("div", { className: classnames("core-context-submenu-arrow", "icon") },
                     React.createElement(Icon, { iconSpec: React.createElement(SvgCaretRightSmall, null) })),
-                badge && React.createElement("div", { className: "core-context-menu-badge" }, badge)),
+                badgeType && (React.createElement("div", { className: "core-context-menu-badge" },
+                    React.createElement(Badge, { type: badgeType })))),
             React.createElement(ContextMenu, { ref: (el) => {
                     this._menuElement = el;
                 }, className: "core-context-submenu-popup", opened: this.state.opened, direction: renderDirection, parentSubmenu: this, ...contextMenuProps }, children)));

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

@@ -1 +1 @@
-{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.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 { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem\";\nimport type { ContextMenuProps } from \"./ContextMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgCaretRightSmall } from \"@itwin/itwinui-icons-react\";\n\n/** Properties for the [[ContextSubMenu]] component\n * @public\n */\nexport interface ContextSubMenuProps\n  extends Omit<ContextMenuItemProps, \"label\">,\n    Omit<ContextMenuProps, \"label\">,\n    CommonProps {\n  /** Text/jsx to display in the list item */\n  label: string | React.ReactElement;\n  /** @internal */\n  onHotKeyParsed?: (hotKey: string) => void;\n}\n\n/** @internal */\ninterface ContextSubMenuState {\n  opened: boolean;\n  direction: ContextMenuDirection;\n  hotKey?: string;\n}\n\n/**\n * Submenu wrapper class for use within a [[ContextMenu]] component.\n * @public\n */\nexport class ContextSubMenu extends React.Component<\n  ContextSubMenuProps,\n  ContextSubMenuState\n> {\n  private _menuElement: ContextMenu | null = null;\n  private _subMenuElement: HTMLElement | null = null;\n  private _menuButtonElement: HTMLElement | null = null;\n\n  private _lastLabel: React.ReactNode;\n  private _parsedLabel: React.ReactNode;\n\n  public static defaultProps: Partial<ContextSubMenuProps> = {\n    direction: ContextMenuDirection.BottomRight,\n    disabled: false,\n    hidden: false,\n    autoflip: true,\n    isSelected: false,\n    selectedIndex: 0,\n  };\n\n  /** @internal */\n  public override readonly state: Readonly<ContextSubMenuState>;\n  constructor(props: ContextSubMenuProps) {\n    super(props);\n    this.state = {\n      opened: false,\n      direction: props.direction!,\n    };\n  }\n\n  public override render(): React.ReactElement {\n    const {\n      label,\n      opened,\n      direction,\n      onOutsideClick,\n      onEsc,\n      autoflip,\n      edgeLimit,\n      selectedIndex,\n      floating,\n      parentMenu,\n      parentSubmenu,\n      onSelect,\n      icon,\n      disabled,\n      hidden,\n      onHover,\n      isSelected,\n      onHotKeyParsed,\n      children,\n      onClick,\n      className,\n      badgeType,\n      ...props\n    } = this.props;\n\n    const onOutsideClickWrapper = (event: MouseEvent) => {\n      this.close();\n      onOutsideClick && onOutsideClick(event);\n    };\n    const contextMenuProps = {\n      onOutsideClick: onOutsideClickWrapper,\n      onSelect,\n      onEsc,\n      autoflip,\n      edgeLimit,\n      selectedIndex,\n      floating,\n      parentMenu,\n    };\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\n    const renderDirection = this.state.direction;\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\n\n    if (this._lastLabel !== label) {\n      this._parsedLabel = TildeFinder.findAfterTilde(label).node;\n      this._lastLabel = label;\n    }\n    return (\n      <div\n        className={classnames(\n          \"core-context-submenu\",\n          ContextMenu.getCSSClassNameFromDirection(renderDirection),\n          className\n        )}\n        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n        onMouseOver={this._handleMouseOver}\n        ref={(el) => {\n          this._subMenuElement = el;\n        }}\n        data-testid=\"core-context-submenu\"\n        {...props}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={this._handleClick}\n          ref={(el) => {\n            this._menuButtonElement = el;\n          }}\n          className={classnames(\n            \"core-context-menu-item\",\n            \"core-context-submenu-container\",\n            isDisabled && \"core-context-menu-disabled\",\n            isHidden && \"core-context-menu-hidden\",\n            isSelected && \"core-context-menu-is-selected\"\n          )}\n          data-testid=\"core-context-submenu-container\"\n          role=\"menuitem\"\n          tabIndex={isSelected ? 0 : -1}\n          aria-disabled={isDisabled}\n          aria-hidden={isHidden}\n          aria-haspopup={true}\n        >\n          <div className={classnames(\"core-context-menu-icon\", \"icon\", icon)} />\n          <div className={\"core-context-menu-content\"}>{this._parsedLabel}</div>\n          <div className={classnames(\"core-context-submenu-arrow\", \"icon\")}>\n            <Icon iconSpec={<SvgCaretRightSmall />} />\n          </div>\n          {badge && <div className=\"core-context-menu-badge\">{badge}</div>}\n        </div>\n        <ContextMenu\n          ref={(el) => {\n            this._menuElement = el;\n          }}\n          className=\"core-context-submenu-popup\"\n          opened={this.state.opened}\n          direction={renderDirection}\n          parentSubmenu={this}\n          {...contextMenuProps}\n        >\n          {children}\n        </ContextMenu>\n      </div>\n    );\n  }\n\n  public override componentDidMount() {\n    document.addEventListener(\"click\", this._handleClickGlobal);\n    this._updateHotkey(this.props.label);\n\n    this.checkRenderDirection();\n  }\n\n  public override componentWillUnmount() {\n    document.removeEventListener(\"click\", this._handleClickGlobal);\n  }\n\n  public override componentDidUpdate(\n    prevProps: ContextSubMenuProps,\n    prevState: ContextSubMenuState\n  ) {\n    const direction = this.props.direction!;\n    if (\n      (this.state.opened !== prevState.opened &&\n        direction !== this.state.direction) ||\n      prevProps.direction !== direction\n    )\n      this.checkRenderDirection();\n    if (this.props.label !== prevProps.label) {\n      this._updateHotkey(this.props.label);\n    }\n  }\n\n  private getWindow() {\n    const el = this._subMenuElement;\n    const parentDocument = el!.ownerDocument;\n    return parentDocument.defaultView;\n  }\n\n  private checkRenderDirection() {\n    const { autoflip } = this.props;\n    const parentWindow = this.getWindow();\n    let renderDirection = this.state.direction;\n    // istanbul ignore else\n    if (parentWindow && autoflip && this._menuElement) {\n      const menuRect = this._menuElement.getRect();\n      renderDirection = ContextMenu.autoFlip(\n        renderDirection,\n        menuRect,\n        parentWindow.innerWidth,\n        parentWindow.innerHeight\n      );\n      // istanbul ignore next\n      if (renderDirection !== this.state.direction)\n        this.setState({ direction: renderDirection });\n    }\n  }\n\n  private _updateHotkey = (node: React.ReactNode) => {\n    let hotKey: string | undefined;\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\n    if (!isDisabled && !isHidden)\n      hotKey = TildeFinder.findAfterTilde(node).character;\n    else hotKey = undefined;\n    if (hotKey && hotKey !== this.state.hotKey) {\n      this.setState({ hotKey });\n      if (this.props.onHotKeyParsed) this.props.onHotKeyParsed(hotKey);\n    }\n  };\n\n  public select = () => {\n    this.setState({ opened: true }, () => {\n      // istanbul ignore else\n      if (this._menuElement) this._menuElement.focus();\n      if (this.props.onSelect !== undefined) this.props.onSelect(undefined);\n    });\n  };\n\n  public close = (propagate?: boolean) => {\n    this.setState({ opened: false }, () => {\n      // istanbul ignore else\n      if (this._menuElement) this._menuElement.blur();\n    });\n    // istanbul ignore next\n    if (\n      propagate &&\n      this.props.parentMenu &&\n      this.props.parentMenu.props.parentSubmenu\n    ) {\n      this.props.parentMenu.props.parentSubmenu.close(true);\n    }\n  };\n\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\n    // istanbul ignore else\n    if (\n      this._menuButtonElement &&\n      this._menuButtonElement.style.visibility !== \"hidden\" &&\n      this.props.onHover\n    ) {\n      this.props.onHover();\n    }\n  };\n\n  private _handleClick = (event: any) => {\n    event.stopPropagation();\n\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n\n    // istanbul ignore else\n    if (!isDisabled) {\n      // istanbul ignore else\n      if (this.props.onClick !== undefined) this.props.onClick(event);\n      // istanbul ignore next\n      if (this.props.opened) this.close();\n      else this.select();\n    }\n  };\n\n  private _handleClickGlobal = (event: any) => {\n    if (this._subMenuElement && !this._subMenuElement.contains(event.target))\n      this.setState((_prevState) => ({ opened: false }));\n  };\n}\n"]}
+{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.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 { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem\";\nimport type { ContextMenuProps } from \"./ContextMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgCaretRightSmall } from \"@itwin/itwinui-icons-react\";\nimport { Badge } from \"../badge/Badge\";\n\n/** Properties for the [[ContextSubMenu]] component\n * @public\n */\nexport interface ContextSubMenuProps\n  extends Omit<ContextMenuItemProps, \"label\">,\n    Omit<ContextMenuProps, \"label\">,\n    CommonProps {\n  /** Text/jsx to display in the list item */\n  label: string | React.ReactElement;\n  /** @internal */\n  onHotKeyParsed?: (hotKey: string) => void;\n}\n\n/** @internal */\ninterface ContextSubMenuState {\n  opened: boolean;\n  direction: ContextMenuDirection;\n  hotKey?: string;\n}\n\n/**\n * Submenu wrapper class for use within a [[ContextMenu]] component.\n * @public\n */\nexport class ContextSubMenu extends React.Component<\n  ContextSubMenuProps,\n  ContextSubMenuState\n> {\n  private _menuElement: ContextMenu | null = null;\n  private _subMenuElement: HTMLElement | null = null;\n  private _menuButtonElement: HTMLElement | null = null;\n\n  private _lastLabel: React.ReactNode;\n  private _parsedLabel: React.ReactNode;\n\n  public static defaultProps: Partial<ContextSubMenuProps> = {\n    direction: ContextMenuDirection.BottomRight,\n    disabled: false,\n    hidden: false,\n    autoflip: true,\n    isSelected: false,\n    selectedIndex: 0,\n  };\n\n  /** @internal */\n  public override readonly state: Readonly<ContextSubMenuState>;\n  constructor(props: ContextSubMenuProps) {\n    super(props);\n    this.state = {\n      opened: false,\n      direction: props.direction!,\n    };\n  }\n\n  public override render(): React.ReactElement {\n    const {\n      label,\n      opened,\n      direction,\n      onOutsideClick,\n      onEsc,\n      autoflip,\n      edgeLimit,\n      selectedIndex,\n      floating,\n      parentMenu,\n      parentSubmenu,\n      onSelect,\n      icon,\n      disabled,\n      hidden,\n      onHover,\n      isSelected,\n      onHotKeyParsed,\n      children,\n      onClick,\n      className,\n      badgeType,\n      ...props\n    } = this.props;\n\n    const onOutsideClickWrapper = (event: MouseEvent) => {\n      this.close();\n      onOutsideClick && onOutsideClick(event);\n    };\n    const contextMenuProps = {\n      onOutsideClick: onOutsideClickWrapper,\n      onSelect,\n      onEsc,\n      autoflip,\n      edgeLimit,\n      selectedIndex,\n      floating,\n      parentMenu,\n    };\n    const renderDirection = this.state.direction;\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\n\n    if (this._lastLabel !== label) {\n      this._parsedLabel = TildeFinder.findAfterTilde(label).node;\n      this._lastLabel = label;\n    }\n    return (\n      <div\n        className={classnames(\n          \"core-context-submenu\",\n          ContextMenu.getCSSClassNameFromDirection(renderDirection),\n          className\n        )}\n        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\n        onMouseOver={this._handleMouseOver}\n        ref={(el) => {\n          this._subMenuElement = el;\n        }}\n        data-testid=\"core-context-submenu\"\n        {...props}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={this._handleClick}\n          ref={(el) => {\n            this._menuButtonElement = el;\n          }}\n          className={classnames(\n            \"core-context-menu-item\",\n            \"core-context-submenu-container\",\n            isDisabled && \"core-context-menu-disabled\",\n            isHidden && \"core-context-menu-hidden\",\n            isSelected && \"core-context-menu-is-selected\"\n          )}\n          data-testid=\"core-context-submenu-container\"\n          role=\"menuitem\"\n          tabIndex={isSelected ? 0 : -1}\n          aria-disabled={isDisabled}\n          aria-hidden={isHidden}\n          aria-haspopup={true}\n        >\n          <div className={classnames(\"core-context-menu-icon\", \"icon\", icon)} />\n          <div className={\"core-context-menu-content\"}>{this._parsedLabel}</div>\n          <div className={classnames(\"core-context-submenu-arrow\", \"icon\")}>\n            <Icon iconSpec={<SvgCaretRightSmall />} />\n          </div>\n          {badgeType && (\n            <div className=\"core-context-menu-badge\">\n              <Badge type={badgeType} />\n            </div>\n          )}\n        </div>\n        <ContextMenu\n          ref={(el) => {\n            this._menuElement = el;\n          }}\n          className=\"core-context-submenu-popup\"\n          opened={this.state.opened}\n          direction={renderDirection}\n          parentSubmenu={this}\n          {...contextMenuProps}\n        >\n          {children}\n        </ContextMenu>\n      </div>\n    );\n  }\n\n  public override componentDidMount() {\n    document.addEventListener(\"click\", this._handleClickGlobal);\n    this._updateHotkey(this.props.label);\n\n    this.checkRenderDirection();\n  }\n\n  public override componentWillUnmount() {\n    document.removeEventListener(\"click\", this._handleClickGlobal);\n  }\n\n  public override componentDidUpdate(\n    prevProps: ContextSubMenuProps,\n    prevState: ContextSubMenuState\n  ) {\n    const direction = this.props.direction!;\n    if (\n      (this.state.opened !== prevState.opened &&\n        direction !== this.state.direction) ||\n      prevProps.direction !== direction\n    )\n      this.checkRenderDirection();\n    if (this.props.label !== prevProps.label) {\n      this._updateHotkey(this.props.label);\n    }\n  }\n\n  private getWindow() {\n    const el = this._subMenuElement;\n    const parentDocument = el!.ownerDocument;\n    return parentDocument.defaultView;\n  }\n\n  private checkRenderDirection() {\n    const { autoflip } = this.props;\n    const parentWindow = this.getWindow();\n    let renderDirection = this.state.direction;\n    // istanbul ignore else\n    if (parentWindow && autoflip && this._menuElement) {\n      const menuRect = this._menuElement.getRect();\n      renderDirection = ContextMenu.autoFlip(\n        renderDirection,\n        menuRect,\n        parentWindow.innerWidth,\n        parentWindow.innerHeight\n      );\n      // istanbul ignore next\n      if (renderDirection !== this.state.direction)\n        this.setState({ direction: renderDirection });\n    }\n  }\n\n  private _updateHotkey = (node: React.ReactNode) => {\n    let hotKey: string | undefined;\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\n    if (!isDisabled && !isHidden)\n      hotKey = TildeFinder.findAfterTilde(node).character;\n    else hotKey = undefined;\n    if (hotKey && hotKey !== this.state.hotKey) {\n      this.setState({ hotKey });\n      if (this.props.onHotKeyParsed) this.props.onHotKeyParsed(hotKey);\n    }\n  };\n\n  public select = () => {\n    this.setState({ opened: true }, () => {\n      // istanbul ignore else\n      if (this._menuElement) this._menuElement.focus();\n      if (this.props.onSelect !== undefined) this.props.onSelect(undefined);\n    });\n  };\n\n  public close = (propagate?: boolean) => {\n    this.setState({ opened: false }, () => {\n      // istanbul ignore else\n      if (this._menuElement) this._menuElement.blur();\n    });\n    // istanbul ignore next\n    if (\n      propagate &&\n      this.props.parentMenu &&\n      this.props.parentMenu.props.parentSubmenu\n    ) {\n      this.props.parentMenu.props.parentSubmenu.close(true);\n    }\n  };\n\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\n    // istanbul ignore else\n    if (\n      this._menuButtonElement &&\n      this._menuButtonElement.style.visibility !== \"hidden\" &&\n      this.props.onHover\n    ) {\n      this.props.onHover();\n    }\n  };\n\n  private _handleClick = (event: any) => {\n    event.stopPropagation();\n\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n\n    // istanbul ignore else\n    if (!isDisabled) {\n      // istanbul ignore else\n      if (this.props.onClick !== undefined) this.props.onClick(event);\n      // istanbul ignore next\n      if (this.props.opened) this.close();\n      else this.select();\n    }\n  };\n\n  private _handleClickGlobal = (event: any) => {\n    if (this._subMenuElement && !this._subMenuElement.contains(event.target))\n      this.setState((_prevState) => ({ opened: false }));\n  };\n}\n"]}

package/lib/esm/core-react/dialog/Dialog.d.ts

@@ -101,6 +101,7 @@ export declare class Dialog extends React.Component<DialogProps> {
     handleRefSet: (containerDiv: HTMLDivElement | null) => void;
     render(): React.ReactElement;
     private getCSSClassNameFromAlignment;
+    /** @deprecated in 4.12.x. Use iTwinUI Button instead. */
     protected getFooterButtons(buttonCluster: DialogButtonDef[] | undefined, primaryStyleType?: ButtonProps["styleType"], noCoreButtonClasses?: boolean): React.ReactNode[] | undefined;
     private _handleKeyUp;
     protected _handleContainerPointerDown: (event: React.PointerEvent) => void;

package/lib/esm/core-react/dialog/Dialog.d.ts.map

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