@availity/mui-progress 0.1.6 → 0.1.8

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.d.mts +29 -0
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +56 -34
  5. package/dist/index.mjs +55 -34
  6. package/jest.config.js +10 -0
  7. package/package.json +6 -6
  8. package/project.json +8 -9
package/CHANGELOG.md CHANGED
@@ -2,6 +2,17 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [0.1.8](https://github.com/Availity/element/compare/@availity/mui-progress@0.1.7...@availity/mui-progress@0.1.8) (2024-06-14)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `mui-typography` updated to version `0.1.7`
10
+ ## [0.1.7](https://github.com/Availity/element/compare/@availity/mui-progress@0.1.6...@availity/mui-progress@0.1.7) (2024-04-19)
11
+
12
+ ### Dependency Updates
13
+
14
+ * `mui-icon` updated to version `0.1.6`
15
+ * `mui-typography` updated to version `0.1.6`
5
16
  ## [0.1.6](https://github.com/Availity/element/compare/@availity/mui-progress@0.1.5...@availity/mui-progress@0.1.6) (2024-04-04)
6
17
 
7
18
  ### Dependency Updates
package/dist/index.d.mts ADDED
@@ -0,0 +1,29 @@
1
+ import { CircularProgressProps as CircularProgressProps$1 } from '@mui/material/CircularProgress';
2
+
3
+ interface CircularProgressProps extends Omit<CircularProgressProps$1, 'disableShrink' | 'thickness' | 'variant'> {
4
+ /**@default 'primary' */
5
+ color?: 'primary' | 'inherit';
6
+ /** If `true` the the loading animation is replaced with Error Icon and the words "Loading error" display.
7
+ * @default false
8
+ */
9
+ error?: boolean;
10
+ /** If `true` the the loading animation is replaced with Success Icon and the words "Loading successful" display. Note: This is overridden by the `error` prop.
11
+ * @default false
12
+ */
13
+ success?: boolean;
14
+ /** If `true` the word "Loading" displays beneath the icon
15
+ * @default true
16
+ */
17
+ loadingCaption?: boolean;
18
+ /** The size of the component.
19
+ * @default 'default'
20
+ */
21
+ size?: 'default' | 'small';
22
+ }
23
+ type StatusIconProps = {
24
+ status: string;
25
+ size: 'default' | 'small';
26
+ };
27
+ declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => JSX.Element;
28
+
29
+ export { CircularProgress, type CircularProgressProps, type StatusIconProps };
package/dist/index.d.ts CHANGED
@@ -26,4 +26,4 @@ type StatusIconProps = {
26
26
  };
27
27
  declare const CircularProgress: ({ loadingCaption, error, success, size, ...props }: CircularProgressProps) => JSX.Element;
28
28
 
29
- export { CircularProgress, CircularProgressProps, StatusIconProps };
29
+ export { CircularProgress, type CircularProgressProps, type StatusIconProps };
package/dist/index.js CHANGED
@@ -1,10 +1,39 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
+ var __defProps = Object.defineProperties;
4
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
7
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
9
  var __getProtoOf = Object.getPrototypeOf;
7
10
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
8
37
  var __export = (target, all) => {
9
38
  for (var name in all)
10
39
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +47,10 @@ var __copyProps = (to, from, except, desc) => {
18
47
  return to;
19
48
  };
20
49
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
50
+ // If the importer is in node compatibility mode or this is not an ESM
51
+ // file that has been converted to a CommonJS file using a Babel-
52
+ // compatible transform (i.e. "__esModule" has not been set), then set
53
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
54
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
55
  mod
23
56
  ));
@@ -41,17 +74,9 @@ var StatusIcon = ({ status, size }) => {
41
74
  const fontSize = size === "small" ? "medium" : "large";
42
75
  switch (status) {
43
76
  case "error":
44
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.WarningCircleIcon, {
45
- color: "error",
46
- fontSize,
47
- titleAccess: "loading error"
48
- });
77
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.WarningCircleIcon, { color: "error", fontSize, titleAccess: "loading error" });
49
78
  case "success":
50
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.SuccessCircleIcon, {
51
- color: "success",
52
- fontSize,
53
- titleAccess: "loading successful"
54
- });
79
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.SuccessCircleIcon, { color: "success", fontSize, titleAccess: "loading successful" });
55
80
  default:
56
81
  return null;
57
82
  }
@@ -61,13 +86,18 @@ var getCaptionText = (status) => ({
61
86
  error: "Loading error",
62
87
  success: "Loading successful"
63
88
  })[status] || "";
64
- var CircularProgress = ({
65
- loadingCaption = true,
66
- error = false,
67
- success = false,
68
- size = "default",
69
- ...props
70
- }) => {
89
+ var CircularProgress = (_a) => {
90
+ var _b = _a, {
91
+ loadingCaption = true,
92
+ error = false,
93
+ success = false,
94
+ size = "default"
95
+ } = _b, props = __objRest(_b, [
96
+ "loadingCaption",
97
+ "error",
98
+ "success",
99
+ "size"
100
+ ]);
71
101
  const [status, setStatus] = (0, import_react.useState)("loading");
72
102
  (0, import_react.useEffect)(() => {
73
103
  if (error) {
@@ -78,26 +108,18 @@ var CircularProgress = ({
78
108
  setStatus("loading");
79
109
  }
80
110
  }, [error, success]);
81
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Stack.default, {
82
- width: "fit-content",
83
- alignItems: "center",
84
- children: [
85
- status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CircularProgress.default, {
86
- "aria-label": "Loading",
87
- ...props,
111
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Stack.default, { width: "fit-content", alignItems: "center", children: [
112
+ status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
+ import_CircularProgress.default,
114
+ __spreadProps(__spreadValues({
115
+ "aria-label": "Loading"
116
+ }, props), {
88
117
  size: size === "small" ? 24 : 40,
89
118
  variant: "indeterminate"
90
- }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, {
91
- status,
92
- size
93
- }),
94
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, {
95
- marginTop: "8px",
96
- variant: "caption",
97
- children: loadingCaption || error || success ? getCaptionText(status) : null
98
119
  })
99
- ]
100
- });
120
+ ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { status, size }),
121
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_typography.Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
122
+ ] });
101
123
  };
102
124
  // Annotate the CommonJS export names for ESM import in node:
103
125
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -1,3 +1,35 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+
1
33
  // src/lib/CircularProgress.tsx
2
34
  import { useEffect, useState } from "react";
3
35
  import {
@@ -11,17 +43,9 @@ var StatusIcon = ({ status, size }) => {
11
43
  const fontSize = size === "small" ? "medium" : "large";
12
44
  switch (status) {
13
45
  case "error":
14
- return /* @__PURE__ */ jsx(WarningCircleIcon, {
15
- color: "error",
16
- fontSize,
17
- titleAccess: "loading error"
18
- });
46
+ return /* @__PURE__ */ jsx(WarningCircleIcon, { color: "error", fontSize, titleAccess: "loading error" });
19
47
  case "success":
20
- return /* @__PURE__ */ jsx(SuccessCircleIcon, {
21
- color: "success",
22
- fontSize,
23
- titleAccess: "loading successful"
24
- });
48
+ return /* @__PURE__ */ jsx(SuccessCircleIcon, { color: "success", fontSize, titleAccess: "loading successful" });
25
49
  default:
26
50
  return null;
27
51
  }
@@ -31,13 +55,18 @@ var getCaptionText = (status) => ({
31
55
  error: "Loading error",
32
56
  success: "Loading successful"
33
57
  })[status] || "";
34
- var CircularProgress = ({
35
- loadingCaption = true,
36
- error = false,
37
- success = false,
38
- size = "default",
39
- ...props
40
- }) => {
58
+ var CircularProgress = (_a) => {
59
+ var _b = _a, {
60
+ loadingCaption = true,
61
+ error = false,
62
+ success = false,
63
+ size = "default"
64
+ } = _b, props = __objRest(_b, [
65
+ "loadingCaption",
66
+ "error",
67
+ "success",
68
+ "size"
69
+ ]);
41
70
  const [status, setStatus] = useState("loading");
42
71
  useEffect(() => {
43
72
  if (error) {
@@ -48,26 +77,18 @@ var CircularProgress = ({
48
77
  setStatus("loading");
49
78
  }
50
79
  }, [error, success]);
51
- return /* @__PURE__ */ jsxs(Stack, {
52
- width: "fit-content",
53
- alignItems: "center",
54
- children: [
55
- status === "loading" ? /* @__PURE__ */ jsx(MuiCircularProgress, {
56
- "aria-label": "Loading",
57
- ...props,
80
+ return /* @__PURE__ */ jsxs(Stack, { width: "fit-content", alignItems: "center", children: [
81
+ status === "loading" ? /* @__PURE__ */ jsx(
82
+ MuiCircularProgress,
83
+ __spreadProps(__spreadValues({
84
+ "aria-label": "Loading"
85
+ }, props), {
58
86
  size: size === "small" ? 24 : 40,
59
87
  variant: "indeterminate"
60
- }) : /* @__PURE__ */ jsx(StatusIcon, {
61
- status,
62
- size
63
- }),
64
- /* @__PURE__ */ jsx(Typography, {
65
- marginTop: "8px",
66
- variant: "caption",
67
- children: loadingCaption || error || success ? getCaptionText(status) : null
68
88
  })
69
- ]
70
- });
89
+ ) : /* @__PURE__ */ jsx(StatusIcon, { status, size }),
90
+ /* @__PURE__ */ jsx(Typography, { marginTop: "8px", variant: "caption", children: loadingCaption || error || success ? getCaptionText(status) : null })
91
+ ] });
71
92
  };
72
93
  export {
73
94
  CircularProgress
package/jest.config.js CHANGED
@@ -4,4 +4,14 @@ module.exports = {
4
4
  ...global,
5
5
  displayName: 'progress',
6
6
  coverageDirectory: '../../coverage/progress',
7
+ /* TODO: Update to latest Jest snapshotFormat
8
+ * By default Nx has kept the older style of Jest Snapshot formats
9
+ * to prevent breaking of any existing tests with snapshots.
10
+ * It's recommend you update to the latest format.
11
+ * You can do this by removing snapshotFormat property
12
+ * and running tests with --update-snapshot flag.
13
+ * Example: From within the project directory, run "nx test --update-snapshot"
14
+ * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
15
+ */
16
+ snapshotFormat: { escapeString: true, printBasicPrototype: true },
7
17
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@availity/mui-progress",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "description": "Availity MUI Progress Component - part of the @availity/element design system",
5
5
  "keywords": [
6
6
  "react",
@@ -32,11 +32,11 @@
32
32
  "publish:canary": "yarn npm publish --access public --tag canary"
33
33
  },
34
34
  "devDependencies": {
35
- "@mui/material": "^5.11.9",
35
+ "@mui/material": "^5.15.15",
36
36
  "react": "18.2.0",
37
37
  "react-dom": "18.2.0",
38
- "tsup": "^5.12.7",
39
- "typescript": "^4.6.4"
38
+ "tsup": "^8.0.2",
39
+ "typescript": "^5.4.5"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@mui/material": "^5.11.9",
@@ -46,7 +46,7 @@
46
46
  "access": "public"
47
47
  },
48
48
  "dependencies": {
49
- "@availity/mui-icon": "^0.8.1",
50
- "@availity/mui-typography": "^0.1.7"
49
+ "@availity/mui-icon": "^0.8.2",
50
+ "@availity/mui-typography": "^0.2.0"
51
51
  }
52
52
  }
package/project.json CHANGED
@@ -6,10 +6,9 @@
6
6
  "tags": [],
7
7
  "targets": {
8
8
  "lint": {
9
- "executor": "@nrwl/linter:eslint",
9
+ "executor": "@nx/eslint:lint",
10
10
  "options": {
11
11
  "eslintConfig": ".eslintrc.json",
12
- "lintFilePatterns": ["packages/progress/**/*.{js,ts}"],
13
12
  "silent": false,
14
13
  "fix": false,
15
14
  "cache": true,
@@ -22,20 +21,20 @@
22
21
  }
23
22
  },
24
23
  "test": {
25
- "executor": "@nrwl/jest:jest",
26
- "outputs": ["coverage/progress"],
24
+ "executor": "@nx/jest:jest",
25
+ "outputs": ["{workspaceRoot}/coverage/progress"],
27
26
  "options": {
28
- "jestConfig": "packages/progress/jest.config.js",
29
- "passWithNoTests": true
27
+ "jestConfig": "packages/progress/jest.config.js"
30
28
  }
31
29
  },
32
30
  "version": {
33
31
  "executor": "@jscutlery/semver:version",
34
32
  "options": {
35
33
  "preset": "conventional",
36
- "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
37
- "tagPrefix": "@availity/${projectName}@",
38
- "trackDeps": true
34
+ "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
35
+ "tagPrefix": "@availity/{projectName}@",
36
+ "trackDeps": true,
37
+ "skipCommitTypes": ["docs"]
39
38
  }
40
39
  }
41
40
  }