@availity/mui-feedback 1.0.16 → 2.0.1

package/CHANGELOG.md

@@ -2,6 +2,41 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.1](https://github.com/Availity/element/compare/@availity/mui-feedback@2.0.0...@availity/mui-feedback@2.0.1) (2025-12-03)
+
+### Dependency Updates
+
+* `mui-button` updated to version `2.0.0`
+* `mui-form-utils` updated to version `2.0.0`
+* `mui-icon` updated to version `2.0.0`
+* `mui-layout` updated to version `2.0.0`
+* `mui-popover` updated to version `2.0.0`
+* `mui-textfield` updated to version `2.0.0`
+* `mui-toggle-button` updated to version `2.0.0`
+* `mui-typography` updated to version `2.0.0`
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-feedback@1.0.16...@availity/mui-feedback@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.0.16`
+* `mui-form-utils` updated to version `1.0.16`
+* `mui-icon` updated to version `1.0.16`
+* `mui-layout` updated to version `1.0.16`
+* `mui-popover` updated to version `1.0.16`
+* `mui-textfield` updated to version `1.0.16`
+* `mui-toggle-button` updated to version `1.0.16`
+* `mui-typography` updated to version `1.0.16`
+
+### ⚠ BREAKING CHANGES
+
+* @mui/material upgraded to v7
+* @mui/x-* upgraded to v8
+* react upgraded to v19
+
+### Features
+
+* upgrade material and react dependencies ([51602a4](https://github.com/Availity/element/commit/51602a48c5304db6f61e2c7e772c9a3a4aa3f65c))
+
 ## [1.0.16](https://github.com/Availity/element/compare/@availity/mui-feedback@1.0.15...@availity/mui-feedback@1.0.16) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -5,6 +5,6 @@ interface FeedbackProps {
     appName: string;
     buttonVariant?: 'secondary' | 'tertiary';
 }
-declare const Feedback: ({ analytics, appName, buttonVariant, }: FeedbackProps) => JSX.Element;
+declare const Feedback: ({ analytics, appName, buttonVariant, }: FeedbackProps) => React.JSX.Element;
 
 export { Feedback, type FeedbackProps };

package/dist/index.d.ts

@@ -5,6 +5,6 @@ interface FeedbackProps {
     appName: string;
     buttonVariant?: 'secondary' | 'tertiary';
 }
-declare const Feedback: ({ analytics, appName, buttonVariant, }: FeedbackProps) => JSX.Element;
+declare const Feedback: ({ analytics, appName, buttonVariant, }: FeedbackProps) => React.JSX.Element;
 
 export { Feedback, type FeedbackProps };

package/dist/index.js

@@ -242,7 +242,7 @@ var FeedbackForm = ({
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FormActions, { container: true, direction: "row", width: "100%", spacing: 1, wrap: "wrap", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { sx: { flex: 1, minWidth: "147px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.Button, { color: "secondary", disabled: loading, onClick: handleClose, children: "Close" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { sx: { flex: 1, minWidth: "147px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.LoadingButton, { disabled: !smileFieldValue, loading, type: "submit", variant: "contained", children: "Send Feedback" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_layout.Grid, { sx: { flex: 1, minWidth: "147px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.LoadingButton, { disabled: !smileFieldValue, loading, type: "submit", children: "Send Feedback" }) })
           ] })
         ]
       }

package/dist/index.mjs

@@ -209,7 +209,7 @@ var FeedbackForm = ({
           ),
           /* @__PURE__ */ jsxs(FormActions, { container: true, direction: "row", width: "100%", spacing: 1, wrap: "wrap", children: [
             /* @__PURE__ */ jsx(Grid, { sx: { flex: 1, minWidth: "147px" }, children: /* @__PURE__ */ jsx(Button, { color: "secondary", disabled: loading, onClick: handleClose, children: "Close" }) }),
-            /* @__PURE__ */ jsx(Grid, { sx: { flex: 1, minWidth: "147px" }, children: /* @__PURE__ */ jsx(LoadingButton, { disabled: !smileFieldValue, loading, type: "submit", variant: "contained", children: "Send Feedback" }) })
+            /* @__PURE__ */ jsx(Grid, { sx: { flex: 1, minWidth: "147px" }, children: /* @__PURE__ */ jsx(LoadingButton, { disabled: !smileFieldValue, loading, type: "submit", children: "Send Feedback" }) })
           ] })
         ]
       }

package/introduction.mdx

@@ -1,5 +1,4 @@
-import { Markdown } from '@storybook/blocks';
-import { Meta } from '@storybook/addon-docs';
+import { Markdown, Meta } from '@storybook/addon-docs/blocks';
 import ReadMe from './README.md?raw';
 import CHANGELOG from './CHANGELOG.md?raw';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-feedback",
-  "version": "1.0.16",
+  "version": "2.0.1",
   "description": "Availity MUI Feedback Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,29 +40,29 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@mui/material": "^7.3.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@availity/api-axios": "^11.0.0",
-    "@availity/mui-button": "^1.1.5",
-    "@availity/mui-form-utils": "^1.3.3",
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-layout": "^1.0.3",
-    "@availity/mui-popover": "^1.0.3",
-    "@availity/mui-textfield": "^1.3.2",
-    "@availity/mui-toggle-button": "^1.0.4",
-    "@availity/mui-typography": "^1.0.3",
+    "@availity/mui-button": "^2.0.1",
+    "@availity/mui-form-utils": "^2.0.1",
+    "@availity/mui-icon": "^2.0.1",
+    "@availity/mui-layout": "^2.0.1",
+    "@availity/mui-popover": "^2.0.1",
+    "@availity/mui-textfield": "^2.0.1",
+    "@availity/mui-toggle-button": "^2.0.1",
+    "@availity/mui-typography": "^2.0.1",
     "react-hook-form": "^7.55.0"
   },
   "sideEffects": false

package/src/lib/Feedback.stories.tsx

@@ -1,6 +1,6 @@
 // Each exported component in the package should have its own stories file
 
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Feedback, FeedbackProps } from './Feedback';
 
 const meta: Meta<typeof Feedback> = {

package/src/lib/Feedback.tsx

@@ -22,7 +22,7 @@ export const Feedback = ({
   analytics = avLogMessagesApiV2,
   appName,
   buttonVariant = 'secondary',
-}: FeedbackProps): JSX.Element => {
+}: FeedbackProps): React.JSX.Element => {
   const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
   const [sent, setSent] = useState<boolean>(false);
   const [loading, setLoading] = useState<boolean>(false);

package/src/lib/FeedbackForm.tsx

@@ -18,7 +18,7 @@ interface Inputs {
 
 interface SmileButtonProps extends ToggleButtonProps {
   disabled: boolean;
-  Icon: (props: SvgIconProps) => JSX.Element;
+  Icon: (props: SvgIconProps) => React.JSX.Element;
   label: string;
   value: string;
 }
@@ -64,7 +64,7 @@ export const FeedbackForm = ({
   sent,
   setLoading,
   setSent,
-}: FeedbackFormProps): JSX.Element | null => {
+}: FeedbackFormProps): React.JSX.Element | null => {
   const {
     control,
     formState: { errors },
@@ -183,7 +183,7 @@ export const FeedbackForm = ({
             </Button>
           </Grid>
           <Grid sx={{ flex: 1, minWidth: '147px' }}>
-            <LoadingButton disabled={!smileFieldValue} loading={loading} type="submit" variant="contained">
+            <LoadingButton disabled={!smileFieldValue} loading={loading} type="submit">
               Send Feedback
             </LoadingButton>
           </Grid>

package/src/lib/FeedbackHeader.tsx

@@ -13,7 +13,7 @@ interface FeedbackHeaderProps {
 
 const FeedbackHeaderContainer = styled(Grid, { name: 'AvFeedbackContainer', slot: 'FeedbackHeaderContainer' })({});
 
-export const FeedbackHeader = ({ appName, handleClose, loading, sent }: FeedbackHeaderProps): JSX.Element => {
+export const FeedbackHeader = ({ appName, handleClose, loading, sent }: FeedbackHeaderProps): React.JSX.Element => {
   return (
     <FeedbackHeaderContainer
       alignItems="flex-start"