@availity/mui-progress 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.4.0](https://github.com/Availity/element/compare/@availity/mui-progress@0.3.1...@availity/mui-progress@0.4.0) (2024-10-31)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `0.3.1`
+* `mui-typography` updated to version `0.3.1`
+* `mui-layout` updated to version `0.3.1`
+
+### Features
+
+* add FileSelector ([7ad1f7b](https://github.com/Availity/element/commit/7ad1f7bb364bbeb2048d2ff4c9b0a2b1a1e33777))
+
+## [0.3.1](https://github.com/Availity/element/compare/@availity/mui-progress@0.3.0...@availity/mui-progress@0.3.1) (2024-09-09)
+
+
+### Bug Fixes
+
+* resolve accessibility issues in stories ([7e22419](https://github.com/Availity/element/commit/7e2241913f8ad10f467493b605fc0234e6eab5e2))
+
 ## [0.3.0](https://github.com/Availity/element/compare/@availity/mui-progress@0.2.2...@availity/mui-progress@0.3.0) (2024-09-03)
 
 

package/dist/index.d.mts

@@ -1,4 +1,6 @@
 import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material/CircularProgress';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LinearProgressProps as LinearProgressProps$1 } from '@mui/material/LinearProgress';
 
 interface CircularProgressProps extends Omit<CircularProgressProps$1, 'disableShrink' | 'thickness' | 'variant'> {
     /**@default 'primary' */
@@ -26,4 +28,7 @@ type StatusIconProps = {
 };
 declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => JSX.Element;
 
-export { CircularProgress, type CircularProgressProps, type StatusIconProps };
+type LinearProgressProps = Omit<LinearProgressProps$1, 'color'>;
+declare const LinearProgress: ({ variant, value, sx, ...props }: LinearProgressProps) => react_jsx_runtime.JSX.Element;
+
+export { CircularProgress, type CircularProgressProps, LinearProgress, type LinearProgressProps, type StatusIconProps };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material/CircularProgress';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LinearProgressProps as LinearProgressProps$1 } from '@mui/material/LinearProgress';
 
 interface CircularProgressProps extends Omit<CircularProgressProps$1, 'disableShrink' | 'thickness' | 'variant'> {
     /**@default 'primary' */
@@ -26,4 +28,7 @@ type StatusIconProps = {
 };
 declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => JSX.Element;
 
-export { CircularProgress, type CircularProgressProps, type StatusIconProps };
+type LinearProgressProps = Omit<LinearProgressProps$1, 'color'>;
+declare const LinearProgress: ({ variant, value, sx, ...props }: LinearProgressProps) => react_jsx_runtime.JSX.Element;
+
+export { CircularProgress, type CircularProgressProps, LinearProgress, type LinearProgressProps, type StatusIconProps };

package/dist/index.js

@@ -59,7 +59,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  CircularProgress: () => CircularProgress
+  CircularProgress: () => CircularProgress,
+  LinearProgress: () => LinearProgress
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -121,7 +122,48 @@ var CircularProgress = (_a) => {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
   ] });
 };
+
+// src/lib/LinearProgress.tsx
+var import_mui_icon2 = require("@availity/mui-icon");
+
+// ../layout/src/lib/Box.tsx
+var import_react2 = require("react");
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+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_Unstable_Grid2 = __toESM(require("@mui/material/Unstable_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 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 }));
+};
+
+// 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 LinearProgress = (_a) => {
+  var _b = _a, { variant = "determinate", value = 0, sx } = _b, props = __objRest(_b, ["variant", "value", "sx"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Stack2, { direction: "row", 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" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.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:
 0 && (module.exports = {
-  CircularProgress
+  CircularProgress,
+  LinearProgress
 });

package/dist/index.mjs

@@ -90,6 +90,47 @@ var CircularProgress = (_a) => {
     /* @__PURE__ */ jsx(Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
   ] });
 };
+
+// src/lib/LinearProgress.tsx
+import { SuccessCircleIcon as SuccessCircleIcon2 } from "@availity/mui-icon";
+
+// ../layout/src/lib/Box.tsx
+import { forwardRef } from "react";
+import MuiBox from "@mui/material/Box";
+import { jsx as jsx2 } from "react/jsx-runtime";
+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/Unstable_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";
+var Stack2 = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx5(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";
+var LinearProgress = (_a) => {
+  var _b = _a, { variant = "determinate", value = 0, sx } = _b, props = __objRest(_b, ["variant", "value", "sx"]);
+  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", 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" }),
+    /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { color: "text.secondary", ml: 1 }, children: `${Math.round(value)}%` })
+  ] });
+};
 export {
-  CircularProgress
+  CircularProgress,
+  LinearProgress
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-progress",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Availity MUI Progress Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -46,7 +46,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@availity/mui-icon": "^0.10.1",
-    "@availity/mui-typography": "^0.2.0"
+    "@availity/mui-icon": "^0.11.0",
+    "@availity/mui-typography": "^0.2.1"
   }
 }

package/src/index.ts

@@ -1 +1,2 @@
 export * from './lib/CircularProgress';
+export * from './lib/LinearProgress';

package/src/lib/LinearProgress.stories.tsx

@@ -13,5 +13,6 @@ export const _LinearProgress: StoryObj<typeof LinearProgress> = {
   render: (args: LinearProgressProps) => <LinearProgress {...args} />,
   args: {
     value: 50,
+    'aria-label': 'example-progress-bar',
   },
 };