@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/cjs/core-react/popup/Popup.js

@@ -0,0 +1,401 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popup = void 0;
+require("./Popup.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const ReactDOM = require("react-dom");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const FocusTrap_1 = require("../focustrap/FocusTrap");
+/** Popup React component displays a popup relative to an optional target element.
+ * @public
+ */
+class Popup extends React.Component {
+    constructor(props) {
+        var _a, _b;
+        super(props);
+        this._popup = null;
+        this._bindWindowEvents = () => {
+            const activeWindow = this.getParentWindow();
+            activeWindow.addEventListener("pointerdown", this._handleOutsideClick);
+            activeWindow.addEventListener("resize", this._hide);
+            activeWindow.addEventListener("contextmenu", this._handleContextMenu);
+            activeWindow.addEventListener("scroll", this._hide);
+            activeWindow.addEventListener("wheel", this._handleWheel);
+            activeWindow.addEventListener("keydown", this._handleKeyboard);
+        };
+        this._unBindWindowEvents = () => {
+            const activeWindow = this.getParentWindow();
+            activeWindow.removeEventListener("pointerdown", this._handleOutsideClick);
+            activeWindow.removeEventListener("resize", this._hide);
+            activeWindow.removeEventListener("contextmenu", this._handleContextMenu);
+            activeWindow.removeEventListener("scroll", this._hide);
+            activeWindow.removeEventListener("wheel", this._handleWheel);
+            activeWindow.removeEventListener("keydown", this._handleKeyboard);
+        };
+        this._handleWheel = (event) => {
+            if (this._popup && this._popup.contains(event.target))
+                return;
+            if (this.props.onWheel)
+                return this.props.onWheel(event);
+            const closeOnWheel = this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;
+            if (closeOnWheel)
+                this._hide();
+        };
+        this._handleOutsideClick = (event) => {
+            if (this._popup && this._popup.contains(event.target))
+                return;
+            if (this.props.isPinned)
+                return;
+            if (!this.props.closeOnNestedPopupOutsideClick && this.isInCorePopup(event.target))
+                return;
+            if (this.props.onOutsideClick)
+                return this.props.onOutsideClick(event);
+            if (this.props.target && this.props.target.contains(event.target))
+                return;
+            this._onClose();
+        };
+        this._handleContextMenu = (event) => {
+            if (this._popup && this._popup.contains(event.target))
+                return;
+            if (this.props.onContextMenu)
+                return this.props.onContextMenu(event);
+            const closeOnContextMenu = this.props.closeOnContextMenu !== undefined ? this.props.closeOnContextMenu : true;
+            if (closeOnContextMenu)
+                this._hide();
+        };
+        this._handleKeyboard = (event) => {
+            if (this.props.isPinned)
+                return;
+            if (event.key === appui_abstract_1.SpecialKey.Escape || event.key === appui_abstract_1.SpecialKey.Enter) {
+                const closeOnEnter = this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;
+                if (event.key === appui_abstract_1.SpecialKey.Enter) {
+                    if (closeOnEnter)
+                        this._onClose(true);
+                    else
+                        this.props.onEnter && this.props.onEnter();
+                }
+                else {
+                    this._onClose(false);
+                }
+            }
+        };
+        this._hide = () => {
+            if (this.props.isPinned)
+                return;
+            this._onClose();
+        };
+        this._getPosition = (position) => {
+            const activeWindow = this.getParentWindow();
+            const { target, offset, top, left } = this.props;
+            const offsetArrow = (this.props.showArrow) ? 6 : 0;
+            // absolute position
+            if (this._isPositionAbsolute())
+                return { x: left, y: top };
+            // sanity check
+            const point = { x: 0, y: 0 };
+            if (!this._popup || !target)
+                return point;
+            // relative position
+            const scrollY = activeWindow.scrollY;
+            const scrollX = activeWindow.scrollX;
+            const targetRect = target.getBoundingClientRect();
+            const { popupWidth, popupHeight } = this._getPopupDimensions();
+            switch (position) {
+                case appui_abstract_1.RelativePosition.Top:
+                    point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;
+                    point.x = scrollX + targetRect.left + (targetRect.width / 2) - (popupWidth / 2);
+                    break;
+                case appui_abstract_1.RelativePosition.TopLeft:
+                    point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;
+                    point.x = scrollX + targetRect.left;
+                    break;
+                case appui_abstract_1.RelativePosition.TopRight:
+                    point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;
+                    point.x = scrollX + targetRect.right - popupWidth;
+                    break;
+                case appui_abstract_1.RelativePosition.Bottom:
+                    point.y = scrollY + targetRect.bottom + offset + offsetArrow;
+                    point.x = scrollX + targetRect.left + (targetRect.width / 2) - (popupWidth / 2);
+                    break;
+                case appui_abstract_1.RelativePosition.BottomLeft:
+                    point.y = scrollY + targetRect.bottom + offset + offsetArrow;
+                    point.x = scrollX + targetRect.left;
+                    break;
+                case appui_abstract_1.RelativePosition.BottomRight:
+                    point.y = scrollY + targetRect.bottom + offset + offsetArrow;
+                    point.x = scrollX + targetRect.right - popupWidth;
+                    break;
+                case appui_abstract_1.RelativePosition.Left:
+                    point.y = scrollY + targetRect.top + (targetRect.height / 2) - (popupHeight / 2);
+                    point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;
+                    break;
+                case appui_abstract_1.RelativePosition.LeftTop:
+                    point.y = scrollY + targetRect.top;
+                    point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;
+                    break;
+                case appui_abstract_1.RelativePosition.Right:
+                    point.y = scrollY + targetRect.top + (targetRect.height / 2) - (popupHeight / 2);
+                    point.x = scrollX + targetRect.right + offset + offsetArrow;
+                    break;
+                case appui_abstract_1.RelativePosition.RightTop:
+                    point.y = scrollY + targetRect.top;
+                    point.x = scrollX + targetRect.right + offset + offsetArrow;
+                    break;
+            }
+            return point;
+        };
+        // fit the popup within the extents of the view port
+        this._fitPopup = (point) => {
+            const fittedPoint = point;
+            // istanbul ignore if
+            if (!this._popup) {
+                return fittedPoint;
+            }
+            // const popupRect = this._popup.getBoundingClientRect();
+            const { popupWidth, popupHeight } = this._getPopupDimensions();
+            const { innerWidth, innerHeight } = window;
+            // istanbul ignore if
+            if (fittedPoint.y + popupHeight > innerHeight) {
+                fittedPoint.y = innerHeight - popupHeight;
+            }
+            // istanbul ignore if
+            if (fittedPoint.x + popupWidth > innerWidth) {
+                fittedPoint.x = innerWidth - popupWidth;
+            }
+            // istanbul ignore if
+            if (fittedPoint.y < 0) {
+                fittedPoint.y = 0;
+            }
+            if (fittedPoint.x < 0) {
+                fittedPoint.x = 0;
+            }
+            return fittedPoint;
+        };
+        const parentDocument = (_b = (_a = this.props.target) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
+        this.state = {
+            isOpen: this.props.isOpen,
+            top: 0,
+            left: 0,
+            position: this.props.position,
+            parentDocument,
+        };
+    }
+    componentDidMount() {
+        if (this.props.isOpen) {
+            this._onShow();
+        }
+    }
+    getParentWindow() {
+        var _a;
+        // istanbul ignore next
+        return (_a = this.state.parentDocument.defaultView) !== null && _a !== void 0 ? _a : window;
+    }
+    componentDidUpdate(previousProps) {
+        var _a, _b;
+        if (this.props.target !== previousProps.target) {
+            // istanbul ignore next
+            {
+                const parentDocument = (_b = (_a = this.props.target) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document;
+                if (parentDocument !== this.state.parentDocument) {
+                    this._unBindWindowEvents();
+                    this.setState({ parentDocument });
+                }
+            }
+        }
+        if (this.props.isOpen === previousProps.isOpen) {
+            if (this.props.isOpen) {
+                const position = this._toggleRelativePosition();
+                const point = this._fitPopup(this._getPosition(position));
+                if ((Math.abs(this.state.left - point.x) < 3) &&
+                    (Math.abs(this.state.top - point.y) < 3) &&
+                    this.state.position === position)
+                    return;
+                this.setState({
+                    left: point.x,
+                    top: point.y,
+                    position,
+                });
+            }
+            return;
+        }
+        if (this.props.isOpen) {
+            this._onShow();
+        }
+        else {
+            this._onClose();
+        }
+    }
+    componentWillUnmount() {
+        this._unBindWindowEvents();
+    }
+    isInCorePopup(element) {
+        if (element.nodeName === "DIV") {
+            if (element.classList && element.classList.contains("core-popup"))
+                return true;
+            if (element.parentElement && this.isInCorePopup(element.parentElement))
+                return true;
+        }
+        else {
+            // istanbul ignore else
+            if (element.parentElement && this.isInCorePopup(element.parentElement))
+                return true;
+        }
+        return false;
+    }
+    _onShow() {
+        this._bindWindowEvents();
+        const position = this._toggleRelativePosition();
+        const point = this._fitPopup(this._getPosition(position));
+        this.setState({ left: point.x, top: point.y, isOpen: true, position }, () => {
+            if (this.props.onOpen)
+                this.props.onOpen();
+        });
+    }
+    _onClose(enterKey) {
+        if (!this.state.isOpen)
+            return;
+        this._unBindWindowEvents();
+        this.setState({ isOpen: false }, () => {
+            if (enterKey && this.props.onEnter)
+                this.props.onEnter();
+            if (this.props.onClose)
+                this.props.onClose();
+        });
+    }
+    _isPositionAbsolute() {
+        return (this.props.top !== -1 && this.props.left !== -1);
+    }
+    _getClassNameByPosition(position) {
+        if (!this._isPositionAbsolute()) {
+            switch (position) {
+                case appui_abstract_1.RelativePosition.TopLeft:
+                    return "core-popup-top-left";
+                case appui_abstract_1.RelativePosition.TopRight:
+                    return "core-popup-top-right";
+                case appui_abstract_1.RelativePosition.BottomLeft:
+                    return "core-popup-bottom-left";
+                case appui_abstract_1.RelativePosition.BottomRight:
+                    return "core-popup-bottom-right";
+                case appui_abstract_1.RelativePosition.Top:
+                    return "core-popup-top";
+                case appui_abstract_1.RelativePosition.Left:
+                    return "core-popup-left";
+                case appui_abstract_1.RelativePosition.Right:
+                    return "core-popup-right";
+                case appui_abstract_1.RelativePosition.Bottom:
+                    return "core-popup-bottom";
+                case appui_abstract_1.RelativePosition.LeftTop:
+                    return "core-popup-left-top";
+                case appui_abstract_1.RelativePosition.RightTop:
+                    return "core-popup-right-top";
+            }
+        }
+        return "";
+    }
+    _getPopupDimensions() {
+        let popupWidth = 0;
+        let popupHeight = 0;
+        // istanbul ignore else
+        if (this._popup) {
+            const activeWindow = this.getParentWindow();
+            const style = activeWindow.getComputedStyle(this._popup);
+            const borderLeftWidth = parsePxString(style.borderLeftWidth);
+            const borderRightWidth = parsePxString(style.borderRightWidth);
+            const borderTopWidth = parsePxString(style.borderTopWidth);
+            const borderBottomWidth = parsePxString(style.borderBottomWidth);
+            popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;
+            popupHeight = this._popup.clientHeight + borderTopWidth + borderBottomWidth;
+        }
+        return { popupWidth, popupHeight };
+    }
+    _toggleRelativePosition() {
+        const { target, position, offset } = this.props;
+        if (!this._popup || !target)
+            return position;
+        // istanbul ignore if
+        if (this._isPositionAbsolute())
+            return position;
+        let newPosition = position;
+        const activeWindow = this.getParentWindow();
+        // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)
+        const viewportRect = { left: activeWindow.scrollX, top: activeWindow.scrollY, right: activeWindow.scrollX + activeWindow.innerWidth, bottom: activeWindow.scrollY + activeWindow.innerHeight };
+        const targetRect = target.getBoundingClientRect();
+        const { popupWidth, popupHeight } = this._getPopupDimensions();
+        const containerStyle = activeWindow.getComputedStyle(target);
+        const offsetArrow = this.props.showArrow ? /* istanbul ignore next */ 10 : 2;
+        const bottomMargin = parseMargin(containerStyle.marginBottom);
+        if ((targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset) > viewportRect.bottom) {
+            if (newPosition === appui_abstract_1.RelativePosition.Bottom)
+                newPosition = appui_abstract_1.RelativePosition.Top;
+            else if (newPosition === appui_abstract_1.RelativePosition.BottomLeft)
+                newPosition = appui_abstract_1.RelativePosition.TopLeft;
+            else if (newPosition === appui_abstract_1.RelativePosition.BottomRight)
+                newPosition = appui_abstract_1.RelativePosition.TopRight;
+        }
+        const topMargin = parseMargin(containerStyle.marginTop);
+        if ((targetRect.top - popupHeight - topMargin - offsetArrow - offset) < viewportRect.top) {
+            if (newPosition === appui_abstract_1.RelativePosition.Top)
+                newPosition = appui_abstract_1.RelativePosition.Bottom;
+            else if (newPosition === appui_abstract_1.RelativePosition.TopLeft)
+                newPosition = appui_abstract_1.RelativePosition.BottomLeft;
+            else if (newPosition === appui_abstract_1.RelativePosition.TopRight)
+                newPosition = appui_abstract_1.RelativePosition.BottomRight;
+        }
+        const leftMargin = parseMargin(containerStyle.marginLeft);
+        if ((targetRect.left - popupWidth - leftMargin - offsetArrow - offset) < viewportRect.left) {
+            if (newPosition === appui_abstract_1.RelativePosition.Left)
+                newPosition = appui_abstract_1.RelativePosition.Right;
+            else if (newPosition === appui_abstract_1.RelativePosition.LeftTop)
+                newPosition = appui_abstract_1.RelativePosition.RightTop;
+        }
+        const rightMargin = parseMargin(containerStyle.marginRight);
+        if ((targetRect.right + popupWidth + rightMargin + offsetArrow + offset) > viewportRect.right) {
+            if (newPosition === appui_abstract_1.RelativePosition.Right)
+                newPosition = appui_abstract_1.RelativePosition.Left;
+            else if (newPosition === appui_abstract_1.RelativePosition.RightTop)
+                newPosition = appui_abstract_1.RelativePosition.LeftTop;
+        }
+        return newPosition;
+    }
+    render() {
+        const animate = this.props.animate !== undefined ? this.props.animate : true;
+        const className = (0, classnames_1.default)("core-popup", this._getClassNameByPosition(this.state.position), this.props.showShadow && "core-popup-shadow", this.props.showArrow && "arrow", !animate && "core-popup-animation-none", this.props.className);
+        const style = {
+            top: this.state.top,
+            left: this.state.left,
+            ...this.props.style,
+        };
+        const role = this.props.role ? this.props.role : "dialog"; // accessibility property
+        if (!this.props.isOpen) {
+            return null;
+        }
+        return ReactDOM.createPortal((React.createElement("div", { className: className, "data-testid": "core-popup", ref: (element) => { this._popup = element; }, style: style, role: role, "aria-modal": true, tabIndex: -1, "aria-label": this.props.ariaLabel },
+            React.createElement(FocusTrap_1.FocusTrap, { active: !!this.props.moveFocus, initialFocusElement: this.props.focusTarget, returnFocusOnDeactivate: true }, this.props.children))), this.state.parentDocument.body);
+    }
+}
+exports.Popup = Popup;
+Popup.defaultProps = {
+    position: appui_abstract_1.RelativePosition.Bottom,
+    showShadow: true,
+    showArrow: false,
+    isOpen: false,
+    offset: 4,
+    top: -1,
+    left: -1,
+};
+function parsePxString(pxStr) {
+    const parsed = parseInt(pxStr, 10);
+    return parsed || 0;
+}
+function parseMargin(value) {
+    return value ? /* istanbul ignore next */ parseFloat(value) : 0;
+}
+//# sourceMappingURL=Popup.js.map

package/lib/cjs/core-react/popup/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport { CommonProps } from \"../utils/Props\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** Properties for the [[Popup]] component\n * @public\n */\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\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/** @internal */\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @public\n */\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    // istanbul ignore next\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(previousProps: PopupProps) {\n    if (this.props.target !== previousProps.target) {\n      // istanbul ignore next\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if ((Math.abs(this.state.left - point.x) < 3) &&\n          (Math.abs(this.state.top - point.y) < 3) &&\n          this.state.position === position)\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._hide);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._hide);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node))\n      return;\n\n    if (this.props.onWheel)\n      return this.props.onWheel(event);\n\n    const closeOnWheel = this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel)\n      this._hide();\n  };\n\n  private 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      // istanbul ignore else\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node))\n      return;\n\n    if (this.props.isPinned)\n      return;\n\n    if (!this.props.closeOnNestedPopupOutsideClick && this.isInCorePopup(event.target as HTMLElement))\n      return;\n\n    if (this.props.onOutsideClick)\n      return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node))\n      return;\n\n    if (this.props.onContextMenu)\n      return this.props.onContextMenu(event);\n\n    const closeOnContextMenu = this.props.closeOnContextMenu !== undefined ? this.props.closeOnContextMenu : true;\n    if (closeOnContextMenu)\n      this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned)\n      return;\n\n    if (event.key === SpecialKey.Escape || event.key === SpecialKey.Enter) {\n      const closeOnEnter = this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === SpecialKey.Enter) {\n        if (closeOnEnter)\n          this._onClose(true);\n        else\n          this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned)\n      return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState({ left: point.x, top: point.y, isOpen: true, position }, () => {\n      if (this.props.onOpen)\n        this.props.onOpen();\n    });\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen)\n      return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter)\n        this.props.onEnter();\n      if (this.props.onClose)\n        this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return (this.props.top !== -1 && this.props.left !== -1);\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number, popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    // istanbul ignore else\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight = this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = (this.props.showArrow) ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute())\n      return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target)\n      return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const targetRect = target.getBoundingClientRect();\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left + (targetRect.width / 2) - (popupWidth / 2);\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left + (targetRect.width / 2) - (popupWidth / 2);\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y = scrollY + targetRect.top + (targetRect.height / 2) - (popupHeight / 2);\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y = scrollY + targetRect.top + (targetRect.height / 2) - (popupHeight / 2);\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target)\n      return position;\n\n    // istanbul ignore if\n    if (this._isPositionAbsolute())\n      return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = { left: activeWindow.scrollX, top: activeWindow.scrollY, right: activeWindow.scrollX + activeWindow.innerWidth, bottom: activeWindow.scrollY + activeWindow.innerHeight };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow ? /* istanbul ignore next */ 10 : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if ((targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset) > viewportRect.bottom) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if ((targetRect.top - popupHeight - topMargin - offsetArrow - offset) < viewportRect.top) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if ((targetRect.left - popupWidth - leftMargin - offsetArrow - offset) < viewportRect.left) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if ((targetRect.right + popupWidth + rightMargin + offsetArrow + offset) > viewportRect.right) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    // istanbul ignore if\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    // istanbul ignore if\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    // istanbul ignore if\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    // istanbul ignore if\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  public override render() {\n    const animate = this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\";  // accessibility property\n\n    if (!this.props.isOpen) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      (\n        <div\n          className={className} data-testid=\"core-popup\"\n          ref={(element) => { this._popup = element; }}\n          style={style}\n          role={role}\n          aria-modal={true}\n          tabIndex={-1}\n          aria-label={this.props.ariaLabel}\n        >\n          <FocusTrap active={!!this.props.moveFocus} initialFocusElement={this.props.focusTarget} returnFocusOnDeactivate={true}>\n            {this.props.children}\n          </FocusTrap>\n        </div>\n      ), this.state.parentDocument.body);\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? /* istanbul ignore next */ parseFloat(value) : 0;\n}\n"]}

package/lib/cjs/core-react/progress-indicators/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0IAA0I;IAC1I,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8HAA8H;IAC9H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+HAA+H;IAC/H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA8BlD"}

package/lib/cjs/core-react/progress-indicators/ProgressBar.js

@@ -0,0 +1,48 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Loading
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const LoadingBar_1 = require("../loading/LoadingBar");
+/**
+ * ProgressBar React component shows a horizontal progress bar.
+ * The determinate bar reflects a percentage and the indeterminate bar continuously animates.
+ * @beta
+ * @deprecated Use ProgressLinear in itwinui-react instead.
+ */
+function ProgressBar(props) {
+    const percent = props.percent !== undefined ? (0, LoadingBar_1.percentInRange)(props.percent) : 0;
+    const outerStyle = {
+        ...props.style,
+        height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,
+    };
+    const innerStyle = {
+        width: !props.indeterminate ? `${percent}%` : undefined,
+    };
+    const innerClass = !props.indeterminate ? "uicore-progress-bar-determinate" : "uicore-progress-bar-indeterminate";
+    const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;
+    const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;
+    const bar = (React.createElement("div", { className: (0, classnames_1.default)("uicore-progress-bar", props.className), style: outerStyle },
+        React.createElement("div", { className: innerClass, style: innerStyle })));
+    const content = !hasLabel ?
+        bar :
+        (React.createElement("div", { className: "uicore-progress-bar-labeled" },
+            bar,
+            React.createElement("div", { className: "uicore-label" },
+                multipleLabels && React.createElement(React.Fragment, null,
+                    React.createElement("span", null, props.labelLeft),
+                    React.createElement("span", null, props.labelRight)),
+                !multipleLabels && React.createElement(React.Fragment, null,
+                    props.labelLeft,
+                    props.labelRight))));
+    return content;
+}
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/lib/cjs/core-react/progress-indicators/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,sDAAuD;AAmBvD;;;;;GAKG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,2BAAc,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,UAAU,GAAwB;QACtC,GAAG,KAAK,CAAC,KAAK;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS;KAC3E,CAAC;IACF,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,mCAAmC,CAAC;IAClH,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACjF,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACvF,MAAM,GAAG,GAAG,CACV,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU;QACnF,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,CAC7C,CACP,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,GAAG,CAAC,CAAC;QACL,CACE,6BAAK,SAAS,EAAC,6BAA6B;YACzC,GAAG;YACJ,6BAAK,SAAS,EAAC,cAAc;gBAC1B,cAAc,IAAI;oBAAE,kCAAO,KAAK,CAAC,SAAS,CAAQ;oBAAA,kCAAO,KAAK,CAAC,UAAU,CAAQ,CAAG;gBACpF,CAAC,cAAc,IAAI;oBAAG,KAAK,CAAC,SAAS;oBAAE,KAAK,CAAC,UAAU,CAAI,CACxD,CACF,CACP,CAAC;IAEJ,OAAO,OAAO,CAAC;AACjB,CAAC;AA9BD,kCA8BC","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 classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { percentInRange } from \"../loading/LoadingBar\";\n\n/** Properties for [[ProgressBar]] component\n * @beta\n * @deprecated Use ProgressLinearProps in itwinui-react instead.\n */\nexport interface ProgressBarProps extends CommonProps {\n  /** Height (in pixels) of the progress bar. (defaults to 4px) */\n  barHeight?: number;\n  /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */\n  indeterminate?: boolean;\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */\n  labelLeft?: string;\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */\n  labelRight?: string;\n  /** Percent for determinate progress bar. */\n  percent?: number;\n}\n\n/**\n * ProgressBar React component shows a horizontal progress bar.\n * The determinate bar reflects a percentage and the indeterminate bar continuously animates.\n * @beta\n * @deprecated Use ProgressLinear in itwinui-react instead.\n */\nexport function ProgressBar(props: ProgressBarProps) {    // eslint-disable-line deprecation/deprecation\n  const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;\n  const outerStyle: React.CSSProperties = {\n    ...props.style,\n    height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,\n  };\n  const innerStyle: React.CSSProperties = {\n    width: !props.indeterminate ? `${percent}%` : undefined,\n  };\n  const innerClass = !props.indeterminate ? \"uicore-progress-bar-determinate\" : \"uicore-progress-bar-indeterminate\";\n  const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;\n  const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;\n  const bar = (\n    <div className={classnames(\"uicore-progress-bar\", props.className)} style={outerStyle}>\n      <div className={innerClass} style={innerStyle} />\n    </div>\n  );\n  const content = !hasLabel ?\n    bar :\n    (\n      <div className=\"uicore-progress-bar-labeled\">\n        {bar}\n        <div className=\"uicore-label\">\n          {multipleLabels && <><span>{props.labelLeft}</span><span>{props.labelRight}</span></>}\n          {!multipleLabels && <>{props.labelLeft}{props.labelRight}</>}\n        </div>\n      </div>\n    );\n\n  return content;\n}\n"]}

package/lib/cjs/core-react/progress-indicators/ProgressSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoD1D"}

package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js

@@ -0,0 +1,74 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Loading
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressSpinner = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const IconComponent_1 = require("../icons/IconComponent");
+const Spinner_1 = require("../loading/Spinner");
+/**
+ * Circular Progress Indicator that supports determinate and indeterminate modes.
+ * @beta
+ * @deprecated Use ProgressRadial in itwinui-react instead.
+ */
+function ProgressSpinner(props) {
+    const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
+    let outerClassName = (0, classnames_1.default)("uicore-progress-spinner");
+    const outerStyle = { ...style };
+    const fillStyle = {};
+    // Ensure value is bounded 0 - 100;
+    const dashOffset = 100 - Math.min(Math.max(value, 0), 100);
+    let content;
+    if (error) {
+        outerClassName = (0, classnames_1.default)(outerClassName, "error");
+        content = React.createElement(IconComponent_1.Icon, { iconSpec: "icon-close-2" });
+    }
+    else if (success) {
+        outerClassName = (0, classnames_1.default)(outerClassName, "success");
+        content = (React.createElement(IconComponent_1.Icon, { iconSpec: "icon-checkmark" }));
+    }
+    else if (indeterminate) {
+        outerClassName = (0, classnames_1.default)(outerClassName, "indeterminate");
+        content = children;
+    }
+    else {
+        outerClassName = (0, classnames_1.default)(outerClassName, "determinate");
+        fillStyle.strokeDashoffset = dashOffset;
+        content = children;
+    }
+    setDefaultDimensions(outerStyle, size);
+    return (React.createElement("div", { className: outerClassName, style: outerStyle },
+        React.createElement("svg", { className: "spinner", viewBox: "0 0 40 40" },
+            React.createElement("circle", { className: "shape", cx: "20", cy: "20", r: "15.91549" }),
+            React.createElement("circle", { className: "fill", cx: "20", cy: "20", r: "15.91549", style: fillStyle })),
+        content && React.createElement("span", { className: "uicore-progress-spinner-content" }, content)));
+}
+exports.ProgressSpinner = ProgressSpinner;
+const setDefaultDimensions = (style, inSize) => {
+    let size = 40;
+    if (inSize !== undefined) {
+        switch (inSize) {
+            case Spinner_1.SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
+                size = 16;
+                break;
+            case Spinner_1.SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
+                size = 32;
+                break;
+            case Spinner_1.SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
+                size = 64;
+                break;
+            case Spinner_1.SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
+                size = 96;
+                break;
+        }
+    }
+    style.width = style.width ? style.width : size;
+    style.height = style.height ? style.height : size;
+};
+//# sourceMappingURL=ProgressSpinner.js.map

package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,0DAA8C;AAC9C,gDAAiD;AAuCjD;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,EACJ,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,IAAI,cAAc,GAAG,IAAA,oBAAU,EAAC,yBAAyB,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,mCAAmC;IACnC,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,IAAI,OAAwB,CAAC;IAE7B,IAAI,KAAK,EAAE;QACT,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACrD,OAAO,GAAG,oBAAC,oBAAI,IAAC,QAAQ,EAAC,cAAc,GAAG,CAAC;KAC5C;SAAM,IAAI,OAAO,EAAE;QAClB,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QACvD,OAAO,GAAG,CACR,oBAAC,oBAAI,IAAC,QAAQ,EAAC,gBAAgB,GAAG,CACnC,CAAC;KACH;SAAM,IAAI,aAAa,EAAE;QACxB,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QAC7D,OAAO,GAAG,QAAQ,CAAC;KACpB;SAAM;QACL,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,aAAa,CAAC,CAAC;QAC3D,SAAS,CAAC,gBAAgB,GAAG,UAAU,CAAC;QACxC,OAAO,GAAG,QAAQ,CAAC;KACpB;IAED,oBAAoB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU;QAC/C,6BAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW;YAC1C,gCAAQ,SAAS,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,UAAU,GAAG;YACzD,gCACE,SAAS,EAAC,MAAM,EAChB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,UAAU,EACZ,KAAK,EAAE,SAAS,GAChB,CACE;QACL,OAAO,IAAI,8BAAM,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAQ,CAC1E,CACP,CAAC;AACJ,CAAC;AApDD,0CAoDC;AAED,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAE,MAAoB,EAAE,EAAE;IAChF,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,QAAQ,MAAM,EAAE;YACd,KAAK,qBAAW,CAAC,KAAK,EAAI,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;YACR,KAAK,qBAAW,CAAC,MAAM,EAAG,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;YACR,KAAK,qBAAW,CAAC,KAAK,EAAI,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;YACR,KAAK,qBAAW,CAAC,MAAM,EAAG,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;SACT;KACF;IACD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/C,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpD,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 Loading\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SpinnerSize } from \"../loading/Spinner\";\n\n/**\n * Properties for [[ProgressSpinner]] component\n * @beta\n * @deprecated Use ProgressRadialProps in itwinui-react instead.\n */\nexport interface ProgressSpinnerProps extends CommonProps {\n  /**\n   * Spinner percentage. Should be a number between 0 and 100.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * Spinner variant. If true, value will be ignored.\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * If true, spinner will be full, green, and display a checkmark.\n   * @default false\n   */\n  success?: boolean;\n  /**\n   * If true, spinner will be full, red, and display an X.\n   * @default false\n   */\n  error?: boolean;\n  /**\n   * Size of spinner\n   * @default width/height of 40px\n   */\n  size?: SpinnerSize; // eslint-disable-line deprecation/deprecation\n  /**\n   * Child components\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Circular Progress Indicator that supports determinate and indeterminate modes.\n * @beta\n * @deprecated Use ProgressRadial in itwinui-react instead.\n */\nexport function ProgressSpinner(props: ProgressSpinnerProps) {    // eslint-disable-line deprecation/deprecation\n  const {\n    value = 0,\n    indeterminate = false,\n    success = false,\n    error = false,\n    style = {},\n    size,\n    children,\n  } = props;\n\n  let outerClassName = classnames(\"uicore-progress-spinner\");\n  const outerStyle = { ...style };\n  const fillStyle: React.CSSProperties = {};\n  // Ensure value is bounded 0 - 100;\n  const dashOffset = 100 - Math.min(Math.max(value, 0), 100);\n  let content: React.ReactNode;\n\n  if (error) {\n    outerClassName = classnames(outerClassName, \"error\");\n    content = <Icon iconSpec=\"icon-close-2\" />;\n  } else if (success) {\n    outerClassName = classnames(outerClassName, \"success\");\n    content = (\n      <Icon iconSpec=\"icon-checkmark\" />\n    );\n  } else if (indeterminate) {\n    outerClassName = classnames(outerClassName, \"indeterminate\");\n    content = children;\n  } else {\n    outerClassName = classnames(outerClassName, \"determinate\");\n    fillStyle.strokeDashoffset = dashOffset;\n    content = children;\n  }\n\n  setDefaultDimensions(outerStyle, size);\n\n  return (\n    <div className={outerClassName} style={outerStyle}>\n      <svg className=\"spinner\" viewBox=\"0 0 40 40\">\n        <circle className=\"shape\" cx=\"20\" cy=\"20\" r=\"15.91549\" />\n        <circle\n          className=\"fill\"\n          cx=\"20\"\n          cy=\"20\"\n          r=\"15.91549\"\n          style={fillStyle}\n        />\n      </svg>\n      {content && <span className=\"uicore-progress-spinner-content\">{content}</span>}\n    </div>\n  );\n}\n\nconst setDefaultDimensions = (style: React.CSSProperties, inSize?: SpinnerSize) => {  // eslint-disable-line deprecation/deprecation\n  let size = 40;\n\n  if (inSize !== undefined) {\n    switch (inSize) {\n      case SpinnerSize.Small:   // eslint-disable-line deprecation/deprecation\n        size = 16;\n        break;\n      case SpinnerSize.Medium:  // eslint-disable-line deprecation/deprecation\n        size = 32;\n        break;\n      case SpinnerSize.Large:   // eslint-disable-line deprecation/deprecation\n        size = 64;\n        break;\n      case SpinnerSize.XLarge:  // eslint-disable-line deprecation/deprecation\n        size = 96;\n        break;\n    }\n  }\n  style.width = style.width ? style.width : size;\n  style.height = style.height ? style.height : size;\n};\n"]}