@splunk/react-ui 4.17.0 → 4.18.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.
Files changed (82) hide show
  1. package/Accordion.js +2 -2
  2. package/AnimationToggle.js +5 -5
  3. package/Button.js +7 -7
  4. package/ButtonSimple.js +2 -2
  5. package/CHANGELOG.md +40 -7
  6. package/Calendar.js +7 -5
  7. package/CloseButton.js +5 -5
  8. package/Code.js +7 -6
  9. package/Color.js +206 -179
  10. package/ColumnLayout.js +8 -8
  11. package/ComboBox.js +2 -0
  12. package/Concertina.js +10 -10
  13. package/DefinitionList.js +2 -2
  14. package/Dropdown.js +7 -7
  15. package/DualListbox.js +11 -8
  16. package/File.js +9 -9
  17. package/FormRows.js +4 -4
  18. package/Heading.js +8 -4
  19. package/JSONTree.js +30 -28
  20. package/Layer.js +10 -10
  21. package/Link.js +4 -4
  22. package/List.js +7 -4
  23. package/MIGRATION.mdx +295 -0
  24. package/Markdown.js +12 -7
  25. package/Menu.js +19 -19
  26. package/Message.js +25 -25
  27. package/MessageBar.js +21 -21
  28. package/Modal.js +7 -7
  29. package/Multiselect.js +46 -36
  30. package/Number.js +3 -2
  31. package/Paginator.js +6 -6
  32. package/Popover.js +17 -13
  33. package/Progress.js +2 -2
  34. package/RadioBar.js +2 -2
  35. package/RadioList.js +2 -2
  36. package/Resize.js +2 -2
  37. package/Scroll.js +2 -2
  38. package/Select.js +14 -13
  39. package/SidePanel.js +2 -2
  40. package/Slider.js +7 -7
  41. package/StepBar.js +8 -8
  42. package/Switch.js +2 -2
  43. package/TabBar.js +85 -54
  44. package/Table.js +13 -13
  45. package/Text.js +7 -7
  46. package/TextArea.js +8 -6
  47. package/Typography.js +2 -2
  48. package/package.json +10 -15
  49. package/stubs-dependencies.d.ts +0 -9
  50. package/stubs-splunkui.d.ts +0 -24
  51. package/types/src/Button/Button.d.ts +5 -3
  52. package/types/src/Clickable/Clickable.d.ts +2 -1
  53. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -0
  54. package/types/src/Color/Color.d.ts +6 -6
  55. package/types/src/Color/Palette.d.ts +46 -0
  56. package/types/src/Concertina/Panel.d.ts +1 -0
  57. package/types/src/FormRows/Row.d.ts +1 -0
  58. package/types/src/Heading/Heading.d.ts +7 -2
  59. package/types/src/JSONTree/JSONTree.d.ts +2 -1
  60. package/types/src/Layer/Layer.d.ts +2 -0
  61. package/types/src/List/List.d.ts +9 -1
  62. package/types/src/List/docs/examples/CustomizedList.d.ts +2 -0
  63. package/types/src/List/docs/examples/OrderedList.d.ts +2 -0
  64. package/types/src/List/docs/examples/UnorderedList.d.ts +2 -0
  65. package/types/src/Markdown/Markdown.d.ts +1 -0
  66. package/types/src/Markdown/renderers/MarkdownList.d.ts +2 -0
  67. package/types/src/Multiselect/Normal.d.ts +1 -1
  68. package/types/src/Number/Number.d.ts +9 -4
  69. package/types/src/Popover/Popover.d.ts +2 -0
  70. package/types/src/TabBar/Tab.d.ts +5 -1
  71. package/types/src/Table/Head.d.ts +1 -0
  72. package/types/src/Table/HeadCell.d.ts +1 -0
  73. package/types/src/Table/HeadDropdownCell.d.ts +1 -0
  74. package/types/src/Table/Table.d.ts +3 -1
  75. package/types/src/Text/Text.d.ts +3 -1
  76. package/types/src/TextArea/TextArea.d.ts +13 -4
  77. package/types/src/TextArea/docs/examples/ClearContent.d.ts +2 -0
  78. package/MIGRATION.md +0 -49
  79. package/types/src/List/docs/examples/Decimal.d.ts +0 -2
  80. package/types/src/List/docs/examples/Disc.d.ts +0 -2
  81. package/types/src/List/docs/examples/LowerAlpha.d.ts +0 -2
  82. package/types/src/List/docs/examples/UpperAlpha.d.ts +0 -2
package/Concertina.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 = 177);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 178);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -149,14 +149,14 @@ module.exports = require("@splunk/react-ui/Clickable");
149
149
 
150
150
  /***/ }),
151
151
 
152
- /***/ 15:
152
+ /***/ 16:
153
153
  /***/ (function(module, exports) {
154
154
 
155
155
  module.exports = require("@splunk/react-ui/EventListener");
156
156
 
157
157
  /***/ }),
158
158
 
159
- /***/ 177:
159
+ /***/ 178:
160
160
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
161
161
 
162
162
  "use strict";
@@ -176,7 +176,7 @@ var external_prop_types_ = __webpack_require__(1);
176
176
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
177
177
 
178
178
  // EXTERNAL MODULE: external "lodash/debounce"
179
- var debounce_ = __webpack_require__(65);
179
+ var debounce_ = __webpack_require__(66);
180
180
  var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
181
181
 
182
182
  // EXTERNAL MODULE: external "lodash/take"
@@ -188,7 +188,7 @@ var takeRight_ = __webpack_require__(117);
188
188
  var takeRight_default = /*#__PURE__*/__webpack_require__.n(takeRight_);
189
189
 
190
190
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
191
- var EventListener_ = __webpack_require__(15);
191
+ var EventListener_ = __webpack_require__(16);
192
192
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
193
193
 
194
194
  // EXTERNAL MODULE: external "lodash/keys"
@@ -218,8 +218,8 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
218
218
  displayName: "HeadingStyles__StyledClickable",
219
219
  componentId: "sc-1h92oaj-0"
220
220
  })(["display:block;width:100%;cursor:pointer;position:relative;padding:6px ", ";line-height:", ";border-radius:0;color:", ";", " &:focus:not([disabled]){box-shadow:", ";}", ""], themes_["variables"].spacing, themes_["variables"].lineHeight, themes_["variables"].textColor, Object(themes_["pickVariant"])('$inner', {
221
- "true": Object(external_styled_components_["css"])(["*:not(:first-child) > &{border-top:2px solid ", ";}*:not(:last-child) > &{border-bottom:2px solid ", ";}"], themes_["variables"].backgroundColor, themes_["variables"].backgroundColor),
222
- "false": Object(external_styled_components_["css"])(["& + &{border-top:2px solid ", ";}"], themes_["variables"].backgroundColor)
221
+ "true": Object(external_styled_components_["css"])(["*:not(:first-child) > &&{border-top:2px solid ", ";}*:not(:last-child) > &&{border-bottom:2px solid ", ";}"], themes_["variables"].backgroundColor, themes_["variables"].backgroundColor),
222
+ "false": Object(external_styled_components_["css"])(["& + &&{border-top:2px solid ", ";}"], themes_["variables"].backgroundColor)
223
223
  }), themes_["variables"].focusShadowInset, Object(themes_["pickVariant"])('$status', {
224
224
  normal: Object(external_styled_components_["css"])(["background-color:", ";&:hover:not([disabled]){background-color:", ";}"], Object(themes_["pick"])({
225
225
  dark: themes_["variables"].gray45,
@@ -381,7 +381,7 @@ var Box_ = __webpack_require__(6);
381
381
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
382
382
 
383
383
  // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
384
- var Scroll_ = __webpack_require__(87);
384
+ var Scroll_ = __webpack_require__(86);
385
385
  var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
386
386
 
387
387
  // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -951,14 +951,14 @@ module.exports = require("@splunk/react-ui/Box");
951
951
 
952
952
  /***/ }),
953
953
 
954
- /***/ 65:
954
+ /***/ 66:
955
955
  /***/ (function(module, exports) {
956
956
 
957
957
  module.exports = require("lodash/debounce");
958
958
 
959
959
  /***/ }),
960
960
 
961
- /***/ 87:
961
+ /***/ 86:
962
962
  /***/ (function(module, exports) {
963
963
 
964
964
  module.exports = require("@splunk/react-ui/Scroll");
package/DefinitionList.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 = 178);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 179);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 178:
104
+ /***/ 179:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Dropdown.js CHANGED
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 16:
131
+ /***/ 15:
132
132
  /***/ (function(module, exports) {
133
133
 
134
134
  module.exports = require("lodash/includes");
@@ -173,14 +173,14 @@ var has_ = __webpack_require__(10);
173
173
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
174
174
 
175
175
  // EXTERNAL MODULE: external "lodash/includes"
176
- var includes_ = __webpack_require__(16);
176
+ var includes_ = __webpack_require__(15);
177
177
  var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
178
178
 
179
179
  // EXTERNAL MODULE: external "lodash/isEmpty"
180
- var isEmpty_ = __webpack_require__(88);
180
+ var isEmpty_ = __webpack_require__(87);
181
181
 
182
182
  // EXTERNAL MODULE: external "lodash/isFunction"
183
- var isFunction_ = __webpack_require__(68);
183
+ var isFunction_ = __webpack_require__(69);
184
184
  var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
185
185
 
186
186
  // EXTERNAL MODULE: external "lodash/keys"
@@ -466,7 +466,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
466
466
  return /*#__PURE__*/Object(external_react_["cloneElement"])(this.props.toggle, (_cloneElement = {
467
467
  onClick: this.handleToggleClick,
468
468
  onKeyDown: this.handleToggleKeyDownOpen
469
- }, _defineProperty(_cloneElement, this.props.toggle.type[legacyRefMode] ? 'elementRef' : 'ref', this.handleToggleMount), _defineProperty(_cloneElement, 'aria-controls', this.isOpen() ? this.popoverId : undefined), _defineProperty(_cloneElement, 'aria-haspopup', true), _defineProperty(_cloneElement, 'aria-expanded', this.isOpen()), _defineProperty(_cloneElement, 'data-test', this.props.toggle.props['data-test'] || 'dropdown'), _defineProperty(_cloneElement, 'data-test-popover-id', this.popoverId), _defineProperty(_cloneElement, "id", this.props.inputId || this.props.toggle.props.id || this.toggleId), _cloneElement));
469
+ }, _defineProperty(_cloneElement, this.props.toggle.type[legacyRefMode] ? 'elementRef' : 'ref', this.handleToggleMount), _defineProperty(_cloneElement, 'aria-controls', this.isOpen() ? this.popoverId : undefined), _defineProperty(_cloneElement, 'aria-haspopup', this.props.toggle.props['aria-haspopup'] || true), _defineProperty(_cloneElement, 'aria-expanded', this.isOpen()), _defineProperty(_cloneElement, 'data-test', this.props.toggle.props['data-test'] || 'dropdown'), _defineProperty(_cloneElement, 'data-test-popover-id', this.popoverId), _defineProperty(_cloneElement, "id", this.props.inputId || this.props.toggle.props.id || this.toggleId), _cloneElement));
470
470
  }
471
471
  }, {
472
472
  key: "render",
@@ -537,7 +537,7 @@ module.exports = require("lodash/omit");
537
537
 
538
538
  /***/ }),
539
539
 
540
- /***/ 68:
540
+ /***/ 69:
541
541
  /***/ (function(module, exports) {
542
542
 
543
543
  module.exports = require("lodash/isFunction");
@@ -558,7 +558,7 @@ module.exports = require("@splunk/ui-utils/id");
558
558
 
559
559
  /***/ }),
560
560
 
561
- /***/ 88:
561
+ /***/ 87:
562
562
  /***/ (function(module, exports) {
563
563
 
564
564
  module.exports = require("lodash/isEmpty");
package/DualListbox.js CHANGED
@@ -141,7 +141,7 @@ var i18n_ = __webpack_require__(4);
141
141
  var keyboard_ = __webpack_require__(7);
142
142
 
143
143
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
144
- var ChevronLeft_ = __webpack_require__(63);
144
+ var ChevronLeft_ = __webpack_require__(64);
145
145
  var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
146
146
 
147
147
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
@@ -255,7 +255,7 @@ var findNextValue = function findNextValue(index, originalValues, removedValues)
255
255
 
256
256
 
257
257
  // EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
258
- var scrollIntoViewIfNeeded = __webpack_require__(89);
258
+ var scrollIntoViewIfNeeded = __webpack_require__(88);
259
259
 
260
260
  // EXTERNAL MODULE: ./src/utils/fuzzyMatch.ts
261
261
  var fuzzyMatch = __webpack_require__(56);
@@ -1455,10 +1455,13 @@ function DualListbox(_ref) {
1455
1455
  break;
1456
1456
 
1457
1457
  case 'space':
1458
- handleSingleSelection(event, {
1459
- name: name,
1460
- value: activeValue
1461
- });
1458
+ if (activeValue != null) {
1459
+ handleSingleSelection(event, {
1460
+ name: name,
1461
+ value: activeValue
1462
+ });
1463
+ }
1464
+
1462
1465
  break;
1463
1466
 
1464
1467
  case 'enter':
@@ -1727,7 +1730,7 @@ module.exports = require("@splunk/react-ui/Box");
1727
1730
 
1728
1731
  /***/ }),
1729
1732
 
1730
- /***/ 63:
1733
+ /***/ 64:
1731
1734
  /***/ (function(module, exports) {
1732
1735
 
1733
1736
  module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
@@ -1748,7 +1751,7 @@ module.exports = require("@splunk/ui-utils/id");
1748
1751
 
1749
1752
  /***/ }),
1750
1753
 
1751
- /***/ 89:
1754
+ /***/ 88:
1752
1755
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1753
1756
 
1754
1757
  "use strict";
package/File.js CHANGED
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Progress");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 15:
125
+ /***/ 16:
126
126
  /***/ (function(module, exports) {
127
127
 
128
128
  module.exports = require("@splunk/react-ui/EventListener");
@@ -149,7 +149,7 @@ var external_prop_types_ = __webpack_require__(1);
149
149
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
150
150
 
151
151
  // EXTERNAL MODULE: external "lodash/debounce"
152
- var debounce_ = __webpack_require__(65);
152
+ var debounce_ = __webpack_require__(66);
153
153
  var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
154
154
 
155
155
  // EXTERNAL MODULE: external "lodash/omit"
@@ -165,7 +165,7 @@ var isString_ = __webpack_require__(23);
165
165
  var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
166
166
 
167
167
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
168
- var EventListener_ = __webpack_require__(15);
168
+ var EventListener_ = __webpack_require__(16);
169
169
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
170
170
 
171
171
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -278,7 +278,7 @@ var Clickable_ = __webpack_require__(12);
278
278
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
279
279
 
280
280
  // EXTERNAL MODULE: external "@splunk/themes/mixins"
281
- var mixins_ = __webpack_require__(79);
281
+ var mixins_ = __webpack_require__(80);
282
282
 
283
283
  // CONCATENATED MODULE: ./src/File/ItemStyles.ts
284
284
 
@@ -1162,24 +1162,24 @@ module.exports = require("@splunk/react-ui/Box");
1162
1162
 
1163
1163
  /***/ }),
1164
1164
 
1165
- /***/ 65:
1165
+ /***/ 66:
1166
1166
  /***/ (function(module, exports) {
1167
1167
 
1168
1168
  module.exports = require("lodash/debounce");
1169
1169
 
1170
1170
  /***/ }),
1171
1171
 
1172
- /***/ 79:
1172
+ /***/ 8:
1173
1173
  /***/ (function(module, exports) {
1174
1174
 
1175
- module.exports = require("@splunk/themes/mixins");
1175
+ module.exports = require("@splunk/ui-utils/id");
1176
1176
 
1177
1177
  /***/ }),
1178
1178
 
1179
- /***/ 8:
1179
+ /***/ 80:
1180
1180
  /***/ (function(module, exports) {
1181
1181
 
1182
- module.exports = require("@splunk/ui-utils/id");
1182
+ module.exports = require("@splunk/themes/mixins");
1183
1183
 
1184
1184
  /***/ })
1185
1185
 
package/FormRows.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 = 179);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 180);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -136,7 +136,7 @@ module.exports = require("@splunk/react-ui/Button");
136
136
 
137
137
  /***/ }),
138
138
 
139
- /***/ 179:
139
+ /***/ 180:
140
140
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
141
141
 
142
142
  "use strict";
@@ -210,7 +210,7 @@ var omit_ = __webpack_require__(5);
210
210
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
211
211
 
212
212
  // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
213
- var CloseButton_ = __webpack_require__(90);
213
+ var CloseButton_ = __webpack_require__(89);
214
214
  var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
215
215
 
216
216
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -764,7 +764,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
764
764
 
765
765
  /***/ }),
766
766
 
767
- /***/ 90:
767
+ /***/ 89:
768
768
  /***/ (function(module, exports) {
769
769
 
770
770
  module.exports = require("@splunk/react-ui/CloseButton");
package/Heading.js CHANGED
@@ -137,13 +137,13 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
137
137
  var external_styled_components_ = __webpack_require__(3);
138
138
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
139
139
 
140
- // EXTERNAL MODULE: external "@splunk/themes"
141
- var themes_ = __webpack_require__(0);
142
-
143
140
  // EXTERNAL MODULE: external "@splunk/react-ui/Typography"
144
141
  var Typography_ = __webpack_require__(134);
145
142
  var Typography_default = /*#__PURE__*/__webpack_require__.n(Typography_);
146
143
 
144
+ // EXTERNAL MODULE: external "@splunk/themes"
145
+ var themes_ = __webpack_require__(0);
146
+
147
147
  // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
148
148
 
149
149
 
@@ -203,7 +203,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
203
203
  var propTypes = {
204
204
  children: external_prop_types_default.a.node,
205
205
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
206
- level: external_prop_types_default.a.oneOf([1, 2, 3, 4, 's', 'ss', 5, 6])
206
+ level: external_prop_types_default.a.oneOf([1, 2, 3, 4, 's', 'ss', 5, 6]),
207
+ variant: external_prop_types_default.a.oneOf(['title1', 'title2', 'title3', 'title4', 'title5', 'title6', 'title7'])
207
208
  };
208
209
  // h1-h6 use the same intrinsic element type
209
210
  var levelToElement = {
@@ -239,6 +240,9 @@ function Heading(_ref) {
239
240
 
240
241
  var element = levelToElement[level];
241
242
  var finalVariant = variant || elementToVariant[element];
243
+
244
+ if (false) {}
245
+
242
246
  return /*#__PURE__*/external_react_default.a.createElement(StyledTypography, _extends({
243
247
  forwardedAs: element,
244
248
  $isSection: isSection(level),
package/JSONTree.js CHANGED
@@ -153,7 +153,7 @@ var isArray_ = __webpack_require__(73);
153
153
  var isArray_default = /*#__PURE__*/__webpack_require__.n(isArray_);
154
154
 
155
155
  // EXTERNAL MODULE: external "lodash/isEmpty"
156
- var isEmpty_ = __webpack_require__(88);
156
+ var isEmpty_ = __webpack_require__(87);
157
157
  var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_);
158
158
 
159
159
  // EXTERNAL MODULE: external "lodash/isNumber"
@@ -169,7 +169,7 @@ var keys_ = __webpack_require__(9);
169
169
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
170
170
 
171
171
  // EXTERNAL MODULE: external "lodash/repeat"
172
- var repeat_ = __webpack_require__(78);
172
+ var repeat_ = __webpack_require__(79);
173
173
  var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_);
174
174
 
175
175
  // EXTERNAL MODULE: external "styled-components"
@@ -443,34 +443,36 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
443
443
  expandChildren = _this$props3.expandChildren,
444
444
  overflow = _this$props3.overflow,
445
445
  path = _this$props3.path;
446
- var isPrimitive = !isObject_default()(value); // isObject is true for arrays
447
-
448
- var representation = value; // determine if value should be represented as a simple string
446
+ var representation = null; // determine if value should be represented as a simple string
449
447
  // or as a child node
450
448
 
451
- if (!isPrimitive) {
452
- if (isEmpty_default()(value)) {
453
- representation = isArray_default()(value) ? '[]' : '{}';
449
+ if (!isObject_default()(value)) {
450
+ // isObject is true for arrays
451
+ if (typeof value === 'string') {
452
+ representation = "\"".concat(value, "\"");
453
+ } else if (typeof value === 'boolean') {
454
+ representation = value.toString();
455
+ } else if (value === null) {
456
+ representation = 'null';
454
457
  } else {
455
- representation = /*#__PURE__*/external_react_default.a.createElement(JSONTreeNode, {
456
- obj: value,
457
- path: key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path) // Prevent undefined from being added to path for single value edge-case
458
- ,
459
- defaultOpen: expandChildren === true,
460
- expandChildren: expandChildren,
461
- onClickKey: onClickKey,
462
- onClickValue: onClickValue,
463
- indent: indent,
464
- indentLevel: indentLevel + 1,
465
- overflow: overflow
466
- });
458
+ representation = value;
467
459
  }
468
- } else if (typeof value === 'string') {
469
- representation = "\"".concat(value, "\"");
470
- } else if (typeof value === 'boolean') {
471
- representation = value.toString();
472
- } else if (value === null) {
473
- representation = 'null';
460
+ } else if (isEmpty_default()(value)) {
461
+ // isObject is true for arrays
462
+ representation = isArray_default()(value) ? '[]' : '{}';
463
+ } else {
464
+ representation = /*#__PURE__*/external_react_default.a.createElement(JSONTreeNode, {
465
+ obj: value,
466
+ path: key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path) // Prevent undefined from being added to path for single value edge-case
467
+ ,
468
+ defaultOpen: expandChildren === true,
469
+ expandChildren: expandChildren,
470
+ onClickKey: onClickKey,
471
+ onClickValue: onClickValue,
472
+ indent: indent,
473
+ indentLevel: indentLevel + 1,
474
+ overflow: overflow
475
+ });
474
476
  } // for string or number representations, apply styles and optional interactivity
475
477
 
476
478
 
@@ -685,14 +687,14 @@ module.exports = require("lodash/isNumber");
685
687
 
686
688
  /***/ }),
687
689
 
688
- /***/ 78:
690
+ /***/ 79:
689
691
  /***/ (function(module, exports) {
690
692
 
691
693
  module.exports = require("lodash/repeat");
692
694
 
693
695
  /***/ }),
694
696
 
695
- /***/ 88:
697
+ /***/ 87:
696
698
  /***/ (function(module, exports) {
697
699
 
698
700
  module.exports = require("lodash/isEmpty");
package/Layer.js CHANGED
@@ -111,14 +111,14 @@ module.exports = require("lodash/pull");
111
111
  /***/ 15:
112
112
  /***/ (function(module, exports) {
113
113
 
114
- module.exports = require("@splunk/react-ui/EventListener");
114
+ module.exports = require("lodash/includes");
115
115
 
116
116
  /***/ }),
117
117
 
118
118
  /***/ 16:
119
119
  /***/ (function(module, exports) {
120
120
 
121
- module.exports = require("lodash/includes");
121
+ module.exports = require("@splunk/react-ui/EventListener");
122
122
 
123
123
  /***/ }),
124
124
 
@@ -174,18 +174,18 @@ var external_react_ = __webpack_require__(2);
174
174
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
175
175
 
176
176
  // EXTERNAL MODULE: external "react-dom"
177
- var external_react_dom_ = __webpack_require__(91);
177
+ var external_react_dom_ = __webpack_require__(90);
178
178
 
179
179
  // EXTERNAL MODULE: external "prop-types"
180
180
  var external_prop_types_ = __webpack_require__(1);
181
181
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
182
182
 
183
183
  // EXTERNAL MODULE: external "lodash/includes"
184
- var includes_ = __webpack_require__(16);
184
+ var includes_ = __webpack_require__(15);
185
185
  var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
186
186
 
187
187
  // EXTERNAL MODULE: external "lodash/last"
188
- var last_ = __webpack_require__(92);
188
+ var last_ = __webpack_require__(91);
189
189
  var last_default = /*#__PURE__*/__webpack_require__.n(last_);
190
190
 
191
191
  // EXTERNAL MODULE: external "lodash/pull"
@@ -196,11 +196,11 @@ var pull_default = /*#__PURE__*/__webpack_require__.n(pull_);
196
196
  var keyboard_ = __webpack_require__(7);
197
197
 
198
198
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
199
- var EventListener_ = __webpack_require__(15);
199
+ var EventListener_ = __webpack_require__(16);
200
200
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
201
201
 
202
202
  // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
203
- var LayerStack = __webpack_require__(93);
203
+ var LayerStack = __webpack_require__(92);
204
204
 
205
205
  // EXTERNAL MODULE: external "styled-components"
206
206
  var external_styled_components_ = __webpack_require__(3);
@@ -513,21 +513,21 @@ module.exports = require("@splunk/ui-utils/keyboard");
513
513
 
514
514
  /***/ }),
515
515
 
516
- /***/ 91:
516
+ /***/ 90:
517
517
  /***/ (function(module, exports) {
518
518
 
519
519
  module.exports = require("react-dom");
520
520
 
521
521
  /***/ }),
522
522
 
523
- /***/ 92:
523
+ /***/ 91:
524
524
  /***/ (function(module, exports) {
525
525
 
526
526
  module.exports = require("lodash/last");
527
527
 
528
528
  /***/ }),
529
529
 
530
- /***/ 93:
530
+ /***/ 92:
531
531
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
532
532
 
533
533
  "use strict";
package/Link.js CHANGED
@@ -141,11 +141,11 @@ var external_styled_components_ = __webpack_require__(3);
141
141
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
142
142
 
143
143
  // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
144
- var ArrowSquareTopRight_ = __webpack_require__(94);
144
+ var ArrowSquareTopRight_ = __webpack_require__(93);
145
145
  var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
146
146
 
147
147
  // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
148
- var External_ = __webpack_require__(62);
148
+ var External_ = __webpack_require__(63);
149
149
  var External_default = /*#__PURE__*/__webpack_require__.n(External_);
150
150
 
151
151
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -348,14 +348,14 @@ module.exports = require("@splunk/ui-utils/i18n");
348
348
 
349
349
  /***/ }),
350
350
 
351
- /***/ 62:
351
+ /***/ 63:
352
352
  /***/ (function(module, exports) {
353
353
 
354
354
  module.exports = require("@splunk/react-icons/enterprise/External");
355
355
 
356
356
  /***/ }),
357
357
 
358
- /***/ 94:
358
+ /***/ 93:
359
359
  /***/ (function(module, exports) {
360
360
 
361
361
  module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
package/List.js CHANGED
@@ -195,6 +195,7 @@ function List_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
195
195
  var List_propTypes = {
196
196
  children: external_prop_types_default.a.node,
197
197
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
198
+ ordered: external_prop_types_default.a.bool,
198
199
  type: external_prop_types_default.a.oneOf(['disc', 'decimal', 'lower-alpha', 'upper-alpha'])
199
200
  };
200
201
 
@@ -203,15 +204,17 @@ function List(_ref) {
203
204
  elementRef = _ref.elementRef,
204
205
  _ref$type = _ref.type,
205
206
  type = _ref$type === void 0 ? 'disc' : _ref$type,
206
- otherProps = List_objectWithoutProperties(_ref, ["children", "elementRef", "type"]);
207
+ ordered = _ref.ordered,
208
+ otherProps = List_objectWithoutProperties(_ref, ["children", "elementRef", "type", "ordered"]);
207
209
 
208
210
  // @docs-props-type ListPropsBase
209
- var isUnordered = type === 'disc';
211
+ if (false) {}
212
+
210
213
  return /*#__PURE__*/external_react_default.a.createElement(StyledOl, List_extends({
211
- as: isUnordered ? 'ul' : undefined,
214
+ as: !ordered && type === 'disc' ? 'ul' : 'ol',
212
215
  "data-test": "list",
213
216
  ref: elementRef,
214
- $type: type
217
+ $type: ordered || type === 'decimal' ? 'decimal' || false || false : type
215
218
  }, otherProps), children);
216
219
  }
217
220