@splunk/react-ui 4.13.0 → 4.15.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/.dockerignore +2 -0
- package/Accordion.js +41 -16
- package/Anchor.js +9 -9
- package/Animation.js +6 -6
- package/AnimationToggle.js +2 -2
- package/Box.js +9 -9
- package/Button.js +47 -46
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +14 -14
- package/CHANGELOG.md +46 -1
- package/Calendar.js +460 -147
- package/Card.js +85 -83
- package/CardLayout.js +9 -9
- package/Chip.js +23 -23
- package/Clickable.js +39 -15
- package/CloseButton.js +23 -23
- package/Code.js +484 -436
- package/CollapsiblePanel.js +64 -35
- package/Color.js +298 -188
- package/ColumnLayout.js +18 -17
- package/ComboBox.js +81 -32
- package/Concertina.js +89 -28
- package/ControlGroup.js +85 -27
- package/Date.js +134 -58
- package/DefinitionList.js +14 -8
- package/Divider.d.ts +2 -0
- package/Divider.js +194 -0
- package/Dockerfile.enterprise.storybook +7 -0
- package/Dockerfile.prisma.storybook +7 -0
- package/Dockerfile.visual +10 -0
- package/Dropdown.js +79 -19
- package/EventListener.js +17 -17
- package/File.js +96 -43
- package/FormRows.js +40 -39
- package/Heading.js +83 -55
- package/Image.js +67 -42
- package/JSONTree.js +106 -21
- package/Layer.js +130 -28
- package/Link.js +17 -17
- package/List.js +3 -3
- package/Markdown.js +71 -65
- package/Menu.js +155 -121
- package/Message.js +135 -135
- package/MessageBar.js +136 -136
- package/Modal.js +99 -48
- package/ModalLayer.js +15 -15
- package/Monogram.js +18 -17
- package/Multiselect.js +2788 -2310
- package/Number.js +76 -37
- package/Paginator.js +99 -86
- package/Paragraph.js +10 -10
- package/Popover.js +343 -48
- package/Progress.js +23 -22
- package/RadioBar.js +32 -14
- package/RadioList.js +17 -11
- package/Resize.js +34 -21
- package/ResultsMenu.js +44 -31
- package/ScreenReaderContent.js +9 -9
- package/Scroll.js +52 -27
- package/ScrollContainerContext.js +157 -6
- package/Search.js +71 -34
- package/Select.js +347 -69
- package/SidePanel.js +37 -24
- package/Slider.js +50 -20
- package/SlidingPanels.js +56 -18
- package/SplitButton.js +27 -26
- package/StaticContent.js +9 -9
- package/StepBar.js +22 -22
- package/Switch.js +18 -13
- package/TabBar.js +28 -28
- package/TabLayout.js +43 -18
- package/Table.js +549 -158
- package/Text.js +93 -50
- package/TextArea.d.ts +2 -0
- package/TextArea.js +134 -56
- package/Tooltip.js +246 -63
- package/TransitionOpen.js +63 -26
- package/Typography.d.ts +2 -0
- package/Typography.js +17 -16
- package/WaitSpinner.js +15 -81
- package/docker-compose.yml +42 -0
- package/package.json +20 -20
- package/test-runner-jest.config.js +23 -5
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/Calendar/Calendar.d.ts +17 -2
- package/types/src/Calendar/DateTable.d.ts +7 -3
- package/types/src/Calendar/Day.d.ts +14 -5
- package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
- package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
- package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
- package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
- package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
- package/types/src/Date/Date.d.ts +17 -8
- package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
- package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
- package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
- package/types/src/Divider/Divider.d.ts +20 -0
- package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
- package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
- package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
- package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
- package/types/src/Divider/index.d.ts +1 -0
- package/types/src/File/File.d.ts +4 -2
- package/types/src/File/FileContext.d.ts +1 -0
- package/types/src/FormRows/FormRowsContext.d.ts +1 -0
- package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
- package/types/src/Menu/MenuContext.d.ts +1 -0
- package/types/src/Modal/Modal.d.ts +7 -3
- package/types/src/Modal/ModalContext.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +10 -1
- package/types/src/Multiselect/Multiselect.d.ts +12 -1
- package/types/src/Multiselect/Normal.d.ts +2 -0
- package/types/src/Number/Number.d.ts +5 -1
- package/types/src/Popover/Popover.d.ts +25 -5
- package/types/src/Popover/PopoverContext.d.ts +1 -0
- package/types/src/RadioBar/RadioBar.d.ts +5 -3
- package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
- package/types/src/RadioList/RadioList.d.ts +5 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -0
- package/types/src/Select/SelectBase.d.ts +2 -0
- package/types/src/Slider/Slider.d.ts +5 -3
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/Switch/Switch.d.ts +2 -0
- package/types/src/TabBar/TabBarContext.d.ts +1 -0
- package/types/src/Table/Head.d.ts +2 -0
- package/types/src/Table/TableContext.d.ts +1 -0
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
- package/types/src/Text/Text.d.ts +5 -3
- package/types/src/TextArea/TextArea.d.ts +5 -3
- package/types/src/Tooltip/Tooltip.d.ts +26 -9
- package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
- package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
- package/types/src/useKeyPress/index.d.ts +37 -0
- package/useForceUpdate.js +9 -9
- package/{useIsSsr.js → useKeyPress.js} +56 -49
- package/usePrevious.js +9 -9
- package/types/src/useIsSsr/index.d.ts +0 -2
- package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
package/Table.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 164);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ([
|
|
@@ -113,13 +113,13 @@ module.exports = require("styled-components");
|
|
|
113
113
|
/* 4 */
|
|
114
114
|
/***/ (function(module, exports) {
|
|
115
115
|
|
|
116
|
-
module.exports = require("
|
|
116
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
117
117
|
|
|
118
118
|
/***/ }),
|
|
119
119
|
/* 5 */
|
|
120
120
|
/***/ (function(module, exports) {
|
|
121
121
|
|
|
122
|
-
module.exports = require("
|
|
122
|
+
module.exports = require("lodash/omit");
|
|
123
123
|
|
|
124
124
|
/***/ }),
|
|
125
125
|
/* 6 */
|
|
@@ -273,10 +273,16 @@ module.exports = require("@splunk/ui-utils/keyboard");
|
|
|
273
273
|
/* 10 */
|
|
274
274
|
/***/ (function(module, exports) {
|
|
275
275
|
|
|
276
|
-
module.exports = require("
|
|
276
|
+
module.exports = require("lodash/keys");
|
|
277
277
|
|
|
278
278
|
/***/ }),
|
|
279
279
|
/* 11 */
|
|
280
|
+
/***/ (function(module, exports) {
|
|
281
|
+
|
|
282
|
+
module.exports = require("lodash/has");
|
|
283
|
+
|
|
284
|
+
/***/ }),
|
|
285
|
+
/* 12 */
|
|
280
286
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
281
287
|
|
|
282
288
|
"use strict";
|
|
@@ -302,54 +308,231 @@ function updateReactRef(ref, current) {
|
|
|
302
308
|
|
|
303
309
|
|
|
304
310
|
/***/ }),
|
|
305
|
-
/*
|
|
306
|
-
|
|
307
|
-
|
|
311
|
+
/* 13 */
|
|
312
|
+
/***/ (function(module, exports) {
|
|
313
|
+
|
|
314
|
+
module.exports = require("@splunk/ui-utils/id");
|
|
315
|
+
|
|
316
|
+
/***/ }),
|
|
317
|
+
/* 14 */,
|
|
318
|
+
/* 15 */,
|
|
319
|
+
/* 16 */
|
|
308
320
|
/***/ (function(module, exports) {
|
|
309
321
|
|
|
310
322
|
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
311
323
|
|
|
312
324
|
/***/ }),
|
|
313
|
-
/*
|
|
325
|
+
/* 17 */
|
|
314
326
|
/***/ (function(module, exports) {
|
|
315
327
|
|
|
316
328
|
module.exports = require("@splunk/react-ui/EventListener");
|
|
317
329
|
|
|
318
330
|
/***/ }),
|
|
319
|
-
/*
|
|
331
|
+
/* 18 */
|
|
332
|
+
/***/ (function(module, exports) {
|
|
333
|
+
|
|
334
|
+
module.exports = require("lodash/includes");
|
|
335
|
+
|
|
336
|
+
/***/ }),
|
|
337
|
+
/* 19 */
|
|
320
338
|
/***/ (function(module, exports) {
|
|
321
339
|
|
|
322
340
|
module.exports = require("@splunk/react-ui/Button");
|
|
323
341
|
|
|
324
342
|
/***/ }),
|
|
325
|
-
/*
|
|
343
|
+
/* 20 */
|
|
344
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
345
|
+
|
|
346
|
+
"use strict";
|
|
347
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
|
|
348
|
+
/* unused harmony export ssrWindow */
|
|
349
|
+
/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
|
|
350
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
351
|
+
|
|
352
|
+
var ssrWindow = {
|
|
353
|
+
document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
|
|
354
|
+
navigator: {
|
|
355
|
+
userAgent: ''
|
|
356
|
+
},
|
|
357
|
+
location: {
|
|
358
|
+
hash: '',
|
|
359
|
+
host: '',
|
|
360
|
+
hostname: '',
|
|
361
|
+
href: '',
|
|
362
|
+
origin: '',
|
|
363
|
+
pathname: '',
|
|
364
|
+
protocol: '',
|
|
365
|
+
search: ''
|
|
366
|
+
},
|
|
367
|
+
history: {
|
|
368
|
+
replaceState: function replaceState() {},
|
|
369
|
+
pushState: function pushState() {},
|
|
370
|
+
go: function go() {},
|
|
371
|
+
back: function back() {}
|
|
372
|
+
},
|
|
373
|
+
CustomEvent: function CustomEvent() {
|
|
374
|
+
return this;
|
|
375
|
+
},
|
|
376
|
+
addEventListener: function addEventListener() {},
|
|
377
|
+
removeEventListener: function removeEventListener() {},
|
|
378
|
+
getComputedStyle: function getComputedStyle() {
|
|
379
|
+
return {
|
|
380
|
+
getPropertyValue: function getPropertyValue() {
|
|
381
|
+
return '';
|
|
382
|
+
}
|
|
383
|
+
};
|
|
384
|
+
},
|
|
385
|
+
Image: function Image() {},
|
|
386
|
+
Date: function Date() {},
|
|
387
|
+
screen: {},
|
|
388
|
+
setTimeout: function setTimeout() {},
|
|
389
|
+
clearTimeout: function clearTimeout() {},
|
|
390
|
+
matchMedia: function matchMedia() {
|
|
391
|
+
return {};
|
|
392
|
+
},
|
|
393
|
+
requestAnimationFrame: function requestAnimationFrame(callback) {
|
|
394
|
+
if (typeof setTimeout === 'undefined') {
|
|
395
|
+
callback();
|
|
396
|
+
return null;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
return setTimeout(callback, 0);
|
|
400
|
+
},
|
|
401
|
+
cancelAnimationFrame: function cancelAnimationFrame(id) {
|
|
402
|
+
if (typeof setTimeout === 'undefined') {
|
|
403
|
+
return;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
clearTimeout(id);
|
|
407
|
+
}
|
|
408
|
+
};
|
|
409
|
+
|
|
410
|
+
function getWindow() {
|
|
411
|
+
var win = typeof window !== 'undefined' ? window : ssrWindow;
|
|
412
|
+
return win;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
/***/ }),
|
|
418
|
+
/* 21 */
|
|
419
|
+
/***/ (function(module, exports) {
|
|
420
|
+
|
|
421
|
+
module.exports = require("lodash/isFinite");
|
|
422
|
+
|
|
423
|
+
/***/ }),
|
|
424
|
+
/* 22 */,
|
|
425
|
+
/* 23 */
|
|
326
426
|
/***/ (function(module, exports) {
|
|
327
427
|
|
|
328
428
|
module.exports = require("@splunk/react-ui/Popover");
|
|
329
429
|
|
|
330
430
|
/***/ }),
|
|
331
|
-
/*
|
|
431
|
+
/* 24 */
|
|
332
432
|
/***/ (function(module, exports) {
|
|
333
433
|
|
|
334
434
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
335
435
|
|
|
336
436
|
/***/ }),
|
|
337
|
-
/*
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
/* 25 */,
|
|
437
|
+
/* 25 */
|
|
438
|
+
/***/ (function(module, exports) {
|
|
439
|
+
|
|
440
|
+
module.exports = require("lodash/isString");
|
|
441
|
+
|
|
442
|
+
/***/ }),
|
|
344
443
|
/* 26 */,
|
|
345
|
-
/* 27
|
|
444
|
+
/* 27 */,
|
|
445
|
+
/* 28 */
|
|
446
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
447
|
+
|
|
448
|
+
"use strict";
|
|
449
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
|
|
450
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
|
|
451
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
452
|
+
var ssrDocument = {
|
|
453
|
+
body: {
|
|
454
|
+
appendChild: function appendChild() {
|
|
455
|
+
return [];
|
|
456
|
+
}
|
|
457
|
+
},
|
|
458
|
+
addEventListener: function addEventListener() {},
|
|
459
|
+
removeEventListener: function removeEventListener() {},
|
|
460
|
+
activeElement: {
|
|
461
|
+
blur: function blur() {},
|
|
462
|
+
nodeName: ''
|
|
463
|
+
},
|
|
464
|
+
querySelector: function querySelector() {
|
|
465
|
+
return null;
|
|
466
|
+
},
|
|
467
|
+
querySelectorAll: function querySelectorAll() {
|
|
468
|
+
return [];
|
|
469
|
+
},
|
|
470
|
+
getElementById: function getElementById() {
|
|
471
|
+
return null;
|
|
472
|
+
},
|
|
473
|
+
createEvent: function createEvent() {
|
|
474
|
+
return {
|
|
475
|
+
initEvent: function initEvent() {}
|
|
476
|
+
};
|
|
477
|
+
},
|
|
478
|
+
createElement: function createElement() {
|
|
479
|
+
return {
|
|
480
|
+
children: [],
|
|
481
|
+
childNodes: [],
|
|
482
|
+
style: {},
|
|
483
|
+
setAttribute: function setAttribute() {},
|
|
484
|
+
getElementsByTagName: function getElementsByTagName() {
|
|
485
|
+
return [];
|
|
486
|
+
}
|
|
487
|
+
};
|
|
488
|
+
},
|
|
489
|
+
createElementNS: function createElementNS() {
|
|
490
|
+
return {};
|
|
491
|
+
},
|
|
492
|
+
importNode: function importNode() {
|
|
493
|
+
return null;
|
|
494
|
+
},
|
|
495
|
+
location: {
|
|
496
|
+
hash: '',
|
|
497
|
+
host: '',
|
|
498
|
+
hostname: '',
|
|
499
|
+
href: '',
|
|
500
|
+
origin: '',
|
|
501
|
+
pathname: '',
|
|
502
|
+
protocol: '',
|
|
503
|
+
search: ''
|
|
504
|
+
}
|
|
505
|
+
};
|
|
506
|
+
|
|
507
|
+
function getDocument() {
|
|
508
|
+
var doc = typeof document !== 'undefined' ? document : ssrDocument;
|
|
509
|
+
return doc;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
|
|
513
|
+
|
|
514
|
+
/***/ }),
|
|
515
|
+
/* 29 */,
|
|
516
|
+
/* 30 */,
|
|
517
|
+
/* 31 */
|
|
518
|
+
/***/ (function(module, exports) {
|
|
519
|
+
|
|
520
|
+
module.exports = require("lodash/throttle");
|
|
521
|
+
|
|
522
|
+
/***/ }),
|
|
523
|
+
/* 32 */,
|
|
524
|
+
/* 33 */,
|
|
525
|
+
/* 34 */,
|
|
526
|
+
/* 35 */,
|
|
527
|
+
/* 36 */,
|
|
528
|
+
/* 37 */
|
|
346
529
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
347
530
|
|
|
348
531
|
"use strict";
|
|
349
532
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
|
|
350
533
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
351
534
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
352
|
-
/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
535
|
+
/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
|
|
353
536
|
/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
|
|
354
537
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
355
538
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -391,34 +574,41 @@ function ChevronRight(props) {
|
|
|
391
574
|
}
|
|
392
575
|
|
|
393
576
|
/***/ }),
|
|
394
|
-
/*
|
|
395
|
-
/*
|
|
396
|
-
/*
|
|
397
|
-
/*
|
|
398
|
-
/*
|
|
399
|
-
/*
|
|
577
|
+
/* 38 */,
|
|
578
|
+
/* 39 */,
|
|
579
|
+
/* 40 */,
|
|
580
|
+
/* 41 */,
|
|
581
|
+
/* 42 */,
|
|
582
|
+
/* 43 */,
|
|
583
|
+
/* 44 */
|
|
400
584
|
/***/ (function(module, exports) {
|
|
401
585
|
|
|
402
586
|
module.exports = require("@splunk/react-icons/ChevronRight");
|
|
403
587
|
|
|
404
588
|
/***/ }),
|
|
405
|
-
/*
|
|
406
|
-
/*
|
|
407
|
-
/*
|
|
408
|
-
/*
|
|
589
|
+
/* 45 */,
|
|
590
|
+
/* 46 */,
|
|
591
|
+
/* 47 */,
|
|
592
|
+
/* 48 */
|
|
593
|
+
/***/ (function(module, exports) {
|
|
594
|
+
|
|
595
|
+
module.exports = require("lodash/extend");
|
|
596
|
+
|
|
597
|
+
/***/ }),
|
|
598
|
+
/* 49 */
|
|
409
599
|
/***/ (function(module, exports) {
|
|
410
600
|
|
|
411
601
|
module.exports = require("@splunk/react-ui/ScrollContainerContext");
|
|
412
602
|
|
|
413
603
|
/***/ }),
|
|
414
|
-
/*
|
|
604
|
+
/* 50 */
|
|
415
605
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
416
606
|
|
|
417
607
|
"use strict";
|
|
418
608
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
|
|
419
609
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
420
610
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
421
|
-
/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
611
|
+
/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
|
|
422
612
|
/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
|
|
423
613
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
424
614
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -448,38 +638,62 @@ function CaretDown(props) {
|
|
|
448
638
|
}
|
|
449
639
|
|
|
450
640
|
/***/ }),
|
|
451
|
-
/*
|
|
641
|
+
/* 51 */
|
|
452
642
|
/***/ (function(module, exports) {
|
|
453
643
|
|
|
454
644
|
module.exports = require("@splunk/react-icons/Caret");
|
|
455
645
|
|
|
456
646
|
/***/ }),
|
|
457
|
-
/*
|
|
458
|
-
/*
|
|
459
|
-
/*
|
|
460
|
-
/*
|
|
461
|
-
/*
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
647
|
+
/* 52 */,
|
|
648
|
+
/* 53 */,
|
|
649
|
+
/* 54 */,
|
|
650
|
+
/* 55 */,
|
|
651
|
+
/* 56 */
|
|
652
|
+
/***/ (function(module, exports) {
|
|
653
|
+
|
|
654
|
+
module.exports = require("lodash/without");
|
|
655
|
+
|
|
656
|
+
/***/ }),
|
|
657
|
+
/* 57 */,
|
|
658
|
+
/* 58 */,
|
|
659
|
+
/* 59 */,
|
|
660
|
+
/* 60 */,
|
|
661
|
+
/* 61 */,
|
|
662
|
+
/* 62 */,
|
|
663
|
+
/* 63 */,
|
|
664
|
+
/* 64 */,
|
|
665
|
+
/* 65 */,
|
|
666
|
+
/* 66 */
|
|
467
667
|
/***/ (function(module, exports) {
|
|
468
668
|
|
|
469
669
|
module.exports = require("@splunk/react-icons/ChevronDown");
|
|
470
670
|
|
|
471
671
|
/***/ }),
|
|
472
|
-
/*
|
|
672
|
+
/* 67 */
|
|
473
673
|
/***/ (function(module, exports) {
|
|
474
674
|
|
|
475
675
|
module.exports = require("@splunk/react-ui/Tooltip");
|
|
476
676
|
|
|
477
677
|
/***/ }),
|
|
478
|
-
/*
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
678
|
+
/* 68 */
|
|
679
|
+
/***/ (function(module, exports) {
|
|
680
|
+
|
|
681
|
+
module.exports = require("lodash/isFunction");
|
|
682
|
+
|
|
683
|
+
/***/ }),
|
|
684
|
+
/* 69 */,
|
|
685
|
+
/* 70 */,
|
|
686
|
+
/* 71 */,
|
|
687
|
+
/* 72 */,
|
|
688
|
+
/* 73 */,
|
|
689
|
+
/* 74 */
|
|
690
|
+
/***/ (function(module, exports) {
|
|
691
|
+
|
|
692
|
+
module.exports = require("lodash/isNumber");
|
|
693
|
+
|
|
694
|
+
/***/ }),
|
|
695
|
+
/* 75 */,
|
|
696
|
+
/* 76 */
|
|
483
697
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
484
698
|
|
|
485
699
|
"use strict";
|
|
@@ -502,21 +716,23 @@ function assertDefined(val, msg) {
|
|
|
502
716
|
|
|
503
717
|
|
|
504
718
|
/***/ }),
|
|
505
|
-
/*
|
|
506
|
-
/*
|
|
507
|
-
/*
|
|
508
|
-
/*
|
|
509
|
-
/*
|
|
510
|
-
/*
|
|
511
|
-
/*
|
|
512
|
-
/*
|
|
719
|
+
/* 77 */,
|
|
720
|
+
/* 78 */,
|
|
721
|
+
/* 79 */,
|
|
722
|
+
/* 80 */,
|
|
723
|
+
/* 81 */,
|
|
724
|
+
/* 82 */,
|
|
725
|
+
/* 83 */,
|
|
726
|
+
/* 84 */,
|
|
727
|
+
/* 85 */,
|
|
728
|
+
/* 86 */
|
|
513
729
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
514
730
|
|
|
515
731
|
"use strict";
|
|
516
732
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
|
|
517
733
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
518
734
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
519
|
-
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
735
|
+
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
|
|
520
736
|
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
|
|
521
737
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
522
738
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -546,20 +762,26 @@ function MoreVertical(props) {
|
|
|
546
762
|
}
|
|
547
763
|
|
|
548
764
|
/***/ }),
|
|
549
|
-
/*
|
|
765
|
+
/* 87 */
|
|
550
766
|
/***/ (function(module, exports) {
|
|
551
767
|
|
|
552
768
|
module.exports = require("@splunk/react-icons/MoreVertical");
|
|
553
769
|
|
|
554
770
|
/***/ }),
|
|
555
|
-
/*
|
|
771
|
+
/* 88 */
|
|
772
|
+
/***/ (function(module, exports) {
|
|
773
|
+
|
|
774
|
+
module.exports = require("lodash/indexOf");
|
|
775
|
+
|
|
776
|
+
/***/ }),
|
|
777
|
+
/* 89 */
|
|
556
778
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
557
779
|
|
|
558
780
|
"use strict";
|
|
559
781
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
|
|
560
782
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
561
783
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
562
|
-
/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
784
|
+
/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
|
|
563
785
|
/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
|
|
564
786
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
565
787
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -601,42 +823,18 @@ function ChevronDown(props) {
|
|
|
601
823
|
}
|
|
602
824
|
|
|
603
825
|
/***/ }),
|
|
604
|
-
/* 66 */,
|
|
605
|
-
/* 67 */,
|
|
606
|
-
/* 68 */,
|
|
607
|
-
/* 69 */,
|
|
608
|
-
/* 70 */
|
|
609
|
-
/***/ (function(module, exports) {
|
|
610
|
-
|
|
611
|
-
module.exports = require("@splunk/react-ui/Switch");
|
|
612
|
-
|
|
613
|
-
/***/ }),
|
|
614
|
-
/* 71 */,
|
|
615
|
-
/* 72 */,
|
|
616
|
-
/* 73 */,
|
|
617
|
-
/* 74 */,
|
|
618
|
-
/* 75 */,
|
|
619
|
-
/* 76 */,
|
|
620
|
-
/* 77 */,
|
|
621
|
-
/* 78 */,
|
|
622
|
-
/* 79 */,
|
|
623
|
-
/* 80 */,
|
|
624
|
-
/* 81 */,
|
|
625
|
-
/* 82 */,
|
|
626
|
-
/* 83 */,
|
|
627
|
-
/* 84 */,
|
|
628
|
-
/* 85 */,
|
|
629
|
-
/* 86 */,
|
|
630
|
-
/* 87 */,
|
|
631
|
-
/* 88 */,
|
|
632
|
-
/* 89 */,
|
|
633
826
|
/* 90 */,
|
|
634
827
|
/* 91 */,
|
|
635
828
|
/* 92 */,
|
|
636
829
|
/* 93 */,
|
|
637
830
|
/* 94 */,
|
|
638
831
|
/* 95 */,
|
|
639
|
-
/* 96
|
|
832
|
+
/* 96 */
|
|
833
|
+
/***/ (function(module, exports) {
|
|
834
|
+
|
|
835
|
+
module.exports = require("@splunk/react-ui/Switch");
|
|
836
|
+
|
|
837
|
+
/***/ }),
|
|
640
838
|
/* 97 */,
|
|
641
839
|
/* 98 */,
|
|
642
840
|
/* 99 */,
|
|
@@ -645,39 +843,111 @@ module.exports = require("@splunk/react-ui/Switch");
|
|
|
645
843
|
/* 102 */,
|
|
646
844
|
/* 103 */,
|
|
647
845
|
/* 104 */,
|
|
648
|
-
/* 105
|
|
846
|
+
/* 105 */,
|
|
847
|
+
/* 106 */,
|
|
848
|
+
/* 107 */,
|
|
849
|
+
/* 108 */,
|
|
850
|
+
/* 109 */,
|
|
851
|
+
/* 110 */,
|
|
852
|
+
/* 111 */
|
|
853
|
+
/***/ (function(module, exports) {
|
|
854
|
+
|
|
855
|
+
module.exports = require("lodash/findIndex");
|
|
856
|
+
|
|
857
|
+
/***/ }),
|
|
858
|
+
/* 112 */
|
|
859
|
+
/***/ (function(module, exports) {
|
|
860
|
+
|
|
861
|
+
module.exports = require("lodash/merge");
|
|
862
|
+
|
|
863
|
+
/***/ }),
|
|
864
|
+
/* 113 */,
|
|
865
|
+
/* 114 */,
|
|
866
|
+
/* 115 */,
|
|
867
|
+
/* 116 */,
|
|
868
|
+
/* 117 */,
|
|
869
|
+
/* 118 */,
|
|
870
|
+
/* 119 */,
|
|
871
|
+
/* 120 */,
|
|
872
|
+
/* 121 */,
|
|
873
|
+
/* 122 */,
|
|
874
|
+
/* 123 */,
|
|
875
|
+
/* 124 */,
|
|
876
|
+
/* 125 */,
|
|
877
|
+
/* 126 */,
|
|
878
|
+
/* 127 */,
|
|
879
|
+
/* 128 */,
|
|
880
|
+
/* 129 */,
|
|
881
|
+
/* 130 */,
|
|
882
|
+
/* 131 */,
|
|
883
|
+
/* 132 */,
|
|
884
|
+
/* 133 */,
|
|
885
|
+
/* 134 */,
|
|
886
|
+
/* 135 */,
|
|
887
|
+
/* 136 */,
|
|
888
|
+
/* 137 */,
|
|
889
|
+
/* 138 */,
|
|
890
|
+
/* 139 */,
|
|
891
|
+
/* 140 */,
|
|
892
|
+
/* 141 */,
|
|
893
|
+
/* 142 */,
|
|
894
|
+
/* 143 */,
|
|
895
|
+
/* 144 */,
|
|
896
|
+
/* 145 */,
|
|
897
|
+
/* 146 */,
|
|
898
|
+
/* 147 */,
|
|
899
|
+
/* 148 */,
|
|
900
|
+
/* 149 */,
|
|
901
|
+
/* 150 */,
|
|
902
|
+
/* 151 */,
|
|
903
|
+
/* 152 */,
|
|
904
|
+
/* 153 */
|
|
905
|
+
/***/ (function(module, exports) {
|
|
906
|
+
|
|
907
|
+
module.exports = require("lodash/forEach");
|
|
908
|
+
|
|
909
|
+
/***/ }),
|
|
910
|
+
/* 154 */
|
|
911
|
+
/***/ (function(module, exports) {
|
|
912
|
+
|
|
913
|
+
module.exports = require("lodash/isEqual");
|
|
914
|
+
|
|
915
|
+
/***/ }),
|
|
916
|
+
/* 155 */
|
|
649
917
|
/***/ (function(module, exports) {
|
|
650
918
|
|
|
651
919
|
module.exports = require("react-resize-detector");
|
|
652
920
|
|
|
653
921
|
/***/ }),
|
|
654
|
-
/*
|
|
922
|
+
/* 156 */
|
|
655
923
|
/***/ (function(module, exports) {
|
|
656
924
|
|
|
657
925
|
module.exports = require("@splunk/react-icons/SortedDown");
|
|
658
926
|
|
|
659
927
|
/***/ }),
|
|
660
|
-
/*
|
|
928
|
+
/* 157 */
|
|
661
929
|
/***/ (function(module, exports) {
|
|
662
930
|
|
|
663
931
|
module.exports = require("@splunk/react-icons/SortedUp");
|
|
664
932
|
|
|
665
933
|
/***/ }),
|
|
666
|
-
/*
|
|
934
|
+
/* 158 */
|
|
667
935
|
/***/ (function(module, exports) {
|
|
668
936
|
|
|
669
937
|
module.exports = require("@splunk/react-icons/Sort");
|
|
670
938
|
|
|
671
939
|
/***/ }),
|
|
672
|
-
/*
|
|
940
|
+
/* 159 */
|
|
673
941
|
/***/ (function(module, exports) {
|
|
674
942
|
|
|
675
943
|
module.exports = require("@splunk/react-icons/Info");
|
|
676
944
|
|
|
677
945
|
/***/ }),
|
|
678
|
-
/*
|
|
679
|
-
/*
|
|
680
|
-
/*
|
|
946
|
+
/* 160 */,
|
|
947
|
+
/* 161 */,
|
|
948
|
+
/* 162 */,
|
|
949
|
+
/* 163 */,
|
|
950
|
+
/* 164 */
|
|
681
951
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
682
952
|
|
|
683
953
|
"use strict";
|
|
@@ -702,22 +972,58 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
702
972
|
var external_prop_types_ = __webpack_require__(1);
|
|
703
973
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
704
974
|
|
|
705
|
-
// EXTERNAL MODULE: external "lodash"
|
|
706
|
-
var
|
|
975
|
+
// EXTERNAL MODULE: external "lodash/forEach"
|
|
976
|
+
var forEach_ = __webpack_require__(153);
|
|
977
|
+
var forEach_default = /*#__PURE__*/__webpack_require__.n(forEach_);
|
|
978
|
+
|
|
979
|
+
// EXTERNAL MODULE: external "lodash/has"
|
|
980
|
+
var has_ = __webpack_require__(11);
|
|
981
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
982
|
+
|
|
983
|
+
// EXTERNAL MODULE: external "lodash/indexOf"
|
|
984
|
+
var indexOf_ = __webpack_require__(88);
|
|
985
|
+
var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_);
|
|
986
|
+
|
|
987
|
+
// EXTERNAL MODULE: external "lodash/isEqual"
|
|
988
|
+
var isEqual_ = __webpack_require__(154);
|
|
989
|
+
var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual_);
|
|
990
|
+
|
|
991
|
+
// EXTERNAL MODULE: external "lodash/isNumber"
|
|
992
|
+
var isNumber_ = __webpack_require__(74);
|
|
993
|
+
|
|
994
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
995
|
+
var omit_ = __webpack_require__(5);
|
|
996
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
997
|
+
|
|
998
|
+
// EXTERNAL MODULE: external "lodash/throttle"
|
|
999
|
+
var throttle_ = __webpack_require__(31);
|
|
1000
|
+
var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
|
|
707
1001
|
|
|
708
1002
|
// EXTERNAL MODULE: external "react-resize-detector"
|
|
709
|
-
var external_react_resize_detector_ = __webpack_require__(
|
|
1003
|
+
var external_react_resize_detector_ = __webpack_require__(155);
|
|
710
1004
|
var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
|
|
711
1005
|
|
|
712
1006
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
713
|
-
var EventListener_ = __webpack_require__(
|
|
1007
|
+
var EventListener_ = __webpack_require__(17);
|
|
714
1008
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
715
1009
|
|
|
716
1010
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
717
1011
|
var keyboard_ = __webpack_require__(9);
|
|
718
1012
|
|
|
719
1013
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
|
|
720
|
-
var ScrollContainerContext_ = __webpack_require__(
|
|
1014
|
+
var ScrollContainerContext_ = __webpack_require__(49);
|
|
1015
|
+
|
|
1016
|
+
// EXTERNAL MODULE: external "lodash/findIndex"
|
|
1017
|
+
var findIndex_ = __webpack_require__(111);
|
|
1018
|
+
var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_);
|
|
1019
|
+
|
|
1020
|
+
// EXTERNAL MODULE: external "lodash/includes"
|
|
1021
|
+
var includes_ = __webpack_require__(18);
|
|
1022
|
+
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
|
|
1023
|
+
|
|
1024
|
+
// EXTERNAL MODULE: external "lodash/without"
|
|
1025
|
+
var without_ = __webpack_require__(56);
|
|
1026
|
+
var without_default = /*#__PURE__*/__webpack_require__.n(without_);
|
|
721
1027
|
|
|
722
1028
|
// EXTERNAL MODULE: external "styled-components"
|
|
723
1029
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -735,7 +1041,10 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
|
|
|
735
1041
|
})(["", " z-index:0;"], themes_["mixins"].reset('table-row-group'));
|
|
736
1042
|
|
|
737
1043
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
738
|
-
var updateReactRef = __webpack_require__(
|
|
1044
|
+
var updateReactRef = __webpack_require__(12);
|
|
1045
|
+
|
|
1046
|
+
// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
|
|
1047
|
+
var ssrWindow = __webpack_require__(20);
|
|
739
1048
|
|
|
740
1049
|
// CONCATENATED MODULE: ./src/Table/Body.tsx
|
|
741
1050
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
@@ -773,6 +1082,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
773
1082
|
|
|
774
1083
|
|
|
775
1084
|
|
|
1085
|
+
|
|
1086
|
+
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
|
|
776
1090
|
var propTypes = {
|
|
777
1091
|
/** @private. Generally passed by Table rather than added directly. */
|
|
778
1092
|
actions: external_prop_types_default.a.bool,
|
|
@@ -821,6 +1135,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
821
1135
|
_defineProperty(_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragDataId) {
|
|
822
1136
|
var _this$el, _this$el$parentElemen, _this$el$parentElemen2, _this$el2;
|
|
823
1137
|
|
|
1138
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
824
1139
|
_this.rect = (_this$el = _this.el) === null || _this$el === void 0 ? void 0 : (_this$el$parentElemen = _this$el.parentElement) === null || _this$el$parentElemen === void 0 ? void 0 : (_this$el$parentElemen2 = _this$el$parentElemen.parentElement) === null || _this$el$parentElemen2 === void 0 ? void 0 : _this$el$parentElemen2.getBoundingClientRect();
|
|
825
1140
|
_this.rowHeight = (_this$el2 = _this.el) === null || _this$el2 === void 0 ? void 0 : _this$el2.children[0].getBoundingClientRect().height;
|
|
826
1141
|
|
|
@@ -915,7 +1230,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
915
1230
|
Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
|
|
916
1231
|
});
|
|
917
1232
|
|
|
918
|
-
_defineProperty(_assertThisInitialized(_this), "updateDragPosition",
|
|
1233
|
+
_defineProperty(_assertThisInitialized(_this), "updateDragPosition", throttle_default()(_this.updateDragPositionImpl, 100, {
|
|
919
1234
|
trailing: false
|
|
920
1235
|
}));
|
|
921
1236
|
|
|
@@ -938,7 +1253,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
938
1253
|
var current = this.state.expanded;
|
|
939
1254
|
|
|
940
1255
|
if (this.props.rowExpansion === 'single') {
|
|
941
|
-
if (
|
|
1256
|
+
if (includes_default()(current, key)) {
|
|
942
1257
|
this.setState({
|
|
943
1258
|
expanded: []
|
|
944
1259
|
});
|
|
@@ -948,9 +1263,9 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
948
1263
|
});
|
|
949
1264
|
}
|
|
950
1265
|
} else if (this.props.rowExpansion === 'multi') {
|
|
951
|
-
if (
|
|
1266
|
+
if (includes_default()(current, key)) {
|
|
952
1267
|
this.setState({
|
|
953
|
-
expanded:
|
|
1268
|
+
expanded: without_default()(current, key)
|
|
954
1269
|
});
|
|
955
1270
|
} else {
|
|
956
1271
|
this.setState({
|
|
@@ -973,7 +1288,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
973
1288
|
}
|
|
974
1289
|
|
|
975
1290
|
this.rows = Array.from(this.el.children);
|
|
976
|
-
var overIndex =
|
|
1291
|
+
var overIndex = findIndex_default()(this.rows, function (row) {
|
|
977
1292
|
var rect = row.getBoundingClientRect();
|
|
978
1293
|
return dragPosition > rect.top && dragPosition < rect.bottom;
|
|
979
1294
|
});
|
|
@@ -1011,6 +1326,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1011
1326
|
}, {
|
|
1012
1327
|
key: "cleanupDrag",
|
|
1013
1328
|
value: function cleanupDrag() {
|
|
1329
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
1014
1330
|
window.removeEventListener('dragenter', this.handleDragEnter);
|
|
1015
1331
|
window.removeEventListener('dragover', this.handleDragOver);
|
|
1016
1332
|
window.removeEventListener('drop', this.handleDrop);
|
|
@@ -1053,7 +1369,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1053
1369
|
var key = child.key;
|
|
1054
1370
|
var oddOrEven = i % 2 ? 'even' : 'odd';
|
|
1055
1371
|
var stripe = stripeRows ? oddOrEven : 'none';
|
|
1056
|
-
var expanded = rowExpansion === 'controlled' ? child.props.expanded :
|
|
1372
|
+
var expanded = rowExpansion === 'controlled' ? child.props.expanded : includes_default()(_this2.state.expanded, key);
|
|
1057
1373
|
|
|
1058
1374
|
var onExpansion = function onExpansion(e) {
|
|
1059
1375
|
_this2.handleRowExpansion(e, key, child.props.onExpansion);
|
|
@@ -1406,11 +1722,23 @@ Cell_defineProperty(Cell_Cell, "propTypes", Cell_propTypes);
|
|
|
1406
1722
|
Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
|
|
1407
1723
|
|
|
1408
1724
|
/* harmony default export */ var Table_Cell = (Cell_Cell);
|
|
1725
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
1726
|
+
var keys_ = __webpack_require__(10);
|
|
1727
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
1728
|
+
|
|
1729
|
+
// EXTERNAL MODULE: external "lodash/isString"
|
|
1730
|
+
var isString_ = __webpack_require__(25);
|
|
1731
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
|
|
1732
|
+
|
|
1733
|
+
// EXTERNAL MODULE: external "lodash/merge"
|
|
1734
|
+
var merge_ = __webpack_require__(112);
|
|
1735
|
+
var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
|
|
1736
|
+
|
|
1409
1737
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
1410
|
-
var i18n_ = __webpack_require__(
|
|
1738
|
+
var i18n_ = __webpack_require__(4);
|
|
1411
1739
|
|
|
1412
1740
|
// EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
|
|
1413
|
-
var SortedDown_ = __webpack_require__(
|
|
1741
|
+
var SortedDown_ = __webpack_require__(156);
|
|
1414
1742
|
var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
|
|
1415
1743
|
|
|
1416
1744
|
// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
|
|
@@ -1457,7 +1785,7 @@ function SortedDown(props) {
|
|
|
1457
1785
|
}, props));
|
|
1458
1786
|
}
|
|
1459
1787
|
// EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
|
|
1460
|
-
var SortedUp_ = __webpack_require__(
|
|
1788
|
+
var SortedUp_ = __webpack_require__(157);
|
|
1461
1789
|
var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
|
|
1462
1790
|
|
|
1463
1791
|
// CONCATENATED MODULE: ./src/icons/SortedUp.tsx
|
|
@@ -1498,7 +1826,7 @@ function SortedUp(props) {
|
|
|
1498
1826
|
}, props));
|
|
1499
1827
|
}
|
|
1500
1828
|
// EXTERNAL MODULE: external "@splunk/react-icons/Sort"
|
|
1501
|
-
var Sort_ = __webpack_require__(
|
|
1829
|
+
var Sort_ = __webpack_require__(158);
|
|
1502
1830
|
var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
|
|
1503
1831
|
|
|
1504
1832
|
// CONCATENATED MODULE: ./src/icons/Sort.tsx
|
|
@@ -1539,10 +1867,10 @@ function CaretDown(props) {
|
|
|
1539
1867
|
}, props));
|
|
1540
1868
|
}
|
|
1541
1869
|
// EXTERNAL MODULE: ./src/icons/CaretDown.tsx
|
|
1542
|
-
var icons_CaretDown = __webpack_require__(
|
|
1870
|
+
var icons_CaretDown = __webpack_require__(50);
|
|
1543
1871
|
|
|
1544
1872
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
1545
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
1873
|
+
var ScreenReaderContent_ = __webpack_require__(16);
|
|
1546
1874
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
1547
1875
|
|
|
1548
1876
|
// CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
|
|
@@ -1867,6 +2195,9 @@ function DragHandle(_ref) {
|
|
|
1867
2195
|
|
|
1868
2196
|
DragHandle.propTypes = DragHandle_propTypes;
|
|
1869
2197
|
/* harmony default export */ var Table_DragHandle = (DragHandle);
|
|
2198
|
+
// EXTERNAL MODULE: ./src/utils/ssrDocument.ts
|
|
2199
|
+
var ssrDocument = __webpack_require__(28);
|
|
2200
|
+
|
|
1870
2201
|
// CONCATENATED MODULE: ./src/Table/HeadInner.tsx
|
|
1871
2202
|
function HeadInner_extends() { HeadInner_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return HeadInner_extends.apply(this, arguments); }
|
|
1872
2203
|
|
|
@@ -1906,6 +2237,8 @@ function HeadInner_objectWithoutPropertiesLoose(source, excluded) { if (source =
|
|
|
1906
2237
|
|
|
1907
2238
|
|
|
1908
2239
|
|
|
2240
|
+
|
|
2241
|
+
|
|
1909
2242
|
var HeadInner_propTypes = {
|
|
1910
2243
|
align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
|
|
1911
2244
|
columnId: external_prop_types_default.a.any,
|
|
@@ -2088,6 +2421,7 @@ function HeadInner(_ref) {
|
|
|
2088
2421
|
var handleDragStart = function handleDragStart(e) {
|
|
2089
2422
|
var _el$textContent;
|
|
2090
2423
|
|
|
2424
|
+
var document = Object(ssrDocument["a" /* getDocument */])();
|
|
2091
2425
|
var el = ref.current;
|
|
2092
2426
|
|
|
2093
2427
|
if (e.dataTransfer.setDragImage && (el === null || el === void 0 ? void 0 : el.parentElement)) {
|
|
@@ -2125,6 +2459,7 @@ function HeadInner(_ref) {
|
|
|
2125
2459
|
};
|
|
2126
2460
|
|
|
2127
2461
|
var draggable = !!onDragStart;
|
|
2462
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
2128
2463
|
return /*#__PURE__*/external_react_default.a.createElement(HeadInnerStyles_Styled, HeadInner_extends({
|
|
2129
2464
|
draggable: draggable || undefined,
|
|
2130
2465
|
onDragStart: draggable ? handleDragStart : undefined,
|
|
@@ -2134,7 +2469,7 @@ function HeadInner(_ref) {
|
|
|
2134
2469
|
$align: align,
|
|
2135
2470
|
$draggable: draggable,
|
|
2136
2471
|
$dragging: !!isDragging
|
|
2137
|
-
},
|
|
2472
|
+
}, omit_default()(otherProps, [].concat(_toConsumableArray(Object.keys(HeadInner.propTypes)), ['id']))), isResizing && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
|
|
2138
2473
|
target: window,
|
|
2139
2474
|
eventType: "mouseup",
|
|
2140
2475
|
listener: handleEndResize
|
|
@@ -2227,6 +2562,8 @@ function HeadCell_defineProperty(obj, key, value) { if (key in obj) { Object.def
|
|
|
2227
2562
|
|
|
2228
2563
|
|
|
2229
2564
|
|
|
2565
|
+
|
|
2566
|
+
|
|
2230
2567
|
var HeadCell_propTypes = {
|
|
2231
2568
|
align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
|
|
2232
2569
|
children: external_prop_types_default.a.node,
|
|
@@ -2417,7 +2754,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2417
2754
|
var draggable = !!onDragStart;
|
|
2418
2755
|
var sortable = !!onSort && !!sortDir;
|
|
2419
2756
|
var hasOnClick = onClick !== undefined;
|
|
2420
|
-
var mergedStyle =
|
|
2757
|
+
var mergedStyle = merge_default()(style, {
|
|
2421
2758
|
width: width
|
|
2422
2759
|
});
|
|
2423
2760
|
var truncate = hasActionsHead ? false : truncateProp;
|
|
@@ -2429,7 +2766,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2429
2766
|
ref: elementRef,
|
|
2430
2767
|
"aria-sort": onSort && (this.sortDirAriaMapping[sortDir] || 'none'),
|
|
2431
2768
|
"data-test": "head-cell",
|
|
2432
|
-
"data-test-label":
|
|
2769
|
+
"data-test-label": isString_default()(children) ? children : undefined,
|
|
2433
2770
|
"data-test-sort-dir": onSort && sortDir,
|
|
2434
2771
|
id: visible ? id : undefined,
|
|
2435
2772
|
onClick: onSort || hasOnClick ? this.handleClick : undefined,
|
|
@@ -2439,7 +2776,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2439
2776
|
$variant: variant,
|
|
2440
2777
|
$zIndex: zIndex,
|
|
2441
2778
|
$isFixed: headType === 'fixed'
|
|
2442
|
-
},
|
|
2779
|
+
}, omit_default()(this.props, [].concat(HeadCell_toConsumableArray(Object.keys(HeadCell.propTypes)), ['id', 'style'])), {
|
|
2443
2780
|
onKeyDown: draggable || onSort || hasOnClick ? this.handleKeyDown : undefined
|
|
2444
2781
|
}), /*#__PURE__*/external_react_default.a.createElement(Table_HeadInner, {
|
|
2445
2782
|
label: children,
|
|
@@ -2476,11 +2813,11 @@ HeadCell_defineProperty(HeadCell_HeadCell, "contextType", Table_TableContext);
|
|
|
2476
2813
|
|
|
2477
2814
|
/* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
|
|
2478
2815
|
// EXTERNAL MODULE: external "@splunk/react-icons/Info"
|
|
2479
|
-
var Info_ = __webpack_require__(
|
|
2816
|
+
var Info_ = __webpack_require__(159);
|
|
2480
2817
|
var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
|
|
2481
2818
|
|
|
2482
2819
|
// EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
|
|
2483
|
-
var ChevronRight = __webpack_require__(
|
|
2820
|
+
var ChevronRight = __webpack_require__(37);
|
|
2484
2821
|
|
|
2485
2822
|
// CONCATENATED MODULE: ./src/Table/HeadExpandRowsIcon.tsx
|
|
2486
2823
|
|
|
@@ -2504,22 +2841,22 @@ function HeadExpandRowsIcon() {
|
|
|
2504
2841
|
});
|
|
2505
2842
|
}
|
|
2506
2843
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
2507
|
-
var Button_ = __webpack_require__(
|
|
2844
|
+
var Button_ = __webpack_require__(19);
|
|
2508
2845
|
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
2509
2846
|
|
|
2510
2847
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
2511
|
-
var Dropdown_ = __webpack_require__(
|
|
2848
|
+
var Dropdown_ = __webpack_require__(24);
|
|
2512
2849
|
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
|
|
2513
2850
|
|
|
2514
2851
|
// EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
|
|
2515
|
-
var Tooltip_ = __webpack_require__(
|
|
2852
|
+
var Tooltip_ = __webpack_require__(67);
|
|
2516
2853
|
var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
|
|
2517
2854
|
|
|
2518
2855
|
// EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
|
|
2519
|
-
var ChevronDown = __webpack_require__(
|
|
2856
|
+
var ChevronDown = __webpack_require__(89);
|
|
2520
2857
|
|
|
2521
2858
|
// EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
|
|
2522
|
-
var MoreVertical = __webpack_require__(
|
|
2859
|
+
var MoreVertical = __webpack_require__(86);
|
|
2523
2860
|
|
|
2524
2861
|
// CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
|
|
2525
2862
|
function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }
|
|
@@ -2552,6 +2889,7 @@ function RowDragCell_defineProperty(obj, key, value) { if (key in obj) { Object.
|
|
|
2552
2889
|
|
|
2553
2890
|
|
|
2554
2891
|
|
|
2892
|
+
|
|
2555
2893
|
var RowDragCell_propTypes = {
|
|
2556
2894
|
activeElementId: external_prop_types_default.a.string,
|
|
2557
2895
|
dataId: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),
|
|
@@ -2590,6 +2928,7 @@ var RowDragCell_RowDragCell = /*#__PURE__*/function (_Component) {
|
|
|
2590
2928
|
RowDragCell_defineProperty(RowDragCell_assertThisInitialized(_this), "handleDragStart", function (e) {
|
|
2591
2929
|
var _this$el, _this$el$textContent, _this$el2, _this$props$onDragSta, _this$props;
|
|
2592
2930
|
|
|
2931
|
+
var document = Object(ssrDocument["a" /* getDocument */])();
|
|
2593
2932
|
e.stopPropagation();
|
|
2594
2933
|
|
|
2595
2934
|
if (e.dataTransfer.setDragImage && ((_this$el = _this.el) === null || _this$el === void 0 ? void 0 : _this$el.parentElement)) {
|
|
@@ -2801,7 +3140,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
|
|
|
2801
3140
|
}));
|
|
2802
3141
|
|
|
2803
3142
|
// EXTERNAL MODULE: external "@splunk/react-ui/Switch"
|
|
2804
|
-
var Switch_ = __webpack_require__(
|
|
3143
|
+
var Switch_ = __webpack_require__(96);
|
|
2805
3144
|
var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
|
|
2806
3145
|
|
|
2807
3146
|
// CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
|
|
@@ -3167,7 +3506,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3167
3506
|
$expandable: !!expandable,
|
|
3168
3507
|
ref: this.handleMount,
|
|
3169
3508
|
tabIndex: onClick ? 0 : undefined
|
|
3170
|
-
},
|
|
3509
|
+
}, omit_default()(otherProps, 'data'), {
|
|
3171
3510
|
onClick: onClick ? this.handleClick : undefined,
|
|
3172
3511
|
onKeyDown: this.handleKeyDown,
|
|
3173
3512
|
$rowSelected: !!(onRequestToggle && selected)
|
|
@@ -3307,6 +3646,10 @@ function Head_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
|
|
|
3307
3646
|
|
|
3308
3647
|
|
|
3309
3648
|
|
|
3649
|
+
|
|
3650
|
+
|
|
3651
|
+
|
|
3652
|
+
|
|
3310
3653
|
var Head_propTypes = {
|
|
3311
3654
|
/** @private. */
|
|
3312
3655
|
actions: external_prop_types_default.a.arrayOf(external_prop_types_default.a.node),
|
|
@@ -3395,6 +3738,8 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3395
3738
|
Head_defineProperty(Head_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragColumnId) {
|
|
3396
3739
|
var _this$props$onDragSta, _this$props2;
|
|
3397
3740
|
|
|
3741
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
3742
|
+
|
|
3398
3743
|
_this.setState({
|
|
3399
3744
|
dragColumnId: dragColumnId
|
|
3400
3745
|
});
|
|
@@ -3452,6 +3797,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3452
3797
|
value: function getCellWidths() {
|
|
3453
3798
|
var _this$el$firstElement, _this$el, _this$el$firstElement2;
|
|
3454
3799
|
|
|
3800
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
3455
3801
|
var headRowCells = Array.from((_this$el$firstElement = (_this$el = this.el) === null || _this$el === void 0 ? void 0 : (_this$el$firstElement2 = _this$el.firstElementChild) === null || _this$el$firstElement2 === void 0 ? void 0 : _this$el$firstElement2.children) !== null && _this$el$firstElement !== void 0 ? _this$el$firstElement : []);
|
|
3456
3802
|
var result = headRowCells.map(function (el) {
|
|
3457
3803
|
var computedStyle = window.getComputedStyle(el);
|
|
@@ -3488,7 +3834,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3488
3834
|
}
|
|
3489
3835
|
|
|
3490
3836
|
this.cells = Array.from((_this$el$firstElement3 = (_this$el3 = this.el) === null || _this$el3 === void 0 ? void 0 : (_this$el3$firstElemen = _this$el3.firstElementChild) === null || _this$el3$firstElemen === void 0 ? void 0 : _this$el3$firstElemen.children) !== null && _this$el$firstElement3 !== void 0 ? _this$el$firstElement3 : []).slice(hasInfoColumn ? 1 : 0).slice(hasDragColumn ? 1 : 0).slice(onRequestToggleAllRows ? 1 : 0);
|
|
3491
|
-
var overIndex =
|
|
3837
|
+
var overIndex = findIndex_default()(this.cells, function (cell) {
|
|
3492
3838
|
var rect = cell.getBoundingClientRect();
|
|
3493
3839
|
return dragPosition !== undefined && dragPosition > rect.left && dragPosition < rect.right;
|
|
3494
3840
|
});
|
|
@@ -3508,6 +3854,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3508
3854
|
}, {
|
|
3509
3855
|
key: "cleanupDrag",
|
|
3510
3856
|
value: function cleanupDrag() {
|
|
3857
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
3511
3858
|
window.removeEventListener('dragend', this.handleDragEnd);
|
|
3512
3859
|
this.cells = undefined;
|
|
3513
3860
|
}
|
|
@@ -3527,6 +3874,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3527
3874
|
onRequestResizeColumn = _this$props5.onRequestResizeColumn,
|
|
3528
3875
|
onRequestToggleAllRows = _this$props5.onRequestToggleAllRows,
|
|
3529
3876
|
rowSelection = _this$props5.rowSelection;
|
|
3877
|
+
var headType = this.context.headType;
|
|
3530
3878
|
var guidelineIndex = this.calculateGuideIndex();
|
|
3531
3879
|
var validChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
|
|
3532
3880
|
var minimumIndex = validChildren.length + (actions.length || actionsColumnWidth ? 1 : 0);
|
|
@@ -3558,10 +3906,11 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3558
3906
|
var toggleState = rowSelection === undefined ? undefined : toggleStateMap[rowSelection];
|
|
3559
3907
|
var ariaChecked = toggleState === 'some' ? 'mixed' : toggleState;
|
|
3560
3908
|
var defaultActionsColumnWidth = actionsColumnWidth || 48;
|
|
3909
|
+
var testHookValue = headType === 'fixed' ? 'fixed-head' : 'head';
|
|
3561
3910
|
return /*#__PURE__*/external_react_default.a.createElement(HeadStyles_Styled, Head_extends({
|
|
3562
3911
|
ref: this.handleMount,
|
|
3563
|
-
"data-test":
|
|
3564
|
-
},
|
|
3912
|
+
"data-test": testHookValue
|
|
3913
|
+
}, omit_default()(this.props, keys_default()(Head.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Table_Row, null, hasDragColumn && /*#__PURE__*/external_react_default.a.createElement(StyledDragRow, {
|
|
3565
3914
|
key: "drag_rows_head_cell",
|
|
3566
3915
|
"data-test": "drag-rows-head-cell",
|
|
3567
3916
|
align: "center",
|
|
@@ -3623,6 +3972,8 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3623
3972
|
return Head;
|
|
3624
3973
|
}(external_react_["Component"]);
|
|
3625
3974
|
|
|
3975
|
+
Head_defineProperty(Head_Head, "contextType", Table_TableContext);
|
|
3976
|
+
|
|
3626
3977
|
Head_defineProperty(Head_Head, "splunkUiType", 'Table.Head');
|
|
3627
3978
|
|
|
3628
3979
|
Head_defineProperty(Head_Head, "propTypes", Head_propTypes);
|
|
@@ -3630,11 +3981,19 @@ Head_defineProperty(Head_Head, "propTypes", Head_propTypes);
|
|
|
3630
3981
|
Head_defineProperty(Head_Head, "defaultProps", Head_defaultProps);
|
|
3631
3982
|
|
|
3632
3983
|
/* harmony default export */ var Table_Head = (Head_Head);
|
|
3984
|
+
// EXTERNAL MODULE: external "lodash/isFinite"
|
|
3985
|
+
var isFinite_ = __webpack_require__(21);
|
|
3986
|
+
var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
|
|
3987
|
+
|
|
3988
|
+
// EXTERNAL MODULE: external "lodash/isFunction"
|
|
3989
|
+
var isFunction_ = __webpack_require__(68);
|
|
3990
|
+
var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
|
|
3991
|
+
|
|
3633
3992
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
3634
|
-
var id_ = __webpack_require__(
|
|
3993
|
+
var id_ = __webpack_require__(13);
|
|
3635
3994
|
|
|
3636
3995
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
3637
|
-
var Popover_ = __webpack_require__(
|
|
3996
|
+
var Popover_ = __webpack_require__(23);
|
|
3638
3997
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
3639
3998
|
|
|
3640
3999
|
// CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
|
|
@@ -3686,6 +4045,11 @@ function HeadDropdownCell_defineProperty(obj, key, value) { if (key in obj) { Ob
|
|
|
3686
4045
|
|
|
3687
4046
|
|
|
3688
4047
|
|
|
4048
|
+
|
|
4049
|
+
|
|
4050
|
+
|
|
4051
|
+
|
|
4052
|
+
|
|
3689
4053
|
/** @public */
|
|
3690
4054
|
|
|
3691
4055
|
var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
|
|
@@ -3816,8 +4180,8 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
3816
4180
|
}
|
|
3817
4181
|
}
|
|
3818
4182
|
|
|
3819
|
-
if (_this.isOpen() &&
|
|
3820
|
-
if (
|
|
4183
|
+
if (_this.isOpen() && includes_default()(closeReasons, reason) && index !== undefined) {
|
|
4184
|
+
if (includes_default()(focusToggleReasons, reason)) {
|
|
3821
4185
|
_this.focus();
|
|
3822
4186
|
}
|
|
3823
4187
|
|
|
@@ -3933,7 +4297,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
3933
4297
|
isDragging: false,
|
|
3934
4298
|
open: false
|
|
3935
4299
|
};
|
|
3936
|
-
_this.controlledExternally =
|
|
4300
|
+
_this.controlledExternally = has_default()(props, 'open');
|
|
3937
4301
|
_this.popoverId = Object(id_["createDOMID"])('popover');
|
|
3938
4302
|
_this.cellId = Object(id_["createDOMID"])('cellId');
|
|
3939
4303
|
|
|
@@ -4010,7 +4374,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4010
4374
|
var cellId = id || this.cellId;
|
|
4011
4375
|
var headType = this.context.headType;
|
|
4012
4376
|
return /*#__PURE__*/external_react_default.a.createElement(HeadCellStyles_Styled, HeadDropdownCell_extends({
|
|
4013
|
-
style:
|
|
4377
|
+
style: merge_default()(style, {
|
|
4014
4378
|
width: width
|
|
4015
4379
|
}),
|
|
4016
4380
|
"data-test": "head-cell",
|
|
@@ -4020,7 +4384,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4020
4384
|
id: visible ? cellId : undefined,
|
|
4021
4385
|
tabIndex: visible ? 0 : undefined,
|
|
4022
4386
|
ref: this.handleMount
|
|
4023
|
-
},
|
|
4387
|
+
}, omit_default()(this.props, [].concat(HeadDropdownCell_toConsumableArray(Object.keys(HeadDropdownCell.propTypes)), ['id', 'style'])), {
|
|
4024
4388
|
onClick: this.handleClick,
|
|
4025
4389
|
onKeyDown: this.handleKeyDown,
|
|
4026
4390
|
"aria-haspopup": true,
|
|
@@ -4047,7 +4411,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4047
4411
|
}), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
|
|
4048
4412
|
align: "center",
|
|
4049
4413
|
open: !!el && this.isOpen(),
|
|
4050
|
-
autoCloseWhenOffScreen:
|
|
4414
|
+
autoCloseWhenOffScreen: includes_default()(closeReasons, 'offScreen'),
|
|
4051
4415
|
anchor: el,
|
|
4052
4416
|
canCoverAnchor: canCoverHead,
|
|
4053
4417
|
retainFocus: retainFocus,
|
|
@@ -4057,10 +4421,10 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4057
4421
|
id: this.popoverId,
|
|
4058
4422
|
"aria-labelledby": id || this.cellId,
|
|
4059
4423
|
takeFocus: takeFocus,
|
|
4060
|
-
pointTo: clientX !== undefined &&
|
|
4424
|
+
pointTo: clientX !== undefined && isFinite_default()(clientX) ? {
|
|
4061
4425
|
x: clientX - ((_el$getBoundingClient = el === null || el === void 0 ? void 0 : el.getBoundingClientRect().left) !== null && _el$getBoundingClient !== void 0 ? _el$getBoundingClient : 0)
|
|
4062
4426
|
} : undefined
|
|
4063
|
-
},
|
|
4427
|
+
}, isFunction_default()(children) ? function () {
|
|
4064
4428
|
return (
|
|
4065
4429
|
/*#__PURE__*/
|
|
4066
4430
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
@@ -4091,6 +4455,10 @@ HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "defaultProps
|
|
|
4091
4455
|
HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "contextType", Table_TableContext);
|
|
4092
4456
|
|
|
4093
4457
|
/* harmony default export */ var Table_HeadDropdownCell = (HeadDropdownCell_HeadDropdownCell);
|
|
4458
|
+
// EXTERNAL MODULE: external "lodash/extend"
|
|
4459
|
+
var extend_ = __webpack_require__(48);
|
|
4460
|
+
var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
|
|
4461
|
+
|
|
4094
4462
|
// CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
|
|
4095
4463
|
|
|
4096
4464
|
|
|
@@ -4146,6 +4514,7 @@ function HeadTable_defineProperty(obj, key, value) { if (key in obj) { Object.de
|
|
|
4146
4514
|
|
|
4147
4515
|
|
|
4148
4516
|
|
|
4517
|
+
|
|
4149
4518
|
var HeadTable_propTypes = {
|
|
4150
4519
|
cellWidths: external_prop_types_default.a.arrayOf(external_prop_types_default.a.number).isRequired,
|
|
4151
4520
|
dragIndex: external_prop_types_default.a.number,
|
|
@@ -4241,7 +4610,7 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
|
|
|
4241
4610
|
var cells = isFixedColumn ? external_react_["Children"].toArray(tHead.props.children) : // ensure consistent keys
|
|
4242
4611
|
external_react_["Children"].toArray(tHead.props.children).filter(external_react_["isValidElement"]).map(function (cell, i) {
|
|
4243
4612
|
return /*#__PURE__*/Object(external_react_["cloneElement"])(cell, {
|
|
4244
|
-
style:
|
|
4613
|
+
style: extend_default()({}, cell.props.style, {
|
|
4245
4614
|
width: cellWidths[i + indexOffset]
|
|
4246
4615
|
})
|
|
4247
4616
|
});
|
|
@@ -4259,11 +4628,11 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
|
|
|
4259
4628
|
}, /*#__PURE__*/external_react_default.a.createElement(HeadTableStyles_Styled, HeadTable_extends({
|
|
4260
4629
|
"data-test": "".concat(headType, "-head-table"),
|
|
4261
4630
|
"data-fixed-column": isFixedColumn ? 'true' : undefined,
|
|
4262
|
-
style:
|
|
4631
|
+
style: extend_default()({}, tableStyle, {
|
|
4263
4632
|
marginLeft: horizontalOffset,
|
|
4264
4633
|
width: isFixedColumn ? undefined : tableWidth
|
|
4265
4634
|
})
|
|
4266
|
-
},
|
|
4635
|
+
}, omit_default()(otherProps, 'dragIndex')), clonedTHead));
|
|
4267
4636
|
}
|
|
4268
4637
|
}]);
|
|
4269
4638
|
|
|
@@ -4276,7 +4645,7 @@ HeadTable_defineProperty(HeadTable_HeadTable, "defaultProps", HeadTable_defaultP
|
|
|
4276
4645
|
|
|
4277
4646
|
/* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
|
|
4278
4647
|
// EXTERNAL MODULE: ./src/utils/types.ts
|
|
4279
|
-
var types = __webpack_require__(
|
|
4648
|
+
var types = __webpack_require__(76);
|
|
4280
4649
|
|
|
4281
4650
|
// CONCATENATED MODULE: ./src/Table/Table.tsx
|
|
4282
4651
|
function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }
|
|
@@ -4323,6 +4692,12 @@ function Table_defineProperty(obj, key, value) { if (key in obj) { Object.define
|
|
|
4323
4692
|
|
|
4324
4693
|
|
|
4325
4694
|
|
|
4695
|
+
|
|
4696
|
+
|
|
4697
|
+
|
|
4698
|
+
|
|
4699
|
+
|
|
4700
|
+
|
|
4326
4701
|
// Exposed as static members of the Table class
|
|
4327
4702
|
|
|
4328
4703
|
|
|
@@ -4337,6 +4712,8 @@ function Table_defineProperty(obj, key, value) { if (key in obj) { Object.define
|
|
|
4337
4712
|
|
|
4338
4713
|
|
|
4339
4714
|
|
|
4715
|
+
|
|
4716
|
+
|
|
4340
4717
|
/** @public */
|
|
4341
4718
|
|
|
4342
4719
|
var Table_propTypes = {
|
|
@@ -4388,12 +4765,14 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4388
4765
|
value: function getHeadFocusState(head) {
|
|
4389
4766
|
var _head$getEl, _head$getEl2;
|
|
4390
4767
|
|
|
4768
|
+
var document = Object(ssrDocument["a" /* getDocument */])();
|
|
4769
|
+
|
|
4391
4770
|
if (head === undefined || head === null) {
|
|
4392
4771
|
return undefined;
|
|
4393
4772
|
}
|
|
4394
4773
|
|
|
4395
4774
|
var headCells = (_head$getEl = head.getEl()) === null || _head$getEl === void 0 ? void 0 : _head$getEl.children[0].children;
|
|
4396
|
-
var activeHeadCellIndex =
|
|
4775
|
+
var activeHeadCellIndex = indexOf_default()(headCells, document.activeElement);
|
|
4397
4776
|
|
|
4398
4777
|
if (activeHeadCellIndex > -1) {
|
|
4399
4778
|
return {
|
|
@@ -4403,7 +4782,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4403
4782
|
}
|
|
4404
4783
|
|
|
4405
4784
|
var resizeButtons = (_head$getEl2 = head.getEl()) === null || _head$getEl2 === void 0 ? void 0 : _head$getEl2.querySelectorAll('[data-test=resize]');
|
|
4406
|
-
var activeResizeButtonIndex =
|
|
4785
|
+
var activeResizeButtonIndex = indexOf_default()(resizeButtons, document.activeElement);
|
|
4407
4786
|
|
|
4408
4787
|
if (activeResizeButtonIndex > -1) {
|
|
4409
4788
|
return {
|
|
@@ -4417,6 +4796,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4417
4796
|
}, {
|
|
4418
4797
|
key: "getOffset",
|
|
4419
4798
|
value: function getOffset(el) {
|
|
4799
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
4420
4800
|
var rect = el.getBoundingClientRect();
|
|
4421
4801
|
return {
|
|
4422
4802
|
top: rect.top + window.pageYOffset,
|
|
@@ -4486,6 +4866,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4486
4866
|
Table_defineProperty(Table_assertThisInitialized(_this), "tableContainer", null);
|
|
4487
4867
|
|
|
4488
4868
|
Table_defineProperty(Table_assertThisInitialized(_this), "updateDockedHeadState", function () {
|
|
4869
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
4870
|
+
|
|
4489
4871
|
if (_this.isInline()) {
|
|
4490
4872
|
return;
|
|
4491
4873
|
}
|
|
@@ -4514,9 +4896,9 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4514
4896
|
});
|
|
4515
4897
|
});
|
|
4516
4898
|
|
|
4517
|
-
Table_defineProperty(Table_assertThisInitialized(_this), "handleScroll",
|
|
4899
|
+
Table_defineProperty(Table_assertThisInitialized(_this), "handleScroll", throttle_default()(_this.updateDockedHeadState, 0));
|
|
4518
4900
|
|
|
4519
|
-
Table_defineProperty(Table_assertThisInitialized(_this), "handleResize",
|
|
4901
|
+
Table_defineProperty(Table_assertThisInitialized(_this), "handleResize", throttle_default()(_this.updateDockedHeadState, 50));
|
|
4520
4902
|
|
|
4521
4903
|
Table_defineProperty(Table_assertThisInitialized(_this), "handleContainerScroll", function (e) {
|
|
4522
4904
|
var _this$props$onScroll, _this$props;
|
|
@@ -4548,6 +4930,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4548
4930
|
|
|
4549
4931
|
Table_defineProperty(Table_assertThisInitialized(_this), "handleDragStart", function (_ref2) {
|
|
4550
4932
|
var dragIndex = _ref2.dragIndex;
|
|
4933
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
4551
4934
|
|
|
4552
4935
|
_this.setState({
|
|
4553
4936
|
dragIndex: dragIndex
|
|
@@ -4636,6 +5019,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4636
5019
|
|
|
4637
5020
|
var index = _ref3.index,
|
|
4638
5021
|
columnId = _ref3.columnId;
|
|
5022
|
+
var document = Object(ssrDocument["a" /* getDocument */])();
|
|
4639
5023
|
|
|
4640
5024
|
if (index === undefined) {
|
|
4641
5025
|
return;
|
|
@@ -4651,7 +5035,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4651
5035
|
wrapper.style.left = '0';
|
|
4652
5036
|
wrapper.style.maxHeight = '10px';
|
|
4653
5037
|
wrapper.style.overflow = 'hidden';
|
|
4654
|
-
|
|
5038
|
+
forEach_default()(cells, function (cell) {
|
|
4655
5039
|
var clone = cell.cloneNode(true); // TS: this seems safe to assume?
|
|
4656
5040
|
|
|
4657
5041
|
clone.style.display = 'block';
|
|
@@ -4667,7 +5051,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4667
5051
|
(_wrapper$parentNode = wrapper.parentNode) === null || _wrapper$parentNode === void 0 ? void 0 : _wrapper$parentNode.removeChild(wrapper);
|
|
4668
5052
|
});
|
|
4669
5053
|
|
|
4670
|
-
Table_defineProperty(Table_assertThisInitialized(_this), "updateDragPosition",
|
|
5054
|
+
Table_defineProperty(Table_assertThisInitialized(_this), "updateDragPosition", throttle_default()(_this.updateDragPositionImpl, 100, {
|
|
4671
5055
|
trailing: false
|
|
4672
5056
|
}));
|
|
4673
5057
|
|
|
@@ -4689,7 +5073,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4689
5073
|
if (head && headTable) {
|
|
4690
5074
|
var cellWidths = head.getCellWidths();
|
|
4691
5075
|
|
|
4692
|
-
if (!
|
|
5076
|
+
if (!isEqual_default()(this.state.cellWidths, cellWidths)) {
|
|
4693
5077
|
this.updateDockedHeadState();
|
|
4694
5078
|
}
|
|
4695
5079
|
}
|
|
@@ -4775,6 +5159,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4775
5159
|
}, {
|
|
4776
5160
|
key: "showDockedHeader",
|
|
4777
5161
|
value: function showDockedHeader() {
|
|
5162
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
5163
|
+
|
|
4778
5164
|
if (!this.headerIsDocked() || !this.table || !this.head || !this.tableContainer) {
|
|
4779
5165
|
return false;
|
|
4780
5166
|
}
|
|
@@ -4786,6 +5172,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4786
5172
|
}, {
|
|
4787
5173
|
key: "showDockedScrollBar",
|
|
4788
5174
|
value: function showDockedScrollBar() {
|
|
5175
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
5176
|
+
|
|
4789
5177
|
if (!this.props.dockScrollBar || !this.table || !this.tableContainer) {
|
|
4790
5178
|
return false;
|
|
4791
5179
|
}
|
|
@@ -4803,6 +5191,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4803
5191
|
}, {
|
|
4804
5192
|
key: "cleanupDrag",
|
|
4805
5193
|
value: function cleanupDrag() {
|
|
5194
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
4806
5195
|
window.removeEventListener('dragenter', this.handleDragEnter);
|
|
4807
5196
|
window.removeEventListener('dragover', this.handleDragOver);
|
|
4808
5197
|
window.removeEventListener('drop', this.handleDrop);
|
|
@@ -4856,6 +5245,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4856
5245
|
value: function renderDockedScrollbar() {
|
|
4857
5246
|
var _this2 = this;
|
|
4858
5247
|
|
|
5248
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
5249
|
+
|
|
4859
5250
|
if (!this.showDockedScrollBar()) {
|
|
4860
5251
|
return false;
|
|
4861
5252
|
}
|
|
@@ -4915,7 +5306,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4915
5306
|
if (!isFixedColumn) {
|
|
4916
5307
|
// if all the HeadCells are fixed width, then the table is fixed.
|
|
4917
5308
|
isFixedColumn = !external_react_["Children"].toArray(child.props.children).filter(external_react_["isValidElement"]).some(function (th) {
|
|
4918
|
-
return !
|
|
5309
|
+
return !has_default()(th.props, 'width');
|
|
4919
5310
|
});
|
|
4920
5311
|
}
|
|
4921
5312
|
} else if (splunkUiType === 'Table.Body') {
|
|
@@ -4942,7 +5333,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4942
5333
|
);
|
|
4943
5334
|
});
|
|
4944
5335
|
tHead = /*#__PURE__*/Object(external_react_["cloneElement"])(tHead, {}, headCells);
|
|
4945
|
-
var defaultScrollContainer = this.context ||
|
|
5336
|
+
var defaultScrollContainer = this.context || Object(ssrWindow["a" /* getWindow */])();
|
|
4946
5337
|
var scrollContainer = this.isFixed() ? this.tableContainer : defaultScrollContainer;
|
|
4947
5338
|
|
|
4948
5339
|
if (resizableFillLayout) {
|
|
@@ -4954,8 +5345,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4954
5345
|
ref: elementRef,
|
|
4955
5346
|
style: outerStyle,
|
|
4956
5347
|
"data-test-row-selection": onRequestToggleAllRows ? rowSelection : undefined
|
|
4957
|
-
},
|
|
4958
|
-
target:
|
|
5348
|
+
}, omit_default()(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
|
|
5349
|
+
target: Object(ssrWindow["a" /* getWindow */])(),
|
|
4959
5350
|
eventType: "scroll",
|
|
4960
5351
|
listener: this.handleScroll,
|
|
4961
5352
|
options: {
|