@splunk/react-ui 4.20.0 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.js +105 -197
  7. package/Button.js +168 -316
  8. package/ButtonGroup.js +84 -168
  9. package/ButtonSimple.js +224 -324
  10. package/CHANGELOG.md +21 -0
  11. package/Calendar.js +264 -462
  12. package/Card.js +223 -371
  13. package/CardLayout.js +87 -163
  14. package/Chip.js +199 -323
  15. package/Clickable.js +128 -246
  16. package/CloseButton.js +92 -200
  17. package/Code.js +162 -250
  18. package/CollapsiblePanel.js +214 -370
  19. package/Color.js +267 -495
  20. package/ColumnLayout.js +152 -254
  21. package/ComboBox.js +197 -371
  22. package/Concertina.js +214 -374
  23. package/ControlGroup.js +164 -288
  24. package/Date.js +154 -304
  25. package/DefinitionList.js +104 -180
  26. package/Divider.js +80 -156
  27. package/Dropdown.js +121 -263
  28. package/DualListbox.js +408 -601
  29. package/EventListener.js +70 -138
  30. package/File.js +343 -547
  31. package/FormRows.js +232 -414
  32. package/Heading.js +94 -164
  33. package/Image.js +167 -323
  34. package/JSONTree.js +166 -314
  35. package/Layer.js +221 -388
  36. package/Link.js +133 -239
  37. package/List.js +85 -161
  38. package/Markdown.js +230 -354
  39. package/Menu.js +489 -760
  40. package/Message.js +248 -437
  41. package/MessageBar.js +220 -408
  42. package/Modal.js +201 -365
  43. package/ModalLayer.js +96 -196
  44. package/Monogram.js +112 -204
  45. package/Multiselect.js +1135 -1761
  46. package/Number.js +178 -334
  47. package/Paginator.js +170 -336
  48. package/Paragraph.js +77 -153
  49. package/Popover.js +370 -620
  50. package/Progress.js +139 -255
  51. package/RadioBar.js +156 -280
  52. package/RadioList.js +182 -282
  53. package/Resize.js +173 -307
  54. package/ResultsMenu.js +161 -303
  55. package/ScreenReaderContent.js +75 -151
  56. package/Scroll.js +125 -267
  57. package/ScrollContainerContext.js +129 -201
  58. package/Search.js +188 -354
  59. package/Select.js +1028 -1430
  60. package/SidePanel.js +106 -214
  61. package/Slider.js +198 -348
  62. package/SlidingPanels.js +138 -280
  63. package/SplitButton.js +141 -273
  64. package/StaticContent.js +84 -168
  65. package/StepBar.js +138 -246
  66. package/Switch.js +261 -385
  67. package/TabBar.js +261 -398
  68. package/TabLayout.js +122 -238
  69. package/Table.js +943 -1448
  70. package/Text.js +335 -549
  71. package/TextArea.js +315 -537
  72. package/Tooltip.js +152 -292
  73. package/TransitionOpen.js +118 -242
  74. package/Typography.js +81 -157
  75. package/WaitSpinner.js +117 -209
  76. package/package.json +14 -15
  77. package/stubs-splunkui.d.ts +4 -1
  78. package/types/src/ComboBox/Option.d.ts +1 -1
  79. package/types/src/Concertina/Concertina.d.ts +4 -0
  80. package/types/src/Link/Link.d.ts +7 -3
  81. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  82. package/types/src/Markdown/Markdown.d.ts +1 -1
  83. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  84. package/types/src/Menu/Item.d.ts +1 -1
  85. package/types/src/Menu/Menu.d.ts +1 -0
  86. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  87. package/types/src/Multiselect/Option.d.ts +1 -1
  88. package/types/src/Search/Option.d.ts +1 -1
  89. package/types/src/Select/Option.d.ts +1 -1
  90. package/types/src/Select/OptionBase.d.ts +1 -1
  91. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  92. package/useForceUpdate.js +46 -110
  93. package/useKeyPress.js +50 -107
  94. package/usePrevious.js +47 -111
  95. package/useRovingFocus.js +53 -133
  96. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  97. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  98. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Menu.js CHANGED
@@ -1,216 +1,109 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
18
28
  /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 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__, "default", function() { return /* reexport */ Menu_Menu; });
154
- __webpack_require__.d(__webpack_exports__, "Item", function() { return /* reexport */ Menu_Item; });
155
- __webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ Menu_Heading; });
156
- __webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ Menu_Divider; });
157
- __webpack_require__.d(__webpack_exports__, "MenuContext", function() { return /* reexport */ MenuContext; });
158
-
159
- // EXTERNAL MODULE: external "react"
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
- var Styled = external_styled_components_default.a.div.withConfig({
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 ", ";", ""], Object(themes_["pick"])({
198
- enterprise: themes_["variables"].borderColor,
199
- prisma: themes_["variables"].neutral200
200
- }), Object(themes_["pick"])({
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: Object(external_styled_components_["css"])(["margin:8px 0;"]),
203
- compact: Object(external_styled_components_["css"])(["margin:6px 0;"])
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
- // CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
100
+ ;// CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
208
101
 
209
- var MenuContext = /*#__PURE__*/Object(external_react_["createContext"])({
102
+ var MenuContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
210
103
  role: 'menu'
211
104
  });
212
105
 
213
- // CONCATENATED MODULE: ./src/Menu/Divider.tsx
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 = Object(external_react_["useContext"])(MenuContext),
121
+ var _useContext = (0,external_react_namespaceObject.useContext)(MenuContext),
229
122
  role = _useContext.role;
230
123
 
231
- return /*#__PURE__*/external_react_default.a.createElement(Styled // dividers are not supported in role="listbox"
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 */ var Menu_Divider = (Divider);
256
- // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
257
- var Heading_ = __webpack_require__(80);
258
- var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
259
-
260
- // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
261
- var useSplunkTheme_ = __webpack_require__(70);
262
- var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
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){", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
271
- enterprise: Object(external_styled_components_["css"])(["", " ", " 6px"], themes_["variables"].spacingQuarter, themes_["variables"].spacingHalf),
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
- }), Object(themes_["pick"])({
277
- enterprise: Object(external_styled_components_["css"])(["border-top:", ";"], themes_["variables"].border),
167
+ }), (0,themes_namespaceObject.pick)({
168
+ enterprise: (0,external_styled_components_namespaceObject.css)(["border-top:", ";"], themes_namespaceObject.variables.border),
278
169
  prisma: {
279
- comfortable: Object(external_styled_components_["css"])(["border-top:1px solid ", ";margin-top:6px;padding-top:19px;"], themes_["variables"].neutral200),
280
- compact: Object(external_styled_components_["css"])(["border-top:1px solid ", ";margin-top:6px;padding-top:15px;"], themes_["variables"].neutral200)
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.a.h5.withConfig({
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;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
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
- // CONCATENATED MODULE: ./src/Menu/Heading.tsx
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.a.node,
309
- title: external_prop_types_default.a.bool,
310
- outerStyle: external_prop_types_default.a.object
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 = Object(external_react_["useContext"])(MenuContext),
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.a.createElement(PrismaSectionTitle, Heading_extends({
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.a.createElement(Heading_default.a, Heading_extends({
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.a.createElement(HeadingStyles_Styled, {
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 */ var Menu_Heading = (Heading);
359
- // EXTERNAL MODULE: external "lodash/isString"
360
- var isString_ = __webpack_require__(23);
361
- var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
362
-
363
- // EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallRight"
364
- var CaretSmallRight_ = __webpack_require__(145);
365
- var CaretSmallRight_default = /*#__PURE__*/__webpack_require__.n(CaretSmallRight_);
366
-
367
- // EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
368
- var Checkmark_ = __webpack_require__(78);
369
- var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
370
-
371
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
372
- var Check_ = __webpack_require__(97);
373
- var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
374
-
375
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
376
- var ChevronRight_ = __webpack_require__(38);
377
- var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
378
-
379
- // EXTERNAL MODULE: ./src/Menu/ItemStyles.ts
380
- var ItemStyles = __webpack_require__(25);
381
-
382
- // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
383
- var ArrowSquareTopRight_ = __webpack_require__(96);
384
- var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
385
-
386
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
387
- var External_ = __webpack_require__(65);
388
- var External_default = /*#__PURE__*/__webpack_require__.n(External_);
389
-
390
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
391
- var i18n_ = __webpack_require__(4);
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
- // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
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 = Object(i18n_["_"])('Open externally');
461
+ var label = (0,i18n_namespaceObject._)('Open externally');
402
462
 
403
- var iconStyles = Object(external_styled_components_["css"])(["width:0.8em;height:0.8em;vertical-align:baseline;"]);
404
- var StyledEnterprise = external_styled_components_default()(External_default.a).withConfig({
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.a).withConfig({
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 = Object(themes_["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.a.createElement(StyledEnterprise, {
479
+ return isEnterprise ? /*#__PURE__*/external_react_default().createElement(StyledEnterprise, {
420
480
  screenReaderText: label
421
- }) : /*#__PURE__*/external_react_default.a.createElement(StyledPrisma, {
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.a.createElement("title", null, label));
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
- // EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
433
- var utils_scrollIntoViewIfNeeded = __webpack_require__(91);
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
- // CONCATENATED MODULE: ./src/Menu/Item.tsx
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.a.bool,
481
- children: external_prop_types_default.a.node,
482
- description: external_prop_types_default.a.string,
483
- descriptionPosition: external_prop_types_default.a.oneOf(['right', 'bottom']),
484
- disabled: external_prop_types_default.a.bool,
485
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
486
- hasSubmenu: external_prop_types_default.a.bool,
487
- icon: external_prop_types_default.a.node,
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.a.number,
491
- matchRanges: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
492
- start: external_prop_types_default.a.number.isRequired,
493
- end: external_prop_types_default.a.number.isRequired
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.a.func,
591
+ onClick: (external_prop_types_default()).func,
496
592
 
497
593
  /** @private */
498
- onFocus: external_prop_types_default.a.func,
499
- openInNewContext: external_prop_types_default.a.bool,
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.a.bool,
503
- role: external_prop_types_default.a.oneOf(['menuitem', 'menuitemradio', 'menuitemcheckbox', 'listboxitem', 'option']),
504
- selectable: external_prop_types_default.a.bool,
505
- selectableAppearance: external_prop_types_default.a.oneOf(['checkmark', 'checkbox']),
506
- selected: external_prop_types_default.a.bool,
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.a.object,
510
- to: external_prop_types_default.a.string,
511
- truncate: external_prop_types_default.a.bool
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 Item_Item = /*#__PURE__*/function (_Component) {
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
- Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
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
- Object(utils_scrollIntoViewIfNeeded["a" /* scrollIntoViewIfNeeded */])(this.el);
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.a.createElement(ItemStyles["h" /* StyledMatch */], {
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.a.createElement(ItemStyles["f" /* StyledItemSelectedIcon */], null, isPrisma ? /*#__PURE__*/external_react_default.a.createElement(Checkmark_default.a, {
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.a.createElement(Check_default.a, {
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.a.createElement(ItemStyles["a" /* StyledClickable */], Item_extends({
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.a.createElement(ItemStyles["j" /* StyledSwitch */], {
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.a.createElement(ItemStyles["i" /* StyledSubmenu */], null, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
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.a.createElement(CaretSmallRight_default.a, {
790
+ }) : /*#__PURE__*/external_react_default().createElement((CaretSmallRight_default()), {
695
791
  height: "24",
696
792
  width: "24"
697
- })), descriptionRight && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["d" /* StyledItemDescriptionRight */], {
793
+ })), descriptionRight && /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionRight, {
698
794
  "data-test": "description"
699
- }, description), /*#__PURE__*/external_react_default.a.createElement(ItemStyles["b" /* StyledInnerWrapper */], null, icon && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["e" /* StyledItemIcon */], null, icon), /*#__PURE__*/external_react_default.a.createElement(ItemStyles["k" /* StyledTitleAndDescriptionWrapper */], {
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.a.createElement(ItemStyles["g" /* StyledLabel */], {
797
+ }, /*#__PURE__*/external_react_default().createElement(StyledLabel, {
702
798
  $truncate: truncate,
703
799
  "data-test": "label"
704
- }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["c" /* StyledItemDescriptionBottom */], {
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
- }(external_react_["Component"]);
807
+ }(external_react_namespaceObject.Component);
712
808
 
713
- Item_defineProperty(Item_Item, "propTypes", Item_propTypes);
809
+ Item_defineProperty(Item, "propTypes", Item_propTypes);
714
810
 
715
- Item_defineProperty(Item_Item, "defaultProps", defaultProps);
811
+ Item_defineProperty(Item, "defaultProps", defaultProps);
716
812
 
717
- Item_defineProperty(Item_Item, "as", void 0);
813
+ Item_defineProperty(Item, "as", void 0);
718
814
 
719
- var ItemWithThemeBase = Object(themes_["withSplunkTheme"])(Item_Item);
815
+ var ItemWithThemeBase = (0,themes_namespaceObject.withSplunkTheme)(Item);
720
816
  var ItemWithTheme = ItemWithThemeBase;
721
- ItemWithTheme.propTypes = Item_Item.propTypes;
817
+ ItemWithTheme.propTypes = Item.propTypes;
722
818
  ItemWithTheme.as = 'Item';
723
- /* harmony default export */ var Menu_Item = (ItemWithTheme);
724
- // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
725
- var Scroll_ = __webpack_require__(89);
726
- var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
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 = Object(external_styled_components_["css"])(["border-top:1px solid ", ";"], Object(themes_["pick"])({
733
- enterprise: themes_["variables"].gray60,
734
- prisma: themes_["variables"].neutral200
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.a.div.withConfig({
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:", ";", "}& + &{", "}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
740
- enterprise: themes_["variables"].backgroundColor,
741
- prisma: themes_["variables"].backgroundColorPopup
742
- }), themes_["variables"].borderRadius, Object(themes_["pick"])({
743
- prisma: Object(external_styled_components_["css"])(["padding:8px 0;"])
744
- }), themes_["variables"].focusShadowInset, Object(themes_["pick"])({
745
- prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].interactiveColorOverlayHover)
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.a)).withConfig({
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
- // EXTERNAL MODULE: ./src/utils/navigateList.ts
757
- var navigateList = __webpack_require__(60);
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
- // CONCATENATED MODULE: ./src/Menu/Menu.tsx
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.a.node,
904
+ children: (external_prop_types_default()).node,
782
905
 
783
906
  /** @private */
784
- controlledExternally: external_prop_types_default.a.bool,
785
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
786
- retainFocus: external_prop_types_default.a.bool,
787
- stopScrollPropagation: external_prop_types_default.a.bool
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 = Object(external_react_["useContext"])(MenuContext),
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 = Object(external_react_["useContext"])(Popover_["PopoverContext"]),
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.a.useRef(0);
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 = Object(keyboard_["keycode"])(e.nativeEvent);
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 && Object(focus_["isTabKey"])(e)) {
836
- itemToFocusRef = Object(navigateList["a" /* getNextListItem */])(itemRefs, focusedItemKey, focusedItemKey + 1);
837
- } else if (key === 'up' || retainFocus && Object(focus_["isTabKey"])(e) && e.shiftKey) {
838
- itemToFocusRef = Object(navigateList["b" /* getPrevListItem */])(itemRefs, focusedItemKey, focusedItemKey - 1);
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 = Object(navigateList["a" /* getNextListItem */])(itemRefs, focusedItemKey, 0);
963
+ itemToFocusRef = getNextListItem(itemRefs, focusedItemKey, 0);
841
964
  } else if (key === 'end') {
842
- itemToFocusRef = Object(navigateList["b" /* getPrevListItem */])(itemRefs, focusedItemKey, itemRefs.length - 1);
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 = Object(external_react_["useCallback"])(function (e, data) {
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 = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).reduce(function (acc, item, index, original) {
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.a.createRef();
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.a.cloneElement(item, {
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
- Object(updateReactRef["a" /* updateReactRef */])(item.ref, c);
915
- Object(updateReactRef["a" /* updateReactRef */])(_ref2, c);
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.a.createElement(StyledScroll, Menu_extends({}, sharedProps, {
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.a.createElement(MenuStyles_Styled, Menu_extends({}, sharedProps, {
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 */ var Menu_Menu = (Menu);
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
- /***/ 97:
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
+ ;