@itwin/core-react 4.0.0-dev.11 → 4.0.0-dev.13

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

@@ -1,75 +1,75 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import { Timer } from "../utils/Timer";
-/** Properties for [[withTimeout]] React higher-order component
- * @public
- */
-export interface WithTimeoutProps {
-    /** Timeout duration in milliseconds */
-    timeout: number;
-    /** Callback function for timeout */
-    onTimeout?: () => void;
-}
-/** withTimeout is a React higher-order component that adds timeout support.
- * @public
- */
-export declare const withTimeout: <ComponentProps extends {}>(Component: React.ComponentType<ComponentProps>) => {
-    new (props: (ComponentProps & WithTimeoutProps) | Readonly<ComponentProps & WithTimeoutProps>): {
-        timer: Timer;
-        componentDidMount(): void;
-        componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void;
-        componentWillUnmount(): void;
-        render(): 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;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps & WithTimeoutProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithTimeoutProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: ComponentProps & WithTimeoutProps, context: any): {
-        timer: Timer;
-        componentDidMount(): void;
-        componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void;
-        componentWillUnmount(): void;
-        render(): 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;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps & WithTimeoutProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithTimeoutProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { Timer } from "../utils/Timer";
+/** Properties for [[withTimeout]] React higher-order component
+ * @public
+ */
+export interface WithTimeoutProps {
+    /** Timeout duration in milliseconds */
+    timeout: number;
+    /** Callback function for timeout */
+    onTimeout?: () => void;
+}
+/** withTimeout is a React higher-order component that adds timeout support.
+ * @public
+ */
+export declare const withTimeout: <ComponentProps extends {}>(Component: React.ComponentType<ComponentProps>) => {
+    new (props: (ComponentProps & WithTimeoutProps) | Readonly<ComponentProps & WithTimeoutProps>): {
+        timer: Timer;
+        componentDidMount(): void;
+        componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void;
+        componentWillUnmount(): void;
+        render(): 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;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps & WithTimeoutProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithTimeoutProps>, prevState: Readonly<{}>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: ComponentProps & WithTimeoutProps, context: any): {
+        timer: Timer;
+        componentDidMount(): void;
+        componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void;
+        componentWillUnmount(): void;
+        render(): 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;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps & WithTimeoutProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps & WithTimeoutProps>, prevState: Readonly<{}>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps & WithTimeoutProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
 //# sourceMappingURL=withTimeout.d.ts.map

package/lib/esm/core-react/hocs/withTimeout.js

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { Timer } from "../utils/Timer";
-/** withTimeout is a React higher-order component that adds timeout support.
- * @public
- */
-export const withTimeout = (
-// eslint-disable-next-line @typescript-eslint/naming-convention
-Component) => {
-    return class WithTimeout extends React.PureComponent {
-        constructor() {
-            super(...arguments);
-            this.timer = new Timer(0);
-        }
-        componentDidMount() {
-            this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());
-            this.startTimer(this.props.timeout);
-        }
-        componentDidUpdate(_prevProps) {
-            this.startTimer(this.props.timeout);
-        }
-        componentWillUnmount() {
-            this.timer.stop();
-        }
-        render() {
-            const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-            return (React.createElement(Component, { ...props, ...this.state }));
-        }
-        startTimer(timeout) {
-            if (this.timer.isRunning)
-                return;
-            this.timer.delay = timeout;
-            this.timer.start();
-        }
-    };
-};
+/*---------------------------------------------------------------------------------------------
+* 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 { Timer } from "../utils/Timer";
+/** withTimeout is a React higher-order component that adds timeout support.
+ * @public
+ */
+export const withTimeout = (
+// eslint-disable-next-line @typescript-eslint/naming-convention
+Component) => {
+    return class WithTimeout extends React.PureComponent {
+        constructor() {
+            super(...arguments);
+            this.timer = new Timer(0);
+        }
+        componentDidMount() {
+            this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());
+            this.startTimer(this.props.timeout);
+        }
+        componentDidUpdate(_prevProps) {
+            this.startTimer(this.props.timeout);
+        }
+        componentWillUnmount() {
+            this.timer.stop();
+        }
+        render() {
+            const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+            return (React.createElement(Component, { ...props, ...this.state }));
+        }
+        startTimer(timeout) {
+            if (this.timer.isRunning)
+                return;
+            this.timer.delay = timeout;
+            this.timer.start();
+        }
+    };
+};
 //# sourceMappingURL=withTimeout.js.map

package/lib/esm/core-react/hocs/withTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;AACzB,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgD;QAAhF;;YACE,UAAK,GAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QA6BrC,CAAC;QA3BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,kBAAkB,CAAC,UAAuD;YACxF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,oBAAoB;YAClC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;YAC7G,OAAO,CACL,oBAAC,SAAS,OAAK,KAAY,KAAM,IAAI,CAAC,KAAK,GAAI,CAChD,CAAC;QACJ,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,OAAO;YAET,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,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 { Timer } from \"../utils/Timer\";\r\n\r\n/** Properties for [[withTimeout]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithTimeoutProps {\r\n  /** Timeout duration in milliseconds */\r\n  timeout: number;\r\n  /** Callback function for timeout */\r\n  onTimeout?: () => void;\r\n}\r\n\r\n/** withTimeout is a React higher-order component that adds timeout support.\r\n * @public\r\n */\r\nexport const withTimeout = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n) => {\r\n  return class WithTimeout extends React.PureComponent<ComponentProps & WithTimeoutProps> {\r\n    public timer: Timer = new Timer(0);\r\n\r\n    public override componentDidMount(): void {\r\n      this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void {\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentWillUnmount(): void {\r\n      this.timer.stop();\r\n    }\r\n\r\n    public override render() {\r\n      const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      return (\r\n        <Component {...props as any} {...this.state} />\r\n      );\r\n    }\r\n\r\n    public startTimer(timeout: number) {\r\n      if (this.timer.isRunning)\r\n        return;\r\n\r\n      this.timer.delay = timeout;\r\n      this.timer.start();\r\n    }\r\n  };\r\n};\r\n"]}
+{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;AACzB,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgD;QAAhF;;YACE,UAAK,GAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QA6BrC,CAAC;QA3BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,kBAAkB,CAAC,UAAuD;YACxF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,oBAAoB;YAClC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;YAC7G,OAAO,CACL,oBAAC,SAAS,OAAK,KAAY,KAAM,IAAI,CAAC,KAAK,GAAI,CAChD,CAAC;QACJ,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,OAAO;YAET,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\nimport * as React from \"react\";\nimport { Timer } from \"../utils/Timer\";\n\n/** Properties for [[withTimeout]] React higher-order component\n * @public\n */\nexport interface WithTimeoutProps {\n  /** Timeout duration in milliseconds */\n  timeout: number;\n  /** Callback function for timeout */\n  onTimeout?: () => void;\n}\n\n/** withTimeout is a React higher-order component that adds timeout support.\n * @public\n */\nexport const withTimeout = <ComponentProps extends {}>(\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  Component: React.ComponentType<ComponentProps>,\n) => {\n  return class WithTimeout extends React.PureComponent<ComponentProps & WithTimeoutProps> {\n    public timer: Timer = new Timer(0);\n\n    public override componentDidMount(): void {\n      this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());\n      this.startTimer(this.props.timeout);\n    }\n\n    public override componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void {\n      this.startTimer(this.props.timeout);\n    }\n\n    public override componentWillUnmount(): void {\n      this.timer.stop();\n    }\n\n    public override render() {\n      const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n      return (\n        <Component {...props as any} {...this.state} />\n      );\n    }\n\n    public startTimer(timeout: number) {\n      if (this.timer.isRunning)\n        return;\n\n      this.timer.delay = timeout;\n      this.timer.start();\n    }\n  };\n};\n"]}

package/lib/esm/core-react/icons/ConditionalIconItem.d.ts

@@ -1,27 +1,27 @@
-/** @packageDocumentation
- * @module Item
- */
-import { IconSpec } from "./IconComponent";
-/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.
- * @public
- */
-export declare class ConditionalIconItem {
-    readonly iconGetter: () => IconSpec;
-    readonly syncEventIds: string[];
-    private _value?;
-    /** Constructor for ConditionalIconItem
-     * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.
-     * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.
-     * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.
-    */
-    constructor(iconGetter: () => IconSpec, syncEventIds: string[], value?: IconSpec);
-    /** The current IconSpec according to conditions */
-    get value(): IconSpec;
-    /** Called to update the value by running the iconGetter */
-    refresh(): boolean;
-    /** A helper function that updates the IconSpec value when the specified events are triggered */
-    static refreshValue(conditionalValue: ConditionalIconItem | string | undefined, eventIds: Set<string>): boolean;
-    /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/
-    static getValue(conditionalValue: ConditionalIconItem | string | undefined): IconSpec | undefined;
-}
+/** @packageDocumentation
+ * @module Icon
+ */
+import { IconSpec } from "./IconComponent";
+/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.
+ * @public
+ */
+export declare class ConditionalIconItem {
+    readonly iconGetter: () => IconSpec;
+    readonly syncEventIds: string[];
+    private _value?;
+    /** Constructor for ConditionalIconItem
+     * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.
+     * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.
+     * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.
+    */
+    constructor(iconGetter: () => IconSpec, syncEventIds: string[], value?: IconSpec);
+    /** The current IconSpec according to conditions */
+    get value(): IconSpec;
+    /** Called to update the value by running the iconGetter */
+    refresh(): boolean;
+    /** A helper function that updates the IconSpec value when the specified events are triggered */
+    static refreshValue(conditionalValue: ConditionalIconItem | string | undefined, eventIds: Set<string>): boolean;
+    /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/
+    static getValue(conditionalValue: ConditionalIconItem | string | undefined): IconSpec | undefined;
+}
 //# sourceMappingURL=ConditionalIconItem.d.ts.map

package/lib/esm/core-react/icons/ConditionalIconItem.js

@@ -1,61 +1,61 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
-/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.
- * @public
- */
-export class ConditionalIconItem {
-    /** Constructor for ConditionalIconItem
-     * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.
-     * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.
-     * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.
-    */
-    constructor(iconGetter, syncEventIds, value) {
-        this.iconGetter = iconGetter;
-        this.syncEventIds = syncEventIds;
-        this._value = value;
-    }
-    /** The current IconSpec according to conditions */
-    get value() {
-        /* istanbul ignore else */
-        if (undefined !== this._value)
-            return this._value;
-        this._value = this.iconGetter();
-        return this._value;
-    }
-    /** Called to update the value by running the iconGetter */
-    refresh() {
-        const newValue = this.iconGetter();
-        /* istanbul ignore else */
-        if (newValue !== this._value) {
-            this._value = newValue;
-            return true;
-        }
-        return false;
-    }
-    /** A helper function that updates the IconSpec value when the specified events are triggered */
-    static refreshValue(conditionalValue, eventIds) {
-        /* istanbul ignore else */
-        if (undefined === conditionalValue || !(conditionalValue instanceof ConditionalIconItem))
-            return false;
-        /* istanbul ignore else */
-        if (conditionalValue.syncEventIds.some((value) => eventIds.has(value.toLowerCase())))
-            return conditionalValue.refresh();
-        return false;
-    }
-    /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/
-    static getValue(conditionalValue) {
-        /* istanbul ignore else */
-        if (undefined === conditionalValue)
-            return undefined;
-        /* istanbul ignore else */
-        if (conditionalValue instanceof ConditionalIconItem)
-            return conditionalValue.value;
-        return conditionalValue;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Icon
+ */
+/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.
+ * @public
+ */
+export class ConditionalIconItem {
+    /** Constructor for ConditionalIconItem
+     * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.
+     * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.
+     * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.
+    */
+    constructor(iconGetter, syncEventIds, value) {
+        this.iconGetter = iconGetter;
+        this.syncEventIds = syncEventIds;
+        this._value = value;
+    }
+    /** The current IconSpec according to conditions */
+    get value() {
+        /* istanbul ignore else */
+        if (undefined !== this._value)
+            return this._value;
+        this._value = this.iconGetter();
+        return this._value;
+    }
+    /** Called to update the value by running the iconGetter */
+    refresh() {
+        const newValue = this.iconGetter();
+        /* istanbul ignore else */
+        if (newValue !== this._value) {
+            this._value = newValue;
+            return true;
+        }
+        return false;
+    }
+    /** A helper function that updates the IconSpec value when the specified events are triggered */
+    static refreshValue(conditionalValue, eventIds) {
+        /* istanbul ignore else */
+        if (undefined === conditionalValue || !(conditionalValue instanceof ConditionalIconItem))
+            return false;
+        /* istanbul ignore else */
+        if (conditionalValue.syncEventIds.some((value) => eventIds.has(value.toLowerCase())))
+            return conditionalValue.refresh();
+        return false;
+    }
+    /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/
+    static getValue(conditionalValue) {
+        /* istanbul ignore else */
+        if (undefined === conditionalValue)
+            return undefined;
+        /* istanbul ignore else */
+        if (conditionalValue instanceof ConditionalIconItem)
+            return conditionalValue.value;
+        return conditionalValue;
+    }
+}
 //# sourceMappingURL=ConditionalIconItem.js.map

package/lib/esm/core-react/icons/ConditionalIconItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalIconItem.js","sourceRoot":"","sources":["../../../../src/core-react/icons/ConditionalIconItem.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAG9B;;;;MAIE;IACF,YAA4B,UAA0B,EAAkB,YAAsB,EAAE,KAAgB;QAApF,eAAU,GAAV,UAAU,CAAgB;QAAkB,iBAAY,GAAZ,YAAY,CAAU;QAC5F,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,mDAAmD;IACnD,IAAW,KAAK;QACd,0BAA0B;QAC1B,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM;YAC3B,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,2DAA2D;IACpD,OAAO;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,0BAA0B;QAC1B,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gGAAgG;IACzF,MAAM,CAAC,YAAY,CAAC,gBAA0D,EAAE,QAAqB;QAC1G,0BAA0B;QAC1B,IAAI,SAAS,KAAK,gBAAgB,IAAI,CAAC,CAAC,gBAAgB,YAAY,mBAAmB,CAAC;YACtF,OAAO,KAAK,CAAC;QAEf,0BAA0B;QAC1B,IAAI,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;YACnG,OAAO,gBAAgB,CAAC,OAAO,EAAE,CAAC;QAEpC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,0FAA0F;IACnF,MAAM,CAAC,QAAQ,CAAC,gBAA0D;QAC/E,0BAA0B;QAC1B,IAAI,SAAS,KAAK,gBAAgB;YAChC,OAAO,SAAS,CAAC;QAEnB,0BAA0B;QAC1B,IAAI,gBAAgB,YAAY,mBAAmB;YACjD,OAAO,gBAAgB,CAAC,KAAK,CAAC;QAEhC,OAAO,gBAAgB,CAAC;IAC1B,CAAC;CACF","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 Item\r\n */\r\n\r\nimport { IconSpec } from \"./IconComponent\";\r\n\r\n/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.\r\n * @public\r\n */\r\nexport class ConditionalIconItem {\r\n  private _value?: IconSpec;\r\n\r\n  /** Constructor for ConditionalIconItem\r\n   * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.\r\n   * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.\r\n   * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.\r\n  */\r\n  constructor(public readonly iconGetter: () => IconSpec, public readonly syncEventIds: string[], value?: IconSpec) {\r\n    this._value = value;\r\n  }\r\n\r\n  /** The current IconSpec according to conditions */\r\n  public get value(): IconSpec {\r\n    /* istanbul ignore else */\r\n    if (undefined !== this._value)\r\n      return this._value;\r\n    this._value = this.iconGetter();\r\n    return this._value;\r\n  }\r\n\r\n  /** Called to update the value by running the iconGetter */\r\n  public refresh(): boolean {\r\n    const newValue = this.iconGetter();\r\n    /* istanbul ignore else */\r\n    if (newValue !== this._value) {\r\n      this._value = newValue;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** A helper function that updates the IconSpec value when the specified events are triggered */\r\n  public static refreshValue(conditionalValue: ConditionalIconItem | string | undefined, eventIds: Set<string>): boolean {\r\n    /* istanbul ignore else */\r\n    if (undefined === conditionalValue || !(conditionalValue instanceof ConditionalIconItem))\r\n      return false;\r\n\r\n    /* istanbul ignore else */\r\n    if (conditionalValue.syncEventIds.some((value: string): boolean => eventIds.has(value.toLowerCase())))\r\n      return conditionalValue.refresh();\r\n\r\n    return false;\r\n  }\r\n\r\n  /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/\r\n  public static getValue(conditionalValue: ConditionalIconItem | string | undefined): IconSpec | undefined {\r\n    /* istanbul ignore else */\r\n    if (undefined === conditionalValue)\r\n      return undefined;\r\n\r\n    /* istanbul ignore else */\r\n    if (conditionalValue instanceof ConditionalIconItem)\r\n      return conditionalValue.value;\r\n\r\n    return conditionalValue;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ConditionalIconItem.js","sourceRoot":"","sources":["../../../../src/core-react/icons/ConditionalIconItem.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAG9B;;;;MAIE;IACF,YAA4B,UAA0B,EAAkB,YAAsB,EAAE,KAAgB;QAApF,eAAU,GAAV,UAAU,CAAgB;QAAkB,iBAAY,GAAZ,YAAY,CAAU;QAC5F,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,mDAAmD;IACnD,IAAW,KAAK;QACd,0BAA0B;QAC1B,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM;YAC3B,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,2DAA2D;IACpD,OAAO;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,0BAA0B;QAC1B,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gGAAgG;IACzF,MAAM,CAAC,YAAY,CAAC,gBAA0D,EAAE,QAAqB;QAC1G,0BAA0B;QAC1B,IAAI,SAAS,KAAK,gBAAgB,IAAI,CAAC,CAAC,gBAAgB,YAAY,mBAAmB,CAAC;YACtF,OAAO,KAAK,CAAC;QAEf,0BAA0B;QAC1B,IAAI,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;YACnG,OAAO,gBAAgB,CAAC,OAAO,EAAE,CAAC;QAEpC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,0FAA0F;IACnF,MAAM,CAAC,QAAQ,CAAC,gBAA0D;QAC/E,0BAA0B;QAC1B,IAAI,SAAS,KAAK,gBAAgB;YAChC,OAAO,SAAS,CAAC;QAEnB,0BAA0B;QAC1B,IAAI,gBAAgB,YAAY,mBAAmB;YACjD,OAAO,gBAAgB,CAAC,KAAK,CAAC;QAEhC,OAAO,gBAAgB,CAAC;IAC1B,CAAC;CACF","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 Icon\n */\n\nimport { IconSpec } from \"./IconComponent\";\n\n/** Class used to return an icon. The icon is variable and can be changed in response to subscribed event ids.\n * @public\n */\nexport class ConditionalIconItem {\n  private _value?: IconSpec;\n\n  /** Constructor for ConditionalIconItem\n   * @param iconGetter Function to retrieve the icon that matches the condition. Returns an IconSpec.\n   * @param syncEventIds The array of event ids to be monitored. These events are triggered when the condition(s) that control the icon change.\n   * @param value The default IconSpec. If this is not specified, the function is run to get the initial value.\n  */\n  constructor(public readonly iconGetter: () => IconSpec, public readonly syncEventIds: string[], value?: IconSpec) {\n    this._value = value;\n  }\n\n  /** The current IconSpec according to conditions */\n  public get value(): IconSpec {\n    /* istanbul ignore else */\n    if (undefined !== this._value)\n      return this._value;\n    this._value = this.iconGetter();\n    return this._value;\n  }\n\n  /** Called to update the value by running the iconGetter */\n  public refresh(): boolean {\n    const newValue = this.iconGetter();\n    /* istanbul ignore else */\n    if (newValue !== this._value) {\n      this._value = newValue;\n      return true;\n    }\n    return false;\n  }\n\n  /** A helper function that updates the IconSpec value when the specified events are triggered */\n  public static refreshValue(conditionalValue: ConditionalIconItem | string | undefined, eventIds: Set<string>): boolean {\n    /* istanbul ignore else */\n    if (undefined === conditionalValue || !(conditionalValue instanceof ConditionalIconItem))\n      return false;\n\n    /* istanbul ignore else */\n    if (conditionalValue.syncEventIds.some((value: string): boolean => eventIds.has(value.toLowerCase())))\n      return conditionalValue.refresh();\n\n    return false;\n  }\n\n  /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/\n  public static getValue(conditionalValue: ConditionalIconItem | string | undefined): IconSpec | undefined {\n    /* istanbul ignore else */\n    if (undefined === conditionalValue)\n      return undefined;\n\n    /* istanbul ignore else */\n    if (conditionalValue instanceof ConditionalIconItem)\n      return conditionalValue.value;\n\n    return conditionalValue;\n  }\n}\n"]}

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

@@ -1,26 +1,26 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./IconComponent.scss";
-import * as React from "react";
-import { ConditionalStringValue } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-import { ConditionalIconItem } from "./ConditionalIconItem";
-/** Prototype for an IconSpec which can be a string, ReactNode or ConditionalStringValue.
- * @public
- */
-export declare type IconSpec = string | ConditionalStringValue | React.ReactNode | ConditionalIconItem;
-/** Properties for the [[Icon]] React component
- * @public
- */
-export interface IconProps extends CommonProps {
-    /** CSS class name or SvgPath for icon. This is optional because it is improperly
-     * used to extend other interfaces and changing it would break existing API.
-     */
-    iconSpec?: IconSpec;
-}
-/** Icon Functional component displays an icon based on an [[IconSpec]].
- * @public
- */
-export declare function Icon(props: IconProps): JSX.Element | null;
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./IconComponent.scss";
+import * as React from "react";
+import { ConditionalStringValue } from "@itwin/appui-abstract";
+import { CommonProps } from "../utils/Props";
+import { ConditionalIconItem } from "./ConditionalIconItem";
+/** Prototype for an IconSpec which can be a string, ReactNode or ConditionalStringValue.
+ * @public
+ */
+export type IconSpec = string | ConditionalStringValue | React.ReactNode | ConditionalIconItem;
+/** Properties for the [[Icon]] React component
+ * @public
+ */
+export interface IconProps extends CommonProps {
+    /** CSS class name or SvgPath for icon. This is optional because it is improperly
+     * used to extend other interfaces and changing it would break existing API.
+     */
+    iconSpec?: IconSpec;
+}
+/** Icon Functional component displays an icon based on an [[IconSpec]].
+ * @public
+ */
+export declare function Icon(props: IconProps): JSX.Element | null;
 //# sourceMappingURL=IconComponent.d.ts.map

package/lib/esm/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":"AAKA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAqB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,oBAAY,QAAQ,GAAG,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAE/F;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,sBAwCpC"}
+{"version":3,"file":"IconComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAqB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAE/F;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,sBAwCpC"}

package/lib/esm/core-react/icons/IconComponent.js

@@ -1,45 +1,45 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Icon
- */
-import "./IconComponent.scss";
-import * as React from "react";
-import classnames from "classnames";
-import { ConditionalStringValue, IconSpecUtilities } from "@itwin/appui-abstract";
-import DOMPurify, * as DOMPurifyNS from "dompurify";
-/** Icon Functional component displays an icon based on an [[IconSpec]].
- * @public
- */
-export function Icon(props) {
-    if (!props.iconSpec)
-        return null;
-    const iconString = (typeof props.iconSpec === "string" || props.iconSpec instanceof ConditionalStringValue) ?
-        ConditionalStringValue.getValue(props.iconSpec) : undefined;
-    if (iconString) {
-        const webComponentString = IconSpecUtilities.getWebComponentSource(iconString);
-        if (webComponentString) {
-            const svgLoader = `<svg-loader src="${webComponentString}"></svg-loader>`;
-            const svgDiv = `<div>${svgLoader}</div>`;
-            // the esm build of dompurify has a default import but the cjs build does not
-            // if there is a default export, use it (likely esm), otherwise use the namespace
-            // istanbul ignore next
-            const sanitizer = DOMPurify !== null && DOMPurify !== void 0 ? DOMPurify : DOMPurifyNS;
-            const sanitizerConfig = {
-                ALLOWED_TAGS: ["svg-loader"],
-                ADD_URI_SAFE_ATTR: webComponentString.startsWith("data:") ? ["src"] : [],
-            };
-            const sanitizedIconString = sanitizer.sanitize(svgDiv, sanitizerConfig);
-            // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
-            // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
-            const webComponentNode = React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedIconString } });
-            return (React.createElement("i", { className: classnames("icon", "core-svg-icon", props.className) }, webComponentNode));
-        }
-        return (React.createElement("i", { className: classnames("icon", iconString, props.className), style: props.style }));
-    }
-    return (React.createElement("i", { className: classnames("icon", "core-svg-icon", props.className), style: props.style }, props.iconSpec instanceof ConditionalStringValue ? undefined : props.iconSpec));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./IconComponent.scss";
+import * as React from "react";
+import classnames from "classnames";
+import { ConditionalStringValue, IconSpecUtilities } from "@itwin/appui-abstract";
+import DOMPurify, * as DOMPurifyNS from "dompurify";
+/** Icon Functional component displays an icon based on an [[IconSpec]].
+ * @public
+ */
+export function Icon(props) {
+    if (!props.iconSpec)
+        return null;
+    const iconString = (typeof props.iconSpec === "string" || props.iconSpec instanceof ConditionalStringValue) ?
+        ConditionalStringValue.getValue(props.iconSpec) : undefined;
+    if (iconString) {
+        const webComponentString = IconSpecUtilities.getWebComponentSource(iconString);
+        if (webComponentString) {
+            const svgLoader = `<svg-loader src="${webComponentString}"></svg-loader>`;
+            const svgDiv = `<div>${svgLoader}</div>`;
+            // the esm build of dompurify has a default import but the cjs build does not
+            // if there is a default export, use it (likely esm), otherwise use the namespace
+            // istanbul ignore next
+            const sanitizer = DOMPurify ?? DOMPurifyNS;
+            const sanitizerConfig = {
+                ALLOWED_TAGS: ["svg-loader"],
+                ADD_URI_SAFE_ATTR: webComponentString.startsWith("data:") ? ["src"] : [],
+            };
+            const sanitizedIconString = sanitizer.sanitize(svgDiv, sanitizerConfig);
+            // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
+            // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
+            const webComponentNode = React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedIconString } });
+            return (React.createElement("i", { className: classnames("icon", "core-svg-icon", props.className) }, webComponentNode));
+        }
+        return (React.createElement("i", { className: classnames("icon", iconString, props.className), style: props.style }));
+    }
+    return (React.createElement("i", { className: classnames("icon", "core-svg-icon", props.className), style: props.style }, props.iconSpec instanceof ConditionalStringValue ? undefined : props.iconSpec));
+}
 //# sourceMappingURL=IconComponent.js.map