@itwin/core-react 3.4.0-dev.48 → 3.4.0-dev.50

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

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Loading
- */
-/// <reference types="react" />
-import { CommonProps } from "../utils/Props";
-/** Properties for [[ProgressBar]] component
- * @beta
- * @deprecated Use ProgressLinearProps in itwinui-react instead.
- */
-export interface ProgressBarProps extends CommonProps {
-    /** Height (in pixels) of the progress bar. (defaults to 4px) */
-    barHeight?: number;
-    /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */
-    indeterminate?: boolean;
-    /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */
-    labelLeft?: string;
-    /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */
-    labelRight?: string;
-    /** Percent for determinate progress bar. */
-    percent?: number;
-}
-/**
- * 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.
- */
-export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
+/** @packageDocumentation
+ * @module Loading
+ */
+/// <reference types="react" />
+import { CommonProps } from "../utils/Props";
+/** Properties for [[ProgressBar]] component
+ * @beta
+ * @deprecated Use ProgressLinearProps in itwinui-react instead.
+ */
+export interface ProgressBarProps extends CommonProps {
+    /** Height (in pixels) of the progress bar. (defaults to 4px) */
+    barHeight?: number;
+    /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */
+    indeterminate?: boolean;
+    /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */
+    labelLeft?: string;
+    /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */
+    labelRight?: string;
+    /** Percent for determinate progress bar. */
+    percent?: number;
+}
+/**
+ * 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.
+ */
+export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -1,44 +1,44 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import classnames from "classnames";
-import * as React from "react";
-import { percentInRange } from "../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.
- */
-export function ProgressBar(props) {
-    const percent = props.percent !== undefined ? 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: classnames("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;
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { percentInRange } from "../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.
+ */
+export function ProgressBar(props) {
+    const percent = props.percent !== undefined ? 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: classnames("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;
+}
 //# sourceMappingURL=ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,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,UAAU,CAAC,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","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"]}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,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,UAAU,CAAC,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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { percentInRange } from \"../loading/LoadingBar\";\r\n\r\n/** Properties for [[ProgressBar]] component\r\n * @beta\r\n * @deprecated Use ProgressLinearProps in itwinui-react instead.\r\n */\r\nexport interface ProgressBarProps extends CommonProps {\r\n  /** Height (in pixels) of the progress bar. (defaults to 4px) */\r\n  barHeight?: number;\r\n  /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */\r\n  indeterminate?: boolean;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */\r\n  labelLeft?: string;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */\r\n  labelRight?: string;\r\n  /** Percent for determinate progress bar. */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * ProgressBar React component shows a horizontal progress bar.\r\n * The determinate bar reflects a percentage and the indeterminate bar continuously animates.\r\n * @beta\r\n * @deprecated Use ProgressLinear in itwinui-react instead.\r\n */\r\nexport function ProgressBar(props: ProgressBarProps) {    // eslint-disable-line deprecation/deprecation\r\n  const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;\r\n  const outerStyle: React.CSSProperties = {\r\n    ...props.style,\r\n    height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,\r\n  };\r\n  const innerStyle: React.CSSProperties = {\r\n    width: !props.indeterminate ? `${percent}%` : undefined,\r\n  };\r\n  const innerClass = !props.indeterminate ? \"uicore-progress-bar-determinate\" : \"uicore-progress-bar-indeterminate\";\r\n  const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;\r\n  const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;\r\n  const bar = (\r\n    <div className={classnames(\"uicore-progress-bar\", props.className)} style={outerStyle}>\r\n      <div className={innerClass} style={innerStyle} />\r\n    </div>\r\n  );\r\n  const content = !hasLabel ?\r\n    bar :\r\n    (\r\n      <div className=\"uicore-progress-bar-labeled\">\r\n        {bar}\r\n        <div className=\"uicore-label\">\r\n          {multipleLabels && <><span>{props.labelLeft}</span><span>{props.labelRight}</span></>}\r\n          {!multipleLabels && <>{props.labelLeft}{props.labelRight}</>}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n  return content;\r\n}\r\n"]}

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

@@ -1,49 +1,49 @@
-/** @packageDocumentation
- * @module Loading
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { SpinnerSize } from "../loading/Spinner";
-/**
- * Properties for [[ProgressSpinner]] component
- * @beta
- * @deprecated Use ProgressRadialProps in itwinui-react instead.
- */
-export interface ProgressSpinnerProps extends CommonProps {
-    /**
-     * Spinner percentage. Should be a number between 0 and 100.
-     * @default 0
-     */
-    value?: number;
-    /**
-     * Spinner variant. If true, value will be ignored.
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * If true, spinner will be full, green, and display a checkmark.
-     * @default false
-     */
-    success?: boolean;
-    /**
-     * If true, spinner will be full, red, and display an X.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Size of spinner
-     * @default width/height of 40px
-     */
-    size?: SpinnerSize;
-    /**
-     * Child components
-     */
-    children?: React.ReactNode;
-}
-/**
- * Circular Progress Indicator that supports determinate and indeterminate modes.
- * @beta
- * @deprecated Use ProgressRadial in itwinui-react instead.
- */
-export declare function ProgressSpinner(props: ProgressSpinnerProps): JSX.Element;
+/** @packageDocumentation
+ * @module Loading
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { SpinnerSize } from "../loading/Spinner";
+/**
+ * Properties for [[ProgressSpinner]] component
+ * @beta
+ * @deprecated Use ProgressRadialProps in itwinui-react instead.
+ */
+export interface ProgressSpinnerProps extends CommonProps {
+    /**
+     * Spinner percentage. Should be a number between 0 and 100.
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Spinner variant. If true, value will be ignored.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * If true, spinner will be full, green, and display a checkmark.
+     * @default false
+     */
+    success?: boolean;
+    /**
+     * If true, spinner will be full, red, and display an X.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Size of spinner
+     * @default width/height of 40px
+     */
+    size?: SpinnerSize;
+    /**
+     * Child components
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Circular Progress Indicator that supports determinate and indeterminate modes.
+ * @beta
+ * @deprecated Use ProgressRadial in itwinui-react instead.
+ */
+export declare function ProgressSpinner(props: ProgressSpinnerProps): JSX.Element;
 //# sourceMappingURL=ProgressSpinner.d.ts.map

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

@@ -1,70 +1,70 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-import { SpinnerSize } from "../loading/Spinner";
-/**
- * Circular Progress Indicator that supports determinate and indeterminate modes.
- * @beta
- * @deprecated Use ProgressRadial in itwinui-react instead.
- */
-export function ProgressSpinner(props) {
-    const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
-    let outerClassName = classnames("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 = classnames(outerClassName, "error");
-        content = React.createElement(Icon, { iconSpec: "icon-close-2" });
-    }
-    else if (success) {
-        outerClassName = classnames(outerClassName, "success");
-        content = (React.createElement(Icon, { iconSpec: "icon-checkmark" }));
-    }
-    else if (indeterminate) {
-        outerClassName = classnames(outerClassName, "indeterminate");
-        content = children;
-    }
-    else {
-        outerClassName = classnames(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)));
-}
-const setDefaultDimensions = (style, inSize) => {
-    let size = 40;
-    if (inSize !== undefined) {
-        switch (inSize) {
-            case SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
-                size = 16;
-                break;
-            case SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
-                size = 32;
-                break;
-            case SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
-                size = 64;
-                break;
-            case SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
-                size = 96;
-                break;
-        }
-    }
-    style.width = style.width ? style.width : size;
-    style.height = style.height ? style.height : size;
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent";
+import { SpinnerSize } from "../loading/Spinner";
+/**
+ * Circular Progress Indicator that supports determinate and indeterminate modes.
+ * @beta
+ * @deprecated Use ProgressRadial in itwinui-react instead.
+ */
+export function ProgressSpinner(props) {
+    const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
+    let outerClassName = classnames("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 = classnames(outerClassName, "error");
+        content = React.createElement(Icon, { iconSpec: "icon-close-2" });
+    }
+    else if (success) {
+        outerClassName = classnames(outerClassName, "success");
+        content = (React.createElement(Icon, { iconSpec: "icon-checkmark" }));
+    }
+    else if (indeterminate) {
+        outerClassName = classnames(outerClassName, "indeterminate");
+        content = children;
+    }
+    else {
+        outerClassName = classnames(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)));
+}
+const setDefaultDimensions = (style, inSize) => {
+    let size = 40;
+    if (inSize !== undefined) {
+        switch (inSize) {
+            case SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
+                size = 16;
+                break;
+            case SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
+                size = 32;
+                break;
+            case SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
+                size = 64;
+                break;
+            case 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/esm/core-react/progress-indicators/ProgressSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.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 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"]}
+{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SpinnerSize } from \"../loading/Spinner\";\r\n\r\n/**\r\n * Properties for [[ProgressSpinner]] component\r\n * @beta\r\n * @deprecated Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface ProgressSpinnerProps extends CommonProps {\r\n  /**\r\n   * Spinner percentage. Should be a number between 0 and 100.\r\n   * @default 0\r\n   */\r\n  value?: number;\r\n  /**\r\n   * Spinner variant. If true, value will be ignored.\r\n   * @default false\r\n   */\r\n  indeterminate?: boolean;\r\n  /**\r\n   * If true, spinner will be full, green, and display a checkmark.\r\n   * @default false\r\n   */\r\n  success?: boolean;\r\n  /**\r\n   * If true, spinner will be full, red, and display an X.\r\n   * @default false\r\n   */\r\n  error?: boolean;\r\n  /**\r\n   * Size of spinner\r\n   * @default width/height of 40px\r\n   */\r\n  size?: SpinnerSize; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Child components\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Circular Progress Indicator that supports determinate and indeterminate modes.\r\n * @beta\r\n * @deprecated Use ProgressRadial in itwinui-react instead.\r\n */\r\nexport function ProgressSpinner(props: ProgressSpinnerProps) {    // eslint-disable-line deprecation/deprecation\r\n  const {\r\n    value = 0,\r\n    indeterminate = false,\r\n    success = false,\r\n    error = false,\r\n    style = {},\r\n    size,\r\n    children,\r\n  } = props;\r\n\r\n  let outerClassName = classnames(\"uicore-progress-spinner\");\r\n  const outerStyle = { ...style };\r\n  const fillStyle: React.CSSProperties = {};\r\n  // Ensure value is bounded 0 - 100;\r\n  const dashOffset = 100 - Math.min(Math.max(value, 0), 100);\r\n  let content: React.ReactNode;\r\n\r\n  if (error) {\r\n    outerClassName = classnames(outerClassName, \"error\");\r\n    content = <Icon iconSpec=\"icon-close-2\" />;\r\n  } else if (success) {\r\n    outerClassName = classnames(outerClassName, \"success\");\r\n    content = (\r\n      <Icon iconSpec=\"icon-checkmark\" />\r\n    );\r\n  } else if (indeterminate) {\r\n    outerClassName = classnames(outerClassName, \"indeterminate\");\r\n    content = children;\r\n  } else {\r\n    outerClassName = classnames(outerClassName, \"determinate\");\r\n    fillStyle.strokeDashoffset = dashOffset;\r\n    content = children;\r\n  }\r\n\r\n  setDefaultDimensions(outerStyle, size);\r\n\r\n  return (\r\n    <div className={outerClassName} style={outerStyle}>\r\n      <svg className=\"spinner\" viewBox=\"0 0 40 40\">\r\n        <circle className=\"shape\" cx=\"20\" cy=\"20\" r=\"15.91549\" />\r\n        <circle\r\n          className=\"fill\"\r\n          cx=\"20\"\r\n          cy=\"20\"\r\n          r=\"15.91549\"\r\n          style={fillStyle}\r\n        />\r\n      </svg>\r\n      {content && <span className=\"uicore-progress-spinner-content\">{content}</span>}\r\n    </div>\r\n  );\r\n}\r\n\r\nconst setDefaultDimensions = (style: React.CSSProperties, inSize?: SpinnerSize) => {  // eslint-disable-line deprecation/deprecation\r\n  let size = 40;\r\n\r\n  if (inSize !== undefined) {\r\n    switch (inSize) {\r\n      case SpinnerSize.Small:   // eslint-disable-line deprecation/deprecation\r\n        size = 16;\r\n        break;\r\n      case SpinnerSize.Medium:  // eslint-disable-line deprecation/deprecation\r\n        size = 32;\r\n        break;\r\n      case SpinnerSize.Large:   // eslint-disable-line deprecation/deprecation\r\n        size = 64;\r\n        break;\r\n      case SpinnerSize.XLarge:  // eslint-disable-line deprecation/deprecation\r\n        size = 96;\r\n        break;\r\n    }\r\n  }\r\n  style.width = style.width ? style.width : size;\r\n  style.height = style.height ? style.height : size;\r\n};\r\n"]}

package/lib/esm/core-react/progress-indicators/classes.scss

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import './index';
-
-.uicore-progress-bar {
-  @include uicore-progress-bar;
-}
-
-.uicore-progress-bar-determinate {
-  @include uicore-progress-bar-determinate;
-}
-
-.uicore-progress-bar-indeterminate {
-  @include uicore-progress-bar-indeterminate;
-}
-
-.uicore-progress-bar-labeled {
-  @include uicore-progress-bar-labeled;
-}
-
-.uicore-progress-spinner {
-  @include uicore-progress-spinner;
-
-  &.determinate {
-    @include uicore-progress-spinner-determinate;
-  }
-
-  &.indeterminate {
-    @include uicore-progress-spinner-indeterminate;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import './index';
+
+.uicore-progress-bar {
+  @include uicore-progress-bar;
+}
+
+.uicore-progress-bar-determinate {
+  @include uicore-progress-bar-determinate;
+}
+
+.uicore-progress-bar-indeterminate {
+  @include uicore-progress-bar-indeterminate;
+}
+
+.uicore-progress-bar-labeled {
+  @include uicore-progress-bar-labeled;
+}
+
+.uicore-progress-spinner {
+  @include uicore-progress-spinner;
+
+  &.determinate {
+    @include uicore-progress-spinner-determinate;
+  }
+
+  &.indeterminate {
+    @include uicore-progress-spinner-indeterminate;
+  }
+}

package/lib/esm/core-react/progress-indicators/index.scss

@@ -1,6 +1,6 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import './progress-bar';
-@import './progress-spinner';
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import './progress-bar';
+@import './progress-spinner';