@availity/mui-empty-state 0.1.5 → 0.1.7

package/jest.config.js

@@ -9,4 +9,14 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/__mocks__/fileMock.js',
   },
+  /* 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-empty-state",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Availity MUI EmptyState Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -32,14 +32,14 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-layout": "0.1.4"
+    "@availity/mui-layout": "0.1.6"
   },
   "devDependencies": {
-    "@mui/material": "^5.11.9",
+    "@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/empty-state/**/*.{js,ts}"],
         "silent": false,
         "fix": false,
         "cache": true,
@@ -22,20 +21,20 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": ["coverage/empty-state"],
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/empty-state"],
       "options": {
-        "jestConfig": "packages/empty-state/jest.config.js",
-        "passWithNoTests": true
+        "jestConfig": "packages/empty-state/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"]
       }
     }
   }

package/src/lib/EmptyState.stories.tsx

@@ -1,10 +1,15 @@
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj, Decorator } from '@storybook/react';
-import { Box, Button, List, ListItem, Typography } from '@mui/material';
+import type { StoryObj, Decorator } from '@storybook/react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import Typography from '@mui/material/Typography';
 import { visuallyHidden } from '@mui/utils';
 import { Link } from '@availity/mui-link';
 import { EmptyState, EmptyStateProps } from './EmptyState';
+// eslint-disable-next-line @nx/enforce-module-boundaries
 import { SystemPropsList } from '../../../../data/MuiSystemProperties';
 
 /** Remove 508 warning of Heading Level Jump while leaving Story heading levels realistic */

package/src/lib/EmptyState.tsx

@@ -1,7 +1,7 @@
 // FontAwesomeSvgIcon example from mui docs https://github.com/mui/material-ui/blob/master/docs/data/material/components/icons/FontAwesomeSvgIconDemo.js
 
 import * as React from 'react';
-import { styled } from '@mui/material';
+import { styled } from '@mui/material/styles';
 import { Stack, StackProps } from '@availity/mui-layout';
 import { EmptyStateImage, EmptyStateImageProps } from './EmptyStateImage';
 

package/src/lib/EmptyStateImage.stories.tsx

@@ -2,6 +2,7 @@
 
 import type { StoryObj } from '@storybook/react';
 import { EmptyStateImage, EmptyStateImageProps } from './EmptyStateImage';
+// eslint-disable-next-line @nx/enforce-module-boundaries
 import { SystemPropsList } from '../../../../data/MuiSystemProperties';
 import { Box, Stack } from '@availity/mui-layout';
 

package/src/lib/EmptyStateImage.tsx

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { styled } from '@mui/material';
+import { styled } from '@mui/material/styles';
 import { Box, BoxProps } from '@availity/mui-layout';
 import { PageNotFound } from '../assets/404-Page-Not-Found_Gray';
 import { ContentLoading } from '../assets/Content-Loading_Gray';