@itwin/core-react 4.11.0 → 4.13.0

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # Change Log - @itwin/core-react
 
-This log was last generated on Thu, 21 Mar 2024 16:38:04 GMT and should not be manually modified.
+This log was last generated on Tue, 07 May 2024 08:44:06 GMT and should not be manually modified.
+
+## 4.13.0
+Tue, 07 May 2024 08:44:06 GMT
+
+### Updates
+
+- Deprecate components replaced by iTwinUI equivalents.
+- Deprecate core-react base components.
+- Deprecated all UI event classes.
+- Disabled `onMouseDown` event propagation for `ExpansionToggle`.
+- Fix `Icon` component to render correctly with nested conditional items.
+- Bump `useCrossOriginPopup` to `@public`.
+
+## 4.12.0
+Fri, 05 Apr 2024 09:55:35 GMT
+
+### Updates
+
+- Inline svg of badge components instead of using the `svg-loader`.
+- Add `LocalizationProvider` as an alternative to static package initializer.
 
 ## 4.11.0
 Thu, 21 Mar 2024 16:38:04 GMT

package/ContributeGuidelines.md

@@ -44,7 +44,7 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
 export * from "./core-react/badge/Badge";
 ```
 
-- Localize all strings to be seen by the user and use `Ui*.translate` to get the localized string. Please do **not** use hard-coded strings. The translatable strings should be in a JSON file in the `public/locales/en` of the repository. Example:
+- Localize all strings to be seen by the user and use `useTranslation` hook to get the localized string. Please do **not** use hard-coded strings. The translatable strings should be in a JSON file in the `src/{package-name}/{Package}.json` of the repository. Example:
 
 ```json
 {
@@ -57,7 +57,7 @@ export * from "./core-react/badge/Badge";
 ```
 
 ```typescript
-buttonText = UiCore.translate("dialog.ok");
+buttonText = useTranslation("dialog.ok");
 ```
 
 - Run `npm run extract-api` to update the `*api.md` file for the package

package/lib/cjs/core-react/UiCore.d.ts

@@ -7,8 +7,7 @@ import "./colorvariables.scss";
 import "./layout-variables.scss";
 import "./classes.scss";
 import type { Localization } from "@itwin/core-common";
-/**
- * Manages the Localization service for the core-react package.
+/** Manages the Localization service for the core-react package.
  * @public
  */
 export declare class UiCore {
@@ -23,13 +22,10 @@ export declare class UiCore {
     static terminate(): void;
     /** Determines if UiCore has been initialized */
     static get initialized(): boolean;
-    /** The internationalization service created by the host application.
-     * @internal
-     */
-    static get localization(): Localization;
     /** The internationalization service namespace. */
     static get localizationNamespace(): string;
     /** Calls localization.getLocalizedString with the "UiCore" namespace. Do NOT include the namespace in the key.
+     * @deprecated in 4.12.x. Do not use this internally, this is replaced by `useTranslation`.
      * @internal
      */
     static translate(key: string | string[]): string;

package/lib/cjs/core-react/UiCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiCore.d.ts","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMvD;;;GAGG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAiBzE,oDAAoD;WACtC,SAAS;IAQvB,gDAAgD;IAChD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED;;OAEG;IACH,WAAkB,YAAY,IAAI,YAAY,CAU7C;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAavD,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAK/C"}
+{"version":3,"file":"UiCore.d.ts","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAezE,oDAAoD;WACtC,SAAS;IAQvB,gDAAgD;IAChD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED;;;OAGG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAavD,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAK/C"}

package/lib/cjs/core-react/UiCore.js

@@ -14,12 +14,8 @@ require("./colorvariables.scss");
 require("./layout-variables.scss");
 require("./classes.scss");
 const core_bentley_1 = require("@itwin/core-bentley");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const IconWebComponent_1 = require("./utils/IconWebComponent");
 const getObjectClassName_1 = require("./utils/getObjectClassName");
-// cSpell:ignore colorthemes colorvariables
-/**
- * Manages the Localization service for the core-react package.
+/** Manages the Localization service for the core-react package.
  * @public
  */
 class UiCore {
@@ -34,8 +30,6 @@ class UiCore {
         }
         UiCore._localization = localization;
         await UiCore._localization.registerNamespace(UiCore.localizationNamespace);
-        if (window.customElements.get("svg-loader") === undefined)
-            window.customElements.define("svg-loader", IconWebComponent_1.IconWebComponent);
         UiCore._initialized = true;
     }
     /** Unregisters the UiCore localization namespace */
@@ -49,22 +43,12 @@ class UiCore {
     static get initialized() {
         return UiCore._initialized;
     }
-    /** The internationalization service created by the host application.
-     * @internal
-     */
-    static get localization() {
-        // istanbul ignore else
-        if (!UiCore._localization)
-            // eslint-disable-next-line deprecation/deprecation
-            throw new appui_abstract_1.UiError(UiCore.loggerCategory(this), "localization: UiCore.initialize has not been called. Unable to return Localization object.");
-        // istanbul ignore next
-        return UiCore._localization;
-    }
     /** The internationalization service namespace. */
     static get localizationNamespace() {
         return "UiCore";
     }
     /** Calls localization.getLocalizedString with the "UiCore" namespace. Do NOT include the namespace in the key.
+     * @deprecated in 4.12.x. Do not use this internally, this is replaced by `useTranslation`.
      * @internal
      */
     static translate(key) {

package/lib/cjs/core-react/UiCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAAgD;AAChD,+DAA4D;AAC5D,mEAAgE;AAChE,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CACZ,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAC7B,kCAAkC,CACnC,CAAC;YACF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,mCAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW;QAC3B,OAAO,MAAM,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,mDAAmD;YACnD,MAAM,IAAI,wBAAO,CACf,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAC3B,4FAA4F,CAC7F,CAAC;QACJ,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CACb,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAC3B,4FAA4F,CAC7F,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAC5C,GAAG,MAAM,CAAC,qBAAqB,IAAI,GAAG,EAAE,CACzC,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,uCAAkB,EAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApFc,mBAAY,GAAG,KAAK,CAAC;AADzB,wBAAM","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\n/** Import color variables, layout variables and Sass classes barrel file */\nimport \"./colorthemes.scss\";\nimport \"./colorvariables.scss\";\nimport \"./layout-variables.scss\";\nimport \"./classes.scss\";\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\nimport { getObjectClassName } from \"./utils/getObjectClassName\";\n// cSpell:ignore colorthemes colorvariables\n\n/**\n * Manages the Localization service for the core-react package.\n * @public\n */\nexport class UiCore {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the Localization service namespace for UiCore.\n   * @param localization The internationalization service created by the host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiCore._initialized) {\n      Logger.logInfo(\n        UiCore.loggerCategory(UiCore),\n        `UiCore.initialize already called`\n      );\n      return;\n    }\n\n    UiCore._localization = localization;\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\n    if (window.customElements.get(\"svg-loader\") === undefined)\n      window.customElements.define(\"svg-loader\", IconWebComponent);\n\n    UiCore._initialized = true;\n  }\n\n  /** Unregisters the UiCore localization namespace */\n  public static terminate() {\n    if (UiCore._localization)\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\n    UiCore._localization = undefined;\n\n    UiCore._initialized = false;\n  }\n\n  /** Determines if UiCore has been initialized */\n  public static get initialized(): boolean {\n    return UiCore._initialized;\n  }\n\n  /** The internationalization service created by the host application.\n   * @internal\n   */\n  public static get localization(): Localization {\n    // istanbul ignore else\n    if (!UiCore._localization)\n      // eslint-disable-next-line deprecation/deprecation\n      throw new UiError(\n        UiCore.loggerCategory(this),\n        \"localization: UiCore.initialize has not been called. Unable to return Localization object.\"\n      );\n    // istanbul ignore next\n    return UiCore._localization;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiCore\";\n  }\n\n  /** Calls localization.getLocalizedString with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiCore._localization) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `translate: UiCore must be initialize with a localization provider. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiCore._localization.getLocalizedString(\n      `${UiCore.localizationNamespace}:${key}`\n    );\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"core-react\";\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getObjectClassName(obj);\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}
+{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,mEAAgE;AAEhE;;GAEG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CACZ,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAC7B,kCAAkC,CACnC,CAAC;YACF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAE3E,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW;QAC3B,OAAO,MAAM,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CACb,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAC3B,4FAA4F,CAC7F,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAC5C,GAAG,MAAM,CAAC,qBAAqB,IAAI,GAAG,EAAE,CACzC,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,uCAAkB,EAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApEc,mBAAY,GAAG,KAAK,CAAC;AADzB,wBAAM","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\n/** Import color variables, layout variables and Sass classes barrel file */\nimport \"./colorthemes.scss\";\nimport \"./colorvariables.scss\";\nimport \"./layout-variables.scss\";\nimport \"./classes.scss\";\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { getObjectClassName } from \"./utils/getObjectClassName\";\n\n/** Manages the Localization service for the core-react package.\n * @public\n */\nexport class UiCore {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the Localization service namespace for UiCore.\n   * @param localization The internationalization service created by the host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiCore._initialized) {\n      Logger.logInfo(\n        UiCore.loggerCategory(UiCore),\n        `UiCore.initialize already called`\n      );\n      return;\n    }\n\n    UiCore._localization = localization;\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\n\n    UiCore._initialized = true;\n  }\n\n  /** Unregisters the UiCore localization namespace */\n  public static terminate() {\n    if (UiCore._localization)\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\n    UiCore._localization = undefined;\n\n    UiCore._initialized = false;\n  }\n\n  /** Determines if UiCore has been initialized */\n  public static get initialized(): boolean {\n    return UiCore._initialized;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiCore\";\n  }\n\n  /** Calls localization.getLocalizedString with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n   * @deprecated in 4.12.x. Do not use this internally, this is replaced by `useTranslation`.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiCore._localization) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `translate: UiCore must be initialize with a localization provider. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiCore._localization.getLocalizedString(\n      `${UiCore.localizationNamespace}:${key}`\n    );\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"core-react\";\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getObjectClassName(obj);\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}

package/lib/cjs/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/cjs/core-react/autosuggest/AutoSuggest.d.ts

@@ -3,7 +3,7 @@
  */
 import "./AutoSuggest.scss";
 import * as React from "react";
-import * as ReactAutosuggest from "react-autosuggest";
+import ReactAutosuggest from "react-autosuggest";
 import type { CommonProps } from "../utils/Props";
 /** Data for the [[AutoSuggest]] options
  * @public

package/lib/cjs/core-react/autosuggest/AutoSuggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,gBAAgB,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,eAAe,EAAE,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,CACxC,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,WAAW;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,eAAe,EAAE,GAAG,sBAAsB,CAAC;IACrD,sEAAsE;IACtE,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;IACjD,2CAA2C;IAC3C,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,6BAA6B;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,8BAA8B;IAC9B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,2BAA2B;IAC3B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,uDAAuD;IACvD,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,0BAA0B,CAAC;IAEzE,gBAAgB;IAChB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,gBAAgB;AAChB,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,eAAe,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAClD,gBAAgB,EAChB,gBAAgB,CACjB;IACC,OAAO,CAAC,UAAU,CAAS;gBAEf,KAAK,EAAE,gBAAgB;IAcnC,gBAAgB;IACA,iBAAiB;IAIjC,gBAAgB;IACA,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,gBAAgB;IAW9D,OAAO,CAAC,SAAS,CAUf;IAEF,OAAO,CAAC,QAAQ,CAGd;IAEF,qFAAqF;IACrF,OAAO,CAAC,4BAA4B,CAOlC;IAEF,oFAAoF;IACpF,OAAO,CAAC,4BAA4B,CAIlC;IAEF,OAAO,CAAC,qBAAqB,CAK3B;IAEF,gFAAgF;IAChF,OAAO,CAAC,eAAe,CA6BrB;IAEF,4GAA4G;IAC5G,OAAO,CAAC,mBAAmB,CACR;IAEnB,8BAA8B;IAC9B,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,QAAQ;IAoBhB,OAAO,CAAC,cAAc,CAepB;IAEF,OAAO,CAAC,MAAM,CAeZ;IAEc,MAAM,IAAI,KAAK,CAAC,YAAY;CAgE7C"}
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-react/autosuggest/AutoSuggest.js

@@ -12,7 +12,7 @@ require("./AutoSuggest.scss");
 const React = require("react");
 const core_bentley_1 = require("@itwin/core-bentley");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const ReactAutosuggest = require("react-autosuggest");
+const react_autosuggest_1 = require("react-autosuggest");
 const ts_key_enum_1 = require("ts-key-enum");
 const UiCore_1 = require("../UiCore");
 /** Auto Suggest React component. Uses the react-autosuggest component internally.
@@ -172,7 +172,7 @@ class AutoSuggest extends React.PureComponent {
         // The onKeyDown event handler is only being used to capture bubbled events
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions
         React.createElement("div", { className: this.props.className, style: this.props.style, onKeyDown: this._handleKeyDown },
-            React.createElement(ReactAutosuggest, { theme: this._theme, suggestions: suggestions, onSuggestionsFetchRequested: this._onSuggestionsFetchRequested, onSuggestionsClearRequested: this._onSuggestionsClearRequested, getSuggestionValue: this._getSuggestionValue, renderSuggestion: this._renderSuggestion, inputProps: inputProps, onSuggestionSelected: this._onSuggestionSelected, alwaysRenderSuggestions: alwaysRenderSuggestions, renderInputComponent: renderInputComponent || defaultRenderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
+            React.createElement(react_autosuggest_1.default, { theme: this._theme, suggestions: suggestions, onSuggestionsFetchRequested: this._onSuggestionsFetchRequested, onSuggestionsClearRequested: this._onSuggestionsClearRequested, getSuggestionValue: this._getSuggestionValue, renderSuggestion: this._renderSuggestion, inputProps: inputProps, onSuggestionSelected: this._onSuggestionSelected, alwaysRenderSuggestions: alwaysRenderSuggestions, renderInputComponent: renderInputComponent || defaultRenderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
     }
 }
 exports.AutoSuggest = AutoSuggest;

package/lib/cjs/core-react/autosuggest/AutoSuggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.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 AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport * as ReactAutosuggest from \"react-autosuggest\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\n */\nexport interface AutoSuggestData {\n  /** Value of [[AutoSuggest]] option. */\n  value: string;\n  /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n  label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (\n  value: string\n) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    CommonProps {\n  /** Optional input value override. */\n  value?: string;\n  /** Options for dropdown. */\n  options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n  /** Asynchronously calculate suggestions for any given input value. */\n  getSuggestions?: AsyncGetAutoSuggestDataFunc;\n  /** Gets a label associated with a given value */\n  getLabel?: (value: string | undefined) => string;\n  /** Handler for when suggested selected. */\n  onSuggestionSelected: (selected: AutoSuggestData) => void;\n  /** Handler for Enter key. */\n  onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Escape key. */\n  onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Tab key. */\n  onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for input receiving focus. */\n  onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Called every time you need to clear suggestions. */\n  onSuggestionsClearRequested?: () => void;\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n\n  /** Use it only if you need to customize the rendering of the input.\n   * @internal\n   */\n  renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n  /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n   * @internal\n   */\n  renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n  /** @internal */\n  alwaysRenderSuggestions?: boolean;\n}\n\n/** @internal */\ninterface AutoSuggestState {\n  inputValue: string;\n  suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<\n  AutoSuggestProps,\n  AutoSuggestState\n> {\n  private _isMounted = false;\n\n  constructor(props: AutoSuggestProps) {\n    super(props);\n\n    // Autosuggest is a controlled component.\n    // This means that you need to provide an input value\n    // and an onChange handler that updates this value (see below).\n    // Suggestions also need to be provided to the Autosuggest,\n    // and they are initially empty because the Autosuggest is closed.\n    this.state = {\n      inputValue: this.getLabel(props.value),\n      suggestions: [],\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: AutoSuggestProps) {\n    if (\n      this.props.value !== prevProps.value ||\n      this.props.options !== prevProps.options\n    ) {\n      this.setState((_prevState, props) => ({\n        inputValue: this.getLabel(props.value),\n      }));\n    }\n  }\n\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let newValue = \"\";\n\n    if (e.target.tagName === \"LI\" && e.target.textContent)\n      newValue = e.target.textContent;\n    else if (e.target.value) newValue = e.target.value;\n\n    this.setState({\n      inputValue: newValue,\n    });\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this.props.onInputFocus) this.props.onInputFocus(e);\n  };\n\n  /** Autosuggest will call this function every time you need to update suggestions. */\n  private _onSuggestionsFetchRequested = async (\n    request: ReactAutosuggest.SuggestionsFetchRequestedParams\n  ): Promise<void> => {\n    const value = request.value;\n    const suggestions = await this._getSuggestions(value);\n\n    if (this._isMounted) this.setState({ suggestions });\n  };\n\n  /** Autosuggest will call this function every time you need to clear suggestions. */\n  private _onSuggestionsClearRequested = () => {\n    this.setState({ suggestions: [] });\n    this.props.onSuggestionsClearRequested &&\n      this.props.onSuggestionsClearRequested();\n  };\n\n  private _onSuggestionSelected = (\n    _event: React.FormEvent<any>,\n    data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>\n  ): void => {\n    this.props.onSuggestionSelected(data.suggestion);\n  };\n\n  /** Teach Autosuggest how to calculate suggestions for any given input value. */\n  private _getSuggestions = async (\n    value: string\n  ): Promise<AutoSuggestData[]> => {\n    if (typeof this.props.options === \"function\")\n      return Promise.resolve(this.props.options(value));\n\n    if (this.props.getSuggestions) return this.props.getSuggestions(value);\n\n    if (this.props.options === undefined) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.options or props.getSuggestions should be provided`\n      );\n      return Promise.resolve([]);\n    }\n\n    const inputValue = value.trim().toLowerCase();\n    const inputLength = inputValue.length;\n\n    return Promise.resolve(\n      inputLength === 0\n        ? /* istanbul ignore next */ []\n        : this.props.options.filter((data: AutoSuggestData) => {\n            return (\n              data.label.toLowerCase().includes(inputValue) ||\n              data.value.toLowerCase().includes(inputValue)\n            );\n          })\n    );\n  };\n\n  /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */\n  private _getSuggestionValue = (suggestion: AutoSuggestData) =>\n    suggestion.label;\n\n  /** Render each suggestion. */\n  private _renderSuggestion = (suggestion: AutoSuggestData) => (\n    <span>{suggestion.label}</span>\n  );\n\n  private getLabel(value: string | undefined): string {\n    let label = \"\";\n\n    if (this.props.getLabel) {\n      label = this.props.getLabel(value);\n    } else if (this.props.options instanceof Array) {\n      const entry = this.props.options.find(\n        (data: AutoSuggestData) => data.value === value\n      );\n      if (entry) label = entry.label;\n    } else {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.getLabel should be provided when props.options is a function`\n      );\n    }\n\n    return label;\n  }\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case Key.Enter.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEnter) this.props.onPressEnter(e);\n        break;\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEscape) this.props.onPressEscape(e);\n        break;\n      case Key.Tab.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressTab) this.props.onPressTab(e);\n        break;\n    }\n  };\n\n  private _theme = {\n    container: \"uicore-autosuggest__container\",\n    containerOpen: \"uicore-autosuggest__container--open\",\n    input: \"uicore-autosuggest__input\",\n    inputOpen: \"uicore-autosuggest__input--open\",\n    inputFocused: \"uicore-autosuggest__input--focused\",\n    suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n    suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n    suggestionsList: \"uicore-autosuggest__suggestions-list\",\n    suggestion: \"uicore-autosuggest__suggestion\",\n    suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n    suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n    sectionContainer: \"uicore-autosuggest__section-container\",\n    sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n    sectionTitle: \"uicore-autosuggest__section-title\",\n  };\n\n  public override render(): React.ReactElement {\n    const { inputValue, suggestions } = this.state;\n    const {\n      value,\n      onChange,\n      placeholder,\n      options,\n      onSuggestionSelected,\n      setFocus,\n      alwaysRenderSuggestions,\n      onPressEnter,\n      onPressEscape,\n      onPressTab,\n      onInputFocus,\n      getLabel,\n      getSuggestions,\n      renderInputComponent,\n      renderSuggestionsContainer,\n      onSuggestionsClearRequested,\n      ...props\n    } = this.props;\n    const inputPlaceholder = !inputValue ? placeholder : undefined;\n\n    const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n      ...props,\n      value: inputValue,\n      onChange: this._onChange,\n      onFocus: this._onFocus,\n      placeholder: inputPlaceholder,\n      autoFocus: setFocus,\n    };\n\n    const defaultRenderInputComponent: React.ComponentProps<\n      typeof ReactAutosuggest\n    >[\"renderInputComponent\"] = (renderInputProps) => {\n      const { size, ...other } = renderInputProps;\n      return <Input {...other} />;\n    };\n    return (\n      // The onKeyDown event handler is only being used to capture bubbled events\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        className={this.props.className}\n        style={this.props.style}\n        onKeyDown={this._handleKeyDown}\n      >\n        <ReactAutosuggest\n          theme={this._theme}\n          suggestions={suggestions}\n          onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n          onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n          getSuggestionValue={this._getSuggestionValue}\n          renderSuggestion={this._renderSuggestion}\n          inputProps={inputProps}\n          onSuggestionSelected={this._onSuggestionSelected}\n          alwaysRenderSuggestions={alwaysRenderSuggestions}\n          renderInputComponent={\n            renderInputComponent || defaultRenderInputComponent\n          }\n          renderSuggestionsContainer={renderSuggestionsContainer}\n        />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.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 AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport ReactAutosuggest from \"react-autosuggest\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\n */\nexport interface AutoSuggestData {\n  /** Value of [[AutoSuggest]] option. */\n  value: string;\n  /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n  label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (\n  value: string\n) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    CommonProps {\n  /** Optional input value override. */\n  value?: string;\n  /** Options for dropdown. */\n  options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n  /** Asynchronously calculate suggestions for any given input value. */\n  getSuggestions?: AsyncGetAutoSuggestDataFunc;\n  /** Gets a label associated with a given value */\n  getLabel?: (value: string | undefined) => string;\n  /** Handler for when suggested selected. */\n  onSuggestionSelected: (selected: AutoSuggestData) => void;\n  /** Handler for Enter key. */\n  onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Escape key. */\n  onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Tab key. */\n  onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for input receiving focus. */\n  onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Called every time you need to clear suggestions. */\n  onSuggestionsClearRequested?: () => void;\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n\n  /** Use it only if you need to customize the rendering of the input.\n   * @internal\n   */\n  renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n  /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n   * @internal\n   */\n  renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n  /** @internal */\n  alwaysRenderSuggestions?: boolean;\n}\n\n/** @internal */\ninterface AutoSuggestState {\n  inputValue: string;\n  suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<\n  AutoSuggestProps,\n  AutoSuggestState\n> {\n  private _isMounted = false;\n\n  constructor(props: AutoSuggestProps) {\n    super(props);\n\n    // Autosuggest is a controlled component.\n    // This means that you need to provide an input value\n    // and an onChange handler that updates this value (see below).\n    // Suggestions also need to be provided to the Autosuggest,\n    // and they are initially empty because the Autosuggest is closed.\n    this.state = {\n      inputValue: this.getLabel(props.value),\n      suggestions: [],\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: AutoSuggestProps) {\n    if (\n      this.props.value !== prevProps.value ||\n      this.props.options !== prevProps.options\n    ) {\n      this.setState((_prevState, props) => ({\n        inputValue: this.getLabel(props.value),\n      }));\n    }\n  }\n\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let newValue = \"\";\n\n    if (e.target.tagName === \"LI\" && e.target.textContent)\n      newValue = e.target.textContent;\n    else if (e.target.value) newValue = e.target.value;\n\n    this.setState({\n      inputValue: newValue,\n    });\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this.props.onInputFocus) this.props.onInputFocus(e);\n  };\n\n  /** Autosuggest will call this function every time you need to update suggestions. */\n  private _onSuggestionsFetchRequested = async (\n    request: ReactAutosuggest.SuggestionsFetchRequestedParams\n  ): Promise<void> => {\n    const value = request.value;\n    const suggestions = await this._getSuggestions(value);\n\n    if (this._isMounted) this.setState({ suggestions });\n  };\n\n  /** Autosuggest will call this function every time you need to clear suggestions. */\n  private _onSuggestionsClearRequested = () => {\n    this.setState({ suggestions: [] });\n    this.props.onSuggestionsClearRequested &&\n      this.props.onSuggestionsClearRequested();\n  };\n\n  private _onSuggestionSelected = (\n    _event: React.FormEvent<any>,\n    data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>\n  ): void => {\n    this.props.onSuggestionSelected(data.suggestion);\n  };\n\n  /** Teach Autosuggest how to calculate suggestions for any given input value. */\n  private _getSuggestions = async (\n    value: string\n  ): Promise<AutoSuggestData[]> => {\n    if (typeof this.props.options === \"function\")\n      return Promise.resolve(this.props.options(value));\n\n    if (this.props.getSuggestions) return this.props.getSuggestions(value);\n\n    if (this.props.options === undefined) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.options or props.getSuggestions should be provided`\n      );\n      return Promise.resolve([]);\n    }\n\n    const inputValue = value.trim().toLowerCase();\n    const inputLength = inputValue.length;\n\n    return Promise.resolve(\n      inputLength === 0\n        ? /* istanbul ignore next */ []\n        : this.props.options.filter((data: AutoSuggestData) => {\n            return (\n              data.label.toLowerCase().includes(inputValue) ||\n              data.value.toLowerCase().includes(inputValue)\n            );\n          })\n    );\n  };\n\n  /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */\n  private _getSuggestionValue = (suggestion: AutoSuggestData) =>\n    suggestion.label;\n\n  /** Render each suggestion. */\n  private _renderSuggestion = (suggestion: AutoSuggestData) => (\n    <span>{suggestion.label}</span>\n  );\n\n  private getLabel(value: string | undefined): string {\n    let label = \"\";\n\n    if (this.props.getLabel) {\n      label = this.props.getLabel(value);\n    } else if (this.props.options instanceof Array) {\n      const entry = this.props.options.find(\n        (data: AutoSuggestData) => data.value === value\n      );\n      if (entry) label = entry.label;\n    } else {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.getLabel should be provided when props.options is a function`\n      );\n    }\n\n    return label;\n  }\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case Key.Enter.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEnter) this.props.onPressEnter(e);\n        break;\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEscape) this.props.onPressEscape(e);\n        break;\n      case Key.Tab.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressTab) this.props.onPressTab(e);\n        break;\n    }\n  };\n\n  private _theme = {\n    container: \"uicore-autosuggest__container\",\n    containerOpen: \"uicore-autosuggest__container--open\",\n    input: \"uicore-autosuggest__input\",\n    inputOpen: \"uicore-autosuggest__input--open\",\n    inputFocused: \"uicore-autosuggest__input--focused\",\n    suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n    suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n    suggestionsList: \"uicore-autosuggest__suggestions-list\",\n    suggestion: \"uicore-autosuggest__suggestion\",\n    suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n    suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n    sectionContainer: \"uicore-autosuggest__section-container\",\n    sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n    sectionTitle: \"uicore-autosuggest__section-title\",\n  };\n\n  public override render(): React.ReactElement {\n    const { inputValue, suggestions } = this.state;\n    const {\n      value,\n      onChange,\n      placeholder,\n      options,\n      onSuggestionSelected,\n      setFocus,\n      alwaysRenderSuggestions,\n      onPressEnter,\n      onPressEscape,\n      onPressTab,\n      onInputFocus,\n      getLabel,\n      getSuggestions,\n      renderInputComponent,\n      renderSuggestionsContainer,\n      onSuggestionsClearRequested,\n      ...props\n    } = this.props;\n    const inputPlaceholder = !inputValue ? placeholder : undefined;\n\n    const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n      ...props,\n      value: inputValue,\n      onChange: this._onChange,\n      onFocus: this._onFocus,\n      placeholder: inputPlaceholder,\n      autoFocus: setFocus,\n    };\n\n    const defaultRenderInputComponent: React.ComponentProps<\n      typeof ReactAutosuggest\n    >[\"renderInputComponent\"] = (renderInputProps) => {\n      const { size, ...other } = renderInputProps;\n      return <Input {...other} />;\n    };\n    return (\n      // The onKeyDown event handler is only being used to capture bubbled events\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        className={this.props.className}\n        style={this.props.style}\n        onKeyDown={this._handleKeyDown}\n      >\n        <ReactAutosuggest\n          theme={this._theme}\n          suggestions={suggestions}\n          onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n          onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n          getSuggestionValue={this._getSuggestionValue}\n          renderSuggestion={this._renderSuggestion}\n          inputProps={inputProps}\n          onSuggestionSelected={this._onSuggestionSelected}\n          alwaysRenderSuggestions={alwaysRenderSuggestions}\n          renderInputComponent={\n            renderInputComponent || defaultRenderInputComponent\n          }\n          renderSuggestionsContainer={renderSuggestionsContainer}\n        />\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/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/cjs/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/cjs/core-react/badge/Badge.js

@@ -8,18 +8,19 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
-require("./Badge.scss");
-const classnames_1 = require("classnames");
 const React = require("react");
-const IconComponent_1 = require("../icons/IconComponent");
-/** Beta Badge React component
+const BadgeType_1 = require("./BadgeType");
+const TechnicalPreviewBadge_1 = require("./TechnicalPreviewBadge");
+const NewBadge_1 = require("./NewBadge");
+/** Badge component that renders based on a badge type.
  * @internal
  */
-class Badge extends React.PureComponent {
-    render() {
-        return (React.createElement("div", { className: (0, classnames_1.default)("core-badge", this.props.className), style: this.props.style },
-            React.createElement(IconComponent_1.Icon, { iconSpec: this.props.svg })));
-    }
+function Badge({ type }) {
+    if (type === BadgeType_1.BadgeType.TechnicalPreview)
+        return React.createElement(TechnicalPreviewBadge_1.TechnicalPreviewBadge, null);
+    if (type === BadgeType_1.BadgeType.New)
+        return React.createElement(NewBadge_1.NewBadge, null);
+    return null;
 }
 exports.Badge = Badge;
 //# sourceMappingURL=Badge.js.map

package/lib/cjs/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,wBAAsB;AACtB,2CAAoC;AACpC,+BAA+B;AAE/B,0DAA8C;AAS9C;;GAEG;AACH,MAAa,KAAM,SAAQ,KAAK,CAAC,aAAyB;IACxC,MAAM;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACzD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,oBAAC,oBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CAC9B,CACP,CAAC;IACJ,CAAC;CACF;AAXD,sBAWC","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,+BAA+B;AAC/B,2CAAwC;AACxC,mEAAgE;AAChE,yCAAsC;AAStC;;GAEG;AACH,SAAgB,KAAK,CAAC,EAAE,IAAI,EAAc;IACxC,IAAI,IAAI,KAAK,qBAAS,CAAC,gBAAgB;QAAE,OAAO,oBAAC,6CAAqB,OAAG,CAAC;IAC1E,IAAI,IAAI,KAAK,qBAAS,CAAC,GAAG;QAAE,OAAO,oBAAC,mBAAQ,OAAG,CAAC;IAChD,OAAO,IAAI,CAAC;AACd,CAAC;AAJD,sBAIC","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/{esm/core-react/badge/BadgeUtilities.d.ts → cjs/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/cjs/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/cjs/core-react/{useTranslation.js → badge/BadgeType.js}

@@ -3,18 +3,14 @@
  * 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
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTranslation = void 0;
-const UiCore_1 = require("./UiCore");
-/**
- * Returns a translation function.
- * @internal
+exports.BadgeType = void 0;
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** Specifies type of badge, if any, that should be overlaid on UI component.
+ * @public
  */
-function useTranslation() {
-    const translate = (key) => {
-        return UiCore_1.UiCore.translate(key);
-    };
-    return { translate };
-}
-exports.useTranslation = useTranslation;
-//# sourceMappingURL=useTranslation.js.map
+exports.BadgeType = appui_abstract_1.BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+//# sourceMappingURL=BadgeType.js.map

package/lib/cjs/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,0DAAgE;AAOhE;;GAEG;AACU,QAAA,SAAS,GAAG,0BAAU,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/cjs/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/cjs/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/cjs/core-react/badge/NewBadge.js

@@ -9,16 +9,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NewBadge = void 0;
 require("./NewBadge.scss");
-const classnames_1 = require("classnames");
 const React = require("react");
-const Badge_1 = require("./Badge");
-const new_feature_badge_svg_1 = require("./new-feature-badge.svg");
-/** New Badge React component
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** New badge component.
  * @internal
  */
-function NewBadge(props) {
-    const { className, ...badgeProps } = props;
-    return (React.createElement(Badge_1.Badge, { ...badgeProps, className: (0, classnames_1.default)("core-new-badge", className), svg: new_feature_badge_svg_1.default }));
+function NewBadge() {
+    return (React.createElement(itwinui_react_1.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" }))));
 }
 exports.NewBadge = NewBadge;
 //# sourceMappingURL=NewBadge.js.map

package/lib/cjs/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,2BAAyB;AACzB,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAgC;AAChC,mEAAmD;AAEnD;;GAEG;AACH,SAAgB,QAAQ,CAAC,KAAkB;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CACL,oBAAC,aAAK,OACA,UAAU,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,GAAG,EAAE,+BAAY,GACjB,CACH,CAAC;AACJ,CAAC;AATD,4BASC","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,2BAAyB;AACzB,+BAA+B;AAC/B,wDAA4C;AAE5C;;GAEG;AACH,SAAgB,QAAQ;IACtB,OAAO,CACL,oBAAC,oBAAI,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;AAZD,4BAYC","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/cjs/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/cjs/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/cjs/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/cjs/core-react/badge/TechnicalPreviewBadge.js

@@ -0,0 +1,29 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TechnicalPreviewBadge = void 0;
+require("./TechnicalPreviewBadge.scss");
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** Technical preview badge component.
+ * @internal
+ */
+function TechnicalPreviewBadge() {
+    return (React.createElement(itwinui_react_1.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" } }))));
+}
+exports.TechnicalPreviewBadge = TechnicalPreviewBadge;
+//# sourceMappingURL=TechnicalPreviewBadge.js.map

package/lib/cjs/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,wCAAsC;AACtC,+BAA+B;AAC/B,wDAA4C;AAE5C;;GAEG;AACH,SAAgB,qBAAqB;IACnC,OAAO,CACL,oBAAC,oBAAI,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;AApCD,sDAoCC","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/cjs/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/cjs/core-react/base/Centered.d.ts

@@ -6,6 +6,7 @@ import type { CommonDivProps } from "../utils/Props";
 /** Centered React functional component.
  * Displays content centered vertically and horizontally.
  * @public
+ * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead, i.e. `<Flex justifyContent="center" />`.
  */
 export declare function Centered(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=Centered.d.ts.map