@availity/mui-snackbar 0.1.7 → 1.0.0-alpha.0

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.0-alpha.0](https://github.com/Availity/element/compare/@availity/mui-snackbar@0.2.0...@availity/mui-snackbar@1.0.0-alpha.0) (2025-02-24)
+
+
+### ⚠ BREAKING CHANGES
+
+* upgraded to @mui/material v6
+* **element:** upgraded to @mui/material v6
+
+### Features
+
+* **element:** upgrade to @mui/material v6 ([cb958bb](https://github.com/Availity/element/commit/cb958bba99a4f1ee6dab323f0ff54b69e6fd3493))
+* upgrade @mui/material ([571453a](https://github.com/Availity/element/commit/571453a34b21c344594ab4c03bc497d19aba942b))
+
+## [0.2.0](https://github.com/Availity/element/compare/@availity/mui-snackbar@0.1.7...@availity/mui-snackbar@0.2.0) (2025-02-04)
+
+### Dependency Updates
+
+* `mui-alert` updated to version `0.1.7`
+* `mui-button` updated to version `0.1.7`
+* `mui-layout` updated to version `0.1.7`
+* `mui-transitions` updated to version `0.1.7`
+
+### Features
+
+* configure package.json to allow esm to be used ([5a5393d](https://github.com/Availity/element/commit/5a5393de761f52608e714dd94a05106937dd95db))
+
 ## [0.1.7](https://github.com/Availity/element/compare/@availity/mui-snackbar@0.1.6...@availity/mui-snackbar@0.1.7) (2025-01-27)
 
 ### Dependency Updates

package/dist/index.js

@@ -42,11 +42,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Snackbar: () => Snackbar
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/lib/Snackbar.tsx
 var import_Snackbar = __toESM(require("@mui/material/Snackbar"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-snackbar",
-  "version": "0.1.7",
+  "version": "1.0.0-alpha.0",
   "description": "Availity MUI Snackbar Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -23,6 +23,14 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",
     "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
@@ -32,18 +40,18 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-alert": "0.7.4",
-    "@availity/mui-button": "0.6.16",
-    "@availity/mui-layout": "0.2.0",
-    "@availity/mui-transitions": "0.3.5",
-    "@mui/material": "^5.15.15",
+    "@availity/mui-alert": "1.0.0-alpha.0",
+    "@availity/mui-button": "1.0.0-alpha.0",
+    "@availity/mui-layout": "1.0.0-alpha.0",
+    "@availity/mui-transitions": "1.0.0-alpha.0",
+    "@mui/material": "^6.4.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.6",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@mui/material": "^5.11.9",
+    "@mui/material": "^6.4.5",
     "react": ">=16.3.0"
   },
   "publishConfig": {

package/src/lib/Snackbar.stories.tsx

@@ -24,11 +24,11 @@ const meta: Meta<typeof Snackbar> = {
 
 export default meta;
 
-const SnackbarStoryPreview = styled("div", {
+const SnackbarStoryPreview = styled('div', {
   name: 'MuiSnackbar',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})(({}));
+})({});
 
 export const _Snackbar: StoryObj<typeof Snackbar> = {
   render: (args: SnackbarProps) => {
@@ -38,10 +38,7 @@ export const _Snackbar: StoryObj<typeof Snackbar> = {
       setOpen(true);
     };
 
-    const handleClose = (
-      event: SyntheticEvent | Event,
-      reason?: SnackbarCloseReason,
-    ) => {
+    const handleClose = (event: SyntheticEvent | Event, reason?: SnackbarCloseReason) => {
       if (reason === 'clickaway') {
         return;
       }
@@ -56,19 +53,18 @@ export const _Snackbar: StoryObj<typeof Snackbar> = {
     );
 
     return (
-      <Box sx={{minHeight: '200px'}}>
+      <Box sx={{ minHeight: '200px' }}>
         <Button onClick={handleClick}>Open Snackbar</Button>
-        <Snackbar
-          {...args}
-          open={open}
-        >
-          <Alert icon={false} onClose={handleClose} action={action} severity='info'>Alert Text</Alert>
+        <Snackbar {...args} open={open}>
+          <Alert icon={false} onClose={handleClose} action={action} severity="info">
+            Alert Text
+          </Alert>
         </Snackbar>
       </Box>
     );
   },
   args: {
-    anchorOrigin: { vertical: 'bottom', horizontal: 'left'},
+    anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
     autoHideDuration: 6000,
   },
 };
@@ -82,9 +78,13 @@ export const _Actions: StoryObj<typeof Snackbar> = {
       setTimeout(() => setVisible(true), 1000);
     };
 
-    const actionButton = <Link component="button" onClick={onClose}>Action Button</Link>;
+    const actionButton = (
+      <Link component="button" onClick={onClose}>
+        Action Button
+      </Link>
+    );
 
-    const actionLink = <Link href='#' >Action Link</Link>;
+    const actionLink = <Link href="#">Action Link</Link>;
 
     return (
       <Grid container spacing={1} maxWidth="620px">
@@ -134,8 +134,8 @@ export const _Actions: StoryObj<typeof Snackbar> = {
           </Collapse>
         </Grid>
       </Grid>
-    )
-  }
+    );
+  },
 };
 
 export const _Alerts: StoryObj<typeof Snackbar> = {
@@ -190,8 +190,8 @@ export const _Alerts: StoryObj<typeof Snackbar> = {
           </Collapse>
         </Grid>
       </Grid>
-    )
-  }
+    );
+  },
 };
 
 interface SnackbarMessage {
@@ -204,9 +204,7 @@ export const _ConsecutiveSnackbars: StoryObj<typeof Snackbar> = {
   render: () => {
     const [snackPack, setSnackPack] = useState<readonly SnackbarMessage[]>([]);
     const [open, setOpen] = useState(false);
-    const [messageInfo, setMessageInfo] = useState<SnackbarMessage | undefined>(
-      undefined,
-    );
+    const [messageInfo, setMessageInfo] = useState<SnackbarMessage | undefined>(undefined);
 
     useEffect(() => {
       if (snackPack.length && !messageInfo) {
@@ -224,10 +222,7 @@ export const _ConsecutiveSnackbars: StoryObj<typeof Snackbar> = {
       setSnackPack((prev) => [...prev, { message, key: new Date().getTime() }]);
     };
 
-    const handleClose = (
-      event: SyntheticEvent | Event,
-      reason?: SnackbarCloseReason,
-    ) => {
+    const handleClose = (event: SyntheticEvent | Event, reason?: SnackbarCloseReason) => {
       if (reason === 'clickaway') {
         return;
       }
@@ -241,10 +236,10 @@ export const _ConsecutiveSnackbars: StoryObj<typeof Snackbar> = {
     return (
       <Box minHeight="250px" gap="8px">
         <Grid container spacing={2}>
-          <Grid xs={12}>
+          <Grid size={{ xs: 12 }}>
             <Button onClick={handleClick('Message A')}>Show message A</Button>
           </Grid>
-          <Grid xs={12}>
+          <Grid size={{ xs: 12 }}>
             <Button onClick={handleClick('Message B')}>Show message B</Button>
           </Grid>
         </Grid>
@@ -261,5 +256,5 @@ export const _ConsecutiveSnackbars: StoryObj<typeof Snackbar> = {
         </Snackbar>
       </Box>
     );
-  }
-}
+  },
+};