@balena/ui-shared-components 5.3.0 → 5.4.0-build-circularprogresswithlabel-50aae600415e3d33d4a154ccdf4354d5e48ec815-1

package/dist/components/CircularProgressWithLabel/index.d.ts

@@ -0,0 +1,5 @@
+import { CircularProgressProps } from '@mui/material/CircularProgress';
+export interface CircularProgressWithLabelProps extends CircularProgressProps {
+    value: number;
+}
+export declare const CircularProgressWithLabel: (props: CircularProgressWithLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CircularProgressWithLabel/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CircularProgress from '@mui/material/CircularProgress';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+// From: https://mui.com/material-ui/react-progress/#circular-with-label
+export const CircularProgressWithLabel = (props) => {
+    return (_jsxs(Box, Object.assign({ sx: { position: 'relative', display: 'inline-flex' } }, { children: [_jsx(CircularProgress, Object.assign({ variant: "determinate" }, props)), _jsx(Box, Object.assign({ sx: {
+                    top: 0,
+                    left: 0,
+                    bottom: 0,
+                    right: 0,
+                    position: 'absolute',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                } }, { children: _jsx(Typography, Object.assign({ variant: "caption", component: "div", color: "text.secondary" }, { children: `${Math.round(props.value)}%` })) }))] })));
+};

package/dist/index.d.ts

@@ -36,6 +36,8 @@ export { RouterLinkWithTracking } from './components/RouterLinkWithTracking';
 export { SnackbarProviderBase as SnackbarProvider } from './components/SnackbarProvider';
 export type { SpinnerProps } from './components/Spinner';
 export { Spinner } from './components/Spinner';
+export type { CircularProgressWithLabelProps } from './components/CircularProgressWithLabel';
+export { CircularProgressWithLabel } from './components/CircularProgressWithLabel';
 export { SurroundingOverlay } from './components/SurroundingOverlay';
 export type { SurroundingOverlayProps } from './components/SurroundingOverlay';
 export type { TooltipProps } from './components/Tooltip';

package/dist/index.js

@@ -16,6 +16,7 @@ export { OrderedListItem } from './components/OrderedListItem';
 export { RouterLinkWithTracking } from './components/RouterLinkWithTracking';
 export { SnackbarProviderBase as SnackbarProvider } from './components/SnackbarProvider';
 export { Spinner } from './components/Spinner';
+export { CircularProgressWithLabel } from './components/CircularProgressWithLabel';
 export { SurroundingOverlay } from './components/SurroundingOverlay';
 export { Tooltip } from './components/Tooltip';
 export { Tabs } from './components/Tabs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "5.3.0",
+  "version": "5.4.0-build-circularprogresswithlabel-50aae600415e3d33d4a154ccdf4354d5e48ec815-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -110,6 +110,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2024-04-16T15:22:54.356Z"
+    "publishedAt": "2024-04-16T17:25:10.373Z"
   }
 }