@bit.rhplus/draggable-modal 0.0.12 → 0.0.13

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 (6) hide show
  1. package/dist/index.d.ts +1 -2
  2. package/dist/index.js +6 -2
  3. package/dist/index.js.map +1 -1
  4. package/index.jsx +64 -58
  5. package/package.json +2 -2
  6. /package/dist/{preview-1759925900657.js → preview-1770614312455.js} +0 -0
package/dist/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export default DraggableModal;
2
- declare function DraggableModal(props: any): React.ReactPortal | null;
3
- import * as React from 'react';
2
+ declare function DraggableModal(props: any): import("react/jsx-runtime").JSX.Element | null;
package/dist/index.js CHANGED
@@ -33,7 +33,8 @@ const DraggableModal = (props) => {
33
33
  bottom: clientHeight - (targetRect.bottom - uiData.y),
34
34
  });
35
35
  };
36
- return (open && getContainer ? (ReactDOM.createPortal(_jsx(Modal, { ...props, mask: !isInteractive, getContainer: false, zIndex: props.zIndex || 99999999, height: height, title: _jsx("div", { style: { width: '100%', cursor: 'move' }, onMouseOver: () => {
36
+ // Sdílený Modal komponent
37
+ const modalContent = (_jsx(Modal, { ...props, mask: !isInteractive, getContainer: getContainer || false, zIndex: props.zIndex || 99999999, height: height, title: _jsx("div", { style: { width: '100%', cursor: 'move' }, onMouseOver: () => {
37
38
  if (disabled) {
38
39
  setDisabled(false);
39
40
  }
@@ -54,7 +55,10 @@ const DraggableModal = (props) => {
54
55
  display: 'flex',
55
56
  flexDirection: 'column'
56
57
  } : {}
57
- }, modalRender: (modal) => (_jsx(Draggable, { disabled: disabled, bounds: bounds, onStart: (event, uiData) => onStart(event, uiData), children: _jsx("div", { ref: draggleRef, children: modal }) })), children: _jsx(_Fragment, { children: children }) }), getContainer())) : null);
58
+ }, modalRender: (modal) => (_jsx(Draggable, { disabled: disabled, bounds: bounds, onStart: (event, uiData) => onStart(event, uiData), children: _jsx("div", { ref: draggleRef, children: modal }) })), children: _jsx(_Fragment, { children: children }) }));
59
+ // Pokud je getContainer funkce, použijeme portal
60
+ // Jinak renderujeme přímo (zachová React context)
61
+ return open ? (typeof getContainer === 'function' ? (ReactDOM.createPortal(modalContent, getContainer())) : (modalContent)) : null;
58
62
  };
59
63
  export default DraggableModal;
60
64
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":"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"}
package/index.jsx CHANGED
@@ -37,67 +37,73 @@ const DraggableModal = (props) => {
37
37
  });
38
38
  };
39
39
 
40
- return (
41
- open && getContainer ? (
42
- ReactDOM.createPortal(
43
- <Modal
44
- {...props}
45
- mask={!isInteractive}
46
- getContainer={false} // Zajistí, že modal bude přímo vložen do portálu
47
- zIndex={props.zIndex || 99999999}
48
- height={height}
49
- title={
50
- <div
51
- style={{ width: '100%', cursor: 'move' }}
52
- onMouseOver={() => {
53
- if (disabled) {
54
- setDisabled(false);
55
- }
56
- }}
57
- onMouseOut={() => {
58
- setDisabled(true);
59
- }}
60
- onFocus={() => { }}
61
- onBlur={() => { }}
62
- >
63
- {title}
64
- </div>
65
- }
66
- open={open}
67
- onOk={onOk}
68
- onCancel={onCancel}
69
- styles={{
70
- body: {
71
- paddingBottom: '30px',
72
- ...(height && {
73
- height: `calc(${height} - 110px)`,
74
- overflow: 'hidden',
75
- display: 'flex',
76
- flexDirection: 'column'
77
- })
78
- },
79
- content: height ? {
80
- height: height,
81
- display: 'flex',
82
- flexDirection: 'column'
83
- } : {}
40
+ // Sdílený Modal komponent
41
+ const modalContent = (
42
+ <Modal
43
+ {...props}
44
+ mask={!isInteractive}
45
+ getContainer={getContainer || false} // false = renderovat v místě
46
+ zIndex={props.zIndex || 99999999}
47
+ height={height}
48
+ title={
49
+ <div
50
+ style={{ width: '100%', cursor: 'move' }}
51
+ onMouseOver={() => {
52
+ if (disabled) {
53
+ setDisabled(false);
54
+ }
84
55
  }}
85
- modalRender={(modal) => (
86
- <Draggable
87
- disabled={disabled}
88
- bounds={bounds}
89
- onStart={(event, uiData) => onStart(event, uiData)}
90
- >
91
- <div ref={draggleRef}>{modal}</div>
92
- </Draggable>
93
- )}
56
+ onMouseOut={() => {
57
+ setDisabled(true);
58
+ }}
59
+ onFocus={() => { }}
60
+ onBlur={() => { }}
61
+ >
62
+ {title}
63
+ </div>
64
+ }
65
+ open={open}
66
+ onOk={onOk}
67
+ onCancel={onCancel}
68
+ styles={{
69
+ body: {
70
+ paddingBottom: '30px',
71
+ ...(height && {
72
+ height: `calc(${height} - 110px)`,
73
+ overflow: 'hidden',
74
+ display: 'flex',
75
+ flexDirection: 'column'
76
+ })
77
+ },
78
+ content: height ? {
79
+ height: height,
80
+ display: 'flex',
81
+ flexDirection: 'column'
82
+ } : {}
83
+ }}
84
+ modalRender={(modal) => (
85
+ <Draggable
86
+ disabled={disabled}
87
+ bounds={bounds}
88
+ onStart={(event, uiData) => onStart(event, uiData)}
94
89
  >
95
- <>{children}</>
96
- </Modal>,
97
- getContainer()
98
- )
99
- ) : null
90
+ <div ref={draggleRef}>{modal}</div>
91
+ </Draggable>
92
+ )}
93
+ >
94
+ <>{children}</>
95
+ </Modal>
100
96
  );
97
+
98
+ // Pokud je getContainer funkce, použijeme portal
99
+ // Jinak renderujeme přímo (zachová React context)
100
+ return open ? (
101
+ typeof getContainer === 'function' ? (
102
+ ReactDOM.createPortal(modalContent, getContainer())
103
+ ) : (
104
+ modalContent
105
+ )
106
+ ) : null;
101
107
  };
102
108
 
103
109
  export default DraggableModal;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@bit.rhplus/draggable-modal",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "homepage": "https://bit.cloud/remote-scope/draggable-modal",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "remote-scope",
8
8
  "name": "draggable-modal",
9
- "version": "0.0.12"
9
+ "version": "0.0.13"
10
10
  },
11
11
  "dependencies": {
12
12
  "antd": "^5.20.6",