@splunk/react-ui 4.20.0 → 4.21.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 (98) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.js +105 -197
  7. package/Button.js +168 -316
  8. package/ButtonGroup.js +84 -168
  9. package/ButtonSimple.js +224 -324
  10. package/CHANGELOG.md +21 -0
  11. package/Calendar.js +264 -462
  12. package/Card.js +223 -371
  13. package/CardLayout.js +87 -163
  14. package/Chip.js +199 -323
  15. package/Clickable.js +128 -246
  16. package/CloseButton.js +92 -200
  17. package/Code.js +162 -250
  18. package/CollapsiblePanel.js +214 -370
  19. package/Color.js +267 -495
  20. package/ColumnLayout.js +152 -254
  21. package/ComboBox.js +197 -371
  22. package/Concertina.js +214 -374
  23. package/ControlGroup.js +164 -288
  24. package/Date.js +154 -304
  25. package/DefinitionList.js +104 -180
  26. package/Divider.js +80 -156
  27. package/Dropdown.js +121 -263
  28. package/DualListbox.js +408 -601
  29. package/EventListener.js +70 -138
  30. package/File.js +343 -547
  31. package/FormRows.js +232 -414
  32. package/Heading.js +94 -164
  33. package/Image.js +167 -323
  34. package/JSONTree.js +166 -314
  35. package/Layer.js +221 -388
  36. package/Link.js +133 -239
  37. package/List.js +85 -161
  38. package/Markdown.js +230 -354
  39. package/Menu.js +489 -760
  40. package/Message.js +248 -437
  41. package/MessageBar.js +220 -408
  42. package/Modal.js +201 -365
  43. package/ModalLayer.js +96 -196
  44. package/Monogram.js +112 -204
  45. package/Multiselect.js +1135 -1761
  46. package/Number.js +178 -334
  47. package/Paginator.js +170 -336
  48. package/Paragraph.js +77 -153
  49. package/Popover.js +370 -620
  50. package/Progress.js +139 -255
  51. package/RadioBar.js +156 -280
  52. package/RadioList.js +182 -282
  53. package/Resize.js +173 -307
  54. package/ResultsMenu.js +161 -303
  55. package/ScreenReaderContent.js +75 -151
  56. package/Scroll.js +125 -267
  57. package/ScrollContainerContext.js +129 -201
  58. package/Search.js +188 -354
  59. package/Select.js +1028 -1430
  60. package/SidePanel.js +106 -214
  61. package/Slider.js +198 -348
  62. package/SlidingPanels.js +138 -280
  63. package/SplitButton.js +141 -273
  64. package/StaticContent.js +84 -168
  65. package/StepBar.js +138 -246
  66. package/Switch.js +261 -385
  67. package/TabBar.js +261 -398
  68. package/TabLayout.js +122 -238
  69. package/Table.js +943 -1448
  70. package/Text.js +335 -549
  71. package/TextArea.js +315 -537
  72. package/Tooltip.js +152 -292
  73. package/TransitionOpen.js +118 -242
  74. package/Typography.js +81 -157
  75. package/WaitSpinner.js +117 -209
  76. package/package.json +14 -15
  77. package/stubs-splunkui.d.ts +4 -1
  78. package/types/src/ComboBox/Option.d.ts +1 -1
  79. package/types/src/Concertina/Concertina.d.ts +4 -0
  80. package/types/src/Link/Link.d.ts +7 -3
  81. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  82. package/types/src/Markdown/Markdown.d.ts +1 -1
  83. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  84. package/types/src/Menu/Item.d.ts +1 -1
  85. package/types/src/Menu/Menu.d.ts +1 -0
  86. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  87. package/types/src/Multiselect/Option.d.ts +1 -1
  88. package/types/src/Search/Option.d.ts +1 -1
  89. package/types/src/Select/Option.d.ts +1 -1
  90. package/types/src/Select/OptionBase.d.ts +1 -1
  91. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  92. package/useForceUpdate.js +46 -110
  93. package/useKeyPress.js +50 -107
  94. package/usePrevious.js +47 -111
  95. package/useRovingFocus.js +53 -133
  96. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  97. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  98. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/CloseButton.js CHANGED
@@ -1,163 +1,91 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
18
44
  /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 218);
86
- /******/ })
45
+ /******/ })();
46
+ /******/
87
47
  /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, exports) {
92
-
93
- module.exports = require("@splunk/themes");
94
-
95
- /***/ }),
96
-
97
- /***/ 1:
98
- /***/ (function(module, exports) {
99
-
100
- module.exports = require("prop-types");
101
-
102
- /***/ }),
103
-
104
- /***/ 2:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("react");
108
-
109
- /***/ }),
110
-
111
- /***/ 218:
112
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
-
114
- "use strict";
48
+ var __webpack_exports__ = {};
115
49
  // ESM COMPAT FLAG
116
50
  __webpack_require__.r(__webpack_exports__);
117
51
 
118
52
  // EXPORTS
119
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ CloseButton_CloseButton; });
120
-
121
- // EXTERNAL MODULE: external "react"
122
- var external_react_ = __webpack_require__(2);
123
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
124
-
125
- // EXTERNAL MODULE: external "prop-types"
126
- var external_prop_types_ = __webpack_require__(1);
127
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
128
-
129
- // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
130
- var Cross_ = __webpack_require__(26);
131
- var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
132
-
133
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
134
- var Close_ = __webpack_require__(27);
135
- var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
136
-
137
- // EXTERNAL MODULE: external "@splunk/themes"
138
- var themes_ = __webpack_require__(0);
139
-
140
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
141
- var i18n_ = __webpack_require__(4);
142
-
143
- // EXTERNAL MODULE: external "styled-components"
144
- var external_styled_components_ = __webpack_require__(3);
145
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
146
-
147
- // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
148
- var ButtonSimple_ = __webpack_require__(64);
149
- var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
150
-
151
- // CONCATENATED MODULE: ./src/CloseButton/CloseButtonStyles.ts
152
-
153
-
154
-
155
- var StyledButtonSimple = external_styled_components_default()(ButtonSimple_default.a).withConfig({
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* reexport */ CloseButton_CloseButton)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: external "prop-types"
61
+ const external_prop_types_namespaceObject = require("prop-types");
62
+ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
63
+ ;// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
64
+ const Cross_namespaceObject = require("@splunk/react-icons/Cross");
65
+ var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_namespaceObject);
66
+ ;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
67
+ const Close_namespaceObject = require("@splunk/react-icons/enterprise/Close");
68
+ var Close_default = /*#__PURE__*/__webpack_require__.n(Close_namespaceObject);
69
+ ;// CONCATENATED MODULE: external "@splunk/themes"
70
+ const themes_namespaceObject = require("@splunk/themes");
71
+ ;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
72
+ const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
73
+ ;// CONCATENATED MODULE: external "styled-components"
74
+ const external_styled_components_namespaceObject = require("styled-components");
75
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
76
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
77
+ const ButtonSimple_namespaceObject = require("@splunk/react-ui/ButtonSimple");
78
+ var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_namespaceObject);
79
+ ;// CONCATENATED MODULE: ./src/CloseButton/CloseButtonStyles.ts
80
+
81
+
82
+
83
+ var StyledButtonSimple = external_styled_components_default()((ButtonSimple_default())).withConfig({
156
84
  displayName: "CloseButtonStyles__StyledButtonSimple",
157
85
  componentId: "b3h40f-0"
158
- })(["float:right;width:", ";height:", ";text-align:center;"], themes_["variables"].inputHeight, themes_["variables"].inputHeight);
86
+ })(["float:right;width:", ";height:", ";text-align:center;"], themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.inputHeight);
159
87
 
160
- // CONCATENATED MODULE: ./src/CloseButton/CloseButton.tsx
88
+ ;// CONCATENATED MODULE: ./src/CloseButton/CloseButton.tsx
161
89
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
162
90
 
163
91
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -172,33 +100,33 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
172
100
 
173
101
 
174
102
  var propTypes = {
175
- disabled: external_prop_types_default.a.bool,
176
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
177
- screenReaderText: external_prop_types_default.a.string
103
+ disabled: (external_prop_types_default()).bool,
104
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
105
+ screenReaderText: (external_prop_types_default()).string
178
106
  };
179
107
 
180
108
  function CloseButton(_ref) {
181
109
  var _ref$disabled = _ref.disabled,
182
110
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
183
111
  _ref$screenReaderText = _ref.screenReaderText,
184
- screenReaderText = _ref$screenReaderText === void 0 ? Object(i18n_["_"])('Close') : _ref$screenReaderText,
112
+ screenReaderText = _ref$screenReaderText === void 0 ? (0,i18n_namespaceObject._)('Close') : _ref$screenReaderText,
185
113
  otherProps = _objectWithoutProperties(_ref, ["disabled", "screenReaderText"]);
186
114
 
187
- var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
115
+ var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
188
116
  isEnterprise = _useSplunkTheme.isEnterprise,
189
117
  isCompact = _useSplunkTheme.isCompact;
190
118
 
191
119
  var prismaSize = isCompact ? '20px' : '24px';
192
- return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, _extends({
120
+ return /*#__PURE__*/external_react_default().createElement(StyledButtonSimple, _extends({
193
121
  appearance: "pill",
194
122
  disabled: disabled,
195
123
  "aria-label": screenReaderText
196
- }, otherProps), isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
124
+ }, otherProps), isEnterprise ? /*#__PURE__*/external_react_default().createElement((Close_default()), {
197
125
  "data-test": "cross",
198
126
  inline: false,
199
127
  screenReaderText: null,
200
128
  size: "13px"
201
- }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
129
+ }) : /*#__PURE__*/external_react_default().createElement((Cross_default()), {
202
130
  "data-test": "cross",
203
131
  height: prismaSize,
204
132
  width: prismaSize
@@ -206,45 +134,9 @@ function CloseButton(_ref) {
206
134
  }
207
135
 
208
136
  CloseButton.propTypes = propTypes;
209
- /* harmony default export */ var CloseButton_CloseButton = (CloseButton);
210
- // CONCATENATED MODULE: ./src/CloseButton/index.ts
211
-
212
-
213
- /***/ }),
214
-
215
- /***/ 26:
216
- /***/ (function(module, exports) {
217
-
218
- module.exports = require("@splunk/react-icons/Cross");
219
-
220
- /***/ }),
221
-
222
- /***/ 27:
223
- /***/ (function(module, exports) {
224
-
225
- module.exports = require("@splunk/react-icons/enterprise/Close");
226
-
227
- /***/ }),
228
-
229
- /***/ 3:
230
- /***/ (function(module, exports) {
231
-
232
- module.exports = require("styled-components");
233
-
234
- /***/ }),
235
-
236
- /***/ 4:
237
- /***/ (function(module, exports) {
238
-
239
- module.exports = require("@splunk/ui-utils/i18n");
240
-
241
- /***/ }),
242
-
243
- /***/ 64:
244
- /***/ (function(module, exports) {
245
-
246
- module.exports = require("@splunk/react-ui/ButtonSimple");
247
-
248
- /***/ })
137
+ /* harmony default export */ const CloseButton_CloseButton = (CloseButton);
138
+ ;// CONCATENATED MODULE: ./src/CloseButton/index.ts
249
139
 
250
- /******/ });
140
+ module.exports = __webpack_exports__;
141
+ /******/ })()
142
+ ;