@splunk/react-ui 4.34.0 → 4.36.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/Breadcrumbs.js +20 -29
- package/Button.js +1 -1
- package/CHANGELOG.md +42 -2
- package/Calendar.js +2 -2
- package/Card.js +86 -82
- package/Chip.js +73 -76
- package/CollapsiblePanel.js +2 -2
- package/Color.js +23 -15
- package/ComboBox.js +5 -4
- package/Concertina.js +136 -135
- package/ControlGroup.js +51 -48
- package/FormRows.js +2 -2
- package/JSONTree.js +295 -260
- package/List.js +9 -13
- package/MIGRATION.mdx +41 -0
- package/Menu.js +352 -345
- package/Message.js +16 -19
- package/Modal.js +1 -1
- package/Monogram.js +140 -94
- package/Multiselect.js +37 -20
- package/Paginator.js +1 -1
- package/RadioBar.js +157 -191
- package/Resize.js +133 -113
- package/ResultsMenu.js +124 -126
- package/Search.js +182 -181
- package/Select.js +55 -56
- package/Slider.js +9 -3
- package/StaticContent.js +48 -46
- package/StepBar.js +91 -87
- package/Switch.js +105 -97
- package/TabBar.js +125 -110
- package/Table.js +686 -687
- package/Text.js +78 -58
- package/package.json +7 -6
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +0 -1
- package/types/src/Breadcrumbs/Item.d.ts +0 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -0
- package/types/src/Card/Header.d.ts +0 -2
- package/types/src/Chip/Chip.d.ts +2 -4
- package/types/src/Color/Color.d.ts +5 -5
- package/types/src/ComboBox/ComboBox.d.ts +8 -4
- package/types/src/ComboBox/Option.d.ts +0 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +9 -5
- package/types/src/JSONTree/JSONTreeItem.d.ts +2 -2
- package/types/src/JSONTree/renderTreeItems.d.ts +2 -2
- package/types/src/List/List.d.ts +2 -4
- package/types/src/Menu/Heading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +7 -5
- package/types/src/Menu/Menu.d.ts +13 -16
- package/types/src/Menu/docs/examples/Dimmed.d.ts +2 -0
- package/types/src/Monogram/Monogram.d.ts +5 -6
- package/types/src/Multiselect/Normal.d.ts +1 -0
- package/types/src/Multiselect/Option.d.ts +0 -1
- package/types/src/Progress/Progress.d.ts +4 -1
- package/types/src/RadioBar/RadioBarContext.d.ts +1 -1
- package/types/src/Resize/Resize.d.ts +4 -2
- package/types/src/ResultsMenu/ResultsMenu.d.ts +11 -9
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +3 -5
- package/types/src/Search/Option.d.ts +19 -6
- package/types/src/Search/docs/examples/OptionsLinks.d.ts +2 -0
- package/types/src/Select/Option.d.ts +0 -1
- package/types/src/Select/OptionBase.d.ts +2 -3
- package/types/src/StaticContent/StaticContent.d.ts +4 -1
- package/types/src/Table/DragHandle.d.ts +1 -2
- package/types/src/Text/Text.d.ts +2 -0
package/Concertina.js
CHANGED
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(t, {
|
|
64
|
-
Panel: () => /* reexport */
|
|
65
|
-
default: () => /* reexport */
|
|
64
|
+
Panel: () => /* reexport */ je,
|
|
65
|
+
default: () => /* reexport */ Ve
|
|
66
66
|
});
|
|
67
67
|
// CONCATENATED MODULE: external "react"
|
|
68
68
|
const n = require("react");
|
|
@@ -331,23 +331,24 @@
|
|
|
331
331
|
const G = require("@splunk/react-ui/Scroll");
|
|
332
332
|
var J = e.n(G);
|
|
333
333
|
// CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
|
|
334
|
-
var K =
|
|
334
|
+
var K = (0, g.css)([ "position:absolute;left:0;top:0;right:0;bottom:0;" ]);
|
|
335
|
+
var Q = m()(J()).withConfig({
|
|
335
336
|
displayName: "ConcertinaStyles__StyledScroll",
|
|
336
337
|
componentId: "sc-1fzuh39-0"
|
|
337
|
-
})([ "
|
|
338
|
-
var
|
|
338
|
+
})([ "", "" ], K);
|
|
339
|
+
var X = m()(F()).withConfig({
|
|
339
340
|
displayName: "ConcertinaStyles__StyledBox",
|
|
340
341
|
componentId: "sc-1fzuh39-1"
|
|
341
|
-
})([ "overflow:hidden;" ]);
|
|
342
|
-
var
|
|
342
|
+
})([ "", " overflow:hidden;" ], K);
|
|
343
|
+
var Y = m().div.withConfig({
|
|
343
344
|
displayName: "ConcertinaStyles__StyledTop",
|
|
344
345
|
componentId: "sc-1fzuh39-2"
|
|
345
346
|
})([ "position:absolute;left:0;top:0;right:0;z-index:1;background-color:", ";&::after{content:'';position:absolute;bottom:-10px;height:10px;left:0;right:0;background-image:linear-gradient(180deg,rgba(0,0,0,0.15),rgba(0,0,0,0));}" ], w.variables.backgroundColor);
|
|
346
|
-
var
|
|
347
|
+
var Z = m().div.withConfig({
|
|
347
348
|
displayName: "ConcertinaStyles__StyledBottom",
|
|
348
349
|
componentId: "sc-1fzuh39-3"
|
|
349
350
|
})([ "position:absolute;left:0;bottom:0;right:0;background-color:", ";&::before{content:'';position:absolute;top:-5px;height:5px;left:0;right:0;background-image:linear-gradient(0deg,rgba(0,0,0,0.15),rgba(0,0,0,0));}" ], w.variables.backgroundColor);
|
|
350
|
-
var
|
|
351
|
+
var ee = m().div.withConfig({
|
|
351
352
|
displayName: "ConcertinaStyles__StyledPanelBody",
|
|
352
353
|
componentId: "sc-1fzuh39-4"
|
|
353
354
|
})([ "", "" ], (0, w.pickVariant)("$status", {
|
|
@@ -368,7 +369,7 @@
|
|
|
368
369
|
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
369
370
|
* @param current - The new value of the ref.
|
|
370
371
|
*/
|
|
371
|
-
function
|
|
372
|
+
function te(e, t) {
|
|
372
373
|
if (e) {
|
|
373
374
|
if (typeof e === "function") {
|
|
374
375
|
e(t);
|
|
@@ -381,25 +382,25 @@
|
|
|
381
382
|
}
|
|
382
383
|
}
|
|
383
384
|
// CONCATENATED MODULE: ./src/Concertina/ConcertinaContext.tsx
|
|
384
|
-
var
|
|
385
|
-
|
|
386
|
-
/* harmony default export */ const
|
|
385
|
+
var ne = (0, n.createContext)({});
|
|
386
|
+
ne.displayName = "Concertina";
|
|
387
|
+
/* harmony default export */ const re = ne;
|
|
387
388
|
// CONCATENATED MODULE: ./src/Concertina/Panel.tsx
|
|
388
|
-
function
|
|
389
|
+
function oe(e) {
|
|
389
390
|
"@babel/helpers - typeof";
|
|
390
391
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
391
|
-
|
|
392
|
+
oe = function e(t) {
|
|
392
393
|
return typeof t;
|
|
393
394
|
};
|
|
394
395
|
} else {
|
|
395
|
-
|
|
396
|
+
oe = function e(t) {
|
|
396
397
|
return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
|
|
397
398
|
};
|
|
398
399
|
}
|
|
399
|
-
return
|
|
400
|
+
return oe(e);
|
|
400
401
|
}
|
|
401
|
-
function
|
|
402
|
-
|
|
402
|
+
function ie() {
|
|
403
|
+
ie = Object.assign || function(e) {
|
|
403
404
|
for (var t = 1; t < arguments.length; t++) {
|
|
404
405
|
var n = arguments[t];
|
|
405
406
|
for (var r in n) {
|
|
@@ -410,41 +411,41 @@
|
|
|
410
411
|
}
|
|
411
412
|
return e;
|
|
412
413
|
};
|
|
413
|
-
return
|
|
414
|
+
return ie.apply(this, arguments);
|
|
414
415
|
}
|
|
415
|
-
function
|
|
416
|
-
return
|
|
416
|
+
function ae(e) {
|
|
417
|
+
return ue(e) || ce(e) || se(e) || le();
|
|
417
418
|
}
|
|
418
|
-
function
|
|
419
|
+
function le() {
|
|
419
420
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
420
421
|
}
|
|
421
|
-
function
|
|
422
|
+
function se(e, t) {
|
|
422
423
|
if (!e) return;
|
|
423
|
-
if (typeof e === "string") return
|
|
424
|
+
if (typeof e === "string") return fe(e, t);
|
|
424
425
|
var n = Object.prototype.toString.call(e).slice(8, -1);
|
|
425
426
|
if (n === "Object" && e.constructor) n = e.constructor.name;
|
|
426
427
|
if (n === "Map" || n === "Set") return Array.from(e);
|
|
427
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return
|
|
428
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return fe(e, t);
|
|
428
429
|
}
|
|
429
|
-
function
|
|
430
|
+
function ce(e) {
|
|
430
431
|
if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
|
|
431
432
|
}
|
|
432
|
-
function
|
|
433
|
-
if (Array.isArray(e)) return
|
|
433
|
+
function ue(e) {
|
|
434
|
+
if (Array.isArray(e)) return fe(e);
|
|
434
435
|
}
|
|
435
|
-
function
|
|
436
|
+
function fe(e, t) {
|
|
436
437
|
if (t == null || t > e.length) t = e.length;
|
|
437
438
|
for (var n = 0, r = new Array(t); n < t; n++) {
|
|
438
439
|
r[n] = e[n];
|
|
439
440
|
}
|
|
440
441
|
return r;
|
|
441
442
|
}
|
|
442
|
-
function
|
|
443
|
+
function pe(e, t) {
|
|
443
444
|
if (!(e instanceof t)) {
|
|
444
445
|
throw new TypeError("Cannot call a class as a function");
|
|
445
446
|
}
|
|
446
447
|
}
|
|
447
|
-
function
|
|
448
|
+
function de(e, t) {
|
|
448
449
|
for (var n = 0; n < t.length; n++) {
|
|
449
450
|
var r = t[n];
|
|
450
451
|
r.enumerable = r.enumerable || false;
|
|
@@ -453,12 +454,12 @@
|
|
|
453
454
|
Object.defineProperty(e, r.key, r);
|
|
454
455
|
}
|
|
455
456
|
}
|
|
456
|
-
function
|
|
457
|
-
if (t)
|
|
458
|
-
if (n)
|
|
457
|
+
function he(e, t, n) {
|
|
458
|
+
if (t) de(e.prototype, t);
|
|
459
|
+
if (n) de(e, n);
|
|
459
460
|
return e;
|
|
460
461
|
}
|
|
461
|
-
function
|
|
462
|
+
function ye(e, t) {
|
|
462
463
|
if (typeof t !== "function" && t !== null) {
|
|
463
464
|
throw new TypeError("Super expression must either be null or a function");
|
|
464
465
|
}
|
|
@@ -469,41 +470,41 @@
|
|
|
469
470
|
configurable: true
|
|
470
471
|
}
|
|
471
472
|
});
|
|
472
|
-
if (t)
|
|
473
|
+
if (t) be(e, t);
|
|
473
474
|
}
|
|
474
|
-
function
|
|
475
|
-
|
|
475
|
+
function be(e, t) {
|
|
476
|
+
be = Object.setPrototypeOf || function e(t, n) {
|
|
476
477
|
t.__proto__ = n;
|
|
477
478
|
return t;
|
|
478
479
|
};
|
|
479
|
-
return
|
|
480
|
+
return be(e, t);
|
|
480
481
|
}
|
|
481
|
-
function
|
|
482
|
-
var t =
|
|
482
|
+
function ve(e) {
|
|
483
|
+
var t = ke();
|
|
483
484
|
return function n() {
|
|
484
|
-
var r =
|
|
485
|
+
var r = Se(e), o;
|
|
485
486
|
if (t) {
|
|
486
|
-
var i =
|
|
487
|
+
var i = Se(this).constructor;
|
|
487
488
|
o = Reflect.construct(r, arguments, i);
|
|
488
489
|
} else {
|
|
489
490
|
o = r.apply(this, arguments);
|
|
490
491
|
}
|
|
491
|
-
return
|
|
492
|
+
return ge(this, o);
|
|
492
493
|
};
|
|
493
494
|
}
|
|
494
|
-
function
|
|
495
|
-
if (t && (
|
|
495
|
+
function ge(e, t) {
|
|
496
|
+
if (t && (oe(t) === "object" || typeof t === "function")) {
|
|
496
497
|
return t;
|
|
497
498
|
}
|
|
498
|
-
return
|
|
499
|
+
return me(e);
|
|
499
500
|
}
|
|
500
|
-
function
|
|
501
|
+
function me(e) {
|
|
501
502
|
if (e === void 0) {
|
|
502
503
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
503
504
|
}
|
|
504
505
|
return e;
|
|
505
506
|
}
|
|
506
|
-
function
|
|
507
|
+
function ke() {
|
|
507
508
|
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
508
509
|
if (Reflect.construct.sham) return false;
|
|
509
510
|
if (typeof Proxy === "function") return true;
|
|
@@ -514,13 +515,13 @@
|
|
|
514
515
|
return false;
|
|
515
516
|
}
|
|
516
517
|
}
|
|
517
|
-
function
|
|
518
|
-
|
|
518
|
+
function Se(e) {
|
|
519
|
+
Se = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
|
|
519
520
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
520
521
|
};
|
|
521
|
-
return
|
|
522
|
+
return Se(e);
|
|
522
523
|
}
|
|
523
|
-
function
|
|
524
|
+
function we(e, t, n) {
|
|
524
525
|
if (t in e) {
|
|
525
526
|
Object.defineProperty(e, t, {
|
|
526
527
|
value: n,
|
|
@@ -533,7 +534,7 @@
|
|
|
533
534
|
}
|
|
534
535
|
return e;
|
|
535
536
|
}
|
|
536
|
-
var
|
|
537
|
+
var Ce = {
|
|
537
538
|
children: i().node,
|
|
538
539
|
description: i().node,
|
|
539
540
|
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
@@ -543,19 +544,19 @@
|
|
|
543
544
|
status: i().oneOf([ "normal", "warning", "error", "disabled" ]),
|
|
544
545
|
title: i().node.isRequired
|
|
545
546
|
};
|
|
546
|
-
var
|
|
547
|
+
var Oe = {
|
|
547
548
|
status: "normal"
|
|
548
549
|
};
|
|
549
|
-
var
|
|
550
|
-
|
|
551
|
-
var t =
|
|
550
|
+
var Pe = function(e) {
|
|
551
|
+
ye(n, e);
|
|
552
|
+
var t = ve(n);
|
|
552
553
|
// @docs-props-type PanelPropsBase
|
|
553
554
|
function n(e) {
|
|
554
555
|
var r;
|
|
555
|
-
|
|
556
|
+
pe(this, n);
|
|
556
557
|
r = t.call(this, e);
|
|
557
|
-
|
|
558
|
-
|
|
558
|
+
we(me(r), "lastHeight", void 0);
|
|
559
|
+
we(me(r), "measureHeight", (function(e) {
|
|
559
560
|
var t, n, o;
|
|
560
561
|
if (!r.state.containerEl || !r.state.bodyEl) {
|
|
561
562
|
return;
|
|
@@ -573,19 +574,19 @@
|
|
|
573
574
|
r.lastHeight = i;
|
|
574
575
|
(n = (o = r.context).onChange) === null || n === void 0 ? void 0 : n.call(o, e, a);
|
|
575
576
|
}));
|
|
576
|
-
|
|
577
|
-
|
|
577
|
+
we(me(r), "handleResize", L()(r.measureHeight, 300));
|
|
578
|
+
we(me(r), "handleMount", (function(e) {
|
|
578
579
|
r.setState({
|
|
579
580
|
containerEl: e
|
|
580
581
|
});
|
|
581
|
-
|
|
582
|
+
te(r.props.elementRef, e);
|
|
582
583
|
}));
|
|
583
|
-
|
|
584
|
+
we(me(r), "handleHeadingMount", (function(e) {
|
|
584
585
|
r.setState({
|
|
585
586
|
heading: e
|
|
586
587
|
});
|
|
587
588
|
}));
|
|
588
|
-
|
|
589
|
+
we(me(r), "handleBodyMount", (function(e) {
|
|
589
590
|
r.setState({
|
|
590
591
|
bodyEl: e
|
|
591
592
|
});
|
|
@@ -597,7 +598,7 @@
|
|
|
597
598
|
};
|
|
598
599
|
return r;
|
|
599
600
|
}
|
|
600
|
-
|
|
601
|
+
he(n, [ {
|
|
601
602
|
key: "componentDidUpdate",
|
|
602
603
|
value: function e(t, n) {
|
|
603
604
|
if (this.props.children !== t.children || !n.containerEl) {
|
|
@@ -621,11 +622,11 @@
|
|
|
621
622
|
var t = this.props, o = t.children, i = t.description, a = t.index, l = t.panelId, s = t.status, c = t.style, u = t.title;
|
|
622
623
|
var f = this.context.onHeadingClick;
|
|
623
624
|
|
|
624
|
-
return r().createElement("div",
|
|
625
|
+
return r().createElement("div", ie({
|
|
625
626
|
ref: this.handleMount,
|
|
626
627
|
"data-test": "panel",
|
|
627
628
|
"data-test-panel-id": l || "".concat(a)
|
|
628
|
-
}, v()(this.props, [].concat(
|
|
629
|
+
}, v()(this.props, [].concat(ae(y()(n.propTypes)), [ "style" ]))), r().createElement($, {
|
|
629
630
|
onClick: f,
|
|
630
631
|
ref: this.handleHeadingMount,
|
|
631
632
|
description: i,
|
|
@@ -637,7 +638,7 @@
|
|
|
637
638
|
target: window,
|
|
638
639
|
eventType: "resize",
|
|
639
640
|
listener: this.handleResize
|
|
640
|
-
}), r().createElement(
|
|
641
|
+
}), r().createElement(ee, {
|
|
641
642
|
$status: s,
|
|
642
643
|
"data-test": "body",
|
|
643
644
|
style: c,
|
|
@@ -647,26 +648,26 @@
|
|
|
647
648
|
} ]);
|
|
648
649
|
return n;
|
|
649
650
|
}(n.Component);
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
/* harmony default export */ const
|
|
651
|
+
we(Pe, "propTypes", Ce);
|
|
652
|
+
we(Pe, "defaultProps", Oe);
|
|
653
|
+
we(Pe, "contextType", re);
|
|
654
|
+
/* harmony default export */ const je = Pe;
|
|
654
655
|
// CONCATENATED MODULE: ./src/Concertina/Concertina.tsx
|
|
655
|
-
function
|
|
656
|
+
function Ee(e) {
|
|
656
657
|
"@babel/helpers - typeof";
|
|
657
658
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
658
|
-
|
|
659
|
+
Ee = function e(t) {
|
|
659
660
|
return typeof t;
|
|
660
661
|
};
|
|
661
662
|
} else {
|
|
662
|
-
|
|
663
|
+
Ee = function e(t) {
|
|
663
664
|
return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
|
|
664
665
|
};
|
|
665
666
|
}
|
|
666
|
-
return
|
|
667
|
+
return Ee(e);
|
|
667
668
|
}
|
|
668
|
-
function
|
|
669
|
-
|
|
669
|
+
function xe() {
|
|
670
|
+
xe = Object.assign || function(e) {
|
|
670
671
|
for (var t = 1; t < arguments.length; t++) {
|
|
671
672
|
var n = arguments[t];
|
|
672
673
|
for (var r in n) {
|
|
@@ -677,11 +678,11 @@
|
|
|
677
678
|
}
|
|
678
679
|
return e;
|
|
679
680
|
};
|
|
680
|
-
return
|
|
681
|
+
return xe.apply(this, arguments);
|
|
681
682
|
}
|
|
682
|
-
function
|
|
683
|
+
function _e(e, t) {
|
|
683
684
|
if (e == null) return {};
|
|
684
|
-
var n =
|
|
685
|
+
var n = He(e, t);
|
|
685
686
|
var r, o;
|
|
686
687
|
if (Object.getOwnPropertySymbols) {
|
|
687
688
|
var i = Object.getOwnPropertySymbols(e);
|
|
@@ -694,7 +695,7 @@
|
|
|
694
695
|
}
|
|
695
696
|
return n;
|
|
696
697
|
}
|
|
697
|
-
function
|
|
698
|
+
function He(e, t) {
|
|
698
699
|
if (e == null) return {};
|
|
699
700
|
var n = {};
|
|
700
701
|
var r = Object.keys(e);
|
|
@@ -706,12 +707,12 @@
|
|
|
706
707
|
}
|
|
707
708
|
return n;
|
|
708
709
|
}
|
|
709
|
-
function
|
|
710
|
+
function Te(e, t) {
|
|
710
711
|
if (!(e instanceof t)) {
|
|
711
712
|
throw new TypeError("Cannot call a class as a function");
|
|
712
713
|
}
|
|
713
714
|
}
|
|
714
|
-
function
|
|
715
|
+
function Re(e, t) {
|
|
715
716
|
for (var n = 0; n < t.length; n++) {
|
|
716
717
|
var r = t[n];
|
|
717
718
|
r.enumerable = r.enumerable || false;
|
|
@@ -720,12 +721,12 @@
|
|
|
720
721
|
Object.defineProperty(e, r.key, r);
|
|
721
722
|
}
|
|
722
723
|
}
|
|
723
|
-
function
|
|
724
|
-
if (t)
|
|
725
|
-
if (n)
|
|
724
|
+
function Ie(e, t, n) {
|
|
725
|
+
if (t) Re(e.prototype, t);
|
|
726
|
+
if (n) Re(e, n);
|
|
726
727
|
return e;
|
|
727
728
|
}
|
|
728
|
-
function
|
|
729
|
+
function qe(e, t) {
|
|
729
730
|
if (typeof t !== "function" && t !== null) {
|
|
730
731
|
throw new TypeError("Super expression must either be null or a function");
|
|
731
732
|
}
|
|
@@ -736,41 +737,41 @@
|
|
|
736
737
|
configurable: true
|
|
737
738
|
}
|
|
738
739
|
});
|
|
739
|
-
if (t)
|
|
740
|
+
if (t) ze(e, t);
|
|
740
741
|
}
|
|
741
|
-
function
|
|
742
|
-
|
|
742
|
+
function ze(e, t) {
|
|
743
|
+
ze = Object.setPrototypeOf || function e(t, n) {
|
|
743
744
|
t.__proto__ = n;
|
|
744
745
|
return t;
|
|
745
746
|
};
|
|
746
|
-
return
|
|
747
|
+
return ze(e, t);
|
|
747
748
|
}
|
|
748
|
-
function
|
|
749
|
-
var t =
|
|
749
|
+
function Me(e) {
|
|
750
|
+
var t = Be();
|
|
750
751
|
return function n() {
|
|
751
|
-
var r =
|
|
752
|
+
var r = De(e), o;
|
|
752
753
|
if (t) {
|
|
753
|
-
var i =
|
|
754
|
+
var i = De(this).constructor;
|
|
754
755
|
o = Reflect.construct(r, arguments, i);
|
|
755
756
|
} else {
|
|
756
757
|
o = r.apply(this, arguments);
|
|
757
758
|
}
|
|
758
|
-
return
|
|
759
|
+
return Ae(this, o);
|
|
759
760
|
};
|
|
760
761
|
}
|
|
761
|
-
function
|
|
762
|
-
if (t && (
|
|
762
|
+
function Ae(e, t) {
|
|
763
|
+
if (t && (Ee(t) === "object" || typeof t === "function")) {
|
|
763
764
|
return t;
|
|
764
765
|
}
|
|
765
|
-
return
|
|
766
|
+
return We(e);
|
|
766
767
|
}
|
|
767
|
-
function
|
|
768
|
+
function We(e) {
|
|
768
769
|
if (e === void 0) {
|
|
769
770
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
770
771
|
}
|
|
771
772
|
return e;
|
|
772
773
|
}
|
|
773
|
-
function
|
|
774
|
+
function Be() {
|
|
774
775
|
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
775
776
|
if (Reflect.construct.sham) return false;
|
|
776
777
|
if (typeof Proxy === "function") return true;
|
|
@@ -781,13 +782,13 @@
|
|
|
781
782
|
return false;
|
|
782
783
|
}
|
|
783
784
|
}
|
|
784
|
-
function
|
|
785
|
-
|
|
785
|
+
function De(e) {
|
|
786
|
+
De = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
|
|
786
787
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
787
788
|
};
|
|
788
|
-
return
|
|
789
|
+
return De(e);
|
|
789
790
|
}
|
|
790
|
-
function
|
|
791
|
+
function Ne(e, t, n) {
|
|
791
792
|
if (t in e) {
|
|
792
793
|
Object.defineProperty(e, t, {
|
|
793
794
|
value: n,
|
|
@@ -800,24 +801,24 @@
|
|
|
800
801
|
}
|
|
801
802
|
return e;
|
|
802
803
|
}
|
|
803
|
-
var
|
|
804
|
+
var $e = {
|
|
804
805
|
children: i().node,
|
|
805
806
|
elementRef: i().oneOfType([ i().func, i().object ])
|
|
806
807
|
};
|
|
807
|
-
var
|
|
808
|
+
var Ue = {};
|
|
808
809
|
/**
|
|
809
810
|
* @deprecated
|
|
810
811
|
* Concertina has been deprecated and will be removed in a future major version.
|
|
811
|
-
*/ var
|
|
812
|
-
|
|
813
|
-
var t =
|
|
812
|
+
*/ var Le = function(e) {
|
|
813
|
+
qe(o, e);
|
|
814
|
+
var t = Me(o);
|
|
814
815
|
// @docs-props-type ConcertinaPropsBase
|
|
815
816
|
function o(e) {
|
|
816
817
|
var n;
|
|
817
|
-
|
|
818
|
+
Te(this, o);
|
|
818
819
|
n = t.call(this, e);
|
|
819
|
-
|
|
820
|
-
|
|
820
|
+
Ne(We(n), "panelPositions", void 0);
|
|
821
|
+
Ne(We(n), "handleUpdate", (function(e, t) {
|
|
821
822
|
n.panelPositions[t.index] = t;
|
|
822
823
|
var r = 0;
|
|
823
824
|
n.panelPositions.forEach((function(e) {
|
|
@@ -827,7 +828,7 @@
|
|
|
827
828
|
}));
|
|
828
829
|
n.updateHeadings();
|
|
829
830
|
}));
|
|
830
|
-
|
|
831
|
+
Ne(We(n), "handleElementMount", (function(e) {
|
|
831
832
|
n.setState({
|
|
832
833
|
scrollEl: e
|
|
833
834
|
});
|
|
@@ -839,7 +840,7 @@
|
|
|
839
840
|
});
|
|
840
841
|
}
|
|
841
842
|
}));
|
|
842
|
-
|
|
843
|
+
Ne(We(n), "handleResize", (function() {
|
|
843
844
|
n.setState((function(e) {
|
|
844
845
|
var t;
|
|
845
846
|
return {
|
|
@@ -847,15 +848,15 @@
|
|
|
847
848
|
};
|
|
848
849
|
}));
|
|
849
850
|
}));
|
|
850
|
-
|
|
851
|
+
Ne(We(n), "handleScroll", (function() {
|
|
851
852
|
n.updateHeadings();
|
|
852
853
|
}));
|
|
853
|
-
|
|
854
|
+
Ne(We(n), "handleScrollComplete", (function() {
|
|
854
855
|
n.setState({
|
|
855
856
|
targetTop: undefined
|
|
856
857
|
});
|
|
857
858
|
}));
|
|
858
|
-
|
|
859
|
+
Ne(We(n), "handleClick", (function(e, t) {
|
|
859
860
|
var r;
|
|
860
861
|
var o = t.index, i = t.position;
|
|
861
862
|
var a = n.state.scrollEl;
|
|
@@ -892,7 +893,7 @@
|
|
|
892
893
|
targetTop: b
|
|
893
894
|
});
|
|
894
895
|
}));
|
|
895
|
-
|
|
896
|
+
Ne(We(n), "updateHeadingsImpl", (function() {
|
|
896
897
|
var e = n.state.scrollEl;
|
|
897
898
|
if (!e) {
|
|
898
899
|
return;
|
|
@@ -918,7 +919,7 @@
|
|
|
918
919
|
panelsBottomCount: n.panelPositions.reduceRight(i, 0)
|
|
919
920
|
});
|
|
920
921
|
}));
|
|
921
|
-
|
|
922
|
+
Ne(We(n), "updateHeadings", l()(n.updateHeadingsImpl, 0));
|
|
922
923
|
n.state = {
|
|
923
924
|
innerWidth: "100%",
|
|
924
925
|
panelsBottomCount: 0,
|
|
@@ -928,7 +929,7 @@
|
|
|
928
929
|
n.panelPositions = [];
|
|
929
930
|
return n;
|
|
930
931
|
}
|
|
931
|
-
|
|
932
|
+
Ie(o, [ {
|
|
932
933
|
key: "componentWillUnmount",
|
|
933
934
|
value: function e() {
|
|
934
935
|
this.updateHeadings.cancel();
|
|
@@ -957,7 +958,7 @@
|
|
|
957
958
|
key: "render",
|
|
958
959
|
value: function e() {
|
|
959
960
|
if (false) {}
|
|
960
|
-
var t = this.props, o = t.children, i =
|
|
961
|
+
var t = this.props, o = t.children, i = _e(t, [ "children" ]);
|
|
961
962
|
var a = n.Children.toArray(o).filter(n.isValidElement).map((function(e, t) {
|
|
962
963
|
|
|
963
964
|
return (0, n.cloneElement)(e, {
|
|
@@ -967,18 +968,18 @@
|
|
|
967
968
|
var l = c()(a, this.state.panelsTopCount);
|
|
968
969
|
var s = f()(a, this.state.panelsBottomCount);
|
|
969
970
|
|
|
970
|
-
return r().createElement(
|
|
971
|
+
return r().createElement(X, xe({
|
|
971
972
|
"data-test": "concertina"
|
|
972
973
|
}, i), r().createElement(d(), {
|
|
973
974
|
target: window,
|
|
974
975
|
eventType: "resize",
|
|
975
976
|
listener: this.handleResize
|
|
976
|
-
}), this.state.panelsTopCount > 0 && r().createElement(
|
|
977
|
+
}), this.state.panelsTopCount > 0 && r().createElement(Y, {
|
|
977
978
|
style: {
|
|
978
979
|
width: this.state.innerWidth
|
|
979
980
|
},
|
|
980
981
|
"data-test": "dock-top"
|
|
981
|
-
}, this.renderHeadings(l, "top")), r().createElement(
|
|
982
|
+
}, this.renderHeadings(l, "top")), r().createElement(Q, {
|
|
982
983
|
onScroll: this.handleScroll,
|
|
983
984
|
stopScrollPropagation: true,
|
|
984
985
|
key: "scroll-container",
|
|
@@ -986,12 +987,12 @@
|
|
|
986
987
|
"data-test": "scroll",
|
|
987
988
|
top: this.state.targetTop,
|
|
988
989
|
onScrollComplete: this.handleScrollComplete
|
|
989
|
-
}, r().createElement(
|
|
990
|
+
}, r().createElement(re.Provider, {
|
|
990
991
|
value: {
|
|
991
992
|
onHeadingClick: this.handleClick,
|
|
992
993
|
onChange: this.handleUpdate
|
|
993
994
|
}
|
|
994
|
-
}, a)), this.state.panelsBottomCount > 0 && r().createElement(
|
|
995
|
+
}, a)), this.state.panelsBottomCount > 0 && r().createElement(Z, {
|
|
995
996
|
style: {
|
|
996
997
|
width: this.state.innerWidth
|
|
997
998
|
},
|
|
@@ -1001,10 +1002,10 @@
|
|
|
1001
1002
|
} ]);
|
|
1002
1003
|
return o;
|
|
1003
1004
|
}(n.Component);
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
/* harmony default export */ const
|
|
1005
|
+
Ne(Le, "propTypes", $e);
|
|
1006
|
+
Ne(Le, "defaultProps", Ue);
|
|
1007
|
+
Ne(Le, "Panel", je);
|
|
1008
|
+
/* harmony default export */ const Ve = Le;
|
|
1008
1009
|
// CONCATENATED MODULE: ./src/Concertina/index.ts
|
|
1009
1010
|
module.exports = t;
|
|
1010
1011
|
/******/})();
|