@etsoo/materialui 1.1.99 → 1.2.0

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.
Files changed (8) hide show
  1. package/lib/DraggablePaperComponent.d.ts +1 -1
  2. package/lib/DraggablePaperComponent.js +3 -3
  3. package/lib/FabBox.js +1 -1
  4. package/lib/NotifierMU.js +4 -4
  5. package/package.json +1 -1
  6. package/src/DraggablePaperComponent.tsx +11 -11
  7. package/src/FabBox.tsx +1 -1
  8. package/src/NotifierMU.tsx +4 -4
package/lib/DraggablePaperComponent.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { PaperProps } from '@mui/material';
2
+ import { PaperProps } from "@mui/material";
3
3
  /**
4
4
  * Draggable paper component
5
5
  * @param props Props
package/lib/DraggablePaperComponent.js CHANGED
@@ -1,6 +1,6 @@
1
- import { Paper } from '@mui/material';
2
- import React from 'react';
3
- import Draggable from 'react-draggable';
1
+ import { Paper } from "@mui/material";
2
+ import React from "react";
3
+ import Draggable from "react-draggable";
4
4
  /**
5
5
  * Draggable paper component
6
6
  * @param props Props
package/lib/FabBox.js CHANGED
@@ -7,7 +7,7 @@ import React from "react";
7
7
  */
8
8
  export function FabBox(props) {
9
9
  // Destruct
10
- const { columnDirection, fabPanel = columnDirection, itemGap = 1, sx, ...rest } = props;
10
+ const { columnDirection, fabPanel = columnDirection === false ? true : false, itemGap = 1, sx, ...rest } = props;
11
11
  // Theme
12
12
  const theme = useTheme();
13
13
  const spaceGap = theme.spacing(itemGap);
package/lib/NotifierMU.js CHANGED
@@ -21,7 +21,7 @@ const IconDialogTitle = styled(DialogTitle) `
21
21
  text-overflow: ellipsis;
22
22
  padding-left: ${theme.spacing(1)};
23
23
  }
24
- & .closeButton {
24
+ & .MuiDialogContent-root-close-button {
25
25
  padding-left: ${theme.spacing(1)};
26
26
  }
27
27
  `}
@@ -68,7 +68,7 @@ export class NotificationMU extends NotificationReact {
68
68
  React.createElement(IconDialogTitle, { className: "draggable-dialog-title" },
69
69
  icon,
70
70
  React.createElement("span", { className: "dialogTitle" }, title),
71
- closable && (React.createElement(IconButton, { className: "closeButton", size: "small", onClick: () => this.returnValue("CLOSE") },
71
+ closable && (React.createElement(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE") },
72
72
  React.createElement(CloseIcon, null)))),
73
73
  React.createElement(DialogContent, null,
74
74
  React.createElement(DialogContentText, null, this.content),
@@ -89,7 +89,7 @@ export class NotificationMU extends NotificationReact {
89
89
  React.createElement(IconDialogTitle, { className: "draggable-dialog-title" },
90
90
  React.createElement(Help, { color: "action" }),
91
91
  React.createElement("span", { className: "dialogTitle" }, title),
92
- closable && (React.createElement(IconButton, { className: "closeButton", size: "small", onClick: () => this.returnValue("CLOSE") },
92
+ closable && (React.createElement(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE") },
93
93
  React.createElement(CloseIcon, null)))),
94
94
  React.createElement(DialogContent, null,
95
95
  React.createElement(DialogContentText, null, this.content),
@@ -205,7 +205,7 @@ export class NotificationMU extends NotificationReact {
205
205
  React.createElement(IconDialogTitle, { className: "draggable-dialog-title" },
206
206
  React.createElement(Info, { color: "primary" }),
207
207
  React.createElement("span", { className: "dialogTitle" }, title),
208
- closable && (React.createElement(IconButton, { className: "closeButton", size: "small", onClick: () => this.returnValue("CLOSE") },
208
+ closable && (React.createElement(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE") },
209
209
  React.createElement(CloseIcon, null)))),
210
210
  React.createElement(DialogContent, null,
211
211
  React.createElement(DialogContentText, null, this.content),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.1.99",
3
+ "version": "1.2.0",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
package/src/DraggablePaperComponent.tsx CHANGED
@@ -1,6 +1,6 @@
1
- import { Paper, PaperProps } from '@mui/material';
2
- import React from 'react';
3
- import Draggable from 'react-draggable';
1
+ import { Paper, PaperProps } from "@mui/material";
2
+ import React from "react";
3
+ import Draggable from "react-draggable";
4
4
 
5
5
  /**
6
6
  * Draggable paper component
@@ -8,12 +8,12 @@ import Draggable from 'react-draggable';
8
8
  * @returns Component
9
9
  */
10
10
  export function DraggablePaperComponent(props: PaperProps) {
11
- return (
12
- <Draggable
13
- handle=".draggable-dialog-title"
14
- cancel={'[class*="MuiDialogContent-root"]'}
15
- >
16
- <Paper {...props} />
17
- </Draggable>
18
- );
11
+ return (
12
+ <Draggable
13
+ handle=".draggable-dialog-title"
14
+ cancel={'[class*="MuiDialogContent-root"]'}
15
+ >
16
+ <Paper {...props} />
17
+ </Draggable>
18
+ );
19
19
  }
package/src/FabBox.tsx CHANGED
@@ -30,7 +30,7 @@ export function FabBox(props: FabBoxProps) {
30
30
  // Destruct
31
31
  const {
32
32
  columnDirection,
33
- fabPanel = columnDirection,
33
+ fabPanel = columnDirection === false ? true : false,
34
34
  itemGap = 1,
35
35
  sx,
36
36
  ...rest
package/src/NotifierMU.tsx CHANGED
@@ -55,7 +55,7 @@ const IconDialogTitle = styled(DialogTitle)`
55
55
  text-overflow: ellipsis;
56
56
  padding-left: ${theme.spacing(1)};
57
57
  }
58
- & .closeButton {
58
+ & .MuiDialogContent-root-close-button {
59
59
  padding-left: ${theme.spacing(1)};
60
60
  }
61
61
  `}
@@ -124,7 +124,7 @@ export class NotificationMU extends NotificationReact {
124
124
  <span className="dialogTitle">{title}</span>
125
125
  {closable && (
126
126
  <IconButton
127
- className="closeButton"
127
+ className="MuiDialogContent-root-close-button"
128
128
  size="small"
129
129
  onClick={() => this.returnValue("CLOSE")}
130
130
  >
@@ -195,7 +195,7 @@ export class NotificationMU extends NotificationReact {
195
195
  <span className="dialogTitle">{title}</span>
196
196
  {closable && (
197
197
  <IconButton
198
- className="closeButton"
198
+ className="MuiDialogContent-root-close-button"
199
199
  size="small"
200
200
  onClick={() => this.returnValue("CLOSE")}
201
201
  >
@@ -416,7 +416,7 @@ export class NotificationMU extends NotificationReact {
416
416
  <span className="dialogTitle">{title}</span>
417
417
  {closable && (
418
418
  <IconButton
419
- className="closeButton"
419
+ className="MuiDialogContent-root-close-button"
420
420
  size="small"
421
421
  onClick={() => this.returnValue("CLOSE")}
422
422
  >