@availity/mui-card 0.2.13 → 0.2.14

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.14](https://github.com/Availity/element/compare/@availity/mui-card@0.2.13...@availity/mui-card@0.2.14) (2024-04-19)
+
+### Dependency Updates
+
+* `mui-button` updated to version `0.2.13`
+* `mui-icon` updated to version `0.2.13`
 ## [0.2.13](https://github.com/Availity/element/compare/@availity/mui-card@0.2.12...@availity/mui-card@0.2.13) (2024-04-15)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -0,0 +1,38 @@
+import { CardProps as CardProps$1 } from '@mui/material/Card';
+import { CardActionAreaProps as CardActionAreaProps$1 } from '@mui/material/CardActionArea';
+import { CardActionsProps as CardActionsProps$1 } from '@mui/material/CardActions';
+import { CardContentProps as CardContentProps$1 } from '@mui/material/CardContent';
+import { CardHeaderProps as CardHeaderProps$1 } from '@mui/material/CardHeader';
+import { CardMediaProps as CardMediaProps$1 } from '@mui/material/CardMedia';
+
+interface CardProps extends Omit<CardProps$1, 'elevation' | 'variant' | 'raised' | 'square'> {
+    children?: React.ReactNode;
+}
+declare const Card: ({ children, ...rest }: CardProps) => JSX.Element;
+
+interface CardActionAreaProps extends Omit<CardActionAreaProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'> {
+    children?: React.ReactNode;
+}
+declare const CardActionArea: ({ children, ...rest }: CardActionAreaProps) => JSX.Element;
+
+interface CardActionsProps extends CardActionsProps$1 {
+    children?: React.ReactNode;
+}
+declare const CardActions: ({ children, ...rest }: CardActionsProps) => JSX.Element;
+
+interface CardContentProps extends CardContentProps$1 {
+    children?: React.ReactNode;
+}
+declare const CardContent: ({ children, ...rest }: CardContentProps) => JSX.Element;
+
+interface CardHeaderProps extends Omit<CardHeaderProps$1, 'avatar'> {
+    children?: React.ReactNode;
+}
+declare const CardHeader: ({ titleTypographyProps, subheaderTypographyProps, ...rest }: CardHeaderProps) => JSX.Element;
+
+interface CardMediaProps extends CardMediaProps$1 {
+    children?: React.ReactNode;
+}
+declare const CardMedia: ({ children, ...rest }: CardMediaProps) => JSX.Element;
+
+export { Card, CardActionArea, type CardActionAreaProps, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps };

package/dist/index.d.ts

@@ -35,4 +35,4 @@ interface CardMediaProps extends CardMediaProps$1 {
 }
 declare const CardMedia: ({ children, ...rest }: CardMediaProps) => JSX.Element;
 
-export { Card, CardActionArea, CardActionAreaProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps };
+export { Card, CardActionArea, type CardActionAreaProps, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps };

package/dist/index.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +47,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -38,74 +71,67 @@ module.exports = __toCommonJS(src_exports);
 // src/lib/Card.tsx
 var import_Card = __toESM(require("@mui/material/Card"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var Card = ({ children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.default, {
-    ...rest,
-    children
-  });
+var Card = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Card.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/CardActionArea.tsx
 var import_CardActionArea = __toESM(require("@mui/material/CardActionArea"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardActionArea = ({ children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardActionArea.default, {
-    ...rest,
-    disableRipple: true,
-    children
-  });
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CardActionArea = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_CardActionArea.default, __spreadProps(__spreadValues({}, rest), { disableRipple: true, children }));
 };
 
 // src/lib/CardActions.tsx
 var import_CardActions = __toESM(require("@mui/material/CardActions"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardActions = ({ children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardActions.default, {
-    ...rest,
-    children
-  });
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CardActions = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_CardActions.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/CardContent.tsx
 var import_CardContent = __toESM(require("@mui/material/CardContent"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardContent = ({ children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardContent.default, {
-    ...rest,
-    children
-  });
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var CardContent = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_CardContent.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/CardHeader.tsx
 var import_styles = require("@mui/material/styles");
 var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardHeader = ({
-  titleTypographyProps,
-  subheaderTypographyProps,
-  ...rest
-}) => {
-  var _a, _b, _c, _d;
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CardHeader = (_a) => {
+  var _b = _a, {
+    titleTypographyProps,
+    subheaderTypographyProps
+  } = _b, rest = __objRest(_b, [
+    "titleTypographyProps",
+    "subheaderTypographyProps"
+  ]);
+  var _a2, _b2, _c, _d;
   const theme = (0, import_styles.useTheme)();
-  const titleVariant = (_d = (_c = (_b = (_a = theme.components) == null ? void 0 : _a.MuiCardHeader) == null ? void 0 : _b.defaultProps) == null ? void 0 : _c.titleTypographyProps) == null ? void 0 : _d.variant;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardHeader.default, {
-    ...rest,
-    titleTypographyProps: {
-      variant: titleVariant,
-      ...titleTypographyProps
-    },
-    subheaderTypographyProps: { variant: "subtitle2", ...subheaderTypographyProps }
-  });
+  const titleVariant = (_d = (_c = (_b2 = (_a2 = theme.components) == null ? void 0 : _a2.MuiCardHeader) == null ? void 0 : _b2.defaultProps) == null ? void 0 : _c.titleTypographyProps) == null ? void 0 : _d.variant;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_CardHeader.default,
+    __spreadProps(__spreadValues({}, rest), {
+      titleTypographyProps: __spreadValues({
+        variant: titleVariant
+      }, titleTypographyProps),
+      subheaderTypographyProps: __spreadValues({ variant: "subtitle2" }, subheaderTypographyProps)
+    })
+  );
 };
 
 // src/lib/CardMedia.tsx
 var import_CardMedia = __toESM(require("@mui/material/CardMedia"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardMedia = ({ children, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardMedia.default, {
-    ...rest,
-    children
-  });
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CardMedia = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CardMedia.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1,11 +1,41 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
 // src/lib/Card.tsx
 import { default as MuiCard } from "@mui/material/Card";
 import { jsx } from "react/jsx-runtime";
-var Card = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx(MuiCard, {
-    ...rest,
-    children
-  });
+var Card = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx(MuiCard, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/CardActionArea.tsx
@@ -13,64 +43,59 @@ import {
   default as MuiCardActionArea
 } from "@mui/material/CardActionArea";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var CardActionArea = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx2(MuiCardActionArea, {
-    ...rest,
-    disableRipple: true,
-    children
-  });
+var CardActionArea = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx2(MuiCardActionArea, __spreadProps(__spreadValues({}, rest), { disableRipple: true, children }));
 };
 
 // src/lib/CardActions.tsx
 import { default as MuiCardActions } from "@mui/material/CardActions";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var CardActions = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx3(MuiCardActions, {
-    ...rest,
-    children
-  });
+var CardActions = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx3(MuiCardActions, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/CardContent.tsx
 import { default as MuiCardContent } from "@mui/material/CardContent";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var CardContent = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx4(MuiCardContent, {
-    ...rest,
-    children
-  });
+var CardContent = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx4(MuiCardContent, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/lib/CardHeader.tsx
 import { useTheme } from "@mui/material/styles";
 import { default as MuiCardHeader } from "@mui/material/CardHeader";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var CardHeader = ({
-  titleTypographyProps,
-  subheaderTypographyProps,
-  ...rest
-}) => {
-  var _a, _b, _c, _d;
+var CardHeader = (_a) => {
+  var _b = _a, {
+    titleTypographyProps,
+    subheaderTypographyProps
+  } = _b, rest = __objRest(_b, [
+    "titleTypographyProps",
+    "subheaderTypographyProps"
+  ]);
+  var _a2, _b2, _c, _d;
   const theme = useTheme();
-  const titleVariant = (_d = (_c = (_b = (_a = theme.components) == null ? void 0 : _a.MuiCardHeader) == null ? void 0 : _b.defaultProps) == null ? void 0 : _c.titleTypographyProps) == null ? void 0 : _d.variant;
-  return /* @__PURE__ */ jsx5(MuiCardHeader, {
-    ...rest,
-    titleTypographyProps: {
-      variant: titleVariant,
-      ...titleTypographyProps
-    },
-    subheaderTypographyProps: { variant: "subtitle2", ...subheaderTypographyProps }
-  });
+  const titleVariant = (_d = (_c = (_b2 = (_a2 = theme.components) == null ? void 0 : _a2.MuiCardHeader) == null ? void 0 : _b2.defaultProps) == null ? void 0 : _c.titleTypographyProps) == null ? void 0 : _d.variant;
+  return /* @__PURE__ */ jsx5(
+    MuiCardHeader,
+    __spreadProps(__spreadValues({}, rest), {
+      titleTypographyProps: __spreadValues({
+        variant: titleVariant
+      }, titleTypographyProps),
+      subheaderTypographyProps: __spreadValues({ variant: "subtitle2" }, subheaderTypographyProps)
+    })
+  );
 };
 
 // src/lib/CardMedia.tsx
 import { default as MuiCardMedia } from "@mui/material/CardMedia";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var CardMedia = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx6(MuiCardMedia, {
-    ...rest,
-    children
-  });
+var CardMedia = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx6(MuiCardMedia, __spreadProps(__spreadValues({}, rest), { children }));
 };
 export {
   Card,

package/jest.config.js

@@ -4,4 +4,14 @@ module.exports = {
   ...global,
   displayName: 'card',
   coverageDirectory: '../../coverage/card',
+  /* TODO: Update to latest Jest snapshotFormat
+   * By default Nx has kept the older style of Jest Snapshot formats
+   * to prevent breaking of any existing tests with snapshots.
+   * It's recommend you update to the latest format.
+   * You can do this by removing snapshotFormat property
+   * and running tests with --update-snapshot flag.
+   * Example: From within the project directory, run "nx test --update-snapshot"
+   * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
+   */
+  snapshotFormat: { escapeString: true, printBasicPrototype: true },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-card",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Availity MUI Card Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -32,13 +32,13 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-button": "^0.6.6",
-    "@availity/mui-icon": "^0.8.1",
-    "@mui/material": "^5.14.12",
+    "@availity/mui-button": "^0.6.7",
+    "@availity/mui-icon": "^0.8.2",
+    "@mui/material": "^5.15.15",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^5.12.7",
-    "typescript": "^4.6.4"
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5"
   },
   "peerDependencies": {
     "@mui/material": "^5.11.9",

package/project.json

@@ -6,10 +6,9 @@
   "tags": [],
   "targets": {
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/eslint:lint",
       "options": {
         "eslintConfig": ".eslintrc.json",
-        "lintFilePatterns": ["packages/card/**/*.{js,ts}"],
         "silent": false,
         "fix": false,
         "cache": true,
@@ -22,20 +21,20 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": ["coverage/card"],
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/card"],
       "options": {
-        "jestConfig": "packages/card/jest.config.js",
-        "passWithNoTests": true
+        "jestConfig": "packages/card/jest.config.js"
       }
     },
     "version": {
       "executor": "@jscutlery/semver:version",
       "options": {
         "preset": "conventional",
-        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
-        "tagPrefix": "@availity/${projectName}@",
-        "trackDeps": true
+        "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
+        "tagPrefix": "@availity/{projectName}@",
+        "trackDeps": true,
+        "skipCommitTypes": ["docs"]
       }
     }
   }