@etsoo/materialui 1.3.51 → 1.3.52

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 (3) hide show
  1. package/lib/DraggablePaperComponent.js +3 -2
  2. package/package.json +1 -1
  3. package/src/DraggablePaperComponent.tsx +3 -1
package/lib/DraggablePaperComponent.js CHANGED
@@ -7,6 +7,7 @@ import Draggable from "react-draggable";
7
7
  * @returns Component
8
8
  */
9
9
  export function DraggablePaperComponent(props) {
10
- return (React.createElement(Draggable, { handle: ".draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]' },
11
- React.createElement(Paper, { ...props })));
10
+ const nodeRef = React.useRef(null);
11
+ return (React.createElement(Draggable, { handle: ".draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]', nodeRef: nodeRef },
12
+ React.createElement(Paper, { ref: nodeRef, ...props })));
12
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.3.51",
3
+ "version": "1.3.52",
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
@@ -8,12 +8,14 @@ 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
12
  return (
12
13
  <Draggable
13
14
  handle=".draggable-dialog-title"
14
15
  cancel={'[class*="MuiDialogContent-root"]'}
16
+ nodeRef={nodeRef}
15
17
  >
16
- <Paper {...props} />
18
+ <Paper ref={nodeRef} {...props} />
17
19
  </Draggable>
18
20
  );
19
21
  }