@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.
- 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.js +105 -197
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +21 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +128 -246
- package/CloseButton.js +92 -200
- package/Code.js +162 -250
- 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 -354
- package/Menu.js +489 -760
- 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 +1135 -1761
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +370 -620
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +161 -303
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1028 -1430
- 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 +943 -1448
- 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 +14 -15
- package/stubs-splunkui.d.ts +4 -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 +7 -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/Option.d.ts +1 -1
- 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/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/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/Menu.js
CHANGED
|
@@ -1,216 +1,109 @@
|
|
|
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 = 174);
|
|
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
|
-
/***/ 10:
|
|
105
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
|
-
|
|
107
|
-
"use strict";
|
|
108
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
|
|
109
|
-
/**
|
|
110
|
-
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
111
|
-
*
|
|
112
|
-
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
113
|
-
* @param current - The new value of the ref.
|
|
114
|
-
*/
|
|
115
|
-
function updateReactRef(ref, current) {
|
|
116
|
-
if (ref) {
|
|
117
|
-
if (typeof ref === 'function') {
|
|
118
|
-
ref(current);
|
|
119
|
-
} else {
|
|
120
|
-
// the public signature of this util uses React.Ref<T> to mirror the way React types refs.
|
|
121
|
-
// the intention here is to signal "we will take care of setting 'current', not you".
|
|
122
|
-
ref.current = current; // eslint-disable-line no-param-reassign
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
/***/ }),
|
|
130
|
-
|
|
131
|
-
/***/ 12:
|
|
132
|
-
/***/ (function(module, exports) {
|
|
133
|
-
|
|
134
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
135
|
-
|
|
136
|
-
/***/ }),
|
|
137
|
-
|
|
138
|
-
/***/ 145:
|
|
139
|
-
/***/ (function(module, exports) {
|
|
140
|
-
|
|
141
|
-
module.exports = require("@splunk/react-icons/CaretSmallRight");
|
|
142
|
-
|
|
143
|
-
/***/ }),
|
|
144
|
-
|
|
145
|
-
/***/ 174:
|
|
146
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
147
|
-
|
|
148
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
149
49
|
// ESM COMPAT FLAG
|
|
150
50
|
__webpack_require__.r(__webpack_exports__);
|
|
151
51
|
|
|
152
52
|
// EXPORTS
|
|
153
|
-
__webpack_require__.d(__webpack_exports__,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
var external_react_ = __webpack_require__(2);
|
|
161
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
162
|
-
|
|
163
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
164
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
165
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
166
|
-
|
|
167
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
168
|
-
var omit_ = __webpack_require__(5);
|
|
169
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
170
|
-
|
|
171
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
172
|
-
var Popover_ = __webpack_require__(21);
|
|
173
|
-
|
|
174
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
|
|
175
|
-
var focus_ = __webpack_require__(31);
|
|
176
|
-
|
|
177
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
178
|
-
var keyboard_ = __webpack_require__(7);
|
|
179
|
-
|
|
180
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/useForceUpdate"
|
|
181
|
-
var useForceUpdate_ = __webpack_require__(48);
|
|
182
|
-
var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_);
|
|
183
|
-
|
|
184
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
185
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
186
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
187
|
-
|
|
188
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
189
|
-
var themes_ = __webpack_require__(0);
|
|
190
|
-
|
|
191
|
-
// CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
|
|
192
|
-
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
Divider: () => (/* reexport */ Menu_Divider),
|
|
55
|
+
Heading: () => (/* reexport */ Menu_Heading),
|
|
56
|
+
Item: () => (/* reexport */ Menu_Item),
|
|
57
|
+
MenuContext: () => (/* reexport */ MenuContext),
|
|
58
|
+
"default": () => (/* reexport */ Menu_Menu)
|
|
59
|
+
});
|
|
193
60
|
|
|
194
|
-
|
|
61
|
+
;// CONCATENATED MODULE: external "react"
|
|
62
|
+
const external_react_namespaceObject = require("react");
|
|
63
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
64
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
65
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
66
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
67
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
68
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
69
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
70
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
|
|
71
|
+
const Popover_namespaceObject = require("@splunk/react-ui/Popover");
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/focus"
|
|
73
|
+
const focus_namespaceObject = require("@splunk/ui-utils/focus");
|
|
74
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
75
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
76
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/useForceUpdate"
|
|
77
|
+
const useForceUpdate_namespaceObject = require("@splunk/react-ui/useForceUpdate");
|
|
78
|
+
var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_namespaceObject);
|
|
79
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
80
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
81
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
82
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
83
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
84
|
+
;// CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
var Styled = external_styled_components_default().div.withConfig({
|
|
195
88
|
displayName: "DividerStyles__Styled",
|
|
196
89
|
componentId: "l3zfh3-0"
|
|
197
|
-
})(["border-top:1px solid ", ";", ""],
|
|
198
|
-
enterprise:
|
|
199
|
-
prisma:
|
|
200
|
-
}),
|
|
90
|
+
})(["border-top:1px solid ", ";", ""], (0,themes_namespaceObject.pick)({
|
|
91
|
+
enterprise: themes_namespaceObject.variables.borderColor,
|
|
92
|
+
prisma: themes_namespaceObject.variables.neutral200
|
|
93
|
+
}), (0,themes_namespaceObject.pick)({
|
|
201
94
|
prisma: {
|
|
202
|
-
comfortable:
|
|
203
|
-
compact:
|
|
95
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["margin:8px 0;"]),
|
|
96
|
+
compact: (0,external_styled_components_namespaceObject.css)(["margin:6px 0;"])
|
|
204
97
|
}
|
|
205
98
|
}));
|
|
206
99
|
|
|
207
|
-
|
|
100
|
+
;// CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
|
|
208
101
|
|
|
209
|
-
var MenuContext = /*#__PURE__*/
|
|
102
|
+
var MenuContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
|
|
210
103
|
role: 'menu'
|
|
211
104
|
});
|
|
212
105
|
|
|
213
|
-
|
|
106
|
+
;// CONCATENATED MODULE: ./src/Menu/Divider.tsx
|
|
214
107
|
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); }
|
|
215
108
|
|
|
216
109
|
|
|
@@ -225,10 +118,10 @@ function Divider(_ref) {
|
|
|
225
118
|
var otherProps = _extends({}, _ref);
|
|
226
119
|
|
|
227
120
|
// @docs-props-type DividerPropsBase
|
|
228
|
-
var _useContext =
|
|
121
|
+
var _useContext = (0,external_react_namespaceObject.useContext)(MenuContext),
|
|
229
122
|
role = _useContext.role;
|
|
230
123
|
|
|
231
|
-
return /*#__PURE__*/external_react_default.
|
|
124
|
+
return /*#__PURE__*/external_react_default().createElement(Styled // dividers are not supported in role="listbox"
|
|
232
125
|
// this causes Firefox to incorrectly read the total number
|
|
233
126
|
// of items in the list if it contains a heading or divider
|
|
234
127
|
// so we set them to aria-hidden to prevent that
|
|
@@ -252,40 +145,38 @@ Divider.filterLast = true;
|
|
|
252
145
|
/* Tag the item as Divider */
|
|
253
146
|
|
|
254
147
|
Divider.as = 'Divider';
|
|
255
|
-
/* harmony default export */
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
var Heading_default = /*#__PURE__*/__webpack_require__.n(
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
var
|
|
262
|
-
|
|
148
|
+
/* harmony default export */ const Menu_Divider = (Divider);
|
|
149
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Heading"
|
|
150
|
+
const Heading_namespaceObject = require("@splunk/react-ui/Heading");
|
|
151
|
+
var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_namespaceObject);
|
|
152
|
+
;// CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
|
|
153
|
+
const useSplunkTheme_namespaceObject = require("@splunk/themes/useSplunkTheme");
|
|
154
|
+
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_namespaceObject);
|
|
155
|
+
;// CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
|
|
263
156
|
|
|
264
|
-
// CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
|
|
265
157
|
|
|
266
|
-
|
|
267
|
-
var HeadingStyles_Styled = external_styled_components_default.a.div.withConfig({
|
|
158
|
+
var HeadingStyles_Styled = external_styled_components_default().div.withConfig({
|
|
268
159
|
displayName: "HeadingStyles__Styled",
|
|
269
160
|
componentId: "mcd2ws-0"
|
|
270
|
-
})(["", " border-top:1px solid transparent;padding:", ";&:not(:first-child){", ";}"],
|
|
271
|
-
enterprise:
|
|
161
|
+
})(["", " border-top:1px solid transparent;padding:", ";&:not(:first-child){", ";}"], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
162
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["", " ", " 6px"], themes_namespaceObject.variables.spacingQuarter, themes_namespaceObject.variables.spacingHalf),
|
|
272
163
|
prisma: {
|
|
273
164
|
comfortable: '13px 16px 10px 16px',
|
|
274
165
|
compact: '9px 16px 6px 16px'
|
|
275
166
|
}
|
|
276
|
-
}),
|
|
277
|
-
enterprise:
|
|
167
|
+
}), (0,themes_namespaceObject.pick)({
|
|
168
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border-top:", ";"], themes_namespaceObject.variables.border),
|
|
278
169
|
prisma: {
|
|
279
|
-
comfortable:
|
|
280
|
-
compact:
|
|
170
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";margin-top:6px;padding-top:19px;"], themes_namespaceObject.variables.neutral200),
|
|
171
|
+
compact: (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";margin-top:6px;padding-top:15px;"], themes_namespaceObject.variables.neutral200)
|
|
281
172
|
}
|
|
282
173
|
}));
|
|
283
|
-
var PrismaSectionTitle = external_styled_components_default.
|
|
174
|
+
var PrismaSectionTitle = external_styled_components_default().h5.withConfig({
|
|
284
175
|
displayName: "HeadingStyles__PrismaSectionTitle",
|
|
285
176
|
componentId: "mcd2ws-1"
|
|
286
|
-
})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;"],
|
|
177
|
+
})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.variables.fontSizeSmall, themes_namespaceObject.variables.lineHeight, themes_namespaceObject.variables.fontWeightBold);
|
|
287
178
|
|
|
288
|
-
|
|
179
|
+
;// CONCATENATED MODULE: ./src/Menu/Heading.tsx
|
|
289
180
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
290
181
|
|
|
291
182
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
@@ -305,9 +196,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
305
196
|
|
|
306
197
|
|
|
307
198
|
var Heading_propTypes = {
|
|
308
|
-
children: external_prop_types_default.
|
|
309
|
-
title: external_prop_types_default.
|
|
310
|
-
outerStyle: external_prop_types_default.
|
|
199
|
+
children: (external_prop_types_default()).node,
|
|
200
|
+
title: (external_prop_types_default()).bool,
|
|
201
|
+
outerStyle: (external_prop_types_default()).object
|
|
311
202
|
};
|
|
312
203
|
|
|
313
204
|
/**
|
|
@@ -319,17 +210,17 @@ function Heading(_ref) {
|
|
|
319
210
|
outerStyle = _ref.outerStyle,
|
|
320
211
|
otherProps = _objectWithoutProperties(_ref, ["children", "title", "outerStyle"]);
|
|
321
212
|
|
|
322
|
-
var _useContext =
|
|
213
|
+
var _useContext = (0,external_react_namespaceObject.useContext)(MenuContext),
|
|
323
214
|
role = _useContext.role;
|
|
324
215
|
|
|
325
216
|
var _useSplunkTheme = useSplunkTheme_default()(),
|
|
326
217
|
family = _useSplunkTheme.family;
|
|
327
218
|
|
|
328
|
-
var inner = family === 'prisma' ? /*#__PURE__*/external_react_default.
|
|
219
|
+
var inner = family === 'prisma' ? /*#__PURE__*/external_react_default().createElement(PrismaSectionTitle, Heading_extends({
|
|
329
220
|
as: title ? 'h4' : 'h5',
|
|
330
221
|
style: outerStyle,
|
|
331
222
|
"data-test": "heading"
|
|
332
|
-
}, otherProps), children) : /*#__PURE__*/external_react_default.
|
|
223
|
+
}, otherProps), children) : /*#__PURE__*/external_react_default().createElement((Heading_default()), Heading_extends({
|
|
333
224
|
style: _objectSpread(_objectSpread({}, outerStyle), {}, {
|
|
334
225
|
margin: 0
|
|
335
226
|
}),
|
|
@@ -340,7 +231,7 @@ function Heading(_ref) {
|
|
|
340
231
|
// of items in the list if it contains a heading or divider
|
|
341
232
|
// so we set them to aria-hidden to prevent that
|
|
342
233
|
|
|
343
|
-
return /*#__PURE__*/external_react_default.
|
|
234
|
+
return /*#__PURE__*/external_react_default().createElement(HeadingStyles_Styled, {
|
|
344
235
|
"aria-hidden": role === 'listbox'
|
|
345
236
|
}, inner);
|
|
346
237
|
}
|
|
@@ -355,42 +246,211 @@ Heading.filterLast = true;
|
|
|
355
246
|
/* Tag the item as a Heading */
|
|
356
247
|
|
|
357
248
|
Heading.as = 'Heading';
|
|
358
|
-
/* harmony default export */
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
var isString_default = /*#__PURE__*/__webpack_require__.n(
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
var
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
var
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
var
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
var
|
|
249
|
+
/* harmony default export */ const Menu_Heading = (Heading);
|
|
250
|
+
;// CONCATENATED MODULE: external "lodash/isString"
|
|
251
|
+
const isString_namespaceObject = require("lodash/isString");
|
|
252
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_namespaceObject);
|
|
253
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallRight"
|
|
254
|
+
const CaretSmallRight_namespaceObject = require("@splunk/react-icons/CaretSmallRight");
|
|
255
|
+
var CaretSmallRight_default = /*#__PURE__*/__webpack_require__.n(CaretSmallRight_namespaceObject);
|
|
256
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
|
|
257
|
+
const Checkmark_namespaceObject = require("@splunk/react-icons/Checkmark");
|
|
258
|
+
var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_namespaceObject);
|
|
259
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Check"
|
|
260
|
+
const Check_namespaceObject = require("@splunk/react-icons/enterprise/Check");
|
|
261
|
+
var Check_default = /*#__PURE__*/__webpack_require__.n(Check_namespaceObject);
|
|
262
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
|
|
263
|
+
const ChevronRight_namespaceObject = require("@splunk/react-icons/enterprise/ChevronRight");
|
|
264
|
+
var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_namespaceObject);
|
|
265
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
266
|
+
const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
|
|
267
|
+
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
|
|
268
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
|
|
269
|
+
const Switch_namespaceObject = require("@splunk/react-ui/Switch");
|
|
270
|
+
var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_namespaceObject);
|
|
271
|
+
;// CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
var itemDescription = (0,external_styled_components_namespaceObject.css)(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], (0,themes_namespaceObject.pick)({
|
|
277
|
+
prisma: themes_namespaceObject.variables.contentColorDefault,
|
|
278
|
+
enterprise: themes_namespaceObject.variables.textGray
|
|
279
|
+
}), themes_namespaceObject.variables.fontSizeSmall, (0,themes_namespaceObject.pick)({
|
|
280
|
+
prisma: '16px'
|
|
281
|
+
}));
|
|
282
|
+
var StyledItemDescriptionBottom = external_styled_components_default().span.withConfig({
|
|
283
|
+
displayName: "ItemStyles__StyledItemDescriptionBottom",
|
|
284
|
+
componentId: "sc-4kc053-0"
|
|
285
|
+
})(["", ";display:block;"], itemDescription);
|
|
286
|
+
var StyledItemDescriptionRight = external_styled_components_default().span.withConfig({
|
|
287
|
+
displayName: "ItemStyles__StyledItemDescriptionRight",
|
|
288
|
+
componentId: "sc-4kc053-1"
|
|
289
|
+
})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, themes_namespaceObject.variables.spacing);
|
|
290
|
+
var StyledItemSelectedIcon = external_styled_components_default().div.withConfig({
|
|
291
|
+
displayName: "ItemStyles__StyledItemSelectedIcon",
|
|
292
|
+
componentId: "sc-4kc053-2"
|
|
293
|
+
})(["position:absolute;", " color:", ";"], (0,themes_namespaceObject.pick)({
|
|
294
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["right:16px;"]),
|
|
295
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["top:5px;right:3px;left:8px;"])
|
|
296
|
+
}), (0,themes_namespaceObject.pick)({
|
|
297
|
+
prisma: themes_namespaceObject.variables.contentColorActive,
|
|
298
|
+
enterprise: themes_namespaceObject.variables.accentColorL10
|
|
299
|
+
}));
|
|
300
|
+
var StyledItemIcon = external_styled_components_default().span.withConfig({
|
|
301
|
+
displayName: "ItemStyles__StyledItemIcon",
|
|
302
|
+
componentId: "sc-4kc053-3"
|
|
303
|
+
})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], (0,themes_namespaceObject.pick)({
|
|
304
|
+
prisma: '8px',
|
|
305
|
+
enterprise: '3px'
|
|
306
|
+
}), (0,themes_namespaceObject.pick)({
|
|
307
|
+
prisma: 'initial',
|
|
308
|
+
enterprise: 'middle'
|
|
309
|
+
}), (0,themes_namespaceObject.pick)({
|
|
310
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_namespaceObject.variables.contentColorMuted),
|
|
311
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["transform:translateY(-1px);"])
|
|
312
|
+
}));
|
|
313
|
+
var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
|
|
314
|
+
displayName: "ItemStyles__StyledClickable",
|
|
315
|
+
componentId: "sc-4kc053-4"
|
|
316
|
+
})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], (0,themes_namespaceObject.pick)({
|
|
317
|
+
prisma: themes_namespaceObject.variables.contentColorActive,
|
|
318
|
+
enterprise: {
|
|
319
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
320
|
+
light: themes_namespaceObject.variables.gray22
|
|
321
|
+
}
|
|
322
|
+
}), (0,themes_namespaceObject.pick)({
|
|
323
|
+
prisma: {
|
|
324
|
+
comfortable: '10px 16px',
|
|
325
|
+
compact: '6px 16px'
|
|
326
|
+
},
|
|
327
|
+
enterprise: '6px 10px'
|
|
328
|
+
}), function (_ref) {
|
|
329
|
+
var $isSelectable = _ref.$isSelectable,
|
|
330
|
+
$selectableAppearance = _ref.$selectableAppearance;
|
|
331
|
+
return $isSelectable && (0,themes_namespaceObject.pick)({
|
|
332
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding-right:44px;", ""], function () {
|
|
333
|
+
return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
|
|
334
|
+
}),
|
|
335
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding-right:10px;padding-left:", ";"], function () {
|
|
336
|
+
return $selectableAppearance === 'checkbox' ? '32px' : '28px';
|
|
337
|
+
})
|
|
338
|
+
});
|
|
339
|
+
}, function (_ref2) {
|
|
340
|
+
var $active = _ref2.$active,
|
|
341
|
+
$preventFocus = _ref2.$preventFocus;
|
|
342
|
+
return $active && !$preventFocus && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadowInset);
|
|
343
|
+
}, function (_ref3) {
|
|
344
|
+
var $active = _ref3.$active;
|
|
345
|
+
return $active && (0,external_styled_components_namespaceObject.css)(["background:", ";font-weight:", ";"], (0,themes_namespaceObject.pick)({
|
|
346
|
+
enterprise: {
|
|
347
|
+
light: themes_namespaceObject.variables.gray92,
|
|
348
|
+
dark: themes_namespaceObject.variables.gray22
|
|
349
|
+
},
|
|
350
|
+
prisma: themes_namespaceObject.variables.neutral100
|
|
351
|
+
}), themes_namespaceObject.variables.fontWeightBold);
|
|
352
|
+
}, (0,themes_namespaceObject.pick)({
|
|
353
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover,
|
|
354
|
+
enterprise: themes_namespaceObject.variables.backgroundColorHover
|
|
355
|
+
}), function (_ref4) {
|
|
356
|
+
var $selected = _ref4.$selected;
|
|
357
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
358
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayHover))
|
|
359
|
+
});
|
|
360
|
+
}, themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
|
|
361
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlayHover)
|
|
362
|
+
}), (0,themes_namespaceObject.pick)({
|
|
363
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlayActive)
|
|
364
|
+
}), function (_ref5) {
|
|
365
|
+
var $selected = _ref5.$selected;
|
|
366
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
367
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayActive))
|
|
368
|
+
});
|
|
369
|
+
}, (0,themes_namespaceObject.pick)({
|
|
370
|
+
enterprise: {
|
|
371
|
+
light: themes_namespaceObject.variables.gray45,
|
|
372
|
+
dark: themes_namespaceObject.variables.contentColorDisabled
|
|
373
|
+
},
|
|
374
|
+
prisma: themes_namespaceObject.variables.contentColorDisabled
|
|
375
|
+
}),
|
|
376
|
+
/* sc-sel */
|
|
377
|
+
StyledItemDescriptionBottom,
|
|
378
|
+
/* sc-sel */
|
|
379
|
+
StyledItemDescriptionRight,
|
|
380
|
+
/* sc-sel */
|
|
381
|
+
StyledItemSelectedIcon, (0,themes_namespaceObject.pick)({
|
|
382
|
+
prisma: themes_namespaceObject.variables.contentColorDisabled,
|
|
383
|
+
enterprise: themes_namespaceObject.variables.gray80
|
|
384
|
+
}), (0,themes_namespaceObject.pick)({
|
|
385
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["& > * > ", "{color:", ";}"],
|
|
386
|
+
/* sc-sel */
|
|
387
|
+
StyledItemIcon, themes_namespaceObject.variables.contentColorDisabled)
|
|
388
|
+
}), function (_ref6) {
|
|
389
|
+
var $selected = _ref6.$selected;
|
|
390
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
391
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["", "{color:", ";}"],
|
|
392
|
+
/* sc-sel */
|
|
393
|
+
StyledItemIcon, themes_namespaceObject.variables.contentColorActive)
|
|
394
|
+
});
|
|
395
|
+
});
|
|
396
|
+
var StyledSwitch = external_styled_components_default()((Switch_default())).withConfig({
|
|
397
|
+
displayName: "ItemStyles__StyledSwitch",
|
|
398
|
+
componentId: "sc-4kc053-5"
|
|
399
|
+
})(["position:absolute;left:", ";top:", ";"], (0,themes_namespaceObject.pick)({
|
|
400
|
+
prisma: '16px',
|
|
401
|
+
enterprise: '8px'
|
|
402
|
+
}), (0,themes_namespaceObject.pick)({
|
|
403
|
+
prisma: '0px',
|
|
404
|
+
enterprise: {
|
|
405
|
+
comfortable: '-1px',
|
|
406
|
+
compact: '2px'
|
|
407
|
+
}
|
|
408
|
+
}));
|
|
409
|
+
var StyledInnerWrapper = external_styled_components_default().span.withConfig({
|
|
410
|
+
displayName: "ItemStyles__StyledInnerWrapper",
|
|
411
|
+
componentId: "sc-4kc053-6"
|
|
412
|
+
})(["display:flex;align-items:flex-start;"]);
|
|
413
|
+
var StyledTitleAndDescriptionWrapper = external_styled_components_default().span.withConfig({
|
|
414
|
+
displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
|
|
415
|
+
componentId: "sc-4kc053-7"
|
|
416
|
+
})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
|
|
417
|
+
var $truncate = _ref7.$truncate;
|
|
418
|
+
return $truncate && (0,external_styled_components_namespaceObject.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
|
|
419
|
+
});
|
|
420
|
+
var StyledLabel = external_styled_components_default().div.withConfig({
|
|
421
|
+
displayName: "ItemStyles__StyledLabel",
|
|
422
|
+
componentId: "sc-4kc053-8"
|
|
423
|
+
})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
|
|
424
|
+
var $truncate = _ref8.$truncate;
|
|
425
|
+
return $truncate && (0,external_styled_components_namespaceObject.css)(["display:block;clear:both;"]);
|
|
426
|
+
});
|
|
427
|
+
var StyledMatch = external_styled_components_default().span.withConfig({
|
|
428
|
+
displayName: "ItemStyles__StyledMatch",
|
|
429
|
+
componentId: "sc-4kc053-9"
|
|
430
|
+
})(["border-bottom:1px solid ", ";"], (0,themes_namespaceObject.pick)({
|
|
431
|
+
prisma: themes_namespaceObject.variables.contentColorActive,
|
|
432
|
+
enterprise: {
|
|
433
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
434
|
+
light: themes_namespaceObject.variables.gray45
|
|
435
|
+
}
|
|
436
|
+
}));
|
|
437
|
+
var StyledSubmenu = external_styled_components_default().span.withConfig({
|
|
438
|
+
displayName: "ItemStyles__StyledSubmenu",
|
|
439
|
+
componentId: "sc-4kc053-10"
|
|
440
|
+
})(["float:right;padding-left:", ";color:", ";"], themes_namespaceObject.variables.spacingSmall, (0,themes_namespaceObject.pick)({
|
|
441
|
+
prisma: 'inherit',
|
|
442
|
+
enterprise: themes_namespaceObject.variables.textGray
|
|
443
|
+
}));
|
|
392
444
|
|
|
393
|
-
|
|
445
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
|
|
446
|
+
const ArrowSquareTopRight_namespaceObject = require("@splunk/react-icons/ArrowSquareTopRight");
|
|
447
|
+
var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_namespaceObject);
|
|
448
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
|
|
449
|
+
const External_namespaceObject = require("@splunk/react-icons/enterprise/External");
|
|
450
|
+
var External_default = /*#__PURE__*/__webpack_require__.n(External_namespaceObject);
|
|
451
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
452
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
453
|
+
;// CONCATENATED MODULE: ./src/Menu/icons/External.tsx
|
|
394
454
|
|
|
395
455
|
|
|
396
456
|
|
|
@@ -398,41 +458,77 @@ var i18n_ = __webpack_require__(4);
|
|
|
398
458
|
|
|
399
459
|
|
|
400
460
|
|
|
401
|
-
var label =
|
|
461
|
+
var label = (0,i18n_namespaceObject._)('Open externally');
|
|
402
462
|
|
|
403
|
-
var iconStyles =
|
|
404
|
-
var StyledEnterprise = external_styled_components_default()(External_default
|
|
463
|
+
var iconStyles = (0,external_styled_components_namespaceObject.css)(["width:0.8em;height:0.8em;vertical-align:baseline;"]);
|
|
464
|
+
var StyledEnterprise = external_styled_components_default()((External_default())).withConfig({
|
|
405
465
|
displayName: "External__StyledEnterprise",
|
|
406
466
|
componentId: "sc-1turs2s-0"
|
|
407
467
|
})(["", " margin:0 0 0 3px;"], iconStyles);
|
|
408
|
-
var StyledPrisma = external_styled_components_default()(ArrowSquareTopRight_default
|
|
468
|
+
var StyledPrisma = external_styled_components_default()((ArrowSquareTopRight_default())).withConfig({
|
|
409
469
|
displayName: "External__StyledPrisma",
|
|
410
470
|
componentId: "sc-1turs2s-1"
|
|
411
471
|
})(["", " margin:0 0 0 4px;"], iconStyles);
|
|
412
472
|
|
|
413
473
|
function External() {
|
|
414
|
-
var _useSplunkTheme =
|
|
474
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
415
475
|
isEnterprise = _useSplunkTheme.isEnterprise,
|
|
416
476
|
isCompact = _useSplunkTheme.isCompact;
|
|
417
477
|
|
|
418
478
|
var prismaSize = isCompact ? '20px' : '24px';
|
|
419
|
-
return isEnterprise ? /*#__PURE__*/external_react_default.
|
|
479
|
+
return isEnterprise ? /*#__PURE__*/external_react_default().createElement(StyledEnterprise, {
|
|
420
480
|
screenReaderText: label
|
|
421
|
-
}) : /*#__PURE__*/external_react_default.
|
|
481
|
+
}) : /*#__PURE__*/external_react_default().createElement(StyledPrisma, {
|
|
422
482
|
"aria-label": label,
|
|
423
483
|
height: prismaSize,
|
|
424
484
|
width: prismaSize
|
|
425
|
-
}, /*#__PURE__*/external_react_default.
|
|
485
|
+
}, /*#__PURE__*/external_react_default().createElement("title", null, label));
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
/* harmony default export */ const icons_External = (External);
|
|
489
|
+
;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
490
|
+
/**
|
|
491
|
+
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
492
|
+
*
|
|
493
|
+
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
494
|
+
* @param current - The new value of the ref.
|
|
495
|
+
*/
|
|
496
|
+
function updateReactRef(ref, current) {
|
|
497
|
+
if (ref) {
|
|
498
|
+
if (typeof ref === 'function') {
|
|
499
|
+
ref(current);
|
|
500
|
+
} else {
|
|
501
|
+
// the public signature of this util uses React.Ref<T> to mirror the way React types refs.
|
|
502
|
+
// the intention here is to signal "we will take care of setting 'current', not you".
|
|
503
|
+
ref.current = current; // eslint-disable-line no-param-reassign
|
|
504
|
+
}
|
|
505
|
+
}
|
|
426
506
|
}
|
|
427
507
|
|
|
428
|
-
/* harmony default export */ var icons_External = (External);
|
|
429
|
-
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
430
|
-
var updateReactRef = __webpack_require__(10);
|
|
431
508
|
|
|
432
|
-
|
|
433
|
-
|
|
509
|
+
;// CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
|
|
510
|
+
// A utility that attempts to move an element into view by scrolling it's derived parent.
|
|
511
|
+
var scrollIntoViewIfNeeded_scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
|
|
512
|
+
if (!el) {
|
|
513
|
+
return;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
var parentEl = el.offsetParent;
|
|
517
|
+
|
|
518
|
+
if (!parentEl) {
|
|
519
|
+
return;
|
|
520
|
+
} // Below the bottom of the container.
|
|
521
|
+
|
|
522
|
+
|
|
523
|
+
if (parentEl.scrollTop + parentEl.clientHeight < el.offsetTop + el.clientHeight) {
|
|
524
|
+
parentEl.scrollTop = el.offsetTop + el.clientHeight - parentEl.clientHeight; // Above the top of the container.
|
|
525
|
+
} else if (parentEl.scrollTop > el.offsetTop) {
|
|
526
|
+
parentEl.scrollTop = el.offsetTop;
|
|
527
|
+
}
|
|
528
|
+
};
|
|
529
|
+
|
|
434
530
|
|
|
435
|
-
|
|
531
|
+
;// CONCATENATED MODULE: ./src/Menu/Item.tsx
|
|
436
532
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
437
533
|
|
|
438
534
|
function Item_extends() { Item_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 Item_extends.apply(this, arguments); }
|
|
@@ -477,38 +573,38 @@ function Item_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
|
|
|
477
573
|
|
|
478
574
|
|
|
479
575
|
var Item_propTypes = {
|
|
480
|
-
active: external_prop_types_default.
|
|
481
|
-
children: external_prop_types_default.
|
|
482
|
-
description: external_prop_types_default.
|
|
483
|
-
descriptionPosition: external_prop_types_default.
|
|
484
|
-
disabled: external_prop_types_default.
|
|
485
|
-
elementRef: external_prop_types_default.
|
|
486
|
-
hasSubmenu: external_prop_types_default.
|
|
487
|
-
icon: external_prop_types_default.
|
|
576
|
+
active: (external_prop_types_default()).bool,
|
|
577
|
+
children: (external_prop_types_default()).node,
|
|
578
|
+
description: (external_prop_types_default()).string,
|
|
579
|
+
descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
|
|
580
|
+
disabled: (external_prop_types_default()).bool,
|
|
581
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
582
|
+
hasSubmenu: (external_prop_types_default()).bool,
|
|
583
|
+
icon: (external_prop_types_default()).node,
|
|
488
584
|
|
|
489
585
|
/** @private. The internal key of the tab */
|
|
490
|
-
itemKey: external_prop_types_default.
|
|
491
|
-
matchRanges: external_prop_types_default.
|
|
492
|
-
start: external_prop_types_default.
|
|
493
|
-
end: external_prop_types_default.
|
|
586
|
+
itemKey: (external_prop_types_default()).number,
|
|
587
|
+
matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
|
|
588
|
+
start: (external_prop_types_default()).number.isRequired,
|
|
589
|
+
end: (external_prop_types_default()).number.isRequired
|
|
494
590
|
})),
|
|
495
|
-
onClick: external_prop_types_default.
|
|
591
|
+
onClick: (external_prop_types_default()).func,
|
|
496
592
|
|
|
497
593
|
/** @private */
|
|
498
|
-
onFocus: external_prop_types_default.
|
|
499
|
-
openInNewContext: external_prop_types_default.
|
|
594
|
+
onFocus: (external_prop_types_default()).func,
|
|
595
|
+
openInNewContext: (external_prop_types_default()).bool,
|
|
500
596
|
|
|
501
597
|
/** @private */
|
|
502
|
-
preventFocus: external_prop_types_default.
|
|
503
|
-
role: external_prop_types_default.
|
|
504
|
-
selectable: external_prop_types_default.
|
|
505
|
-
selectableAppearance: external_prop_types_default.
|
|
506
|
-
selected: external_prop_types_default.
|
|
598
|
+
preventFocus: (external_prop_types_default()).bool,
|
|
599
|
+
role: external_prop_types_default().oneOf(['menuitem', 'menuitemradio', 'menuitemcheckbox', 'listboxitem', 'option']),
|
|
600
|
+
selectable: (external_prop_types_default()).bool,
|
|
601
|
+
selectableAppearance: external_prop_types_default().oneOf(['checkmark', 'checkbox']),
|
|
602
|
+
selected: (external_prop_types_default()).bool,
|
|
507
603
|
|
|
508
604
|
/** @private */
|
|
509
|
-
splunkTheme: external_prop_types_default.
|
|
510
|
-
to: external_prop_types_default.
|
|
511
|
-
truncate: external_prop_types_default.
|
|
605
|
+
splunkTheme: (external_prop_types_default()).object,
|
|
606
|
+
to: (external_prop_types_default()).string,
|
|
607
|
+
truncate: (external_prop_types_default()).bool
|
|
512
608
|
};
|
|
513
609
|
var defaultProps = {
|
|
514
610
|
active: false,
|
|
@@ -523,7 +619,7 @@ var defaultProps = {
|
|
|
523
619
|
truncate: false
|
|
524
620
|
};
|
|
525
621
|
|
|
526
|
-
var
|
|
622
|
+
var Item = /*#__PURE__*/function (_Component) {
|
|
527
623
|
_inherits(Item, _Component);
|
|
528
624
|
|
|
529
625
|
var _super = _createSuper(Item);
|
|
@@ -556,7 +652,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
|
|
|
556
652
|
|
|
557
653
|
Item_defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
|
|
558
654
|
_this.el = el;
|
|
559
|
-
|
|
655
|
+
updateReactRef(_this.props.elementRef, el);
|
|
560
656
|
});
|
|
561
657
|
|
|
562
658
|
Item.validateProps(props);
|
|
@@ -578,7 +674,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
|
|
|
578
674
|
}, {
|
|
579
675
|
key: "scrollIntoViewIfNeeded",
|
|
580
676
|
value: function scrollIntoViewIfNeeded() {
|
|
581
|
-
|
|
677
|
+
scrollIntoViewIfNeeded_scrollIntoViewIfNeeded(this.el);
|
|
582
678
|
}
|
|
583
679
|
}, {
|
|
584
680
|
key: "renderLabel",
|
|
@@ -598,7 +694,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
|
|
|
598
694
|
segments.push(
|
|
599
695
|
/*#__PURE__*/
|
|
600
696
|
// eslint-disable-next-line react/no-array-index-key
|
|
601
|
-
external_react_default.
|
|
697
|
+
external_react_default().createElement(StyledMatch, {
|
|
602
698
|
key: index,
|
|
603
699
|
"data-test": "match"
|
|
604
700
|
}, children.substring(match.start, match.end)));
|
|
@@ -650,17 +746,17 @@ var Item_Item = /*#__PURE__*/function (_Component) {
|
|
|
650
746
|
var selectablePosition = isPrisma ? 'right' : 'left';
|
|
651
747
|
var descriptionRight = description && descriptionPosition === 'right' && selectablePosition !== 'right';
|
|
652
748
|
var descriptionBottom = description && !descriptionRight;
|
|
653
|
-
var selectableCheckmark = selected && selectableAppearance === 'checkmark' && /*#__PURE__*/external_react_default.
|
|
749
|
+
var selectableCheckmark = selected && selectableAppearance === 'checkmark' && /*#__PURE__*/external_react_default().createElement(StyledItemSelectedIcon, null, isPrisma ? /*#__PURE__*/external_react_default().createElement((Checkmark_default()), {
|
|
654
750
|
inline: true,
|
|
655
751
|
height: "16",
|
|
656
752
|
width: "16"
|
|
657
|
-
}) : /*#__PURE__*/external_react_default.
|
|
753
|
+
}) : /*#__PURE__*/external_react_default().createElement((Check_default()), {
|
|
658
754
|
hideDefaultTooltip: true,
|
|
659
755
|
inline: true,
|
|
660
756
|
screenReaderText: null,
|
|
661
757
|
size: 0.85
|
|
662
758
|
}));
|
|
663
|
-
return /*#__PURE__*/external_react_default.
|
|
759
|
+
return /*#__PURE__*/external_react_default().createElement(StyledClickable, Item_extends({
|
|
664
760
|
$isSelectable: isSelectable,
|
|
665
761
|
$selectableAppearance: selectableAppearance,
|
|
666
762
|
$selected: selected,
|
|
@@ -683,68 +779,67 @@ var Item_Item = /*#__PURE__*/function (_Component) {
|
|
|
683
779
|
openInNewContext: openInNewContext
|
|
684
780
|
}, ariaProps, omit_default()(otherProps, 'onFocus'), {
|
|
685
781
|
elementRef: this.handleMount
|
|
686
|
-
}), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.
|
|
782
|
+
}), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default().createElement(StyledSwitch, {
|
|
687
783
|
interactive: false,
|
|
688
784
|
selected: selected,
|
|
689
785
|
selectedLabel: "Selected",
|
|
690
786
|
value: "menu-item"
|
|
691
|
-
}), hasSubmenu && /*#__PURE__*/external_react_default.
|
|
787
|
+
}), hasSubmenu && /*#__PURE__*/external_react_default().createElement(StyledSubmenu, null, isEnterprise ? /*#__PURE__*/external_react_default().createElement((ChevronRight_default()), {
|
|
692
788
|
hideDefaultTooltip: true,
|
|
693
789
|
screenReaderText: null
|
|
694
|
-
}) : /*#__PURE__*/external_react_default.
|
|
790
|
+
}) : /*#__PURE__*/external_react_default().createElement((CaretSmallRight_default()), {
|
|
695
791
|
height: "24",
|
|
696
792
|
width: "24"
|
|
697
|
-
})), descriptionRight && /*#__PURE__*/external_react_default.
|
|
793
|
+
})), descriptionRight && /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionRight, {
|
|
698
794
|
"data-test": "description"
|
|
699
|
-
}, description), /*#__PURE__*/external_react_default.
|
|
795
|
+
}, description), /*#__PURE__*/external_react_default().createElement(StyledInnerWrapper, null, icon && /*#__PURE__*/external_react_default().createElement(StyledItemIcon, null, icon), /*#__PURE__*/external_react_default().createElement(StyledTitleAndDescriptionWrapper, {
|
|
700
796
|
$truncate: truncate
|
|
701
|
-
}, /*#__PURE__*/external_react_default.
|
|
797
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledLabel, {
|
|
702
798
|
$truncate: truncate,
|
|
703
799
|
"data-test": "label"
|
|
704
|
-
}, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.
|
|
800
|
+
}, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default().createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionBottom, {
|
|
705
801
|
"data-test": "description"
|
|
706
802
|
}, description)), selectablePosition === 'right' && selectableCheckmark));
|
|
707
803
|
}
|
|
708
804
|
}]);
|
|
709
805
|
|
|
710
806
|
return Item;
|
|
711
|
-
}(
|
|
807
|
+
}(external_react_namespaceObject.Component);
|
|
712
808
|
|
|
713
|
-
Item_defineProperty(
|
|
809
|
+
Item_defineProperty(Item, "propTypes", Item_propTypes);
|
|
714
810
|
|
|
715
|
-
Item_defineProperty(
|
|
811
|
+
Item_defineProperty(Item, "defaultProps", defaultProps);
|
|
716
812
|
|
|
717
|
-
Item_defineProperty(
|
|
813
|
+
Item_defineProperty(Item, "as", void 0);
|
|
718
814
|
|
|
719
|
-
var ItemWithThemeBase =
|
|
815
|
+
var ItemWithThemeBase = (0,themes_namespaceObject.withSplunkTheme)(Item);
|
|
720
816
|
var ItemWithTheme = ItemWithThemeBase;
|
|
721
|
-
ItemWithTheme.propTypes =
|
|
817
|
+
ItemWithTheme.propTypes = Item.propTypes;
|
|
722
818
|
ItemWithTheme.as = 'Item';
|
|
723
|
-
/* harmony default export */
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
var Scroll_default = /*#__PURE__*/__webpack_require__.n(
|
|
727
|
-
|
|
728
|
-
// CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
|
|
819
|
+
/* harmony default export */ const Menu_Item = (ItemWithTheme);
|
|
820
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
|
|
821
|
+
const Scroll_namespaceObject = require("@splunk/react-ui/Scroll");
|
|
822
|
+
var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_namespaceObject);
|
|
823
|
+
;// CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
|
|
729
824
|
|
|
730
825
|
|
|
731
826
|
|
|
732
|
-
var adjacentSiblingStyles =
|
|
733
|
-
enterprise:
|
|
734
|
-
prisma:
|
|
827
|
+
var adjacentSiblingStyles = (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";"], (0,themes_namespaceObject.pick)({
|
|
828
|
+
enterprise: themes_namespaceObject.variables.gray60,
|
|
829
|
+
prisma: themes_namespaceObject.variables.neutral200
|
|
735
830
|
}));
|
|
736
|
-
var MenuStyles_Styled = external_styled_components_default.
|
|
831
|
+
var MenuStyles_Styled = external_styled_components_default().div.withConfig({
|
|
737
832
|
displayName: "MenuStyles__Styled",
|
|
738
833
|
componentId: "sc-1olffp9-0"
|
|
739
|
-
})(["", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}"],
|
|
740
|
-
enterprise:
|
|
741
|
-
prisma:
|
|
742
|
-
}),
|
|
743
|
-
prisma:
|
|
744
|
-
}),
|
|
745
|
-
prisma:
|
|
834
|
+
})(["", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}"], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
835
|
+
enterprise: themes_namespaceObject.variables.backgroundColor,
|
|
836
|
+
prisma: themes_namespaceObject.variables.backgroundColorPopup
|
|
837
|
+
}), themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
|
|
838
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding:8px 0;"])
|
|
839
|
+
}), themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
|
|
840
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlayHover)
|
|
746
841
|
}), adjacentSiblingStyles);
|
|
747
|
-
var StyledScroll = external_styled_components_default()(MenuStyles_Styled.withComponent(Scroll_default
|
|
842
|
+
var StyledScroll = external_styled_components_default()(MenuStyles_Styled.withComponent((Scroll_default()))).withConfig({
|
|
748
843
|
displayName: "MenuStyles__StyledScroll",
|
|
749
844
|
componentId: "sc-1olffp9-1"
|
|
750
845
|
})(["", " + &,& + ", "{", "}"],
|
|
@@ -753,10 +848,38 @@ MenuStyles_Styled,
|
|
|
753
848
|
/* sc-sel */
|
|
754
849
|
MenuStyles_Styled, adjacentSiblingStyles);
|
|
755
850
|
|
|
756
|
-
|
|
757
|
-
|
|
851
|
+
;// CONCATENATED MODULE: ./src/utils/navigateList.ts
|
|
852
|
+
// A utility for keyboard navigation of lists
|
|
853
|
+
function getNextListItem(refs, currentIndex, nextIndex) {
|
|
854
|
+
for (var i = 0; i < refs.length; i += 1) {
|
|
855
|
+
var _refs$pointer$current;
|
|
856
|
+
|
|
857
|
+
var pointer = (i + nextIndex) % refs.length;
|
|
858
|
+
|
|
859
|
+
if (((_refs$pointer$current = refs[pointer].current) === null || _refs$pointer$current === void 0 ? void 0 : _refs$pointer$current.props.disabled) !== true) {
|
|
860
|
+
return refs[pointer];
|
|
861
|
+
}
|
|
862
|
+
}
|
|
863
|
+
|
|
864
|
+
return refs[currentIndex];
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
function getPrevListItem(refs, currentIndex, prevIndex) {
|
|
868
|
+
for (var i = refs.length; i > 0; i -= 1) {
|
|
869
|
+
var _refs$pointer$current2;
|
|
870
|
+
|
|
871
|
+
var pointer = (i + prevIndex) % refs.length;
|
|
872
|
+
|
|
873
|
+
if (((_refs$pointer$current2 = refs[pointer].current) === null || _refs$pointer$current2 === void 0 ? void 0 : _refs$pointer$current2.props.disabled) !== true) {
|
|
874
|
+
return refs[pointer];
|
|
875
|
+
}
|
|
876
|
+
}
|
|
877
|
+
|
|
878
|
+
return refs[currentIndex];
|
|
879
|
+
}
|
|
880
|
+
|
|
758
881
|
|
|
759
|
-
|
|
882
|
+
;// CONCATENATED MODULE: ./src/Menu/Menu.tsx
|
|
760
883
|
function Menu_extends() { Menu_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 Menu_extends.apply(this, arguments); }
|
|
761
884
|
|
|
762
885
|
function Menu_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Menu_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; }
|
|
@@ -778,13 +901,13 @@ function Menu_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
|
|
|
778
901
|
|
|
779
902
|
|
|
780
903
|
var Menu_propTypes = {
|
|
781
|
-
children: external_prop_types_default.
|
|
904
|
+
children: (external_prop_types_default()).node,
|
|
782
905
|
|
|
783
906
|
/** @private */
|
|
784
|
-
controlledExternally: external_prop_types_default.
|
|
785
|
-
elementRef: external_prop_types_default.
|
|
786
|
-
retainFocus: external_prop_types_default.
|
|
787
|
-
stopScrollPropagation: external_prop_types_default.
|
|
907
|
+
controlledExternally: (external_prop_types_default()).bool,
|
|
908
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
909
|
+
retainFocus: (external_prop_types_default()).bool,
|
|
910
|
+
stopScrollPropagation: (external_prop_types_default()).bool
|
|
788
911
|
};
|
|
789
912
|
var Menu_defaultProps = {
|
|
790
913
|
stopScrollPropagation: false
|
|
@@ -799,11 +922,11 @@ function Menu(_ref) {
|
|
|
799
922
|
otherProps = Menu_objectWithoutProperties(_ref, ["children", "controlledExternally", "elementRef", "retainFocus", "stopScrollPropagation"]);
|
|
800
923
|
|
|
801
924
|
// @docs-props-type MenuPropsBase
|
|
802
|
-
var _useContext =
|
|
925
|
+
var _useContext = (0,external_react_namespaceObject.useContext)(MenuContext),
|
|
803
926
|
_useContext$role = _useContext.role,
|
|
804
927
|
role = _useContext$role === void 0 ? 'menu' : _useContext$role;
|
|
805
928
|
|
|
806
|
-
var _useContext2 =
|
|
929
|
+
var _useContext2 = (0,external_react_namespaceObject.useContext)(Popover_namespaceObject.PopoverContext),
|
|
807
930
|
retainFocusFromContext = _useContext2.retainFocus;
|
|
808
931
|
|
|
809
932
|
var forceUpdate = useForceUpdate_default()();
|
|
@@ -815,7 +938,7 @@ function Menu(_ref) {
|
|
|
815
938
|
retainFocus = retainFocusFromContext;
|
|
816
939
|
}
|
|
817
940
|
|
|
818
|
-
var focusedItemKeyRef = external_react_default.
|
|
941
|
+
var focusedItemKeyRef = external_react_default().useRef(0);
|
|
819
942
|
var itemRefs = [];
|
|
820
943
|
var itemKeyCounter = 0;
|
|
821
944
|
var firstEnabledItemKey;
|
|
@@ -828,18 +951,18 @@ function Menu(_ref) {
|
|
|
828
951
|
// because Firefox + Voiceover (and possibly other a11y tools)
|
|
829
952
|
// can still set focus on the Menu items and this avoids the
|
|
830
953
|
// whole page scrolling when that happens
|
|
831
|
-
var key =
|
|
954
|
+
var key = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
832
955
|
var focusedItemKey = focusedItemKeyRef.current;
|
|
833
956
|
var itemToFocusRef; // the "retainFocus" checks here mimic the prior tab key functionality
|
|
834
957
|
|
|
835
|
-
if (key === 'down' || retainFocus &&
|
|
836
|
-
itemToFocusRef =
|
|
837
|
-
} else if (key === 'up' || retainFocus &&
|
|
838
|
-
itemToFocusRef =
|
|
958
|
+
if (key === 'down' || retainFocus && (0,focus_namespaceObject.isTabKey)(e)) {
|
|
959
|
+
itemToFocusRef = getNextListItem(itemRefs, focusedItemKey, focusedItemKey + 1);
|
|
960
|
+
} else if (key === 'up' || retainFocus && (0,focus_namespaceObject.isTabKey)(e) && e.shiftKey) {
|
|
961
|
+
itemToFocusRef = getPrevListItem(itemRefs, focusedItemKey, focusedItemKey - 1);
|
|
839
962
|
} else if (key === 'home') {
|
|
840
|
-
itemToFocusRef =
|
|
963
|
+
itemToFocusRef = getNextListItem(itemRefs, focusedItemKey, 0);
|
|
841
964
|
} else if (key === 'end') {
|
|
842
|
-
itemToFocusRef =
|
|
965
|
+
itemToFocusRef = getPrevListItem(itemRefs, focusedItemKey, itemRefs.length - 1);
|
|
843
966
|
}
|
|
844
967
|
|
|
845
968
|
if (itemToFocusRef != null) {
|
|
@@ -850,14 +973,14 @@ function Menu(_ref) {
|
|
|
850
973
|
}
|
|
851
974
|
};
|
|
852
975
|
|
|
853
|
-
var itemOnFocus =
|
|
976
|
+
var itemOnFocus = (0,external_react_namespaceObject.useCallback)(function (e, data) {
|
|
854
977
|
var itemKey = data.itemKey;
|
|
855
978
|
|
|
856
979
|
if (itemKey != null) {
|
|
857
980
|
focusedItemKeyRef.current = itemKey;
|
|
858
981
|
}
|
|
859
982
|
}, []);
|
|
860
|
-
var childrenCleaned =
|
|
983
|
+
var childrenCleaned = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).reduce(function (acc, item, index, original) {
|
|
861
984
|
/* Filter out initial Dividers
|
|
862
985
|
* Requires reduce() over filter() because a Heading may have been
|
|
863
986
|
* before the Divider.
|
|
@@ -885,7 +1008,7 @@ function Menu(_ref) {
|
|
|
885
1008
|
|
|
886
1009
|
|
|
887
1010
|
if (!(item.type.as === 'Divider' || item.type.as === 'Heading') && typeof item.type !== 'string') {
|
|
888
|
-
var _ref2 = /*#__PURE__*/external_react_default.
|
|
1011
|
+
var _ref2 = /*#__PURE__*/external_react_default().createRef();
|
|
889
1012
|
|
|
890
1013
|
itemRefs.push(_ref2);
|
|
891
1014
|
|
|
@@ -906,13 +1029,13 @@ function Menu(_ref) {
|
|
|
906
1029
|
}
|
|
907
1030
|
|
|
908
1031
|
var tabIndex = !controlledExternally && focusedItemKeyRef.current === itemKeyCounter ? undefined : -1;
|
|
909
|
-
acc.push( /*#__PURE__*/external_react_default.
|
|
1032
|
+
acc.push( /*#__PURE__*/external_react_default().cloneElement(item, {
|
|
910
1033
|
itemKey: itemKeyCounter,
|
|
911
1034
|
onFocus: itemOnFocus,
|
|
912
1035
|
preventFocus: controlledExternally,
|
|
913
1036
|
ref: function ref(c) {
|
|
914
|
-
|
|
915
|
-
|
|
1037
|
+
updateReactRef(item.ref, c);
|
|
1038
|
+
updateReactRef(_ref2, c);
|
|
916
1039
|
},
|
|
917
1040
|
tabIndex: tabIndex
|
|
918
1041
|
}));
|
|
@@ -935,10 +1058,10 @@ function Menu(_ref) {
|
|
|
935
1058
|
role: role,
|
|
936
1059
|
tabIndex: firstEnabledItemKey == null && !controlledExternally ? 0 : undefined
|
|
937
1060
|
};
|
|
938
|
-
return stopScrollPropagation ? /*#__PURE__*/external_react_default.
|
|
1061
|
+
return stopScrollPropagation ? /*#__PURE__*/external_react_default().createElement(StyledScroll, Menu_extends({}, sharedProps, {
|
|
939
1062
|
elementRef: elementRef,
|
|
940
1063
|
stopScrollPropagation: true
|
|
941
|
-
}, omit_default()(otherProps, 'tagName')), childrenCleaned) : /*#__PURE__*/external_react_default.
|
|
1064
|
+
}, omit_default()(otherProps, 'tagName')), childrenCleaned) : /*#__PURE__*/external_react_default().createElement(MenuStyles_Styled, Menu_extends({}, sharedProps, {
|
|
942
1065
|
ref: elementRef
|
|
943
1066
|
}, otherProps), childrenCleaned);
|
|
944
1067
|
}
|
|
@@ -948,406 +1071,12 @@ Menu.defaultProps = Menu_defaultProps;
|
|
|
948
1071
|
Menu.Item = Menu_Item;
|
|
949
1072
|
Menu.Divider = Menu_Divider;
|
|
950
1073
|
Menu.Heading = Menu_Heading;
|
|
951
|
-
/* harmony default export */
|
|
952
|
-
|
|
953
|
-
// CONCATENATED MODULE: ./src/Menu/index.ts
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
/***/ }),
|
|
959
|
-
|
|
960
|
-
/***/ 2:
|
|
961
|
-
/***/ (function(module, exports) {
|
|
962
|
-
|
|
963
|
-
module.exports = require("react");
|
|
964
|
-
|
|
965
|
-
/***/ }),
|
|
966
|
-
|
|
967
|
-
/***/ 21:
|
|
968
|
-
/***/ (function(module, exports) {
|
|
969
|
-
|
|
970
|
-
module.exports = require("@splunk/react-ui/Popover");
|
|
971
|
-
|
|
972
|
-
/***/ }),
|
|
973
|
-
|
|
974
|
-
/***/ 23:
|
|
975
|
-
/***/ (function(module, exports) {
|
|
976
|
-
|
|
977
|
-
module.exports = require("lodash/isString");
|
|
978
|
-
|
|
979
|
-
/***/ }),
|
|
980
|
-
|
|
981
|
-
/***/ 25:
|
|
982
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
983
|
-
|
|
984
|
-
"use strict";
|
|
985
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StyledClickable; });
|
|
986
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return StyledInnerWrapper; });
|
|
987
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return StyledItemDescriptionBottom; });
|
|
988
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return StyledItemDescriptionRight; });
|
|
989
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return StyledItemIcon; });
|
|
990
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return StyledItemSelectedIcon; });
|
|
991
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return StyledLabel; });
|
|
992
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return StyledMatch; });
|
|
993
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return StyledSubmenu; });
|
|
994
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return StyledSwitch; });
|
|
995
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return StyledTitleAndDescriptionWrapper; });
|
|
996
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
|
|
997
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
|
|
998
|
-
/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
|
|
999
|
-
/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__);
|
|
1000
|
-
/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39);
|
|
1001
|
-
/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__);
|
|
1002
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
|
|
1003
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__);
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
var itemDescription = Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1009
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDefault,
|
|
1010
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
|
|
1011
|
-
}), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontSizeSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1012
|
-
prisma: '16px'
|
|
1013
|
-
}));
|
|
1014
|
-
var StyledItemDescriptionBottom = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1015
|
-
displayName: "ItemStyles__StyledItemDescriptionBottom",
|
|
1016
|
-
componentId: "sc-4kc053-0"
|
|
1017
|
-
})(["", ";display:block;"], itemDescription);
|
|
1018
|
-
var StyledItemDescriptionRight = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1019
|
-
displayName: "ItemStyles__StyledItemDescriptionRight",
|
|
1020
|
-
componentId: "sc-4kc053-1"
|
|
1021
|
-
})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacing);
|
|
1022
|
-
var StyledItemSelectedIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
|
|
1023
|
-
displayName: "ItemStyles__StyledItemSelectedIcon",
|
|
1024
|
-
componentId: "sc-4kc053-2"
|
|
1025
|
-
})(["position:absolute;", " color:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1026
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["right:16px;"]),
|
|
1027
|
-
enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["top:5px;right:3px;left:8px;"])
|
|
1028
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1029
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
|
|
1030
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].accentColorL10
|
|
1031
|
-
}));
|
|
1032
|
-
var StyledItemIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1033
|
-
displayName: "ItemStyles__StyledItemIcon",
|
|
1034
|
-
componentId: "sc-4kc053-3"
|
|
1035
|
-
})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1036
|
-
prisma: '8px',
|
|
1037
|
-
enterprise: '3px'
|
|
1038
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1039
|
-
prisma: 'initial',
|
|
1040
|
-
enterprise: 'middle'
|
|
1041
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1042
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorMuted),
|
|
1043
|
-
enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["transform:translateY(-1px);"])
|
|
1044
|
-
}));
|
|
1045
|
-
var StyledClickable = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default.a).withConfig({
|
|
1046
|
-
displayName: "ItemStyles__StyledClickable",
|
|
1047
|
-
componentId: "sc-4kc053-4"
|
|
1048
|
-
})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1049
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
|
|
1050
|
-
enterprise: {
|
|
1051
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
|
|
1052
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
|
|
1053
|
-
}
|
|
1054
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1055
|
-
prisma: {
|
|
1056
|
-
comfortable: '10px 16px',
|
|
1057
|
-
compact: '6px 16px'
|
|
1058
|
-
},
|
|
1059
|
-
enterprise: '6px 10px'
|
|
1060
|
-
}), function (_ref) {
|
|
1061
|
-
var $isSelectable = _ref.$isSelectable,
|
|
1062
|
-
$selectableAppearance = _ref.$selectableAppearance;
|
|
1063
|
-
return $isSelectable && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1064
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:44px;", ""], function () {
|
|
1065
|
-
return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
|
|
1066
|
-
}),
|
|
1067
|
-
enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:10px;padding-left:", ";"], function () {
|
|
1068
|
-
return $selectableAppearance === 'checkbox' ? '32px' : '28px';
|
|
1069
|
-
})
|
|
1070
|
-
});
|
|
1071
|
-
}, function (_ref2) {
|
|
1072
|
-
var $active = _ref2.$active,
|
|
1073
|
-
$preventFocus = _ref2.$preventFocus;
|
|
1074
|
-
return $active && !$preventFocus && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["box-shadow:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset);
|
|
1075
|
-
}, function (_ref3) {
|
|
1076
|
-
var $active = _ref3.$active;
|
|
1077
|
-
return $active && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";font-weight:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1078
|
-
enterprise: {
|
|
1079
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray92,
|
|
1080
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
|
|
1081
|
-
},
|
|
1082
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].neutral100
|
|
1083
|
-
}), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontWeightBold);
|
|
1084
|
-
}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1085
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover,
|
|
1086
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].backgroundColorHover
|
|
1087
|
-
}), function (_ref4) {
|
|
1088
|
-
var $selected = _ref4.$selected;
|
|
1089
|
-
return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1090
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover))
|
|
1091
|
-
});
|
|
1092
|
-
}, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1093
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover)
|
|
1094
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1095
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive)
|
|
1096
|
-
}), function (_ref5) {
|
|
1097
|
-
var $selected = _ref5.$selected;
|
|
1098
|
-
return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1099
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive))
|
|
1100
|
-
});
|
|
1101
|
-
}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1102
|
-
enterprise: {
|
|
1103
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45,
|
|
1104
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
|
|
1105
|
-
},
|
|
1106
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
|
|
1107
|
-
}),
|
|
1108
|
-
/* sc-sel */
|
|
1109
|
-
StyledItemDescriptionBottom,
|
|
1110
|
-
/* sc-sel */
|
|
1111
|
-
StyledItemDescriptionRight,
|
|
1112
|
-
/* sc-sel */
|
|
1113
|
-
StyledItemSelectedIcon, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1114
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled,
|
|
1115
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray80
|
|
1116
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1117
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["& > * > ", "{color:", ";}"],
|
|
1118
|
-
/* sc-sel */
|
|
1119
|
-
StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled)
|
|
1120
|
-
}), function (_ref6) {
|
|
1121
|
-
var $selected = _ref6.$selected;
|
|
1122
|
-
return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1123
|
-
prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["", "{color:", ";}"],
|
|
1124
|
-
/* sc-sel */
|
|
1125
|
-
StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive)
|
|
1126
|
-
});
|
|
1127
|
-
});
|
|
1128
|
-
var StyledSwitch = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default.a).withConfig({
|
|
1129
|
-
displayName: "ItemStyles__StyledSwitch",
|
|
1130
|
-
componentId: "sc-4kc053-5"
|
|
1131
|
-
})(["position:absolute;left:", ";top:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1132
|
-
prisma: '16px',
|
|
1133
|
-
enterprise: '8px'
|
|
1134
|
-
}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1135
|
-
prisma: '0px',
|
|
1136
|
-
enterprise: {
|
|
1137
|
-
comfortable: '-1px',
|
|
1138
|
-
compact: '2px'
|
|
1139
|
-
}
|
|
1140
|
-
}));
|
|
1141
|
-
var StyledInnerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1142
|
-
displayName: "ItemStyles__StyledInnerWrapper",
|
|
1143
|
-
componentId: "sc-4kc053-6"
|
|
1144
|
-
})(["display:flex;align-items:flex-start;"]);
|
|
1145
|
-
var StyledTitleAndDescriptionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1146
|
-
displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
|
|
1147
|
-
componentId: "sc-4kc053-7"
|
|
1148
|
-
})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
|
|
1149
|
-
var $truncate = _ref7.$truncate;
|
|
1150
|
-
return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
|
|
1151
|
-
});
|
|
1152
|
-
var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
|
|
1153
|
-
displayName: "ItemStyles__StyledLabel",
|
|
1154
|
-
componentId: "sc-4kc053-8"
|
|
1155
|
-
})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
|
|
1156
|
-
var $truncate = _ref8.$truncate;
|
|
1157
|
-
return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["display:block;clear:both;"]);
|
|
1158
|
-
});
|
|
1159
|
-
var StyledMatch = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1160
|
-
displayName: "ItemStyles__StyledMatch",
|
|
1161
|
-
componentId: "sc-4kc053-9"
|
|
1162
|
-
})(["border-bottom:1px solid ", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1163
|
-
prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
|
|
1164
|
-
enterprise: {
|
|
1165
|
-
dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
|
|
1166
|
-
light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45
|
|
1167
|
-
}
|
|
1168
|
-
}));
|
|
1169
|
-
var StyledSubmenu = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
|
|
1170
|
-
displayName: "ItemStyles__StyledSubmenu",
|
|
1171
|
-
componentId: "sc-4kc053-10"
|
|
1172
|
-
})(["float:right;padding-left:", ";color:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacingSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
|
|
1173
|
-
prisma: 'inherit',
|
|
1174
|
-
enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
|
|
1175
|
-
}));
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
/***/ }),
|
|
1179
|
-
|
|
1180
|
-
/***/ 3:
|
|
1181
|
-
/***/ (function(module, exports) {
|
|
1182
|
-
|
|
1183
|
-
module.exports = require("styled-components");
|
|
1184
|
-
|
|
1185
|
-
/***/ }),
|
|
1186
|
-
|
|
1187
|
-
/***/ 31:
|
|
1188
|
-
/***/ (function(module, exports) {
|
|
1189
|
-
|
|
1190
|
-
module.exports = require("@splunk/ui-utils/focus");
|
|
1191
|
-
|
|
1192
|
-
/***/ }),
|
|
1193
|
-
|
|
1194
|
-
/***/ 38:
|
|
1195
|
-
/***/ (function(module, exports) {
|
|
1196
|
-
|
|
1197
|
-
module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
|
|
1198
|
-
|
|
1199
|
-
/***/ }),
|
|
1200
|
-
|
|
1201
|
-
/***/ 39:
|
|
1202
|
-
/***/ (function(module, exports) {
|
|
1203
|
-
|
|
1204
|
-
module.exports = require("@splunk/react-ui/Switch");
|
|
1205
|
-
|
|
1206
|
-
/***/ }),
|
|
1207
|
-
|
|
1208
|
-
/***/ 4:
|
|
1209
|
-
/***/ (function(module, exports) {
|
|
1210
|
-
|
|
1211
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
1212
|
-
|
|
1213
|
-
/***/ }),
|
|
1214
|
-
|
|
1215
|
-
/***/ 48:
|
|
1216
|
-
/***/ (function(module, exports) {
|
|
1217
|
-
|
|
1218
|
-
module.exports = require("@splunk/react-ui/useForceUpdate");
|
|
1219
|
-
|
|
1220
|
-
/***/ }),
|
|
1221
|
-
|
|
1222
|
-
/***/ 5:
|
|
1223
|
-
/***/ (function(module, exports) {
|
|
1224
|
-
|
|
1225
|
-
module.exports = require("lodash/omit");
|
|
1226
|
-
|
|
1227
|
-
/***/ }),
|
|
1228
|
-
|
|
1229
|
-
/***/ 60:
|
|
1230
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1231
|
-
|
|
1232
|
-
"use strict";
|
|
1233
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getNextListItem; });
|
|
1234
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getPrevListItem; });
|
|
1235
|
-
// A utility for keyboard navigation of lists
|
|
1236
|
-
function getNextListItem(refs, currentIndex, nextIndex) {
|
|
1237
|
-
for (var i = 0; i < refs.length; i += 1) {
|
|
1238
|
-
var _refs$pointer$current;
|
|
1239
|
-
|
|
1240
|
-
var pointer = (i + nextIndex) % refs.length;
|
|
1241
|
-
|
|
1242
|
-
if (((_refs$pointer$current = refs[pointer].current) === null || _refs$pointer$current === void 0 ? void 0 : _refs$pointer$current.props.disabled) !== true) {
|
|
1243
|
-
return refs[pointer];
|
|
1244
|
-
}
|
|
1245
|
-
}
|
|
1246
|
-
|
|
1247
|
-
return refs[currentIndex];
|
|
1248
|
-
}
|
|
1249
|
-
|
|
1250
|
-
function getPrevListItem(refs, currentIndex, prevIndex) {
|
|
1251
|
-
for (var i = refs.length; i > 0; i -= 1) {
|
|
1252
|
-
var _refs$pointer$current2;
|
|
1253
|
-
|
|
1254
|
-
var pointer = (i + prevIndex) % refs.length;
|
|
1255
|
-
|
|
1256
|
-
if (((_refs$pointer$current2 = refs[pointer].current) === null || _refs$pointer$current2 === void 0 ? void 0 : _refs$pointer$current2.props.disabled) !== true) {
|
|
1257
|
-
return refs[pointer];
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1260
|
-
|
|
1261
|
-
return refs[currentIndex];
|
|
1262
|
-
}
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
/***/ }),
|
|
1267
|
-
|
|
1268
|
-
/***/ 65:
|
|
1269
|
-
/***/ (function(module, exports) {
|
|
1270
|
-
|
|
1271
|
-
module.exports = require("@splunk/react-icons/enterprise/External");
|
|
1272
|
-
|
|
1273
|
-
/***/ }),
|
|
1274
|
-
|
|
1275
|
-
/***/ 7:
|
|
1276
|
-
/***/ (function(module, exports) {
|
|
1277
|
-
|
|
1278
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
1279
|
-
|
|
1280
|
-
/***/ }),
|
|
1281
|
-
|
|
1282
|
-
/***/ 70:
|
|
1283
|
-
/***/ (function(module, exports) {
|
|
1284
|
-
|
|
1285
|
-
module.exports = require("@splunk/themes/useSplunkTheme");
|
|
1286
|
-
|
|
1287
|
-
/***/ }),
|
|
1288
|
-
|
|
1289
|
-
/***/ 78:
|
|
1290
|
-
/***/ (function(module, exports) {
|
|
1291
|
-
|
|
1292
|
-
module.exports = require("@splunk/react-icons/Checkmark");
|
|
1293
|
-
|
|
1294
|
-
/***/ }),
|
|
1295
|
-
|
|
1296
|
-
/***/ 80:
|
|
1297
|
-
/***/ (function(module, exports) {
|
|
1298
|
-
|
|
1299
|
-
module.exports = require("@splunk/react-ui/Heading");
|
|
1300
|
-
|
|
1301
|
-
/***/ }),
|
|
1302
|
-
|
|
1303
|
-
/***/ 89:
|
|
1304
|
-
/***/ (function(module, exports) {
|
|
1305
|
-
|
|
1306
|
-
module.exports = require("@splunk/react-ui/Scroll");
|
|
1307
|
-
|
|
1308
|
-
/***/ }),
|
|
1309
|
-
|
|
1310
|
-
/***/ 91:
|
|
1311
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1312
|
-
|
|
1313
|
-
"use strict";
|
|
1314
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scrollIntoViewIfNeeded; });
|
|
1315
|
-
// A utility that attempts to move an element into view by scrolling it's derived parent.
|
|
1316
|
-
var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
|
|
1317
|
-
if (!el) {
|
|
1318
|
-
return;
|
|
1319
|
-
}
|
|
1320
|
-
|
|
1321
|
-
var parentEl = el.offsetParent;
|
|
1322
|
-
|
|
1323
|
-
if (!parentEl) {
|
|
1324
|
-
return;
|
|
1325
|
-
} // Below the bottom of the container.
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
if (parentEl.scrollTop + parentEl.clientHeight < el.offsetTop + el.clientHeight) {
|
|
1329
|
-
parentEl.scrollTop = el.offsetTop + el.clientHeight - parentEl.clientHeight; // Above the top of the container.
|
|
1330
|
-
} else if (parentEl.scrollTop > el.offsetTop) {
|
|
1331
|
-
parentEl.scrollTop = el.offsetTop;
|
|
1332
|
-
}
|
|
1333
|
-
};
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
/***/ }),
|
|
1338
|
-
|
|
1339
|
-
/***/ 96:
|
|
1340
|
-
/***/ (function(module, exports) {
|
|
1341
|
-
|
|
1342
|
-
module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
|
|
1343
|
-
|
|
1344
|
-
/***/ }),
|
|
1074
|
+
/* harmony default export */ const Menu_Menu = (Menu);
|
|
1345
1075
|
|
|
1346
|
-
|
|
1347
|
-
/***/ (function(module, exports) {
|
|
1076
|
+
;// CONCATENATED MODULE: ./src/Menu/index.ts
|
|
1348
1077
|
|
|
1349
|
-
module.exports = require("@splunk/react-icons/enterprise/Check");
|
|
1350
1078
|
|
|
1351
|
-
/***/ })
|
|
1352
1079
|
|
|
1353
|
-
|
|
1080
|
+
module.exports = __webpack_exports__;
|
|
1081
|
+
/******/ })()
|
|
1082
|
+
;
|