@splunk/react-ui 4.44.1 → 4.45.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.
- package/CHANGELOG.md +8 -0
- package/Concertina.js +357 -232
- package/File.js +404 -279
- package/Layer.js +149 -84
- package/Multiselect.js +437 -433
- package/Popover.js +150 -146
- package/Resize.js +234 -109
- package/ResultsMenu.js +49 -45
- package/ScrollContainerContext.js +13 -9
- package/Select.js +278 -274
- package/Slider.js +351 -226
- package/Table.js +788 -768
- package/TextArea.js +526 -401
- package/package.json +4 -4
package/Resize.js
CHANGED
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(t, {
|
|
64
|
-
default: () => /* reexport */
|
|
64
|
+
default: () => /* reexport */ le
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
67
|
const r = require("react");
|
|
@@ -74,10 +74,10 @@
|
|
|
74
74
|
var s = e.n(a);
|
|
75
75
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
76
76
|
const c = require("lodash/omit");
|
|
77
|
-
var
|
|
77
|
+
var u = e.n(c);
|
|
78
78
|
// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
|
|
79
|
-
const
|
|
80
|
-
var d = e.n(
|
|
79
|
+
const l = require("@splunk/react-ui/EventListener");
|
|
80
|
+
var d = e.n(l);
|
|
81
81
|
// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
82
82
|
const f = require("@splunk/react-ui/ScreenReaderContent");
|
|
83
83
|
var p = e.n(f);
|
|
@@ -87,19 +87,19 @@
|
|
|
87
87
|
const h = require("@splunk/ui-utils/keyboard");
|
|
88
88
|
// CONCATENATED MODULE: external "styled-components"
|
|
89
89
|
const y = require("styled-components");
|
|
90
|
-
var
|
|
90
|
+
var m = e.n(y);
|
|
91
91
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
92
92
|
const b = require("@splunk/themes");
|
|
93
93
|
// CONCATENATED MODULE: ./src/Resize/ResizeStyles.ts
|
|
94
|
-
var
|
|
94
|
+
var w = "9px";
|
|
95
95
|
var g = "14px";
|
|
96
96
|
var S = "3px";
|
|
97
|
-
var
|
|
98
|
-
var
|
|
97
|
+
var E = "11px";
|
|
98
|
+
var k = m().div.withConfig({
|
|
99
99
|
displayName: "ResizeStyles__Styled",
|
|
100
100
|
componentId: "sc-181mwes-0"
|
|
101
101
|
})([ "", ";position:relative;overflow-x:hidden;overflow-y:hidden;" ], b.mixins.reset("block"));
|
|
102
|
-
var
|
|
102
|
+
var z = m().div.withConfig({
|
|
103
103
|
displayName: "ResizeStyles__StyledBorder",
|
|
104
104
|
componentId: "sc-181mwes-1"
|
|
105
105
|
})([ "", ";height:100%;width:100%;border:0 solid ", ";", " ", " ", " ", "" ], b.mixins.reset("block"), (0,
|
|
@@ -111,30 +111,30 @@
|
|
|
111
111
|
}
|
|
112
112
|
}), (function(e) {
|
|
113
113
|
var t = e.$borderSides;
|
|
114
|
-
return t.n && (0, y.css)([ "border-top-width:", ";" ],
|
|
114
|
+
return t.n && (0, y.css)([ "border-top-width:", ";" ], w);
|
|
115
115
|
}), (function(e) {
|
|
116
116
|
var t = e.$borderSides;
|
|
117
|
-
return t.e && (0, y.css)([ "border-right-width:", ";" ],
|
|
117
|
+
return t.e && (0, y.css)([ "border-right-width:", ";" ], w);
|
|
118
118
|
}), (function(e) {
|
|
119
119
|
var t = e.$borderSides;
|
|
120
|
-
return t.s && (0, y.css)([ "border-bottom-width:", ";" ],
|
|
120
|
+
return t.s && (0, y.css)([ "border-bottom-width:", ";" ], w);
|
|
121
121
|
}), (function(e) {
|
|
122
122
|
var t = e.$borderSides;
|
|
123
|
-
return t.w && (0, y.css)([ "border-left-width:", ";" ],
|
|
123
|
+
return t.w && (0, y.css)([ "border-left-width:", ";" ], w);
|
|
124
124
|
}));
|
|
125
|
-
var
|
|
125
|
+
var O = m().svg.withConfig({
|
|
126
126
|
displayName: "ResizeStyles__StyledCornerSvg",
|
|
127
127
|
componentId: "sc-181mwes-2"
|
|
128
128
|
})([ "display:block;stroke:currentColor;" ]);
|
|
129
|
-
var
|
|
129
|
+
var _ = m().path.withConfig({
|
|
130
130
|
displayName: "ResizeStyles__StyledCornerPath",
|
|
131
131
|
componentId: "sc-181mwes-3"
|
|
132
132
|
})([ "stroke-width:1.1px;" ]);
|
|
133
|
-
var
|
|
133
|
+
var x = m().svg.withConfig({
|
|
134
134
|
displayName: "ResizeStyles__StyledSideSvg",
|
|
135
135
|
componentId: "sc-181mwes-4"
|
|
136
136
|
})([ "display:block;fill:currentColor;" ]);
|
|
137
|
-
var
|
|
137
|
+
var R = (0, y.css)([ "", ";color:", ";&:hover,&:focus{color:", ";", "}", "" ], b.mixins.reset("block"), (0,
|
|
138
138
|
b.pick)({
|
|
139
139
|
prisma: b.variables.contentColorDefault,
|
|
140
140
|
enterprise: {
|
|
@@ -150,12 +150,12 @@
|
|
|
150
150
|
return t && n && (0, y.css)([ "background-color:", ";&:active{background-color:", ";}" ], b.variables.borderColorWeak, b.variables.borderColorStrong);
|
|
151
151
|
}), (function(e) {
|
|
152
152
|
var t = e.$showHandles;
|
|
153
|
-
return t === "on-hover" && (0, y.css)([ "opacity:0;transition:opacity 200ms;", ":hover > div > &,&:focus{opacity:1;}" ], /* sc-sel */
|
|
153
|
+
return t === "on-hover" && (0, y.css)([ "opacity:0;transition:opacity 200ms;", ":hover > div > &,&:focus{opacity:1;}" ], /* sc-sel */ k);
|
|
154
154
|
}));
|
|
155
|
-
var
|
|
155
|
+
var D = (0, y.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], R, E, E);
|
|
156
156
|
var j = (0, y.css)([ "height:100%;" ]);
|
|
157
157
|
var C = (0, y.css)([ "width:100%;display:flex;justify-content:center;" ]);
|
|
158
|
-
var P = (0, y.css)([ "", ";position:absolute;z-index:1;", "" ],
|
|
158
|
+
var P = (0, y.css)([ "", ";position:absolute;z-index:1;", "" ], R, (function(e) {
|
|
159
159
|
var t = e.$isSeparator;
|
|
160
160
|
return t && (0, b.pickVariant)("$cardinalDirection", {
|
|
161
161
|
n: C,
|
|
@@ -164,23 +164,148 @@
|
|
|
164
164
|
w: j
|
|
165
165
|
});
|
|
166
166
|
}));
|
|
167
|
-
var
|
|
167
|
+
var q = function e(t) {
|
|
168
168
|
var r = t.$isSeparator;
|
|
169
169
|
return r ? "0" : "calc(50% - ".concat(g, " / 2)");
|
|
170
170
|
};
|
|
171
|
-
var
|
|
171
|
+
var T = m().button.withConfig({
|
|
172
172
|
displayName: "ResizeStyles__StyledResize",
|
|
173
173
|
componentId: "sc-181mwes-5"
|
|
174
174
|
})([ "", "" ], (0, b.pickVariant)("$cardinalDirection", {
|
|
175
|
-
nw: (0, y.css)([ "", ";top:0;left:0;cursor:nwse-resize;> ", "{transform:rotate(180deg);}" ],
|
|
176
|
-
n: (0, y.css)([ "", ";cursor:ns-resize;top:0;left:", ";padding:", " 0;" ], P,
|
|
177
|
-
ne: (0, y.css)([ "", ";right:0;top:0;cursor:nesw-resize;> ", "{transform:rotate(-90deg);}" ],
|
|
178
|
-
w: (0, y.css)([ "", ";cursor:ew-resize;padding:0 ", ";left:0;top:", ";" ], P, S,
|
|
179
|
-
e: (0, y.css)([ "", ";cursor:ew-resize;padding:0 ", ";right:0;top:", ";" ], P, S,
|
|
180
|
-
sw: (0, y.css)([ "", ";left:0;bottom:0;cursor:nesw-resize;> ", "{transform:rotate(90deg);}" ],
|
|
181
|
-
s: (0, y.css)([ "", ";cursor:ns-resize;padding:", " 0;bottom:0;left:", ";" ], P, S,
|
|
182
|
-
se: (0, y.css)([ "", ";right:0;bottom:0;cursor:nwse-resize;" ],
|
|
175
|
+
nw: (0, y.css)([ "", ";top:0;left:0;cursor:nwse-resize;> ", "{transform:rotate(180deg);}" ], D, /* sc-sel */ O),
|
|
176
|
+
n: (0, y.css)([ "", ";cursor:ns-resize;top:0;left:", ";padding:", " 0;" ], P, q, S),
|
|
177
|
+
ne: (0, y.css)([ "", ";right:0;top:0;cursor:nesw-resize;> ", "{transform:rotate(-90deg);}" ], D, /* sc-sel */ O),
|
|
178
|
+
w: (0, y.css)([ "", ";cursor:ew-resize;padding:0 ", ";left:0;top:", ";" ], P, S, q),
|
|
179
|
+
e: (0, y.css)([ "", ";cursor:ew-resize;padding:0 ", ";right:0;top:", ";" ], P, S, q),
|
|
180
|
+
sw: (0, y.css)([ "", ";left:0;bottom:0;cursor:nesw-resize;> ", "{transform:rotate(90deg);}" ], D, /* sc-sel */ O),
|
|
181
|
+
s: (0, y.css)([ "", ";cursor:ns-resize;padding:", " 0;bottom:0;left:", ";" ], P, S, q),
|
|
182
|
+
se: (0, y.css)([ "", ";right:0;bottom:0;cursor:nwse-resize;" ], D)
|
|
183
183
|
}));
|
|
184
|
+
// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
185
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
186
|
+
var $ = {
|
|
187
|
+
body: {
|
|
188
|
+
appendChild: function e() {
|
|
189
|
+
return [];
|
|
190
|
+
}
|
|
191
|
+
},
|
|
192
|
+
addEventListener: function e() {},
|
|
193
|
+
removeEventListener: function e() {},
|
|
194
|
+
activeElement: {
|
|
195
|
+
blur: function e() {},
|
|
196
|
+
nodeName: ""
|
|
197
|
+
},
|
|
198
|
+
querySelector: function e() {
|
|
199
|
+
return null;
|
|
200
|
+
},
|
|
201
|
+
querySelectorAll: function e() {
|
|
202
|
+
return [];
|
|
203
|
+
},
|
|
204
|
+
getElementById: function e() {
|
|
205
|
+
return null;
|
|
206
|
+
},
|
|
207
|
+
createEvent: function e() {
|
|
208
|
+
return {
|
|
209
|
+
initEvent: function e() {}
|
|
210
|
+
};
|
|
211
|
+
},
|
|
212
|
+
createElement: function e() {
|
|
213
|
+
return {
|
|
214
|
+
children: [],
|
|
215
|
+
childNodes: [],
|
|
216
|
+
style: {},
|
|
217
|
+
setAttribute: function e() {},
|
|
218
|
+
getElementsByTagName: function e() {
|
|
219
|
+
return [];
|
|
220
|
+
}
|
|
221
|
+
};
|
|
222
|
+
},
|
|
223
|
+
createElementNS: function e() {
|
|
224
|
+
return {};
|
|
225
|
+
},
|
|
226
|
+
importNode: function e() {
|
|
227
|
+
return null;
|
|
228
|
+
},
|
|
229
|
+
location: {
|
|
230
|
+
hash: "",
|
|
231
|
+
host: "",
|
|
232
|
+
hostname: "",
|
|
233
|
+
href: "",
|
|
234
|
+
origin: "",
|
|
235
|
+
pathname: "",
|
|
236
|
+
protocol: "",
|
|
237
|
+
search: ""
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
function H() {
|
|
241
|
+
var e = typeof document !== "undefined" ? document : $;
|
|
242
|
+
return e;
|
|
243
|
+
}
|
|
244
|
+
var N = H();
|
|
245
|
+
/* harmony default export */ const I = /* unused pure expression or super */ null && N;
|
|
246
|
+
// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
|
|
247
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
248
|
+
var B = {
|
|
249
|
+
document: $,
|
|
250
|
+
navigator: {
|
|
251
|
+
userAgent: ""
|
|
252
|
+
},
|
|
253
|
+
location: {
|
|
254
|
+
hash: "",
|
|
255
|
+
host: "",
|
|
256
|
+
hostname: "",
|
|
257
|
+
href: "",
|
|
258
|
+
origin: "",
|
|
259
|
+
pathname: "",
|
|
260
|
+
protocol: "",
|
|
261
|
+
search: ""
|
|
262
|
+
},
|
|
263
|
+
history: {
|
|
264
|
+
replaceState: function e() {},
|
|
265
|
+
pushState: function e() {},
|
|
266
|
+
go: function e() {},
|
|
267
|
+
back: function e() {}
|
|
268
|
+
},
|
|
269
|
+
CustomEvent: function e() {
|
|
270
|
+
return this;
|
|
271
|
+
},
|
|
272
|
+
addEventListener: function e() {},
|
|
273
|
+
removeEventListener: function e() {},
|
|
274
|
+
getComputedStyle: function e() {
|
|
275
|
+
return {
|
|
276
|
+
getPropertyValue: function e() {
|
|
277
|
+
return "";
|
|
278
|
+
}
|
|
279
|
+
};
|
|
280
|
+
},
|
|
281
|
+
Image: function e() {},
|
|
282
|
+
Date: function e() {},
|
|
283
|
+
screen: {},
|
|
284
|
+
setTimeout: function e() {},
|
|
285
|
+
clearTimeout: function e() {},
|
|
286
|
+
matchMedia: function e() {
|
|
287
|
+
return {};
|
|
288
|
+
},
|
|
289
|
+
requestAnimationFrame: function e(t) {
|
|
290
|
+
if (typeof setTimeout === "undefined") {
|
|
291
|
+
t();
|
|
292
|
+
return null;
|
|
293
|
+
}
|
|
294
|
+
return setTimeout(t, 0);
|
|
295
|
+
},
|
|
296
|
+
cancelAnimationFrame: function e(t) {
|
|
297
|
+
if (typeof setTimeout === "undefined") {
|
|
298
|
+
return;
|
|
299
|
+
}
|
|
300
|
+
clearTimeout(t);
|
|
301
|
+
}
|
|
302
|
+
};
|
|
303
|
+
function M() {
|
|
304
|
+
var e = typeof window !== "undefined" ? window : B;
|
|
305
|
+
return e;
|
|
306
|
+
}
|
|
307
|
+
var L = M();
|
|
308
|
+
/* harmony default export */ const A = L;
|
|
184
309
|
// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
185
310
|
/**
|
|
186
311
|
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
@@ -188,7 +313,7 @@
|
|
|
188
313
|
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
189
314
|
* @param current - The new value of the ref.
|
|
190
315
|
*/
|
|
191
|
-
function
|
|
316
|
+
function K(e, t) {
|
|
192
317
|
if (e) {
|
|
193
318
|
if (typeof e === "function") {
|
|
194
319
|
e(t);
|
|
@@ -201,16 +326,16 @@
|
|
|
201
326
|
}
|
|
202
327
|
}
|
|
203
328
|
// CONCATENATED MODULE: ./src/Resize/Resize.tsx
|
|
204
|
-
function
|
|
329
|
+
function W(e) {
|
|
205
330
|
"@babel/helpers - typeof";
|
|
206
|
-
return
|
|
331
|
+
return W = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
207
332
|
return typeof e;
|
|
208
333
|
} : function(e) {
|
|
209
334
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
210
|
-
},
|
|
335
|
+
}, W(e);
|
|
211
336
|
}
|
|
212
|
-
function
|
|
213
|
-
return
|
|
337
|
+
function X() {
|
|
338
|
+
return X = Object.assign ? Object.assign.bind() : function(e) {
|
|
214
339
|
for (var t = 1; t < arguments.length; t++) {
|
|
215
340
|
var r = arguments[t];
|
|
216
341
|
for (var n in r) {
|
|
@@ -218,24 +343,24 @@
|
|
|
218
343
|
}
|
|
219
344
|
}
|
|
220
345
|
return e;
|
|
221
|
-
},
|
|
346
|
+
}, X.apply(null, arguments);
|
|
222
347
|
}
|
|
223
|
-
function
|
|
348
|
+
function Y(e, t) {
|
|
224
349
|
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
|
225
350
|
}
|
|
226
|
-
function
|
|
351
|
+
function F(e, t) {
|
|
227
352
|
for (var r = 0; r < t.length; r++) {
|
|
228
353
|
var n = t[r];
|
|
229
354
|
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
|
|
230
|
-
Object.defineProperty(e,
|
|
355
|
+
Object.defineProperty(e, ne(n.key), n);
|
|
231
356
|
}
|
|
232
357
|
}
|
|
233
|
-
function
|
|
234
|
-
return t &&
|
|
358
|
+
function V(e, t, r) {
|
|
359
|
+
return t && F(e.prototype, t), r && F(e, r), Object.defineProperty(e, "prototype", {
|
|
235
360
|
writable: !1
|
|
236
361
|
}), e;
|
|
237
362
|
}
|
|
238
|
-
function
|
|
363
|
+
function G(e, t) {
|
|
239
364
|
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
|
|
240
365
|
e.prototype = Object.create(t && t.prototype, {
|
|
241
366
|
constructor: {
|
|
@@ -245,70 +370,70 @@
|
|
|
245
370
|
}
|
|
246
371
|
}), Object.defineProperty(e, "prototype", {
|
|
247
372
|
writable: !1
|
|
248
|
-
}), t &&
|
|
373
|
+
}), t && J(e, t);
|
|
249
374
|
}
|
|
250
|
-
function
|
|
251
|
-
return
|
|
375
|
+
function J(e, t) {
|
|
376
|
+
return J = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
|
|
252
377
|
return e.__proto__ = t, e;
|
|
253
|
-
},
|
|
378
|
+
}, J(e, t);
|
|
254
379
|
}
|
|
255
|
-
function
|
|
256
|
-
var t =
|
|
380
|
+
function Q(e) {
|
|
381
|
+
var t = ee();
|
|
257
382
|
return function() {
|
|
258
|
-
var r, n =
|
|
383
|
+
var r, n = te(e);
|
|
259
384
|
if (t) {
|
|
260
|
-
var o =
|
|
385
|
+
var o = te(this).constructor;
|
|
261
386
|
r = Reflect.construct(n, arguments, o);
|
|
262
387
|
} else r = n.apply(this, arguments);
|
|
263
|
-
return
|
|
388
|
+
return U(this, r);
|
|
264
389
|
};
|
|
265
390
|
}
|
|
266
|
-
function
|
|
267
|
-
if (t && ("object" ==
|
|
391
|
+
function U(e, t) {
|
|
392
|
+
if (t && ("object" == W(t) || "function" == typeof t)) return t;
|
|
268
393
|
if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
|
|
269
|
-
return
|
|
394
|
+
return Z(e);
|
|
270
395
|
}
|
|
271
|
-
function
|
|
396
|
+
function Z(e) {
|
|
272
397
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
273
398
|
return e;
|
|
274
399
|
}
|
|
275
|
-
function
|
|
400
|
+
function ee() {
|
|
276
401
|
try {
|
|
277
402
|
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
278
403
|
} catch (e) {}
|
|
279
|
-
return (
|
|
404
|
+
return (ee = function t() {
|
|
280
405
|
return !!e;
|
|
281
406
|
})();
|
|
282
407
|
}
|
|
283
|
-
function
|
|
284
|
-
return
|
|
408
|
+
function te(e) {
|
|
409
|
+
return te = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
285
410
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
286
|
-
},
|
|
411
|
+
}, te(e);
|
|
287
412
|
}
|
|
288
|
-
function
|
|
289
|
-
return (t =
|
|
413
|
+
function re(e, t, r) {
|
|
414
|
+
return (t = ne(t)) in e ? Object.defineProperty(e, t, {
|
|
290
415
|
value: r,
|
|
291
416
|
enumerable: !0,
|
|
292
417
|
configurable: !0,
|
|
293
418
|
writable: !0
|
|
294
419
|
}) : e[t] = r, e;
|
|
295
420
|
}
|
|
296
|
-
function
|
|
297
|
-
var t =
|
|
298
|
-
return "symbol" ==
|
|
421
|
+
function ne(e) {
|
|
422
|
+
var t = oe(e, "string");
|
|
423
|
+
return "symbol" == W(t) ? t : t + "";
|
|
299
424
|
}
|
|
300
|
-
function
|
|
301
|
-
if ("object" !=
|
|
425
|
+
function oe(e, t) {
|
|
426
|
+
if ("object" != W(e) || !e) return e;
|
|
302
427
|
var r = e[Symbol.toPrimitive];
|
|
303
428
|
if (void 0 !== r) {
|
|
304
429
|
var n = r.call(e, t || "default");
|
|
305
|
-
if ("object" !=
|
|
430
|
+
if ("object" != W(n)) return n;
|
|
306
431
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
307
432
|
}
|
|
308
433
|
return ("string" === t ? String : Number)(e);
|
|
309
434
|
}
|
|
310
435
|
/** @public */
|
|
311
|
-
/** @public */ var
|
|
436
|
+
/** @public */ var ie = {
|
|
312
437
|
appearance: i().oneOf([ "border", "overlay", "separator" ]),
|
|
313
438
|
children: i().node,
|
|
314
439
|
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
@@ -317,13 +442,13 @@
|
|
|
317
442
|
resizeHandles: i().arrayOf(i().oneOf([ "nw", "n", "ne", "w", "e", "sw", "s", "se" ])).isRequired,
|
|
318
443
|
showHandles: i().oneOf([ "always", "on-hover" ])
|
|
319
444
|
};
|
|
320
|
-
var
|
|
445
|
+
var ae = {
|
|
321
446
|
appearance: "overlay",
|
|
322
447
|
keyIncrement: 10,
|
|
323
448
|
showHandles: "always"
|
|
324
449
|
};
|
|
325
|
-
var
|
|
326
|
-
var
|
|
450
|
+
var se = [ "nw", "n", "ne", "w", "e", "sw", "s", "se" ];
|
|
451
|
+
var ce = {
|
|
327
452
|
nw: (0, v._)("Resize northwest"),
|
|
328
453
|
n: (0, v._)("Resize north"),
|
|
329
454
|
ne: (0, v._)("Resize northeast"),
|
|
@@ -335,21 +460,21 @@
|
|
|
335
460
|
};
|
|
336
461
|
/**
|
|
337
462
|
* Resize is a utility container with drag handles for resizing.
|
|
338
|
-
*/ var
|
|
339
|
-
|
|
340
|
-
var t =
|
|
463
|
+
*/ var ue = function(e) {
|
|
464
|
+
G(r, e);
|
|
465
|
+
var t = Q(r);
|
|
341
466
|
// @docs-props-type ResizePropsBase
|
|
342
467
|
function r(e) {
|
|
343
468
|
var o;
|
|
344
|
-
|
|
469
|
+
Y(this, r);
|
|
345
470
|
o = t.call(this, e);
|
|
346
|
-
|
|
471
|
+
re(Z(o), "handleMount", (function(e) {
|
|
347
472
|
o.setState({
|
|
348
473
|
el: e
|
|
349
474
|
});
|
|
350
|
-
|
|
475
|
+
K(o.props.elementRef, e);
|
|
351
476
|
}));
|
|
352
|
-
|
|
477
|
+
re(Z(o), "handleDragStart", (function(e, t) {
|
|
353
478
|
if (e.button > 0) {
|
|
354
479
|
return;
|
|
355
480
|
}
|
|
@@ -366,14 +491,14 @@
|
|
|
366
491
|
};
|
|
367
492
|
}));
|
|
368
493
|
}));
|
|
369
|
-
|
|
494
|
+
re(Z(o), "handleDragEnd", (function() {
|
|
370
495
|
o.setState({
|
|
371
496
|
dragDirection: undefined
|
|
372
497
|
});
|
|
373
498
|
}));
|
|
374
|
-
|
|
375
|
-
var t = o.state, r = t.dragDirection, n = t.startWidth, i = n === void 0 ? 0 : n, a = t.startHeight, s = a === void 0 ? 0 : a, c = t.startX,
|
|
376
|
-
var f = (r === null || r === void 0 ? void 0 : r.match(/(w|e)$/)) ? e.clientX -
|
|
499
|
+
re(Z(o), "handleDrag", (function(e) {
|
|
500
|
+
var t = o.state, r = t.dragDirection, n = t.startWidth, i = n === void 0 ? 0 : n, a = t.startHeight, s = a === void 0 ? 0 : a, c = t.startX, u = c === void 0 ? 0 : c, l = t.startY, d = l === void 0 ? 0 : l;
|
|
501
|
+
var f = (r === null || r === void 0 ? void 0 : r.match(/(w|e)$/)) ? e.clientX - u : 0;
|
|
377
502
|
var p = (r === null || r === void 0 ? void 0 : r.match(/^(s|n)/)) ? e.clientY - d : 0;
|
|
378
503
|
var v = {
|
|
379
504
|
width: (r === null || r === void 0 ? void 0 : r.match(/w$/)) ? i - f : i + f,
|
|
@@ -381,7 +506,7 @@
|
|
|
381
506
|
};
|
|
382
507
|
o.props.onRequestResize(e, v);
|
|
383
508
|
}));
|
|
384
|
-
|
|
509
|
+
re(Z(o), "handleKeyDown", (function(e, t) {
|
|
385
510
|
var r = o.props.keyIncrement;
|
|
386
511
|
var n = (0, h.keycode)(e.nativeEvent);
|
|
387
512
|
var i = t.slice(-1);
|
|
@@ -397,7 +522,7 @@
|
|
|
397
522
|
};
|
|
398
523
|
var s = (i === "e" || i === "w") && (n === "right" || n === "left") ? a[i][n] : 0;
|
|
399
524
|
var c = t.charAt(0);
|
|
400
|
-
var
|
|
525
|
+
var u = {
|
|
401
526
|
n: {
|
|
402
527
|
down: -1,
|
|
403
528
|
up: 1
|
|
@@ -407,30 +532,30 @@
|
|
|
407
532
|
up: -1
|
|
408
533
|
}
|
|
409
534
|
};
|
|
410
|
-
var
|
|
411
|
-
if ((s ||
|
|
535
|
+
var l = (c === "n" || c === "s") && (n === "up" || n === "down") ? u[c][n] : 0;
|
|
536
|
+
if ((s || l) && o.state.el) {
|
|
412
537
|
e.preventDefault();
|
|
413
538
|
var d = {
|
|
414
539
|
width: o.state.el.offsetWidth + s * r,
|
|
415
|
-
height: o.state.el.offsetHeight +
|
|
540
|
+
height: o.state.el.offsetHeight + l * r
|
|
416
541
|
};
|
|
417
542
|
o.props.onRequestResize(e, d);
|
|
418
543
|
}
|
|
419
544
|
}));
|
|
420
|
-
|
|
545
|
+
re(Z(o), "renderHandle", (function(e) {
|
|
421
546
|
var t = o.props, r = t.showHandles, i = t.appearance;
|
|
422
547
|
var a = e.length > 1;
|
|
423
548
|
var s;
|
|
424
549
|
if (a) {
|
|
425
|
-
s = n().createElement(
|
|
550
|
+
s = n().createElement(O, {
|
|
426
551
|
viewBox: "0 0 11 11",
|
|
427
552
|
width: "11px",
|
|
428
553
|
height: "11px"
|
|
429
|
-
}, n().createElement(
|
|
554
|
+
}, n().createElement(_, {
|
|
430
555
|
d: "M0 8 L 8 0 M4 8 L 8 4"
|
|
431
556
|
}));
|
|
432
557
|
} else if (e === "n" || e === "s") {
|
|
433
|
-
s = n().createElement(
|
|
558
|
+
s = n().createElement(x, {
|
|
434
559
|
viewBox: "0 0 14 3",
|
|
435
560
|
width: "14px",
|
|
436
561
|
height: "3px"
|
|
@@ -446,7 +571,7 @@
|
|
|
446
571
|
y: "2"
|
|
447
572
|
}));
|
|
448
573
|
} else if (e === "e" || e === "w") {
|
|
449
|
-
s = n().createElement(
|
|
574
|
+
s = n().createElement(x, {
|
|
450
575
|
viewBox: "0 0 3 14",
|
|
451
576
|
width: "3px",
|
|
452
577
|
height: "14px"
|
|
@@ -463,7 +588,7 @@
|
|
|
463
588
|
}));
|
|
464
589
|
}
|
|
465
590
|
|
|
466
|
-
return n().createElement(
|
|
591
|
+
return n().createElement(T, {
|
|
467
592
|
key: e,
|
|
468
593
|
"data-test": "resize-handle-".concat(e),
|
|
469
594
|
onMouseDown: o["handleDragStart".concat(e)],
|
|
@@ -471,14 +596,14 @@
|
|
|
471
596
|
$showHandles: r,
|
|
472
597
|
$cardinalDirection: e,
|
|
473
598
|
$isSeparator: i === "separator"
|
|
474
|
-
}, s, n().createElement(p(), null,
|
|
599
|
+
}, s, n().createElement(p(), null, ce[e]));
|
|
475
600
|
}));
|
|
476
601
|
o.state = {
|
|
477
602
|
el: null
|
|
478
603
|
};
|
|
479
604
|
if (false) {}
|
|
480
605
|
// Generate handlers for each direction.
|
|
481
|
-
|
|
606
|
+
se.forEach((function(e) {
|
|
482
607
|
// @ts-expect-error - dynamic function creation
|
|
483
608
|
o["handleDragStart".concat(e)] = function(t) {
|
|
484
609
|
o.handleDragStart(t, e);
|
|
@@ -490,16 +615,16 @@
|
|
|
490
615
|
}));
|
|
491
616
|
return o;
|
|
492
617
|
}
|
|
493
|
-
|
|
618
|
+
V(r, [ {
|
|
494
619
|
key: "render",
|
|
495
620
|
value: function e() {
|
|
496
621
|
var t = this.props, o = t.appearance, i = t.children, a = t.resizeHandles;
|
|
497
|
-
var c = this.state,
|
|
622
|
+
var c = this.state, l = c.dragDirection, f = c.el;
|
|
498
623
|
// Handles are inserted before and after children to optimize tab order
|
|
499
|
-
var p =
|
|
624
|
+
var p = se.slice(0, 4).filter((function(e) {
|
|
500
625
|
return a.indexOf(e) > -1;
|
|
501
626
|
})).map(this.renderHandle);
|
|
502
|
-
var v =
|
|
627
|
+
var v = se.slice(4).filter((function(e) {
|
|
503
628
|
return a.indexOf(e) > -1;
|
|
504
629
|
})).map(this.renderHandle);
|
|
505
630
|
/* When appearance is border, determine which sides need margin.
|
|
@@ -513,17 +638,17 @@
|
|
|
513
638
|
}));
|
|
514
639
|
}
|
|
515
640
|
|
|
516
|
-
return n().createElement(
|
|
641
|
+
return n().createElement(k, X({
|
|
517
642
|
"data-test": "resize",
|
|
518
643
|
ref: this.handleMount
|
|
519
|
-
},
|
|
644
|
+
}, u()(this.props, s()(r.propTypes))), n().createElement(z, {
|
|
520
645
|
$borderSides: h
|
|
521
|
-
}, f && p, i, f && v,
|
|
522
|
-
target:
|
|
646
|
+
}, f && p, i, f && v, l && n().createElement(n().Fragment, null, n().createElement(d(), {
|
|
647
|
+
target: A,
|
|
523
648
|
eventType: "mousemove",
|
|
524
649
|
listener: this.handleDrag
|
|
525
650
|
}), n().createElement(d(), {
|
|
526
|
-
target:
|
|
651
|
+
target: A,
|
|
527
652
|
eventType: "mouseup",
|
|
528
653
|
listener: this.handleDragEnd
|
|
529
654
|
}))));
|
|
@@ -531,9 +656,9 @@
|
|
|
531
656
|
} ]);
|
|
532
657
|
return r;
|
|
533
658
|
}(r.Component);
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
/* harmony default export */ const
|
|
659
|
+
re(ue, "propTypes", ie);
|
|
660
|
+
re(ue, "defaultProps", ae);
|
|
661
|
+
/* harmony default export */ const le = ue;
|
|
537
662
|
// CONCATENATED MODULE: ./src/Resize/index.ts
|
|
538
663
|
module.exports = t;
|
|
539
664
|
/******/})();
|