zmdms-webui 2.5.1 → 2.5.3
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/dist/es/_virtual/index2.js +2 -2
- package/dist/es/modal/useDraggable.js +1 -1
- package/dist/es/node_modules/immutability-helper/index.js +1 -1
- package/dist/es/node_modules/rc-util/es/Dom/findDOMNode.js +2 -2
- package/dist/es/node_modules/react-is/cjs/react-is.development.js +1 -1
- package/dist/es/node_modules/react-is/cjs/react-is.production.min.js +1 -1
- package/dist/es/node_modules/react-is/index.js +1 -1
- package/package.json +2 -2
- package/dist/es/_virtual/Draggable.js +0 -3
- package/dist/es/_virtual/DraggableCore.js +0 -3
- package/dist/es/_virtual/cjs.js +0 -3
- package/dist/es/_virtual/clsx.js +0 -3
- package/dist/es/_virtual/domFns.js +0 -3
- package/dist/es/_virtual/getPrefix.js +0 -3
- package/dist/es/_virtual/index4.js +0 -3
- package/dist/es/_virtual/index5.js +0 -3
- package/dist/es/_virtual/log.js +0 -3
- package/dist/es/_virtual/positionFns.js +0 -3
- package/dist/es/_virtual/react-is.development2.js +0 -3
- package/dist/es/_virtual/react-is.production.min2.js +0 -3
- package/dist/es/_virtual/shims.js +0 -3
- package/dist/es/node_modules/object-assign/index.js +0 -99
- package/dist/es/node_modules/prop-types/checkPropTypes.js +0 -115
- package/dist/es/node_modules/prop-types/factoryWithThrowingShims.js +0 -74
- package/dist/es/node_modules/prop-types/factoryWithTypeCheckers.js +0 -625
- package/dist/es/node_modules/prop-types/index.js +0 -28
- package/dist/es/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -21
- package/dist/es/node_modules/prop-types/lib/has.js +0 -11
- package/dist/es/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js +0 -190
- package/dist/es/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js +0 -26
- package/dist/es/node_modules/prop-types/node_modules/react-is/index.js +0 -19
- package/dist/es/node_modules/react-draggable/build/cjs/Draggable.js +0 -412
- package/dist/es/node_modules/react-draggable/build/cjs/DraggableCore.js +0 -453
- package/dist/es/node_modules/react-draggable/build/cjs/cjs.js +0 -21
- package/dist/es/node_modules/react-draggable/build/cjs/utils/domFns.js +0 -237
- package/dist/es/node_modules/react-draggable/build/cjs/utils/getPrefix.js +0 -52
- package/dist/es/node_modules/react-draggable/build/cjs/utils/log.js +0 -9
- package/dist/es/node_modules/react-draggable/build/cjs/utils/positionFns.js +0 -155
- package/dist/es/node_modules/react-draggable/build/cjs/utils/shims.js +0 -33
- package/dist/es/node_modules/react-draggable/node_modules/clsx/dist/clsx.js +0 -7
|
@@ -1,453 +0,0 @@
|
|
|
1
|
-
import { __exports as DraggableCore$1 } from '../../../../_virtual/DraggableCore.js';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import { p as propTypesExports } from '../../../prop-types/index.js';
|
|
4
|
-
import require$$2 from 'react-dom';
|
|
5
|
-
import './utils/domFns.js';
|
|
6
|
-
import './utils/positionFns.js';
|
|
7
|
-
import './utils/shims.js';
|
|
8
|
-
import './utils/log.js';
|
|
9
|
-
import { __exports as domFns } from '../../../../_virtual/domFns.js';
|
|
10
|
-
import { __exports as shims } from '../../../../_virtual/shims.js';
|
|
11
|
-
import { __exports as log } from '../../../../_virtual/log.js';
|
|
12
|
-
import { __exports as positionFns } from '../../../../_virtual/positionFns.js';
|
|
13
|
-
|
|
14
|
-
Object.defineProperty(DraggableCore$1, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
DraggableCore$1.default = void 0;
|
|
18
|
-
var React = _interopRequireWildcard(React__default);
|
|
19
|
-
var _propTypes = _interopRequireDefault(propTypesExports);
|
|
20
|
-
var _reactDom = _interopRequireDefault(require$$2);
|
|
21
|
-
var _domFns = domFns;
|
|
22
|
-
var _positionFns = positionFns;
|
|
23
|
-
var _shims = shims;
|
|
24
|
-
var _log = _interopRequireDefault(log);
|
|
25
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
26
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
27
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
28
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
29
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
30
|
-
/*:: import type {EventHandler, MouseTouchEvent} from './utils/types';*/
|
|
31
|
-
/*:: import type {Element as ReactElement} from 'react';*/
|
|
32
|
-
// Simple abstraction for dragging events names.
|
|
33
|
-
const eventsFor = {
|
|
34
|
-
touch: {
|
|
35
|
-
start: 'touchstart',
|
|
36
|
-
move: 'touchmove',
|
|
37
|
-
stop: 'touchend'
|
|
38
|
-
},
|
|
39
|
-
mouse: {
|
|
40
|
-
start: 'mousedown',
|
|
41
|
-
move: 'mousemove',
|
|
42
|
-
stop: 'mouseup'
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
// Default to mouse events.
|
|
47
|
-
let dragEventFor = eventsFor.mouse;
|
|
48
|
-
/*:: export type DraggableData = {
|
|
49
|
-
node: HTMLElement,
|
|
50
|
-
x: number, y: number,
|
|
51
|
-
deltaX: number, deltaY: number,
|
|
52
|
-
lastX: number, lastY: number,
|
|
53
|
-
};*/
|
|
54
|
-
/*:: export type DraggableEventHandler = (e: MouseEvent, data: DraggableData) => void | false;*/
|
|
55
|
-
/*:: export type ControlPosition = {x: number, y: number};*/
|
|
56
|
-
/*:: export type PositionOffsetControlPosition = {x: number|string, y: number|string};*/
|
|
57
|
-
/*:: export type DraggableCoreDefaultProps = {
|
|
58
|
-
allowAnyClick: boolean,
|
|
59
|
-
allowMobileScroll: boolean,
|
|
60
|
-
disabled: boolean,
|
|
61
|
-
enableUserSelectHack: boolean,
|
|
62
|
-
onStart: DraggableEventHandler,
|
|
63
|
-
onDrag: DraggableEventHandler,
|
|
64
|
-
onStop: DraggableEventHandler,
|
|
65
|
-
onMouseDown: (e: MouseEvent) => void,
|
|
66
|
-
scale: number,
|
|
67
|
-
};*/
|
|
68
|
-
/*:: export type DraggableCoreProps = {
|
|
69
|
-
...DraggableCoreDefaultProps,
|
|
70
|
-
cancel: string,
|
|
71
|
-
children: ReactElement<any>,
|
|
72
|
-
offsetParent: HTMLElement,
|
|
73
|
-
grid: [number, number],
|
|
74
|
-
handle: string,
|
|
75
|
-
nodeRef?: ?React.ElementRef<any>,
|
|
76
|
-
};*/
|
|
77
|
-
//
|
|
78
|
-
// Define <DraggableCore>.
|
|
79
|
-
//
|
|
80
|
-
// <DraggableCore> is for advanced usage of <Draggable>. It maintains minimal internal state so it can
|
|
81
|
-
// work well with libraries that require more control over the element.
|
|
82
|
-
//
|
|
83
|
-
|
|
84
|
-
class DraggableCore extends React.Component /*:: <DraggableCoreProps>*/{
|
|
85
|
-
constructor() {
|
|
86
|
-
super(...arguments);
|
|
87
|
-
_defineProperty(this, "dragging", false);
|
|
88
|
-
// Used while dragging to determine deltas.
|
|
89
|
-
_defineProperty(this, "lastX", NaN);
|
|
90
|
-
_defineProperty(this, "lastY", NaN);
|
|
91
|
-
_defineProperty(this, "touchIdentifier", null);
|
|
92
|
-
_defineProperty(this, "mounted", false);
|
|
93
|
-
_defineProperty(this, "handleDragStart", e => {
|
|
94
|
-
// Make it possible to attach event handlers on top of this one.
|
|
95
|
-
this.props.onMouseDown(e);
|
|
96
|
-
|
|
97
|
-
// Only accept left-clicks.
|
|
98
|
-
if (!this.props.allowAnyClick && typeof e.button === 'number' && e.button !== 0) return false;
|
|
99
|
-
|
|
100
|
-
// Get nodes. Be sure to grab relative document (could be iframed)
|
|
101
|
-
const thisNode = this.findDOMNode();
|
|
102
|
-
if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body) {
|
|
103
|
-
throw new Error('<DraggableCore> not mounted on DragStart!');
|
|
104
|
-
}
|
|
105
|
-
const {
|
|
106
|
-
ownerDocument
|
|
107
|
-
} = thisNode;
|
|
108
|
-
|
|
109
|
-
// Short circuit if handle or cancel prop was provided and selector doesn't match.
|
|
110
|
-
if (this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.handle, thisNode) || this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.cancel, thisNode)) {
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
// Prevent scrolling on mobile devices, like ipad/iphone.
|
|
115
|
-
// Important that this is after handle/cancel.
|
|
116
|
-
if (e.type === 'touchstart' && !this.props.allowMobileScroll) e.preventDefault();
|
|
117
|
-
|
|
118
|
-
// Set touch identifier in component state if this is a touch event. This allows us to
|
|
119
|
-
// distinguish between individual touches on multitouch screens by identifying which
|
|
120
|
-
// touchpoint was set to this element.
|
|
121
|
-
const touchIdentifier = (0, _domFns.getTouchIdentifier)(e);
|
|
122
|
-
this.touchIdentifier = touchIdentifier;
|
|
123
|
-
|
|
124
|
-
// Get the current drag point from the event. This is used as the offset.
|
|
125
|
-
const position = (0, _positionFns.getControlPosition)(e, touchIdentifier, this);
|
|
126
|
-
if (position == null) return; // not possible but satisfies flow
|
|
127
|
-
const {
|
|
128
|
-
x,
|
|
129
|
-
y
|
|
130
|
-
} = position;
|
|
131
|
-
|
|
132
|
-
// Create an event object with all the data parents need to make a decision here.
|
|
133
|
-
const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
|
|
134
|
-
(0, _log.default)('DraggableCore: handleDragStart: %j', coreEvent);
|
|
135
|
-
|
|
136
|
-
// Call event handler. If it returns explicit false, cancel.
|
|
137
|
-
(0, _log.default)('calling', this.props.onStart);
|
|
138
|
-
const shouldUpdate = this.props.onStart(e, coreEvent);
|
|
139
|
-
if (shouldUpdate === false || this.mounted === false) return;
|
|
140
|
-
|
|
141
|
-
// Add a style to the body to disable user-select. This prevents text from
|
|
142
|
-
// being selected all over the page.
|
|
143
|
-
if (this.props.enableUserSelectHack) (0, _domFns.addUserSelectStyles)(ownerDocument);
|
|
144
|
-
|
|
145
|
-
// Initiate dragging. Set the current x and y as offsets
|
|
146
|
-
// so we know how much we've moved during the drag. This allows us
|
|
147
|
-
// to drag elements around even if they have been moved, without issue.
|
|
148
|
-
this.dragging = true;
|
|
149
|
-
this.lastX = x;
|
|
150
|
-
this.lastY = y;
|
|
151
|
-
|
|
152
|
-
// Add events to the document directly so we catch when the user's mouse/touch moves outside of
|
|
153
|
-
// this element. We use different events depending on whether or not we have detected that this
|
|
154
|
-
// is a touch-capable device.
|
|
155
|
-
(0, _domFns.addEvent)(ownerDocument, dragEventFor.move, this.handleDrag);
|
|
156
|
-
(0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, this.handleDragStop);
|
|
157
|
-
});
|
|
158
|
-
_defineProperty(this, "handleDrag", e => {
|
|
159
|
-
// Get the current drag point from the event. This is used as the offset.
|
|
160
|
-
const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
|
|
161
|
-
if (position == null) return;
|
|
162
|
-
let {
|
|
163
|
-
x,
|
|
164
|
-
y
|
|
165
|
-
} = position;
|
|
166
|
-
|
|
167
|
-
// Snap to grid if prop has been provided
|
|
168
|
-
if (Array.isArray(this.props.grid)) {
|
|
169
|
-
let deltaX = x - this.lastX,
|
|
170
|
-
deltaY = y - this.lastY;
|
|
171
|
-
[deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
|
|
172
|
-
if (!deltaX && !deltaY) return; // skip useless drag
|
|
173
|
-
x = this.lastX + deltaX, y = this.lastY + deltaY;
|
|
174
|
-
}
|
|
175
|
-
const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
|
|
176
|
-
(0, _log.default)('DraggableCore: handleDrag: %j', coreEvent);
|
|
177
|
-
|
|
178
|
-
// Call event handler. If it returns explicit false, trigger end.
|
|
179
|
-
const shouldUpdate = this.props.onDrag(e, coreEvent);
|
|
180
|
-
if (shouldUpdate === false || this.mounted === false) {
|
|
181
|
-
try {
|
|
182
|
-
// $FlowIgnore
|
|
183
|
-
this.handleDragStop(new MouseEvent('mouseup'));
|
|
184
|
-
} catch (err) {
|
|
185
|
-
// Old browsers
|
|
186
|
-
const event = ((document.createEvent('MouseEvents') /*: any*/) /*: MouseTouchEvent*/);
|
|
187
|
-
// I see why this insanity was deprecated
|
|
188
|
-
// $FlowIgnore
|
|
189
|
-
event.initMouseEvent('mouseup', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
|
|
190
|
-
this.handleDragStop(event);
|
|
191
|
-
}
|
|
192
|
-
return;
|
|
193
|
-
}
|
|
194
|
-
this.lastX = x;
|
|
195
|
-
this.lastY = y;
|
|
196
|
-
});
|
|
197
|
-
_defineProperty(this, "handleDragStop", e => {
|
|
198
|
-
if (!this.dragging) return;
|
|
199
|
-
const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
|
|
200
|
-
if (position == null) return;
|
|
201
|
-
let {
|
|
202
|
-
x,
|
|
203
|
-
y
|
|
204
|
-
} = position;
|
|
205
|
-
|
|
206
|
-
// Snap to grid if prop has been provided
|
|
207
|
-
if (Array.isArray(this.props.grid)) {
|
|
208
|
-
let deltaX = x - this.lastX || 0;
|
|
209
|
-
let deltaY = y - this.lastY || 0;
|
|
210
|
-
[deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
|
|
211
|
-
x = this.lastX + deltaX, y = this.lastY + deltaY;
|
|
212
|
-
}
|
|
213
|
-
const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
|
|
214
|
-
|
|
215
|
-
// Call event handler
|
|
216
|
-
const shouldContinue = this.props.onStop(e, coreEvent);
|
|
217
|
-
if (shouldContinue === false || this.mounted === false) return false;
|
|
218
|
-
const thisNode = this.findDOMNode();
|
|
219
|
-
if (thisNode) {
|
|
220
|
-
// Remove user-select hack
|
|
221
|
-
if (this.props.enableUserSelectHack) (0, _domFns.scheduleRemoveUserSelectStyles)(thisNode.ownerDocument);
|
|
222
|
-
}
|
|
223
|
-
(0, _log.default)('DraggableCore: handleDragStop: %j', coreEvent);
|
|
224
|
-
|
|
225
|
-
// Reset the el.
|
|
226
|
-
this.dragging = false;
|
|
227
|
-
this.lastX = NaN;
|
|
228
|
-
this.lastY = NaN;
|
|
229
|
-
if (thisNode) {
|
|
230
|
-
// Remove event handlers
|
|
231
|
-
(0, _log.default)('DraggableCore: Removing handlers');
|
|
232
|
-
(0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.move, this.handleDrag);
|
|
233
|
-
(0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.stop, this.handleDragStop);
|
|
234
|
-
}
|
|
235
|
-
});
|
|
236
|
-
_defineProperty(this, "onMouseDown", e => {
|
|
237
|
-
dragEventFor = eventsFor.mouse; // on touchscreen laptops we could switch back to mouse
|
|
238
|
-
|
|
239
|
-
return this.handleDragStart(e);
|
|
240
|
-
});
|
|
241
|
-
_defineProperty(this, "onMouseUp", e => {
|
|
242
|
-
dragEventFor = eventsFor.mouse;
|
|
243
|
-
return this.handleDragStop(e);
|
|
244
|
-
});
|
|
245
|
-
// Same as onMouseDown (start drag), but now consider this a touch device.
|
|
246
|
-
_defineProperty(this, "onTouchStart", e => {
|
|
247
|
-
// We're on a touch device now, so change the event handlers
|
|
248
|
-
dragEventFor = eventsFor.touch;
|
|
249
|
-
return this.handleDragStart(e);
|
|
250
|
-
});
|
|
251
|
-
_defineProperty(this, "onTouchEnd", e => {
|
|
252
|
-
// We're on a touch device now, so change the event handlers
|
|
253
|
-
dragEventFor = eventsFor.touch;
|
|
254
|
-
return this.handleDragStop(e);
|
|
255
|
-
});
|
|
256
|
-
}
|
|
257
|
-
componentDidMount() {
|
|
258
|
-
this.mounted = true;
|
|
259
|
-
// Touch handlers must be added with {passive: false} to be cancelable.
|
|
260
|
-
// https://developers.google.com/web/updates/2017/01/scrolling-intervention
|
|
261
|
-
const thisNode = this.findDOMNode();
|
|
262
|
-
if (thisNode) {
|
|
263
|
-
(0, _domFns.addEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
|
|
264
|
-
passive: false
|
|
265
|
-
});
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
componentWillUnmount() {
|
|
269
|
-
this.mounted = false;
|
|
270
|
-
// Remove any leftover event handlers. Remove both touch and mouse handlers in case
|
|
271
|
-
// some browser quirk caused a touch event to fire during a mouse move, or vice versa.
|
|
272
|
-
const thisNode = this.findDOMNode();
|
|
273
|
-
if (thisNode) {
|
|
274
|
-
const {
|
|
275
|
-
ownerDocument
|
|
276
|
-
} = thisNode;
|
|
277
|
-
(0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.move, this.handleDrag);
|
|
278
|
-
(0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.move, this.handleDrag);
|
|
279
|
-
(0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);
|
|
280
|
-
(0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.stop, this.handleDragStop);
|
|
281
|
-
(0, _domFns.removeEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
|
|
282
|
-
passive: false
|
|
283
|
-
});
|
|
284
|
-
if (this.props.enableUserSelectHack) (0, _domFns.scheduleRemoveUserSelectStyles)(ownerDocument);
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
// React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
|
|
289
|
-
// the underlying DOM node ourselves. See the README for more information.
|
|
290
|
-
findDOMNode() /*: ?HTMLElement*/{
|
|
291
|
-
return this.props?.nodeRef ? this.props?.nodeRef?.current : _reactDom.default.findDOMNode(this);
|
|
292
|
-
}
|
|
293
|
-
render() /*: React.Element<any>*/{
|
|
294
|
-
// Reuse the child provided
|
|
295
|
-
// This makes it flexible to use whatever element is wanted (div, ul, etc)
|
|
296
|
-
return /*#__PURE__*/React.cloneElement(React.Children.only(this.props.children), {
|
|
297
|
-
// Note: mouseMove handler is attached to document so it will still function
|
|
298
|
-
// when the user drags quickly and leaves the bounds of the element.
|
|
299
|
-
onMouseDown: this.onMouseDown,
|
|
300
|
-
onMouseUp: this.onMouseUp,
|
|
301
|
-
// onTouchStart is added on `componentDidMount` so they can be added with
|
|
302
|
-
// {passive: false}, which allows it to cancel. See
|
|
303
|
-
// https://developers.google.com/web/updates/2017/01/scrolling-intervention
|
|
304
|
-
onTouchEnd: this.onTouchEnd
|
|
305
|
-
});
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
DraggableCore$1.default = DraggableCore;
|
|
309
|
-
_defineProperty(DraggableCore, "displayName", 'DraggableCore');
|
|
310
|
-
_defineProperty(DraggableCore, "propTypes", {
|
|
311
|
-
/**
|
|
312
|
-
* `allowAnyClick` allows dragging using any mouse button.
|
|
313
|
-
* By default, we only accept the left button.
|
|
314
|
-
*
|
|
315
|
-
* Defaults to `false`.
|
|
316
|
-
*/
|
|
317
|
-
allowAnyClick: _propTypes.default.bool,
|
|
318
|
-
/**
|
|
319
|
-
* `allowMobileScroll` turns off cancellation of the 'touchstart' event
|
|
320
|
-
* on mobile devices. Only enable this if you are having trouble with click
|
|
321
|
-
* events. Prefer using 'handle' / 'cancel' instead.
|
|
322
|
-
*
|
|
323
|
-
* Defaults to `false`.
|
|
324
|
-
*/
|
|
325
|
-
allowMobileScroll: _propTypes.default.bool,
|
|
326
|
-
children: _propTypes.default.node.isRequired,
|
|
327
|
-
/**
|
|
328
|
-
* `disabled`, if true, stops the <Draggable> from dragging. All handlers,
|
|
329
|
-
* with the exception of `onMouseDown`, will not fire.
|
|
330
|
-
*/
|
|
331
|
-
disabled: _propTypes.default.bool,
|
|
332
|
-
/**
|
|
333
|
-
* By default, we add 'user-select:none' attributes to the document body
|
|
334
|
-
* to prevent ugly text selection during drag. If this is causing problems
|
|
335
|
-
* for your app, set this to `false`.
|
|
336
|
-
*/
|
|
337
|
-
enableUserSelectHack: _propTypes.default.bool,
|
|
338
|
-
/**
|
|
339
|
-
* `offsetParent`, if set, uses the passed DOM node to compute drag offsets
|
|
340
|
-
* instead of using the parent node.
|
|
341
|
-
*/
|
|
342
|
-
offsetParent: function (props /*: DraggableCoreProps*/, propName /*: $Keys<DraggableCoreProps>*/) {
|
|
343
|
-
if (props[propName] && props[propName].nodeType !== 1) {
|
|
344
|
-
throw new Error('Draggable\'s offsetParent must be a DOM Node.');
|
|
345
|
-
}
|
|
346
|
-
},
|
|
347
|
-
/**
|
|
348
|
-
* `grid` specifies the x and y that dragging should snap to.
|
|
349
|
-
*/
|
|
350
|
-
grid: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
351
|
-
/**
|
|
352
|
-
* `handle` specifies a selector to be used as the handle that initiates drag.
|
|
353
|
-
*
|
|
354
|
-
* Example:
|
|
355
|
-
*
|
|
356
|
-
* ```jsx
|
|
357
|
-
* let App = React.createClass({
|
|
358
|
-
* render: function () {
|
|
359
|
-
* return (
|
|
360
|
-
* <Draggable handle=".handle">
|
|
361
|
-
* <div>
|
|
362
|
-
* <div className="handle">Click me to drag</div>
|
|
363
|
-
* <div>This is some other content</div>
|
|
364
|
-
* </div>
|
|
365
|
-
* </Draggable>
|
|
366
|
-
* );
|
|
367
|
-
* }
|
|
368
|
-
* });
|
|
369
|
-
* ```
|
|
370
|
-
*/
|
|
371
|
-
handle: _propTypes.default.string,
|
|
372
|
-
/**
|
|
373
|
-
* `cancel` specifies a selector to be used to prevent drag initialization.
|
|
374
|
-
*
|
|
375
|
-
* Example:
|
|
376
|
-
*
|
|
377
|
-
* ```jsx
|
|
378
|
-
* let App = React.createClass({
|
|
379
|
-
* render: function () {
|
|
380
|
-
* return(
|
|
381
|
-
* <Draggable cancel=".cancel">
|
|
382
|
-
* <div>
|
|
383
|
-
* <div className="cancel">You can't drag from here</div>
|
|
384
|
-
* <div>Dragging here works fine</div>
|
|
385
|
-
* </div>
|
|
386
|
-
* </Draggable>
|
|
387
|
-
* );
|
|
388
|
-
* }
|
|
389
|
-
* });
|
|
390
|
-
* ```
|
|
391
|
-
*/
|
|
392
|
-
cancel: _propTypes.default.string,
|
|
393
|
-
/* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
|
|
394
|
-
* Unfortunately, in order for <Draggable> to work properly, we need raw access
|
|
395
|
-
* to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
|
|
396
|
-
* as in this example:
|
|
397
|
-
*
|
|
398
|
-
* function MyComponent() {
|
|
399
|
-
* const nodeRef = React.useRef(null);
|
|
400
|
-
* return (
|
|
401
|
-
* <Draggable nodeRef={nodeRef}>
|
|
402
|
-
* <div ref={nodeRef}>Example Target</div>
|
|
403
|
-
* </Draggable>
|
|
404
|
-
* );
|
|
405
|
-
* }
|
|
406
|
-
*
|
|
407
|
-
* This can be used for arbitrarily nested components, so long as the ref ends up
|
|
408
|
-
* pointing to the actual child DOM node and not a custom component.
|
|
409
|
-
*/
|
|
410
|
-
nodeRef: _propTypes.default.object,
|
|
411
|
-
/**
|
|
412
|
-
* Called when dragging starts.
|
|
413
|
-
* If this function returns the boolean false, dragging will be canceled.
|
|
414
|
-
*/
|
|
415
|
-
onStart: _propTypes.default.func,
|
|
416
|
-
/**
|
|
417
|
-
* Called while dragging.
|
|
418
|
-
* If this function returns the boolean false, dragging will be canceled.
|
|
419
|
-
*/
|
|
420
|
-
onDrag: _propTypes.default.func,
|
|
421
|
-
/**
|
|
422
|
-
* Called when dragging stops.
|
|
423
|
-
* If this function returns the boolean false, the drag will remain active.
|
|
424
|
-
*/
|
|
425
|
-
onStop: _propTypes.default.func,
|
|
426
|
-
/**
|
|
427
|
-
* A workaround option which can be passed if onMouseDown needs to be accessed,
|
|
428
|
-
* since it'll always be blocked (as there is internal use of onMouseDown)
|
|
429
|
-
*/
|
|
430
|
-
onMouseDown: _propTypes.default.func,
|
|
431
|
-
/**
|
|
432
|
-
* `scale`, if set, applies scaling while dragging an element
|
|
433
|
-
*/
|
|
434
|
-
scale: _propTypes.default.number,
|
|
435
|
-
/**
|
|
436
|
-
* These properties should be defined on the child, not here.
|
|
437
|
-
*/
|
|
438
|
-
className: _shims.dontSetMe,
|
|
439
|
-
style: _shims.dontSetMe,
|
|
440
|
-
transform: _shims.dontSetMe
|
|
441
|
-
});
|
|
442
|
-
_defineProperty(DraggableCore, "defaultProps", {
|
|
443
|
-
allowAnyClick: false,
|
|
444
|
-
// by default only accept left click
|
|
445
|
-
allowMobileScroll: false,
|
|
446
|
-
disabled: false,
|
|
447
|
-
enableUserSelectHack: true,
|
|
448
|
-
onStart: function () {},
|
|
449
|
-
onDrag: function () {},
|
|
450
|
-
onStop: function () {},
|
|
451
|
-
onMouseDown: function () {},
|
|
452
|
-
scale: 1
|
|
453
|
-
});
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
|
|
2
|
-
import { __module as cjs } from '../../../../_virtual/cjs.js';
|
|
3
|
-
import './Draggable.js';
|
|
4
|
-
import { __exports as Draggable$2 } from '../../../../_virtual/Draggable.js';
|
|
5
|
-
|
|
6
|
-
const {
|
|
7
|
-
default: Draggable,
|
|
8
|
-
DraggableCore
|
|
9
|
-
} = Draggable$2;
|
|
10
|
-
|
|
11
|
-
// Previous versions of this lib exported <Draggable> as the root export. As to no-// them, or TypeScript, we export *both* as the root and as 'default'.
|
|
12
|
-
// See https://github.com/mzabriskie/react-draggable/pull/254
|
|
13
|
-
// and https://github.com/mzabriskie/react-draggable/issues/266
|
|
14
|
-
cjs.exports = Draggable;
|
|
15
|
-
cjs.exports.default = Draggable;
|
|
16
|
-
cjs.exports.DraggableCore = DraggableCore;
|
|
17
|
-
|
|
18
|
-
var cjsExports = cjs.exports;
|
|
19
|
-
var Draggable$1 = /*@__PURE__*/getDefaultExportFromCjs(cjsExports);
|
|
20
|
-
|
|
21
|
-
export { Draggable$1 as default };
|