@itwin/core-react 4.8.3 → 4.9.0

package/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Change Log - @itwin/core-react
 
-This log was last generated on Tue, 30 Jan 2024 09:04:27 GMT and should not be manually modified.
+This log was last generated on Tue, 06 Feb 2024 08:56:40 GMT and should not be manually modified.
+
+## 4.9.0
+Tue, 06 Feb 2024 08:56:40 GMT
+
+### Updates
+
+- ignore appui-abstract eslint deprecation m
+- Deprecated `useDisposable` hook.
+- Removed appui-layout-react metions from Readme.md
 
 ## 4.8.3
 Tue, 30 Jan 2024 09:04:27 GMT
@@ -25,6 +34,11 @@ Thu, 21 Dec 2023 14:08:42 GMT
 
 _Version update only_
 
+## 4.7.2
+Wed, 20 Dec 2023 23:11:37 GMT
+
+_Version update only_
+
 ## 4.7.1
 Thu, 07 Dec 2023 19:40:17 GMT
 

package/ContributeGuidelines.md

@@ -37,8 +37,8 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
   ```
 
 - Use the theme colors (e.g. $buic-text-color, $buic-background-control, $buic-background-widget, etc.). These are located in `appui/ui/core-react/src/core-react/style/themecolors.scss`. Please do **not** use $uicore-text-color, $uicore-black, $uicore-white, $uicore-gray\*, etc.)
-- Include an appropriate prefix on CSS class names to prevent class name clashes (e.g. `uifw-` in appui-react, `core-` in core-react, `components-` in components-react, `nz-` in appui-layout-react)
-- Add an export for the component to the barrel file of the package (e.g. appui-react.ts, components-react.ts, core-react.ts, appui-layout-react.ts). Example:
+- Include an appropriate prefix on CSS class names to prevent class name clashes (e.g. `uifw-` in appui-react, `core-` in core-react, `components-` in components-react)
+- Add an export for the component to the barrel file of the package (e.g. appui-react.ts, components-react.ts, core-react.ts). Example:
 
 ```typescript
 export * from "./core-react/badge/Badge";
@@ -62,7 +62,6 @@ buttonText = UiCore.translate("dialog.ok");
 
 - Run `npm run extract-api` to update the `*api.md` file for the package
 - Write unit tests for the new component or class. The tests should cover as many code statements, branches, functions and lines as possible (100% is the goal). To run the tests, run `npm run test` or `rush test`. To run coverage, run `npm run cover`. To see the coverage report, open the report from one of the following directories in your browser:
-  - appui/ui/appui-layout-react/lib/test/coverage/lcov-report/index.html
   - appui/ui/appui-react/lib/test/coverage/lcov-report/index.html
   - appui/ui/components-react/lib/test/coverage/lcov-report/index.html
   - appui/ui/core-react/lib/test/coverage/lcov-report/index.html

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

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

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

@@ -55,6 +55,7 @@ class UiCore {
     static get localization() {
         // istanbul ignore else
         if (!UiCore._localization)
+            // eslint-disable-next-line deprecation/deprecation
             throw new appui_abstract_1.UiError(UiCore.loggerCategory(this), "localization: UiCore.initialize has not been called. Unable to return Localization object.");
         // istanbul ignore next
         return UiCore._localization;

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

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

package/lib/cjs/core-react/badge/BetaBadge.d.ts

@@ -1,10 +1,10 @@
 /** @packageDocumentation
  * @module Utilities
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonProps } from "../utils/Props";
 /** Beta Badge React component
  * @internal
  */
-export declare function BetaBadge(props: CommonProps): JSX.Element;
+export declare function BetaBadge(props: CommonProps): React.JSX.Element;
 //# sourceMappingURL=BetaBadge.d.ts.map

package/lib/cjs/core-react/badge/BetaBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,eAG3C"}
+{"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,qBAG3C"}

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

@@ -1,11 +1,11 @@
 /** @packageDocumentation
  * @module Utilities
  */
-/// <reference types="react" />
 import "./NewBadge.scss";
+import * as React from "react";
 import type { CommonProps } from "../utils/Props";
 /** New Badge React component
  * @internal
  */
-export declare function NewBadge(props: CommonProps): JSX.Element;
+export declare function NewBadge(props: CommonProps): React.JSX.Element;
 //# sourceMappingURL=NewBadge.d.ts.map

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

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

package/lib/cjs/core-react/base/Centered.d.ts

@@ -1,11 +1,11 @@
 /** @packageDocumentation
  * @module Base
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Centered React functional component.
  * Displays content centered vertically and horizontally.
  * @public
  */
-export declare function Centered(props: CommonDivProps): JSX.Element;
+export declare function Centered(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=Centered.d.ts.map

package/lib/cjs/core-react/base/Centered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,eAE7C"}
+{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,qBAE7C"}

package/lib/cjs/core-react/base/Div.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Base
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Properties for the [[Div]] component
  * @public
@@ -13,5 +13,5 @@ export interface DivProps extends CommonDivProps {
 /** Base div element React component
  * @public
  */
-export declare function Div(props: DivProps): JSX.Element;
+export declare function Div(props: DivProps): React.JSX.Element;
 //# sourceMappingURL=Div.d.ts.map

package/lib/cjs/core-react/base/Div.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,eAYlC"}
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,qBAYlC"}

package/lib/cjs/core-react/base/DivWithOutsideClick.d.ts

@@ -19,7 +19,7 @@ export declare const DivWithOutsideClick: {
         getParentDocument(): Document;
         componentDidMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -53,7 +53,7 @@ export declare const DivWithOutsideClick: {
         getParentDocument(): Document;
         componentDidMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/lib/cjs/core-react/base/FillCentered.d.ts

@@ -1,11 +1,11 @@
 /** @packageDocumentation
  * @module Base
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Full height & width and centered React functional component.
  * Displays content centered vertically and horizontally and has a height and width of 100%.
  * @public
  */
-export declare function FillCentered(props: CommonDivProps): JSX.Element;
+export declare function FillCentered(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=FillCentered.d.ts.map

package/lib/cjs/core-react/base/FillCentered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FillCentered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,eAEjD"}
+{"version":3,"file":"FillCentered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,qBAEjD"}

package/lib/cjs/core-react/base/FlexWrapContainer.d.ts

@@ -1,12 +1,12 @@
 /** @packageDocumentation
  * @module Base
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Flex Wrap Container React functional component.
  * Wraps content onto multiple lines and
  * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
  * @public
  */
-export declare function FlexWrapContainer(props: CommonDivProps): JSX.Element;
+export declare function FlexWrapContainer(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=FlexWrapContainer.d.ts.map

package/lib/cjs/core-react/base/FlexWrapContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexWrapContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,eAEtD"}
+{"version":3,"file":"FlexWrapContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,qBAEtD"}

package/lib/cjs/core-react/base/Gap.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Base
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonProps } from "../utils/Props";
 /** Properties for the [[Gap]] component.
  * @public
@@ -12,5 +12,5 @@ export interface GapProps extends CommonProps {
 /** Horizontal gap or space React component. Defaults to 10px.
  * @public
  */
-export declare function Gap(props: GapProps): JSX.Element;
+export declare function Gap(props: GapProps): React.JSX.Element;
 //# sourceMappingURL=Gap.d.ts.map

package/lib/cjs/core-react/base/Gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Gap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,eAKlC"}
+{"version":3,"file":"Gap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,qBAKlC"}

package/lib/cjs/core-react/base/ScrollView.d.ts

@@ -1,12 +1,12 @@
 /** @packageDocumentation
  * @module Base
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Scroll View React functional component.
  * Scrolls content vertically and
  * has the 'overflow-y: auto' CSS property and has a height and width of 100%.
  * @public
  */
-export declare function ScrollView(props: CommonDivProps): JSX.Element;
+export declare function ScrollView(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=ScrollView.d.ts.map

package/lib/cjs/core-react/base/ScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/ScrollView.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,eAE/C"}
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/ScrollView.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,qBAE/C"}

package/lib/cjs/core-react/button/UnderlinedButton.d.ts

@@ -21,5 +21,5 @@ export interface UnderlinedButtonProps {
 /** A React component that makes text clickable and underlined
  * @public
  */
-export declare function UnderlinedButton(props: UnderlinedButtonProps): JSX.Element;
+export declare function UnderlinedButton(props: UnderlinedButtonProps): React.JSX.Element;
 //# sourceMappingURL=UnderlinedButton.d.ts.map

package/lib/cjs/core-react/button/UnderlinedButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlinedButton.d.ts","sourceRoot":"","sources":["../../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAwC5D"}
+{"version":3,"file":"UnderlinedButton.d.ts","sourceRoot":"","sources":["../../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}

package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts

@@ -23,12 +23,12 @@ export interface CheckListBoxItemProps extends CommonProps {
  * @public
  */
 export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /** Separator added to a [[CheckListBox]].
  * @public
  */
-export declare function CheckListBoxSeparator(): JSX.Element;
+export declare function CheckListBoxSeparator(): React.JSX.Element;
 /** React component showing a list of Checkbox items.
  * @public
  */
@@ -36,6 +36,6 @@ export declare class CheckListBox extends React.PureComponent<CommonProps & {
     /** Content */
     children?: React.ReactNode;
 }> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=CheckListBox.d.ts.map

package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckListBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;CAC5D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAoBvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,gBAEpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CACnD,WAAW,GAAG;IACZ,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF;IACiB,MAAM;CAQvB"}
+{"version":3,"file":"CheckListBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;CAC5D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAoBvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,sBAEpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CACnD,WAAW,GAAG;IACZ,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF;IACiB,MAAM;CAQvB"}

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

@@ -119,9 +119,9 @@ class ContextSubMenu extends React.Component {
             this._parsedLabel = TildeFinder_1.TildeFinder.findAfterTilde(label).node;
             this._lastLabel = label;
         }
-        return (
-        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
-        React.createElement("div", { className: (0, classnames_1.default)("core-context-submenu", ContextMenu_1.ContextMenu.getCSSClassNameFromDirection(renderDirection), className), onMouseOver: this._handleMouseOver, ref: (el) => {
+        return (React.createElement("div", { className: (0, classnames_1.default)("core-context-submenu", ContextMenu_1.ContextMenu.getCSSClassNameFromDirection(renderDirection), className), 
+            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+            onMouseOver: this._handleMouseOver, ref: (el) => {
                 this._subMenuElement = el;
             }, "data-testid": "core-context-submenu", ...props },
             React.createElement("div", { onClick: this._handleClick, ref: (el) => {

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

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

package/lib/cjs/core-react/contextmenu/PopupContextMenu.d.ts

@@ -50,5 +50,5 @@ export interface PopupContextMenuProps extends CommonProps {
 /** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
  * @public
  */
-export declare function PopupContextMenu(props: PopupContextMenuProps): JSX.Element;
+export declare function PopupContextMenu(props: PopupContextMenuProps): React.JSX.Element;
 //# sourceMappingURL=PopupContextMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAsC5D"}
+{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAsC5D"}

package/lib/cjs/core-react/elementseparator/ElementSeparator.d.ts

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module ElementSeparator
  */
-/// <reference types="react" />
 import "./ElementSeparator.scss";
+import * as React from "react";
 import { Orientation } from "../enums/Orientation";
 import type { CommonProps } from "../utils/Props";
 /**
@@ -38,5 +38,5 @@ export interface ElementSeparatorProps extends CommonProps {
 /** A movable button, which allows to change the ratio between left element and right element
  * @public
  */
-export declare const ElementSeparator: (props: ElementSeparatorProps) => JSX.Element;
+export declare const ElementSeparator: (props: ElementSeparatorProps) => React.JSX.Element;
 //# sourceMappingURL=ElementSeparator.d.ts.map

package/lib/cjs/core-react/elementseparator/ElementSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementSeparator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,yBAAyB,CAAC;AAWjC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC7D,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AAiLD;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBA4C5D,CAAC"}
+{"version":3,"file":"ElementSeparator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC7D,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oCAAoC;IACpC,yBAAyB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AAiLD;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,sBA4C5D,CAAC"}

package/lib/cjs/core-react/focustrap/FocusTrap.d.ts

@@ -25,5 +25,5 @@ export interface FocusTrapProps extends React.AllHTMLAttributes<any> {
 /** Trap Focus in container while trap is active.
  * @internal
  */
-export declare function FocusTrap(props: FocusTrapProps): JSX.Element | null;
+export declare function FocusTrap(props: FocusTrapProps): React.JSX.Element | null;
 //# sourceMappingURL=FocusTrap.d.ts.map

package/lib/cjs/core-react/focustrap/FocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkI/B;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,cAAc,EAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,GAC1D,OAAO,CAcT;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IAClE,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,uBAAuB,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;CAC7D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,sBA+G9C"}
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkI/B;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,cAAc,EAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,GAC1D,OAAO,CAcT;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IAClE,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,uBAAuB,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;CAC7D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,4BA+G9C"}

package/lib/cjs/core-react/hocs/withIsPressed.d.ts

@@ -20,7 +20,7 @@ export declare const withIsPressed: <ComponentProps extends {}>(Component: React
         handleOnPointerUp: () => void;
         handleOnMouseLeave: () => void;
         changeIsPressed: (isPressed: boolean) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithIsPressedProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -49,7 +49,7 @@ export declare const withIsPressed: <ComponentProps extends {}>(Component: React
         handleOnPointerUp: () => void;
         handleOnMouseLeave: () => void;
         changeIsPressed: (isPressed: boolean) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithIsPressedProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/lib/cjs/core-react/hocs/withOnOutsideClick.d.ts

@@ -35,7 +35,7 @@ export declare const withOnOutsideClick: <ComponentProps extends {}>(Component:
         componentDidMount(): void;
         /** @internal */
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -77,7 +77,7 @@ export declare const withOnOutsideClick: <ComponentProps extends {}>(Component:
         componentDidMount(): void;
         /** @internal */
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/lib/cjs/core-react/hocs/withTimeout.d.ts

@@ -21,7 +21,7 @@ export declare const withTimeout: <ComponentProps extends {}>(Component: React.C
         componentDidMount(): void;
         componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         startTimer(timeout: number): void;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithTimeoutProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -48,7 +48,7 @@ export declare const withTimeout: <ComponentProps extends {}>(Component: React.C
         componentDidMount(): void;
         componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         startTimer(timeout: number): void;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps & WithTimeoutProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

package/lib/cjs/core-react/icons/IconComponent.d.ts

@@ -27,5 +27,5 @@ export interface IconProps extends CommonProps {
 /** Icon Functional component displays an icon based on an [[IconSpec]].
  * @public
  */
-export declare function Icon(props: IconProps): JSX.Element | null;
+export declare function Icon(props: IconProps): React.JSX.Element | null;
 //# sourceMappingURL=IconComponent.d.ts.map

package/lib/cjs/core-react/icons/IconComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,sBAAsB,GACtB,KAAK,CAAC,SAAS,GACf,mBAAmB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAWD;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,sBA2EpC"}
+{"version":3,"file":"IconComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,sBAAsB,GACtB,KAAK,CAAC,SAAS,GACf,mBAAmB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAWD;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,4BA2EpC"}

package/lib/cjs/core-react/icons/SvgPath.d.ts

@@ -19,6 +19,6 @@ export interface SvgPathProps extends CommonProps {
  * @public
  */
 export declare class SvgPath extends React.PureComponent<SvgPathProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=SvgPath.d.ts.map

package/lib/cjs/core-react/icons/WebFontIcon.d.ts

@@ -22,5 +22,5 @@ export interface WebFontIconProps extends CommonProps {
 /** WebFontIcon React component
  * @public
  */
-export declare function WebFontIcon(props: WebFontIconProps): JSX.Element;
+export declare function WebFontIcon(props: WebFontIconProps): React.JSX.Element;
 //# sourceMappingURL=WebFontIcon.d.ts.map

package/lib/cjs/core-react/icons/WebFontIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebFontIcon.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/WebFontIcon.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAiBlD"}
+{"version":3,"file":"WebFontIcon.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/WebFontIcon.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAiBlD"}

package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.d.ts

@@ -38,6 +38,6 @@ export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProp
     private _onInputClick;
     private _onLabelClick;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=ImageCheckBox.d.ts.map