@itwin/core-react 5.19.0 → 5.21.0

package/lib/core-react/hocs/withIsPressed.js

@@ -12,23 +12,20 @@ import * as React from "react";
  */
 export const withIsPressed = (Component) => {
     return class WithIsPressed extends React.PureComponent {
-        constructor() {
-            super(...arguments);
-            this.handleOnPointerDown = () => {
-                this.changeIsPressed(true);
-            };
-            this.handleOnPointerUp = () => {
-                this.changeIsPressed(false);
-            };
-            this.handleOnMouseLeave = () => {
-                this.changeIsPressed(false);
-            };
-            this.changeIsPressed = (isPressed) => {
-                if (this.props.isPressed === isPressed)
-                    return;
-                this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);
-            };
-        }
+        handleOnPointerDown = () => {
+            this.changeIsPressed(true);
+        };
+        handleOnPointerUp = () => {
+            this.changeIsPressed(false);
+        };
+        handleOnMouseLeave = () => {
+            this.changeIsPressed(false);
+        };
+        changeIsPressed = (isPressed) => {
+            if (this.props.isPressed === isPressed)
+                return;
+            this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);
+        };
         render() {
             const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type
             return (

package/lib/core-react/hocs/withIsPressed.js.map

@@ -1 +1 @@
-{"version":3,"file":"withIsPressed.js","sourceRoot":"","sources":["../../../src/core-react/hocs/withIsPressed.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,aAAc,SAAQ,KAAK,CAAC,aAExC;QAFM;;YAGE,wBAAmB,GAAG,GAAG,EAAE;gBAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC,CAAC;YAEK,sBAAiB,GAAG,GAAG,EAAE;gBAC9B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;YAEK,uBAAkB,GAAG,GAAG,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,CAAC;YAEK,oBAAe,GAAG,CAAC,SAAkB,EAAE,EAAE;gBAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS;oBAAE,OAAO;gBAE/C,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAC1E,CAAC,CAAC;QAkBJ,CAAC;QAhBiB,MAAM;YACpB,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,2DAA2D;YAC1H,OAAO;YACL,mEAAmE;YACnE,6BACE,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,IAAI,CAAC,mBAAmB,EACrC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EACtC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAClC,YAAY,EAAE,IAAI,CAAC,kBAAkB;gBAErC,oBAAC,SAAS,OAAM,KAAwB,KAAM,IAAI,CAAC,KAAK,GAAI,CACxD,CACP,CAAC;QACJ,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\";\n\n/** Properties for [[withIsPressed]] React higher-order component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link withIsPressed} HOC.\n */\nexport interface WithIsPressedProps {\n  /** initial value for pressed status */\n  isPressed?: boolean;\n  /** callback function for [isPressed] change */\n  onIsPressedChange?: (isPressed: boolean) => void;\n}\n\n/** withIsPressed is a React higher-order component that adds pointer and mouse events.\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport const withIsPressed = <ComponentProps extends object>(\n  Component: React.ComponentType<ComponentProps>\n) => {\n  return class WithIsPressed extends React.PureComponent<\n    ComponentProps & WithIsPressedProps // eslint-disable-line @typescript-eslint/no-deprecated\n  > {\n    public handleOnPointerDown = () => {\n      this.changeIsPressed(true);\n    };\n\n    public handleOnPointerUp = () => {\n      this.changeIsPressed(false);\n    };\n\n    public handleOnMouseLeave = () => {\n      this.changeIsPressed(false);\n    };\n\n    public changeIsPressed = (isPressed: boolean) => {\n      if (this.props.isPressed === isPressed) return;\n\n      this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);\n    };\n\n    public override render() {\n      const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type\n      return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div\n          className=\"withispressed-wrapper\"\n          onMouseDown={this.handleOnPointerDown}\n          onMouseUp={this.handleOnPointerUp}\n          onTouchStart={this.handleOnPointerDown}\n          onTouchEnd={this.handleOnPointerUp}\n          onMouseLeave={this.handleOnMouseLeave}\n        >\n          <Component {...(props as ComponentProps)} {...this.state} />\n        </div>\n      );\n    }\n  };\n};\n"]}
+{"version":3,"file":"withIsPressed.js","sourceRoot":"","sources":["../../../src/core-react/hocs/withIsPressed.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,aAAc,SAAQ,KAAK,CAAC,aAExC;QACQ,mBAAmB,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEK,iBAAiB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEK,kBAAkB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEK,eAAe,GAAG,CAAC,SAAkB,EAAE,EAAE;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS;gBAAE,OAAO;YAE/C,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC1E,CAAC,CAAC;QAEc,MAAM;YACpB,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,2DAA2D;YAC1H,OAAO;YACL,mEAAmE;YACnE,6BACE,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,IAAI,CAAC,mBAAmB,EACrC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EACtC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAClC,YAAY,EAAE,IAAI,CAAC,kBAAkB;gBAErC,oBAAC,SAAS,OAAM,KAAwB,KAAM,IAAI,CAAC,KAAK,GAAI,CACxD,CACP,CAAC;QACJ,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\";\n\n/** Properties for [[withIsPressed]] React higher-order component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link withIsPressed} HOC.\n */\nexport interface WithIsPressedProps {\n  /** initial value for pressed status */\n  isPressed?: boolean;\n  /** callback function for [isPressed] change */\n  onIsPressedChange?: (isPressed: boolean) => void;\n}\n\n/** withIsPressed is a React higher-order component that adds pointer and mouse events.\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport const withIsPressed = <ComponentProps extends object>(\n  Component: React.ComponentType<ComponentProps>\n) => {\n  return class WithIsPressed extends React.PureComponent<\n    ComponentProps & WithIsPressedProps // eslint-disable-line @typescript-eslint/no-deprecated\n  > {\n    public handleOnPointerDown = () => {\n      this.changeIsPressed(true);\n    };\n\n    public handleOnPointerUp = () => {\n      this.changeIsPressed(false);\n    };\n\n    public handleOnMouseLeave = () => {\n      this.changeIsPressed(false);\n    };\n\n    public changeIsPressed = (isPressed: boolean) => {\n      if (this.props.isPressed === isPressed) return;\n\n      this.props.onIsPressedChange && this.props.onIsPressedChange(isPressed);\n    };\n\n    public override render() {\n      const { isPressed, onIsPressedChange, ...props } = this.props; // todo: better solution to rest object of intersected type\n      return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div\n          className=\"withispressed-wrapper\"\n          onMouseDown={this.handleOnPointerDown}\n          onMouseUp={this.handleOnPointerUp}\n          onTouchStart={this.handleOnPointerDown}\n          onTouchEnd={this.handleOnPointerUp}\n          onMouseLeave={this.handleOnMouseLeave}\n        >\n          <Component {...(props as ComponentProps)} {...this.state} />\n        </div>\n      );\n    }\n  };\n};\n"]}

package/lib/core-react/hocs/withOnOutsideClick.js

@@ -12,47 +12,10 @@ import * as React from "react";
  */
 export const withOnOutsideClick = (Component, defaultOnOutsideClick, useCapture = true, usePointerEvents = true) => {
     return class WithOnOutsideClick extends React.PureComponent {
-        constructor() {
-            super(...arguments);
-            /** @internal */
-            this.outsideClickContainerDiv = null;
-            /** @internal */
-            this.isDownOutside = false;
-            /** @internal */
-            this.handleDocumentClick = (e) => {
-                if (!this.outsideClickContainerDiv ||
-                    !(e.target instanceof Node) ||
-                    this.outsideClickContainerDiv.contains(e.target))
-                    return;
-                return this.onOutsideClick(e);
-            };
-            /** @internal */
-            this.handleDocumentPointerDown = (e) => {
-                this.isDownOutside = true;
-                if (this.outsideClickContainerDiv) {
-                    // typically e.target test for instance of Node, but this is not working from pop out windows
-                    this.isDownOutside =
-                        !!e.target &&
-                            !this.outsideClickContainerDiv.contains(e.target);
-                }
-            };
-            /** @internal */
-            this.handleDocumentPointerUp = (e) => {
-                let isUpOutside = true;
-                if (this.outsideClickContainerDiv) {
-                    // typically e.target test for instance of Node, but this is not working from pop out windows
-                    isUpOutside =
-                        !!e.target &&
-                            !this.outsideClickContainerDiv.contains(e.target);
-                }
-                const isOutsideClick = isUpOutside && this.isDownOutside;
-                this.isDownOutside = false;
-                isOutsideClick && this.onOutsideClick(e);
-            };
-            this.handleOutsideClickContainerDivSet = (outsideClickContainerDiv) => {
-                this.outsideClickContainerDiv = outsideClickContainerDiv;
-            };
-        }
+        /** @internal */
+        outsideClickContainerDiv = null;
+        /** @internal */
+        isDownOutside = false;
         /** @internal */
         isInCorePopup(element) {
             if (element.nodeName === "DIV") {
@@ -79,6 +42,40 @@ export const withOnOutsideClick = (Component, defaultOnOutsideClick, useCapture
             else if (defaultOnOutsideClick)
                 return defaultOnOutsideClick(e);
         }
+        /** @internal */
+        handleDocumentClick = (e) => {
+            if (!this.outsideClickContainerDiv ||
+                !(e.target instanceof Node) ||
+                this.outsideClickContainerDiv.contains(e.target))
+                return;
+            return this.onOutsideClick(e);
+        };
+        /** @internal */
+        handleDocumentPointerDown = (e) => {
+            this.isDownOutside = true;
+            if (this.outsideClickContainerDiv) {
+                // typically e.target test for instance of Node, but this is not working from pop out windows
+                this.isDownOutside =
+                    !!e.target &&
+                        !this.outsideClickContainerDiv.contains(e.target);
+            }
+        };
+        /** @internal */
+        handleDocumentPointerUp = (e) => {
+            let isUpOutside = true;
+            if (this.outsideClickContainerDiv) {
+                // typically e.target test for instance of Node, but this is not working from pop out windows
+                isUpOutside =
+                    !!e.target &&
+                        !this.outsideClickContainerDiv.contains(e.target);
+            }
+            const isOutsideClick = isUpOutside && this.isDownOutside;
+            this.isDownOutside = false;
+            isOutsideClick && this.onOutsideClick(e);
+        };
+        handleOutsideClickContainerDivSet = (outsideClickContainerDiv) => {
+            this.outsideClickContainerDiv = outsideClickContainerDiv;
+        };
         getParentDocument() {
             return this.outsideClickContainerDiv?.ownerDocument ?? document;
         }

package/lib/core-react/hocs/withOnOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"withOnOutsideClick.js","sourceRoot":"","sources":["../../../src/core-react/hocs/withOnOutsideClick.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\nimport * as React from \"react\";\n\n/** Properties for [[withOnOutsideClick]] React higher-order component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link withOnOutsideClick} HOC.\n */\nexport interface WithOnOutsideClickProps {\n  /** Outside click callback function */\n  onOutsideClick?: (event: MouseEvent) => any;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n}\n\n/** withOnOutsideClick is a React higher-order component that adds outside click support.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport const withOnOutsideClick = <ComponentProps extends object>(\n  Component: React.ComponentType<ComponentProps>,\n  defaultOnOutsideClick?: (event: MouseEvent) => any,\n  useCapture: boolean = true,\n  usePointerEvents: boolean = true\n) => {\n  return class WithOnOutsideClick extends React.PureComponent<\n    ComponentProps & WithOnOutsideClickProps // eslint-disable-line @typescript-eslint/no-deprecated\n  > {\n    /** @internal */\n    public outsideClickContainerDiv?: HTMLDivElement | null = null;\n    /** @internal */\n    public isDownOutside = false;\n\n    /** @internal */\n    public isInCorePopup(element: HTMLElement): boolean {\n      if (element.nodeName === \"DIV\") {\n        if (element.classList && element.classList.contains(\"core-popup\"))\n          return true;\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      } else {\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      }\n      return false;\n    }\n\n    /** @internal */\n    public onOutsideClick(e: MouseEvent) {\n      if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {\n        if (\n          !this.props.closeOnNestedPopupOutsideClick &&\n          this.isInCorePopup(e.target as HTMLElement)\n        )\n          return;\n      }\n\n      if (this.props.onOutsideClick) return this.props.onOutsideClick(e);\n      else if (defaultOnOutsideClick) return defaultOnOutsideClick(e);\n    }\n\n    /** @internal */\n    public handleDocumentClick = (e: MouseEvent) => {\n      if (\n        !this.outsideClickContainerDiv ||\n        !(e.target instanceof Node) ||\n        this.outsideClickContainerDiv.contains(e.target)\n      )\n        return;\n\n      return this.onOutsideClick(e);\n    };\n\n    /** @internal */\n    public handleDocumentPointerDown = (e: PointerEvent) => {\n      this.isDownOutside = true;\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        this.isDownOutside =\n          !!e.target &&\n          !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n    };\n\n    /** @internal */\n    public handleDocumentPointerUp = (e: PointerEvent) => {\n      let isUpOutside = true;\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        isUpOutside =\n          !!e.target &&\n          !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n\n      const isOutsideClick = isUpOutside && this.isDownOutside;\n      this.isDownOutside = false;\n      isOutsideClick && this.onOutsideClick(e);\n    };\n\n    public handleOutsideClickContainerDivSet = (\n      outsideClickContainerDiv: HTMLDivElement | null\n    ) => {\n      this.outsideClickContainerDiv = outsideClickContainerDiv;\n    };\n\n    public getParentDocument() {\n      return this.outsideClickContainerDiv?.ownerDocument ?? document;\n    }\n\n    public override componentDidMount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.addEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.addEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.addEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override componentWillUnmount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.removeEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.removeEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.removeEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override render() {\n      const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } =\n        this.props;\n      return (\n        <div ref={this.handleOutsideClickContainerDivSet}>\n          <Component {...(props as ComponentProps)} />\n        </div>\n      );\n    }\n  };\n};\n"]}
+{"version":3,"file":"withOnOutsideClick.js","sourceRoot":"","sources":["../../../src/core-react/hocs/withOnOutsideClick.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,SAA8C,EAC9C,qBAAkD,EAClD,aAAsB,IAAI,EAC1B,mBAA4B,IAAI,EAChC,EAAE;IACF,OAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,aAE7C;QACC,gBAAgB;QACT,wBAAwB,GAA2B,IAAI,CAAC;QAC/D,gBAAgB;QACT,aAAa,GAAG,KAAK,CAAC;QAE7B,gBAAgB;QACT,aAAa,CAAC,OAAoB;YACvC,IAAI,OAAO,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;gBAC/B,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;oBAC/D,OAAO,IAAI,CAAC;gBACd,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;oBACpE,OAAO,IAAI,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACN,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;oBACpE,OAAO,IAAI,CAAC;YAChB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,gBAAgB;QACT,cAAc,CAAC,CAAa;YACjC,IAAI,CAAC,CAAC,MAAM,YAAY,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;gBACxE,IACE,CAAC,IAAI,CAAC,KAAK,CAAC,8BAA8B;oBAC1C,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAqB,CAAC;oBAE3C,OAAO;YACX,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;iBAC9D,IAAI,qBAAqB;gBAAE,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAClE,CAAC;QAED,gBAAgB;QACT,mBAAmB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC7C,IACE,CAAC,IAAI,CAAC,wBAAwB;gBAC9B,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,IAAI,CAAC;gBAC3B,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;gBAEhD,OAAO;YAET,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,gBAAgB;QACT,yBAAyB,GAAG,CAAC,CAAe,EAAE,EAAE;YACrD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAClC,6FAA6F;gBAC7F,IAAI,CAAC,aAAa;oBAChB,CAAC,CAAC,CAAC,CAAC,MAAM;wBACV,CAAC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAa,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC,CAAC;QAEF,gBAAgB;QACT,uBAAuB,GAAG,CAAC,CAAe,EAAE,EAAE;YACnD,IAAI,WAAW,GAAG,IAAI,CAAC;YACvB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAClC,6FAA6F;gBAC7F,WAAW;oBACT,CAAC,CAAC,CAAC,CAAC,MAAM;wBACV,CAAC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAa,CAAC,CAAC;YAC7D,CAAC;YAED,MAAM,cAAc,GAAG,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC;YACzD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEK,iCAAiC,GAAG,CACzC,wBAA+C,EAC/C,EAAE;YACF,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;QAC3D,CAAC,CAAC;QAEK,iBAAiB;YACtB,OAAO,IAAI,CAAC,wBAAwB,EAAE,aAAa,IAAI,QAAQ,CAAC;QAClE,CAAC;QAEe,iBAAiB;YAC/B,MAAM,0BAA0B,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5D,IAAI,gBAAgB,EAAE,CAAC;gBACrB,0BAA0B,CAAC,gBAAgB,CACzC,aAAa,EACb,IAAI,CAAC,yBAAyB,EAC9B,UAAU,CACX,CAAC;gBACF,0BAA0B,CAAC,gBAAgB,CACzC,WAAW,EACX,IAAI,CAAC,uBAAuB,EAC5B,UAAU,CACX,CAAC;YACJ,CAAC;;gBACC,0BAA0B,CAAC,gBAAgB,CACzC,OAAO,EACP,IAAI,CAAC,mBAAmB,EACxB,UAAU,CACX,CAAC;QACN,CAAC;QAEe,oBAAoB;YAClC,MAAM,0BAA0B,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5D,IAAI,gBAAgB,EAAE,CAAC;gBACrB,0BAA0B,CAAC,mBAAmB,CAC5C,aAAa,EACb,IAAI,CAAC,yBAAyB,EAC9B,UAAU,CACX,CAAC;gBACF,0BAA0B,CAAC,mBAAmB,CAC5C,WAAW,EACX,IAAI,CAAC,uBAAuB,EAC5B,UAAU,CACX,CAAC;YACJ,CAAC;;gBACC,0BAA0B,CAAC,mBAAmB,CAC5C,OAAO,EACP,IAAI,CAAC,mBAAmB,EACxB,UAAU,CACX,CAAC;QACN,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,cAAc,EAAE,8BAA8B,EAAE,GAAG,KAAK,EAAE,GAChE,IAAI,CAAC,KAAK,CAAC;YACb,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,iCAAiC;gBAC9C,oBAAC,SAAS,OAAM,KAAwB,GAAI,CACxC,CACP,CAAC;QACJ,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\";\n\n/** Properties for [[withOnOutsideClick]] React higher-order component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link withOnOutsideClick} HOC.\n */\nexport interface WithOnOutsideClickProps {\n  /** Outside click callback function */\n  onOutsideClick?: (event: MouseEvent) => any;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n}\n\n/** withOnOutsideClick is a React higher-order component that adds outside click support.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport const withOnOutsideClick = <ComponentProps extends object>(\n  Component: React.ComponentType<ComponentProps>,\n  defaultOnOutsideClick?: (event: MouseEvent) => any,\n  useCapture: boolean = true,\n  usePointerEvents: boolean = true\n) => {\n  return class WithOnOutsideClick extends React.PureComponent<\n    ComponentProps & WithOnOutsideClickProps // eslint-disable-line @typescript-eslint/no-deprecated\n  > {\n    /** @internal */\n    public outsideClickContainerDiv?: HTMLDivElement | null = null;\n    /** @internal */\n    public isDownOutside = false;\n\n    /** @internal */\n    public isInCorePopup(element: HTMLElement): boolean {\n      if (element.nodeName === \"DIV\") {\n        if (element.classList && element.classList.contains(\"core-popup\"))\n          return true;\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      } else {\n        if (element.parentElement && this.isInCorePopup(element.parentElement))\n          return true;\n      }\n      return false;\n    }\n\n    /** @internal */\n    public onOutsideClick(e: MouseEvent) {\n      if (e.target instanceof Node && e.target.nodeType === Node.ELEMENT_NODE) {\n        if (\n          !this.props.closeOnNestedPopupOutsideClick &&\n          this.isInCorePopup(e.target as HTMLElement)\n        )\n          return;\n      }\n\n      if (this.props.onOutsideClick) return this.props.onOutsideClick(e);\n      else if (defaultOnOutsideClick) return defaultOnOutsideClick(e);\n    }\n\n    /** @internal */\n    public handleDocumentClick = (e: MouseEvent) => {\n      if (\n        !this.outsideClickContainerDiv ||\n        !(e.target instanceof Node) ||\n        this.outsideClickContainerDiv.contains(e.target)\n      )\n        return;\n\n      return this.onOutsideClick(e);\n    };\n\n    /** @internal */\n    public handleDocumentPointerDown = (e: PointerEvent) => {\n      this.isDownOutside = true;\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        this.isDownOutside =\n          !!e.target &&\n          !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n    };\n\n    /** @internal */\n    public handleDocumentPointerUp = (e: PointerEvent) => {\n      let isUpOutside = true;\n      if (this.outsideClickContainerDiv) {\n        // typically e.target test for instance of Node, but this is not working from pop out windows\n        isUpOutside =\n          !!e.target &&\n          !this.outsideClickContainerDiv.contains(e.target as any);\n      }\n\n      const isOutsideClick = isUpOutside && this.isDownOutside;\n      this.isDownOutside = false;\n      isOutsideClick && this.onOutsideClick(e);\n    };\n\n    public handleOutsideClickContainerDivSet = (\n      outsideClickContainerDiv: HTMLDivElement | null\n    ) => {\n      this.outsideClickContainerDiv = outsideClickContainerDiv;\n    };\n\n    public getParentDocument() {\n      return this.outsideClickContainerDiv?.ownerDocument ?? document;\n    }\n\n    public override componentDidMount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.addEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.addEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.addEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override componentWillUnmount() {\n      const outsideClickParentDocument = this.getParentDocument();\n      if (usePointerEvents) {\n        outsideClickParentDocument.removeEventListener(\n          \"pointerdown\",\n          this.handleDocumentPointerDown,\n          useCapture\n        );\n        outsideClickParentDocument.removeEventListener(\n          \"pointerup\",\n          this.handleDocumentPointerUp,\n          useCapture\n        );\n      } else\n        outsideClickParentDocument.removeEventListener(\n          \"click\",\n          this.handleDocumentClick,\n          useCapture\n        );\n    }\n\n    public override render() {\n      const { onOutsideClick, closeOnNestedPopupOutsideClick, ...props } =\n        this.props;\n      return (\n        <div ref={this.handleOutsideClickContainerDivSet}>\n          <Component {...(props as ComponentProps)} />\n        </div>\n      );\n    }\n  };\n};\n"]}

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

@@ -13,11 +13,8 @@ import { Timer } from "../utils/Timer.js";
  */
 export const withTimeout = (Component) => {
     return class WithTimeout extends React.PureComponent {
-        constructor() {
-            super(...arguments);
-            // eslint-disable-next-line @typescript-eslint/no-deprecated
-            this.timer = new Timer(0);
-        }
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        timer = new Timer(0);
         componentDidMount() {
             this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());
             this.startTimer(this.props.timeout);

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

@@ -1 +1 @@
-{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAEtC;QAFM;;YAGL,4DAA4D;YACrD,UAAK,GAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QA+BrC,CAAC;QA7BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CACrB,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CACrD,CAAC;YACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAED,gBAAgB;QACA,kBAAkB,CAChC,UAAuD,CAAC,uDAAuD;;YAE/G,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;YACpD,OAAO,oBAAC,SAAS,OAAM,KAAa,KAAM,IAAI,CAAC,KAAK,GAAI,CAAC;QAC3D,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBAAE,OAAO;YAEjC,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.js\";\n\n/** Properties for [[withTimeout]] React higher-order component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link withTimeout} HOC.\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 * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport const withTimeout = <ComponentProps extends object>(\n  Component: React.ComponentType<ComponentProps>\n) => {\n  return class WithTimeout extends React.PureComponent<\n    ComponentProps & WithTimeoutProps // eslint-disable-line @typescript-eslint/no-deprecated\n  > {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    public timer: Timer = new Timer(0);\n\n    public override componentDidMount(): void {\n      this.timer.setOnExecute(\n        () => this.props.onTimeout && this.props.onTimeout()\n      );\n      this.startTimer(this.props.timeout);\n    }\n\n    /** @internal */\n    public override componentDidUpdate(\n      _prevProps: Readonly<ComponentProps & WithTimeoutProps> // eslint-disable-line @typescript-eslint/no-deprecated\n    ): 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;\n      return <Component {...(props as any)} {...this.state} />;\n    }\n\n    public startTimer(timeout: number) {\n      if (this.timer.isRunning) return;\n\n      this.timer.delay = timeout;\n      this.timer.start();\n    }\n  };\n};\n"]}
+{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAEtC;QACC,4DAA4D;QACrD,KAAK,GAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QAEnB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CACrB,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CACrD,CAAC;YACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAED,gBAAgB;QACA,kBAAkB,CAChC,UAAuD,CAAC,uDAAuD;;YAE/G,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;YACpD,OAAO,oBAAC,SAAS,OAAM,KAAa,KAAM,IAAI,CAAC,KAAK,GAAI,CAAC;QAC3D,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBAAE,OAAO;YAEjC,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.js\";\n\n/** Properties for [[withTimeout]] React higher-order component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link withTimeout} HOC.\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 * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport const withTimeout = <ComponentProps extends object>(\n  Component: React.ComponentType<ComponentProps>\n) => {\n  return class WithTimeout extends React.PureComponent<\n    ComponentProps & WithTimeoutProps // eslint-disable-line @typescript-eslint/no-deprecated\n  > {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    public timer: Timer = new Timer(0);\n\n    public override componentDidMount(): void {\n      this.timer.setOnExecute(\n        () => this.props.onTimeout && this.props.onTimeout()\n      );\n      this.startTimer(this.props.timeout);\n    }\n\n    /** @internal */\n    public override componentDidUpdate(\n      _prevProps: Readonly<ComponentProps & WithTimeoutProps> // eslint-disable-line @typescript-eslint/no-deprecated\n    ): 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;\n      return <Component {...(props as any)} {...this.state} />;\n    }\n\n    public startTimer(timeout: number) {\n      if (this.timer.isRunning) return;\n\n      this.timer.delay = timeout;\n      this.timer.start();\n    }\n  };\n};\n"]}

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

@@ -11,6 +11,9 @@
  * @deprecated in 4.16.0. Uses a deprecated {@link IconSpec} type. Use conditional rendering to render different icons.
  */
 export class ConditionalIconItem {
+    iconGetter;
+    syncEventIds;
+    _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.

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionalIconItem.js","sourceRoot":"","sources":["../../../src/core-react/icons/ConditionalIconItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,qDAAqD;AAErD;;;GAGG;AACH,MAAM,OAAO,mBAAmB;IAG9B;;;;OAIG;IACH,YACkB,UAA0B,EAC1B,YAAsB,EACtC,KAAgB;QAFA,eAAU,GAAV,UAAU,CAAgB;QAC1B,iBAAY,GAAZ,YAAY,CAAU;QAGtC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,mDAAmD;IACnD,IAAW,KAAK;QACd,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC;QAClD,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;QAEnC,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gGAAgG;IACzF,MAAM,CAAC,YAAY,CACxB,gBAA0D,EAC1D,QAAqB;QAErB,IACE,SAAS,KAAK,gBAAgB;YAC9B,CAAC,CAAC,gBAAgB,YAAY,mBAAmB,CAAC;YAElD,OAAO,KAAK,CAAC;QAEf,MAAM,QAAQ,GAAG,gBAAgB,CAAC;QAElC,IACE,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CACpD,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAClC;YAED,OAAO,QAAQ,CAAC,OAAO,EAAE,CAAC;QAE5B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,0FAA0F;IACnF,MAAM,CAAC,QAAQ,CACpB,gBAA0D;QAE1D,IAAI,SAAS,KAAK,gBAAgB;YAAE,OAAO,SAAS,CAAC;QAErD,IAAI,gBAAgB,YAAY,mBAAmB,EAAE,CAAC;YACpD,MAAM,QAAQ,GAAG,gBAAgB,CAAC;YAClC,OAAO,QAAQ,CAAC,KAAK,CAAC;QACxB,CAAC;QAED,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 type { IconSpec } from \"./IconComponent.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\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 * @deprecated in 4.16.0. Uses a deprecated {@link IconSpec} type. Use conditional rendering to render different icons.\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(\n    public readonly iconGetter: () => IconSpec,\n    public readonly syncEventIds: string[],\n    value?: IconSpec\n  ) {\n    this._value = value;\n  }\n\n  /** The current IconSpec according to conditions */\n  public get value(): IconSpec {\n    if (undefined !== this._value) 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\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(\n    conditionalValue: ConditionalIconItem | string | undefined,\n    eventIds: Set<string>\n  ): boolean {\n    if (\n      undefined === conditionalValue ||\n      !(conditionalValue instanceof ConditionalIconItem)\n    )\n      return false;\n\n    const iconItem = conditionalValue;\n\n    if (\n      iconItem.syncEventIds.some((value: string): boolean =>\n        eventIds.has(value.toLowerCase())\n      )\n    )\n      return iconItem.refresh();\n\n    return false;\n  }\n  /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/\n  public static getValue(\n    conditionalValue: ConditionalIconItem | string | undefined\n  ): IconSpec | undefined {\n    if (undefined === conditionalValue) return undefined;\n\n    if (conditionalValue instanceof ConditionalIconItem) {\n      const iconItem = conditionalValue;\n      return iconItem.value;\n    }\n\n    return conditionalValue;\n  }\n}\n"]}
+{"version":3,"file":"ConditionalIconItem.js","sourceRoot":"","sources":["../../../src/core-react/icons/ConditionalIconItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,qDAAqD;AAErD;;;GAGG;AACH,MAAM,OAAO,mBAAmB;IASZ;IACA;IATV,MAAM,CAAY;IAE1B;;;;OAIG;IACH,YACkB,UAA0B,EAC1B,YAAsB,EACtC,KAAgB;QAFA,eAAU,GAAV,UAAU,CAAgB;QAC1B,iBAAY,GAAZ,YAAY,CAAU;QAGtC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,mDAAmD;IACnD,IAAW,KAAK;QACd,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC;QAClD,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;QAEnC,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gGAAgG;IACzF,MAAM,CAAC,YAAY,CACxB,gBAA0D,EAC1D,QAAqB;QAErB,IACE,SAAS,KAAK,gBAAgB;YAC9B,CAAC,CAAC,gBAAgB,YAAY,mBAAmB,CAAC;YAElD,OAAO,KAAK,CAAC;QAEf,MAAM,QAAQ,GAAG,gBAAgB,CAAC;QAElC,IACE,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,KAAa,EAAW,EAAE,CACpD,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAClC;YAED,OAAO,QAAQ,CAAC,OAAO,EAAE,CAAC;QAE5B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,0FAA0F;IACnF,MAAM,CAAC,QAAQ,CACpB,gBAA0D;QAE1D,IAAI,SAAS,KAAK,gBAAgB;YAAE,OAAO,SAAS,CAAC;QAErD,IAAI,gBAAgB,YAAY,mBAAmB,EAAE,CAAC;YACpD,MAAM,QAAQ,GAAG,gBAAgB,CAAC;YAClC,OAAO,QAAQ,CAAC,KAAK,CAAC;QACxB,CAAC;QAED,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 type { IconSpec } from \"./IconComponent.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\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 * @deprecated in 4.16.0. Uses a deprecated {@link IconSpec} type. Use conditional rendering to render different icons.\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(\n    public readonly iconGetter: () => IconSpec,\n    public readonly syncEventIds: string[],\n    value?: IconSpec\n  ) {\n    this._value = value;\n  }\n\n  /** The current IconSpec according to conditions */\n  public get value(): IconSpec {\n    if (undefined !== this._value) 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\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(\n    conditionalValue: ConditionalIconItem | string | undefined,\n    eventIds: Set<string>\n  ): boolean {\n    if (\n      undefined === conditionalValue ||\n      !(conditionalValue instanceof ConditionalIconItem)\n    )\n      return false;\n\n    const iconItem = conditionalValue;\n\n    if (\n      iconItem.syncEventIds.some((value: string): boolean =>\n        eventIds.has(value.toLowerCase())\n      )\n    )\n      return iconItem.refresh();\n\n    return false;\n  }\n  /** helper function to get the iconSpec from a ConditionIconItem as IconSpec | undefined*/\n  public static getValue(\n    conditionalValue: ConditionalIconItem | string | undefined\n  ): IconSpec | undefined {\n    if (undefined === conditionalValue) return undefined;\n\n    if (conditionalValue instanceof ConditionalIconItem) {\n      const iconItem = conditionalValue;\n      return iconItem.value;\n    }\n\n    return conditionalValue;\n  }\n}\n"]}

package/lib/core-react/imagecheckbox/ImageCheckBox.js

@@ -14,24 +14,21 @@ import { Icon } from "../icons/IconComponent.js";
  * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/checkbox iTwinUI checkbox} instead (custom icons are not supported at the moment, but feel free to submit your use cases).
  */
 export class ImageCheckBox extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._onChange = (e) => {
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-            if (this.props.onClick) {
-                this.props.onClick(e.target.checked);
-            }
-        };
-        this._onInputClick = (e) => {
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-        this._onLabelClick = (e) => {
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-    }
+    _onChange = (e) => {
+        if (e && e.stopPropagation)
+            e.stopPropagation();
+        if (this.props.onClick) {
+            this.props.onClick(e.target.checked);
+        }
+    };
+    _onInputClick = (e) => {
+        if (e && e.stopPropagation)
+            e.stopPropagation();
+    };
+    _onLabelClick = (e) => {
+        if (e && e.stopPropagation)
+            e.stopPropagation();
+    };
     render() {
         const checkBoxClass = classnames("core-image-checkbox", this.props.className);
         const imageClass = classnames("image", this.props.border && "image-checkbox-border");

package/lib/core-react/imagecheckbox/ImageCheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCheckBox.js","sourceRoot":"","sources":["../../../src/core-react/imagecheckbox/ImageCheckBox.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAgCjD;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAA1E;;QACU,cAAS,GAAG,CAAC,CAAsC,EAAE,EAAE;YAC7D,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;YAEhD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;YAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;YAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;gBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAClD,CAAC,CAAC;IAuCJ,CAAC;IArCiB,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,UAAU,GAAG,UAAU,CAC3B,OAAO,EACP,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,uBAAuB,CAC7C,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAExB,OAAO;QACL,yJAAyJ;QACzJ,+BACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YAEzB,+BACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACpC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GACxB;YACF,8BAAM,SAAS,EAAE,UAAU;gBACzB,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACD,CACT,CAAC;IACJ,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 Checkbox\n */\n\nimport \"./ImageCheckBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"../icons/IconComponent.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for the [[ImageCheckBox]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ImageCheckBox}.\n */\nexport interface ImageCheckBoxProps extends CommonProps {\n  /** Image for the \"checked\" state */\n  imageOn: string | React.ReactNode;\n  /** Image for the \"unchecked\" (default) state */\n  imageOff: string | React.ReactNode;\n  /** Determine if the item is checked or not */\n  checked?: boolean;\n  /** Determine if the item is disabled or not */\n  disabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: (checked: boolean) => any;\n  /** Custom CSS class name for the checkbox input element */\n  inputClassName?: string;\n  /** Custom CSS Style for the checkbox input element */\n  inputStyle?: React.CSSProperties;\n  /** Tooltip to be displayed when mouse is hovered over the checkbox */\n  tooltip?: string;\n  /** If true, draw a border around the image checkbox */\n  border?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  inputRef?: React.Ref<HTMLInputElement>;\n}\n\n/** ImageCheckBox React component shows a checked or unchecked image\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/checkbox iTwinUI checkbox} instead (custom icons are not supported at the moment, but feel free to submit your use cases).\n */\nexport class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n\n    if (this.props.onClick) {\n      this.props.onClick(e.target.checked);\n    }\n  };\n\n  private _onInputClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  private _onLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  public override render() {\n    const checkBoxClass = classnames(\n      \"core-image-checkbox\",\n      this.props.className\n    );\n    const imageClass = classnames(\n      \"image\",\n      this.props.border && \"image-checkbox-border\"\n    );\n    const iconSpec = this.props.checked\n      ? this.props.imageOn\n      : this.props.imageOff;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={checkBoxClass}\n        style={this.props.style}\n        onClick={this._onLabelClick}\n        title={this.props.tooltip}\n      >\n        <input\n          type=\"checkbox\"\n          className={this.props.inputClassName}\n          style={this.props.inputStyle}\n          checked={this.props.checked}\n          disabled={this.props.disabled}\n          onChange={this._onChange}\n          onClick={this._onInputClick}\n          ref={this.props.inputRef}\n        />\n        <span className={imageClass}>\n          <Icon iconSpec={iconSpec} />\n        </span>\n      </label>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ImageCheckBox.js","sourceRoot":"","sources":["../../../src/core-react/imagecheckbox/ImageCheckBox.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAgCjD;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAChE,SAAS,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC7D,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAEhD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEM,aAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC,CAAC;IAEM,aAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC,CAAC;IAEc,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,UAAU,GAAG,UAAU,CAC3B,OAAO,EACP,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,uBAAuB,CAC7C,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAExB,OAAO;QACL,yJAAyJ;QACzJ,+BACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YAEzB,+BACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACpC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GACxB;YACF,8BAAM,SAAS,EAAE,UAAU;gBACzB,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACvB,CACD,CACT,CAAC;IACJ,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 Checkbox\n */\n\nimport \"./ImageCheckBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"../icons/IconComponent.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for the [[ImageCheckBox]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ImageCheckBox}.\n */\nexport interface ImageCheckBoxProps extends CommonProps {\n  /** Image for the \"checked\" state */\n  imageOn: string | React.ReactNode;\n  /** Image for the \"unchecked\" (default) state */\n  imageOff: string | React.ReactNode;\n  /** Determine if the item is checked or not */\n  checked?: boolean;\n  /** Determine if the item is disabled or not */\n  disabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: (checked: boolean) => any;\n  /** Custom CSS class name for the checkbox input element */\n  inputClassName?: string;\n  /** Custom CSS Style for the checkbox input element */\n  inputStyle?: React.CSSProperties;\n  /** Tooltip to be displayed when mouse is hovered over the checkbox */\n  tooltip?: string;\n  /** If true, draw a border around the image checkbox */\n  border?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  inputRef?: React.Ref<HTMLInputElement>;\n}\n\n/** ImageCheckBox React component shows a checked or unchecked image\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/checkbox iTwinUI checkbox} instead (custom icons are not supported at the moment, but feel free to submit your use cases).\n */\nexport class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n\n    if (this.props.onClick) {\n      this.props.onClick(e.target.checked);\n    }\n  };\n\n  private _onInputClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  private _onLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n    if (e && e.stopPropagation) e.stopPropagation();\n  };\n\n  public override render() {\n    const checkBoxClass = classnames(\n      \"core-image-checkbox\",\n      this.props.className\n    );\n    const imageClass = classnames(\n      \"image\",\n      this.props.border && \"image-checkbox-border\"\n    );\n    const iconSpec = this.props.checked\n      ? this.props.imageOn\n      : this.props.imageOff;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={checkBoxClass}\n        style={this.props.style}\n        onClick={this._onLabelClick}\n        title={this.props.tooltip}\n      >\n        <input\n          type=\"checkbox\"\n          className={this.props.inputClassName}\n          style={this.props.inputStyle}\n          checked={this.props.checked}\n          disabled={this.props.disabled}\n          onChange={this._onChange}\n          onClick={this._onInputClick}\n          ref={this.props.inputRef}\n        />\n        <span className={imageClass}>\n          <Icon iconSpec={iconSpec} />\n        </span>\n      </label>\n    );\n  }\n}\n"]}

package/lib/core-react/loading/LoadingBar.js

@@ -13,6 +13,9 @@ import * as React from "react";
  * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.
  */
 export class LoadingBar extends React.PureComponent {
+    static defaultProps = {
+        barHeight: 4,
+    };
     render() {
         const percent = `${percentInRange(this.props.percent)}%`;
         const containerClass = classnames(this.props.className, "core-lb");
@@ -22,9 +25,6 @@ export class LoadingBar extends React.PureComponent {
             this.props.showPercentage && (React.createElement("span", { className: "percent" }, percent))));
     }
 }
-LoadingBar.defaultProps = {
-    barHeight: 4,
-};
 /** Sanity check to keep percentage between 0 & 100
  * @internal
  */

package/lib/core-react/loading/LoadingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAKlD,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACzD,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnE,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBACnE,6BAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC/C;YACL,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAC5B,8BAAM,SAAS,EAAC,SAAS,IAAE,OAAO,CAAQ,CAC3C,CACG,CACP,CAAC;IACJ,CAAC;;AAjBa,uBAAY,GAA6B;IACrD,SAAS,EAAE,CAAC;CACb,CAAC;AAkBJ;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,OAAe;IAC5C,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3B,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 Loading\n */\n\nimport \"./LoadingBar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for [[LoadingBar]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingBar}.\n */\nexport interface LoadingBarProps extends CommonProps {\n  /** Percent */\n  percent: number;\n  /** Show percentage (optional) */\n  showPercentage?: boolean;\n  /** Height (in pixels) of the loading bar */\n  barHeight: number;\n}\n\n/** A loading bar with optional percentage text.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.\n */\nexport class LoadingBar extends React.PureComponent<LoadingBarProps> {\n  public static defaultProps: Partial<LoadingBarProps> = {\n    barHeight: 4,\n  };\n\n  public override render() {\n    const percent = `${percentInRange(this.props.percent)}%`;\n    const containerClass = classnames(this.props.className, \"core-lb\");\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <div className=\"lb-container\" style={{ height: this.props.barHeight }}>\n          <div className=\"fill\" style={{ width: percent }} />\n        </div>\n        {this.props.showPercentage && (\n          <span className=\"percent\">{percent}</span>\n        )}\n      </div>\n    );\n  }\n}\n\n/** Sanity check to keep percentage between 0 & 100\n * @internal\n */\nexport function percentInRange(percent: number): number {\n  let value = Math.min(percent, 100);\n  value = Math.max(value, 0);\n  return value;\n}\n"]}
+{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAC3D,MAAM,CAAC,YAAY,GAA6B;QACrD,SAAS,EAAE,CAAC;KACb,CAAC;IAEc,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACzD,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnE,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBACnE,6BAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC/C;YACL,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAC5B,8BAAM,SAAS,EAAC,SAAS,IAAE,OAAO,CAAQ,CAC3C,CACG,CACP,CAAC;IACJ,CAAC;;AAGH;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,OAAe;IAC5C,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3B,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 Loading\n */\n\nimport \"./LoadingBar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for [[LoadingBar]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingBar}.\n */\nexport interface LoadingBarProps extends CommonProps {\n  /** Percent */\n  percent: number;\n  /** Show percentage (optional) */\n  showPercentage?: boolean;\n  /** Height (in pixels) of the loading bar */\n  barHeight: number;\n}\n\n/** A loading bar with optional percentage text.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-linear iTwinUI progress indicator} instead.\n */\nexport class LoadingBar extends React.PureComponent<LoadingBarProps> {\n  public static defaultProps: Partial<LoadingBarProps> = {\n    barHeight: 4,\n  };\n\n  public override render() {\n    const percent = `${percentInRange(this.props.percent)}%`;\n    const containerClass = classnames(this.props.className, \"core-lb\");\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <div className=\"lb-container\" style={{ height: this.props.barHeight }}>\n          <div className=\"fill\" style={{ width: percent }} />\n        </div>\n        {this.props.showPercentage && (\n          <span className=\"percent\">{percent}</span>\n        )}\n      </div>\n    );\n  }\n}\n\n/** Sanity check to keep percentage between 0 & 100\n * @internal\n */\nexport function percentInRange(percent: number): number {\n  let value = Math.min(percent, 100);\n  value = Math.max(value, 0);\n  return value;\n}\n"]}

package/lib/core-react/loading/LoadingPrompt.js

@@ -17,6 +17,15 @@ import { LoadingStatus } from "./LoadingStatus.js";
  * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.
  */
 export class LoadingPrompt extends React.PureComponent {
+    static defaultProps = {
+        showPercentage: false,
+        showStatus: false,
+        showCancel: false,
+        isDeterminate: false,
+        showIndeterminateBar: false,
+        percent: 0,
+        status: "",
+    };
     render() {
         const isDeterminate = this.props.isDeterminate;
         return (React.createElement("div", { className: classnames("core-loadingprompt", this.props.className), style: this.props.style },
@@ -29,13 +38,4 @@ export class LoadingPrompt extends React.PureComponent {
             this.props.showCancel && (React.createElement(Button, { className: "loading-prompt-cancel", onClick: this.props.onCancel }, "Cancel"))));
     }
 }
-LoadingPrompt.defaultProps = {
-    showPercentage: false,
-    showStatus: false,
-    showCancel: false,
-    isDeterminate: false,
-    showIndeterminateBar: false,
-    percent: 0,
-    status: "",
-};
 //# sourceMappingURL=LoadingPrompt.js.map

package/lib/core-react/loading/LoadingPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingPrompt.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingPrompt.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAgCnD;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAWxD,MAAM;QACpB,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAE/C,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACjE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,8BAAM,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAChD,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CACrB,8BAAM,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ,CACtD;YACA,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH;YACA,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACzC,oBAAC,aAAa,IACZ,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC9D,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAC1B,CACH;YACA,CAAC,aAAa;gBACb,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACjC,oBAAC,cAAc,IAAC,aAAa,SAAG,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,OAAG,CACnB,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACxB,oBAAC,MAAM,IACL,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAGrB,CACV,CACG,CACP,CAAC;IACJ,CAAC;;AApDa,0BAAY,GAAgC;IACxD,cAAc,EAAE,KAAK;IACrB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,oBAAoB,EAAE,KAAK;IAC3B,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,EAAE;CACX,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 Loading\n */\n\nimport \"./LoadingPrompt.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Button, ProgressLinear } from \"@itwin/itwinui-react\";\nimport { LoadingBar } from \"./LoadingBar.js\";\nimport { LoadingSpinner } from \"./LoadingSpinner.js\";\nimport { LoadingStatus } from \"./LoadingStatus.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for [[LoadingPrompt]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingPrompt}.\n */\nexport interface LoadingPromptProps extends CommonProps {\n  /** Title */\n  title: string;\n  /** Message displayed below the title (optional) */\n  message?: string;\n  /** Determine if a percentage bar is displayed (isDeterminate=true), otherwise a loading spinner or indeterminate progress bar is shown. */\n  isDeterminate: boolean;\n  /** Show current status and percentage. Default is false (not shown) */\n  showStatus: boolean;\n  /** Show cancel button. Default is false (not shown) */\n  showCancel: boolean;\n  /** Current loading status text (optional). Only shown if showStatus=true and isDeterminate=true */\n  status: string;\n  /** Current percentage.  Only used if isDeterminate=true */\n  percent: number;\n  /** Show percentage at the end of the loading bar (optional). Only shown if isDeterminate=true and showStatus=false */\n  showPercentage: boolean;\n  /** Show indeterminate progress bar instead of loading spinner */\n  showIndeterminateBar: boolean;\n  /** Function called when Cancel button is clicked. */\n  onCancel?: () => void;\n}\n\n/** A component to display during loading that optionally shows percentage, status text and a cancel button.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.\n */\nexport class LoadingPrompt extends React.PureComponent<LoadingPromptProps> {\n  public static defaultProps: Partial<LoadingPromptProps> = {\n    showPercentage: false,\n    showStatus: false,\n    showCancel: false,\n    isDeterminate: false,\n    showIndeterminateBar: false,\n    percent: 0,\n    status: \"\",\n  };\n\n  public override render() {\n    const isDeterminate = this.props.isDeterminate;\n\n    return (\n      <div\n        className={classnames(\"core-loadingprompt\", this.props.className)}\n        style={this.props.style}\n      >\n        <span className=\"title\">{this.props.title}</span>\n        {this.props.message && (\n          <span className=\"message\">{this.props.message}</span>\n        )}\n        {isDeterminate && (\n          <LoadingBar\n            style={{ width: \"100%\" }}\n            percent={this.props.percent}\n            showPercentage={this.props.showPercentage}\n          />\n        )}\n        {isDeterminate && this.props.showStatus && (\n          <LoadingStatus\n            style={{ marginTop: \".5em\", width: \"100%\", fontSize: \".75em\" }}\n            percent={this.props.percent}\n            message={this.props.status}\n          />\n        )}\n        {!isDeterminate &&\n          (this.props.showIndeterminateBar ? (\n            <ProgressLinear indeterminate />\n          ) : (\n            <LoadingSpinner />\n          ))}\n        {this.props.showCancel && (\n          <Button\n            className=\"loading-prompt-cancel\"\n            onClick={this.props.onCancel}\n          >\n            Cancel\n          </Button>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingPrompt.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingPrompt.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAgCnD;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACjE,MAAM,CAAC,YAAY,GAAgC;QACxD,cAAc,EAAE,KAAK;QACrB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,KAAK;QACpB,oBAAoB,EAAE,KAAK;QAC3B,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,EAAE;KACX,CAAC;IAEc,MAAM;QACpB,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAE/C,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACjE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,8BAAM,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAChD,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CACrB,8BAAM,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ,CACtD;YACA,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH;YACA,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACzC,oBAAC,aAAa,IACZ,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC9D,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAC1B,CACH;YACA,CAAC,aAAa;gBACb,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACjC,oBAAC,cAAc,IAAC,aAAa,SAAG,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,OAAG,CACnB,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACxB,oBAAC,MAAM,IACL,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAGrB,CACV,CACG,CACP,CAAC;IACJ,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 Loading\n */\n\nimport \"./LoadingPrompt.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Button, ProgressLinear } from \"@itwin/itwinui-react\";\nimport { LoadingBar } from \"./LoadingBar.js\";\nimport { LoadingSpinner } from \"./LoadingSpinner.js\";\nimport { LoadingStatus } from \"./LoadingStatus.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for [[LoadingPrompt]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingPrompt}.\n */\nexport interface LoadingPromptProps extends CommonProps {\n  /** Title */\n  title: string;\n  /** Message displayed below the title (optional) */\n  message?: string;\n  /** Determine if a percentage bar is displayed (isDeterminate=true), otherwise a loading spinner or indeterminate progress bar is shown. */\n  isDeterminate: boolean;\n  /** Show current status and percentage. Default is false (not shown) */\n  showStatus: boolean;\n  /** Show cancel button. Default is false (not shown) */\n  showCancel: boolean;\n  /** Current loading status text (optional). Only shown if showStatus=true and isDeterminate=true */\n  status: string;\n  /** Current percentage.  Only used if isDeterminate=true */\n  percent: number;\n  /** Show percentage at the end of the loading bar (optional). Only shown if isDeterminate=true and showStatus=false */\n  showPercentage: boolean;\n  /** Show indeterminate progress bar instead of loading spinner */\n  showIndeterminateBar: boolean;\n  /** Function called when Cancel button is clicked. */\n  onCancel?: () => void;\n}\n\n/** A component to display during loading that optionally shows percentage, status text and a cancel button.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.\n */\nexport class LoadingPrompt extends React.PureComponent<LoadingPromptProps> {\n  public static defaultProps: Partial<LoadingPromptProps> = {\n    showPercentage: false,\n    showStatus: false,\n    showCancel: false,\n    isDeterminate: false,\n    showIndeterminateBar: false,\n    percent: 0,\n    status: \"\",\n  };\n\n  public override render() {\n    const isDeterminate = this.props.isDeterminate;\n\n    return (\n      <div\n        className={classnames(\"core-loadingprompt\", this.props.className)}\n        style={this.props.style}\n      >\n        <span className=\"title\">{this.props.title}</span>\n        {this.props.message && (\n          <span className=\"message\">{this.props.message}</span>\n        )}\n        {isDeterminate && (\n          <LoadingBar\n            style={{ width: \"100%\" }}\n            percent={this.props.percent}\n            showPercentage={this.props.showPercentage}\n          />\n        )}\n        {isDeterminate && this.props.showStatus && (\n          <LoadingStatus\n            style={{ marginTop: \".5em\", width: \"100%\", fontSize: \".75em\" }}\n            percent={this.props.percent}\n            message={this.props.status}\n          />\n        )}\n        {!isDeterminate &&\n          (this.props.showIndeterminateBar ? (\n            <ProgressLinear indeterminate />\n          ) : (\n            <LoadingSpinner />\n          ))}\n        {this.props.showCancel && (\n          <Button\n            className=\"loading-prompt-cancel\"\n            onClick={this.props.onCancel}\n          >\n            Cancel\n          </Button>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/core-react/loading/LoadingSpinner.js

@@ -13,6 +13,9 @@ import { ProgressRadial } from "@itwin/itwinui-react";
  * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-radial iTwinUI progress indicator} instead.
  */
 export class LoadingSpinner extends React.PureComponent {
+    static defaultProps = {
+        messageOnTop: false,
+    };
     render() {
         const { message, messageOnTop, size, ...rest } = this.props;
         return (React.createElement("div", { className: "core-ls" },
@@ -21,7 +24,4 @@ export class LoadingSpinner extends React.PureComponent {
             message && !messageOnTop && (React.createElement("span", { className: "ls-message-bottom" }, message))));
     }
 }
-LoadingSpinner.defaultProps = {
-    messageOnTop: false,
-};
 //# sourceMappingURL=LoadingSpinner.js.map

package/lib/core-react/loading/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AA8BtD;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAK1D,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;YACrB,OAAO,IAAI,YAAY,IAAI,CAC1B,8BAAM,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAQ,CAClD;YACD,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,aAAa,SAAG;YACrD,OAAO,IAAI,CAAC,YAAY,IAAI,CAC3B,8BAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ,CACrD,CACG,CACP,CAAC;IACJ,CAAC;;AAjBa,2BAAY,GAAiC;IACzD,YAAY,EAAE,KAAK;CACpB,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 Loading\n */\n\nimport \"./LoadingSpinner.scss\";\nimport * as React from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\ntype ProgressRadialProps = React.ComponentPropsWithoutRef<\n  typeof ProgressRadial\n>;\n\n/** Type for ProgressRadialProps.size\n * @public\n * @deprecated in 4.12.0. Type used in a deprecated component {@link LoadingSpinner}.\n */\nexport type RadialSizeType = ProgressRadialProps[\"size\"];\n\n/** Properties for [[LoadingSpinner]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingSpinner}.\n */\nexport interface LoadingSpinnerProps extends Omit<ProgressRadialProps, \"size\"> {\n  /** Message (text) displayed */\n  message?: string;\n  /** Position the message above or below the spinner (defaults to bottom) */\n  messageOnTop?: boolean;\n  /**\n   * Size of the progress indicator. Defaults to medium size.\n   * @default ''\n   */\n  size?: RadialSizeType;\n}\n\n/** A loading spinner component that optionally shows a text message.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-radial iTwinUI progress indicator} instead.\n */\nexport class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {\n  public static defaultProps: Partial<LoadingSpinnerProps> = {\n    messageOnTop: false,\n  };\n\n  public override render() {\n    const { message, messageOnTop, size, ...rest } = this.props;\n    return (\n      <div className=\"core-ls\">\n        {message && messageOnTop && (\n          <span className=\"ls-message-top\">{message}</span>\n        )}\n        <ProgressRadial size={size} {...rest} indeterminate />\n        {message && !messageOnTop && (\n          <span className=\"ls-message-bottom\">{message}</span>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AA8BtD;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAkC;IACnE,MAAM,CAAC,YAAY,GAAiC;QACzD,YAAY,EAAE,KAAK;KACpB,CAAC;IAEc,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;YACrB,OAAO,IAAI,YAAY,IAAI,CAC1B,8BAAM,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAQ,CAClD;YACD,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,aAAa,SAAG;YACrD,OAAO,IAAI,CAAC,YAAY,IAAI,CAC3B,8BAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ,CACrD,CACG,CACP,CAAC;IACJ,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 Loading\n */\n\nimport \"./LoadingSpinner.scss\";\nimport * as React from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\ntype ProgressRadialProps = React.ComponentPropsWithoutRef<\n  typeof ProgressRadial\n>;\n\n/** Type for ProgressRadialProps.size\n * @public\n * @deprecated in 4.12.0. Type used in a deprecated component {@link LoadingSpinner}.\n */\nexport type RadialSizeType = ProgressRadialProps[\"size\"];\n\n/** Properties for [[LoadingSpinner]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingSpinner}.\n */\nexport interface LoadingSpinnerProps extends Omit<ProgressRadialProps, \"size\"> {\n  /** Message (text) displayed */\n  message?: string;\n  /** Position the message above or below the spinner (defaults to bottom) */\n  messageOnTop?: boolean;\n  /**\n   * Size of the progress indicator. Defaults to medium size.\n   * @default ''\n   */\n  size?: RadialSizeType;\n}\n\n/** A loading spinner component that optionally shows a text message.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/progressindicator#progress-radial iTwinUI progress indicator} instead.\n */\nexport class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {\n  public static defaultProps: Partial<LoadingSpinnerProps> = {\n    messageOnTop: false,\n  };\n\n  public override render() {\n    const { message, messageOnTop, size, ...rest } = this.props;\n    return (\n      <div className=\"core-ls\">\n        {message && messageOnTop && (\n          <span className=\"ls-message-top\">{message}</span>\n        )}\n        <ProgressRadial size={size} {...rest} indeterminate />\n        {message && !messageOnTop && (\n          <span className=\"ls-message-bottom\">{message}</span>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/core-react/loading/LoadingStatus.js

@@ -13,6 +13,10 @@ import * as React from "react";
  * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.
  */
 export class LoadingStatus extends React.PureComponent {
+    static defaultProps = {
+        message: "",
+        percent: 0,
+    };
     // sanity check to keep percentage between 0 & 100
     inRange(percent) {
         let value = Math.min(percent, 100);
@@ -27,8 +31,4 @@ export class LoadingStatus extends React.PureComponent {
             React.createElement("span", { className: "loading-status-percent" }, percent)));
     }
 }
-LoadingStatus.defaultProps = {
-    message: "",
-    percent: 0,
-};
 //# sourceMappingURL=LoadingStatus.js.map

package/lib/core-react/loading/LoadingStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAMxE,kDAAkD;IAC1C,OAAO,CAAC,OAAe;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvD,MAAM,cAAc,GAAG,UAAU,CAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,0BAA0B,CAC3B,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ;YACpE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACrD,CACP,CAAC;IACJ,CAAC;;AAxBa,0BAAY,GAAgC;IACxD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC;CACX,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 Loading\n */\n\nimport \"./LoadingStatus.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for [[LoadingStatus]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingStatus}.\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/** A loading indicator that shows status text along with the percentage.\n * @public\n * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.\n */\nexport class LoadingStatus extends React.PureComponent<LoadingStatusProps> {\n  public static defaultProps: Partial<LoadingStatusProps> = {\n    message: \"\",\n    percent: 0,\n  };\n\n  // sanity check to keep percentage between 0 & 100\n  private inRange(percent: number): number {\n    let value = Math.min(percent, 100);\n    value = Math.max(value, 0);\n    return value;\n  }\n\n  public override render() {\n    const percent = `${this.inRange(this.props.percent)}%`;\n    const containerClass = classnames(\n      this.props.className,\n      \"loading-status-container\"\n    );\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <span className=\"loading-status-message\">{this.props.message}</span>\n        <span className=\"loading-status-percent\">{percent}</span>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACjE,MAAM,CAAC,YAAY,GAAgC;QACxD,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,CAAC;KACX,CAAC;IAEF,kDAAkD;IAC1C,OAAO,CAAC,OAAe;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvD,MAAM,cAAc,GAAG,UAAU,CAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,0BAA0B,CAC3B,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ;YACpE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACrD,CACP,CAAC;IACJ,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 Loading\n */\n\nimport \"./LoadingStatus.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Properties for [[LoadingStatus]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingStatus}.\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/** A loading indicator that shows status text along with the percentage.\n * @public\n * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.\n */\nexport class LoadingStatus extends React.PureComponent<LoadingStatusProps> {\n  public static defaultProps: Partial<LoadingStatusProps> = {\n    message: \"\",\n    percent: 0,\n  };\n\n  // sanity check to keep percentage between 0 & 100\n  private inRange(percent: number): number {\n    let value = Math.min(percent, 100);\n    value = Math.max(value, 0);\n    return value;\n  }\n\n  public override render() {\n    const percent = `${this.inRange(this.props.percent)}%`;\n    const containerClass = classnames(\n      this.props.className,\n      \"loading-status-container\"\n    );\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <span className=\"loading-status-message\">{this.props.message}</span>\n        <span className=\"loading-status-percent\">{percent}</span>\n      </div>\n    );\n  }\n}\n"]}

package/lib/core-react/messagebox/MessageBox.js

@@ -17,17 +17,17 @@ import { Dialog } from "../dialog/Dialog.js";
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
  */
 export class MessageBox extends React.PureComponent {
+    static defaultProps = {
+        minWidth: 400,
+        minHeight: 400,
+        width: "512px",
+        modal: true,
+    };
     render() {
         return (React.createElement(Dialog, { title: this.props.title, buttonCluster: this.props.buttonCluster, opened: this.props.opened, onClose: this.props.onClose, onEscape: this.props.onEscape, modal: this.props.modal, className: this.props.className, style: this.props.style, width: this.props.width },
             React.createElement(MessageContainer, { severity: this.props.severity, className: this.props.contentClassName, style: this.props.contentStyle }, this.props.children)));
     }
 }
-MessageBox.defaultProps = {
-    minWidth: 400,
-    minHeight: 400,
-    width: "512px",
-    modal: true,
-};
 /** Message Container React component.
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.