@etsoo/materialui 1.4.65 → 1.4.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/NotifierMU.js CHANGED
@@ -10,7 +10,10 @@ import { DraggablePaperComponent } from "./DraggablePaperComponent";
10
10
  import { LoadingButton } from "./LoadingButton";
11
11
  import { Labels } from "./app/Labels";
12
12
  // Custom icon dialog title bar
13
- const IconDialogTitle = styled(DialogTitle) `
13
+ const IconDialogTitle = styled(DialogTitle, {
14
+ // Prevent the passing of the draggable prop to the underlying DOM element
15
+ shouldForwardProp: (prop) => prop !== "draggable"
16
+ }) `
14
17
  ${({ theme, draggable }) => `
15
18
  cursor: ${draggable ? "move" : "default"};
16
19
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.4.65",
3
+ "version": "1.4.67",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",
@@ -32,7 +32,6 @@
32
32
  "dependencies": {
33
33
  "@dnd-kit/core": "^6.3.1",
34
34
  "@dnd-kit/sortable": "^10.0.0",
35
- "@emotion/css": "^11.13.5",
36
35
  "@emotion/react": "^11.14.0",
37
36
  "@emotion/styled": "^11.14.0",
38
37
  "@etsoo/appscript": "^1.5.87",
@@ -41,7 +40,7 @@
41
40
  "@etsoo/shared": "^1.2.55",
42
41
  "@mui/icons-material": "^6.3.1",
43
42
  "@mui/material": "^6.3.1",
44
- "@mui/x-data-grid": "^7.23.5",
43
+ "@mui/x-data-grid": "^7.23.6",
45
44
  "chart.js": "^4.4.7",
46
45
  "chartjs-plugin-datalabels": "^2.2.0",
47
46
  "eventemitter3": "^5.0.1",
@@ -54,6 +53,9 @@
54
53
  "react-draggable": "^4.4.6",
55
54
  "react-imask": "7.6.1"
56
55
  },
56
+ "overrides": {
57
+ "@emotion/react": "$@emotion/react"
58
+ },
57
59
  "devDependencies": {
58
60
  "@babel/cli": "^7.26.4",
59
61
  "@babel/core": "^7.26.0",
@@ -71,7 +73,7 @@
71
73
  "@types/react-input-mask": "^3.0.6",
72
74
  "@types/react-window": "^1.8.8",
73
75
  "@vitejs/plugin-react": "^4.3.4",
74
- "jsdom": "^25.0.1",
76
+ "jsdom": "^26.0.0",
75
77
  "typescript": "^5.7.3",
76
78
  "vitest": "^2.1.8"
77
79
  }
@@ -8,7 +8,7 @@ import Draggable from "react-draggable";
8
8
  * @returns Component
9
9
  */
10
10
  export function DraggablePaperComponent(props: PaperProps) {
11
- const nodeRef = React.useRef(null);
11
+ const nodeRef = React.useRef<HTMLDivElement>(null);
12
12
  return (
13
13
  <Draggable
14
14
  handle=".draggable-dialog-title"
@@ -20,6 +20,7 @@ import {
20
20
  DialogContent,
21
21
  DialogContentText,
22
22
  DialogTitle,
23
+ DialogTitleProps,
23
24
  Fade,
24
25
  IconButton,
25
26
  Popover,
@@ -43,8 +44,15 @@ import { DraggablePaperComponent } from "./DraggablePaperComponent";
43
44
  import { LoadingButton, LoadingButtonProps } from "./LoadingButton";
44
45
  import { Labels } from "./app/Labels";
45
46
 
47
+ type StyledDialogTitleProps = DialogTitleProps & {
48
+ draggable?: boolean;
49
+ };
50
+
46
51
  // Custom icon dialog title bar
47
- const IconDialogTitle = styled(DialogTitle)`
52
+ const IconDialogTitle = styled(DialogTitle, {
53
+ // Prevent the passing of the draggable prop to the underlying DOM element
54
+ shouldForwardProp: (prop) => prop !== "draggable"
55
+ })<StyledDialogTitleProps>`
48
56
  ${({ theme, draggable }) => `
49
57
  cursor: ${draggable ? "move" : "default"};
50
58
  display: flex;