@itwin/components-react 4.6.4 → 4.7.1

package/CHANGELOG.md

@@ -1,11 +1,33 @@
 # Change Log - @itwin/components-react
 
-This log was last generated on Mon, 20 Nov 2023 19:07:50 GMT and should not be manually modified.
+This log was last generated on Thu, 07 Dec 2023 19:40:17 GMT and should not be manually modified.
 
-## 4.6.4
-Mon, 20 Nov 2023 19:07:50 GMT
+## 4.7.1
+Thu, 07 Dec 2023 19:40:17 GMT
 
-_Version update only_
+### Minor changes
+
+- Reset operator when property of rule item is changed in FilterBuilderState.
+
+### Updates
+
+- Set filterText to lowercase in constructors of filterers.
+
+## 4.7.0
+Fri, 01 Dec 2023 20:01:16 GMT
+
+### Minor changes
+
+- Add support for double-clicking tree nodes.
+
+### Patches
+
+- Fix bug where multiline value renderer would not support certain properties.
+
+### Updates
+
+- No longer consume deprecated appui-abstract types: getObjectClassName, SpecialKey; use icon path directly instead of IconSpecUtilities
+- Fixed `useAsyncValue` hook to work in React 18 strict mode.
 
 ## 4.6.3
 Wed, 25 Oct 2023 09:39:22 GMT

package/lib/cjs/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,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD;;;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;IAmBzE,0DAA0D;WAC5C,SAAS;IAWvB,sDAAsD;IACtD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED;;OAEG;IACH,WAAkB,YAAY,IAAI,YAAY,CAO7C;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;IAavD,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,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKvD;;;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;IAmBzE,0DAA0D;WAC5C,SAAS;IAWvB,sDAAsD;IACtD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED;;OAEG;IACH,WAAkB,YAAY,IAAI,YAAY,CAO7C;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;IAavD,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}

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

@@ -10,8 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UiComponents = void 0;
 const immer_1 = require("immer");
 const core_bentley_1 = require("@itwin/core-bentley");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
+const core_react_2 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
 /**
  * Manages the localization service for the components-react package.
  * @public
@@ -74,7 +75,7 @@ class UiComponents {
     }
     /** @internal */
     static loggerCategory(obj) {
-        const className = (0, appui_abstract_1.getClassName)(obj);
+        const className = (0, core_react_2.getObjectClassName)(obj);
         const category = UiComponents.packageName + (className ? `.${className}` : "");
         return category;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../../src/components-react/UiComponents.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;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,CACZ,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EACzC,wCAAwC,CACzC,CAAC;YACF,OAAO;SACR;QAED,IAAA,qBAAa,GAAE,CAAC;QAChB,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC;QAC1C,MAAM,YAAY,CAAC,aAAa,CAAC,iBAAiB,CAChD,YAAY,CAAC,qBAAqB,CACnC,CAAC;QAEF,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,CAC5C,YAAY,CAAC,qBAAqB,CACnC,CAAC;QACJ,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;QAC3B,OAAO,YAAY,CAAC,YAAY,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,IAAI,CAAC,YAAY,CAAC,aAAa;YAC7B,MAAM,IAAI,wBAAO,CACf,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,mGAAmG,CACpG,CAAC;QACJ,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,CACb,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,iFAAiF,CAClF,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,EAAE;YACvD,EAAE,EAAE,YAAY,CAAC,qBAAqB;SACvC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GACZ,YAAY,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAvFc,yBAAY,GAAG,KAAK,CAAC;AADzB,oCAAY","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 type { 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 host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiComponents._initialized) {\n      Logger.logInfo(\n        UiComponents.loggerCategory(UiComponents),\n        `UiComponents.initialize already called`\n      );\n      return;\n    }\n\n    enablePatches();\n    UiComponents._localization = localization;\n    await UiComponents._localization.registerNamespace(\n      UiComponents.localizationNamespace\n    );\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(\n        UiComponents.localizationNamespace\n      );\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 {\n    return UiComponents._initialized;\n  }\n\n  /** The internationalization service created by the host application.\n   * @internal\n   */\n  public static get localization(): Localization {\n    if (!UiComponents._localization)\n      throw new UiError(\n        UiComponents.loggerCategory(this),\n        \"_localization: UiComponents.initialize has not been called. Unable to return Localization object.\"\n      );\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(\n        UiComponents.loggerCategory(this),\n        `translate: UiComponents.initialize has not been called. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiComponents.localization.getLocalizedString(key, {\n      ns: UiComponents.localizationNamespace,\n    });\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getClassName(obj);\n    const category =\n      UiComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}
+{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../../src/components-react/UiComponents.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAAsC;AACtC,sDAA6C;AAE7C,kDAA2C;AAC3C,kDAAuD;AACvD,0DAAgD;AAEhD;;;GAGG;AACH,MAAa,YAAY;IAIvB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,YAAY,CAAC,YAAY,EAAE;YAC7B,qBAAM,CAAC,OAAO,CACZ,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EACzC,wCAAwC,CACzC,CAAC;YACF,OAAO;SACR;QAED,IAAA,qBAAa,GAAE,CAAC;QAChB,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC;QAC1C,MAAM,YAAY,CAAC,aAAa,CAAC,iBAAiB,CAChD,YAAY,CAAC,qBAAqB,CACnC,CAAC;QAEF,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,CAC5C,YAAY,CAAC,qBAAqB,CACnC,CAAC;QACJ,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;QAC3B,OAAO,YAAY,CAAC,YAAY,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,IAAI,CAAC,YAAY,CAAC,aAAa;YAC7B,MAAM,IAAI,wBAAO,CACf,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,mGAAmG,CACpG,CAAC;QACJ,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,CACb,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,iFAAiF,CAClF,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,EAAE;YACvD,EAAE,EAAE,YAAY,CAAC,qBAAqB;SACvC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,+BAAkB,EAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,QAAQ,GACZ,YAAY,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAvFc,yBAAY,GAAG,KAAK,CAAC;AADzB,oCAAY","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 type { Localization } from \"@itwin/core-common\";\nimport { UiCore } from \"@itwin/core-react\";\nimport { getObjectClassName } from \"@itwin/core-react\";\nimport { UiError } from \"@itwin/appui-abstract\";\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 host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiComponents._initialized) {\n      Logger.logInfo(\n        UiComponents.loggerCategory(UiComponents),\n        `UiComponents.initialize already called`\n      );\n      return;\n    }\n\n    enablePatches();\n    UiComponents._localization = localization;\n    await UiComponents._localization.registerNamespace(\n      UiComponents.localizationNamespace\n    );\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(\n        UiComponents.localizationNamespace\n      );\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 {\n    return UiComponents._initialized;\n  }\n\n  /** The internationalization service created by the host application.\n   * @internal\n   */\n  public static get localization(): Localization {\n    if (!UiComponents._localization)\n      throw new UiError(\n        UiComponents.loggerCategory(this),\n        \"_localization: UiComponents.initialize has not been called. Unable to return Localization object.\"\n      );\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(\n        UiComponents.loggerCategory(this),\n        `translate: UiComponents.initialize has not been called. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiComponents.localization.getLocalizedString(key, {\n      ns: UiComponents.localizationNamespace,\n    });\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getObjectClassName(obj);\n    const category =\n      UiComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}

package/lib/cjs/components-react/common/ImageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,KAAK,EAIN,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAkC;IAE1D,OAAO,CAAC,WAAW;IAenB,8BAA8B;IAC9B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,mBAAmB;IAW3B,iCAAiC;IACjC,OAAO,CAAC,SAAS;IAgBjB,+BAA+B;IAC/B,OAAO,CAAC,SAAS;IAIjB,sCAAsC;IACtC,OAAO,CAAC,cAAc;IAItB,sDAAsD;IACtD,OAAO,CAAC,0BAA0B;IAIlC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAgB/B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAKzB,yDAAyD;IAClD,MAAM,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS;CA0BnD"}
+{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,KAAK,EAIN,MAAM,gBAAgB,CAAC;AAGxB;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAkC;IAE1D,OAAO,CAAC,WAAW;IAenB,8BAA8B;IAC9B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,mBAAmB;IAW3B,iCAAiC;IACjC,OAAO,CAAC,SAAS;IAejB,+BAA+B;IAC/B,OAAO,CAAC,SAAS;IAIjB,sCAAsC;IACtC,OAAO,CAAC,cAAc;IAItB,sDAAsD;IACtD,OAAO,CAAC,0BAA0B;IAIlC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAgB/B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAKzB,yDAAyD;IAClD,MAAM,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS;CA0BnD"}

package/lib/cjs/components-react/common/ImageRenderer.js

@@ -32,9 +32,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageRenderer = void 0;
 const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const UiComponents_1 = require("../UiComponents");
+const appui_abstract_1 = require("@itwin/appui-abstract");
 /** A class that renders images from data provided by an image loader
  * @internal
  */
@@ -85,9 +85,8 @@ class ImageRenderer {
             svgAsDataUri = this.convertSvgToDataUri(svg.trim());
             ImageRenderer._svgCache.set(svg, svgAsDataUri);
         }
-        const iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);
         return (React.createElement("div", null,
-            React.createElement(core_react_1.Icon, { iconSpec: iconSpec })));
+            React.createElement(core_react_1.Icon, { iconSpec: svgAsDataUri })));
     }
     /** Render image from an url */
     renderUrl(url) {

package/lib/cjs/components-react/common/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.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 Common\n */\n\nimport * as React from \"react\";\nimport { IconSpecUtilities, UiError } from \"@itwin/appui-abstract\";\nimport type { WebFontIconProps } from \"@itwin/core-react\";\nimport { Icon, WebFontIcon } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport type {\n  Image,\n  ImageFileFormat,\n  LoadedBinaryImage,\n  LoadedImage,\n} from \"./IImageLoader\";\n\n/** A class that renders images from data provided by an image loader\n * @internal\n */\nexport class ImageRenderer {\n  private static _svgCache: Map<string, string> = new Map();\n\n  private hexToBase64(hexstring: string) {\n    const match = hexstring.match(/\\w{2}/g);\n    // istanbul ignore next\n    if (!match) return \"\";\n\n    // eslint-disable-next-line deprecation/deprecation\n    return btoa(\n      match\n        .map((a) => {\n          return String.fromCharCode(parseInt(a, 16));\n        })\n        .join(\"\")\n    );\n  }\n\n  /** Render raw binary image */\n  private renderBinary(data: string, format: ImageFileFormat) {\n    // Convert binary to base64\n    const dataAsBase64 = this.hexToBase64(data);\n    return <img src={`data:image/${format};base64,${dataAsBase64}`} alt=\"\" />;\n  }\n\n  private isSvg(input: string): boolean {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(input, \"application/xml\");\n\n    const errorNode = doc.querySelector(\"parsererror\");\n    // istanbul ignore if\n    if (errorNode) {\n      return false;\n    }\n\n    const rootNode = doc.documentElement.nodeName.toLowerCase();\n    return \"svg\" === rootNode;\n  }\n\n  private convertSvgToDataUri(svg: string) {\n    // istanbul ignore if\n    if (!this.isSvg(svg)) {\n      return \"\";\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    const svgAsBase64 = btoa(svg);\n    return `data:image/svg+xml;base64,${svgAsBase64}`;\n  }\n\n  /** Render svg string into JSX */\n  private renderSvg(svg: string) {\n    let svgAsDataUri = ImageRenderer._svgCache.get(svg);\n    // istanbul ignore else\n    if (undefined === svgAsDataUri) {\n      svgAsDataUri = this.convertSvgToDataUri(svg.trim());\n      ImageRenderer._svgCache.set(svg, svgAsDataUri);\n    }\n\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgAsDataUri);\n    return (\n      <div>\n        <Icon iconSpec={iconSpec} />\n      </div>\n    );\n  }\n\n  /** Render image from an url */\n  private renderUrl(url: string) {\n    return <img src={url} alt=\"\" />;\n  }\n\n  /** Render image as core-react icon */\n  private renderCoreIcon(iconName: string) {\n    return <WebFontIcon iconName={iconName} />;\n  }\n\n  /** Replaces the escaped instances of \"\\:\" with \":\" */\n  private normalizeEscapedIconString(escapedIconString: string) {\n    return escapedIconString.replace(/\\\\:/g, \":\");\n  }\n\n  /**\n   * Extract class and name from icon name, if the name follows format \"{className}:{fontName}\".\n   * className and fontName can be escaped using \\ if : is needed.\n   */\n  private extractIconClassAndName(\n    iconName: string\n  ): Pick<WebFontIconProps, \"iconClassName\" | \"iconName\"> {\n    const matches = iconName.match(/(\\\\.|[^:])+/g);\n    if (!matches || matches.length !== 2)\n      return {\n        iconClassName: undefined,\n        iconName,\n      };\n\n    return {\n      iconClassName: this.normalizeEscapedIconString(matches[0]),\n      iconName: this.normalizeEscapedIconString(matches[1]),\n    };\n  }\n\n  /**\n   * Render image as provided webfont icon.\n   * Defaults to core-react icon if iconName does not contain className.\n   */\n  private renderWebfontIcon(iconName: string) {\n    const iconInfo = this.extractIconClassAndName(iconName);\n    return <WebFontIcon {...iconInfo} />;\n  }\n\n  /** Render image from data provided by an image loader */\n  public render(loadedImage: Image): React.ReactNode {\n    switch (loadedImage.sourceType) {\n      case \"binary\":\n        const image = loadedImage as LoadedBinaryImage;\n        return this.renderBinary(image.value, image.fileFormat);\n\n      case \"url\":\n        return this.renderUrl((loadedImage as LoadedImage).value);\n\n      case \"svg\":\n        return this.renderSvg((loadedImage as LoadedImage).value);\n\n      case \"core-icon\":\n        return this.renderCoreIcon((loadedImage as LoadedImage).value);\n\n      case \"webfont-icon\":\n        return this.renderWebfontIcon((loadedImage as LoadedImage).value);\n\n      default:\n        const unhandledSourceType: never = loadedImage.sourceType; // Compile time check that all cases are handled\n        throw new UiError(\n          UiComponents.loggerCategory(this),\n          `Can't handle sourceType: \"${unhandledSourceType}\"`\n        );\n    }\n  }\n}\n"]}
+{"version":3,"file":"ImageRenderer.js","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.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 Common\n */\n\nimport * as React from \"react\";\nimport type { WebFontIconProps } from \"@itwin/core-react\";\nimport { Icon, WebFontIcon } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport type {\n  Image,\n  ImageFileFormat,\n  LoadedBinaryImage,\n  LoadedImage,\n} from \"./IImageLoader\";\nimport { UiError } from \"@itwin/appui-abstract\";\n\n/** A class that renders images from data provided by an image loader\n * @internal\n */\nexport class ImageRenderer {\n  private static _svgCache: Map<string, string> = new Map();\n\n  private hexToBase64(hexstring: string) {\n    const match = hexstring.match(/\\w{2}/g);\n    // istanbul ignore next\n    if (!match) return \"\";\n\n    // eslint-disable-next-line deprecation/deprecation\n    return btoa(\n      match\n        .map((a) => {\n          return String.fromCharCode(parseInt(a, 16));\n        })\n        .join(\"\")\n    );\n  }\n\n  /** Render raw binary image */\n  private renderBinary(data: string, format: ImageFileFormat) {\n    // Convert binary to base64\n    const dataAsBase64 = this.hexToBase64(data);\n    return <img src={`data:image/${format};base64,${dataAsBase64}`} alt=\"\" />;\n  }\n\n  private isSvg(input: string): boolean {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(input, \"application/xml\");\n\n    const errorNode = doc.querySelector(\"parsererror\");\n    // istanbul ignore if\n    if (errorNode) {\n      return false;\n    }\n\n    const rootNode = doc.documentElement.nodeName.toLowerCase();\n    return \"svg\" === rootNode;\n  }\n\n  private convertSvgToDataUri(svg: string) {\n    // istanbul ignore if\n    if (!this.isSvg(svg)) {\n      return \"\";\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    const svgAsBase64 = btoa(svg);\n    return `data:image/svg+xml;base64,${svgAsBase64}`;\n  }\n\n  /** Render svg string into JSX */\n  private renderSvg(svg: string) {\n    let svgAsDataUri = ImageRenderer._svgCache.get(svg);\n    // istanbul ignore else\n    if (undefined === svgAsDataUri) {\n      svgAsDataUri = this.convertSvgToDataUri(svg.trim());\n      ImageRenderer._svgCache.set(svg, svgAsDataUri);\n    }\n\n    return (\n      <div>\n        <Icon iconSpec={svgAsDataUri} />\n      </div>\n    );\n  }\n\n  /** Render image from an url */\n  private renderUrl(url: string) {\n    return <img src={url} alt=\"\" />;\n  }\n\n  /** Render image as core-react icon */\n  private renderCoreIcon(iconName: string) {\n    return <WebFontIcon iconName={iconName} />;\n  }\n\n  /** Replaces the escaped instances of \"\\:\" with \":\" */\n  private normalizeEscapedIconString(escapedIconString: string) {\n    return escapedIconString.replace(/\\\\:/g, \":\");\n  }\n\n  /**\n   * Extract class and name from icon name, if the name follows format \"{className}:{fontName}\".\n   * className and fontName can be escaped using \\ if : is needed.\n   */\n  private extractIconClassAndName(\n    iconName: string\n  ): Pick<WebFontIconProps, \"iconClassName\" | \"iconName\"> {\n    const matches = iconName.match(/(\\\\.|[^:])+/g);\n    if (!matches || matches.length !== 2)\n      return {\n        iconClassName: undefined,\n        iconName,\n      };\n\n    return {\n      iconClassName: this.normalizeEscapedIconString(matches[0]),\n      iconName: this.normalizeEscapedIconString(matches[1]),\n    };\n  }\n\n  /**\n   * Render image as provided webfont icon.\n   * Defaults to core-react icon if iconName does not contain className.\n   */\n  private renderWebfontIcon(iconName: string) {\n    const iconInfo = this.extractIconClassAndName(iconName);\n    return <WebFontIcon {...iconInfo} />;\n  }\n\n  /** Render image from data provided by an image loader */\n  public render(loadedImage: Image): React.ReactNode {\n    switch (loadedImage.sourceType) {\n      case \"binary\":\n        const image = loadedImage as LoadedBinaryImage;\n        return this.renderBinary(image.value, image.fileFormat);\n\n      case \"url\":\n        return this.renderUrl((loadedImage as LoadedImage).value);\n\n      case \"svg\":\n        return this.renderSvg((loadedImage as LoadedImage).value);\n\n      case \"core-icon\":\n        return this.renderCoreIcon((loadedImage as LoadedImage).value);\n\n      case \"webfont-icon\":\n        return this.renderWebfontIcon((loadedImage as LoadedImage).value);\n\n      default:\n        const unhandledSourceType: never = loadedImage.sourceType; // Compile time check that all cases are handled\n        throw new UiError(\n          UiComponents.loggerCategory(this),\n          `Can't handle sourceType: \"${unhandledSourceType}\"`\n        );\n    }\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"UseAsyncValue.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseAsyncValue.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAMH;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAiCzE"}
+{"version":3,"file":"UseAsyncValue.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseAsyncValue.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAMH;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CAqBzE"}

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

@@ -39,32 +39,22 @@ const core_react_1 = require("@itwin/core-react");
  * @public
  */
 function useAsyncValue(value) {
-    const cancelled = React.useMemo(() => new rxjs_1.Subject(), []);
-    // cancel any pending promises on unmount
-    React.useEffect(() => () => cancelled.next(), [cancelled]);
     const [result, setResult] = React.useState(() => {
         if ((0, core_react_1.isPromiseLike)(value)) {
-            (0, rxjs_1.from)(value)
-                .pipe((0, rxjs_1.takeUntil)(cancelled))
-                .subscribe({ next: (resolvedValue) => setResult(resolvedValue) });
             return undefined;
         }
         return value;
     });
-    (0, core_react_1.useEffectSkipFirst)(() => {
-        const updateValue = (newValue) => {
-            cancelled.next();
-            setResult(newValue);
-        };
+    React.useEffect(() => {
         if ((0, core_react_1.isPromiseLike)(value)) {
-            const subscription = (0, rxjs_1.from)(value)
-                .pipe((0, rxjs_1.takeUntil)(cancelled))
-                .subscribe({ next: (resolvedValue) => updateValue(resolvedValue) });
+            const subscription = (0, rxjs_1.from)(value).subscribe({
+                next: (resolvedValue) => setResult(resolvedValue),
+            });
             return () => subscription.unsubscribe();
         }
-        updateValue(value);
-        return undefined;
-    }, [value, cancelled]);
+        setResult(value);
+        return;
+    }, [value]);
     return result;
 }
 exports.useAsyncValue = useAsyncValue;

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

@@ -1 +1 @@
-{"version":3,"file":"UseAsyncValue.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseAsyncValue.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,+BAAgD;AAChD,kDAAsE;AAEtE;;;GAGG;AACH,SAAgB,aAAa,CAAI,KAAyB;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,cAAO,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;iBACR,IAAI,CAAC,IAAA,gBAAS,EAAC,SAAS,CAAC,CAAC;iBAC1B,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YACpE,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;iBAC7B,IAAI,CAAC,IAAA,gBAAS,EAAC,SAAS,CAAC,CAAC;iBAC1B,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YACtE,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;AAjCD,sCAiCC","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, Subject, takeUntil } from \"rxjs\";\nimport { isPromiseLike, useEffectSkipFirst } from \"@itwin/core-react\";\n\n/**\n * Custom hook for working with possibly async values.\n * @public\n */\nexport function useAsyncValue<T>(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)\n        .pipe(takeUntil(cancelled))\n        .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)\n        .pipe(takeUntil(cancelled))\n        .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;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,+BAA4B;AAC5B,kDAAkD;AAElD;;;GAGG;AACH,SAAgB,aAAa,CAAI,KAAyB;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9C,IAAI,IAAA,0BAAa,EAAC,KAAK,CAAC,EAAE;YACxB,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAA,0BAAa,EAAC,KAAK,CAAC,EAAE;YACxB,MAAM,YAAY,GAAG,IAAA,WAAI,EAAC,KAAK,CAAC,CAAC,SAAS,CAAC;gBACzC,IAAI,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC;aAClD,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACzC;QAED,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO;IACT,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,MAAM,CAAC;AAChB,CAAC;AArBD,sCAqBC","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\";\nimport { isPromiseLike } from \"@itwin/core-react\";\n\n/**\n * Custom hook for working with possibly async values.\n * @public\n */\nexport function useAsyncValue<T>(value: T | PromiseLike<T>): T | undefined {\n  const [result, setResult] = React.useState(() => {\n    if (isPromiseLike(value)) {\n      return undefined;\n    }\n    return value;\n  });\n\n  React.useEffect(() => {\n    if (isPromiseLike(value)) {\n      const subscription = from(value).subscribe({\n        next: (resolvedValue) => setResult(resolvedValue),\n      });\n      return () => subscription.unsubscribe();\n    }\n\n    setResult(value);\n    return;\n  }, [value]);\n\n  return result;\n}\n"]}

package/lib/cjs/components-react/common/UseContextWithMandatoryProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseContextWithMandatoryProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseContextWithMandatoryProvider.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,gBAAgB;AAChB,wBAAgB,kCAAkC,CAAC,CAAC,EAClD,WAAW,EAAE,MAAM,GAClB;IACD,KAAK,CAAC,uBAAuB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACrD,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;CAC5C,CAkBA"}
+{"version":3,"file":"UseContextWithMandatoryProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseContextWithMandatoryProvider.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,gBAAgB;AAChB,wBAAgB,kCAAkC,CAAC,CAAC,EAClD,WAAW,EAAE,MAAM,GAClB;IACD,KAAK,CAAC,uBAAuB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACrD,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;CAC5C,CAkBA"}

package/lib/cjs/components-react/common/UseContextWithMandatoryProvider.js

@@ -9,6 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createContextWithMandatoryProvider = void 0;
 const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
 const UiComponents_1 = require("../UiComponents");
 const react_1 = __importDefault(require("react"));
 /** @internal */
@@ -18,7 +19,7 @@ function createContextWithMandatoryProvider(contextName) {
         const value = react_1.default.useContext(context);
         /* istanbul ignore if */
         if (value === undefined) {
-            throw new appui_abstract_1.UiError(UiComponents_1.UiComponents.loggerCategory(ConsumingComponent), `'${(0, appui_abstract_1.getClassName)(ConsumingComponent)}' expects to be wrapped by a '${contextName}' provider.`);
+            throw new appui_abstract_1.UiError(UiComponents_1.UiComponents.loggerCategory(ConsumingComponent), `'${(0, core_react_1.getObjectClassName)(ConsumingComponent)}' expects to be wrapped by a '${contextName}' provider.`);
         }
         return value;
     }

package/lib/cjs/components-react/common/UseContextWithMandatoryProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseContextWithMandatoryProvider.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseContextWithMandatoryProvider.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;;;;AAEhG,0DAA8D;AAC9D,kDAA+C;AAC/C,kDAA0B;AAE1B,gBAAgB;AAChB,SAAgB,kCAAkC,CAChD,WAAmB;IAMnB,MAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAI,SAAqB,CAAC,CAAC;IAC9D,SAAS,6BAA6B,CACpC,kBAA0C;QAE1C,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,wBAAwB;QACxB,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,IAAI,wBAAO,CACf,2BAAY,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC/C,IAAI,IAAA,6BAAY,EACd,kBAAkB,CACnB,iCAAiC,WAAW,aAAa,CAC3D,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;AAC7E,CAAC;AAxBD,gFAwBC","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\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\nimport { UiComponents } from \"../UiComponents\";\nimport React from \"react\";\n\n/** @internal */\nexport function createContextWithMandatoryProvider<T>(\n  contextName: string\n): [\n  React.ProviderExoticComponent<React.ProviderProps<T>>,\n  React.ExoticComponent<React.ConsumerProps<T>>,\n  <P>(component: React.ComponentType<P>) => T\n] {\n  const context = React.createContext<T>(undefined as any as T);\n  function useContextWithoutDefaultValue<P>(\n    ConsumingComponent: React.ComponentType<P>\n  ) {\n    const value = React.useContext(context);\n    /* istanbul ignore if */\n    if (value === undefined) {\n      throw new UiError(\n        UiComponents.loggerCategory(ConsumingComponent),\n        `'${getClassName(\n          ConsumingComponent\n        )}' expects to be wrapped by a '${contextName}' provider.`\n      );\n    }\n    return value;\n  }\n  return [context.Provider, context.Consumer, useContextWithoutDefaultValue];\n}\n"]}
+{"version":3,"file":"UseContextWithMandatoryProvider.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseContextWithMandatoryProvider.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;;;;AAEhG,0DAAgD;AAChD,kDAAuD;AACvD,kDAA+C;AAC/C,kDAA0B;AAE1B,gBAAgB;AAChB,SAAgB,kCAAkC,CAChD,WAAmB;IAMnB,MAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAI,SAAqB,CAAC,CAAC;IAC9D,SAAS,6BAA6B,CACpC,kBAA0C;QAE1C,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,wBAAwB;QACxB,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,IAAI,wBAAO,CACf,2BAAY,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC/C,IAAI,IAAA,+BAAkB,EACpB,kBAAkB,CACnB,iCAAiC,WAAW,aAAa,CAC3D,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;AAC7E,CAAC;AAxBD,gFAwBC","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\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { getObjectClassName } from \"@itwin/core-react\";\nimport { UiComponents } from \"../UiComponents\";\nimport React from \"react\";\n\n/** @internal */\nexport function createContextWithMandatoryProvider<T>(\n  contextName: string\n): [\n  React.ProviderExoticComponent<React.ProviderProps<T>>,\n  React.ExoticComponent<React.ConsumerProps<T>>,\n  <P>(component: React.ComponentType<P>) => T\n] {\n  const context = React.createContext<T>(undefined as any as T);\n  function useContextWithoutDefaultValue<P>(\n    ConsumingComponent: React.ComponentType<P>\n  ) {\n    const value = React.useContext(context);\n    /* istanbul ignore if */\n    if (value === undefined) {\n      throw new UiError(\n        UiComponents.loggerCategory(ConsumingComponent),\n        `'${getObjectClassName(\n          ConsumingComponent\n        )}' expects to be wrapped by a '${contextName}' provider.`\n      );\n    }\n    return value;\n  }\n  return [context.Provider, context.Consumer, useContextWithoutDefaultValue];\n}\n"]}

package/lib/cjs/components-react/common/UseDebouncedAsyncValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseDebouncedAsyncValue.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseDebouncedAsyncValue.ts"],"names":[],"mappings":"AAIA;;GAEG;AASH;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAC5C,iBAAiB,EAAE,SAAS,GAAG,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;;;EAsDxD"}
+{"version":3,"file":"UseDebouncedAsyncValue.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseDebouncedAsyncValue.ts"],"names":[],"mappings":"AAIA;;GAEG;AASH;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAC5C,iBAAiB,EAAE,SAAS,GAAG,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;;;EAuDxD"}

package/lib/cjs/components-react/common/UseDebouncedAsyncValue.js

@@ -21,20 +21,20 @@ const SubscriptionScheduler_1 = require("./SubscriptionScheduler");
  * @beta
  */
 function useDebouncedAsyncValue(valueToBeResolved) {
-    const scheduler = (0, react_1.useMemo)(() => new SubscriptionScheduler_1.SubscriptionScheduler(), []);
-    const [value, setValue] = (0, react_1.useState)();
-    const [inProgress, setInProgress] = (0, react_1.useState)(false);
-    const [errorState, setErrorState] = (0, react_1.useState)({
-        error: undefined,
-        hasError: false,
+    const [scheduler] = (0, react_1.useState)(() => new SubscriptionScheduler_1.SubscriptionScheduler());
+    const [{ result, inProgress }, setState] = (0, react_1.useState)({
+        result: undefined,
+        inProgress: false,
     });
     (0, react_1.useEffect)(() => {
         if (!valueToBeResolved) {
-            setValue(undefined);
-            setInProgress(false);
+            setState((prev) => ({ ...prev, result: undefined, inProgress: false }));
             return;
         }
-        setInProgress(true);
+        setState((prev) => ({
+            ...prev,
+            inProgress: true,
+        }));
         // schedule and subscribe to the observable emitting value from valueToBeResolved promise
         const subscription = (0, rxjs_1.defer)(valueToBeResolved)
             .pipe((0, rxjs_1.share)({
@@ -44,21 +44,27 @@ function useDebouncedAsyncValue(valueToBeResolved) {
         }), (0, SubscriptionScheduler_1.scheduleSubscription)(scheduler))
             .subscribe({
             next: (data) => {
-                setValue(data);
-                setInProgress(false);
+                setState((prev) => ({ ...prev, result: data, inProgress: false }));
             },
             error: (err) => {
-                setErrorState({ error: err, hasError: true });
-                setInProgress(false);
+                setState((prev) => ({
+                    ...prev,
+                    result: { error: err, hasError: true },
+                    inProgress: false,
+                }));
             },
         });
         return () => {
             subscription.unsubscribe();
         };
     }, [valueToBeResolved, scheduler]);
-    if (errorState.hasError)
-        throw (errorState.error ?? new Error("Exception in `useDebouncedAsyncValue`"));
-    return { value, inProgress };
+    if (isErrorResult(result)) {
+        throw result.error ?? new Error("Exception in `useDebouncedAsyncValue`");
+    }
+    return { value: result, inProgress };
 }
 exports.useDebouncedAsyncValue = useDebouncedAsyncValue;
+function isErrorResult(obj) {
+    return obj !== undefined && obj.hasError;
+}
 //# sourceMappingURL=UseDebouncedAsyncValue.js.map

package/lib/cjs/components-react/common/UseDebouncedAsyncValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseDebouncedAsyncValue.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseDebouncedAsyncValue.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAAqD;AACrD,+BAAoC;AACpC,mEAGiC;AAEjC;;;;;;;;GAQG;AACH,SAAgB,sBAAsB,CACpC,iBAAuD;IAEvD,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,6CAAqB,EAAW,EAAE,EAAE,CAAC,CAAC;IAE1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAGzC;QACD,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,EAAE;YACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO;SACR;QAED,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,yFAAyF;QACzF,MAAM,YAAY,GAAG,IAAA,YAAK,EAAC,iBAAiB,CAAC;aAC1C,IAAI,CACH,IAAA,YAAK,EAAC;YACJ,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,EACF,IAAA,4CAAoB,EAAC,SAAS,CAAC,CAChC;aACA,SAAS,CAAC;YACT,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;gBACb,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf,aAAa,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC9C,aAAa,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;SACF,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,IAAI,UAAU,CAAC,QAAQ;QACrB,MAAM,CACJ,UAAU,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,uCAAuC,CAAC,CACvE,CAAC;IAEJ,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AAC/B,CAAC;AAvDD,wDAuDC","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 { useEffect, useMemo, useState } from \"react\";\nimport { defer, share } from \"rxjs\";\nimport {\n  scheduleSubscription,\n  SubscriptionScheduler,\n} from \"./SubscriptionScheduler\";\n\n/**\n * Custom hook for working with promise values.\n * Promises are debounced using trailing and leading edge.\n * The first promise will always be executed.\n * Any promises following the first while it is executing will be scheduled (and unscheduled), leaving only the last promise to be resolved.\n * Once the first promise finishes resolving, the last passed promise starts resolving.\n * @throws if/when `valueToBeResolved` promise is rejected. The error is thrown in the React's render loop, so it can be caught using an error boundary.\n * @beta\n */\nexport function useDebouncedAsyncValue<TReturn>(\n  valueToBeResolved: undefined | (() => Promise<TReturn>)\n) {\n  const scheduler = useMemo(() => new SubscriptionScheduler<TReturn>(), []);\n\n  const [value, setValue] = useState<TReturn>();\n  const [inProgress, setInProgress] = useState(false);\n  const [errorState, setErrorState] = useState<{\n    error: Error | undefined;\n    hasError: boolean;\n  }>({\n    error: undefined,\n    hasError: false,\n  });\n\n  useEffect(() => {\n    if (!valueToBeResolved) {\n      setValue(undefined);\n      setInProgress(false);\n      return;\n    }\n\n    setInProgress(true);\n    // schedule and subscribe to the observable emitting value from valueToBeResolved promise\n    const subscription = defer(valueToBeResolved)\n      .pipe(\n        share({\n          resetOnError: false,\n          resetOnComplete: false,\n          resetOnRefCountZero: true,\n        }),\n        scheduleSubscription(scheduler)\n      )\n      .subscribe({\n        next: (data) => {\n          setValue(data);\n          setInProgress(false);\n        },\n        error: (err) => {\n          setErrorState({ error: err, hasError: true });\n          setInProgress(false);\n        },\n      });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [valueToBeResolved, scheduler]);\n\n  if (errorState.hasError)\n    throw (\n      errorState.error ?? new Error(\"Exception in `useDebouncedAsyncValue`\")\n    );\n\n  return { value, inProgress };\n}\n"]}
+{"version":3,"file":"UseDebouncedAsyncValue.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseDebouncedAsyncValue.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA4C;AAC5C,+BAAoC;AACpC,mEAGiC;AAEjC;;;;;;;;GAQG;AACH,SAAgB,sBAAsB,CACpC,iBAAuD;IAEvD,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,6CAAqB,EAAW,CAAC,CAAC;IAEzE,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAGhD;QACD,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,EAAE;YACtB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACxE,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAClB,GAAG,IAAI;YACP,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAC;QACJ,yFAAyF;QACzF,MAAM,YAAY,GAAG,IAAA,YAAK,EAAC,iBAAiB,CAAC;aAC1C,IAAI,CACH,IAAA,YAAK,EAAC;YACJ,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,EACF,IAAA,4CAAoB,EAAC,SAAS,CAAC,CAChC;aACA,SAAS,CAAC;YACT,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACrE,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAClB,GAAG,IAAI;oBACP,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;oBACtC,UAAU,EAAE,KAAK;iBAClB,CAAC,CAAC,CAAC;YACN,CAAC;SACF,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;QACzB,MAAM,MAAM,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;KAC1E;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AACvC,CAAC;AAxDD,wDAwDC;AAOD,SAAS,aAAa,CACpB,GAA2B;IAE3B,OAAO,GAAG,KAAK,SAAS,IAAK,GAAmB,CAAC,QAAQ,CAAC;AAC5D,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 { useEffect, useState } from \"react\";\nimport { defer, share } from \"rxjs\";\nimport {\n  scheduleSubscription,\n  SubscriptionScheduler,\n} from \"./SubscriptionScheduler\";\n\n/**\n * Custom hook for working with promise values.\n * Promises are debounced using trailing and leading edge.\n * The first promise will always be executed.\n * Any promises following the first while it is executing will be scheduled (and unscheduled), leaving only the last promise to be resolved.\n * Once the first promise finishes resolving, the last passed promise starts resolving.\n * @throws if/when `valueToBeResolved` promise is rejected. The error is thrown in the React's render loop, so it can be caught using an error boundary.\n * @beta\n */\nexport function useDebouncedAsyncValue<TReturn>(\n  valueToBeResolved: undefined | (() => Promise<TReturn>)\n) {\n  const [scheduler] = useState(() => new SubscriptionScheduler<TReturn>());\n\n  const [{ result, inProgress }, setState] = useState<{\n    result: TReturn | ErrorResult | undefined;\n    inProgress: boolean;\n  }>({\n    result: undefined,\n    inProgress: false,\n  });\n\n  useEffect(() => {\n    if (!valueToBeResolved) {\n      setState((prev) => ({ ...prev, result: undefined, inProgress: false }));\n      return;\n    }\n\n    setState((prev) => ({\n      ...prev,\n      inProgress: true,\n    }));\n    // schedule and subscribe to the observable emitting value from valueToBeResolved promise\n    const subscription = defer(valueToBeResolved)\n      .pipe(\n        share({\n          resetOnError: false,\n          resetOnComplete: false,\n          resetOnRefCountZero: true,\n        }),\n        scheduleSubscription(scheduler)\n      )\n      .subscribe({\n        next: (data) => {\n          setState((prev) => ({ ...prev, result: data, inProgress: false }));\n        },\n        error: (err) => {\n          setState((prev) => ({\n            ...prev,\n            result: { error: err, hasError: true },\n            inProgress: false,\n          }));\n        },\n      });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [valueToBeResolved, scheduler]);\n\n  if (isErrorResult(result)) {\n    throw result.error ?? new Error(\"Exception in `useDebouncedAsyncValue`\");\n  }\n\n  return { value: result, inProgress };\n}\n\ninterface ErrorResult {\n  error: Error | undefined;\n  hasError: boolean;\n}\n\nfunction isErrorResult<TResult>(\n  obj?: TResult | ErrorResult\n): obj is ErrorResult {\n  return obj !== undefined && (obj as ErrorResult).hasError;\n}\n"]}

package/lib/cjs/components-react/datepicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AASH,OAAO,mBAAmB,CAAC;AAY3B;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA4ThD"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAQH,OAAO,mBAAmB,CAAC;AAY3B;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA4ThD"}

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

@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
+const ts_key_enum_1 = require("ts-key-enum");
 const UiComponents_1 = require("../UiComponents");
 const core_react_1 = require("@itwin/core-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
@@ -148,7 +148,7 @@ function DatePicker(props) {
         props.onDateChange && props.onDateChange(day);
     }, [props]);
     const handleCalendarKeyDown = React.useCallback((event) => {
-        if (event.key === appui_abstract_1.SpecialKey.ArrowDown) {
+        if (event.key === ts_key_enum_1.Key.ArrowDown) {
             const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
             if (focusedDayIndex + 7 > 41)
                 setFocusedDay(days[focusedDayIndex % 7]);
@@ -156,7 +156,7 @@ function DatePicker(props) {
                 setFocusedDay(days[focusedDayIndex + 7]);
             event.preventDefault();
         }
-        if (event.key === appui_abstract_1.SpecialKey.ArrowUp) {
+        if (event.key === ts_key_enum_1.Key.ArrowUp) {
             const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
             if (focusedDayIndex - 7 < 0)
                 setFocusedDay(days[(focusedDayIndex % 7) + 35]);
@@ -164,21 +164,21 @@ function DatePicker(props) {
                 setFocusedDay(days[focusedDayIndex - 7]);
             event.preventDefault();
         }
-        if (event.key === appui_abstract_1.SpecialKey.ArrowLeft) {
+        if (event.key === ts_key_enum_1.Key.ArrowLeft) {
             const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
             // istanbul ignore else
             if (focusedDayIndex - 1 >= 0)
                 setFocusedDay(days[focusedDayIndex - 1]);
             event.preventDefault();
         }
-        if (event.key === appui_abstract_1.SpecialKey.ArrowRight) {
+        if (event.key === ts_key_enum_1.Key.ArrowRight) {
             const focusedDayIndex = days.findIndex((day) => isSameDay(day, focusedDay));
             // istanbul ignore else
             if (focusedDayIndex + 1 <= 41)
                 setFocusedDay(days[focusedDayIndex + 1]);
             event.preventDefault();
         }
-        if (event.key === appui_abstract_1.SpecialKey.Enter || event.key === appui_abstract_1.SpecialKey.Space) {
+        if (event.key === ts_key_enum_1.Key.Enter || event.key === " ") {
             handleOnDayChange(focusedDay)(); // NB: immediately call returned handler function
             event.preventDefault();
         }

package/lib/cjs/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 { UiComponents } from \"../UiComponents\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\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(\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:datepicker.previousMonth\"\n    )\n  );\n  const nextMonthLabel = React.useRef(\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:datepicker.nextMonth\"\n    )\n  );\n  const monthsLong = React.useRef([\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.january\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.february\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.march\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.april\"\n    ),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.may\"),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.june\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.july\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.august\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.september\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.october\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.november\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.december\"\n    ),\n  ]);\n\n  const daysLong = React.useRef([\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.sunday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.monday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.tuesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.wednesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.thursday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.friday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.saturday\"\n    ),\n  ]);\n\n  const daysShort = React.useRef([\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.sunday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.monday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.tuesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.wednesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.thursday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.friday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.saturday\"\n    ),\n  ]);\n\n  const [selectedDay, setSelectedDay] = React.useState(\n    new Date(props.selected.getTime())\n  );\n  const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(\n    selectedDay.getMonth()\n  );\n  const [displayedYear, setDisplayedYear] = React.useState(\n    selectedDay.getFullYear()\n  );\n  const [focusedDay, setFocusedDay] = React.useState(selectedDay);\n  React.useEffect(() => {\n    const newSelectedDay = new Date(props.selected);\n    setSelectedDay(new Date(props.selected));\n    setDisplayedMonthIndex(newSelectedDay.getMonth());\n    setDisplayedYear(newSelectedDay.getFullYear());\n    setFocusedDay(newSelectedDay);\n  }, [props.selected]);\n  const days = React.useMemo(() => {\n    const msFirstDayOfMonth = new Date(\n      displayedYear,\n      displayedMonthIndex,\n      1\n    ).getTime();\n    let offsetToFirst = new Date(msFirstDayOfMonth).getDay();\n    if (0 === offsetToFirst) 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(\n        new Date(displayedYear, displayedMonthIndex, adjustedDay)\n      );\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(\n    (newMonth: number, newYear: number) => {\n      setDisplayedMonthIndex(newMonth);\n      setDisplayedYear(newYear);\n      if (\n        selectedDay.getFullYear() === newYear &&\n        selectedDay.getMonth() === newMonth\n      ) {\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    },\n    [focusedDay, selectedDay]\n  );\n\n  const handleMoveToPreviousMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;\n    const newYear =\n      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 =\n      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(\n    (day: Date) => () => {\n      setSelectedDay(day);\n      setFocusedDay(day);\n      props.onDateChange && props.onDateChange(day);\n    },\n    [props]\n  );\n\n  const handleCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.key === SpecialKey.ArrowDown) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex + 7 > 41) setFocusedDay(days[focusedDayIndex % 7]);\n        else setFocusedDay(days[focusedDayIndex + 7]);\n        event.preventDefault();\n      }\n      if (event.key === SpecialKey.ArrowUp) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex - 7 < 0)\n          setFocusedDay(days[(focusedDayIndex % 7) + 35]);\n        else setFocusedDay(days[focusedDayIndex - 7]);\n        event.preventDefault();\n      }\n      if (event.key === SpecialKey.ArrowLeft) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        // istanbul ignore else\n        if (focusedDayIndex - 1 >= 0) setFocusedDay(days[focusedDayIndex - 1]);\n        event.preventDefault();\n      }\n      if (event.key === SpecialKey.ArrowRight) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        // istanbul ignore else\n        if (focusedDayIndex + 1 <= 41) 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    },\n    [days, focusedDay, handleOnDayChange]\n  );\n\n  const previousButtonClass = classnames(\n    \"components-previous-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n  const nextButtonClass = classnames(\n    \"components-next-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n  const calendarClass = classnames(\n    \"components-date-picker-calendar-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n\n  return (\n    <div className=\"components-date-picker-calendar\">\n      <div className=\"components-date-picker-calendar-header-months\">\n        <button\n          className={previousButtonClass}\n          title={previousMonthLabel.current}\n          onClick={handleMoveToPreviousMonth}\n        >\n          <Icon iconSpec={<SvgChevronLeft />} />\n        </button>\n        <span className=\"components-month-year\">\n          {monthsLong.current[displayedMonthIndex]} {displayedYear}\n        </span>\n        <button\n          className={nextButtonClass}\n          title={nextMonthLabel.current}\n          onClick={handleMoveToNextMonth}\n        >\n          <Icon iconSpec={<SvgChevronRight />} />\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\n            key={`day-${dayOfWeek}`}\n            className=\"components-date-picker-calendar-header-day-short\"\n            title={daysLong.current[dayOfWeek]}\n          >\n            <span>{daysShort.current[dayOfWeek]}</span>\n          </div>\n        ))}\n      </div>\n      <ul\n        tabIndex={0}\n        onKeyDown={handleCalendarKeyDown}\n        data-testid=\"components-date-picker-calendar-list\"\n        className={calendarClass}\n        role=\"listbox\"\n      >\n        {weeks.map((weekdays, weekIndex) => (\n          <React.Fragment key={`week-${weekIndex}`}>\n            {weekdays.map((day: Date, dayIndex: number) => {\n              const isActive =\n                selectedDay && day && isSameDay(selectedDay, day);\n              const isFocused =\n                focusedDay &&\n                day &&\n                isSameDay(focusedDay, day) &&\n                props.showFocusOutline;\n              const isCurrentMonth = day.getMonth() === displayedMonthIndex;\n              const classNames = classnames(\n                \"components-date-picker-calendar-day\",\n                isActive && \"selected\",\n                !isCurrentMonth && \"notCurrentMonth\",\n                isFocused && \"focused\"\n              );\n              const dateValue = day.getDate();\n              return (\n                /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n                <li\n                  className={classNames}\n                  key={`${displayedYear}.${displayedMonthIndex}.day.${dayIndex}`}\n                  onClick={handleOnDayChange(day)}\n                  role=\"option\"\n                  aria-selected={isActive}\n                  data-value={day.getTime()}\n                >\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 { Key } from \"ts-key-enum\";\nimport { UiComponents } from \"../UiComponents\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\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(\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:datepicker.previousMonth\"\n    )\n  );\n  const nextMonthLabel = React.useRef(\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:datepicker.nextMonth\"\n    )\n  );\n  const monthsLong = React.useRef([\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.january\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.february\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.march\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.april\"\n    ),\n    UiComponents.localization.getLocalizedString(\"UiComponents:month.long.may\"),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.june\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.july\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.august\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.september\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.october\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.november\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:month.long.december\"\n    ),\n  ]);\n\n  const daysLong = React.useRef([\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.sunday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.monday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.tuesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.wednesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.thursday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.friday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.long.saturday\"\n    ),\n  ]);\n\n  const daysShort = React.useRef([\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.sunday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.monday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.tuesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.wednesday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.thursday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.friday\"\n    ),\n    UiComponents.localization.getLocalizedString(\n      \"UiComponents:days.short.saturday\"\n    ),\n  ]);\n\n  const [selectedDay, setSelectedDay] = React.useState(\n    new Date(props.selected.getTime())\n  );\n  const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(\n    selectedDay.getMonth()\n  );\n  const [displayedYear, setDisplayedYear] = React.useState(\n    selectedDay.getFullYear()\n  );\n  const [focusedDay, setFocusedDay] = React.useState(selectedDay);\n  React.useEffect(() => {\n    const newSelectedDay = new Date(props.selected);\n    setSelectedDay(new Date(props.selected));\n    setDisplayedMonthIndex(newSelectedDay.getMonth());\n    setDisplayedYear(newSelectedDay.getFullYear());\n    setFocusedDay(newSelectedDay);\n  }, [props.selected]);\n  const days = React.useMemo(() => {\n    const msFirstDayOfMonth = new Date(\n      displayedYear,\n      displayedMonthIndex,\n      1\n    ).getTime();\n    let offsetToFirst = new Date(msFirstDayOfMonth).getDay();\n    if (0 === offsetToFirst) 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(\n        new Date(displayedYear, displayedMonthIndex, adjustedDay)\n      );\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(\n    (newMonth: number, newYear: number) => {\n      setDisplayedMonthIndex(newMonth);\n      setDisplayedYear(newYear);\n      if (\n        selectedDay.getFullYear() === newYear &&\n        selectedDay.getMonth() === newMonth\n      ) {\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    },\n    [focusedDay, selectedDay]\n  );\n\n  const handleMoveToPreviousMonth = React.useCallback(() => {\n    const newMonth = displayedMonthIndex !== 0 ? displayedMonthIndex - 1 : 11;\n    const newYear =\n      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 =\n      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(\n    (day: Date) => () => {\n      setSelectedDay(day);\n      setFocusedDay(day);\n      props.onDateChange && props.onDateChange(day);\n    },\n    [props]\n  );\n\n  const handleCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.key === Key.ArrowDown) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex + 7 > 41) setFocusedDay(days[focusedDayIndex % 7]);\n        else setFocusedDay(days[focusedDayIndex + 7]);\n        event.preventDefault();\n      }\n      if (event.key === Key.ArrowUp) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        if (focusedDayIndex - 7 < 0)\n          setFocusedDay(days[(focusedDayIndex % 7) + 35]);\n        else setFocusedDay(days[focusedDayIndex - 7]);\n        event.preventDefault();\n      }\n      if (event.key === Key.ArrowLeft) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        // istanbul ignore else\n        if (focusedDayIndex - 1 >= 0) setFocusedDay(days[focusedDayIndex - 1]);\n        event.preventDefault();\n      }\n      if (event.key === Key.ArrowRight) {\n        const focusedDayIndex = days.findIndex((day) =>\n          isSameDay(day, focusedDay)\n        );\n        // istanbul ignore else\n        if (focusedDayIndex + 1 <= 41) setFocusedDay(days[focusedDayIndex + 1]);\n        event.preventDefault();\n      }\n      if (event.key === Key.Enter || event.key === \" \") {\n        handleOnDayChange(focusedDay)(); // NB: immediately call returned handler function\n        event.preventDefault();\n      }\n    },\n    [days, focusedDay, handleOnDayChange]\n  );\n\n  const previousButtonClass = classnames(\n    \"components-previous-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n  const nextButtonClass = classnames(\n    \"components-next-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n  const calendarClass = classnames(\n    \"components-date-picker-calendar-month\",\n    props.showFocusOutline && \"showFocusOutline\"\n  );\n\n  return (\n    <div className=\"components-date-picker-calendar\">\n      <div className=\"components-date-picker-calendar-header-months\">\n        <button\n          className={previousButtonClass}\n          title={previousMonthLabel.current}\n          onClick={handleMoveToPreviousMonth}\n        >\n          <Icon iconSpec={<SvgChevronLeft />} />\n        </button>\n        <span className=\"components-month-year\">\n          {monthsLong.current[displayedMonthIndex]} {displayedYear}\n        </span>\n        <button\n          className={nextButtonClass}\n          title={nextMonthLabel.current}\n          onClick={handleMoveToNextMonth}\n        >\n          <Icon iconSpec={<SvgChevronRight />} />\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\n            key={`day-${dayOfWeek}`}\n            className=\"components-date-picker-calendar-header-day-short\"\n            title={daysLong.current[dayOfWeek]}\n          >\n            <span>{daysShort.current[dayOfWeek]}</span>\n          </div>\n        ))}\n      </div>\n      <ul\n        tabIndex={0}\n        onKeyDown={handleCalendarKeyDown}\n        data-testid=\"components-date-picker-calendar-list\"\n        className={calendarClass}\n        role=\"listbox\"\n      >\n        {weeks.map((weekdays, weekIndex) => (\n          <React.Fragment key={`week-${weekIndex}`}>\n            {weekdays.map((day: Date, dayIndex: number) => {\n              const isActive =\n                selectedDay && day && isSameDay(selectedDay, day);\n              const isFocused =\n                focusedDay &&\n                day &&\n                isSameDay(focusedDay, day) &&\n                props.showFocusOutline;\n              const isCurrentMonth = day.getMonth() === displayedMonthIndex;\n              const classNames = classnames(\n                \"components-date-picker-calendar-day\",\n                isActive && \"selected\",\n                !isCurrentMonth && \"notCurrentMonth\",\n                isFocused && \"focused\"\n              );\n              const dateValue = day.getDate();\n              return (\n                /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n                <li\n                  className={classNames}\n                  key={`${displayedYear}.${displayedMonthIndex}.day.${dayIndex}`}\n                  onClick={handleOnDayChange(day)}\n                  role=\"option\"\n                  aria-selected={isActive}\n                  data-value={day.getTime()}\n                >\n                  <span>{dateValue}</span>\n                </li>\n              );\n            })}\n          </React.Fragment>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"]}

package/lib/cjs/components-react/datepicker/DatePickerPopupButton.js

@@ -80,7 +80,7 @@ function DatePickerPopupButton({ displayEditField, timeDisplay, selected, onDate
     const [showFocusOutline, setShowFocusOutline] = React.useState(false);
     const handlePopupKeyDown = React.useCallback((event) => {
         // istanbul ignore else
-        if (event.key === appui_abstract_1.SpecialKey.Space) {
+        if (event.key === " ") {
             setShowFocusOutline(true);
             setIsSettingsOpen(true);
         }