@itwin/components-react 3.0.0-dev.72 → 3.0.0-dev.78

package/lib/components-react/UiComponents.d.ts

@@ -1,30 +1,30 @@
 /** @packageDocumentation
  * @module Common
  */
-import { I18N } from "@itwin/core-i18n";
+import { Localization } from "@itwin/core-common";
 /**
- * Manages the I18N service for the components-react package.
+ * Manages the localization service for the components-react package.
  * @public
  */
 export declare class UiComponents {
     private static _initialized;
-    private static _i18n?;
+    private static _localization?;
     /**
-     * Registers the I18N service namespace for UiComponents. Also initializes UiCore.
-     * @param i18n The internationalization service created by the application.
+     * Registers the localization service namespace for UiComponents. Also initializes UiCore.
+     * @param localization The internationalization service created by the application.
      */
-    static initialize(i18n: I18N): Promise<void>;
-    /** Unregisters the UiComponents I18N namespace */
+    static initialize(localization: Localization): Promise<void>;
+    /** Unregisters the UiComponents localization namespace */
     static terminate(): void;
     /** Determines if UiComponents has been initialized */
     static get initialized(): boolean;
     /** The internationalization service created by the application. */
-    static get i18n(): I18N;
+    static get localization(): Localization;
     /** The internationalization service namespace. */
-    static get i18nNamespace(): string;
+    static get localizationNamespace(): string;
     /** @internal */
     static get packageName(): string;
-    /** Calls i18n.translateWithNamespace with the "UiComponents" namespace. Do NOT include the namespace in the key.
+    /** Calls localization.getLocalizedStringWithNamespace with the "UiComponents" namespace. Do NOT include the namespace in the key.
      * @internal
      */
     static translate(key: string | string[]): string;

package/lib/components-react/UiComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../src/components-react/UiComponents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIxC;;;GAGG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAO;IAE5B;;;OAGG;WACiB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAczD,kDAAkD;WACpC,SAAS;IASvB,sDAAsD;IACtD,WAAkB,WAAW,IAAI,OAAO,CAAsC;IAE9E,mEAAmE;IACnE,WAAkB,IAAI,IAAI,IAAI,CAI7B;IAED,kDAAkD;IAClD,WAAkB,aAAa,IAAI,MAAM,CAExC;IAED,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAQvD,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}
+{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../src/components-react/UiComponents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIlD;;;GAGG;AACH,qBAAa,YAAY;IACvB,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;IAczE,0DAA0D;WAC5C,SAAS;IASvB,sDAAsD;IACtD,WAAkB,WAAW,IAAI,OAAO,CAAsC;IAE9E,mEAAmE;IACnE,WAAkB,YAAY,IAAI,YAAY,CAI7C;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAQvD,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}

package/lib/components-react/UiComponents.js

@@ -13,50 +13,50 @@ const core_bentley_1 = require("@itwin/core-bentley");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 /**
- * Manages the I18N service for the components-react package.
+ * Manages the localization service for the components-react package.
  * @public
  */
 class UiComponents {
     /**
-     * Registers the I18N service namespace for UiComponents. Also initializes UiCore.
-     * @param i18n The internationalization service created by the application.
+     * Registers the localization service namespace for UiComponents. Also initializes UiCore.
+     * @param localization The internationalization service created by the application.
      */
-    static async initialize(i18n) {
+    static async initialize(localization) {
         if (UiComponents._initialized) {
             core_bentley_1.Logger.logInfo(UiComponents.loggerCategory(UiComponents), `UiComponents.initialize already called`);
             return;
         }
         (0, immer_1.enablePatches)();
-        UiComponents._i18n = i18n;
-        await UiComponents._i18n.registerNamespace(UiComponents.i18nNamespace).readFinished;
-        await core_react_1.UiCore.initialize(UiComponents._i18n);
+        UiComponents._localization = localization;
+        await UiComponents._localization.registerNamespace(UiComponents.localizationNamespace);
+        await core_react_1.UiCore.initialize(UiComponents._localization);
         UiComponents._initialized = true;
     }
-    /** Unregisters the UiComponents I18N namespace */
+    /** Unregisters the UiComponents localization namespace */
     static terminate() {
-        if (UiComponents._i18n)
-            UiComponents._i18n.unregisterNamespace(UiComponents.i18nNamespace);
-        UiComponents._i18n = undefined;
+        if (UiComponents._localization)
+            UiComponents._localization.unregisterNamespace(UiComponents.localizationNamespace);
+        UiComponents._localization = undefined;
         core_react_1.UiCore.terminate();
         UiComponents._initialized = false;
     }
     /** Determines if UiComponents has been initialized */
     static get initialized() { return UiComponents._initialized; }
     /** The internationalization service created by the application. */
-    static get i18n() {
-        if (!UiComponents._i18n)
-            throw new appui_abstract_1.UiError(UiComponents.loggerCategory(this), "i18n: UiComponents.initialize has not been called. Unable to return I18N object.");
-        return UiComponents._i18n;
+    static get localization() {
+        if (!UiComponents._localization)
+            throw new appui_abstract_1.UiError(UiComponents.loggerCategory(this), "_localization: UiComponents.initialize has not been called. Unable to return Localization object.");
+        return UiComponents._localization;
     }
     /** The internationalization service namespace. */
-    static get i18nNamespace() {
+    static get localizationNamespace() {
         return "UiComponents";
     }
     /** @internal */
     static get packageName() {
         return "components-react";
     }
-    /** Calls i18n.translateWithNamespace with the "UiComponents" namespace. Do NOT include the namespace in the key.
+    /** Calls localization.getLocalizedStringWithNamespace with the "UiComponents" namespace. Do NOT include the namespace in the key.
      * @internal
      */
     static translate(key) {
@@ -64,7 +64,7 @@ class UiComponents {
             core_bentley_1.Logger.logError(UiComponents.loggerCategory(this), `translate: UiComponents.initialize has not been called. Returning blank string.`);
             return "";
         }
-        return UiComponents.i18n.translateWithNamespace(UiComponents.i18nNamespace, key);
+        return UiComponents.localization.getLocalizedStringWithNamespace(UiComponents.localizationNamespace, key);
     }
     /** @internal */
     static loggerCategory(obj) {

package/lib/components-react/UiComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../src/components-react/UiComponents.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAAsC;AACtC,sDAA6C;AAE7C,0DAA8D;AAC9D,kDAA2C;AAE3C;;;GAGG;AACH,MAAa,YAAY;IAIvB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAU;QACvC,IAAI,YAAY,CAAC,YAAY,EAAE;YAC7B,qBAAM,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,wCAAwC,CAAC,CAAC;YACpG,OAAO;SACR;QAED,IAAA,qBAAa,GAAE,CAAC;QAChB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;QAC1B,MAAM,YAAY,CAAC,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC;QAEpF,MAAM,mBAAM,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC5C,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;IACnC,CAAC;IAED,kDAAkD;IAC3C,MAAM,CAAC,SAAS;QACrB,IAAI,YAAY,CAAC,KAAK;YACpB,YAAY,CAAC,KAAK,CAAC,mBAAmB,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACrE,YAAY,CAAC,KAAK,GAAG,SAAS,CAAC;QAE/B,mBAAM,CAAC,SAAS,EAAE,CAAC;QACnB,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,sDAAsD;IAC/C,MAAM,KAAK,WAAW,KAAc,OAAO,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IAE9E,mEAAmE;IAC5D,MAAM,KAAK,IAAI;QACpB,IAAI,CAAC,YAAY,CAAC,KAAK;YACrB,MAAM,IAAI,wBAAO,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,kFAAkF,CAAC,CAAC;QAC3I,OAAO,YAAY,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,aAAa;QAC7B,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;YAC7B,qBAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,iFAAiF,CAAC,CAAC;YACtI,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;IACnF,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,YAAY,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/E,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApEH,oCAsEC;AArEgB,yBAAY,GAAG,KAAK,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 Common\n */\n\nimport { enablePatches } from \"immer\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { I18N } from \"@itwin/core-i18n\";\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\nimport { UiCore } from \"@itwin/core-react\";\n\n/**\n * Manages the I18N service for the components-react package.\n * @public\n */\nexport class UiComponents {\n  private static _initialized = false;\n  private static _i18n?: I18N;\n\n  /**\n   * Registers the I18N service namespace for UiComponents. Also initializes UiCore.\n   * @param i18n The internationalization service created by the application.\n   */\n  public static async initialize(i18n: I18N): Promise<void> {\n    if (UiComponents._initialized) {\n      Logger.logInfo(UiComponents.loggerCategory(UiComponents), `UiComponents.initialize already called`);\n      return;\n    }\n\n    enablePatches();\n    UiComponents._i18n = i18n;\n    await UiComponents._i18n.registerNamespace(UiComponents.i18nNamespace).readFinished;\n\n    await UiCore.initialize(UiComponents._i18n);\n    UiComponents._initialized = true;\n  }\n\n  /** Unregisters the UiComponents I18N namespace */\n  public static terminate() {\n    if (UiComponents._i18n)\n      UiComponents._i18n.unregisterNamespace(UiComponents.i18nNamespace);\n    UiComponents._i18n = undefined;\n\n    UiCore.terminate();\n    UiComponents._initialized = false;\n  }\n\n  /** Determines if UiComponents has been initialized */\n  public static get initialized(): boolean { return UiComponents._initialized; }\n\n  /** The internationalization service created by the application. */\n  public static get i18n(): I18N {\n    if (!UiComponents._i18n)\n      throw new UiError(UiComponents.loggerCategory(this), \"i18n: UiComponents.initialize has not been called. Unable to return I18N object.\");\n    return UiComponents._i18n;\n  }\n\n  /** The internationalization service namespace. */\n  public static get i18nNamespace(): string {\n    return \"UiComponents\";\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"components-react\";\n  }\n\n  /** Calls i18n.translateWithNamespace with the \"UiComponents\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiComponents.initialized) {\n      Logger.logError(UiComponents.loggerCategory(this), `translate: UiComponents.initialize has not been called. Returning blank string.`);\n      return \"\";\n    }\n    return UiComponents.i18n.translateWithNamespace(UiComponents.i18nNamespace, key);\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getClassName(obj);\n    const category = UiComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n\n}\n"]}
+{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../src/components-react/UiComponents.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAAsC;AACtC,sDAA6C;AAE7C,0DAA8D;AAC9D,kDAA2C;AAE3C;;;GAGG;AACH,MAAa,YAAY;IAIvB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,YAAY,CAAC,YAAY,EAAE;YAC7B,qBAAM,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,wCAAwC,CAAC,CAAC;YACpG,OAAO;SACR;QAED,IAAA,qBAAa,GAAE,CAAC;QAChB,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC;QAC1C,MAAM,YAAY,CAAC,aAAa,CAAC,iBAAiB,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC;QAEvF,MAAM,mBAAM,CAAC,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACpD,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;IACnC,CAAC;IAED,0DAA0D;IACnD,MAAM,CAAC,SAAS;QACrB,IAAI,YAAY,CAAC,aAAa;YAC5B,YAAY,CAAC,aAAa,CAAC,mBAAmB,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC;QACrF,YAAY,CAAC,aAAa,GAAG,SAAS,CAAC;QAEvC,mBAAM,CAAC,SAAS,EAAE,CAAC;QACnB,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,sDAAsD;IAC/C,MAAM,KAAK,WAAW,KAAc,OAAO,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IAE9E,mEAAmE;IAC5D,MAAM,KAAK,YAAY;QAC5B,IAAI,CAAC,YAAY,CAAC,aAAa;YAC7B,MAAM,IAAI,wBAAO,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,mGAAmG,CAAC,CAAC;QAC5J,OAAO,YAAY,CAAC,aAAa,CAAC;IACpC,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;YAC7B,qBAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,iFAAiF,CAAC,CAAC;YACtI,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,YAAY,CAAC,+BAA+B,CAAC,YAAY,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;IAC5G,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,YAAY,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/E,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApEH,oCAsEC;AArEgB,yBAAY,GAAG,KAAK,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 Common\n */\n\nimport { enablePatches } from \"immer\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Localization } from \"@itwin/core-common\";\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\nimport { UiCore } from \"@itwin/core-react\";\n\n/**\n * Manages the localization service for the components-react package.\n * @public\n */\nexport class UiComponents {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the localization service namespace for UiComponents. Also initializes UiCore.\n   * @param localization The internationalization service created by the application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiComponents._initialized) {\n      Logger.logInfo(UiComponents.loggerCategory(UiComponents), `UiComponents.initialize already called`);\n      return;\n    }\n\n    enablePatches();\n    UiComponents._localization = localization;\n    await UiComponents._localization.registerNamespace(UiComponents.localizationNamespace);\n\n    await UiCore.initialize(UiComponents._localization);\n    UiComponents._initialized = true;\n  }\n\n  /** Unregisters the UiComponents localization namespace */\n  public static terminate() {\n    if (UiComponents._localization)\n      UiComponents._localization.unregisterNamespace(UiComponents.localizationNamespace);\n    UiComponents._localization = undefined;\n\n    UiCore.terminate();\n    UiComponents._initialized = false;\n  }\n\n  /** Determines if UiComponents has been initialized */\n  public static get initialized(): boolean { return UiComponents._initialized; }\n\n  /** The internationalization service created by the application. */\n  public static get localization(): Localization {\n    if (!UiComponents._localization)\n      throw new UiError(UiComponents.loggerCategory(this), \"_localization: UiComponents.initialize has not been called. Unable to return Localization object.\");\n    return UiComponents._localization;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiComponents\";\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"components-react\";\n  }\n\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiComponents\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiComponents.initialized) {\n      Logger.logError(UiComponents.loggerCategory(this), `translate: UiComponents.initialize has not been called. Returning blank string.`);\n      return \"\";\n    }\n    return UiComponents.localization.getLocalizedStringWithNamespace(UiComponents.localizationNamespace, key);\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getClassName(obj);\n    const category = UiComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n\n}\n"]}

package/lib/components-react/common/HighlightedText.d.ts

@@ -4,7 +4,7 @@
 /// <reference types="react" />
 /**
  * Properties of [[HighlightedText]]
- * @beta
+ * @public
  */
 export interface HighlightedTextProps {
     searchText: string;
@@ -17,7 +17,7 @@ export interface HighlightedTextProps {
  * Highlighted text
  * Used for highlighting parts in the 'text' which match with 'searchText'
  * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @beta
+ * @public
  */
 export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
 //# sourceMappingURL=HighlightedText.d.ts.map

package/lib/components-react/common/HighlightedText.js

@@ -18,7 +18,7 @@ const HighlightingEngine_1 = require("../tree/HighlightingEngine");
  * Highlighted text
  * Used for highlighting parts in the 'text' which match with 'searchText'
  * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @beta
+ * @public
  */
 function HighlightedText(props) {
     const { searchText, activeMatchIndex, text, caseSensitive } = props;

package/lib/components-react/common/HighlightedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;AAEH,kDAA0B;AAC1B,kFAAgD;AAChD,mEAAgE;AAiBhE;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,8BAAC,+BAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,uCAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAbD,0CAaC;AAaD,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAsB,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1F,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,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 Common\n */\n\nimport React from \"react\";\nimport Highlighter from \"react-highlight-words\";\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\n\n/**\n * Properties of [[HighlightedText]]\n * @beta\n */\nexport interface HighlightedTextProps {\n  /* Filter text which we want to highlight */\n  searchText: string;\n  /* Index of actively highlighted part in a text */\n  activeMatchIndex?: number;\n  /* Full text */\n  text: string;\n  /** Should search be case sensitive */\n  caseSensitive?: boolean;\n}\n\n/**\n * Highlighted text\n * Used for highlighting parts in the 'text' which match with 'searchText'\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\n * @beta\n */\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  return (\n    <Highlighter\n      searchWords={[searchText]}\n      findChunks={findChunksNoRegex as any} // .d.ts declaration wrong\n      activeIndex={activeMatchIndex as any} // .d.ts file seems to be wrong, doesn't work if it's a string\n      activeClassName={HighlightingEngine.ACTIVE_CLASS_NAME}\n      autoEscape={true}\n      textToHighlight={text}\n      caseSensitive={caseSensitive}\n    />\n  );\n}\n\ninterface HighlighterChunk {\n  highlight: boolean;\n  start: number;\n  end: number;\n}\ninterface FindChunksArgs {\n  autoEscape?: boolean;\n  caseSensitive?: boolean;\n  searchWords: string[];\n  textToHighlight: string;\n}\nconst findChunksNoRegex = (args: FindChunksArgs): HighlighterChunk[] => {\n  const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();\n  const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();\n  const chunks: HighlighterChunk[] = [];\n  let index = text.indexOf(term);\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + term.length, highlight: true });\n    index = text.indexOf(term, index + 1);\n  }\n  return chunks;\n};\n"]}
+{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;AAEH,kDAA0B;AAC1B,kFAAgD;AAChD,mEAAgE;AAiBhE;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,8BAAC,+BAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,uCAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAbD,0CAaC;AAaD,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAsB,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1F,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,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 Common\n */\n\nimport React from \"react\";\nimport Highlighter from \"react-highlight-words\";\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\n\n/**\n * Properties of [[HighlightedText]]\n * @public\n */\nexport interface HighlightedTextProps {\n  /* Filter text which we want to highlight */\n  searchText: string;\n  /* Index of actively highlighted part in a text */\n  activeMatchIndex?: number;\n  /* Full text */\n  text: string;\n  /** Should search be case sensitive */\n  caseSensitive?: boolean;\n}\n\n/**\n * Highlighted text\n * Used for highlighting parts in the 'text' which match with 'searchText'\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\n * @public\n */\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  return (\n    <Highlighter\n      searchWords={[searchText]}\n      findChunks={findChunksNoRegex as any} // .d.ts declaration wrong\n      activeIndex={activeMatchIndex as any} // .d.ts file seems to be wrong, doesn't work if it's a string\n      activeClassName={HighlightingEngine.ACTIVE_CLASS_NAME}\n      autoEscape={true}\n      textToHighlight={text}\n      caseSensitive={caseSensitive}\n    />\n  );\n}\n\ninterface HighlighterChunk {\n  highlight: boolean;\n  start: number;\n  end: number;\n}\ninterface FindChunksArgs {\n  autoEscape?: boolean;\n  caseSensitive?: boolean;\n  searchWords: string[];\n  textToHighlight: string;\n}\nconst findChunksNoRegex = (args: FindChunksArgs): HighlighterChunk[] => {\n  const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();\n  const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();\n  const chunks: HighlighterChunk[] = [];\n  let index = text.indexOf(term);\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + term.length, highlight: true });\n    index = text.indexOf(term, index + 1);\n  }\n  return chunks;\n};\n"]}

package/lib/components-react/common/HighlightingComponentProps.d.ts

@@ -3,7 +3,7 @@
  */
 /**
  * Item highlight info used for identification of a specific highlight in an item
- * @beta
+ * @public
  */
 export interface HighlightInfo {
     highlightedItemIdentifier: string;
@@ -11,7 +11,7 @@ export interface HighlightInfo {
 }
 /**
  * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
- * @beta
+ * @public
  */
 export interface HighlightingComponentProps {
     highlightedText: string;

package/lib/components-react/common/HighlightingComponentProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightingComponentProps.js","sourceRoot":"","sources":["../../../src/components-react/common/HighlightingComponentProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Common\n */\n\n/**\n * Item highlight info used for identification of a specific highlight in an item\n * @beta\n */\nexport interface HighlightInfo {\n  /* item's identifier, used for its identification */\n  highlightedItemIdentifier: string;\n  /* Index of highlighted part in an item */\n  highlightIndex: number;\n}\n\n/**\n * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`\n * @beta\n */\nexport interface HighlightingComponentProps {\n  /* Filter text which we want to highlight */\n  highlightedText: string;\n  /* Information about the highlight which we want to actively highlight */\n  activeHighlight?: HighlightInfo;\n}\n"]}
+{"version":3,"file":"HighlightingComponentProps.js","sourceRoot":"","sources":["../../../src/components-react/common/HighlightingComponentProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Common\n */\n\n/**\n * Item highlight info used for identification of a specific highlight in an item\n * @public\n */\nexport interface HighlightInfo {\n  /* item's identifier, used for its identification */\n  highlightedItemIdentifier: string;\n  /* Index of highlighted part in an item */\n  highlightIndex: number;\n}\n\n/**\n * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`\n * @public\n */\nexport interface HighlightingComponentProps {\n  /* Filter text which we want to highlight */\n  highlightedText: string;\n  /* Information about the highlight which we want to actively highlight */\n  activeHighlight?: HighlightInfo;\n}\n"]}

package/lib/components-react/common/UseAsyncValue.d.ts

@@ -3,7 +3,7 @@
  */
 /**
  * Custom hook for working with possibly async values.
- * @beta
+ * @public
  */
 export declare const useAsyncValue: <T extends unknown>(value: T | PromiseLike<T>) => T | undefined;
 //# sourceMappingURL=UseAsyncValue.d.ts.map

package/lib/components-react/common/UseAsyncValue.js

@@ -34,7 +34,7 @@ const Subject_1 = require("rxjs/internal/Subject");
 const core_react_1 = require("@itwin/core-react");
 /**
  * Custom hook for working with possibly async values.
- * @beta
+ * @public
  */
 const useAsyncValue = (value) => {
     const cancelled = React.useMemo(() => new Subject_1.Subject(), []);

package/lib/components-react/common/UseAsyncValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseAsyncValue.js","sourceRoot":"","sources":["../../../src/components-react/common/UseAsyncValue.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,wDAAqD;AACrD,iEAA8D;AAC9D,mDAAgD;AAChD,kDAAsE;AAEtE;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAgB,KAAyB,EAAiB,EAAE;IACvF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAO,EAAQ,EAAE,EAAE,CAAC,CAAC;IAC/D,yCAAyC;IACzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9C,IAAI,IAAA,0BAAa,EAAC,KAAK,CAAC,EAAE;YACxB,IAAA,WAAI,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YACxG,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,IAAA,+BAAkB,EAAC,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,CAAC,QAAW,EAAE,EAAE;YAClC,SAAS,CAAC,IAAI,EAAE,CAAC;YACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,IAAI,IAAA,0BAAa,EAAC,KAAK,CAAC,EAAE;YACxB,MAAM,YAAY,GAAG,IAAA,WAAI,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YAC/H,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACzC;QAED,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB","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 Common\n */\n\nimport * as React from \"react\";\nimport { from } from \"rxjs/internal/observable/from\";\nimport { takeUntil } from \"rxjs/internal/operators/takeUntil\";\nimport { Subject } from \"rxjs/internal/Subject\";\nimport { isPromiseLike, useEffectSkipFirst } from \"@itwin/core-react\";\n\n/**\n * Custom hook for working with possibly async values.\n * @beta\n */\nexport const useAsyncValue = <T extends any>(value: T | PromiseLike<T>): T | undefined => {\n  const cancelled = React.useMemo(() => new Subject<void>(), []);\n  // cancel any pending promises on unmount\n  React.useEffect(() => () => cancelled.next(), [cancelled]);\n\n  const [result, setResult] = React.useState(() => {\n    if (isPromiseLike(value)) {\n      from(value).pipe(takeUntil(cancelled)).subscribe({ next: (resolvedValue) => setResult(resolvedValue) });\n      return undefined;\n    }\n    return value;\n  });\n\n  useEffectSkipFirst(() => {\n    const updateValue = (newValue: T) => {\n      cancelled.next();\n      setResult(newValue);\n    };\n\n    if (isPromiseLike(value)) {\n      const subscription = from(value).pipe(takeUntil(cancelled)).subscribe({ next: (resolvedValue) => updateValue(resolvedValue) });\n      return () => subscription.unsubscribe();\n    }\n\n    updateValue(value);\n    return undefined;\n  }, [value, cancelled]);\n\n  return result;\n};\n"]}
+{"version":3,"file":"UseAsyncValue.js","sourceRoot":"","sources":["../../../src/components-react/common/UseAsyncValue.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,wDAAqD;AACrD,iEAA8D;AAC9D,mDAAgD;AAChD,kDAAsE;AAEtE;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAgB,KAAyB,EAAiB,EAAE;IACvF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAO,EAAQ,EAAE,EAAE,CAAC,CAAC;IAC/D,yCAAyC;IACzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9C,IAAI,IAAA,0BAAa,EAAC,KAAK,CAAC,EAAE;YACxB,IAAA,WAAI,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YACxG,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,IAAA,+BAAkB,EAAC,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,CAAC,QAAW,EAAE,EAAE;YAClC,SAAS,CAAC,IAAI,EAAE,CAAC;YACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,IAAI,IAAA,0BAAa,EAAC,KAAK,CAAC,EAAE;YACxB,MAAM,YAAY,GAAG,IAAA,WAAI,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YAC/H,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACzC;QAED,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB","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 Common\n */\n\nimport * as React from \"react\";\nimport { from } from \"rxjs/internal/observable/from\";\nimport { takeUntil } from \"rxjs/internal/operators/takeUntil\";\nimport { Subject } from \"rxjs/internal/Subject\";\nimport { isPromiseLike, useEffectSkipFirst } from \"@itwin/core-react\";\n\n/**\n * Custom hook for working with possibly async values.\n * @public\n */\nexport const useAsyncValue = <T extends any>(value: T | PromiseLike<T>): T | undefined => {\n  const cancelled = React.useMemo(() => new Subject<void>(), []);\n  // cancel any pending promises on unmount\n  React.useEffect(() => () => cancelled.next(), [cancelled]);\n\n  const [result, setResult] = React.useState(() => {\n    if (isPromiseLike(value)) {\n      from(value).pipe(takeUntil(cancelled)).subscribe({ next: (resolvedValue) => setResult(resolvedValue) });\n      return undefined;\n    }\n    return value;\n  });\n\n  useEffectSkipFirst(() => {\n    const updateValue = (newValue: T) => {\n      cancelled.next();\n      setResult(newValue);\n    };\n\n    if (isPromiseLike(value)) {\n      const subscription = from(value).pipe(takeUntil(cancelled)).subscribe({ next: (resolvedValue) => updateValue(resolvedValue) });\n      return () => subscription.unsubscribe();\n    }\n\n    updateValue(value);\n    return undefined;\n  }, [value, cancelled]);\n\n  return result;\n};\n"]}

package/lib/components-react/datepicker/DatePicker.js

@@ -47,39 +47,39 @@ function isSameDay(a, b) {
  * @alpha
  */
 function DatePicker(props) {
-    const previousMonthLabel = React.useRef(UiComponents_1.UiComponents.i18n.translate("UiComponents:datepicker.previousMonth"));
-    const nextMonthLabel = React.useRef(UiComponents_1.UiComponents.i18n.translate("UiComponents:datepicker.nextMonth"));
+    const previousMonthLabel = React.useRef(UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:datepicker.previousMonth"));
+    const nextMonthLabel = React.useRef(UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:datepicker.nextMonth"));
     const monthsLong = React.useRef([
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.january"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.february"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.march"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.april"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.may"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.june"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.july"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.august"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.september"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.october"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.november"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:month.long.december"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.january"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.february"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.march"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.april"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.may"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.june"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.july"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.august"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.september"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.october"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.november"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.december"),
     ]);
     const daysLong = React.useRef([
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.sunday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.monday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.tuesday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.wednesday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.thursday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.friday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.long.saturday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.sunday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.monday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.tuesday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.wednesday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.thursday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.friday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.saturday"),
     ]);
     const daysShort = React.useRef([
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.sunday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.monday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.tuesday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.wednesday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.thursday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.friday"),
-        UiComponents_1.UiComponents.i18n.translate("UiComponents:days.short.saturday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.sunday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.monday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.tuesday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.wednesday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.thursday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.friday"),
+        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.saturday"),
     ]);
     const [selectedDay, setSelectedDay] = React.useState(new Date(props.selected.getTime()));
     const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(selectedDay.getMonth());

package/lib/components-react/datepicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components-react/datepicker/DatePicker.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 Date\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { WebFontIcon } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\n\nimport \"./DatePicker.scss\";\n\nfunction isSameDay(a: Date, b: Date) {\n  return (\n    a &&\n    b &&\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/**\n * Props for [[DatePicker]] component.\n * @alpha\n */\nexport interface DatePickerProps {\n  /** defines both date and time */\n  selected: Date;\n  /** function to call when date or time has changed */\n  onDateChange?: (day: Date) => void;\n  /** show focus outlines, useful for keyboard navigation */\n  showFocusOutline?: boolean;\n}\n\n/** DatePicker component. Show a month selector and a day calendar to select a specific date.\n * @alpha\n */\nexport function DatePicker(props: DatePickerProps) {\n  const previousMonthLabel = React.useRef(UiComponents.i18n.translate(\"UiComponents:datepicker.previousMonth\"));\n  const nextMonthLabel = React.useRef(UiComponents.i18n.translate(\"UiComponents:datepicker.nextMonth\"));\n  const monthsLong = React.useRef([\n    UiComponents.i18n.translate(\"UiComponents:month.long.january\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.february\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.march\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.april\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.may\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.june\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.july\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.august\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.september\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.october\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.november\"),\n    UiComponents.i18n.translate(\"UiComponents:month.long.december\"),\n  ]);\n\n  const daysLong = React.useRef([\n    UiComponents.i18n.translate(\"UiComponents:days.long.sunday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.long.monday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.long.tuesday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.long.wednesday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.long.thursday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.long.friday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.long.saturday\"),\n  ]);\n\n  const daysShort = React.useRef([\n    UiComponents.i18n.translate(\"UiComponents:days.short.sunday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.short.monday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.short.tuesday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.short.wednesday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.short.thursday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.short.friday\"),\n    UiComponents.i18n.translate(\"UiComponents:days.short.saturday\"),\n  ]);\n\n  const [selectedDay, setSelectedDay] = React.useState(new Date(props.selected.getTime()));\n  const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(selectedDay.getMonth());\n  const [displayedYear, setDisplayedYear] = React.useState(selectedDay.getFullYear());\n  const [focusedDay, setFocusedDay] = React.useState(selectedDay);\n  const days = React.useMemo(() => {\n    const msFirstDayOfMonth = new Date(displayedYear, displayedMonthIndex, 1).getTime();\n    let offsetToFirst = new Date(msFirstDayOfMonth).getDay();\n    if (0 === offsetToFirst)\n      offsetToFirst = 7;\n\n    const daysInMonth: Date[] = [];\n    // generate 6 weeks of dates\n    for (let i = 0; i < 42; i++) {\n      const adjustedDay = 1 + i - offsetToFirst;\n      daysInMonth.push(new Date(displayedYear, displayedMonthIndex, adjustedDay));\n    }\n    return daysInMonth;\n  }, [displayedMonthIndex, displayedYear]);\n\n  const weeks = React.useMemo(() => {\n    const weeksInMonth = [];\n    const weekCount = Math.ceil(days.length / 7);\n    for (let i = 0; i < weekCount; i++) {\n      weeksInMonth.push(days.slice(i * 7, (i + 1) * 7));\n    }\n    return weeksInMonth;\n  }, [days]);\n\n  const setMonthAndYear = React.useCallback((newMonth: number, newYear: number) => {\n    setDisplayedMonthIndex(newMonth);\n    setDisplayedYear(newYear);\n    if (selectedDay.getFullYear() === newYear && selectedDay.getMonth() === newMonth) {\n      setFocusedDay(new Date(selectedDay.getTime()));\n    } else {\n      const newFocusDay = new Date(focusedDay.getTime());\n      newFocusDay.setFullYear(newYear, newMonth, 1);\n      setFocusedDay(newFocusDay);\n    }\n  }, [focusedDay, selectedDay]);\n\n  const handleMoveToPreviousMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;\n    const newYear = displayedMonthIndex !== 0 ? displayedYear : displayedYear - 1;\n    setMonthAndYear(newMonth, newYear);\n  }, [displayedMonthIndex, displayedYear, setMonthAndYear]);\n\n  const handleMoveToNextMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 11 ? displayedMonthIndex + 1 : 0;\n    const newYear = displayedMonthIndex !== 11 ? displayedYear : displayedYear + 1;\n    setMonthAndYear(newMonth, newYear);\n  }, [displayedMonthIndex, displayedYear, setMonthAndYear]);\n\n  // when invoked, it will return another function which can be used for the onClick React listener.\n  const handleOnDayChange = React.useCallback((day: Date) => () => {\n    setSelectedDay(day);\n    setFocusedDay(day);\n    props.onDateChange && props.onDateChange(day);\n  }, [props]);\n\n  const handleCalendarKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (event.key === SpecialKey.ArrowDown) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      if ((focusedDayIndex + 7) > 41)\n        setFocusedDay(days[focusedDayIndex % 7]);\n      else\n        setFocusedDay(days[focusedDayIndex + 7]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.ArrowUp) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      if ((focusedDayIndex - 7) < 0)\n        setFocusedDay(days[(focusedDayIndex % 7) + 35]);\n      else\n        setFocusedDay(days[focusedDayIndex - 7]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.ArrowLeft) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      // istanbul ignore else\n      if ((focusedDayIndex - 1) >= 0)\n        setFocusedDay(days[focusedDayIndex - 1]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.ArrowRight) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      // istanbul ignore else\n      if ((focusedDayIndex + 1) <= 41)\n        setFocusedDay(days[focusedDayIndex + 1]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.Enter || event.key === SpecialKey.Space) {\n      handleOnDayChange(focusedDay)(); // NB: immediately call returned handler function\n      event.preventDefault();\n    }\n  }, [days, focusedDay, handleOnDayChange]);\n\n  const previousButtonClass = classnames(\"components-previous-month\", props.showFocusOutline && \"showFocusOutline\");\n  const nextButtonClass = classnames(\"components-next-month\", props.showFocusOutline && \"showFocusOutline\");\n  const calendarClass = classnames(\"components-date-picker-calendar-month\", props.showFocusOutline && \"showFocusOutline\");\n\n  return (\n    <div className=\"components-date-picker-calendar\">\n      <div className=\"components-date-picker-calendar-header-months\">\n        <button className={previousButtonClass} title={previousMonthLabel.current} onClick={handleMoveToPreviousMonth}>\n          <WebFontIcon iconName={\"icon-chevron-left\"} />\n        </button>\n        <span className=\"components-month-year\">{monthsLong.current[displayedMonthIndex]} {displayedYear}</span>\n        <button className={nextButtonClass} title={nextMonthLabel.current} onClick={handleMoveToNextMonth}>\n          <WebFontIcon iconName={\"icon-chevron-right\"} />\n        </button>\n      </div>\n      <div className=\"components-date-picker-calendar-header-weekdays\">\n        {[0, 1, 2, 3, 4, 5, 6].map((dayOfWeek) =>\n          <div key={`day-${dayOfWeek}`} className=\"components-date-picker-calendar-header-day-short\"\n            title={daysLong.current[dayOfWeek]}><span>{daysShort.current[dayOfWeek]}</span></div>)}\n      </div>\n      <ul tabIndex={0} onKeyDown={handleCalendarKeyDown} data-testid=\"components-date-picker-calendar-list\" className={calendarClass} role=\"listbox\">\n        {weeks.map((weekdays, weekIndex) => (\n          <React.Fragment key={`week-${weekIndex}`}>\n            {weekdays.map((day: Date, dayIndex: number) => {\n              const isActive = selectedDay && day && isSameDay(selectedDay, day);\n              const isFocused = focusedDay && day && isSameDay(focusedDay, day) && props.showFocusOutline;\n              const isCurrentMonth = day.getMonth() === displayedMonthIndex;\n              const classNames = classnames(\"components-date-picker-calendar-day\", isActive && \"selected\", !isCurrentMonth && \"notCurrentMonth\", isFocused && \"focused\");\n              const dateValue = day.getDate();\n              return (\n                /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n                <li className={classNames} key={`${displayedYear}.${displayedMonthIndex}.day.${dayIndex}`}\n                  onClick={handleOnDayChange(day)} role=\"option\" aria-selected={isActive} data-value={day.getTime()}>\n                  <span>{dateValue}</span>\n                </li>\n              );\n            })}\n          </React.Fragment>)\n        )}\n      </ul>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components-react/datepicker/DatePicker.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 Date\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { WebFontIcon } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\n\nimport \"./DatePicker.scss\";\n\nfunction isSameDay(a: Date, b: Date) {\n  return (\n    a &&\n    b &&\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/**\n * Props for [[DatePicker]] component.\n * @alpha\n */\nexport interface DatePickerProps {\n  /** defines both date and time */\n  selected: Date;\n  /** function to call when date or time has changed */\n  onDateChange?: (day: Date) => void;\n  /** show focus outlines, useful for keyboard navigation */\n  showFocusOutline?: boolean;\n}\n\n/** DatePicker component. Show a month selector and a day calendar to select a specific date.\n * @alpha\n */\nexport function DatePicker(props: DatePickerProps) {\n  const previousMonthLabel = React.useRef(UiComponents.localization.getLocalizedString(\"UiComponents:datepicker.previousMonth\"));\n  const nextMonthLabel = React.useRef(UiComponents.localization.getLocalizedString(\"UiComponents:datepicker.nextMonth\"));\n  const monthsLong = React.useRef([\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.january\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.february\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.march\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.april\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.may\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.june\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.july\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.august\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.september\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.october\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.november\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.december\"),\n  ]);\n\n  const daysLong = React.useRef([\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.sunday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.monday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.tuesday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.wednesday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.thursday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.friday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.long.saturday\"),\n  ]);\n\n  const daysShort = React.useRef([\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.sunday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.monday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.tuesday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.wednesday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.thursday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.friday\"),\n    UiComponents.localization.getLocalizedString(\"UiComponents:days.short.saturday\"),\n  ]);\n\n  const [selectedDay, setSelectedDay] = React.useState(new Date(props.selected.getTime()));\n  const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(selectedDay.getMonth());\n  const [displayedYear, setDisplayedYear] = React.useState(selectedDay.getFullYear());\n  const [focusedDay, setFocusedDay] = React.useState(selectedDay);\n  const days = React.useMemo(() => {\n    const msFirstDayOfMonth = new Date(displayedYear, displayedMonthIndex, 1).getTime();\n    let offsetToFirst = new Date(msFirstDayOfMonth).getDay();\n    if (0 === offsetToFirst)\n      offsetToFirst = 7;\n\n    const daysInMonth: Date[] = [];\n    // generate 6 weeks of dates\n    for (let i = 0; i < 42; i++) {\n      const adjustedDay = 1 + i - offsetToFirst;\n      daysInMonth.push(new Date(displayedYear, displayedMonthIndex, adjustedDay));\n    }\n    return daysInMonth;\n  }, [displayedMonthIndex, displayedYear]);\n\n  const weeks = React.useMemo(() => {\n    const weeksInMonth = [];\n    const weekCount = Math.ceil(days.length / 7);\n    for (let i = 0; i < weekCount; i++) {\n      weeksInMonth.push(days.slice(i * 7, (i + 1) * 7));\n    }\n    return weeksInMonth;\n  }, [days]);\n\n  const setMonthAndYear = React.useCallback((newMonth: number, newYear: number) => {\n    setDisplayedMonthIndex(newMonth);\n    setDisplayedYear(newYear);\n    if (selectedDay.getFullYear() === newYear && selectedDay.getMonth() === newMonth) {\n      setFocusedDay(new Date(selectedDay.getTime()));\n    } else {\n      const newFocusDay = new Date(focusedDay.getTime());\n      newFocusDay.setFullYear(newYear, newMonth, 1);\n      setFocusedDay(newFocusDay);\n    }\n  }, [focusedDay, selectedDay]);\n\n  const handleMoveToPreviousMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;\n    const newYear = displayedMonthIndex !== 0 ? displayedYear : displayedYear - 1;\n    setMonthAndYear(newMonth, newYear);\n  }, [displayedMonthIndex, displayedYear, setMonthAndYear]);\n\n  const handleMoveToNextMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 11 ? displayedMonthIndex + 1 : 0;\n    const newYear = displayedMonthIndex !== 11 ? displayedYear : displayedYear + 1;\n    setMonthAndYear(newMonth, newYear);\n  }, [displayedMonthIndex, displayedYear, setMonthAndYear]);\n\n  // when invoked, it will return another function which can be used for the onClick React listener.\n  const handleOnDayChange = React.useCallback((day: Date) => () => {\n    setSelectedDay(day);\n    setFocusedDay(day);\n    props.onDateChange && props.onDateChange(day);\n  }, [props]);\n\n  const handleCalendarKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (event.key === SpecialKey.ArrowDown) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      if ((focusedDayIndex + 7) > 41)\n        setFocusedDay(days[focusedDayIndex % 7]);\n      else\n        setFocusedDay(days[focusedDayIndex + 7]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.ArrowUp) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      if ((focusedDayIndex - 7) < 0)\n        setFocusedDay(days[(focusedDayIndex % 7) + 35]);\n      else\n        setFocusedDay(days[focusedDayIndex - 7]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.ArrowLeft) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      // istanbul ignore else\n      if ((focusedDayIndex - 1) >= 0)\n        setFocusedDay(days[focusedDayIndex - 1]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.ArrowRight) {\n      const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));\n      // istanbul ignore else\n      if ((focusedDayIndex + 1) <= 41)\n        setFocusedDay(days[focusedDayIndex + 1]);\n      event.preventDefault();\n    }\n    if (event.key === SpecialKey.Enter || event.key === SpecialKey.Space) {\n      handleOnDayChange(focusedDay)(); // NB: immediately call returned handler function\n      event.preventDefault();\n    }\n  }, [days, focusedDay, handleOnDayChange]);\n\n  const previousButtonClass = classnames(\"components-previous-month\", props.showFocusOutline && \"showFocusOutline\");\n  const nextButtonClass = classnames(\"components-next-month\", props.showFocusOutline && \"showFocusOutline\");\n  const calendarClass = classnames(\"components-date-picker-calendar-month\", props.showFocusOutline && \"showFocusOutline\");\n\n  return (\n    <div className=\"components-date-picker-calendar\">\n      <div className=\"components-date-picker-calendar-header-months\">\n        <button className={previousButtonClass} title={previousMonthLabel.current} onClick={handleMoveToPreviousMonth}>\n          <WebFontIcon iconName={\"icon-chevron-left\"} />\n        </button>\n        <span className=\"components-month-year\">{monthsLong.current[displayedMonthIndex]} {displayedYear}</span>\n        <button className={nextButtonClass} title={nextMonthLabel.current} onClick={handleMoveToNextMonth}>\n          <WebFontIcon iconName={\"icon-chevron-right\"} />\n        </button>\n      </div>\n      <div className=\"components-date-picker-calendar-header-weekdays\">\n        {[0, 1, 2, 3, 4, 5, 6].map((dayOfWeek) =>\n          <div key={`day-${dayOfWeek}`} className=\"components-date-picker-calendar-header-day-short\"\n            title={daysLong.current[dayOfWeek]}><span>{daysShort.current[dayOfWeek]}</span></div>)}\n      </div>\n      <ul tabIndex={0} onKeyDown={handleCalendarKeyDown} data-testid=\"components-date-picker-calendar-list\" className={calendarClass} role=\"listbox\">\n        {weeks.map((weekdays, weekIndex) => (\n          <React.Fragment key={`week-${weekIndex}`}>\n            {weekdays.map((day: Date, dayIndex: number) => {\n              const isActive = selectedDay && day && isSameDay(selectedDay, day);\n              const isFocused = focusedDay && day && isSameDay(focusedDay, day) && props.showFocusOutline;\n              const isCurrentMonth = day.getMonth() === displayedMonthIndex;\n              const classNames = classnames(\"components-date-picker-calendar-day\", isActive && \"selected\", !isCurrentMonth && \"notCurrentMonth\", isFocused && \"focused\");\n              const dateValue = day.getDate();\n              return (\n                /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n                <li className={classNames} key={`${displayedYear}.${displayedMonthIndex}.day.${dayIndex}`}\n                  onClick={handleOnDayChange(day)} role=\"option\" aria-selected={isActive} data-value={day.getTime()}>\n                  <span>{dateValue}</span>\n                </li>\n              );\n            })}\n          </React.Fragment>)\n        )}\n      </ul>\n    </div>\n  );\n}\n"]}

package/lib/components-react/editors/BooleanEditor.d.ts

@@ -12,7 +12,7 @@ interface BooleanEditorState {
     isDisabled?: boolean;
 }
 /** BooleanEditor React component that is a property editor with checkbox input
- * @beta
+ * @public
  */
 export declare class BooleanEditor extends React.PureComponent<PropertyEditorProps, BooleanEditorState> implements TypeEditor {
     private _isMounted;
@@ -35,7 +35,7 @@ export declare class BooleanEditor extends React.PureComponent<PropertyEditorPro
 }
 /** Boolean Property Editor registered for the "bool" and "boolean" type names.
  * It uses the [[BooleanEditor]] React component.
- * @beta
+ * @public
  */
 export declare class BooleanPropertyEditor extends PropertyEditorBase {
     get containerHandlesBlur(): boolean;

package/lib/components-react/editors/BooleanEditor.js

@@ -37,7 +37,7 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const PropertyEditorManager_1 = require("./PropertyEditorManager");
 /** BooleanEditor React component that is a property editor with checkbox input
- * @beta
+ * @public
  */
 class BooleanEditor extends React.PureComponent {
     constructor() {
@@ -137,7 +137,7 @@ class BooleanEditor extends React.PureComponent {
 exports.BooleanEditor = BooleanEditor;
 /** Boolean Property Editor registered for the "bool" and "boolean" type names.
  * It uses the [[BooleanEditor]] React component.
- * @beta
+ * @public
  */
 class BooleanPropertyEditor extends PropertyEditorManager_1.PropertyEditorBase {
     // istanbul ignore next

package/lib/components-react/editors/BooleanEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/BooleanEditor.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 PropertyEditors\n */\n\nimport \"./BooleanEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { PropertyValue, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\nimport { PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\n\n/** @internal */\ninterface BooleanEditorState {\n  checkboxValue: boolean;\n  isDisabled?: boolean;\n}\n\n/** BooleanEditor React component that is a property editor with checkbox input\n * @beta\n */\nexport class BooleanEditor extends React.PureComponent<PropertyEditorProps, BooleanEditorState> implements TypeEditor {\n  private _isMounted = false;\n  private _inputElement = React.createRef<HTMLInputElement>();\n\n  /** @internal */\n  public override readonly state: Readonly<BooleanEditorState> = {\n    checkboxValue: false,\n    isDisabled: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    // istanbul ignore else\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.checkboxValue,\n        displayValue: \"\",\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private _updateCheckboxValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this._isMounted) {\n      let checkboxValue: boolean = false;\n\n      // istanbul ignore if\n      if (e.target.checked !== undefined)   // Needed for unit test environment\n        checkboxValue = e.target.checked;\n      else {\n        // istanbul ignore else\n        if (e.target.value !== undefined && typeof e.target.value === \"boolean\")\n          checkboxValue = e.target.value;\n      }\n\n      this.setState({\n        checkboxValue,\n      }, async () => {\n        // istanbul ignore else\n        if (this.props.propertyRecord && this.props.onCommit) {\n          const propertyValue = await this.getPropertyValue();\n          // istanbul ignore else\n          if (propertyValue !== undefined) {\n            this.props.onCommit({ propertyRecord: this.props.propertyRecord, newValue: propertyValue });\n          }\n        }\n      });\n    }\n  };\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  }\n\n  private async setStateFromProps() {\n    const { propertyRecord } = this.props;\n    let checkboxValue = false;\n    let isDisabled = false;\n\n    // istanbul ignore else\n    if (propertyRecord && propertyRecord.value.valueFormat === PropertyValueFormat.Primitive) {\n      const primitiveValue = propertyRecord.value.value;\n      checkboxValue = primitiveValue as boolean;\n    }\n\n    // istanbul ignore else\n    if (propertyRecord && propertyRecord.isDisabled)\n      isDisabled = propertyRecord.isDisabled;\n\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState({ checkboxValue, isDisabled });\n  }\n\n  /** @internal */\n  public override render() {\n    const className = classnames(\"components-cell-editor\", \"components-boolean-editor\", this.props.className);\n    const checked = this.state.checkboxValue;\n    const isDisabled = !!this.state.isDisabled;\n\n    return (\n      <Checkbox\n        ref={this._inputElement}\n        onBlur={this.props.onBlur}\n        className={className}\n        style={this.props.style}\n        checked={checked}\n        onChange={this._updateCheckboxValue}\n        setFocus={this.props.setFocus}\n        disabled={isDisabled}\n        data-testid=\"components-checkbox-editor\">\n      </Checkbox>\n    );\n  }\n}\n\n/** Boolean Property Editor registered for the \"bool\" and \"boolean\" type names.\n * It uses the [[BooleanEditor]] React component.\n * @beta\n */\nexport class BooleanPropertyEditor extends PropertyEditorBase {\n  // istanbul ignore next\n  public override get containerHandlesBlur(): boolean {\n    return false;\n  }\n\n  public get reactNode(): React.ReactNode {\n    return <BooleanEditor />;\n  }\n}\n\nPropertyEditorManager.registerEditor(StandardTypeNames.Bool, BooleanPropertyEditor);\nPropertyEditorManager.registerEditor(StandardTypeNames.Boolean, BooleanPropertyEditor);\n"]}
+{"version":3,"file":"BooleanEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/BooleanEditor.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 PropertyEditors\n */\n\nimport \"./BooleanEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { PropertyValue, PropertyValueFormat, StandardTypeNames } from \"@itwin/appui-abstract\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\nimport { PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\n\n/** @internal */\ninterface BooleanEditorState {\n  checkboxValue: boolean;\n  isDisabled?: boolean;\n}\n\n/** BooleanEditor React component that is a property editor with checkbox input\n * @public\n */\nexport class BooleanEditor extends React.PureComponent<PropertyEditorProps, BooleanEditorState> implements TypeEditor {\n  private _isMounted = false;\n  private _inputElement = React.createRef<HTMLInputElement>();\n\n  /** @internal */\n  public override readonly state: Readonly<BooleanEditorState> = {\n    checkboxValue: false,\n    isDisabled: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    // istanbul ignore else\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.checkboxValue,\n        displayValue: \"\",\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private _updateCheckboxValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this._isMounted) {\n      let checkboxValue: boolean = false;\n\n      // istanbul ignore if\n      if (e.target.checked !== undefined)   // Needed for unit test environment\n        checkboxValue = e.target.checked;\n      else {\n        // istanbul ignore else\n        if (e.target.value !== undefined && typeof e.target.value === \"boolean\")\n          checkboxValue = e.target.value;\n      }\n\n      this.setState({\n        checkboxValue,\n      }, async () => {\n        // istanbul ignore else\n        if (this.props.propertyRecord && this.props.onCommit) {\n          const propertyValue = await this.getPropertyValue();\n          // istanbul ignore else\n          if (propertyValue !== undefined) {\n            this.props.onCommit({ propertyRecord: this.props.propertyRecord, newValue: propertyValue });\n          }\n        }\n      });\n    }\n  };\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  }\n\n  private async setStateFromProps() {\n    const { propertyRecord } = this.props;\n    let checkboxValue = false;\n    let isDisabled = false;\n\n    // istanbul ignore else\n    if (propertyRecord && propertyRecord.value.valueFormat === PropertyValueFormat.Primitive) {\n      const primitiveValue = propertyRecord.value.value;\n      checkboxValue = primitiveValue as boolean;\n    }\n\n    // istanbul ignore else\n    if (propertyRecord && propertyRecord.isDisabled)\n      isDisabled = propertyRecord.isDisabled;\n\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState({ checkboxValue, isDisabled });\n  }\n\n  /** @internal */\n  public override render() {\n    const className = classnames(\"components-cell-editor\", \"components-boolean-editor\", this.props.className);\n    const checked = this.state.checkboxValue;\n    const isDisabled = !!this.state.isDisabled;\n\n    return (\n      <Checkbox\n        ref={this._inputElement}\n        onBlur={this.props.onBlur}\n        className={className}\n        style={this.props.style}\n        checked={checked}\n        onChange={this._updateCheckboxValue}\n        setFocus={this.props.setFocus}\n        disabled={isDisabled}\n        data-testid=\"components-checkbox-editor\">\n      </Checkbox>\n    );\n  }\n}\n\n/** Boolean Property Editor registered for the \"bool\" and \"boolean\" type names.\n * It uses the [[BooleanEditor]] React component.\n * @public\n */\nexport class BooleanPropertyEditor extends PropertyEditorBase {\n  // istanbul ignore next\n  public override get containerHandlesBlur(): boolean {\n    return false;\n  }\n\n  public get reactNode(): React.ReactNode {\n    return <BooleanEditor />;\n  }\n}\n\nPropertyEditorManager.registerEditor(StandardTypeNames.Bool, BooleanPropertyEditor);\nPropertyEditorManager.registerEditor(StandardTypeNames.Boolean, BooleanPropertyEditor);\n"]}

package/lib/components-react/editors/EnumButtonGroupEditor.d.ts

@@ -13,7 +13,7 @@ interface EnumButtonGroupEditorState {
     choices: EnumerationChoice[];
 }
 /** EnumButtonGroupEditor React component that is a property editor with select input
- * @beta
+ * @public
  */
 export declare class EnumButtonGroupEditor extends React.Component<PropertyEditorProps, EnumButtonGroupEditorState> implements TypeEditor {
     private _btnRefs;
@@ -35,7 +35,7 @@ export declare class EnumButtonGroupEditor extends React.Component<PropertyEdito
 }
 /** Enum Property Button Group Editor registered for the "enum" type name and the "enum-buttongroup" editor name.
  * It uses the [[EnumButtonGroupEditor]] React component.
- * @beta
+ * @public
  */
 export declare class EnumPropertyButtonGroupEditor extends PropertyEditorBase {
     get reactNode(): React.ReactNode;

package/lib/components-react/editors/EnumButtonGroupEditor.js

@@ -37,7 +37,7 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const PropertyEditorManager_1 = require("./PropertyEditorManager");
 /** EnumButtonGroupEditor React component that is a property editor with select input
- * @beta
+ * @public
  */
 class EnumButtonGroupEditor extends React.Component {
     constructor() {
@@ -168,7 +168,7 @@ class EnumButtonGroupEditor extends React.Component {
 exports.EnumButtonGroupEditor = EnumButtonGroupEditor;
 /** Enum Property Button Group Editor registered for the "enum" type name and the "enum-buttongroup" editor name.
  * It uses the [[EnumButtonGroupEditor]] React component.
- * @beta
+ * @public
  */
 class EnumPropertyButtonGroupEditor extends PropertyEditorManager_1.PropertyEditorBase {
     get reactNode() {