@itwin/components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/components-react/common/DelayedSpinner.js

@@ -1,35 +1,34 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import { ProgressRadial } from "@itwin/itwinui-react";
-/**
- * Spinner that is rendered with delay.
- * @internal
- */
-export function DelayedSpinner(props) {
-    var _a, _b;
-    const delay = (_a = props.delay) !== null && _a !== void 0 ? _a : 500;
-    const [loadStart] = React.useState(props.loadStart || new Date());
-    const currTime = new Date();
-    const diff = (currTime.getTime() - loadStart.getTime());
-    const update = useForceUpdate();
-    React.useEffect(() => {
-        if (diff >= delay)
-            return;
-        const timer = setTimeout(update, delay - diff);
-        return () => clearTimeout(timer);
-    });
-    if (diff < delay)
-        return null;
-    return (React.createElement(ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
-}
-const useForceUpdate = () => {
-    const [value, set] = React.useState(true);
-    return () => set(!value);
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { ProgressRadial } from "@itwin/itwinui-react";
+/**
+ * Spinner that is rendered with delay.
+ * @internal
+ */
+export function DelayedSpinner(props) {
+    const delay = props.delay ?? 500;
+    const [loadStart] = React.useState(props.loadStart || new Date());
+    const currTime = new Date();
+    const diff = (currTime.getTime() - loadStart.getTime());
+    const update = useForceUpdate();
+    React.useEffect(() => {
+        if (diff >= delay)
+            return;
+        const timer = setTimeout(update, delay - diff);
+        return () => clearTimeout(timer);
+    });
+    if (diff < delay)
+        return null;
+    return (React.createElement(ProgressRadial, { indeterminate: true, size: props.size ?? "large" }));
+}
+const useForceUpdate = () => {
+    const [value, set] = React.useState(true);
+    return () => set(!value);
+};
 //# sourceMappingURL=DelayedSpinner.js.map

package/lib/esm/components-react/common/DelayedSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;;IACvD,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,GAAG,CAAC;IACjC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAExD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YACf,OAAO;QACT,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,GAAG,KAAK;QACd,OAAO,IAAI,CAAC;IAEd,OAAO,CAAC,oBAAC,cAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ProgressRadial, ProgressRadialProps } from \"@itwin/itwinui-react\";\r\n\r\n/** Type for ProgressRadialProps.size */\r\ntype RadialSizeType = ProgressRadialProps[\"size\"];\r\n\r\n/**\r\n * Props for [[DelayedSpinner]] component.\r\n * @internal\r\n */\r\nexport interface DelayedSpinnerProps {\r\n  loadStart?: Date;\r\n  delay?: number;\r\n  size?: RadialSizeType;\r\n}\r\n\r\n/**\r\n * Spinner that is rendered with delay.\r\n * @internal\r\n */\r\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\r\n  const delay = props.delay ?? 500;\r\n  const [loadStart] = React.useState(props.loadStart || new Date());\r\n\r\n  const currTime = new Date();\r\n  const diff = (currTime.getTime() - loadStart.getTime());\r\n\r\n  const update = useForceUpdate();\r\n  React.useEffect(() => {\r\n    if (diff >= delay)\r\n      return;\r\n    const timer = setTimeout(update, delay - diff);\r\n    return () => clearTimeout(timer);\r\n  });\r\n\r\n  if (diff < delay)\r\n    return null;\r\n\r\n  return (<ProgressRadial indeterminate size={props.size ?? \"large\"} />);\r\n}\r\n\r\nconst useForceUpdate = () => {\r\n  const [value, set] = React.useState(true);\r\n  return () => set(!value);\r\n};\r\n"]}
+{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;IACjC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAExD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YACf,OAAO;QACT,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,GAAG,KAAK;QACd,OAAO,IAAI,CAAC;IAEd,OAAO,CAAC,oBAAC,cAAc,IAAC,aAAa,QAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ProgressRadial, ProgressRadialProps } from \"@itwin/itwinui-react\";\r\n\r\n/** Type for ProgressRadialProps.size */\r\ntype RadialSizeType = ProgressRadialProps[\"size\"];\r\n\r\n/**\r\n * Props for [[DelayedSpinner]] component.\r\n * @internal\r\n */\r\nexport interface DelayedSpinnerProps {\r\n  loadStart?: Date;\r\n  delay?: number;\r\n  size?: RadialSizeType;\r\n}\r\n\r\n/**\r\n * Spinner that is rendered with delay.\r\n * @internal\r\n */\r\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\r\n  const delay = props.delay ?? 500;\r\n  const [loadStart] = React.useState(props.loadStart || new Date());\r\n\r\n  const currTime = new Date();\r\n  const diff = (currTime.getTime() - loadStart.getTime());\r\n\r\n  const update = useForceUpdate();\r\n  React.useEffect(() => {\r\n    if (diff >= delay)\r\n      return;\r\n    const timer = setTimeout(update, delay - diff);\r\n    return () => clearTimeout(timer);\r\n  });\r\n\r\n  if (diff < delay)\r\n    return null;\r\n\r\n  return (<ProgressRadial indeterminate size={props.size ?? \"large\"} />);\r\n}\r\n\r\nconst useForceUpdate = () => {\r\n  const [value, set] = React.useState(true);\r\n  return () => set(!value);\r\n};\r\n"]}

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Common
- */
-/// <reference types="react" />
-/**
- * Properties of [[HighlightedText]]
- * @public
- */
-export interface HighlightedTextProps {
-    searchText: string;
-    activeMatchIndex?: number;
-    text: string;
-    /** Should search be case sensitive */
-    caseSensitive?: boolean;
-}
-/**
- * Highlighted text
- * Used for highlighting parts in the 'text' which match with 'searchText'
- * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @public
- */
-export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Common
+ */
+/// <reference types="react" />
+/**
+ * Properties of [[HighlightedText]]
+ * @public
+ */
+export interface HighlightedTextProps {
+    searchText: string;
+    activeMatchIndex?: number;
+    text: string;
+    /** Should search be case sensitive */
+    caseSensitive?: boolean;
+}
+/**
+ * Highlighted text
+ * Used for highlighting parts in the 'text' which match with 'searchText'
+ * Also actively highlights one matched part which is selected with 'activeMatchIndex'
+ * @public
+ */
+export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
 //# sourceMappingURL=HighlightedText.d.ts.map

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

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-import React from "react";
-import Highlighter from "react-highlight-words";
-import { HighlightingEngine } from "../tree/HighlightingEngine";
-/**
- * Highlighted text
- * Used for highlighting parts in the 'text' which match with 'searchText'
- * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @public
- */
-export function HighlightedText(props) {
-    const { searchText, activeMatchIndex, text, caseSensitive } = props;
-    return (React.createElement(Highlighter, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
-}
-const findChunksNoRegex = (args) => {
-    const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();
-    const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();
-    const chunks = [];
-    let index = text.indexOf(term);
-    while (index !== -1) {
-        chunks.push({ start: index, end: index + term.length, highlight: true });
-        index = text.indexOf(term, index + 1);
-    }
-    return chunks;
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+import React from "react";
+import Highlighter from "react-highlight-words";
+import { HighlightingEngine } from "../tree/HighlightingEngine";
+/**
+ * Highlighted text
+ * Used for highlighting parts in the 'text' which match with 'searchText'
+ * Also actively highlights one matched part which is selected with 'activeMatchIndex'
+ * @public
+ */
+export function HighlightedText(props) {
+    const { searchText, activeMatchIndex, text, caseSensitive } = props;
+    return (React.createElement(Highlighter, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
+}
+const findChunksNoRegex = (args) => {
+    const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();
+    const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();
+    const chunks = [];
+    let index = text.indexOf(term);
+    while (index !== -1) {
+        chunks.push({ start: index, end: index + term.length, highlight: true });
+        index = text.indexOf(term, index + 1);
+    }
+    return chunks;
+};
 //# sourceMappingURL=HighlightedText.js.map

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Item highlight info used for identification of a specific highlight in an item
- * @public
- */
-export interface HighlightInfo {
-    highlightedItemIdentifier: string;
-    highlightIndex: number;
-}
-/**
- * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
- * @public
- */
-export interface HighlightingComponentProps {
-    highlightedText: string;
-    activeHighlight?: HighlightInfo;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Item highlight info used for identification of a specific highlight in an item
+ * @public
+ */
+export interface HighlightInfo {
+    highlightedItemIdentifier: string;
+    highlightIndex: number;
+}
+/**
+ * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
+ * @public
+ */
+export interface HighlightingComponentProps {
+    highlightedText: string;
+    activeHighlight?: HighlightInfo;
+}
 //# sourceMappingURL=HighlightingComponentProps.d.ts.map

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

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+export {};
 //# sourceMappingURL=HighlightingComponentProps.js.map

package/lib/esm/components-react/common/IImageLoader.d.ts

@@ -1,42 +1,42 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Type of loaded image source:
- * * "svg" will render svg strings inline with the rest of the DOM
- * * "url" will render a simple img tag with __url__ as it's source
- * * "binary" expects a HEX string for the value and will render raw image
- * * "core-icon" will render an icon bundled with @itwin/core-react
- * * "webfont-icon" will render web font icon from provided font-family. When no font-family given, defaults to "bentley-icons-generic-webfont".
- * @public
- */
-export declare type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
-/** Type of raw image format
- * @public
- */
-export declare type ImageFileFormat = "png" | "jpg" | "jpge";
-/** Image data for string based images
- * @public
- */
-export interface LoadedImage {
-    value: string;
-    sourceType: ImageSourceType;
-}
-/** Image data for raw images
- * @public
- */
-export interface LoadedBinaryImage extends LoadedImage {
-    fileFormat: ImageFileFormat;
-}
-/** Image data returned by an [[IImageLoader]]
- * @public
- */
-export declare type Image = LoadedImage | LoadedBinaryImage;
-/** Interface for an image loader.
- * @public
- */
-export interface IImageLoader {
-    /** Function that will load image data */
-    load: (item: any) => Image | undefined;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Type of loaded image source:
+ * * "svg" will render svg strings inline with the rest of the DOM
+ * * "url" will render a simple img tag with __url__ as it's source
+ * * "binary" expects a HEX string for the value and will render raw image
+ * * "core-icon" will render an icon bundled with @itwin/core-react
+ * * "webfont-icon" will render web font icon from provided font-family. When no font-family given, defaults to "bentley-icons-generic-webfont".
+ * @public
+ */
+export type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
+/** Type of raw image format
+ * @public
+ */
+export type ImageFileFormat = "png" | "jpg" | "jpge";
+/** Image data for string based images
+ * @public
+ */
+export interface LoadedImage {
+    value: string;
+    sourceType: ImageSourceType;
+}
+/** Image data for raw images
+ * @public
+ */
+export interface LoadedBinaryImage extends LoadedImage {
+    fileFormat: ImageFileFormat;
+}
+/** Image data returned by an [[IImageLoader]]
+ * @public
+ */
+export type Image = LoadedImage | LoadedBinaryImage;
+/** Interface for an image loader.
+ * @public
+ */
+export interface IImageLoader {
+    /** Function that will load image data */
+    load: (item: any) => Image | undefined;
+}
 //# sourceMappingURL=IImageLoader.d.ts.map

package/lib/esm/components-react/common/IImageLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IImageLoader.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;;;;;GAQG;AACH,oBAAY,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC;AAEtF;;GAEG;AACH,oBAAY,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,oBAAY,KAAK,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,GAAG,SAAS,CAAC;CACxC"}
+{"version":3,"file":"IImageLoader.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC;AAEtF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,GAAG,SAAS,CAAC;CACxC"}

package/lib/esm/components-react/common/IImageLoader.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+export {};
 //# sourceMappingURL=IImageLoader.js.map

package/lib/esm/components-react/common/ImageRenderer.d.ts

@@ -1,37 +1,37 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import { Image } from "./IImageLoader";
-/** A class that renders images from data provided by an image loader
- * @internal
- */
-export declare class ImageRenderer {
-    private static _svgCache;
-    private hexToBase64;
-    /** Render raw binary image */
-    private renderBinary;
-    private isSvg;
-    private convertSvgToDataUri;
-    /** Render svg string into JSX */
-    private renderSvg;
-    /** Render image from an url */
-    private renderUrl;
-    /** Render image as core-react icon */
-    private renderCoreIcon;
-    /** Replaces the escaped instances of "\:" with ":" */
-    private normalizeEscapedIconString;
-    /**
-     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
-     * className and fontName can be escaped using \ if : is needed.
-     */
-    private extractIconClassAndName;
-    /**
-     * Render image as provided webfont icon.
-     * Defaults to core-react icon if iconName does not contain className.
-     */
-    private renderWebfontIcon;
-    /** Render image from data provided by an image loader */
-    render(loadedImage: Image): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { Image } from "./IImageLoader";
+/** A class that renders images from data provided by an image loader
+ * @internal
+ */
+export declare class ImageRenderer {
+    private static _svgCache;
+    private hexToBase64;
+    /** Render raw binary image */
+    private renderBinary;
+    private isSvg;
+    private convertSvgToDataUri;
+    /** Render svg string into JSX */
+    private renderSvg;
+    /** Render image from an url */
+    private renderUrl;
+    /** Render image as core-react icon */
+    private renderCoreIcon;
+    /** Replaces the escaped instances of "\:" with ":" */
+    private normalizeEscapedIconString;
+    /**
+     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
+     * className and fontName can be escaped using \ if : is needed.
+     */
+    private extractIconClassAndName;
+    /**
+     * Render image as provided webfont icon.
+     * Defaults to core-react icon if iconName does not contain className.
+     */
+    private renderWebfontIcon;
+    /** Render image from data provided by an image loader */
+    render(loadedImage: Image): React.ReactNode;
+}
 //# sourceMappingURL=ImageRenderer.d.ts.map