@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.
- package/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -355
- package/Menu.js +396 -647
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +975 -1447
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +12 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Heading.js
CHANGED
|
@@ -1,190 +1,128 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
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
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/
|
|
32
|
-
/******/
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
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__,
|
|
120
|
-
|
|
121
|
-
|
|
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
|
-
|
|
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
|
|
78
|
+
return (0,themes_namespaceObject.pickVariant)('$isSection', {
|
|
147
79
|
"true": {
|
|
148
80
|
enterprise: {
|
|
149
|
-
compact:
|
|
81
|
+
compact: themes_namespaceObject.mixins.typography('title4', {
|
|
150
82
|
weight: 'semiBold'
|
|
151
83
|
}),
|
|
152
|
-
comfortable:
|
|
84
|
+
comfortable: themes_namespaceObject.mixins.typography('title4', {
|
|
153
85
|
size: 14,
|
|
154
86
|
weight: 'semiBold'
|
|
155
87
|
})
|
|
156
88
|
},
|
|
157
|
-
prisma:
|
|
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:
|
|
165
|
-
comfortable:
|
|
96
|
+
compact: themes_namespaceObject.mixins.typography('title4'),
|
|
97
|
+
comfortable: themes_namespaceObject.mixins.typography('title4', {
|
|
166
98
|
size: 14
|
|
167
99
|
})
|
|
168
100
|
},
|
|
169
|
-
prisma:
|
|
101
|
+
prisma: themes_namespaceObject.mixins.typography('title4')
|
|
170
102
|
}
|
|
171
103
|
});
|
|
172
104
|
}
|
|
173
105
|
|
|
174
|
-
return
|
|
175
|
-
},
|
|
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:
|
|
179
|
-
light:
|
|
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 &&
|
|
122
|
+
return $isSection && (0,external_styled_components_namespaceObject.css)(["margin:0.707em 0 0.2em;"]);
|
|
185
123
|
});
|
|
186
124
|
|
|
187
|
-
|
|
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.
|
|
199
|
-
elementRef: external_prop_types_default.
|
|
200
|
-
level: external_prop_types_default.
|
|
201
|
-
variant: external_prop_types_default.
|
|
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.
|
|
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 */
|
|
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
|
+
;
|