@splunk/react-ui 4.15.0 → 4.16.1

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.
Files changed (69) hide show
  1. package/Animation.js +2 -2
  2. package/Button.js +32 -30
  3. package/ButtonSimple.js +54 -50
  4. package/CHANGELOG.md +27 -2
  5. package/Calendar.js +12 -12
  6. package/Card.js +10 -10
  7. package/Chip.js +10 -10
  8. package/CloseButton.js +8 -8
  9. package/CollapsiblePanel.js +8 -8
  10. package/Color.js +14 -14
  11. package/ColumnLayout.js +2 -2
  12. package/ComboBox.js +4 -4
  13. package/ControlGroup.js +26 -16
  14. package/Date.js +10 -5
  15. package/Dropdown.js +56 -15
  16. package/File.js +33 -24
  17. package/FormRows.js +6 -6
  18. package/Heading.js +10 -46
  19. package/Image.js +13 -13
  20. package/Link.js +2 -2
  21. package/MIGRATION.md +21 -0
  22. package/Menu.js +20 -20
  23. package/Message.js +24 -24
  24. package/MessageBar.js +24 -24
  25. package/Modal.js +7 -7
  26. package/Multiselect.js +197 -177
  27. package/Number.js +5 -5
  28. package/Paginator.js +19 -19
  29. package/Popover.js +7 -7
  30. package/Progress.js +2 -2
  31. package/Scroll.js +5 -5
  32. package/Search.js +4 -4
  33. package/Select.js +187 -167
  34. package/SplitButton.js +2 -2
  35. package/StepBar.js +10 -10
  36. package/Switch.js +4 -4
  37. package/TabBar.js +2 -2
  38. package/TabLayout.js +3 -0
  39. package/Table.js +95 -46
  40. package/Text.js +19 -19
  41. package/TextArea.js +15 -15
  42. package/Tooltip.js +5 -5
  43. package/Typography.js +1 -1
  44. package/WaitSpinner.js +2 -2
  45. package/package.json +6 -7
  46. package/types/src/Button/Button.d.ts +5 -2
  47. package/types/src/Button/docs/examples/Basic.d.ts +2 -2
  48. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
  49. package/types/src/Date/Icon.d.ts +1 -1
  50. package/types/src/Dropdown/Dropdown.d.ts +12 -7
  51. package/types/src/File/Icon.d.ts +1 -1
  52. package/types/src/File/IconCloud.d.ts +1 -1
  53. package/types/src/File/PaperClip.d.ts +1 -1
  54. package/types/src/File/Retry.d.ts +1 -1
  55. package/types/src/File/Trash.d.ts +1 -1
  56. package/types/src/Multiselect/Compact.d.ts +4 -0
  57. package/types/src/Multiselect/Multiselect.d.ts +4 -1
  58. package/types/src/Number/IncrementIcon.d.ts +1 -1
  59. package/types/src/Select/Select.d.ts +4 -2
  60. package/types/src/Select/SelectBase.d.ts +13 -1
  61. package/types/src/TabLayout/Panel.d.ts +3 -0
  62. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  63. package/types/src/Table/Body.d.ts +2 -0
  64. package/types/src/Table/Row.d.ts +11 -3
  65. package/types/src/Table/Table.d.ts +5 -3
  66. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  67. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  68. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  69. package/types/src/Typography/Typography.d.ts +1 -1
package/TabLayout.js CHANGED
@@ -204,6 +204,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
204
204
 
205
205
  var propTypes = {
206
206
  children: external_prop_types_default.a.node,
207
+ count: external_prop_types_default.a.number,
207
208
  disabled: external_prop_types_default.a.bool,
208
209
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
209
210
  icon: external_prop_types_default.a.node,
@@ -272,6 +273,7 @@ var TabLayout_propTypes = {
272
273
  activePanelId: external_prop_types_default.a.string,
273
274
  appearance: external_prop_types_default.a.oneOf(['navigation', 'context']),
274
275
  children: external_prop_types_default.a.node,
276
+ count: external_prop_types_default.a.number,
275
277
  defaultActivePanelId: external_prop_types_default.a.string,
276
278
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
277
279
  iconSize: external_prop_types_default.a.oneOf(['inline', 'small', 'large']),
@@ -369,6 +371,7 @@ var TabLayout_TabLayout = /*#__PURE__*/function (_Component) {
369
371
  }
370
372
 
371
373
  return /*#__PURE__*/external_react_default.a.createElement(TabBar_default.a.Tab, {
374
+ count: props.count,
372
375
  icon: props.icon,
373
376
  key: props.panelId,
374
377
  label: props.label,
package/Table.js CHANGED
@@ -236,8 +236,8 @@ function Icon(_ref) {
236
236
 
237
237
 
238
238
  if (prismaSize === 'small') {
239
- var SVG = Prisma16 || Prisma24;
240
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
239
+ var SVGEnterprise = Prisma16 || Prisma24;
240
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
241
241
  width: "16",
242
242
  height: "16"
243
243
  }, prismaProps));
@@ -245,9 +245,9 @@ function Icon(_ref) {
245
245
 
246
246
 
247
247
  if (density === 'compact') {
248
- var _SVG = Prisma20 || Prisma24;
248
+ var _SVGEnterprise = Prisma20 || Prisma24;
249
249
 
250
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
250
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
251
251
  width: "20",
252
252
  height: "20"
253
253
  }, prismaProps));
@@ -532,8 +532,8 @@ module.exports = require("lodash/throttle");
532
532
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
533
533
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
534
534
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
535
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
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__);
535
+ /* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
536
+ /* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
537
537
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
538
538
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
539
539
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -567,7 +567,7 @@ function Prisma16(_ref2) {
567
567
 
568
568
  function ChevronRight(props) {
569
569
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
570
- Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
570
+ Enterprise: _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
571
571
  Prisma16: Prisma16,
572
572
  Prisma24: Prisma24
573
573
  }, props));
@@ -583,33 +583,40 @@ function ChevronRight(props) {
583
583
  /* 44 */
584
584
  /***/ (function(module, exports) {
585
585
 
586
- module.exports = require("@splunk/react-icons/ChevronRight");
586
+ module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
587
+
588
+ /***/ }),
589
+ /* 45 */
590
+ /***/ (function(module, exports) {
591
+
592
+ module.exports = require("@splunk/ui-utils/format");
587
593
 
588
594
  /***/ }),
589
- /* 45 */,
590
595
  /* 46 */,
591
596
  /* 47 */,
592
- /* 48 */
597
+ /* 48 */,
598
+ /* 49 */
593
599
  /***/ (function(module, exports) {
594
600
 
595
601
  module.exports = require("lodash/extend");
596
602
 
597
603
  /***/ }),
598
- /* 49 */
604
+ /* 50 */
599
605
  /***/ (function(module, exports) {
600
606
 
601
607
  module.exports = require("@splunk/react-ui/ScrollContainerContext");
602
608
 
603
609
  /***/ }),
604
- /* 50 */
610
+ /* 51 */,
611
+ /* 52 */
605
612
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
606
613
 
607
614
  "use strict";
608
615
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
609
616
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
610
617
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
611
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
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__);
618
+ /* harmony import */ var _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
619
+ /* harmony import */ var _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1__);
613
620
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
614
621
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
615
622
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -632,30 +639,28 @@ function Prisma24(_ref) {
632
639
 
633
640
  function CaretDown(props) {
634
641
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
635
- Enterprise: _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
642
+ Enterprise: _splunk_react_icons_enterprise_Caret__WEBPACK_IMPORTED_MODULE_1___default.a,
636
643
  Prisma24: Prisma24
637
644
  }, props));
638
645
  }
639
646
 
640
647
  /***/ }),
641
- /* 51 */
648
+ /* 53 */
642
649
  /***/ (function(module, exports) {
643
650
 
644
- module.exports = require("@splunk/react-icons/Caret");
651
+ module.exports = require("@splunk/react-icons/enterprise/Caret");
645
652
 
646
653
  /***/ }),
647
- /* 52 */,
648
- /* 53 */,
649
654
  /* 54 */,
650
655
  /* 55 */,
651
- /* 56 */
656
+ /* 56 */,
657
+ /* 57 */,
658
+ /* 58 */
652
659
  /***/ (function(module, exports) {
653
660
 
654
661
  module.exports = require("lodash/without");
655
662
 
656
663
  /***/ }),
657
- /* 57 */,
658
- /* 58 */,
659
664
  /* 59 */,
660
665
  /* 60 */,
661
666
  /* 61 */,
@@ -666,7 +671,7 @@ module.exports = require("lodash/without");
666
671
  /* 66 */
667
672
  /***/ (function(module, exports) {
668
673
 
669
- module.exports = require("@splunk/react-icons/ChevronDown");
674
+ module.exports = require("@splunk/react-icons/enterprise/ChevronDown");
670
675
 
671
676
  /***/ }),
672
677
  /* 67 */
@@ -732,8 +737,8 @@ function assertDefined(val, msg) {
732
737
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
733
738
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
734
739
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
735
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
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__);
740
+ /* harmony import */ var _splunk_react_icons_enterprise_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
741
+ /* harmony import */ var _splunk_react_icons_enterprise_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
737
742
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
738
743
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
739
744
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -756,7 +761,7 @@ function Prisma24(_ref) {
756
761
 
757
762
  function MoreVertical(props) {
758
763
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
759
- Enterprise: _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default.a,
764
+ Enterprise: _splunk_react_icons_enterprise_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default.a,
760
765
  Prisma24: Prisma24
761
766
  }, props));
762
767
  }
@@ -765,7 +770,7 @@ function MoreVertical(props) {
765
770
  /* 87 */
766
771
  /***/ (function(module, exports) {
767
772
 
768
- module.exports = require("@splunk/react-icons/MoreVertical");
773
+ module.exports = require("@splunk/react-icons/enterprise/MoreVertical");
769
774
 
770
775
  /***/ }),
771
776
  /* 88 */
@@ -781,8 +786,8 @@ module.exports = require("lodash/indexOf");
781
786
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
782
787
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
783
788
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
784
- /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
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__);
789
+ /* harmony import */ var _splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
790
+ /* harmony import */ var _splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
786
791
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
787
792
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
788
793
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -816,7 +821,7 @@ function Prisma16(_ref2) {
816
821
 
817
822
  function ChevronDown(props) {
818
823
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
819
- Enterprise: _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
824
+ Enterprise: _splunk_react_icons_enterprise_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default.a,
820
825
  Prisma16: Prisma16,
821
826
  Prisma24: Prisma24
822
827
  }, props));
@@ -922,25 +927,25 @@ module.exports = require("react-resize-detector");
922
927
  /* 156 */
923
928
  /***/ (function(module, exports) {
924
929
 
925
- module.exports = require("@splunk/react-icons/SortedDown");
930
+ module.exports = require("@splunk/react-icons/enterprise/SortedDown");
926
931
 
927
932
  /***/ }),
928
933
  /* 157 */
929
934
  /***/ (function(module, exports) {
930
935
 
931
- module.exports = require("@splunk/react-icons/SortedUp");
936
+ module.exports = require("@splunk/react-icons/enterprise/SortedUp");
932
937
 
933
938
  /***/ }),
934
939
  /* 158 */
935
940
  /***/ (function(module, exports) {
936
941
 
937
- module.exports = require("@splunk/react-icons/Sort");
942
+ module.exports = require("@splunk/react-icons/enterprise/Sort");
938
943
 
939
944
  /***/ }),
940
945
  /* 159 */
941
946
  /***/ (function(module, exports) {
942
947
 
943
- module.exports = require("@splunk/react-icons/Info");
948
+ module.exports = require("@splunk/react-icons/enterprise/Info");
944
949
 
945
950
  /***/ }),
946
951
  /* 160 */,
@@ -1011,7 +1016,7 @@ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
1011
1016
  var keyboard_ = __webpack_require__(9);
1012
1017
 
1013
1018
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
1014
- var ScrollContainerContext_ = __webpack_require__(49);
1019
+ var ScrollContainerContext_ = __webpack_require__(50);
1015
1020
 
1016
1021
  // EXTERNAL MODULE: external "lodash/findIndex"
1017
1022
  var findIndex_ = __webpack_require__(111);
@@ -1022,7 +1027,7 @@ var includes_ = __webpack_require__(18);
1022
1027
  var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
1023
1028
 
1024
1029
  // EXTERNAL MODULE: external "lodash/without"
1025
- var without_ = __webpack_require__(56);
1030
+ var without_ = __webpack_require__(58);
1026
1031
  var without_default = /*#__PURE__*/__webpack_require__.n(without_);
1027
1032
 
1028
1033
  // EXTERNAL MODULE: external "styled-components"
@@ -1102,6 +1107,9 @@ var propTypes = {
1102
1107
  /** @private. Generally passed by Table rather than added directly. */
1103
1108
  onRequestMoveRow: external_prop_types_default.a.func,
1104
1109
 
1110
+ /** @private. Generally passed by Table rather than added directly. */
1111
+ primaryColumnIndex: external_prop_types_default.a.number,
1112
+
1105
1113
  /** @private. Generally passed by Table rather than added directly. */
1106
1114
  stripeRows: external_prop_types_default.a.bool
1107
1115
  };
@@ -1347,8 +1355,9 @@ var Body_Body = /*#__PURE__*/function (_Component) {
1347
1355
  movableColumns = _this$props3.movableColumns,
1348
1356
  onRequestMoveRow = _this$props3.onRequestMoveRow,
1349
1357
  rowExpansion = _this$props3.rowExpansion,
1358
+ primaryColumnIndex = _this$props3.primaryColumnIndex,
1350
1359
  stripeRows = _this$props3.stripeRows,
1351
- otherProps = _objectWithoutProperties(_this$props3, ["actions", "children", "movableColumns", "onRequestMoveRow", "rowExpansion", "stripeRows"]);
1360
+ otherProps = _objectWithoutProperties(_this$props3, ["actions", "children", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows"]);
1352
1361
 
1353
1362
  var rows = [];
1354
1363
  var guidelineRowIndex = this.calculateGuideIndex();
@@ -1384,6 +1393,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
1384
1393
  expandable: rowExpansion !== 'none',
1385
1394
  draggable: !!onRequestMoveRow,
1386
1395
  movableColumns: movableColumns,
1396
+ primaryColumnIndex: primaryColumnIndex,
1387
1397
  onExpansion: onExpansion,
1388
1398
  onRequestMoveRow: onRequestMoveRow ? _this2.onRequestMoveRow : undefined,
1389
1399
  onDragStart: onRequestMoveRow ? _this2.handleDragStart : undefined,
@@ -1737,7 +1747,7 @@ var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
1737
1747
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
1738
1748
  var i18n_ = __webpack_require__(4);
1739
1749
 
1740
- // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
1750
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/SortedDown"
1741
1751
  var SortedDown_ = __webpack_require__(156);
1742
1752
  var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
1743
1753
 
@@ -1784,7 +1794,7 @@ function SortedDown(props) {
1784
1794
  Prisma24: Prisma24
1785
1795
  }, props));
1786
1796
  }
1787
- // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
1797
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/SortedUp"
1788
1798
  var SortedUp_ = __webpack_require__(157);
1789
1799
  var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
1790
1800
 
@@ -1825,7 +1835,7 @@ function SortedUp(props) {
1825
1835
  Prisma24: SortedUp_Prisma24
1826
1836
  }, props));
1827
1837
  }
1828
- // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
1838
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Sort"
1829
1839
  var Sort_ = __webpack_require__(158);
1830
1840
  var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
1831
1841
 
@@ -1867,7 +1877,7 @@ function CaretDown(props) {
1867
1877
  }, props));
1868
1878
  }
1869
1879
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
1870
- var icons_CaretDown = __webpack_require__(50);
1880
+ var icons_CaretDown = __webpack_require__(52);
1871
1881
 
1872
1882
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
1873
1883
  var ScreenReaderContent_ = __webpack_require__(16);
@@ -2812,7 +2822,7 @@ HeadCell_defineProperty(HeadCell_HeadCell, "defaultProps", HeadCell_defaultProps
2812
2822
  HeadCell_defineProperty(HeadCell_HeadCell, "contextType", Table_TableContext);
2813
2823
 
2814
2824
  /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
2815
- // EXTERNAL MODULE: external "@splunk/react-icons/Info"
2825
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Info"
2816
2826
  var Info_ = __webpack_require__(159);
2817
2827
  var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
2818
2828
 
@@ -2852,6 +2862,9 @@ var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
2852
2862
  var Tooltip_ = __webpack_require__(67);
2853
2863
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
2854
2864
 
2865
+ // EXTERNAL MODULE: external "@splunk/ui-utils/format"
2866
+ var format_ = __webpack_require__(45);
2867
+
2855
2868
  // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
2856
2869
  var ChevronDown = __webpack_require__(89);
2857
2870
 
@@ -3255,6 +3268,7 @@ function Row_extends() { Row_extends = Object.assign || function (target) { for
3255
3268
 
3256
3269
 
3257
3270
 
3271
+
3258
3272
  var StyledStripeComponents = {
3259
3273
  odd: StyledStripeOdd,
3260
3274
  even: StyledStripeEven,
@@ -3303,6 +3317,10 @@ var Row_propTypes = {
3303
3317
  /** @private. Generally passed by `Table` rather than added directly. */
3304
3318
  onRequestMoveRow: external_prop_types_default.a.func,
3305
3319
  onRequestToggle: external_prop_types_default.a.func,
3320
+
3321
+ /** @private. Generally passed by `Table` rather than added directly. */
3322
+ primaryColumnIndex: external_prop_types_default.a.number,
3323
+ rowScreenReaderText: external_prop_types_default.a.string,
3306
3324
  selected: external_prop_types_default.a.bool,
3307
3325
 
3308
3326
  /** @private. Generally passed by `Table` rather than added directly. */
@@ -3312,7 +3330,8 @@ var Row_propTypes = {
3312
3330
  stripe: external_prop_types_default.a.oneOf(['odd', 'even', 'none'])
3313
3331
  };
3314
3332
  var Row_defaultProps = {
3315
- stripe: 'none'
3333
+ stripe: 'none',
3334
+ primaryColumnIndex: 0
3316
3335
  };
3317
3336
  var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.a.forwardRef(function (props, ref) {
3318
3337
  return /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, Row_extends({
@@ -3456,6 +3475,8 @@ var Row_Row = /*#__PURE__*/function (_Component) {
3456
3475
  Row_createClass(Row, [{
3457
3476
  key: "render",
3458
3477
  value: function render() {
3478
+ var _childrenCloned$prima;
3479
+
3459
3480
  var _this$props5 = this.props,
3460
3481
  actions = _this$props5.actions,
3461
3482
  actionPrimary = _this$props5.actionPrimary,
@@ -3476,10 +3497,12 @@ var Row_Row = /*#__PURE__*/function (_Component) {
3476
3497
  onExpansion = _this$props5.onExpansion,
3477
3498
  onRequestMoveRow = _this$props5.onRequestMoveRow,
3478
3499
  onRequestToggle = _this$props5.onRequestToggle,
3500
+ primaryColumnIndex = _this$props5.primaryColumnIndex,
3501
+ rowScreenReaderText = _this$props5.rowScreenReaderText,
3479
3502
  selected = _this$props5.selected,
3480
3503
  showRowGuideline = _this$props5.showRowGuideline,
3481
3504
  stripe = _this$props5.stripe,
3482
- otherProps = Row_objectWithoutProperties(_this$props5, ["actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "selected", "showRowGuideline", "stripe"]);
3505
+ otherProps = Row_objectWithoutProperties(_this$props5, ["actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "showRowGuideline", "stripe"]);
3483
3506
 
3484
3507
  var childrenCloned = !onClick ? external_react_["Children"].toArray(children).map(function (child) {
3485
3508
  return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
@@ -3492,6 +3515,25 @@ var Row_Row = /*#__PURE__*/function (_Component) {
3492
3515
  disabled: disabled
3493
3516
  });
3494
3517
  });
3518
+ var rowLabelValue;
3519
+
3520
+ if (rowScreenReaderText) {
3521
+ rowLabelValue = rowScreenReaderText;
3522
+ } else if ((_childrenCloned$prima = childrenCloned[primaryColumnIndex]) === null || _childrenCloned$prima === void 0 ? void 0 : _childrenCloned$prima.props.children) {
3523
+ var _childrenCloned$prima2;
3524
+
3525
+ rowLabelValue = "".concat((_childrenCloned$prima2 = childrenCloned[primaryColumnIndex]) === null || _childrenCloned$prima2 === void 0 ? void 0 : _childrenCloned$prima2.props.children);
3526
+ } else {
3527
+ var _childrenCloned$;
3528
+
3529
+ rowLabelValue = "".concat((_childrenCloned$ = childrenCloned[0]) === null || _childrenCloned$ === void 0 ? void 0 : _childrenCloned$.props.children);
3530
+
3531
+ if (false) {}
3532
+ }
3533
+
3534
+ var selectedString = Object(format_["sprintf"])(Object(i18n_["_"])('%(selected)s'), {
3535
+ selected: selected ? 'selected' : 'unselected'
3536
+ });
3495
3537
  var StyledStripe = StyledStripeComponents[stripe];
3496
3538
  var StyledCellToggle = disabled ? StyledCellSelectionDisabled : Table_Cell;
3497
3539
  var rowSpan = expanded ? external_react_["Children"].count(expansionRow) + 1 : undefined;
@@ -3520,6 +3562,10 @@ var Row_Row = /*#__PURE__*/function (_Component) {
3520
3562
  rowSpan: rowSpan,
3521
3563
  showRowGuideline: showRowGuideline
3522
3564
  }), onRequestToggle && /*#__PURE__*/external_react_default.a.createElement(StyledCellToggle, {
3565
+ "aria-label": Object(format_["sprintf"])(Object(i18n_["_"])('%(rowLabelValue)s %(selectedString)s'), {
3566
+ rowLabelValue: rowLabelValue,
3567
+ selectedString: selectedString
3568
+ }),
3523
3569
  appearance: onClick ? 'rowLink' : 'data',
3524
3570
  "data-test": "toggle",
3525
3571
  variant: "toggle",
@@ -4456,7 +4502,7 @@ HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "contextType"
4456
4502
 
4457
4503
  /* harmony default export */ var Table_HeadDropdownCell = (HeadDropdownCell_HeadDropdownCell);
4458
4504
  // EXTERNAL MODULE: external "lodash/extend"
4459
- var extend_ = __webpack_require__(48);
4505
+ var extend_ = __webpack_require__(49);
4460
4506
  var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
4461
4507
 
4462
4508
  // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
@@ -4728,6 +4774,7 @@ var Table_propTypes = {
4728
4774
  onRequestToggleAllRows: external_prop_types_default.a.func,
4729
4775
  onScroll: external_prop_types_default.a.func,
4730
4776
  outerStyle: external_prop_types_default.a.object,
4777
+ primaryColumnIndex: external_prop_types_default.a.number,
4731
4778
  rowExpansion: external_prop_types_default.a.oneOf(['single', 'multi', 'controlled', 'none']),
4732
4779
  rowSelection: external_prop_types_default.a.oneOf(['all', 'some', 'none']),
4733
4780
  stripeRows: external_prop_types_default.a.bool,
@@ -4742,7 +4789,8 @@ var Table_defaultProps = {
4742
4789
  headType: 'inline',
4743
4790
  rowExpansion: 'none',
4744
4791
  rowSelection: 'none',
4745
- resizableFillLayout: false
4792
+ resizableFillLayout: false,
4793
+ primaryColumnIndex: 0
4746
4794
  };
4747
4795
 
4748
4796
  var Table_Table = /*#__PURE__*/function (_Component) {
@@ -5137,6 +5185,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
5137
5185
  actions: validActions.length > 0,
5138
5186
  movableColumns: !!this.props.onRequestMoveColumn,
5139
5187
  onRequestMoveRow: this.props.onRequestMoveRow,
5188
+ primaryColumnIndex: this.props.primaryColumnIndex,
5140
5189
  rowExpansion: this.props.rowExpansion,
5141
5190
  stripeRows: this.props.stripeRows
5142
5191
  });
package/Text.js CHANGED
@@ -226,9 +226,9 @@ var CrossMark = __webpack_require__(27);
226
226
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
227
227
  var updateReactRef = __webpack_require__(12);
228
228
 
229
- // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
230
- var SVG_ = __webpack_require__(32);
231
- var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
229
+ // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
230
+ var SVGEnterprise_ = __webpack_require__(32);
231
+ var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
232
232
 
233
233
  // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
234
234
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -244,7 +244,7 @@ function IconOutlinedHide(props) {
244
244
  density = _useSplunkTheme.density;
245
245
 
246
246
  if (family === 'enterprise') {
247
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
247
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
248
248
  viewBox: "0 0 24 24",
249
249
  size: 1.2,
250
250
  screenReaderText: Object(i18n_["_"])('Hide password')
@@ -300,7 +300,7 @@ function IconOutlinedView(props) {
300
300
  density = _useSplunkTheme.density;
301
301
 
302
302
  if (family === 'enterprise') {
303
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, IconOutlinedView_extends({
303
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, IconOutlinedView_extends({
304
304
  viewBox: "0 0 24 24",
305
305
  size: 1.2,
306
306
  screenReaderText: Object(i18n_["_"])('View password')
@@ -1282,8 +1282,8 @@ module.exports = require("react");
1282
1282
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1283
1283
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1284
1284
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1285
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1286
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1285
+ /* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1286
+ /* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__);
1287
1287
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1288
1288
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1289
1289
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -1317,7 +1317,7 @@ function Prisma16(_ref2) {
1317
1317
 
1318
1318
  function CrossMark(props) {
1319
1319
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1320
- Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
1320
+ Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
1321
1321
  Prisma16: Prisma16,
1322
1322
  Prisma24: Prisma24
1323
1323
  }, props));
@@ -1328,7 +1328,7 @@ function CrossMark(props) {
1328
1328
  /***/ 29:
1329
1329
  /***/ (function(module, exports) {
1330
1330
 
1331
- module.exports = require("@splunk/react-icons/Close");
1331
+ module.exports = require("@splunk/react-icons/enterprise/Close");
1332
1332
 
1333
1333
  /***/ }),
1334
1334
 
@@ -1342,7 +1342,7 @@ module.exports = require("styled-components");
1342
1342
  /***/ 32:
1343
1343
  /***/ (function(module, exports) {
1344
1344
 
1345
- module.exports = require("@splunk/react-icons/SVG");
1345
+ module.exports = require("@splunk/react-icons/SVGEnterprise");
1346
1346
 
1347
1347
  /***/ }),
1348
1348
 
@@ -1353,8 +1353,8 @@ module.exports = require("@splunk/react-icons/SVG");
1353
1353
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
1354
1354
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1355
1355
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1356
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54);
1357
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
1356
+ /* harmony import */ var _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
1357
+ /* harmony import */ var _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1__);
1358
1358
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1359
1359
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1360
1360
  function _extends() { _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 _extends.apply(this, arguments); }
@@ -1388,7 +1388,7 @@ function Prisma16(_ref2) {
1388
1388
 
1389
1389
  function Search(props) {
1390
1390
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1391
- Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
1391
+ Enterprise: _splunk_react_icons_enterprise_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
1392
1392
  Prisma16: Prisma16,
1393
1393
  Prisma24: Prisma24
1394
1394
  }, props));
@@ -1417,10 +1417,10 @@ module.exports = require("lodash/omit");
1417
1417
 
1418
1418
  /***/ }),
1419
1419
 
1420
- /***/ 54:
1420
+ /***/ 56:
1421
1421
  /***/ (function(module, exports) {
1422
1422
 
1423
- module.exports = require("@splunk/react-icons/Search");
1423
+ module.exports = require("@splunk/react-icons/enterprise/Search");
1424
1424
 
1425
1425
  /***/ }),
1426
1426
 
@@ -1539,8 +1539,8 @@ function Icon(_ref) {
1539
1539
 
1540
1540
 
1541
1541
  if (prismaSize === 'small') {
1542
- var SVG = Prisma16 || Prisma24;
1543
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1542
+ var SVGEnterprise = Prisma16 || Prisma24;
1543
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
1544
1544
  width: "16",
1545
1545
  height: "16"
1546
1546
  }, prismaProps));
@@ -1548,9 +1548,9 @@ function Icon(_ref) {
1548
1548
 
1549
1549
 
1550
1550
  if (density === 'compact') {
1551
- var _SVG = Prisma20 || Prisma24;
1551
+ var _SVGEnterprise = Prisma20 || Prisma24;
1552
1552
 
1553
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1553
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
1554
1554
  width: "20",
1555
1555
  height: "20"
1556
1556
  }, prismaProps));