@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/Resize.js CHANGED
@@ -61,7 +61,7 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- default: () => /* reexport */ re
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 l = e.n(c);
77
+ var u = e.n(c);
78
78
  // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
79
- const u = require("@splunk/react-ui/EventListener");
80
- var d = e.n(u);
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 w = e.n(y);
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 m = "9px";
94
+ var w = "9px";
95
95
  var g = "14px";
96
96
  var S = "3px";
97
- var k = "11px";
98
- var z = w().div.withConfig({
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 O = w().div.withConfig({
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:", ";" ], m);
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:", ";" ], m);
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:", ";" ], m);
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:", ";" ], m);
123
+ return t.w && (0, y.css)([ "border-left-width:", ";" ], w);
124
124
  }));
125
- var _ = w().svg.withConfig({
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 x = w().path.withConfig({
129
+ var _ = m().path.withConfig({
130
130
  displayName: "ResizeStyles__StyledCornerPath",
131
131
  componentId: "sc-181mwes-3"
132
132
  })([ "stroke-width:1.1px;" ]);
133
- var R = w().svg.withConfig({
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 D = (0, y.css)([ "", ";color:", ";&:hover,&:focus{color:", ";", "}", "" ], b.mixins.reset("block"), (0,
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 */ z);
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 E = (0, y.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], D, k, k);
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;", "" ], D, (function(e) {
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 $ = function e(t) {
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 q = w().button.withConfig({
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);}" ], E, /* sc-sel */ _),
176
- n: (0, y.css)([ "", ";cursor:ns-resize;top:0;left:", ";padding:", " 0;" ], P, $, S),
177
- ne: (0, y.css)([ "", ";right:0;top:0;cursor:nesw-resize;> ", "{transform:rotate(-90deg);}" ], E, /* sc-sel */ _),
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);}" ], E, /* sc-sel */ _),
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;" ], E)
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 H(e, t) {
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 T(e) {
329
+ function W(e) {
205
330
  "@babel/helpers - typeof";
206
- return T = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
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
- }, T(e);
335
+ }, W(e);
211
336
  }
212
- function I() {
213
- return I = Object.assign ? Object.assign.bind() : function(e) {
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
- }, I.apply(null, arguments);
346
+ }, X.apply(null, arguments);
222
347
  }
223
- function M(e, t) {
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 B(e, t) {
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, G(n.key), n);
355
+ Object.defineProperty(e, ne(n.key), n);
231
356
  }
232
357
  }
233
- function N(e, t, r) {
234
- return t && B(e.prototype, t), r && B(e, r), Object.defineProperty(e, "prototype", {
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 K(e, t) {
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 && W(e, t);
373
+ }), t && J(e, t);
249
374
  }
250
- function W(e, t) {
251
- return W = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
375
+ function J(e, t) {
376
+ return J = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
252
377
  return e.__proto__ = t, e;
253
- }, W(e, t);
378
+ }, J(e, t);
254
379
  }
255
- function X(e) {
256
- var t = V();
380
+ function Q(e) {
381
+ var t = ee();
257
382
  return function() {
258
- var r, n = A(e);
383
+ var r, n = te(e);
259
384
  if (t) {
260
- var o = A(this).constructor;
385
+ var o = te(this).constructor;
261
386
  r = Reflect.construct(n, arguments, o);
262
387
  } else r = n.apply(this, arguments);
263
- return Y(this, r);
388
+ return U(this, r);
264
389
  };
265
390
  }
266
- function Y(e, t) {
267
- if (t && ("object" == T(t) || "function" == typeof t)) return t;
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 L(e);
394
+ return Z(e);
270
395
  }
271
- function L(e) {
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 V() {
400
+ function ee() {
276
401
  try {
277
402
  var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
278
403
  } catch (e) {}
279
- return (V = function t() {
404
+ return (ee = function t() {
280
405
  return !!e;
281
406
  })();
282
407
  }
283
- function A(e) {
284
- return A = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
408
+ function te(e) {
409
+ return te = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
285
410
  return e.__proto__ || Object.getPrototypeOf(e);
286
- }, A(e);
411
+ }, te(e);
287
412
  }
288
- function F(e, t, r) {
289
- return (t = G(t)) in e ? Object.defineProperty(e, 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 G(e) {
297
- var t = J(e, "string");
298
- return "symbol" == T(t) ? t : t + "";
421
+ function ne(e) {
422
+ var t = oe(e, "string");
423
+ return "symbol" == W(t) ? t : t + "";
299
424
  }
300
- function J(e, t) {
301
- if ("object" != T(e) || !e) return e;
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" != T(n)) return n;
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 Q = {
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 U = {
445
+ var ae = {
321
446
  appearance: "overlay",
322
447
  keyIncrement: 10,
323
448
  showHandles: "always"
324
449
  };
325
- var Z = [ "nw", "n", "ne", "w", "e", "sw", "s", "se" ];
326
- var ee = {
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 te = function(e) {
339
- K(r, e);
340
- var t = X(r);
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
- M(this, r);
469
+ Y(this, r);
345
470
  o = t.call(this, e);
346
- F(L(o), "handleMount", (function(e) {
471
+ re(Z(o), "handleMount", (function(e) {
347
472
  o.setState({
348
473
  el: e
349
474
  });
350
- H(o.props.elementRef, e);
475
+ K(o.props.elementRef, e);
351
476
  }));
352
- F(L(o), "handleDragStart", (function(e, t) {
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
- F(L(o), "handleDragEnd", (function() {
494
+ re(Z(o), "handleDragEnd", (function() {
370
495
  o.setState({
371
496
  dragDirection: undefined
372
497
  });
373
498
  }));
374
- F(L(o), "handleDrag", (function(e) {
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, l = c === void 0 ? 0 : c, u = t.startY, d = u === void 0 ? 0 : u;
376
- var f = (r === null || r === void 0 ? void 0 : r.match(/(w|e)$/)) ? e.clientX - l : 0;
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
- F(L(o), "handleKeyDown", (function(e, t) {
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 l = {
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 u = (c === "n" || c === "s") && (n === "up" || n === "down") ? l[c][n] : 0;
411
- if ((s || u) && o.state.el) {
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 + u * r
540
+ height: o.state.el.offsetHeight + l * r
416
541
  };
417
542
  o.props.onRequestResize(e, d);
418
543
  }
419
544
  }));
420
- F(L(o), "renderHandle", (function(e) {
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(x, {
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(R, {
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(R, {
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(q, {
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, ee[e]));
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
- Z.forEach((function(e) {
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
- N(r, [ {
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, u = c.dragDirection, f = c.el;
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 = Z.slice(0, 4).filter((function(e) {
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 = Z.slice(4).filter((function(e) {
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(z, I({
641
+ return n().createElement(k, X({
517
642
  "data-test": "resize",
518
643
  ref: this.handleMount
519
- }, l()(this.props, s()(r.propTypes))), n().createElement(O, {
644
+ }, u()(this.props, s()(r.propTypes))), n().createElement(z, {
520
645
  $borderSides: h
521
- }, f && p, i, f && v, u && n().createElement(n().Fragment, null, n().createElement(d(), {
522
- target: window,
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: window,
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
- F(te, "propTypes", Q);
535
- F(te, "defaultProps", U);
536
- /* harmony default export */ const re = te;
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
  /******/})();