@etsoo/materialui 1.3.50 → 1.3.51

package/__tests__/NotifierMUTests.tsx

@@ -2,9 +2,8 @@ import {
   INotification,
   NotificationMessageType
 } from "@etsoo/notificationbase";
-import React from "react";
+import React, { act } from "react";
 import { createRoot } from "react-dom/client";
-import { act } from "react-dom/test-utils";
 import { NotifierMU } from "../src";
 
 // Without it will popup error:

package/__tests__/SelectEx.tsx

@@ -1,8 +1,7 @@
-import React from "react";
+import React, { act } from "react";
 import { SelectEx } from "../src";
 import { findByText, fireEvent, render, screen } from "@testing-library/react";
 import { ListType1, Utils } from "@etsoo/shared";
-import { act } from "react-dom/test-utils";
 
 it("Render SelectEx", async () => {
   // Arrange

package/__tests__/SwitchAnt.tsx

@@ -1,6 +1,5 @@
 import { getByText, render } from "@testing-library/react";
-import React from "react";
-import { act } from "react-dom/test-utils";
+import React, { act } from "react";
 import { SwitchAnt } from "../src/SwitchAnt";
 
 it("SwitchAnt Tests", () => {

package/lib/CultureDataTable.js

@@ -14,7 +14,7 @@ export function CultureDataTable(props) {
             {
                 field: "id",
                 headerName: cultureLabel,
-                valueFormatter: getCultureLabel,
+                renderCell: getCultureLabel,
                 width: 150,
                 editable: false,
                 sortable: false

package/lib/ShowDataComparison.d.ts

@@ -12,4 +12,4 @@ export declare function IsAuditLineUpdateData(obj: any): obj is AuditLineChanges
  * @param getLabel Get label callback
  * @param equalCheck Equal check for properties
  */
-export declare const ShowDataComparison: (data: AuditLineChangesDto, modelTitle?: string, getLabel?: ((field: string) => string) | undefined, equalCheck?: boolean) => void;
+export declare const ShowDataComparison: (data: AuditLineChangesDto, modelTitle?: string, getLabel?: (field: string) => string, equalCheck?: boolean) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.50",
+  "version": "1.3.51",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -49,48 +49,48 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@etsoo/appscript": "^1.4.83",
-    "@etsoo/notificationbase": "^1.1.41",
-    "@etsoo/react": "^1.7.33",
-    "@etsoo/shared": "^1.2.34",
-    "@mui/icons-material": "^5.15.11",
-    "@mui/material": "^5.15.11",
-    "@mui/x-data-grid": "^6.19.6",
+    "@emotion/styled": "^11.11.5",
+    "@etsoo/appscript": "^1.4.84",
+    "@etsoo/notificationbase": "^1.1.42",
+    "@etsoo/react": "^1.7.34",
+    "@etsoo/shared": "^1.2.37",
+    "@mui/icons-material": "^5.15.15",
+    "@mui/material": "^5.15.15",
+    "@mui/x-data-grid": "^7.3.1",
     "chart.js": "^4.4.2",
     "chartjs-plugin-datalabels": "^2.2.0",
     "eventemitter3": "^5.0.1",
     "pica": "^9.0.1",
     "pulltorefreshjs": "^0.1.22",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-avatar-editor": "^13.0.2",
     "react-chartjs-2": "^5.2.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
-    "react-imask": "7.5.0"
+    "react-imask": "7.6.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/plugin-transform-runtime": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@babel/runtime-corejs3": "^7.24.0",
+    "@babel/cli": "^7.24.1",
+    "@babel/core": "^7.24.4",
+    "@babel/plugin-transform-runtime": "^7.24.3",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@babel/runtime-corejs3": "^7.24.4",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^15.0.5",
     "@types/jest": "^29.5.12",
     "@types/pica": "^9.0.4",
     "@types/pulltorefreshjs": "^0.1.7",
-    "@types/react": "^18.2.63",
+    "@types/react": "^18.3.1",
     "@types/react-avatar-editor": "^13.0.2",
-    "@types/react-dom": "^18.2.19",
+    "@types/react-dom": "^18.3.0",
     "@types/react-input-mask": "^3.0.5",
     "@types/react-window": "^1.8.8",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.4.5"
   }
 }

package/src/CultureDataTable.tsx

@@ -2,7 +2,7 @@ import { DataTable, DataTableProps } from "./DataTable";
 import React from "react";
 import { globalApp } from "./app/ReactApp";
 import { ListType1 } from "@etsoo/shared";
-import { GridValueFormatterParams } from "@mui/x-data-grid";
+import { GridRenderCellParams } from "@mui/x-data-grid";
 
 /**
  * Culture table props
@@ -34,7 +34,7 @@ export function CultureDataTable(props: CultureDataTableProps) {
   } = props;
 
   const getCultureLabel = React.useCallback(
-    (value: GridValueFormatterParams) =>
+    (value: GridRenderCellParams) =>
       cultures.find((c) => c.id == value.id)?.label ?? `${value.value}`,
     [cultures]
   );
@@ -45,7 +45,7 @@ export function CultureDataTable(props: CultureDataTableProps) {
         {
           field: "id",
           headerName: cultureLabel,
-          valueFormatter: getCultureLabel,
+          renderCell: getCultureLabel,
           width: 150,
           editable: false,
           sortable: false