bitz-react-admin-ui 2.4.6 → 2.4.7
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/_virtual/Draggable.mjs +4 -0
- package/dist/_virtual/DraggableCore.mjs +4 -0
- package/dist/_virtual/Resizable.mjs +4 -0
- package/dist/_virtual/ResizableBox.mjs +4 -0
- package/dist/_virtual/_commonjsHelpers.mjs +26 -4
- package/dist/_virtual/cjs.mjs +4 -0
- package/dist/_virtual/clsx.m.mjs +6 -0
- package/dist/_virtual/domFns.mjs +4 -0
- package/dist/_virtual/getPrefix.mjs +4 -0
- package/dist/_virtual/index6.mjs +4 -0
- package/dist/_virtual/log.mjs +4 -0
- package/dist/_virtual/positionFns.mjs +4 -0
- package/dist/_virtual/propTypes.mjs +4 -0
- package/dist/_virtual/shims.mjs +4 -0
- package/dist/_virtual/utils.mjs +4 -0
- package/dist/components/BitzTable/Table/ResizableTitle copy.mjs +67 -0
- package/dist/components/BitzTable/Table/index.mjs +391 -373
- package/dist/components/BitzTable/ToolBar/Modal/style.mjs +6 -6
- package/dist/node_modules/.store/clsx@1.2.1/node_modules/clsx/dist/clsx.m.mjs +22 -0
- package/dist/node_modules/.store/prop-types@15.8.1/node_modules/prop-types/index.mjs +8 -7
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/Draggable.mjs +343 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/DraggableCore.mjs +324 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/cjs.mjs +14 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/utils/domFns.mjs +174 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/utils/getPrefix.mjs +35 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/utils/log.mjs +7 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/utils/positionFns.mjs +107 -0
- package/dist/node_modules/.store/react-draggable@4.4.6/node_modules/react-draggable/build/cjs/utils/shims.mjs +30 -0
- package/dist/node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/build/Resizable.mjs +201 -0
- package/dist/node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/build/ResizableBox.mjs +162 -0
- package/dist/node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/build/propTypes.mjs +118 -0
- package/dist/node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/build/utils.mjs +54 -0
- package/dist/node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/index.mjs +13 -0
- package/dist/node_modules/.store/use-sync-external-store@1.2.0/node_modules/use-sync-external-store/shim/index.mjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { css as
|
|
2
|
-
import { columnsSortStyles as l, appearanceConfigStyles as
|
|
1
|
+
import { css as n } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
|
|
2
|
+
import { columnsSortStyles as l, appearanceConfigStyles as r, exportConfigStyles as i } from "../ColConfigIcon/style.mjs";
|
|
3
3
|
const f = (o) => {
|
|
4
4
|
var t, a, e;
|
|
5
|
-
return
|
|
5
|
+
return n`
|
|
6
6
|
&.tableConfigModal {
|
|
7
7
|
.ant-modal-content {
|
|
8
8
|
max-height: calc(100vh - 200px);
|
|
@@ -35,9 +35,9 @@ const f = (o) => {
|
|
|
35
35
|
|
|
36
36
|
${l(o)}
|
|
37
37
|
|
|
38
|
-
${
|
|
38
|
+
${r(o)}
|
|
39
39
|
|
|
40
|
-
${
|
|
40
|
+
${i(o)}
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -47,7 +47,7 @@ const f = (o) => {
|
|
|
47
47
|
align-self: flex-end;
|
|
48
48
|
text-align: left;
|
|
49
49
|
margin: 0;
|
|
50
|
-
padding:
|
|
50
|
+
padding-inline: 24px;
|
|
51
51
|
background-color: ${(e = o.Modal) == null ? void 0 : e.footerBg};
|
|
52
52
|
}
|
|
53
53
|
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
function o(r) {
|
|
2
|
+
var f, n, t = "";
|
|
3
|
+
if (typeof r == "string" || typeof r == "number")
|
|
4
|
+
t += r;
|
|
5
|
+
else if (typeof r == "object")
|
|
6
|
+
if (Array.isArray(r))
|
|
7
|
+
for (f = 0; f < r.length; f++)
|
|
8
|
+
r[f] && (n = o(r[f])) && (t && (t += " "), t += n);
|
|
9
|
+
else
|
|
10
|
+
for (f in r)
|
|
11
|
+
r[f] && (t && (t += " "), t += f);
|
|
12
|
+
return t;
|
|
13
|
+
}
|
|
14
|
+
function a() {
|
|
15
|
+
for (var r, f, n = 0, t = ""; n < arguments.length; )
|
|
16
|
+
(r = arguments[n++]) && (f = o(r)) && (t && (t += " "), t += f);
|
|
17
|
+
return t;
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
a as clsx,
|
|
21
|
+
a as default
|
|
22
|
+
};
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs as e } from "../../../../../_virtual/_commonjsHelpers.mjs";
|
|
2
2
|
import { __module as r } from "../../../../../_virtual/index.mjs";
|
|
3
3
|
import { __require as o } from "../../../react-is@16.13.1/node_modules/react-is/index.mjs";
|
|
4
|
-
import { __require as
|
|
5
|
-
import { __require as
|
|
4
|
+
import { __require as p } from "./factoryWithTypeCheckers.mjs";
|
|
5
|
+
import { __require as t } from "./factoryWithThrowingShims.mjs";
|
|
6
6
|
if (process.env.NODE_ENV !== "production") {
|
|
7
7
|
var s = o(), i = !0;
|
|
8
|
-
r.exports =
|
|
8
|
+
r.exports = p()(s.isElement, i);
|
|
9
9
|
} else
|
|
10
|
-
r.exports =
|
|
11
|
-
var
|
|
12
|
-
const q = /* @__PURE__ */ e(
|
|
10
|
+
r.exports = t()();
|
|
11
|
+
var a = r.exports;
|
|
12
|
+
const q = /* @__PURE__ */ e(a);
|
|
13
13
|
export {
|
|
14
|
-
q as default
|
|
14
|
+
q as default,
|
|
15
|
+
a as p
|
|
15
16
|
};
|
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
import { __exports as F } from "../../../../../../../_virtual/Draggable.mjs";
|
|
2
|
+
import G from "react";
|
|
3
|
+
import { p as V } from "../../../../../prop-types@15.8.1/node_modules/prop-types/index.mjs";
|
|
4
|
+
import W from "react-dom";
|
|
5
|
+
import $ from "../../../../../../../_virtual/clsx.m.mjs";
|
|
6
|
+
import "./utils/domFns.mjs";
|
|
7
|
+
import "./utils/positionFns.mjs";
|
|
8
|
+
import "./utils/shims.mjs";
|
|
9
|
+
import "./DraggableCore.mjs";
|
|
10
|
+
import "./utils/log.mjs";
|
|
11
|
+
import { __exports as q } from "../../../../../../../_virtual/domFns.mjs";
|
|
12
|
+
import { __exports as B } from "../../../../../../../_virtual/positionFns.mjs";
|
|
13
|
+
import { __exports as U } from "../../../../../../../_virtual/shims.mjs";
|
|
14
|
+
import { __exports as A } from "../../../../../../../_virtual/DraggableCore.mjs";
|
|
15
|
+
import { __exports as I } from "../../../../../../../_virtual/log.mjs";
|
|
16
|
+
(function(p) {
|
|
17
|
+
Object.defineProperty(p, "__esModule", {
|
|
18
|
+
value: !0
|
|
19
|
+
}), Object.defineProperty(p, "DraggableCore", {
|
|
20
|
+
enumerable: !0,
|
|
21
|
+
get: function() {
|
|
22
|
+
return m.default;
|
|
23
|
+
}
|
|
24
|
+
}), p.default = void 0;
|
|
25
|
+
var c = E(G), n = d(V), M = d(W), T = d($), S = q, l = B, v = U, m = d(A), h = d(I);
|
|
26
|
+
function d(t) {
|
|
27
|
+
return t && t.__esModule ? t : { default: t };
|
|
28
|
+
}
|
|
29
|
+
function _(t) {
|
|
30
|
+
if (typeof WeakMap != "function")
|
|
31
|
+
return null;
|
|
32
|
+
var e = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
|
|
33
|
+
return (_ = function(a) {
|
|
34
|
+
return a ? r : e;
|
|
35
|
+
})(t);
|
|
36
|
+
}
|
|
37
|
+
function E(t, e) {
|
|
38
|
+
if (!e && t && t.__esModule)
|
|
39
|
+
return t;
|
|
40
|
+
if (t === null || typeof t != "object" && typeof t != "function")
|
|
41
|
+
return { default: t };
|
|
42
|
+
var r = _(e);
|
|
43
|
+
if (r && r.has(t))
|
|
44
|
+
return r.get(t);
|
|
45
|
+
var a = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
46
|
+
for (var s in t)
|
|
47
|
+
if (s !== "default" && Object.prototype.hasOwnProperty.call(t, s)) {
|
|
48
|
+
var i = o ? Object.getOwnPropertyDescriptor(t, s) : null;
|
|
49
|
+
i && (i.get || i.set) ? Object.defineProperty(a, s, i) : a[s] = t[s];
|
|
50
|
+
}
|
|
51
|
+
return a.default = t, r && r.set(t, a), a;
|
|
52
|
+
}
|
|
53
|
+
function b() {
|
|
54
|
+
return b = Object.assign ? Object.assign.bind() : function(t) {
|
|
55
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
56
|
+
var r = arguments[e];
|
|
57
|
+
for (var a in r)
|
|
58
|
+
Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
|
|
59
|
+
}
|
|
60
|
+
return t;
|
|
61
|
+
}, b.apply(this, arguments);
|
|
62
|
+
}
|
|
63
|
+
function f(t, e, r) {
|
|
64
|
+
return e = X(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
|
|
65
|
+
}
|
|
66
|
+
function X(t) {
|
|
67
|
+
var e = Y(t, "string");
|
|
68
|
+
return typeof e == "symbol" ? e : String(e);
|
|
69
|
+
}
|
|
70
|
+
function Y(t, e) {
|
|
71
|
+
if (typeof t != "object" || t === null)
|
|
72
|
+
return t;
|
|
73
|
+
var r = t[Symbol.toPrimitive];
|
|
74
|
+
if (r !== void 0) {
|
|
75
|
+
var a = r.call(t, e || "default");
|
|
76
|
+
if (typeof a != "object")
|
|
77
|
+
return a;
|
|
78
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
79
|
+
}
|
|
80
|
+
return (e === "string" ? String : Number)(t);
|
|
81
|
+
}
|
|
82
|
+
class y extends c.Component {
|
|
83
|
+
// React 16.3+
|
|
84
|
+
// Arity (props, state)
|
|
85
|
+
static getDerivedStateFromProps(e, r) {
|
|
86
|
+
let {
|
|
87
|
+
position: a
|
|
88
|
+
} = e, {
|
|
89
|
+
prevPropsPosition: o
|
|
90
|
+
} = r;
|
|
91
|
+
return a && (!o || a.x !== o.x || a.y !== o.y) ? ((0, h.default)("Draggable: getDerivedStateFromProps %j", {
|
|
92
|
+
position: a,
|
|
93
|
+
prevPropsPosition: o
|
|
94
|
+
}), {
|
|
95
|
+
x: a.x,
|
|
96
|
+
y: a.y,
|
|
97
|
+
prevPropsPosition: {
|
|
98
|
+
...a
|
|
99
|
+
}
|
|
100
|
+
}) : null;
|
|
101
|
+
}
|
|
102
|
+
constructor(e) {
|
|
103
|
+
super(e), f(this, "onDragStart", (r, a) => {
|
|
104
|
+
if ((0, h.default)("Draggable: onDragStart: %j", a), this.props.onStart(r, (0, l.createDraggableData)(this, a)) === !1)
|
|
105
|
+
return !1;
|
|
106
|
+
this.setState({
|
|
107
|
+
dragging: !0,
|
|
108
|
+
dragged: !0
|
|
109
|
+
});
|
|
110
|
+
}), f(this, "onDrag", (r, a) => {
|
|
111
|
+
if (!this.state.dragging)
|
|
112
|
+
return !1;
|
|
113
|
+
(0, h.default)("Draggable: onDrag: %j", a);
|
|
114
|
+
const o = (0, l.createDraggableData)(this, a), s = {
|
|
115
|
+
x: o.x,
|
|
116
|
+
y: o.y,
|
|
117
|
+
slackX: 0,
|
|
118
|
+
slackY: 0
|
|
119
|
+
};
|
|
120
|
+
if (this.props.bounds) {
|
|
121
|
+
const {
|
|
122
|
+
x: g,
|
|
123
|
+
y: u
|
|
124
|
+
} = s;
|
|
125
|
+
s.x += this.state.slackX, s.y += this.state.slackY;
|
|
126
|
+
const [D, x] = (0, l.getBoundPosition)(this, s.x, s.y);
|
|
127
|
+
s.x = D, s.y = x, s.slackX = this.state.slackX + (g - s.x), s.slackY = this.state.slackY + (u - s.y), o.x = s.x, o.y = s.y, o.deltaX = s.x - this.state.x, o.deltaY = s.y - this.state.y;
|
|
128
|
+
}
|
|
129
|
+
if (this.props.onDrag(r, o) === !1)
|
|
130
|
+
return !1;
|
|
131
|
+
this.setState(s);
|
|
132
|
+
}), f(this, "onDragStop", (r, a) => {
|
|
133
|
+
if (!this.state.dragging || this.props.onStop(r, (0, l.createDraggableData)(this, a)) === !1)
|
|
134
|
+
return !1;
|
|
135
|
+
(0, h.default)("Draggable: onDragStop: %j", a);
|
|
136
|
+
const s = {
|
|
137
|
+
dragging: !1,
|
|
138
|
+
slackX: 0,
|
|
139
|
+
slackY: 0
|
|
140
|
+
};
|
|
141
|
+
if (!!this.props.position) {
|
|
142
|
+
const {
|
|
143
|
+
x: g,
|
|
144
|
+
y: u
|
|
145
|
+
} = this.props.position;
|
|
146
|
+
s.x = g, s.y = u;
|
|
147
|
+
}
|
|
148
|
+
this.setState(s);
|
|
149
|
+
}), this.state = {
|
|
150
|
+
// Whether or not we are currently dragging.
|
|
151
|
+
dragging: !1,
|
|
152
|
+
// Whether or not we have been dragged before.
|
|
153
|
+
dragged: !1,
|
|
154
|
+
// Current transform x and y.
|
|
155
|
+
x: e.position ? e.position.x : e.defaultPosition.x,
|
|
156
|
+
y: e.position ? e.position.y : e.defaultPosition.y,
|
|
157
|
+
prevPropsPosition: {
|
|
158
|
+
...e.position
|
|
159
|
+
},
|
|
160
|
+
// Used for compensating for out-of-bounds drags
|
|
161
|
+
slackX: 0,
|
|
162
|
+
slackY: 0,
|
|
163
|
+
// Can only determine if SVG after mounting
|
|
164
|
+
isElementSVG: !1
|
|
165
|
+
}, e.position && !(e.onDrag || e.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
|
|
166
|
+
}
|
|
167
|
+
componentDidMount() {
|
|
168
|
+
typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
|
|
169
|
+
isElementSVG: !0
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
componentWillUnmount() {
|
|
173
|
+
this.setState({
|
|
174
|
+
dragging: !1
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
// React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
|
|
178
|
+
// the underlying DOM node ourselves. See the README for more information.
|
|
179
|
+
findDOMNode() {
|
|
180
|
+
var e, r;
|
|
181
|
+
return (e = (r = this.props) === null || r === void 0 || (r = r.nodeRef) === null || r === void 0 ? void 0 : r.current) !== null && e !== void 0 ? e : M.default.findDOMNode(this);
|
|
182
|
+
}
|
|
183
|
+
render() {
|
|
184
|
+
const {
|
|
185
|
+
axis: e,
|
|
186
|
+
bounds: r,
|
|
187
|
+
children: a,
|
|
188
|
+
defaultPosition: o,
|
|
189
|
+
defaultClassName: s,
|
|
190
|
+
defaultClassNameDragging: i,
|
|
191
|
+
defaultClassNameDragged: g,
|
|
192
|
+
position: u,
|
|
193
|
+
positionOffset: D,
|
|
194
|
+
scale: x,
|
|
195
|
+
...R
|
|
196
|
+
} = this.props;
|
|
197
|
+
let P = {}, O = null;
|
|
198
|
+
const w = !!!u || this.state.dragging, C = u || o, N = {
|
|
199
|
+
// Set left if horizontal drag is enabled
|
|
200
|
+
x: (0, l.canDragX)(this) && w ? this.state.x : C.x,
|
|
201
|
+
// Set top if vertical drag is enabled
|
|
202
|
+
y: (0, l.canDragY)(this) && w ? this.state.y : C.y
|
|
203
|
+
};
|
|
204
|
+
this.state.isElementSVG ? O = (0, S.createSVGTransform)(N, D) : P = (0, S.createCSSTransform)(N, D);
|
|
205
|
+
const k = (0, T.default)(a.props.className || "", s, {
|
|
206
|
+
[i]: this.state.dragging,
|
|
207
|
+
[g]: this.state.dragged
|
|
208
|
+
});
|
|
209
|
+
return /* @__PURE__ */ c.createElement(m.default, b({}, R, {
|
|
210
|
+
onStart: this.onDragStart,
|
|
211
|
+
onDrag: this.onDrag,
|
|
212
|
+
onStop: this.onDragStop
|
|
213
|
+
}), /* @__PURE__ */ c.cloneElement(c.Children.only(a), {
|
|
214
|
+
className: k,
|
|
215
|
+
style: {
|
|
216
|
+
...a.props.style,
|
|
217
|
+
...P
|
|
218
|
+
},
|
|
219
|
+
transform: O
|
|
220
|
+
}));
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
p.default = y, f(y, "displayName", "Draggable"), f(y, "propTypes", {
|
|
224
|
+
// Accepts all props <DraggableCore> accepts.
|
|
225
|
+
...m.default.propTypes,
|
|
226
|
+
/**
|
|
227
|
+
* `axis` determines which axis the draggable can move.
|
|
228
|
+
*
|
|
229
|
+
* Note that all callbacks will still return data as normal. This only
|
|
230
|
+
* controls flushing to the DOM.
|
|
231
|
+
*
|
|
232
|
+
* 'both' allows movement horizontally and vertically.
|
|
233
|
+
* 'x' limits movement to horizontal axis.
|
|
234
|
+
* 'y' limits movement to vertical axis.
|
|
235
|
+
* 'none' limits all movement.
|
|
236
|
+
*
|
|
237
|
+
* Defaults to 'both'.
|
|
238
|
+
*/
|
|
239
|
+
axis: n.default.oneOf(["both", "x", "y", "none"]),
|
|
240
|
+
/**
|
|
241
|
+
* `bounds` determines the range of movement available to the element.
|
|
242
|
+
* Available values are:
|
|
243
|
+
*
|
|
244
|
+
* 'parent' restricts movement within the Draggable's parent node.
|
|
245
|
+
*
|
|
246
|
+
* Alternatively, pass an object with the following properties, all of which are optional:
|
|
247
|
+
*
|
|
248
|
+
* {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
|
|
249
|
+
*
|
|
250
|
+
* All values are in px.
|
|
251
|
+
*
|
|
252
|
+
* Example:
|
|
253
|
+
*
|
|
254
|
+
* ```jsx
|
|
255
|
+
* let App = React.createClass({
|
|
256
|
+
* render: function () {
|
|
257
|
+
* return (
|
|
258
|
+
* <Draggable bounds={{right: 300, bottom: 300}}>
|
|
259
|
+
* <div>Content</div>
|
|
260
|
+
* </Draggable>
|
|
261
|
+
* );
|
|
262
|
+
* }
|
|
263
|
+
* });
|
|
264
|
+
* ```
|
|
265
|
+
*/
|
|
266
|
+
bounds: n.default.oneOfType([n.default.shape({
|
|
267
|
+
left: n.default.number,
|
|
268
|
+
right: n.default.number,
|
|
269
|
+
top: n.default.number,
|
|
270
|
+
bottom: n.default.number
|
|
271
|
+
}), n.default.string, n.default.oneOf([!1])]),
|
|
272
|
+
defaultClassName: n.default.string,
|
|
273
|
+
defaultClassNameDragging: n.default.string,
|
|
274
|
+
defaultClassNameDragged: n.default.string,
|
|
275
|
+
/**
|
|
276
|
+
* `defaultPosition` specifies the x and y that the dragged item should start at
|
|
277
|
+
*
|
|
278
|
+
* Example:
|
|
279
|
+
*
|
|
280
|
+
* ```jsx
|
|
281
|
+
* let App = React.createClass({
|
|
282
|
+
* render: function () {
|
|
283
|
+
* return (
|
|
284
|
+
* <Draggable defaultPosition={{x: 25, y: 25}}>
|
|
285
|
+
* <div>I start with transformX: 25px and transformY: 25px;</div>
|
|
286
|
+
* </Draggable>
|
|
287
|
+
* );
|
|
288
|
+
* }
|
|
289
|
+
* });
|
|
290
|
+
* ```
|
|
291
|
+
*/
|
|
292
|
+
defaultPosition: n.default.shape({
|
|
293
|
+
x: n.default.number,
|
|
294
|
+
y: n.default.number
|
|
295
|
+
}),
|
|
296
|
+
positionOffset: n.default.shape({
|
|
297
|
+
x: n.default.oneOfType([n.default.number, n.default.string]),
|
|
298
|
+
y: n.default.oneOfType([n.default.number, n.default.string])
|
|
299
|
+
}),
|
|
300
|
+
/**
|
|
301
|
+
* `position`, if present, defines the current position of the element.
|
|
302
|
+
*
|
|
303
|
+
* This is similar to how form elements in React work - if no `position` is supplied, the component
|
|
304
|
+
* is uncontrolled.
|
|
305
|
+
*
|
|
306
|
+
* Example:
|
|
307
|
+
*
|
|
308
|
+
* ```jsx
|
|
309
|
+
* let App = React.createClass({
|
|
310
|
+
* render: function () {
|
|
311
|
+
* return (
|
|
312
|
+
* <Draggable position={{x: 25, y: 25}}>
|
|
313
|
+
* <div>I start with transformX: 25px and transformY: 25px;</div>
|
|
314
|
+
* </Draggable>
|
|
315
|
+
* );
|
|
316
|
+
* }
|
|
317
|
+
* });
|
|
318
|
+
* ```
|
|
319
|
+
*/
|
|
320
|
+
position: n.default.shape({
|
|
321
|
+
x: n.default.number,
|
|
322
|
+
y: n.default.number
|
|
323
|
+
}),
|
|
324
|
+
/**
|
|
325
|
+
* These properties should be defined on the child, not here.
|
|
326
|
+
*/
|
|
327
|
+
className: v.dontSetMe,
|
|
328
|
+
style: v.dontSetMe,
|
|
329
|
+
transform: v.dontSetMe
|
|
330
|
+
}), f(y, "defaultProps", {
|
|
331
|
+
...m.default.defaultProps,
|
|
332
|
+
axis: "both",
|
|
333
|
+
bounds: !1,
|
|
334
|
+
defaultClassName: "react-draggable",
|
|
335
|
+
defaultClassNameDragging: "react-draggable-dragging",
|
|
336
|
+
defaultClassNameDragged: "react-draggable-dragged",
|
|
337
|
+
defaultPosition: {
|
|
338
|
+
x: 0,
|
|
339
|
+
y: 0
|
|
340
|
+
},
|
|
341
|
+
scale: 1
|
|
342
|
+
});
|
|
343
|
+
})(F);
|