@luscii-healthtech/web-ui 2.47.6 → 2.47.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/LoadingIndicator/LoadingIndicator.d.ts +2 -1
- package/dist/web-ui.cjs.development.js +5 -2
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +5 -2
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ export interface LoadingIndicatorProps extends RestPropped {
|
|
|
5
5
|
asSpinner?: boolean;
|
|
6
6
|
className?: string;
|
|
7
7
|
spinnerColor?: "blue" | "gray";
|
|
8
|
+
dataTestId?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare function LoadingIndicator({ asModal, asSpinner, className, spinnerColor, ...restProps }: LoadingIndicatorProps): JSX.Element;
|
|
10
|
+
export declare function LoadingIndicator({ asModal, asSpinner, className, spinnerColor, dataTestId, ...restProps }: LoadingIndicatorProps): JSX.Element;
|
|
10
11
|
export default LoadingIndicator;
|
|
@@ -1683,7 +1683,7 @@ var img$5 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3
|
|
|
1683
1683
|
var css_248z$6 = ".cweb-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-loading .cweb-loading-text {\n margin-bottom: 24px;\n}\n\n.cweb-loading.as-modal {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 9999;\n background-color: rgba(255, 255, 255, 0.6);\n}\n\n.cweb-loading.as-modal .cweb-loading-panel {\n position: relative;\n width: 320px;\n min-height: 120px;\n border-radius: 4px;\n padding: 16px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.36);\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n.cweb-loading.as-modal .cweb-loading-panel:before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n height: 3px;\n background-color: #6abfa5;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}";
|
|
1684
1684
|
styleInject(css_248z$6);
|
|
1685
1685
|
|
|
1686
|
-
var _excluded$5 = ["asModal", "asSpinner", "className", "spinnerColor"];
|
|
1686
|
+
var _excluded$5 = ["asModal", "asSpinner", "className", "spinnerColor", "dataTestId"];
|
|
1687
1687
|
function LoadingIndicator(_ref) {
|
|
1688
1688
|
var _ref$asModal = _ref.asModal,
|
|
1689
1689
|
asModal = _ref$asModal === void 0 ? false : _ref$asModal,
|
|
@@ -1693,6 +1693,8 @@ function LoadingIndicator(_ref) {
|
|
|
1693
1693
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
1694
1694
|
_ref$spinnerColor = _ref.spinnerColor,
|
|
1695
1695
|
spinnerColor = _ref$spinnerColor === void 0 ? "blue" : _ref$spinnerColor,
|
|
1696
|
+
_ref$dataTestId = _ref.dataTestId,
|
|
1697
|
+
dataTestId = _ref$dataTestId === void 0 ? "loading-indicator" : _ref$dataTestId,
|
|
1696
1698
|
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
1697
1699
|
|
|
1698
1700
|
var spinnerToRender = spinnerColor === "blue" ? img$4 : img$5;
|
|
@@ -1700,7 +1702,8 @@ function LoadingIndicator(_ref) {
|
|
|
1700
1702
|
"as-modal": asModal
|
|
1701
1703
|
});
|
|
1702
1704
|
return /*#__PURE__*/React__default.createElement("div", _extends({}, restProps, {
|
|
1703
|
-
className: containerClassName
|
|
1705
|
+
className: containerClassName,
|
|
1706
|
+
"data-test-id": dataTestId
|
|
1704
1707
|
}), /*#__PURE__*/React__default.createElement("img", {
|
|
1705
1708
|
src: asSpinner ? spinnerToRender : img$3,
|
|
1706
1709
|
"data-chromatic": "ignore",
|