@itwin/core-react 4.8.3 → 4.9.0

package/lib/esm/core-react/notification/MessageRenderer.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Notification
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { MessageType } from "./MessageType";
 import type { ClassNameProps } from "../utils/Props";
 /** Properties for the [[MessageRenderer]] component
@@ -16,5 +16,5 @@ export interface MessageRendererProps extends ClassNameProps {
 /** React component renders a string, HTMLElement or React node in a `div` or `span`
  * @public
  */
-export declare function MessageRenderer(props: MessageRendererProps): JSX.Element | null;
+export declare function MessageRenderer(props: MessageRendererProps): React.JSX.Element | null;
 //# sourceMappingURL=MessageRenderer.d.ts.map

package/lib/esm/core-react/notification/MessageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,wBAAwB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sBAyF1D"}
+{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,wBAAwB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,4BAyF1D"}

package/lib/esm/core-react/settings/SettingsContainer.d.ts

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module Settings
  */
-/// <reference types="react" />
 import "./SettingsContainer.scss";
+import * as React from "react";
 import type { SettingsManager, SettingsTabEntry } from "./SettingsManager";
 /** Hook to use within Settings Page component to allow saving the current page's data before the Setting Container is closed.
  * @public
@@ -27,5 +27,5 @@ export interface SettingsContainerProps {
  * Note: that SettingsContainer is not rendered if tabs array is empty
  * @public
  */
-export declare const SettingsContainer: ({ tabs, onSettingsTabSelected, currentSettingsTab, settingsManager, showHeader, }: SettingsContainerProps) => JSX.Element;
+export declare const SettingsContainer: ({ tabs, onSettingsTabSelected, currentSettingsTab, settingsManager, showHeader, }: SettingsContainerProps) => React.JSX.Element;
 //# sourceMappingURL=SettingsContainer.d.ts.map

package/lib/esm/core-react/settings/SettingsContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAIV,eAAe,EACf,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAiB3B;;GAEG;AACH,wBAAgB,qCAAqC,CACnD,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,KAAK,IAAI,QAa5E;AAED;;GAEG;AACH,wBAAgB,qCAAqC,CACnD,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,CACZ,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EACrC,sBAAsB,CAAC,EAAE,MAAM,KAC5B,IAAI,QAaV;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,gBAAgB,EAAE,CAAC;IAEzB,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IAEtC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExD,eAAe,EAAE,eAAe,CAAC;IAEjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,sFAM3B,sBAAsB,gBAkJxB,CAAC"}
+{"version":3,"file":"SettingsContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAIV,eAAe,EACf,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAiB3B;;GAEG;AACH,wBAAgB,qCAAqC,CACnD,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,KAAK,IAAI,QAa5E;AAED;;GAEG;AACH,wBAAgB,qCAAqC,CACnD,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,CACZ,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EACrC,sBAAsB,CAAC,EAAE,MAAM,KAC5B,IAAI,QAaV;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,gBAAgB,EAAE,CAAC;IAEzB,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IAEtC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExD,eAAe,EAAE,eAAe,CAAC;IAEjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,sFAM3B,sBAAsB,sBAkJxB,CAAC"}

package/lib/esm/core-react/tabs/VerticalTabs.d.ts

@@ -1,10 +1,10 @@
 /** @packageDocumentation
  * @module Tabs
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { TabsProps } from "./Tabs";
 /** Vertical tabs meant to represent the current position in a page/section
  * @public
  */
-export declare function VerticalTabs(props: TabsProps): JSX.Element;
+export declare function VerticalTabs(props: TabsProps): React.JSX.Element;
 //# sourceMappingURL=VerticalTabs.d.ts.map

package/lib/esm/core-react/tabs/VerticalTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/VerticalTabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAQ5C"}
+{"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/VerticalTabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,qBAQ5C"}

package/lib/esm/core-react/text/BlockText.d.ts

@@ -1,10 +1,10 @@
 /** @packageDocumentation
  * @module Text
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { TextProps } from "./TextProps";
 /** Styled block text React functional component
  * @public
  */
-export declare function BlockText(props: TextProps): JSX.Element;
+export declare function BlockText(props: TextProps): React.JSX.Element;
 //# sourceMappingURL=BlockText.d.ts.map

package/lib/esm/core-react/text/BlockText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAGzC"}
+{"version":3,"file":"BlockText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAGzC"}

package/lib/esm/core-react/text/BodyText.d.ts

@@ -1,11 +1,11 @@
 /** @packageDocumentation
  * @module Text
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { TextProps } from "./TextProps";
 /** Styled body text React functional component
  * @public
  * @deprecated in 4.0 Use \<Text variant='body' /\> from iTwinUI-react package.
  */
-export declare function BodyText(props: TextProps): JSX.Element;
+export declare function BodyText(props: TextProps): React.JSX.Element;
 //# sourceMappingURL=BodyText.d.ts.map

package/lib/esm/core-react/text/BodyText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAGxC"}
+{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBAGxC"}

package/lib/esm/core-react/text/DisabledText.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
 import type { TextProps } from "./TextProps";
 /** Styled disabled text React functional component
  * @public
  */
-export declare function DisabledText(props: TextProps): JSX.Element;
+export declare function DisabledText(props: TextProps): React.JSX.Element;
 //# sourceMappingURL=DisabledText.d.ts.map

package/lib/esm/core-react/text/DisabledText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisabledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAG5C"}
+{"version":3,"file":"DisabledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,qBAG5C"}

package/lib/esm/core-react/text/FilteredText.d.ts

@@ -21,5 +21,5 @@ export interface FilteredTextProps extends CommonProps {
 /** Component used to highlight filter matches within a text string.
  * @alpha
  */
-export declare function FilteredText(props: FilteredTextProps): JSX.Element;
+export declare function FilteredText(props: FilteredTextProps): React.JSX.Element;
 //# sourceMappingURL=FilteredText.d.ts.map

package/lib/esm/core-react/text/FilteredText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/FilteredText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA8DpD"}
+{"version":3,"file":"FilteredText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/FilteredText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA8DpD"}

package/lib/esm/core-react/text/MutedText.d.ts

@@ -1,11 +1,11 @@
 /** @packageDocumentation
  * @module Text
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { TextProps } from "./TextProps";
 /** Styled muted/gray text React functional component
  * @public
  * @deprecated in 4.0 Use \<Text isMuted /\> from iTwinUI-react package.
  */
-export declare function MutedText(props: TextProps): JSX.Element;
+export declare function MutedText(props: TextProps): React.JSX.Element;
 //# sourceMappingURL=MutedText.d.ts.map

package/lib/esm/core-react/text/MutedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutedText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAGzC"}
+{"version":3,"file":"MutedText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAGzC"}

package/lib/esm/core-react/text/StyledText.d.ts

@@ -1,7 +1,7 @@
 /** @packageDocumentation
  * @module Text
  */
-/// <reference types="react" />
+import * as React from "react";
 import type { TextProps } from "./TextProps";
 /** Properties for [[StyledText]] component
  * @public
@@ -14,5 +14,5 @@ export interface StyledTextProps extends TextProps {
  * @public
  * @deprecated in 4.0 Use \<Text /\> component from iTwinUI-react library.
  */
-export declare function StyledText(props: StyledTextProps): JSX.Element;
+export declare function StyledText(props: StyledTextProps): React.JSX.Element;
 //# sourceMappingURL=StyledText.d.ts.map

package/lib/esm/core-react/text/StyledText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAYhD"}
+{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAYhD"}

package/lib/esm/core-react/tree/Branch.d.ts

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

package/lib/esm/core-react/tree/ExpansionToggle.d.ts

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

package/lib/esm/core-react/tree/Node.d.ts

@@ -70,7 +70,7 @@ export interface TreeNodeProps extends CommonProps {
  */
 export declare class TreeNode extends React.Component<TreeNodeProps> {
     constructor(props: TreeNodeProps);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private createSubComponentTestId;
     private _onCheckboxChange;
     private _onCheckboxClick;

package/lib/esm/core-react/tree/Placeholder.d.ts

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

package/lib/esm/core-react/tree/Tree.d.ts

@@ -24,6 +24,6 @@ export declare class Tree extends React.PureComponent<TreeProps> {
     scrollToElement(element: Element): void;
     getElementsByClassName(className: string): Element[];
     setFocusByClassName(selector: string): boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=Tree.d.ts.map

package/lib/esm/core-react/utils/IconWebComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWebComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAMA;;GAEG;AA8FH;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;YACjC,iBAAiB;YAKjB,OAAO;CAetB"}
+{"version":3,"file":"IconWebComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAMA;;GAEG;AAiGH;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;YACjC,iBAAiB;YAKjB,OAAO;CAetB"}

package/lib/esm/core-react/utils/IconWebComponent.js

@@ -49,6 +49,7 @@ function parseSvgFromDataUri(src, element) {
     const parsedSvg = new window.DOMParser().parseFromString(sanitizedSvg, "text/xml");
     const errorNode = parsedSvg.querySelector("parsererror");
     if (errorNode || "svg" !== parsedSvg.documentElement.nodeName.toLowerCase()) {
+        // eslint-disable-next-line deprecation/deprecation
         throw new UiError(UiCore.loggerCategory(element), "Unable to load icon.");
     }
     return parsedSvg.documentElement;
@@ -64,10 +65,12 @@ async function fetchSvg(src, element) {
         Logger.logError(UiCore.loggerCategory(element), "Unable to load icon.");
     });
     if (!response || !response.ok) {
+        // eslint-disable-next-line deprecation/deprecation
         throw new UiError(UiCore.loggerCategory(element), "Unable to load icon.");
     }
     const str = await response.text();
     if (str === undefined) {
+        // eslint-disable-next-line deprecation/deprecation
         throw new UiError(UiCore.loggerCategory(element), "Unable to load icon.");
     }
     const data = new window.DOMParser().parseFromString(str, "text/xml");

package/lib/esm/core-react/utils/IconWebComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWebComponent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"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// istanbul ignore file\n// IconWebComponent requires in-browser testing\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiCore } from \"../UiCore\";\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\nimport { reuseOrCreatePromise } from \"./reuseOrCreatePromise\";\n\n/**\n * \"getSvg\" list\n * (if multiple icon require the same thing,\n * only do the fetch once, and have all icon use the same result)\n */\nconst cache = new Map<string, Promise<any>>();\n\n/**\n * Parse 'data:' uri to retrieve the Svg component within it.\n * @param src data:image/svg+xml;base64 or data:image/svg+xml\n * @param element Element for logging purpose.\n * @returns HTMLElement (svg)\n */\nfunction parseSvgFromDataUri(src: string, element: any) {\n  const dataUriParts = src.split(\",\");\n\n  if (\n    (dataUriParts.length !== 2 &&\n      \"data:image/svg+xml;base64\" === dataUriParts[0]) ||\n    (\"data:image/svg+xml;base64\" !== dataUriParts[0] &&\n      \"data:image/svg+xml\" !== dataUriParts[0])\n  ) {\n    Logger.logError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n    return;\n  }\n\n  let rawSvg = \"\";\n  if (\"data:image/svg+xml;base64\" === dataUriParts[0]) {\n    rawSvg = window.atob(dataUriParts[1]);\n  } else {\n    // `,` is valid character in data when not in base64, rebuild the data correctly\n    rawSvg = decodeURIComponent(dataUriParts.slice(1).join(\",\"));\n  }\n\n  // the esm build of dompurify has a default import but the cjs build does not\n  // if there is a default export, use it (likely esm), otherwise use the namespace\n  // istanbul ignore next\n  const sanitizer = DOMPurify ?? DOMPurifyNS;\n  const sanitizedSvg = sanitizer.sanitize(rawSvg);\n\n  const parsedSvg = new window.DOMParser().parseFromString(\n    sanitizedSvg,\n    \"text/xml\"\n  );\n  const errorNode = parsedSvg.querySelector(\"parsererror\");\n  if (errorNode || \"svg\" !== parsedSvg.documentElement.nodeName.toLowerCase()) {\n    throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  }\n\n  return parsedSvg.documentElement;\n}\n\n/**\n * Fetch the src from the network and return the SVG element.\n * @param src URL representing a .svg file\n * @param element Element for logging purpose\n * @returns HTMLElement (svg)\n */\nasync function fetchSvg(src: string, element: any) {\n  const response = await fetch(src).catch((_error) => {\n    Logger.logError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  });\n  if (!response || !response.ok) {\n    throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  }\n  const str = await response.text();\n  if (str === undefined) {\n    throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  }\n  const data = new window.DOMParser().parseFromString(str, \"text/xml\");\n  return data.documentElement;\n}\n\n/**\n * Get the svg (fetch and parse for url, or decode and parse for data: url)\n * @param src URL of the content to download/parse\n * @param element Element for logging purpose.\n * @returns HTMLElement (svg)\n */\nasync function getSvg(src: string, element: any) {\n  if (src.startsWith(\"data:\")) {\n    return parseSvgFromDataUri(src, element);\n  }\n  return fetchSvg(src, element);\n}\n\n/**\n * IconWebComponent loads icon from an svg path\n */\nexport class IconWebComponent extends HTMLElement {\n  private async connectedCallback() {\n    await this.loadSvg();\n    this.dispatchEvent(new CustomEvent(\"load\"));\n  }\n\n  private async loadSvg() {\n    // if svg was already appended don't request it again\n    if (this.childNodes.length) return;\n    const src = this.getAttribute(\"src\") || \"\";\n    if (!src) return;\n\n    const svg = await reuseOrCreatePromise(\n      src,\n      async () => getSvg(src, this),\n      cache\n    );\n    if (svg && !this.childNodes.length) {\n      this.append(svg.cloneNode(true));\n    }\n  }\n}\n"]}
+{"version":3,"file":"IconWebComponent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"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// istanbul ignore file\n// IconWebComponent requires in-browser testing\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiCore } from \"../UiCore\";\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\nimport { reuseOrCreatePromise } from \"./reuseOrCreatePromise\";\n\n/**\n * \"getSvg\" list\n * (if multiple icon require the same thing,\n * only do the fetch once, and have all icon use the same result)\n */\nconst cache = new Map<string, Promise<any>>();\n\n/**\n * Parse 'data:' uri to retrieve the Svg component within it.\n * @param src data:image/svg+xml;base64 or data:image/svg+xml\n * @param element Element for logging purpose.\n * @returns HTMLElement (svg)\n */\nfunction parseSvgFromDataUri(src: string, element: any) {\n  const dataUriParts = src.split(\",\");\n\n  if (\n    (dataUriParts.length !== 2 &&\n      \"data:image/svg+xml;base64\" === dataUriParts[0]) ||\n    (\"data:image/svg+xml;base64\" !== dataUriParts[0] &&\n      \"data:image/svg+xml\" !== dataUriParts[0])\n  ) {\n    Logger.logError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n    return;\n  }\n\n  let rawSvg = \"\";\n  if (\"data:image/svg+xml;base64\" === dataUriParts[0]) {\n    rawSvg = window.atob(dataUriParts[1]);\n  } else {\n    // `,` is valid character in data when not in base64, rebuild the data correctly\n    rawSvg = decodeURIComponent(dataUriParts.slice(1).join(\",\"));\n  }\n\n  // the esm build of dompurify has a default import but the cjs build does not\n  // if there is a default export, use it (likely esm), otherwise use the namespace\n  // istanbul ignore next\n  const sanitizer = DOMPurify ?? DOMPurifyNS;\n  const sanitizedSvg = sanitizer.sanitize(rawSvg);\n\n  const parsedSvg = new window.DOMParser().parseFromString(\n    sanitizedSvg,\n    \"text/xml\"\n  );\n  const errorNode = parsedSvg.querySelector(\"parsererror\");\n  if (errorNode || \"svg\" !== parsedSvg.documentElement.nodeName.toLowerCase()) {\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  }\n\n  return parsedSvg.documentElement;\n}\n\n/**\n * Fetch the src from the network and return the SVG element.\n * @param src URL representing a .svg file\n * @param element Element for logging purpose\n * @returns HTMLElement (svg)\n */\nasync function fetchSvg(src: string, element: any) {\n  const response = await fetch(src).catch((_error) => {\n    Logger.logError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  });\n  if (!response || !response.ok) {\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  }\n  const str = await response.text();\n  if (str === undefined) {\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n  }\n  const data = new window.DOMParser().parseFromString(str, \"text/xml\");\n  return data.documentElement;\n}\n\n/**\n * Get the svg (fetch and parse for url, or decode and parse for data: url)\n * @param src URL of the content to download/parse\n * @param element Element for logging purpose.\n * @returns HTMLElement (svg)\n */\nasync function getSvg(src: string, element: any) {\n  if (src.startsWith(\"data:\")) {\n    return parseSvgFromDataUri(src, element);\n  }\n  return fetchSvg(src, element);\n}\n\n/**\n * IconWebComponent loads icon from an svg path\n */\nexport class IconWebComponent extends HTMLElement {\n  private async connectedCallback() {\n    await this.loadSvg();\n    this.dispatchEvent(new CustomEvent(\"load\"));\n  }\n\n  private async loadSvg() {\n    // if svg was already appended don't request it again\n    if (this.childNodes.length) return;\n    const src = this.getAttribute(\"src\") || \"\";\n    if (!src) return;\n\n    const svg = await reuseOrCreatePromise(\n      src,\n      async () => getSvg(src, this),\n      cache\n    );\n    if (svg && !this.childNodes.length) {\n      this.append(svg.cloneNode(true));\n    }\n  }\n}\n"]}

package/lib/esm/core-react/utils/hooks/useDisposable.d.ts

@@ -6,6 +6,8 @@ import type { IDisposable } from "@itwin/core-bentley";
  * A custom hook which creates a disposable object and manages its disposal on unmount
  * or factory method change.
  * @public
+ * @deprecated in 4.9.0. This hook is not compatible with React 18 Strict mode. Use [[useOptionalDisposable]] or `useState` + `useEffect` for
+ * creating and disposing disposable resources.
  */
 export declare function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable;
 /**

package/lib/esm/core-react/utils/hooks/useDisposable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisposable.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,WAAW,SAAS,WAAW,EAC3D,gBAAgB,EAAE,MAAM,WAAW,GAClC,WAAW,CAEb;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,SAAS,WAAW,EACnE,gBAAgB,EAAE,MAAM,WAAW,GAAG,SAAS,GAC9C,WAAW,GAAG,SAAS,CAmBzB"}
+{"version":3,"file":"useDisposable.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,WAAW,SAAS,WAAW,EAC3D,gBAAgB,EAAE,MAAM,WAAW,GAClC,WAAW,CAoBb;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,SAAS,WAAW,EACnE,gBAAgB,EAAE,MAAM,WAAW,GAAG,SAAS,GAC9C,WAAW,GAAG,SAAS,CAYzB"}

package/lib/esm/core-react/utils/hooks/useDisposable.js

@@ -10,9 +10,26 @@ import { useEffect, useRef, useState } from "react";
  * A custom hook which creates a disposable object and manages its disposal on unmount
  * or factory method change.
  * @public
+ * @deprecated in 4.9.0. This hook is not compatible with React 18 Strict mode. Use [[useOptionalDisposable]] or `useState` + `useEffect` for
+ * creating and disposing disposable resources.
  */
 export function useDisposable(createDisposable) {
-    return useOptionalDisposable(createDisposable);
+    const [value, setValue] = useState(() => createDisposable());
+    // need to capture initial disposable created during render loop in order to dispose later
+    const prevValue = useRef(value);
+    const useInitialValue = useRef(true);
+    useEffect(() => {
+        // do not create new disposable on initial render. It was created during render loop.
+        if (!useInitialValue.current) {
+            prevValue.current = createDisposable();
+            setValue(prevValue.current);
+        }
+        useInitialValue.current = false;
+        return () => {
+            prevValue.current.dispose();
+        };
+    }, [createDisposable]);
+    return value;
 }
 /**
  * A custom hook which calls the factory method to create a disposable object
@@ -21,18 +38,12 @@ export function useDisposable(createDisposable) {
  * @public
  */
 export function useOptionalDisposable(createDisposable) {
-    const [value, setValue] = useState(() => createDisposable());
-    const initialValue = useRef(true);
+    const [value, setValue] = useState();
     useEffect(() => {
-        if (!initialValue.current) {
-            setValue(createDisposable());
-        }
-        initialValue.current = false;
+        const disposable = createDisposable();
+        setValue(disposable);
         return () => {
-            setValue((prev) => {
-                prev && prev.dispose();
-                return prev;
-            });
+            disposable && disposable.dispose();
         };
     }, [createDisposable]);
     return value;

package/lib/esm/core-react/utils/hooks/useDisposable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAC3B,gBAAmC;IAEnC,OAAO,qBAAqB,CAAC,gBAAgB,CAAE,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAA+C;IAE/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;SAC9B;QAED,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACvB,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A custom hook which creates a disposable object and manages its disposal on unmount\n * or factory method change.\n * @public\n */\nexport function useDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable\n): TDisposable {\n  return useOptionalDisposable(createDisposable)!;\n}\n\n/**\n * A custom hook which calls the factory method to create a disposable object\n * which might as well be undefined. If the result was a disposable object, the\n * hook takes care of disposing it when necessary.\n * @public\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable | undefined\n): TDisposable | undefined {\n  const [value, setValue] = useState(() => createDisposable());\n  const initialValue = useRef(true);\n\n  useEffect(() => {\n    if (!initialValue.current) {\n      setValue(createDisposable());\n    }\n\n    initialValue.current = false;\n    return () => {\n      setValue((prev) => {\n        prev && prev.dispose();\n        return prev;\n      });\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n"]}
+{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,gBAAmC;IAEnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,0FAA0F;IAC1F,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,qFAAqF;QACrF,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YAC5B,SAAS,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACvC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SAC7B;QAED,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAA+C;IAE/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;QACtC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE;YACV,UAAU,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A custom hook which creates a disposable object and manages its disposal on unmount\n * or factory method change.\n * @public\n * @deprecated in 4.9.0. This hook is not compatible with React 18 Strict mode. Use [[useOptionalDisposable]] or `useState` + `useEffect` for\n * creating and disposing disposable resources.\n */\nexport function useDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable\n): TDisposable {\n  const [value, setValue] = useState(() => createDisposable());\n  // need to capture initial disposable created during render loop in order to dispose later\n  const prevValue = useRef(value);\n  const useInitialValue = useRef(true);\n\n  useEffect(() => {\n    // do not create new disposable on initial render. It was created during render loop.\n    if (!useInitialValue.current) {\n      prevValue.current = createDisposable();\n      setValue(prevValue.current);\n    }\n\n    useInitialValue.current = false;\n    return () => {\n      prevValue.current.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n\n/**\n * A custom hook which calls the factory method to create a disposable object\n * which might as well be undefined. If the result was a disposable object, the\n * hook takes care of disposing it when necessary.\n * @public\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable | undefined\n): TDisposable | undefined {\n  const [value, setValue] = useState<TDisposable | undefined>();\n\n  useEffect(() => {\n    const disposable = createDisposable();\n    setValue(disposable);\n    return () => {\n      disposable && disposable.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n"]}

package/lib/esm/core-react/utils/hooks/useResizeObserver.d.ts

@@ -36,5 +36,5 @@ export declare function ElementResizeObserver({ watchedElement, render, }: {
 export declare function ResizableContainerObserver({ onResize, children, }: {
     onResize: (width: number, height: number) => void;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=useResizeObserver.d.ts.map

package/lib/esm/core-react/utils/hooks/useResizeObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAuHnD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BA+GrD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,MAAM,GACP,EAAE;IACD,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC;CACxD,sEAGA;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,eA2CA"}
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAuHnD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BA+GrD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,MAAM,GACP,EAAE;IACD,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC;CACxD,sEAGA;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBA2CA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/core-react",
-  "version": "4.8.3",
+  "version": "4.9.0",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
@@ -53,7 +53,7 @@
     "@types/react": "^17.0.37",
     "@types/react-autosuggest": "10.1.2",
     "@types/react-dom": "^17.0.0",
-    "@types/sinon": "^10.0.15",
+    "@types/sinon": "^17.0.3",
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.3.10",
     "chai-as-promised": "^7",
@@ -70,7 +70,7 @@
     "react-dom": "^17.0.0",
     "react-test-renderer": "^17.0.0",
     "rimraf": "^3.0.2",
-    "sinon": "^15.2.0",
+    "sinon": "^17.0.1",
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
@@ -126,6 +126,5 @@
     "docs": "npm run -s docs:reference && npm run -s docs:changelog",
     "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/reference/core-react",
     "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/reference/core-react/file.json --excludeGlob=**/declarations.d.ts --tsIndexFile=./core-react.ts --onlyJson"
-  },
-  "readme": "# @itwin/core-react\n\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\n\n## Description\n\nThe **@itwin/core-react** package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu.\n\n## Documentation\n\nSee the [iTwin.js](https://www.itwinjs.org/learning/ui/core/) documentation for more information.\n"
+  }
 }