@availity/mui-tree 1.0.5 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [2.0.0](https://github.com/Availity/element/compare/@availity/mui-tree@1.0.5...@availity/mui-tree@2.0.0) (2025-11-17)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `1.0.5`
+* `mui-layout` updated to version `1.0.5`
+* `mui-typography` updated to version `1.0.5`
+
+### ⚠ 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.5](https://github.com/Availity/element/compare/@availity/mui-tree@1.0.4...@availity/mui-tree@1.0.5) (2025-10-30)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -1,23 +1,23 @@
 import { SimpleTreeViewProps } from '@mui/x-tree-view/SimpleTreeView';
 import { RichTreeViewProps } from '@mui/x-tree-view/RichTreeView';
 import { TreeViewBaseItem } from '@mui/x-tree-view/models';
-import { TreeItem2Props } from '@mui/x-tree-view/TreeItem2';
+import { TreeItemProps as TreeItemProps$1 } from '@mui/x-tree-view/TreeItem';
 
 type TreeViewProps = SimpleTreeViewProps<true>;
-declare const TreeView: ({ children, ...rest }: TreeViewProps) => JSX.Element;
+declare const TreeView: ({ children, ...rest }: TreeViewProps) => React.JSX.Element;
 
 type DynamicTreeViewProps = RichTreeViewProps<TreeViewBaseItem, true>;
-declare const DynamicTreeView: ({ children, slots, ...rest }: DynamicTreeViewProps) => JSX.Element;
+declare const DynamicTreeView: ({ children, slots, ...rest }: DynamicTreeViewProps) => React.JSX.Element;
 
-interface TreeItemProps extends TreeItem2Props {
+interface TreeItemProps extends TreeItemProps$1 {
     truncate?: boolean;
 }
-declare const TreeItem: ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps) => JSX.Element;
+declare const TreeItem: ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps) => React.JSX.Element;
 
 interface JsonViewerProps extends Omit<TreeViewProps, 'children'> {
     /** Data to be rendered, can be most valid javascript objects, some uncommon types may not by fully supported - like cyclical objects, proxies, symbols as keys. */
     data: Record<string, unknown> | Record<string, unknown>[];
 }
-declare const JsonViewer: ({ data, ...rest }: JsonViewerProps) => JSX.Element;
+declare const JsonViewer: ({ data, ...rest }: JsonViewerProps) => React.JSX.Element;
 
 export { DynamicTreeView, type DynamicTreeViewProps, JsonViewer, type JsonViewerProps, TreeItem, type TreeItemProps, TreeView, type TreeViewProps };

package/dist/index.d.ts

@@ -1,23 +1,23 @@
 import { SimpleTreeViewProps } from '@mui/x-tree-view/SimpleTreeView';
 import { RichTreeViewProps } from '@mui/x-tree-view/RichTreeView';
 import { TreeViewBaseItem } from '@mui/x-tree-view/models';
-import { TreeItem2Props } from '@mui/x-tree-view/TreeItem2';
+import { TreeItemProps as TreeItemProps$1 } from '@mui/x-tree-view/TreeItem';
 
 type TreeViewProps = SimpleTreeViewProps<true>;
-declare const TreeView: ({ children, ...rest }: TreeViewProps) => JSX.Element;
+declare const TreeView: ({ children, ...rest }: TreeViewProps) => React.JSX.Element;
 
 type DynamicTreeViewProps = RichTreeViewProps<TreeViewBaseItem, true>;
-declare const DynamicTreeView: ({ children, slots, ...rest }: DynamicTreeViewProps) => JSX.Element;
+declare const DynamicTreeView: ({ children, slots, ...rest }: DynamicTreeViewProps) => React.JSX.Element;
 
-interface TreeItemProps extends TreeItem2Props {
+interface TreeItemProps extends TreeItemProps$1 {
     truncate?: boolean;
 }
-declare const TreeItem: ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps) => JSX.Element;
+declare const TreeItem: ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps) => React.JSX.Element;
 
 interface JsonViewerProps extends Omit<TreeViewProps, 'children'> {
     /** Data to be rendered, can be most valid javascript objects, some uncommon types may not by fully supported - like cyclical objects, proxies, symbols as keys. */
     data: Record<string, unknown> | Record<string, unknown>[];
 }
-declare const JsonViewer: ({ data, ...rest }: JsonViewerProps) => JSX.Element;
+declare const JsonViewer: ({ data, ...rest }: JsonViewerProps) => React.JSX.Element;
 
 export { DynamicTreeView, type DynamicTreeViewProps, JsonViewer, type JsonViewerProps, TreeItem, type TreeItemProps, TreeView, type TreeViewProps };

package/dist/index.js

@@ -68,13 +68,13 @@ var TreeView = (_a) => {
 var import_RichTreeView = require("@mui/x-tree-view/RichTreeView");
 
 // src/lib/TreeItem.tsx
-var import_TreeItem2 = require("@mui/x-tree-view/TreeItem2");
+var import_TreeItem = require("@mui/x-tree-view/TreeItem");
 var import_mui_icon = require("@availity/mui-icon");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var TreeItem = (_a) => {
   var _b = _a, { children, label, slots, slotProps, truncate } = _b, rest = __objRest(_b, ["children", "label", "slots", "slotProps", "truncate"]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_TreeItem2.TreeItem2,
+    import_TreeItem.TreeItem,
     __spreadProps(__spreadValues({}, rest), {
       label,
       slots: __spreadProps(__spreadValues({}, slots), {
@@ -88,7 +88,7 @@ var TreeItem = (_a) => {
           style: truncate ? { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } : {}
         },
         checkbox: {
-          // @ts-expect-error TreeItem2SlotProps.checkbox types are incorrect
+          // @ts-expect-error SlotProps.checkbox types are incorrect
           inputProps: {
             "aria-hidden": true
           }

package/dist/index.mjs

@@ -42,13 +42,13 @@ var TreeView = (_a) => {
 import { RichTreeView } from "@mui/x-tree-view/RichTreeView";
 
 // src/lib/TreeItem.tsx
-import { TreeItem2 } from "@mui/x-tree-view/TreeItem2";
+import { TreeItem as MuiTreeItem } from "@mui/x-tree-view/TreeItem";
 import { TriangleRightIcon, TriangleExpandIcon } from "@availity/mui-icon";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var TreeItem = (_a) => {
   var _b = _a, { children, label, slots, slotProps, truncate } = _b, rest = __objRest(_b, ["children", "label", "slots", "slotProps", "truncate"]);
   return /* @__PURE__ */ jsx2(
-    TreeItem2,
+    MuiTreeItem,
     __spreadProps(__spreadValues({}, rest), {
       label,
       slots: __spreadProps(__spreadValues({}, slots), {
@@ -62,7 +62,7 @@ var TreeItem = (_a) => {
           style: truncate ? { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } : {}
         },
         checkbox: {
-          // @ts-expect-error TreeItem2SlotProps.checkbox types are incorrect
+          // @ts-expect-error SlotProps.checkbox types are incorrect
           inputProps: {
             "aria-hidden": true
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-tree",
-  "version": "1.0.5",
+  "version": "2.0.0",
   "description": "Availity MUI Tree Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,25 +40,25 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@availity/mui-icon": "^1.1.1",
-    "@availity/mui-layout": "^1.0.3",
-    "@availity/mui-typography": "^1.0.3",
-    "@mui/material": "^6.4.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@availity/mui-icon": "^2.0.0",
+    "@availity/mui-layout": "^2.0.0",
+    "@availity/mui-typography": "^2.0.0",
+    "@mui/material": "^7.3.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@availity/mui-icon": "^1.1.1",
-    "@mui/material": "^6.4.5",
-    "react": ">=16.3.0"
+    "@availity/mui-icon": "^2.0.0",
+    "@mui/material": "^7.0.0",
+    "react": ">=17.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@mui/x-tree-view": "^7.26.0"
+    "@mui/x-tree-view": "^8.16.0"
   },
   "sideEffects": false
 }

package/src/lib/DynamicTreeView.stories.tsx

@@ -85,7 +85,6 @@ export const _DynamicTreeViewEditable: StoryObj<typeof DynamicTreeView> = {
   args: {
     items,
     isItemEditable: true,
-    experimentalFeatures: { labelEditing: true },
     'aria-labelledby': 'dynamic-tree-editable',
   },
 };

package/src/lib/DynamicTreeView.tsx

@@ -4,7 +4,7 @@ import { TreeItem } from './TreeItem';
 
 export type DynamicTreeViewProps = MuiDynamicTreeViewProps<TreeViewBaseItem, true>;
 
-export const DynamicTreeView = ({ children, slots, ...rest }: DynamicTreeViewProps): JSX.Element => {
+export const DynamicTreeView = ({ children, slots, ...rest }: DynamicTreeViewProps): React.JSX.Element => {
   return (
     <RichTreeView {...rest} slots={{ ...slots, item: TreeItem }}>
       {children}

package/src/lib/JsonViewer.tsx

@@ -16,7 +16,7 @@ const isObject = (value: unknown): value is Record<string, unknown> => {
 
 const validateId = (id: string) => id.replace(/[^.\w:-]+/gi, '');
 
-const getDetails = ({ data }: JsonViewerProps, parentKey?: string): (JSX.Element | null)[] => {
+const getDetails = ({ data }: JsonViewerProps, parentKey?: string): (React.JSX.Element | null)[] => {
   return Object.entries(data).map(([key, value], index) => {
     const id = validateId(parentKey ? `${parentKey}.${index}.${key}` : `${index}.${key}`);
 
@@ -38,7 +38,7 @@ const getDetails = ({ data }: JsonViewerProps, parentKey?: string): (JSX.Element
   });
 };
 
-export const JsonViewer = ({ data, ...rest }: JsonViewerProps): JSX.Element => {
+export const JsonViewer = ({ data, ...rest }: JsonViewerProps): React.JSX.Element => {
   const details = getDetails({ data });
   return <TreeView {...rest}>{details}</TreeView>;
 };

package/src/lib/TreeItem.tsx

@@ -1,13 +1,13 @@
-import { TreeItem2, TreeItem2Props as MuiTreeItem2Props } from '@mui/x-tree-view/TreeItem2';
+import { TreeItem as MuiTreeItem, TreeItemProps as MuiTreeItemProps } from '@mui/x-tree-view/TreeItem';
 import { TriangleRightIcon, TriangleExpandIcon } from '@availity/mui-icon';
 
-export interface TreeItemProps extends MuiTreeItem2Props {
+export interface TreeItemProps extends MuiTreeItemProps {
   truncate?: boolean;
 }
 
-export const TreeItem = ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps): JSX.Element => {
+export const TreeItem = ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps): React.JSX.Element => {
   return (
-    <TreeItem2
+    <MuiTreeItem
       {...rest}
       label={label}
       slots={{
@@ -23,7 +23,7 @@ export const TreeItem = ({ children, label, slots, slotProps, truncate, ...rest
           style: truncate ? { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } : {},
         },
         checkbox: {
-          // @ts-expect-error TreeItem2SlotProps.checkbox types are incorrect
+          // @ts-expect-error SlotProps.checkbox types are incorrect
           inputProps: {
             'aria-hidden': true,
           },
@@ -31,6 +31,6 @@ export const TreeItem = ({ children, label, slots, slotProps, truncate, ...rest
       }}
     >
       {children}
-    </TreeItem2>
+    </MuiTreeItem>
   );
 };

package/src/lib/TreeView.tsx

@@ -2,6 +2,6 @@ import { SimpleTreeView, SimpleTreeViewProps } from '@mui/x-tree-view/SimpleTree
 
 export type TreeViewProps = SimpleTreeViewProps<true>;
 
-export const TreeView = ({ children, ...rest }: TreeViewProps): JSX.Element => {
+export const TreeView = ({ children, ...rest }: TreeViewProps): React.JSX.Element => {
   return <SimpleTreeView {...rest}>{children}</SimpleTreeView>;
 };