@splunk/react-ui 4.13.0 → 4.14.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 (109) hide show
  1. package/.storybook-visual/config/snapshotResolver.js +29 -0
  2. package/.storybook-visual/main.js +22 -0
  3. package/.storybook-visual/preview.jsx +31 -0
  4. package/.storybook-visual/scripts/test.sh +108 -0
  5. package/.storybook-visual/test-runner.js +108 -0
  6. package/Accordion.js +4 -4
  7. package/Anchor.js +2 -2
  8. package/Animation.js +6 -6
  9. package/AnimationToggle.js +2 -2
  10. package/Box.js +2 -2
  11. package/Button.js +28 -28
  12. package/ButtonGroup.js +2 -2
  13. package/ButtonSimple.js +2 -2
  14. package/CHANGELOG.md +16 -1
  15. package/Calendar.js +365 -70
  16. package/Card.js +30 -28
  17. package/CardLayout.js +2 -2
  18. package/Chip.js +10 -10
  19. package/Clickable.js +9 -9
  20. package/CloseButton.js +8 -8
  21. package/Code.js +4 -4
  22. package/CollapsiblePanel.js +15 -11
  23. package/Color.js +27 -27
  24. package/ColumnLayout.js +6 -6
  25. package/ComboBox.js +19 -19
  26. package/Concertina.js +6 -6
  27. package/ControlGroup.js +14 -13
  28. package/Date.js +118 -55
  29. package/DefinitionList.js +2 -2
  30. package/Divider.js +194 -0
  31. package/Dropdown.js +13 -13
  32. package/EventListener.js +4 -4
  33. package/File.js +16 -16
  34. package/FormRows.js +14 -14
  35. package/Heading.js +2 -2
  36. package/Image.js +12 -12
  37. package/JSONTree.js +2 -2
  38. package/Layer.js +85 -8
  39. package/Link.js +9 -9
  40. package/List.js +2 -2
  41. package/Markdown.js +18 -18
  42. package/Menu.js +32 -32
  43. package/Message.js +32 -32
  44. package/MessageBar.js +22 -22
  45. package/Modal.js +63 -37
  46. package/ModalLayer.js +11 -11
  47. package/Monogram.js +2 -2
  48. package/Multiselect.js +61 -61
  49. package/Number.js +8 -6
  50. package/Paginator.js +17 -17
  51. package/Paragraph.js +2 -2
  52. package/Popover.js +175 -17
  53. package/Progress.js +8 -8
  54. package/RadioBar.js +2 -2
  55. package/RadioList.js +4 -4
  56. package/Resize.js +4 -4
  57. package/ResultsMenu.js +20 -20
  58. package/ScreenReaderContent.js +2 -2
  59. package/Scroll.js +13 -13
  60. package/ScrollContainerContext.js +154 -3
  61. package/Search.js +28 -28
  62. package/Select.js +41 -41
  63. package/SidePanel.js +6 -6
  64. package/Slider.js +14 -14
  65. package/SlidingPanels.js +11 -11
  66. package/SplitButton.js +12 -12
  67. package/StaticContent.js +2 -2
  68. package/StepBar.js +10 -10
  69. package/Switch.js +8 -8
  70. package/TabBar.js +15 -15
  71. package/TabLayout.js +6 -6
  72. package/Table.js +249 -67
  73. package/Text.js +31 -30
  74. package/TextArea.js +31 -31
  75. package/Tooltip.js +17 -11
  76. package/TransitionOpen.js +39 -15
  77. package/Typography.js +4 -4
  78. package/WaitSpinner.js +4 -70
  79. package/package.json +10 -12
  80. package/test-runner-jest.config.js +18 -5
  81. package/types/src/Calendar/Calendar.d.ts +15 -2
  82. package/types/src/Calendar/DateTable.d.ts +7 -3
  83. package/types/src/Calendar/Day.d.ts +14 -5
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  85. package/types/src/Date/Date.d.ts +17 -8
  86. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  87. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  88. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  89. package/types/src/Divider/Divider.d.ts +20 -0
  90. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  91. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  92. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  93. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  94. package/types/src/Divider/index.d.ts +1 -0
  95. package/types/src/Modal/Modal.d.ts +7 -3
  96. package/types/src/Modal/ModalContext.d.ts +1 -0
  97. package/types/src/Number/Number.d.ts +5 -1
  98. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
  99. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
  100. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  101. package/types/src/Tooltip/Tooltip.d.ts +10 -5
  102. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  103. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  104. package/types/src/useKeyPress/index.d.ts +37 -0
  105. package/useForceUpdate.js +2 -2
  106. package/{useIsSsr.js → useKeyPress.js} +56 -49
  107. package/usePrevious.js +2 -2
  108. package/types/src/useIsSsr/index.d.ts +0 -2
  109. package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
package/Text.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 = 136);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 139);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 10:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -128,14 +128,14 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 110:
131
+ /***/ 112:
132
132
  /***/ (function(module, exports) {
133
133
 
134
134
  module.exports = require("@splunk/react-ui/TextArea");
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 136:
138
+ /***/ 139:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
@@ -167,26 +167,26 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
167
167
  var themes_ = __webpack_require__(0);
168
168
 
169
169
  // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
170
- var ControlGroup_ = __webpack_require__(78);
170
+ var ControlGroup_ = __webpack_require__(80);
171
171
 
172
172
  // EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
173
- var TextArea_ = __webpack_require__(110);
173
+ var TextArea_ = __webpack_require__(112);
174
174
  var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
175
175
 
176
176
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
177
177
  var i18n_ = __webpack_require__(5);
178
178
 
179
179
  // EXTERNAL MODULE: ./src/icons/Search.tsx
180
- var Search = __webpack_require__(29);
180
+ var Search = __webpack_require__(31);
181
181
 
182
182
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
183
- var CrossMark = __webpack_require__(20);
183
+ var CrossMark = __webpack_require__(22);
184
184
 
185
185
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
186
- var updateReactRef = __webpack_require__(11);
186
+ var updateReactRef = __webpack_require__(10);
187
187
 
188
188
  // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
189
- var SVG_ = __webpack_require__(24);
189
+ var SVG_ = __webpack_require__(25);
190
190
  var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
191
191
 
192
192
  // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
@@ -1089,7 +1089,9 @@ var Text_Text = /*#__PURE__*/function (_Component) {
1089
1089
  useSyntheticPlaceholder = _this$props10.useSyntheticPlaceholder,
1090
1090
  otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder"]);
1091
1091
 
1092
- var ariaProps = _objectSpread(_objectSpread({}, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
1092
+ var ariaProps = _objectSpread(_objectSpread({
1093
+ role: 'textbox'
1094
+ }, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
1093
1095
  return key === 'role' || key.indexOf('aria-') === 0;
1094
1096
  })), {}, {
1095
1097
  'aria-describedby': describedBy,
@@ -1125,7 +1127,6 @@ var Text_Text = /*#__PURE__*/function (_Component) {
1125
1127
  onFocus: this.handleInputFocus,
1126
1128
  onBlur: this.handleInputBlur,
1127
1129
  ref: this.handleInputMount,
1128
- role: 'textbox',
1129
1130
  spellCheck: spellCheck,
1130
1131
  style: {
1131
1132
  height: this.state.height
@@ -1232,14 +1233,14 @@ module.exports = require("react");
1232
1233
 
1233
1234
  /***/ }),
1234
1235
 
1235
- /***/ 20:
1236
+ /***/ 22:
1236
1237
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1237
1238
 
1238
1239
  "use strict";
1239
1240
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1240
1241
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1241
1242
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1242
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
1243
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
1243
1244
  /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1244
1245
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1245
1246
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1282,28 +1283,35 @@ function CrossMark(props) {
1282
1283
 
1283
1284
  /***/ }),
1284
1285
 
1285
- /***/ 21:
1286
+ /***/ 23:
1286
1287
  /***/ (function(module, exports) {
1287
1288
 
1288
1289
  module.exports = require("@splunk/react-icons/Close");
1289
1290
 
1290
1291
  /***/ }),
1291
1292
 
1292
- /***/ 24:
1293
+ /***/ 25:
1293
1294
  /***/ (function(module, exports) {
1294
1295
 
1295
1296
  module.exports = require("@splunk/react-icons/SVG");
1296
1297
 
1297
1298
  /***/ }),
1298
1299
 
1299
- /***/ 29:
1300
+ /***/ 3:
1301
+ /***/ (function(module, exports) {
1302
+
1303
+ module.exports = require("styled-components");
1304
+
1305
+ /***/ }),
1306
+
1307
+ /***/ 31:
1300
1308
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1301
1309
 
1302
1310
  "use strict";
1303
1311
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
1304
1312
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1305
1313
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1306
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
1314
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
1307
1315
  /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
1308
1316
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1309
1317
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1346,13 +1354,6 @@ function Search(props) {
1346
1354
 
1347
1355
  /***/ }),
1348
1356
 
1349
- /***/ 3:
1350
- /***/ (function(module, exports) {
1351
-
1352
- module.exports = require("styled-components");
1353
-
1354
- /***/ }),
1355
-
1356
1357
  /***/ 32:
1357
1358
  /***/ (function(module, exports) {
1358
1359
 
@@ -1367,7 +1368,7 @@ module.exports = require("lodash");
1367
1368
 
1368
1369
  /***/ }),
1369
1370
 
1370
- /***/ 41:
1371
+ /***/ 43:
1371
1372
  /***/ (function(module, exports) {
1372
1373
 
1373
1374
  module.exports = require("@splunk/react-icons/Search");
@@ -1524,17 +1525,17 @@ Icon.defaultProps = defaultProps;
1524
1525
 
1525
1526
  /***/ }),
1526
1527
 
1527
- /***/ 78:
1528
+ /***/ 8:
1528
1529
  /***/ (function(module, exports) {
1529
1530
 
1530
- module.exports = require("@splunk/react-ui/ControlGroup");
1531
+ module.exports = require("@splunk/react-ui/Box");
1531
1532
 
1532
1533
  /***/ }),
1533
1534
 
1534
- /***/ 8:
1535
+ /***/ 80:
1535
1536
  /***/ (function(module, exports) {
1536
1537
 
1537
- module.exports = require("@splunk/react-ui/Box");
1538
+ module.exports = require("@splunk/react-ui/ControlGroup");
1538
1539
 
1539
1540
  /***/ })
1540
1541
 
package/TextArea.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 = 148);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 151);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 10:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -128,7 +128,14 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 148:
131
+ /***/ 15:
132
+ /***/ (function(module, exports) {
133
+
134
+ module.exports = require("@splunk/react-ui/EventListener");
135
+
136
+ /***/ }),
137
+
138
+ /***/ 151:
132
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
140
 
134
141
  "use strict";
@@ -160,16 +167,16 @@ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
160
167
  var themes_ = __webpack_require__(0);
161
168
 
162
169
  // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
163
- var ControlGroup_ = __webpack_require__(78);
170
+ var ControlGroup_ = __webpack_require__(80);
164
171
 
165
172
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
166
173
  var i18n_ = __webpack_require__(5);
167
174
 
168
175
  // EXTERNAL MODULE: ./src/icons/Search.tsx
169
- var Search = __webpack_require__(29);
176
+ var Search = __webpack_require__(31);
170
177
 
171
178
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
172
- var CrossMark = __webpack_require__(20);
179
+ var CrossMark = __webpack_require__(22);
173
180
 
174
181
  // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
175
182
  // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
@@ -246,7 +253,7 @@ function syncHeightWithShadow(_ref) {
246
253
  return false;
247
254
  }
248
255
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
249
- var updateReactRef = __webpack_require__(11);
256
+ var updateReactRef = __webpack_require__(10);
250
257
 
251
258
  // EXTERNAL MODULE: external "styled-components"
252
259
  var external_styled_components_ = __webpack_require__(3);
@@ -1130,13 +1137,6 @@ TextAreaWithTheme.componentType = TextArea_TextArea.componentType;
1130
1137
 
1131
1138
 
1132
1139
 
1133
- /***/ }),
1134
-
1135
- /***/ 15:
1136
- /***/ (function(module, exports) {
1137
-
1138
- module.exports = require("@splunk/react-ui/EventListener");
1139
-
1140
1140
  /***/ }),
1141
1141
 
1142
1142
  /***/ 16:
@@ -1153,14 +1153,14 @@ module.exports = require("react");
1153
1153
 
1154
1154
  /***/ }),
1155
1155
 
1156
- /***/ 20:
1156
+ /***/ 22:
1157
1157
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1158
1158
 
1159
1159
  "use strict";
1160
1160
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1161
1161
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1162
1162
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1163
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
1163
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
1164
1164
  /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1165
1165
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1166
1166
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1203,21 +1203,28 @@ function CrossMark(props) {
1203
1203
 
1204
1204
  /***/ }),
1205
1205
 
1206
- /***/ 21:
1206
+ /***/ 23:
1207
1207
  /***/ (function(module, exports) {
1208
1208
 
1209
1209
  module.exports = require("@splunk/react-icons/Close");
1210
1210
 
1211
1211
  /***/ }),
1212
1212
 
1213
- /***/ 29:
1213
+ /***/ 3:
1214
+ /***/ (function(module, exports) {
1215
+
1216
+ module.exports = require("styled-components");
1217
+
1218
+ /***/ }),
1219
+
1220
+ /***/ 31:
1214
1221
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1215
1222
 
1216
1223
  "use strict";
1217
1224
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
1218
1225
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1219
1226
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1220
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
1227
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
1221
1228
  /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
1222
1229
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1223
1230
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1260,13 +1267,6 @@ function Search(props) {
1260
1267
 
1261
1268
  /***/ }),
1262
1269
 
1263
- /***/ 3:
1264
- /***/ (function(module, exports) {
1265
-
1266
- module.exports = require("styled-components");
1267
-
1268
- /***/ }),
1269
-
1270
1270
  /***/ 32:
1271
1271
  /***/ (function(module, exports) {
1272
1272
 
@@ -1281,7 +1281,7 @@ module.exports = require("lodash");
1281
1281
 
1282
1282
  /***/ }),
1283
1283
 
1284
- /***/ 41:
1284
+ /***/ 43:
1285
1285
  /***/ (function(module, exports) {
1286
1286
 
1287
1287
  module.exports = require("@splunk/react-icons/Search");
@@ -1438,17 +1438,17 @@ Icon.defaultProps = defaultProps;
1438
1438
 
1439
1439
  /***/ }),
1440
1440
 
1441
- /***/ 78:
1441
+ /***/ 8:
1442
1442
  /***/ (function(module, exports) {
1443
1443
 
1444
- module.exports = require("@splunk/react-ui/ControlGroup");
1444
+ module.exports = require("@splunk/react-ui/Box");
1445
1445
 
1446
1446
  /***/ }),
1447
1447
 
1448
- /***/ 8:
1448
+ /***/ 80:
1449
1449
  /***/ (function(module, exports) {
1450
1450
 
1451
- module.exports = require("@splunk/react-ui/Box");
1451
+ module.exports = require("@splunk/react-ui/ControlGroup");
1452
1452
 
1453
1453
  /***/ })
1454
1454
 
package/Tooltip.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 = 149);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 152);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/ui-utils/id");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 149:
125
+ /***/ 152:
126
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
127
 
128
128
  "use strict";
@@ -144,7 +144,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
144
144
  var external_lodash_ = __webpack_require__(4);
145
145
 
146
146
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
147
- var Popover_ = __webpack_require__(17);
147
+ var Popover_ = __webpack_require__(18);
148
148
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
149
149
 
150
150
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -155,13 +155,13 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
155
155
  var themes_ = __webpack_require__(0);
156
156
 
157
157
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
158
- var id_ = __webpack_require__(10);
158
+ var id_ = __webpack_require__(11);
159
159
 
160
160
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
161
161
  var i18n_ = __webpack_require__(5);
162
162
 
163
163
  // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
164
- var SVG_ = __webpack_require__(24);
164
+ var SVG_ = __webpack_require__(25);
165
165
  var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
166
166
 
167
167
  // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
@@ -311,6 +311,9 @@ var propTypes = {
311
311
  appearance: external_prop_types_default.a.string,
312
312
  children: external_prop_types_default.a.node,
313
313
  closeDelay: external_prop_types_default.a.number,
314
+
315
+ /** @private */
316
+ closeWhen: external_prop_types_default.a.oneOf(['default', 'notOnClick']),
314
317
  content: external_prop_types_default.a.node,
315
318
  contentRelationship: external_prop_types_default.a.oneOf(['label', 'description']),
316
319
  defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'theme']),
@@ -327,6 +330,7 @@ var propTypes = {
327
330
  var defaultProps = {
328
331
  appearance: 'inverted',
329
332
  closeDelay: 0,
333
+ closeWhen: 'default',
330
334
  contentRelationship: 'description',
331
335
  defaultPlacement: 'theme',
332
336
  inline: true,
@@ -418,9 +422,11 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
418
422
  });
419
423
 
420
424
  _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
421
- _this.handleRequestClose(e, {
422
- reason: 'toggleClick'
423
- });
425
+ if (_this.props.closeWhen !== 'notOnClick') {
426
+ _this.handleRequestClose(e, {
427
+ reason: 'toggleClick'
428
+ });
429
+ }
424
430
  });
425
431
 
426
432
  _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
@@ -610,7 +616,7 @@ TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
610
616
 
611
617
  /***/ }),
612
618
 
613
- /***/ 17:
619
+ /***/ 18:
614
620
  /***/ (function(module, exports) {
615
621
 
616
622
  module.exports = require("@splunk/react-ui/Popover");
@@ -624,7 +630,7 @@ module.exports = require("react");
624
630
 
625
631
  /***/ }),
626
632
 
627
- /***/ 24:
633
+ /***/ 25:
628
634
  /***/ (function(module, exports) {
629
635
 
630
636
  module.exports = require("@splunk/react-icons/SVG");
package/TransitionOpen.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 = 176);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 180);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 176:
104
+ /***/ 180:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -123,16 +123,16 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
123
123
  var external_lodash_ = __webpack_require__(4);
124
124
 
125
125
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
126
- var Animation_ = __webpack_require__(31);
126
+ var Animation_ = __webpack_require__(34);
127
127
 
128
128
  // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
129
- var focus_ = __webpack_require__(26);
129
+ var focus_ = __webpack_require__(28);
130
130
 
131
131
  // EXTERNAL MODULE: external "@splunk/ui-utils/style"
132
132
  var style_ = __webpack_require__(32);
133
133
 
134
134
  // EXTERNAL MODULE: external "react-spring"
135
- var external_react_spring_ = __webpack_require__(19);
135
+ var external_react_spring_ = __webpack_require__(21);
136
136
 
137
137
  // EXTERNAL MODULE: external "styled-components"
138
138
  var external_styled_components_ = __webpack_require__(3);
@@ -208,6 +208,7 @@ var propTypes = {
208
208
  outerClassName: external_prop_types_default.a.string,
209
209
  outerId: external_prop_types_default.a.string,
210
210
  outerStyle: external_prop_types_default.a.object,
211
+ renderChildrenWhenCollapsed: external_prop_types_default.a.bool,
211
212
  retainFocus: external_prop_types_default.a.bool,
212
213
  takeFocus: external_prop_types_default.a.bool
213
214
  };
@@ -217,6 +218,7 @@ var defaultProps = {
217
218
  innerStyle: {},
218
219
  open: false,
219
220
  outerStyle: {},
221
+ renderChildrenWhenCollapsed: false,
220
222
  retainFocus: false,
221
223
  takeFocus: false
222
224
  };
@@ -307,7 +309,8 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
307
309
  open = _this$props2.open,
308
310
  outerClassName = _this$props2.outerClassName,
309
311
  outerId = _this$props2.outerId,
310
- outerStyle = _this$props2.outerStyle;
312
+ outerStyle = _this$props2.outerStyle,
313
+ renderChildrenWhenCollapsed = _this$props2.renderChildrenWhenCollapsed;
311
314
  var animating = _this.state.animating;
312
315
  var dimension;
313
316
 
@@ -330,6 +333,27 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
330
333
 
331
334
  }
332
335
  }
336
+
337
+ if (!open && !animating && renderChildrenWhenCollapsed) {
338
+ return /*#__PURE__*/external_react_default.a.createElement(Styled, {
339
+ $hideOverflow: false,
340
+ className: Object(style_["toClassName"])(className, outerClassName),
341
+ style: _objectSpread(_objectSpread({}, outerStyle), dimension && _defineProperty({}, dimension, value)),
342
+ id: outerId
343
+ }, /*#__PURE__*/external_react_default.a.createElement(StyledInner, _extends({
344
+ "data-test": "transition-open"
345
+ }, Object(external_lodash_["omit"])(_this.props, Object(external_lodash_["keys"])(TransitionOpen.propTypes)), {
346
+ ref: _this.handleMount,
347
+ tabIndex: -1,
348
+ className: innerClassName,
349
+ id: id,
350
+ onKeyDown: _this.props.retainFocus ? _this.handleTab : undefined,
351
+ style: _objectSpread(_objectSpread({}, innerStyle), {}, {
352
+ transform: transform,
353
+ display: 'none'
354
+ })
355
+ }), children));
356
+ }
333
357
  /* eslint-disable jsx-a11y/no-static-element-interactions */
334
358
 
335
359
 
@@ -466,21 +490,21 @@ _defineProperty(TransitionOpen_TransitionOpen, "getDerivedStateFromProps", funct
466
490
 
467
491
  /***/ }),
468
492
 
469
- /***/ 19:
493
+ /***/ 2:
470
494
  /***/ (function(module, exports) {
471
495
 
472
- module.exports = require("react-spring");
496
+ module.exports = require("react");
473
497
 
474
498
  /***/ }),
475
499
 
476
- /***/ 2:
500
+ /***/ 21:
477
501
  /***/ (function(module, exports) {
478
502
 
479
- module.exports = require("react");
503
+ module.exports = require("react-spring");
480
504
 
481
505
  /***/ }),
482
506
 
483
- /***/ 26:
507
+ /***/ 28:
484
508
  /***/ (function(module, exports) {
485
509
 
486
510
  module.exports = require("@splunk/ui-utils/focus");
@@ -494,17 +518,17 @@ module.exports = require("styled-components");
494
518
 
495
519
  /***/ }),
496
520
 
497
- /***/ 31:
521
+ /***/ 32:
498
522
  /***/ (function(module, exports) {
499
523
 
500
- module.exports = require("@splunk/react-ui/Animation");
524
+ module.exports = require("@splunk/ui-utils/style");
501
525
 
502
526
  /***/ }),
503
527
 
504
- /***/ 32:
528
+ /***/ 34:
505
529
  /***/ (function(module, exports) {
506
530
 
507
- module.exports = require("@splunk/ui-utils/style");
531
+ module.exports = require("@splunk/react-ui/Animation");
508
532
 
509
533
  /***/ }),
510
534
 
package/Typography.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 = 182);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 186);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 182:
97
+ /***/ 186:
98
98
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
99
 
100
100
  "use strict";
@@ -117,7 +117,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
117
117
  var external_lodash_ = __webpack_require__(4);
118
118
 
119
119
  // EXTERNAL MODULE: external "@splunk/themes/mixins"
120
- var mixins_ = __webpack_require__(57);
120
+ var mixins_ = __webpack_require__(59);
121
121
  var mixins_default = /*#__PURE__*/__webpack_require__.n(mixins_);
122
122
 
123
123
  // EXTERNAL MODULE: external "styled-components"
@@ -215,7 +215,7 @@ module.exports = require("lodash");
215
215
 
216
216
  /***/ }),
217
217
 
218
- /***/ 57:
218
+ /***/ 59:
219
219
  /***/ (function(module, exports) {
220
220
 
221
221
  module.exports = require("@splunk/themes/mixins");