@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.4

package/lib/cjs/core-react/loading/LoadingSpinner.d.ts

@@ -1,33 +1,34 @@
-/** @packageDocumentation
- * @module Loading
- */
-import "./LoadingSpinner.scss";
-import * as React from "react";
-import { ProgressRadialProps } from "@itwin/itwinui-react";
-/** Type for ProgressRadialProps.size
- * @public
- */
-export declare type RadialSizeType = ProgressRadialProps["size"];
-/** Properties for [[LoadingSpinner]] component
- * @public
- */
-export interface LoadingSpinnerProps extends Omit<ProgressRadialProps, "size"> {
-    /** Message (text) displayed */
-    message?: string;
-    /** Position the message above or below the spinner (defaults to bottom) */
-    messageOnTop?: boolean;
-    /**
-       * Size of the progress indicator. Defaults to medium size.
-       * @default ''
-       */
-    size?: RadialSizeType;
-}
-/**
- * A loading spinner component that optionally shows a text message.
- * @public
- */
-export declare class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {
-    static defaultProps: Partial<LoadingSpinnerProps>;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Loading
+ */
+import "./LoadingSpinner.scss";
+import * as React from "react";
+import { ProgressRadialProps } from "@itwin/itwinui-react";
+import { SpinnerSize } from "./Spinner";
+/** Type for ProgressRadialProps.size
+ * @public
+ */
+export declare type RadialSizeType = ProgressRadialProps["size"];
+/** Properties for [[LoadingSpinner]] component
+ * @public
+ */
+export interface LoadingSpinnerProps extends Omit<ProgressRadialProps, "size"> {
+    /** Message (text) displayed */
+    message?: string;
+    /** Position the message above or below the spinner (defaults to bottom) */
+    messageOnTop?: boolean;
+    /**
+       * Size of the progress indicator. Defaults to medium size.
+       * @default ''
+       */
+    size?: RadialSizeType | SpinnerSize;
+}
+/**
+ * A loading spinner component that optionally shows a text message.
+ * @public
+ */
+export declare class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {
+    static defaultProps: Partial<LoadingSpinnerProps>;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=LoadingSpinner.d.ts.map

package/lib/cjs/core-react/loading/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3E;;GAEG;AACH,oBAAY,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAC5E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;SAGK;IACL,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAEtD;IAEc,MAAM;CAUvB"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;GAEG;AACH,oBAAY,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAC5E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;SAGK;IACL,IAAI,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;CACrC;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAEtD;IAEc,MAAM;CA0BvB"}

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

@@ -1,31 +1,46 @@
-"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.LoadingSpinner = void 0;
-require("./LoadingSpinner.scss");
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/**
- * A loading spinner component that optionally shows a text message.
- * @public
- */
-class LoadingSpinner extends React.PureComponent {
-    render() {
-        const { message, messageOnTop, size, ...rest } = this.props;
-        return (React.createElement("div", { className: "core-ls" },
-            (message && messageOnTop) && React.createElement("span", { className: "ls-message-top" }, message),
-            React.createElement(itwinui_react_1.ProgressRadial, { size: size, ...rest, indeterminate: true }),
-            (message && !messageOnTop) && React.createElement("span", { className: "ls-message-bottom" }, message)));
-    }
-}
-exports.LoadingSpinner = LoadingSpinner;
-LoadingSpinner.defaultProps = {
-    messageOnTop: false,
-};
+"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.LoadingSpinner = void 0;
+require("./LoadingSpinner.scss");
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const Spinner_1 = require("./Spinner");
+/**
+ * A loading spinner component that optionally shows a text message.
+ * @public
+ */
+class LoadingSpinner extends React.PureComponent {
+    render() {
+        const { message, messageOnTop, size, ...rest } = this.props;
+        const getRadialSize = (sizeProp) => {
+            if (sizeProp === undefined || typeof sizeProp === "string")
+                return sizeProp;
+            else {
+                switch (sizeProp) {
+                    case Spinner_1.SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
+                    case Spinner_1.SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
+                        return "large";
+                    case Spinner_1.SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
+                        return "x-small";
+                }
+            }
+            return undefined;
+        };
+        return (React.createElement("div", { className: "core-ls" },
+            (message && messageOnTop) && React.createElement("span", { className: "ls-message-top" }, message),
+            React.createElement(itwinui_react_1.ProgressRadial, { size: getRadialSize(size), ...rest, indeterminate: true }),
+            (message && !messageOnTop) && React.createElement("span", { className: "ls-message-bottom" }, message)));
+    }
+}
+exports.LoadingSpinner = LoadingSpinner;
+LoadingSpinner.defaultProps = {
+    messageOnTop: false,
+};
 //# sourceMappingURL=LoadingSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAC/B,wDAA2E;AAsB3E;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAK1D,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;YACrB,CAAC,OAAO,IAAI,YAAY,CAAC,IAAI,8BAAM,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAQ;YAC/E,oBAAC,8BAAc,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,aAAa,SAAG;YACrD,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ,CAC/E,CACP,CAAC;IACJ,CAAC;;AAdH,wCAeC;AAde,2BAAY,GAAiC;IACzD,YAAY,EAAE,KAAK;CACpB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Loading\n */\n\nimport \"./LoadingSpinner.scss\";\nimport * as React from \"react\";\nimport { ProgressRadial, ProgressRadialProps } from \"@itwin/itwinui-react\";\n\n/** Type for ProgressRadialProps.size\n * @public\n */\nexport type RadialSizeType = ProgressRadialProps[\"size\"];\n\n/** Properties for [[LoadingSpinner]] component\n * @public\n */\nexport interface LoadingSpinnerProps extends Omit<ProgressRadialProps, \"size\"> {\n  /** Message (text) displayed */\n  message?: string;\n  /** Position the message above or below the spinner (defaults to bottom) */\n  messageOnTop?: boolean;\n  /**\n     * Size of the progress indicator. Defaults to medium size.\n     * @default ''\n     */\n  size?: RadialSizeType;\n}\n\n/**\n * A loading spinner component that optionally shows a text message.\n * @public\n */\nexport class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {\n  public static defaultProps: Partial<LoadingSpinnerProps> = {\n    messageOnTop: false,\n  };\n\n  public override render() {\n    const { message, messageOnTop, size, ...rest } = this.props;\n    return (\n      <div className=\"core-ls\">\n        {(message && messageOnTop) && <span className=\"ls-message-top\">{message}</span>}\n        <ProgressRadial size={size} {...rest} indeterminate />\n        {(message && !messageOnTop) && <span className=\"ls-message-bottom\">{message}</span>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAC/B,wDAA2E;AAC3E,uCAAwC;AAsBxC;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAK1D,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5D,MAAM,aAAa,GAAG,CAAC,QAAkB,EAAE,EAAE;YAC3C,IAAI,QAAQ,KAAK,SAAS,IAAI,OAAO,QAAQ,KAAK,QAAQ;gBACxD,OAAO,QAAQ,CAAC;iBACb;gBACH,QAAQ,QAAQ,EAAE;oBAChB,KAAK,qBAAW,CAAC,KAAK,CAAC,CAAG,8CAA8C;oBACxE,KAAK,qBAAW,CAAC,MAAM,EAAG,8CAA8C;wBACtE,OAAO,OAAO,CAAC;oBACjB,KAAK,qBAAW,CAAC,KAAK,EAAI,8CAA8C;wBACtE,OAAO,SAAS,CAAC;iBACpB;aACF;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;YACrB,CAAC,OAAO,IAAI,YAAY,CAAC,IAAI,8BAAM,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAQ;YAC/E,oBAAC,8BAAc,IAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,KAAM,IAAI,EAAE,aAAa,SAAG;YACpE,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ,CAC/E,CACP,CAAC;IACJ,CAAC;;AA9BH,wCA+BC;AA9Be,2BAAY,GAAiC;IACzD,YAAY,EAAE,KAAK;CACpB,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 \"./LoadingSpinner.scss\";\r\nimport * as React from \"react\";\r\nimport { ProgressRadial, ProgressRadialProps } from \"@itwin/itwinui-react\";\r\nimport { SpinnerSize } from \"./Spinner\";\r\n\r\n/** Type for ProgressRadialProps.size\r\n * @public\r\n */\r\nexport type RadialSizeType = ProgressRadialProps[\"size\"];\r\n\r\n/** Properties for [[LoadingSpinner]] component\r\n * @public\r\n */\r\nexport interface LoadingSpinnerProps extends Omit<ProgressRadialProps, \"size\"> {\r\n  /** Message (text) displayed */\r\n  message?: string;\r\n  /** Position the message above or below the spinner (defaults to bottom) */\r\n  messageOnTop?: boolean;\r\n  /**\r\n     * Size of the progress indicator. Defaults to medium size.\r\n     * @default ''\r\n     */\r\n  size?: RadialSizeType | SpinnerSize; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/**\r\n * A loading spinner component that optionally shows a text message.\r\n * @public\r\n */\r\nexport class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {\r\n  public static defaultProps: Partial<LoadingSpinnerProps> = {\r\n    messageOnTop: false,\r\n  };\r\n\r\n  public override render() {\r\n    const { message, messageOnTop, size, ...rest } = this.props;\r\n    type SizeType = LoadingSpinnerProps[\"size\"];\r\n    const getRadialSize = (sizeProp: SizeType) => {\r\n      if (sizeProp === undefined || typeof sizeProp === \"string\")\r\n        return sizeProp;\r\n      else {\r\n        switch (sizeProp) {\r\n          case SpinnerSize.Large:   // eslint-disable-line deprecation/deprecation\r\n          case SpinnerSize.XLarge:  // eslint-disable-line deprecation/deprecation\r\n            return \"large\";\r\n          case SpinnerSize.Small:   // eslint-disable-line deprecation/deprecation\r\n            return \"x-small\";\r\n        }\r\n      }\r\n      return undefined;\r\n    };\r\n\r\n    return (\r\n      <div className=\"core-ls\">\r\n        {(message && messageOnTop) && <span className=\"ls-message-top\">{message}</span>}\r\n        <ProgressRadial size={getRadialSize(size)} {...rest} indeterminate />\r\n        {(message && !messageOnTop) && <span className=\"ls-message-bottom\">{message}</span>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/loading/LoadingSpinner.scss

@@ -1,26 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-.core-ls {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-
-  .ls-message {
-    color: $buic-foreground-body;
-  }
-
-  .ls-message-top {
-    @extend .ls-message;
-    margin-bottom: var(--iui-size-s);
-  }
-
-  .ls-message-bottom {
-    @extend .ls-message;
-    margin-top: var(--iui-size-s);
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors";
+@import "~@itwin/itwinui-css/scss/style/space";
+
+ .core-ls{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+  .ls-message {
+    color: $buic-foreground-body;
+  }
+
+  .ls-message-top {
+    @extend .ls-message;
+    margin-bottom: $iui-sm;
+  }
+
+  .ls-message-bottom {
+    @extend .ls-message;
+    margin-top: $iui-sm;
+  }
+}

package/lib/cjs/core-react/loading/LoadingStatus.d.ts

@@ -1,25 +1,25 @@
-/** @packageDocumentation
- * @module Loading
- */
-import "./LoadingStatus.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[LoadingStatus]] component
- * @public
- */
-export interface LoadingStatusProps extends CommonProps {
-    /** Message (text) displayed */
-    message: string;
-    /** Percent displayed (as text) */
-    percent: number;
-}
-/**
- * A loading indicator that shows status text along with the percentage.
- * @public
- */
-export declare class LoadingStatus extends React.PureComponent<LoadingStatusProps> {
-    static defaultProps: Partial<LoadingStatusProps>;
-    private inRange;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Loading
+ */
+import "./LoadingStatus.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for [[LoadingStatus]] component
+ * @public
+ */
+export interface LoadingStatusProps extends CommonProps {
+    /** Message (text) displayed */
+    message: string;
+    /** Percent displayed (as text) */
+    percent: number;
+}
+/**
+ * A loading indicator that shows status text along with the percentage.
+ * @public
+ */
+export declare class LoadingStatus extends React.PureComponent<LoadingStatusProps> {
+    static defaultProps: Partial<LoadingStatusProps>;
+    private inRange;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=LoadingStatus.d.ts.map

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

@@ -1,38 +1,38 @@
-"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.LoadingStatus = void 0;
-require("./LoadingStatus.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/**
- * A loading indicator that shows status text along with the percentage.
- * @public
- */
-class LoadingStatus extends React.PureComponent {
-    // sanity check to keep percentage between 0 & 100
-    inRange(percent) {
-        let value = Math.min(percent, 100);
-        value = Math.max(value, 0);
-        return value;
-    }
-    render() {
-        const percent = `${this.inRange(this.props.percent)}%`;
-        const containerClass = (0, classnames_1.default)(this.props.className, "loading-status-container");
-        return (React.createElement("div", { className: containerClass, style: this.props.style },
-            React.createElement("span", { className: "loading-status-message" }, this.props.message),
-            React.createElement("span", { className: "loading-status-percent" }, percent)));
-    }
-}
-exports.LoadingStatus = LoadingStatus;
-LoadingStatus.defaultProps = {
-    message: "",
-    percent: 0,
-};
+"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.LoadingStatus = void 0;
+require("./LoadingStatus.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/**
+ * A loading indicator that shows status text along with the percentage.
+ * @public
+ */
+class LoadingStatus extends React.PureComponent {
+    // sanity check to keep percentage between 0 & 100
+    inRange(percent) {
+        let value = Math.min(percent, 100);
+        value = Math.max(value, 0);
+        return value;
+    }
+    render() {
+        const percent = `${this.inRange(this.props.percent)}%`;
+        const containerClass = (0, classnames_1.default)(this.props.className, "loading-status-container");
+        return (React.createElement("div", { className: containerClass, style: this.props.style },
+            React.createElement("span", { className: "loading-status-message" }, this.props.message),
+            React.createElement("span", { className: "loading-status-percent" }, percent)));
+    }
+}
+exports.LoadingStatus = LoadingStatus;
+LoadingStatus.defaultProps = {
+    message: "",
+    percent: 0,
+};
 //# sourceMappingURL=LoadingStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAa/B;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAMxE,kDAAkD;IAC1C,OAAO,CAAC,OAAe;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvD,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;QACpF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ;YACpE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACrD,CACP,CAAC;IACJ,CAAC;;AAtBH,sCAuBC;AAtBe,0BAAY,GAAgC;IACxD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC;CACX,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Loading\n */\n\nimport \"./LoadingStatus.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[LoadingStatus]] component\n * @public\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/**\n * A loading indicator that shows status text along with the percentage.\n * @public\n */\nexport class LoadingStatus extends React.PureComponent<LoadingStatusProps> {\n  public static defaultProps: Partial<LoadingStatusProps> = {\n    message: \"\",\n    percent: 0,\n  };\n\n  // sanity check to keep percentage between 0 & 100\n  private inRange(percent: number): number {\n    let value = Math.min(percent, 100);\n    value = Math.max(value, 0);\n    return value;\n  }\n\n  public override render() {\n    const percent = `${this.inRange(this.props.percent)}%`;\n    const containerClass = classnames(this.props.className, \"loading-status-container\");\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <span className=\"loading-status-message\">{this.props.message}</span>\n        <span className=\"loading-status-percent\">{percent}</span>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAa/B;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAMxE,kDAAkD;IAC1C,OAAO,CAAC,OAAe;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvD,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;QACpF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ;YACpE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACrD,CACP,CAAC;IACJ,CAAC;;AAtBH,sCAuBC;AAtBe,0BAAY,GAAgC;IACxD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC;CACX,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 \"./LoadingStatus.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[LoadingStatus]] component\r\n * @public\r\n */\r\nexport interface LoadingStatusProps extends CommonProps {\r\n  /** Message (text) displayed */\r\n  message: string;\r\n  /** Percent displayed (as text) */\r\n  percent: number;\r\n}\r\n\r\n/**\r\n * A loading indicator that shows status text along with the percentage.\r\n * @public\r\n */\r\nexport class LoadingStatus extends React.PureComponent<LoadingStatusProps> {\r\n  public static defaultProps: Partial<LoadingStatusProps> = {\r\n    message: \"\",\r\n    percent: 0,\r\n  };\r\n\r\n  // sanity check to keep percentage between 0 & 100\r\n  private inRange(percent: number): number {\r\n    let value = Math.min(percent, 100);\r\n    value = Math.max(value, 0);\r\n    return value;\r\n  }\r\n\r\n  public override render() {\r\n    const percent = `${this.inRange(this.props.percent)}%`;\r\n    const containerClass = classnames(this.props.className, \"loading-status-container\");\r\n    return (\r\n      <div className={containerClass} style={this.props.style}>\r\n        <span className=\"loading-status-message\">{this.props.message}</span>\r\n        <span className=\"loading-status-percent\">{percent}</span>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/loading/LoadingStatus.scss

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.loading-status-container {
-  display: flex;
-  align-items: center;
-  opacity: 0.90;
-  font-size: 12px;
-}
-
-.loading-status-message {
-  flex: 1;
-}
-
-.loading-status-percent {
-  flex: initial;
-  margin-right: auto;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.loading-status-container {
+  display: flex;
+  align-items: center;
+  opacity: 0.90;
+  font-size: 12px;
+}
+
+.loading-status-message {
+  flex: 1;
+}
+
+.loading-status-percent {
+  flex: initial;
+  margin-right: auto;
+}

package/lib/cjs/core-react/loading/Spinner.d.ts

@@ -0,0 +1,38 @@
+/** @packageDocumentation
+ * @module Loading
+ */
+import "./Spinner.scss";
+import * as React from "react";
+/** Size for [[Spinner]] component
+ * @public
+ * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
+ */
+export declare enum SpinnerSize {
+    /** width/height of 16px */
+    Small = 0,
+    /** width/height of 32px */
+    Medium = 1,
+    /** width/height of 64px */
+    Large = 2,
+    /** width/height of 96px */
+    XLarge = 3
+}
+/** Properties for [[Spinner]] component
+ * @public
+ * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.
+ */
+export interface SpinnerProps {
+    /** Size of spinner */
+    size?: SpinnerSize;
+    /** CSS class for size of spinner */
+    sizeClass?: string;
+}
+/**
+ * An indeterminate spinner component.
+ * @public
+ * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
+ */
+export declare class Spinner extends React.PureComponent<SpinnerProps> {
+    render(): JSX.Element;
+}
+//# sourceMappingURL=Spinner.d.ts.map

package/lib/cjs/core-react/loading/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,oBAAY,WAAW;IACrB,2BAA2B;IAC3B,KAAK,IAAA;IACL,2BAA2B;IAC3B,MAAM,IAAA;IACN,2BAA2B;IAC3B,KAAK,IAAA;IACL,2BAA2B;IAC3B,MAAM,IAAA;CACP;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAE5C,MAAM;CA2BvB"}

package/lib/cjs/core-react/loading/Spinner.js

@@ -0,0 +1,61 @@
+"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.Spinner = exports.SpinnerSize = void 0;
+require("./Spinner.scss");
+const React = require("react");
+/* eslint-disable deprecation/deprecation */
+// cspell:ignore xlarge
+/** Size for [[Spinner]] component
+ * @public
+ * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
+ */
+var SpinnerSize;
+(function (SpinnerSize) {
+    /** width/height of 16px */
+    SpinnerSize[SpinnerSize["Small"] = 0] = "Small";
+    /** width/height of 32px */
+    SpinnerSize[SpinnerSize["Medium"] = 1] = "Medium";
+    /** width/height of 64px */
+    SpinnerSize[SpinnerSize["Large"] = 2] = "Large";
+    /** width/height of 96px */
+    SpinnerSize[SpinnerSize["XLarge"] = 3] = "XLarge";
+})(SpinnerSize = exports.SpinnerSize || (exports.SpinnerSize = {}));
+/**
+ * An indeterminate spinner component.
+ * @public
+ * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
+ */
+class Spinner extends React.PureComponent {
+    render() {
+        let sizeClass;
+        if (this.props.sizeClass)
+            sizeClass = this.props.sizeClass;
+        else {
+            switch (this.props.size) {
+                case SpinnerSize.Small:
+                    sizeClass = "core-spinner-small";
+                    break;
+                case SpinnerSize.Large:
+                    sizeClass = "core-spinner-large";
+                    break;
+                case SpinnerSize.XLarge:
+                    sizeClass = "core-spinner-xlarge";
+                    break;
+                case SpinnerSize.Medium:
+                default:
+                    sizeClass = "core-spinner-medium";
+                    break;
+            }
+        }
+        return (React.createElement("div", { className: sizeClass }));
+    }
+}
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/lib/cjs/core-react/loading/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0BAAwB;AACxB,+BAA+B;AAE/B,4CAA4C;AAC5C,uBAAuB;AAEvB;;;GAGG;AACH,IAAY,WASX;AATD,WAAY,WAAW;IACrB,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;IACN,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;AACR,CAAC,EATW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAStB;AAaD;;;;GAIG;AACH,MAAa,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAE5C,MAAM;QACpB,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACtB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAC9B;YACH,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM;oBACrB,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM,CAAC;gBACxB;oBACE,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;aACT;SACF;QAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,GAAI,CAC9B,CAAC;IACJ,CAAC;CACF;AA7BD,0BA6BC","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 \"./Spinner.scss\";\r\nimport * as React from \"react\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n// cspell:ignore xlarge\r\n\r\n/** Size for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport enum SpinnerSize {\r\n  /** width/height of 16px */\r\n  Small,\r\n  /** width/height of 32px */\r\n  Medium,\r\n  /** width/height of 64px */\r\n  Large,\r\n  /** width/height of 96px */\r\n  XLarge,\r\n}\r\n\r\n/** Properties for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface SpinnerProps {\r\n  /** Size of spinner */\r\n  size?: SpinnerSize;\r\n  /** CSS class for size of spinner */\r\n  sizeClass?: string;\r\n}\r\n\r\n/**\r\n * An indeterminate spinner component.\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.\r\n */\r\nexport class Spinner extends React.PureComponent<SpinnerProps> {\r\n\r\n  public override render() {\r\n    let sizeClass: string;\r\n\r\n    if (this.props.sizeClass)\r\n      sizeClass = this.props.sizeClass;\r\n    else {\r\n      switch (this.props.size) {\r\n        case SpinnerSize.Small:\r\n          sizeClass = \"core-spinner-small\";\r\n          break;\r\n        case SpinnerSize.Large:\r\n          sizeClass = \"core-spinner-large\";\r\n          break;\r\n        case SpinnerSize.XLarge:\r\n          sizeClass = \"core-spinner-xlarge\";\r\n          break;\r\n        case SpinnerSize.Medium:\r\n        default:\r\n          sizeClass = \"core-spinner-medium\";\r\n          break;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className={sizeClass} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/loading/Spinner.scss

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./mixins";
+
+$spinner-size-xlarge: 96px;
+$spinner-size-large:  64px;
+$spinner-size-medium: 32px;
+$spinner-size-small:  16px;
+
+.core-spinner-xlarge {
+  @include uicore-spinner($spinner-size-xlarge);
+}
+
+.core-spinner-large {
+  @include uicore-spinner($spinner-size-large);
+}
+
+.core-spinner-medium {
+  @include uicore-spinner($spinner-size-medium);
+}
+
+.core-spinner-small {
+  @include uicore-spinner($spinner-size-small);
+}

package/lib/cjs/core-react/loading/index.scss

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