@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.
- package/.storybook-visual/config/snapshotResolver.js +29 -0
- package/.storybook-visual/main.js +22 -0
- package/.storybook-visual/preview.jsx +31 -0
- package/.storybook-visual/scripts/test.sh +108 -0
- package/.storybook-visual/test-runner.js +108 -0
- package/Accordion.js +4 -4
- package/Anchor.js +2 -2
- package/Animation.js +6 -6
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +28 -28
- package/ButtonGroup.js +2 -2
- package/ButtonSimple.js +2 -2
- package/CHANGELOG.md +16 -1
- package/Calendar.js +365 -70
- package/Card.js +30 -28
- package/CardLayout.js +2 -2
- package/Chip.js +10 -10
- package/Clickable.js +9 -9
- package/CloseButton.js +8 -8
- package/Code.js +4 -4
- package/CollapsiblePanel.js +15 -11
- package/Color.js +27 -27
- package/ColumnLayout.js +6 -6
- package/ComboBox.js +19 -19
- package/Concertina.js +6 -6
- package/ControlGroup.js +14 -13
- package/Date.js +118 -55
- package/DefinitionList.js +2 -2
- package/Divider.js +194 -0
- package/Dropdown.js +13 -13
- package/EventListener.js +4 -4
- package/File.js +16 -16
- package/FormRows.js +14 -14
- package/Heading.js +2 -2
- package/Image.js +12 -12
- package/JSONTree.js +2 -2
- package/Layer.js +85 -8
- package/Link.js +9 -9
- package/List.js +2 -2
- package/Markdown.js +18 -18
- package/Menu.js +32 -32
- package/Message.js +32 -32
- package/MessageBar.js +22 -22
- package/Modal.js +63 -37
- package/ModalLayer.js +11 -11
- package/Monogram.js +2 -2
- package/Multiselect.js +61 -61
- package/Number.js +8 -6
- package/Paginator.js +17 -17
- package/Paragraph.js +2 -2
- package/Popover.js +175 -17
- package/Progress.js +8 -8
- package/RadioBar.js +2 -2
- package/RadioList.js +4 -4
- package/Resize.js +4 -4
- package/ResultsMenu.js +20 -20
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +13 -13
- package/ScrollContainerContext.js +154 -3
- package/Search.js +28 -28
- package/Select.js +41 -41
- package/SidePanel.js +6 -6
- package/Slider.js +14 -14
- package/SlidingPanels.js +11 -11
- package/SplitButton.js +12 -12
- package/StaticContent.js +2 -2
- package/StepBar.js +10 -10
- package/Switch.js +8 -8
- package/TabBar.js +15 -15
- package/TabLayout.js +6 -6
- package/Table.js +249 -67
- package/Text.js +31 -30
- package/TextArea.js +31 -31
- package/Tooltip.js +17 -11
- package/TransitionOpen.js +39 -15
- package/Typography.js +4 -4
- package/WaitSpinner.js +4 -70
- package/package.json +10 -12
- package/test-runner-jest.config.js +18 -5
- package/types/src/Calendar/Calendar.d.ts +15 -2
- package/types/src/Calendar/DateTable.d.ts +7 -3
- package/types/src/Calendar/Day.d.ts +14 -5
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
- package/types/src/Date/Date.d.ts +17 -8
- package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
- package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
- package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
- package/types/src/Divider/Divider.d.ts +20 -0
- package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
- package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
- package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
- package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
- package/types/src/Divider/index.d.ts +1 -0
- package/types/src/Modal/Modal.d.ts +7 -3
- package/types/src/Modal/ModalContext.d.ts +1 -0
- package/types/src/Number/Number.d.ts +5 -1
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
- package/types/src/Tooltip/Tooltip.d.ts +10 -5
- package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
- package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
- package/types/src/useKeyPress/index.d.ts +37 -0
- package/useForceUpdate.js +2 -2
- package/{useIsSsr.js → useKeyPress.js} +56 -49
- package/usePrevious.js +2 -2
- package/types/src/useIsSsr/index.d.ts +0 -2
- 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 =
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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__(
|
|
170
|
+
var ControlGroup_ = __webpack_require__(80);
|
|
171
171
|
|
|
172
172
|
// EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
|
|
173
|
-
var TextArea_ = __webpack_require__(
|
|
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__(
|
|
180
|
+
var Search = __webpack_require__(31);
|
|
181
181
|
|
|
182
182
|
// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
|
|
183
|
-
var CrossMark = __webpack_require__(
|
|
183
|
+
var CrossMark = __webpack_require__(22);
|
|
184
184
|
|
|
185
185
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
186
|
-
var updateReactRef = __webpack_require__(
|
|
186
|
+
var updateReactRef = __webpack_require__(10);
|
|
187
187
|
|
|
188
188
|
// EXTERNAL MODULE: external "@splunk/react-icons/SVG"
|
|
189
|
-
var SVG_ = __webpack_require__(
|
|
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({
|
|
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
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
1528
|
+
/***/ 8:
|
|
1528
1529
|
/***/ (function(module, exports) {
|
|
1529
1530
|
|
|
1530
|
-
module.exports = require("@splunk/react-ui/
|
|
1531
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
1531
1532
|
|
|
1532
1533
|
/***/ }),
|
|
1533
1534
|
|
|
1534
|
-
/***/
|
|
1535
|
+
/***/ 80:
|
|
1535
1536
|
/***/ (function(module, exports) {
|
|
1536
1537
|
|
|
1537
|
-
module.exports = require("@splunk/react-ui/
|
|
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 =
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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__(
|
|
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__(
|
|
176
|
+
var Search = __webpack_require__(31);
|
|
170
177
|
|
|
171
178
|
// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
|
|
172
|
-
var CrossMark = __webpack_require__(
|
|
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__(
|
|
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
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
1441
|
+
/***/ 8:
|
|
1442
1442
|
/***/ (function(module, exports) {
|
|
1443
1443
|
|
|
1444
|
-
module.exports = require("@splunk/react-ui/
|
|
1444
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
1445
1445
|
|
|
1446
1446
|
/***/ }),
|
|
1447
1447
|
|
|
1448
|
-
/***/
|
|
1448
|
+
/***/ 80:
|
|
1449
1449
|
/***/ (function(module, exports) {
|
|
1450
1450
|
|
|
1451
|
-
module.exports = require("@splunk/react-ui/
|
|
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 =
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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.
|
|
422
|
-
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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 =
|
|
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
|
-
/***/
|
|
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__(
|
|
126
|
+
var Animation_ = __webpack_require__(34);
|
|
127
127
|
|
|
128
128
|
// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
|
|
129
|
-
var focus_ = __webpack_require__(
|
|
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__(
|
|
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
|
-
/***/
|
|
493
|
+
/***/ 2:
|
|
470
494
|
/***/ (function(module, exports) {
|
|
471
495
|
|
|
472
|
-
module.exports = require("react
|
|
496
|
+
module.exports = require("react");
|
|
473
497
|
|
|
474
498
|
/***/ }),
|
|
475
499
|
|
|
476
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
521
|
+
/***/ 32:
|
|
498
522
|
/***/ (function(module, exports) {
|
|
499
523
|
|
|
500
|
-
module.exports = require("@splunk/
|
|
524
|
+
module.exports = require("@splunk/ui-utils/style");
|
|
501
525
|
|
|
502
526
|
/***/ }),
|
|
503
527
|
|
|
504
|
-
/***/
|
|
528
|
+
/***/ 34:
|
|
505
529
|
/***/ (function(module, exports) {
|
|
506
530
|
|
|
507
|
-
module.exports = require("@splunk/ui
|
|
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 =
|
|
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
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
218
|
+
/***/ 59:
|
|
219
219
|
/***/ (function(module, exports) {
|
|
220
220
|
|
|
221
221
|
module.exports = require("@splunk/themes/mixins");
|