@splunk/react-ui 4.19.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 (114) 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.d.ts +2 -0
  7. package/Breadcrumbs.js +207 -0
  8. package/Button.js +168 -316
  9. package/ButtonGroup.js +84 -168
  10. package/ButtonSimple.js +224 -324
  11. package/CHANGELOG.md +35 -0
  12. package/Calendar.js +264 -462
  13. package/Card.js +223 -371
  14. package/CardLayout.js +87 -163
  15. package/Chip.js +199 -323
  16. package/Clickable.js +132 -248
  17. package/CloseButton.js +92 -200
  18. package/Code.js +188 -251
  19. package/CollapsiblePanel.js +214 -370
  20. package/Color.js +267 -495
  21. package/ColumnLayout.js +152 -254
  22. package/ComboBox.js +197 -371
  23. package/Concertina.js +214 -374
  24. package/ControlGroup.js +164 -288
  25. package/Date.js +154 -304
  26. package/DefinitionList.js +104 -180
  27. package/Divider.js +80 -156
  28. package/Dropdown.js +121 -263
  29. package/DualListbox.js +408 -601
  30. package/EventListener.js +70 -138
  31. package/File.js +343 -547
  32. package/FormRows.js +232 -414
  33. package/Heading.js +94 -164
  34. package/Image.js +167 -323
  35. package/JSONTree.js +166 -314
  36. package/Layer.js +221 -388
  37. package/Link.js +133 -239
  38. package/List.js +85 -161
  39. package/Markdown.js +230 -355
  40. package/Menu.js +396 -647
  41. package/Message.js +248 -437
  42. package/MessageBar.js +220 -408
  43. package/Modal.js +201 -365
  44. package/ModalLayer.js +96 -196
  45. package/Monogram.js +112 -204
  46. package/Multiselect.js +2675 -2807
  47. package/Number.js +178 -334
  48. package/Paginator.js +170 -336
  49. package/Paragraph.js +77 -153
  50. package/Popover.js +436 -623
  51. package/Progress.js +139 -255
  52. package/RadioBar.js +156 -280
  53. package/RadioList.js +182 -282
  54. package/Resize.js +173 -307
  55. package/ResultsMenu.js +183 -304
  56. package/ScreenReaderContent.js +75 -151
  57. package/Scroll.js +125 -267
  58. package/ScrollContainerContext.js +129 -201
  59. package/Search.js +188 -354
  60. package/Select.js +1243 -1248
  61. package/SidePanel.js +106 -214
  62. package/Slider.js +198 -348
  63. package/SlidingPanels.js +138 -280
  64. package/SplitButton.js +141 -273
  65. package/StaticContent.js +84 -168
  66. package/StepBar.js +138 -246
  67. package/Switch.js +261 -385
  68. package/TabBar.js +261 -398
  69. package/TabLayout.js +122 -238
  70. package/Table.js +975 -1447
  71. package/Text.js +335 -549
  72. package/TextArea.js +315 -537
  73. package/Tooltip.js +152 -292
  74. package/TransitionOpen.js +118 -242
  75. package/Typography.js +81 -157
  76. package/WaitSpinner.js +117 -209
  77. package/package.json +20 -21
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
  80. package/types/src/Breadcrumbs/Item.d.ts +42 -0
  81. package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
  82. package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
  83. package/types/src/Breadcrumbs/index.d.ts +2 -0
  84. package/types/src/Code/Code.d.ts +1 -1
  85. package/types/src/ComboBox/Option.d.ts +1 -1
  86. package/types/src/Concertina/Concertina.d.ts +4 -0
  87. package/types/src/Link/Link.d.ts +12 -3
  88. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  89. package/types/src/Markdown/Markdown.d.ts +1 -1
  90. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  91. package/types/src/Menu/Item.d.ts +1 -1
  92. package/types/src/Menu/Menu.d.ts +1 -0
  93. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  94. package/types/src/Multiselect/Compact.d.ts +4 -0
  95. package/types/src/Multiselect/Multiselect.d.ts +5 -0
  96. package/types/src/Multiselect/Option.d.ts +1 -1
  97. package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
  98. package/types/src/Search/Option.d.ts +1 -1
  99. package/types/src/Select/Option.d.ts +1 -1
  100. package/types/src/Select/OptionBase.d.ts +1 -1
  101. package/types/src/Select/SelectAllOption.d.ts +14 -0
  102. package/types/src/Select/SelectBase.d.ts +11 -3
  103. package/types/src/Table/Table.d.ts +4 -0
  104. package/types/src/Text/Text.d.ts +3 -3
  105. package/types/src/TextArea/TextArea.d.ts +3 -3
  106. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  107. package/useForceUpdate.js +46 -110
  108. package/useKeyPress.js +50 -107
  109. package/usePrevious.js +47 -111
  110. package/useRovingFocus.js +53 -133
  111. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  112. package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
  113. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  114. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Heading.js CHANGED
@@ -1,190 +1,128 @@
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
+ /******/ }
18
28
  /******/ };
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 = 220);
86
- /******/ })
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 });
44
+ /******/ };
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
- /***/ 220:
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 */ Heading_Heading; });
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 "styled-components"
130
- var external_styled_components_ = __webpack_require__(3);
131
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
132
-
133
- // EXTERNAL MODULE: external "@splunk/themes"
134
- var themes_ = __webpack_require__(0);
135
-
136
- // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
137
-
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* reexport */ Heading_Heading)
55
+ });
138
56
 
139
- var StyledHeading = external_styled_components_default.a.h2.withConfig({
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 "styled-components"
64
+ const external_styled_components_namespaceObject = require("styled-components");
65
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
66
+ ;// CONCATENATED MODULE: external "@splunk/themes"
67
+ const themes_namespaceObject = require("@splunk/themes");
68
+ ;// CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
69
+
70
+
71
+ var StyledHeading = external_styled_components_default().h2.withConfig({
140
72
  displayName: "HeadingStyles__StyledHeading",
141
73
  componentId: "sc-15s3yx3-0"
142
- })(["", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], function (_ref) {
74
+ })(["", ";color:", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], function (_ref) {
143
75
  var $variant = _ref.$variant;
144
76
 
145
77
  if ($variant === 'title4') {
146
- return Object(themes_["pickVariant"])('$isSection', {
78
+ return (0,themes_namespaceObject.pickVariant)('$isSection', {
147
79
  "true": {
148
80
  enterprise: {
149
- compact: themes_["mixins"].typography('title4', {
81
+ compact: themes_namespaceObject.mixins.typography('title4', {
150
82
  weight: 'semiBold'
151
83
  }),
152
- comfortable: themes_["mixins"].typography('title4', {
84
+ comfortable: themes_namespaceObject.mixins.typography('title4', {
153
85
  size: 14,
154
86
  weight: 'semiBold'
155
87
  })
156
88
  },
157
- prisma: themes_["mixins"].typography('title4', {
89
+ prisma: themes_namespaceObject.mixins.typography('title4', {
158
90
  color: 'default',
159
91
  size: 14
160
92
  })
161
93
  },
162
94
  "false": {
163
95
  enterprise: {
164
- compact: themes_["mixins"].typography('title4'),
165
- comfortable: themes_["mixins"].typography('title4', {
96
+ compact: themes_namespaceObject.mixins.typography('title4'),
97
+ comfortable: themes_namespaceObject.mixins.typography('title4', {
166
98
  size: 14
167
99
  })
168
100
  },
169
- prisma: themes_["mixins"].typography('title4')
101
+ prisma: themes_namespaceObject.mixins.typography('title4')
170
102
  }
171
103
  });
172
104
  }
173
105
 
174
- return themes_["mixins"].typography($variant);
175
- }, Object(themes_["pickVariant"])('$isSection', {
106
+ return themes_namespaceObject.mixins.typography($variant);
107
+ }, (0,themes_namespaceObject.pick)({
108
+ prisma: (0,themes_namespaceObject.pickVariant)('$variant', {
109
+ title5: themes_namespaceObject.mixins.typography('title5', {
110
+ color: 'default'
111
+ })
112
+ })
113
+ }), (0,themes_namespaceObject.pickVariant)('$isSection', {
176
114
  "true": {
177
115
  enterprise: {
178
- dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray80),
179
- light: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray45)
116
+ dark: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.gray80),
117
+ light: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.gray45)
180
118
  }
181
119
  }
182
120
  }), function (_ref2) {
183
121
  var $isSection = _ref2.$isSection;
184
- return $isSection && Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;"]);
122
+ return $isSection && (0,external_styled_components_namespaceObject.css)(["margin:0.707em 0 0.2em;"]);
185
123
  });
186
124
 
187
- // CONCATENATED MODULE: ./src/Heading/Heading.tsx
125
+ ;// CONCATENATED MODULE: ./src/Heading/Heading.tsx
188
126
  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); }
189
127
 
190
128
  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; }
@@ -195,10 +133,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
195
133
 
196
134
 
197
135
  var propTypes = {
198
- children: external_prop_types_default.a.node,
199
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
200
- level: external_prop_types_default.a.oneOf([1, 2, 3, 4, 's', 'ss', 5, 6]),
201
- variant: external_prop_types_default.a.oneOf(['title1', 'title2', 'title3', 'title4', 'title5', 'title6', 'title7'])
136
+ children: (external_prop_types_default()).node,
137
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
138
+ level: external_prop_types_default().oneOf([1, 2, 3, 4, 's', 'ss', 5, 6]),
139
+ variant: external_prop_types_default().oneOf(['title1', 'title2', 'title3', 'title4', 'title5', 'title6', 'title7'])
202
140
  };
203
141
  // h1-h6 use the same intrinsic element type
204
142
  var levelToElement = {
@@ -238,7 +176,7 @@ function Heading(_ref) {
238
176
 
239
177
  if (false) {}
240
178
 
241
- return /*#__PURE__*/external_react_default.a.createElement(StyledHeading, _extends({
179
+ return /*#__PURE__*/external_react_default().createElement(StyledHeading, _extends({
242
180
  $isSection: isSection(level),
243
181
  "data-test": "heading",
244
182
  ref: elementRef,
@@ -248,18 +186,10 @@ function Heading(_ref) {
248
186
  }
249
187
 
250
188
  Heading.propTypes = propTypes;
251
- /* harmony default export */ var Heading_Heading = (Heading);
252
-
253
- // CONCATENATED MODULE: ./src/Heading/index.ts
254
-
255
-
256
- /***/ }),
257
-
258
- /***/ 3:
259
- /***/ (function(module, exports) {
260
-
261
- module.exports = require("styled-components");
189
+ /* harmony default export */ const Heading_Heading = (Heading);
262
190
 
263
- /***/ })
191
+ ;// CONCATENATED MODULE: ./src/Heading/index.ts
264
192
 
265
- /******/ });
193
+ module.exports = __webpack_exports__;
194
+ /******/ })()
195
+ ;