@availity/mui-progress 1.0.3 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-progress@1.0.4...@availity/mui-progress@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `1.0.4`
+* `mui-typography` updated to version `1.0.4`
+* `mui-layout` updated to version `1.0.4`
+
+### ⚠ BREAKING CHANGES
+
+* @mui/material upgraded to v7
+* @mui/x-* upgraded to v8
+* react upgraded to v19
+
+### Features
+
+* upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
+
+## [1.0.4](https://github.com/Availity/element/compare/@availity/mui-progress@1.0.3...@availity/mui-progress@1.0.4) (2025-10-30)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `1.0.3`
+* `mui-typography` updated to version `1.0.3`
+* `mui-layout` updated to version `1.0.3`
 ## [1.0.3](https://github.com/Availity/element/compare/@availity/mui-progress@1.0.2...@availity/mui-progress@1.0.3) (2025-04-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -26,7 +26,7 @@ type StatusIconProps = {
     status: string;
     size: 'default' | 'small';
 };
-declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => JSX.Element;
+declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => React.JSX.Element;
 
 type LinearProgressProps = Omit<LinearProgressProps$1, 'color'> & {
     hidePercentage?: boolean;

package/dist/index.d.ts

@@ -26,7 +26,7 @@ type StatusIconProps = {
     status: string;
     size: 'default' | 'small';
 };
-declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => JSX.Element;
+declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => React.JSX.Element;
 
 type LinearProgressProps = Omit<LinearProgressProps$1, 'color'> & {
     hidePercentage?: boolean;

package/dist/index.js

@@ -134,32 +134,24 @@ var Box = (0, import_react2.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
-// ../layout/src/lib/Container.tsx
-var import_Container = __toESM(require("@mui/material/Container"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// ../layout/src/lib/Grid.tsx
-var import_Grid2 = __toESM(require("@mui/material/Grid2"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
 // ../layout/src/lib/Stack.tsx
 var import_Stack2 = __toESM(require("@mui/material/Stack"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var Stack2 = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Stack2.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Stack2.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/LinearProgress.tsx
 var import_mui_typography2 = require("@availity/mui-typography");
 var import_LinearProgress = __toESM(require("@mui/material/LinearProgress"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var LinearProgress = (_a) => {
   var _b = _a, { variant = "determinate", value = 0, sx, hidePercentage = false } = _b, props = __objRest(_b, ["variant", "value", "sx", "hidePercentage"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Stack2, { direction: "row", sx: { alignItems: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box, { sx: { width: "100%", mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_LinearProgress.default, __spreadProps(__spreadValues({ variant }, props), { value, color: "success", sx: __spreadValues({ width: "100%" }, sx) })) }),
-    value === 100 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_mui_icon2.SuccessCircleIcon, { color: "success", "data-icon": "complete" }),
-    !hidePercentage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_mui_typography2.Typography, { variant: "body2", sx: { color: "text.secondary", ml: 1 }, children: `${Math.round(value)}%` })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Stack2, { direction: "row", sx: { alignItems: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box, { sx: { width: "100%", mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_LinearProgress.default, __spreadProps(__spreadValues({ variant }, props), { value, color: "success", sx: __spreadValues({ width: "100%" }, sx) })) }),
+    value === 100 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_icon2.SuccessCircleIcon, { color: "success", "data-icon": "complete" }),
+    !hidePercentage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_typography2.Typography, { variant: "body2", sx: { color: "text.secondary", ml: 1 }, children: `${Math.round(value)}%` })
   ] });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -102,32 +102,24 @@ var Box = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx2(MuiBox, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
-// ../layout/src/lib/Container.tsx
-import MuiContainer from "@mui/material/Container";
-import { jsx as jsx3 } from "react/jsx-runtime";
-
-// ../layout/src/lib/Grid.tsx
-import MuiGrid2 from "@mui/material/Grid2";
-import { jsx as jsx4 } from "react/jsx-runtime";
-
 // ../layout/src/lib/Stack.tsx
 import MuiStack from "@mui/material/Stack";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var Stack2 = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx5(MuiStack, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ jsx3(MuiStack, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/LinearProgress.tsx
 import { Typography as Typography2 } from "@availity/mui-typography";
 import MuiLinearProgress from "@mui/material/LinearProgress";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var LinearProgress = (_a) => {
   var _b = _a, { variant = "determinate", value = 0, sx, hidePercentage = false } = _b, props = __objRest(_b, ["variant", "value", "sx", "hidePercentage"]);
   return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", sx: { alignItems: "center" }, children: [
-    /* @__PURE__ */ jsx6(Box, { sx: { width: "100%", mr: 0.5 }, children: /* @__PURE__ */ jsx6(MuiLinearProgress, __spreadProps(__spreadValues({ variant }, props), { value, color: "success", sx: __spreadValues({ width: "100%" }, sx) })) }),
-    value === 100 && /* @__PURE__ */ jsx6(SuccessCircleIcon2, { color: "success", "data-icon": "complete" }),
-    !hidePercentage && /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: "text.secondary", ml: 1 }, children: `${Math.round(value)}%` })
+    /* @__PURE__ */ jsx4(Box, { sx: { width: "100%", mr: 0.5 }, children: /* @__PURE__ */ jsx4(MuiLinearProgress, __spreadProps(__spreadValues({ variant }, props), { value, color: "success", sx: __spreadValues({ width: "100%" }, sx) })) }),
+    value === 100 && /* @__PURE__ */ jsx4(SuccessCircleIcon2, { color: "success", "data-icon": "complete" }),
+    !hidePercentage && /* @__PURE__ */ jsx4(Typography2, { variant: "body2", sx: { color: "text.secondary", ml: 1 }, children: `${Math.round(value)}%` })
   ] });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-progress",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "description": "Availity MUI Progress Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,21 +40,22 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@mui/material": "^7.3.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@availity/mui-icon": "^1.1.0",
-    "@availity/mui-typography": "^1.0.2"
-  }
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0"
+  },
+  "sideEffects": false
 }

package/src/lib/CircularProgress.tsx

@@ -60,7 +60,7 @@ export const CircularProgress = ({
   success = false,
   size = 'default',
   ...props
-}: CircularProgressProps): JSX.Element => {
+}: CircularProgressProps): React.JSX.Element => {
   const [status, setStatus] = useState('loading');
 
   useEffect(() => {