@splunk/react-ui 4.19.0 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.d.ts +2 -0
  7. package/Breadcrumbs.js +207 -0
  8. package/Button.js +168 -316
  9. package/ButtonGroup.js +84 -168
  10. package/ButtonSimple.js +224 -324
  11. package/CHANGELOG.md +35 -0
  12. package/Calendar.js +264 -462
  13. package/Card.js +223 -371
  14. package/CardLayout.js +87 -163
  15. package/Chip.js +199 -323
  16. package/Clickable.js +132 -248
  17. package/CloseButton.js +92 -200
  18. package/Code.js +188 -251
  19. package/CollapsiblePanel.js +214 -370
  20. package/Color.js +267 -495
  21. package/ColumnLayout.js +152 -254
  22. package/ComboBox.js +197 -371
  23. package/Concertina.js +214 -374
  24. package/ControlGroup.js +164 -288
  25. package/Date.js +154 -304
  26. package/DefinitionList.js +104 -180
  27. package/Divider.js +80 -156
  28. package/Dropdown.js +121 -263
  29. package/DualListbox.js +408 -601
  30. package/EventListener.js +70 -138
  31. package/File.js +343 -547
  32. package/FormRows.js +232 -414
  33. package/Heading.js +94 -164
  34. package/Image.js +167 -323
  35. package/JSONTree.js +166 -314
  36. package/Layer.js +221 -388
  37. package/Link.js +133 -239
  38. package/List.js +85 -161
  39. package/Markdown.js +230 -355
  40. package/Menu.js +396 -647
  41. package/Message.js +248 -437
  42. package/MessageBar.js +220 -408
  43. package/Modal.js +201 -365
  44. package/ModalLayer.js +96 -196
  45. package/Monogram.js +112 -204
  46. package/Multiselect.js +2675 -2807
  47. package/Number.js +178 -334
  48. package/Paginator.js +170 -336
  49. package/Paragraph.js +77 -153
  50. package/Popover.js +436 -623
  51. package/Progress.js +139 -255
  52. package/RadioBar.js +156 -280
  53. package/RadioList.js +182 -282
  54. package/Resize.js +173 -307
  55. package/ResultsMenu.js +183 -304
  56. package/ScreenReaderContent.js +75 -151
  57. package/Scroll.js +125 -267
  58. package/ScrollContainerContext.js +129 -201
  59. package/Search.js +188 -354
  60. package/Select.js +1243 -1248
  61. package/SidePanel.js +106 -214
  62. package/Slider.js +198 -348
  63. package/SlidingPanels.js +138 -280
  64. package/SplitButton.js +141 -273
  65. package/StaticContent.js +84 -168
  66. package/StepBar.js +138 -246
  67. package/Switch.js +261 -385
  68. package/TabBar.js +261 -398
  69. package/TabLayout.js +122 -238
  70. package/Table.js +975 -1447
  71. package/Text.js +335 -549
  72. package/TextArea.js +315 -537
  73. package/Tooltip.js +152 -292
  74. package/TransitionOpen.js +118 -242
  75. package/Typography.js +81 -157
  76. package/WaitSpinner.js +117 -209
  77. package/package.json +20 -21
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
  80. package/types/src/Breadcrumbs/Item.d.ts +42 -0
  81. package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
  82. package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
  83. package/types/src/Breadcrumbs/index.d.ts +2 -0
  84. package/types/src/Code/Code.d.ts +1 -1
  85. package/types/src/ComboBox/Option.d.ts +1 -1
  86. package/types/src/Concertina/Concertina.d.ts +4 -0
  87. package/types/src/Link/Link.d.ts +12 -3
  88. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  89. package/types/src/Markdown/Markdown.d.ts +1 -1
  90. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  91. package/types/src/Menu/Item.d.ts +1 -1
  92. package/types/src/Menu/Menu.d.ts +1 -0
  93. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  94. package/types/src/Multiselect/Compact.d.ts +4 -0
  95. package/types/src/Multiselect/Multiselect.d.ts +5 -0
  96. package/types/src/Multiselect/Option.d.ts +1 -1
  97. package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
  98. package/types/src/Search/Option.d.ts +1 -1
  99. package/types/src/Select/Option.d.ts +1 -1
  100. package/types/src/Select/OptionBase.d.ts +1 -1
  101. package/types/src/Select/SelectAllOption.d.ts +14 -0
  102. package/types/src/Select/SelectBase.d.ts +11 -3
  103. package/types/src/Table/Table.d.ts +4 -0
  104. package/types/src/Text/Text.d.ts +3 -3
  105. package/types/src/TextArea/TextArea.d.ts +3 -3
  106. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  107. package/useForceUpdate.js +46 -110
  108. package/useKeyPress.js +50 -107
  109. package/usePrevious.js +47 -111
  110. package/useRovingFocus.js +53 -133
  111. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  112. package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
  113. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  114. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/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 = 172);
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
- /***/ 143:
139
- /***/ (function(module, exports) {
140
-
141
- module.exports = require("@splunk/react-icons/CaretSmallRight");
142
-
143
- /***/ }),
144
-
145
- /***/ 172:
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__(29);
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__(45);
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__(78);
258
- var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
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
259
156
 
260
- // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
261
- var useSplunkTheme_ = __webpack_require__(68);
262
- var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
263
157
 
264
- // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
265
-
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,87 +246,80 @@ 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__(143);
365
- var CaretSmallRight_default = /*#__PURE__*/__webpack_require__.n(CaretSmallRight_);
366
-
367
- // EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
368
- var Checkmark_ = __webpack_require__(76);
369
- var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
370
-
371
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
372
- var Check_ = __webpack_require__(95);
373
- var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
374
-
375
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
376
- var ChevronRight_ = __webpack_require__(35);
377
- var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
378
-
379
- // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
380
- var Clickable_ = __webpack_require__(12);
381
- var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
382
-
383
- // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
384
- var Switch_ = __webpack_require__(58);
385
- var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
386
-
387
- // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
388
-
389
-
390
-
391
-
392
- var itemDescription = Object(external_styled_components_["css"])(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], Object(themes_["pick"])({
393
- prisma: themes_["variables"].contentColorDefault,
394
- enterprise: themes_["variables"].textGray
395
- }), themes_["variables"].fontSizeSmall, Object(themes_["pick"])({
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)({
396
280
  prisma: '16px'
397
281
  }));
398
- var StyledItemDescriptionBottom = external_styled_components_default.a.span.withConfig({
282
+ var StyledItemDescriptionBottom = external_styled_components_default().span.withConfig({
399
283
  displayName: "ItemStyles__StyledItemDescriptionBottom",
400
284
  componentId: "sc-4kc053-0"
401
285
  })(["", ";display:block;"], itemDescription);
402
- var StyledItemDescriptionRight = external_styled_components_default.a.span.withConfig({
286
+ var StyledItemDescriptionRight = external_styled_components_default().span.withConfig({
403
287
  displayName: "ItemStyles__StyledItemDescriptionRight",
404
288
  componentId: "sc-4kc053-1"
405
- })(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, themes_["variables"].spacing);
406
- var StyledItemSelectedIcon = external_styled_components_default.a.div.withConfig({
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({
407
291
  displayName: "ItemStyles__StyledItemSelectedIcon",
408
292
  componentId: "sc-4kc053-2"
409
- })(["position:absolute;", " color:", ";"], Object(themes_["pick"])({
410
- prisma: Object(external_styled_components_["css"])(["right:16px;"]),
411
- enterprise: Object(external_styled_components_["css"])(["top:5px;right:3px;left:8px;"])
412
- }), Object(themes_["pick"])({
413
- prisma: themes_["variables"].contentColorActive,
414
- enterprise: themes_["variables"].accentColorL10
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
415
299
  }));
416
- var StyledItemIcon = external_styled_components_default.a.span.withConfig({
300
+ var StyledItemIcon = external_styled_components_default().span.withConfig({
417
301
  displayName: "ItemStyles__StyledItemIcon",
418
302
  componentId: "sc-4kc053-3"
419
- })(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], Object(themes_["pick"])({
303
+ })(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], (0,themes_namespaceObject.pick)({
420
304
  prisma: '8px',
421
305
  enterprise: '3px'
422
- }), Object(themes_["pick"])({
306
+ }), (0,themes_namespaceObject.pick)({
423
307
  prisma: 'initial',
424
308
  enterprise: 'middle'
425
- }), Object(themes_["pick"])({
426
- prisma: Object(external_styled_components_["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_["variables"].contentColorMuted),
427
- enterprise: Object(external_styled_components_["css"])(["transform:translateY(-1px);"])
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);"])
428
312
  }));
429
- var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
313
+ var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
430
314
  displayName: "ItemStyles__StyledClickable",
431
315
  componentId: "sc-4kc053-4"
432
- })(["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(themes_["pick"])({
433
- prisma: themes_["variables"].contentColorActive,
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,
434
318
  enterprise: {
435
- dark: themes_["variables"].gray96,
436
- light: themes_["variables"].gray22
319
+ dark: themes_namespaceObject.variables.gray96,
320
+ light: themes_namespaceObject.variables.gray22
437
321
  }
438
- }), Object(themes_["pick"])({
322
+ }), (0,themes_namespaceObject.pick)({
439
323
  prisma: {
440
324
  comfortable: '10px 16px',
441
325
  compact: '6px 16px'
@@ -444,174 +328,207 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
444
328
  }), function (_ref) {
445
329
  var $isSelectable = _ref.$isSelectable,
446
330
  $selectableAppearance = _ref.$selectableAppearance;
447
- return $isSelectable && Object(themes_["pick"])({
448
- prisma: Object(external_styled_components_["css"])(["padding-right:44px;", ""], function () {
331
+ return $isSelectable && (0,themes_namespaceObject.pick)({
332
+ prisma: (0,external_styled_components_namespaceObject.css)(["padding-right:44px;", ""], function () {
449
333
  return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
450
334
  }),
451
- enterprise: Object(external_styled_components_["css"])(["padding-right:10px;padding-left:", ";"], function () {
335
+ enterprise: (0,external_styled_components_namespaceObject.css)(["padding-right:10px;padding-left:", ";"], function () {
452
336
  return $selectableAppearance === 'checkbox' ? '32px' : '28px';
453
337
  })
454
338
  });
455
339
  }, function (_ref2) {
456
340
  var $active = _ref2.$active,
457
341
  $preventFocus = _ref2.$preventFocus;
458
- return $active && !$preventFocus && Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadowInset);
342
+ return $active && !$preventFocus && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadowInset);
459
343
  }, function (_ref3) {
460
344
  var $active = _ref3.$active;
461
- return $active && Object(external_styled_components_["css"])(["background:", ";font-weight:", ";"], Object(themes_["pick"])({
345
+ return $active && (0,external_styled_components_namespaceObject.css)(["background:", ";font-weight:", ";"], (0,themes_namespaceObject.pick)({
462
346
  enterprise: {
463
- light: themes_["variables"].gray92,
464
- dark: themes_["variables"].gray22
347
+ light: themes_namespaceObject.variables.gray92,
348
+ dark: themes_namespaceObject.variables.gray22
465
349
  },
466
- prisma: themes_["variables"].neutral100
467
- }), themes_["variables"].fontWeightBold);
468
- }, Object(themes_["pick"])({
469
- prisma: themes_["variables"].interactiveColorOverlayHover,
470
- enterprise: themes_["variables"].backgroundColorHover
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
471
355
  }), function (_ref4) {
472
356
  var $selected = _ref4.$selected;
473
- return $selected && Object(themes_["pick"])({
474
- prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["mixins"].overlayColors(themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorOverlayHover))
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))
475
359
  });
476
- }, themes_["variables"].focusShadowInset, Object(themes_["pick"])({
477
- prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].interactiveColorOverlayHover)
478
- }), Object(themes_["pick"])({
479
- prisma: Object(external_styled_components_["css"])(["&:active{background:", ";}"], themes_["variables"].interactiveColorOverlayActive)
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)
480
364
  }), function (_ref5) {
481
365
  var $selected = _ref5.$selected;
482
- return $selected && Object(themes_["pick"])({
483
- prisma: Object(external_styled_components_["css"])(["background:", ";&:active{background:", ";}"], themes_["variables"].interactiveColorOverlaySelected, themes_["mixins"].overlayColors(themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorOverlayActive))
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))
484
368
  });
485
- }, Object(themes_["pick"])({
369
+ }, (0,themes_namespaceObject.pick)({
486
370
  enterprise: {
487
- light: themes_["variables"].gray45,
488
- dark: themes_["variables"].contentColorDisabled
371
+ light: themes_namespaceObject.variables.gray45,
372
+ dark: themes_namespaceObject.variables.contentColorDisabled
489
373
  },
490
- prisma: themes_["variables"].contentColorDisabled
374
+ prisma: themes_namespaceObject.variables.contentColorDisabled
491
375
  }),
492
376
  /* sc-sel */
493
377
  StyledItemDescriptionBottom,
494
378
  /* sc-sel */
495
379
  StyledItemDescriptionRight,
496
380
  /* sc-sel */
497
- StyledItemSelectedIcon, Object(themes_["pick"])({
498
- prisma: themes_["variables"].contentColorDisabled,
499
- enterprise: themes_["variables"].gray80
500
- }), Object(themes_["pick"])({
501
- prisma: Object(external_styled_components_["css"])(["& > * > ", "{color:", ";}"],
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:", ";}"],
502
386
  /* sc-sel */
503
- StyledItemIcon, themes_["variables"].contentColorDisabled)
387
+ StyledItemIcon, themes_namespaceObject.variables.contentColorDisabled)
504
388
  }), function (_ref6) {
505
389
  var $selected = _ref6.$selected;
506
- return $selected && Object(themes_["pick"])({
507
- prisma: Object(external_styled_components_["css"])(["", "{color:", ";}"],
390
+ return $selected && (0,themes_namespaceObject.pick)({
391
+ prisma: (0,external_styled_components_namespaceObject.css)(["", "{color:", ";}"],
508
392
  /* sc-sel */
509
- StyledItemIcon, themes_["variables"].contentColorActive)
393
+ StyledItemIcon, themes_namespaceObject.variables.contentColorActive)
510
394
  });
511
395
  });
512
- var StyledSwitch = external_styled_components_default()(Switch_default.a).withConfig({
396
+ var StyledSwitch = external_styled_components_default()((Switch_default())).withConfig({
513
397
  displayName: "ItemStyles__StyledSwitch",
514
398
  componentId: "sc-4kc053-5"
515
- })(["position:absolute;left:", ";top:", ";"], Object(themes_["pick"])({
399
+ })(["position:absolute;left:", ";top:", ";"], (0,themes_namespaceObject.pick)({
516
400
  prisma: '16px',
517
401
  enterprise: '8px'
518
- }), Object(themes_["pick"])({
402
+ }), (0,themes_namespaceObject.pick)({
519
403
  prisma: '0px',
520
404
  enterprise: {
521
405
  comfortable: '-1px',
522
406
  compact: '2px'
523
407
  }
524
408
  }));
525
- var StyledInnerWrapper = external_styled_components_default.a.span.withConfig({
409
+ var StyledInnerWrapper = external_styled_components_default().span.withConfig({
526
410
  displayName: "ItemStyles__StyledInnerWrapper",
527
411
  componentId: "sc-4kc053-6"
528
412
  })(["display:flex;align-items:flex-start;"]);
529
- var StyledTitleAndDescriptionWrapper = external_styled_components_default.a.span.withConfig({
413
+ var StyledTitleAndDescriptionWrapper = external_styled_components_default().span.withConfig({
530
414
  displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
531
415
  componentId: "sc-4kc053-7"
532
416
  })(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
533
417
  var $truncate = _ref7.$truncate;
534
- return $truncate && Object(external_styled_components_["css"])(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
418
+ return $truncate && (0,external_styled_components_namespaceObject.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
535
419
  });
536
- var StyledLabel = external_styled_components_default.a.div.withConfig({
420
+ var StyledLabel = external_styled_components_default().div.withConfig({
537
421
  displayName: "ItemStyles__StyledLabel",
538
422
  componentId: "sc-4kc053-8"
539
423
  })(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
540
424
  var $truncate = _ref8.$truncate;
541
- return $truncate && Object(external_styled_components_["css"])(["display:block;clear:both;"]);
425
+ return $truncate && (0,external_styled_components_namespaceObject.css)(["display:block;clear:both;"]);
542
426
  });
543
- var StyledMatch = external_styled_components_default.a.span.withConfig({
427
+ var StyledMatch = external_styled_components_default().span.withConfig({
544
428
  displayName: "ItemStyles__StyledMatch",
545
429
  componentId: "sc-4kc053-9"
546
- })(["border-bottom:1px solid ", ";"], Object(themes_["pick"])({
547
- prisma: themes_["variables"].contentColorActive,
430
+ })(["border-bottom:1px solid ", ";"], (0,themes_namespaceObject.pick)({
431
+ prisma: themes_namespaceObject.variables.contentColorActive,
548
432
  enterprise: {
549
- dark: themes_["variables"].gray96,
550
- light: themes_["variables"].gray45
433
+ dark: themes_namespaceObject.variables.gray96,
434
+ light: themes_namespaceObject.variables.gray45
551
435
  }
552
436
  }));
553
- var StyledSubmenu = external_styled_components_default.a.span.withConfig({
437
+ var StyledSubmenu = external_styled_components_default().span.withConfig({
554
438
  displayName: "ItemStyles__StyledSubmenu",
555
439
  componentId: "sc-4kc053-10"
556
- })(["float:right;padding-left:", ";color:", ";"], themes_["variables"].spacingSmall, Object(themes_["pick"])({
440
+ })(["float:right;padding-left:", ";color:", ";"], themes_namespaceObject.variables.spacingSmall, (0,themes_namespaceObject.pick)({
557
441
  prisma: 'inherit',
558
- enterprise: themes_["variables"].textGray
442
+ enterprise: themes_namespaceObject.variables.textGray
559
443
  }));
560
444
 
561
- // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
562
- var ArrowSquareTopRight_ = __webpack_require__(94);
563
- var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
564
-
565
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
566
- var External_ = __webpack_require__(63);
567
- var External_default = /*#__PURE__*/__webpack_require__.n(External_);
568
-
569
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
570
- var i18n_ = __webpack_require__(4);
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
571
454
 
572
- // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
573
455
 
574
456
 
575
457
 
576
458
 
577
459
 
578
460
 
461
+ var label = (0,i18n_namespaceObject._)('Open externally');
579
462
 
580
- var label = Object(i18n_["_"])('Open externally');
581
-
582
- var iconStyles = Object(external_styled_components_["css"])(["width:0.8em;height:0.8em;vertical-align:baseline;"]);
583
- 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({
584
465
  displayName: "External__StyledEnterprise",
585
466
  componentId: "sc-1turs2s-0"
586
467
  })(["", " margin:0 0 0 3px;"], iconStyles);
587
- var StyledPrisma = external_styled_components_default()(ArrowSquareTopRight_default.a).withConfig({
468
+ var StyledPrisma = external_styled_components_default()((ArrowSquareTopRight_default())).withConfig({
588
469
  displayName: "External__StyledPrisma",
589
470
  componentId: "sc-1turs2s-1"
590
471
  })(["", " margin:0 0 0 4px;"], iconStyles);
591
472
 
592
473
  function External() {
593
- var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
474
+ var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
594
475
  isEnterprise = _useSplunkTheme.isEnterprise,
595
476
  isCompact = _useSplunkTheme.isCompact;
596
477
 
597
478
  var prismaSize = isCompact ? '20px' : '24px';
598
- return isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(StyledEnterprise, {
479
+ return isEnterprise ? /*#__PURE__*/external_react_default().createElement(StyledEnterprise, {
599
480
  screenReaderText: label
600
- }) : /*#__PURE__*/external_react_default.a.createElement(StyledPrisma, {
481
+ }) : /*#__PURE__*/external_react_default().createElement(StyledPrisma, {
601
482
  "aria-label": label,
602
483
  height: prismaSize,
603
484
  width: prismaSize
604
- }, /*#__PURE__*/external_react_default.a.createElement("title", null, label));
485
+ }, /*#__PURE__*/external_react_default().createElement("title", null, label));
605
486
  }
606
487
 
607
- /* harmony default export */ var icons_External = (External);
608
- // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
609
- var updateReactRef = __webpack_require__(10);
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
+ }
506
+ }
610
507
 
611
- // EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
612
- var utils_scrollIntoViewIfNeeded = __webpack_require__(89);
613
508
 
614
- // CONCATENATED MODULE: ./src/Menu/Item.tsx
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
+
530
+
531
+ ;// CONCATENATED MODULE: ./src/Menu/Item.tsx
615
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); }
616
533
 
617
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); }
@@ -656,38 +573,38 @@ function Item_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
656
573
 
657
574
 
658
575
  var Item_propTypes = {
659
- active: external_prop_types_default.a.bool,
660
- children: external_prop_types_default.a.node,
661
- description: external_prop_types_default.a.string,
662
- descriptionPosition: external_prop_types_default.a.oneOf(['right', 'bottom']),
663
- disabled: external_prop_types_default.a.bool,
664
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
665
- hasSubmenu: external_prop_types_default.a.bool,
666
- 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,
667
584
 
668
585
  /** @private. The internal key of the tab */
669
- itemKey: external_prop_types_default.a.number,
670
- matchRanges: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
671
- start: external_prop_types_default.a.number.isRequired,
672
- 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
673
590
  })),
674
- onClick: external_prop_types_default.a.func,
591
+ onClick: (external_prop_types_default()).func,
675
592
 
676
593
  /** @private */
677
- onFocus: external_prop_types_default.a.func,
678
- openInNewContext: external_prop_types_default.a.bool,
594
+ onFocus: (external_prop_types_default()).func,
595
+ openInNewContext: (external_prop_types_default()).bool,
679
596
 
680
597
  /** @private */
681
- preventFocus: external_prop_types_default.a.bool,
682
- role: external_prop_types_default.a.oneOf(['menuitem', 'menuitemradio', 'menuitemcheckbox', 'listboxitem', 'option']),
683
- selectable: external_prop_types_default.a.bool,
684
- selectableAppearance: external_prop_types_default.a.oneOf(['checkmark', 'checkbox']),
685
- 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,
686
603
 
687
604
  /** @private */
688
- splunkTheme: external_prop_types_default.a.object,
689
- to: external_prop_types_default.a.string,
690
- 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
691
608
  };
692
609
  var defaultProps = {
693
610
  active: false,
@@ -702,7 +619,7 @@ var defaultProps = {
702
619
  truncate: false
703
620
  };
704
621
 
705
- var Item_Item = /*#__PURE__*/function (_Component) {
622
+ var Item = /*#__PURE__*/function (_Component) {
706
623
  _inherits(Item, _Component);
707
624
 
708
625
  var _super = _createSuper(Item);
@@ -735,7 +652,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
735
652
 
736
653
  Item_defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
737
654
  _this.el = el;
738
- Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
655
+ updateReactRef(_this.props.elementRef, el);
739
656
  });
740
657
 
741
658
  Item.validateProps(props);
@@ -757,7 +674,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
757
674
  }, {
758
675
  key: "scrollIntoViewIfNeeded",
759
676
  value: function scrollIntoViewIfNeeded() {
760
- Object(utils_scrollIntoViewIfNeeded["a" /* scrollIntoViewIfNeeded */])(this.el);
677
+ scrollIntoViewIfNeeded_scrollIntoViewIfNeeded(this.el);
761
678
  }
762
679
  }, {
763
680
  key: "renderLabel",
@@ -777,7 +694,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
777
694
  segments.push(
778
695
  /*#__PURE__*/
779
696
  // eslint-disable-next-line react/no-array-index-key
780
- external_react_default.a.createElement(StyledMatch, {
697
+ external_react_default().createElement(StyledMatch, {
781
698
  key: index,
782
699
  "data-test": "match"
783
700
  }, children.substring(match.start, match.end)));
@@ -829,17 +746,17 @@ var Item_Item = /*#__PURE__*/function (_Component) {
829
746
  var selectablePosition = isPrisma ? 'right' : 'left';
830
747
  var descriptionRight = description && descriptionPosition === 'right' && selectablePosition !== 'right';
831
748
  var descriptionBottom = description && !descriptionRight;
832
- var selectableCheckmark = selected && selectableAppearance === 'checkmark' && /*#__PURE__*/external_react_default.a.createElement(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()), {
833
750
  inline: true,
834
751
  height: "16",
835
752
  width: "16"
836
- }) : /*#__PURE__*/external_react_default.a.createElement(Check_default.a, {
753
+ }) : /*#__PURE__*/external_react_default().createElement((Check_default()), {
837
754
  hideDefaultTooltip: true,
838
755
  inline: true,
839
756
  screenReaderText: null,
840
757
  size: 0.85
841
758
  }));
842
- return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, Item_extends({
759
+ return /*#__PURE__*/external_react_default().createElement(StyledClickable, Item_extends({
843
760
  $isSelectable: isSelectable,
844
761
  $selectableAppearance: selectableAppearance,
845
762
  $selected: selected,
@@ -862,68 +779,67 @@ var Item_Item = /*#__PURE__*/function (_Component) {
862
779
  openInNewContext: openInNewContext
863
780
  }, ariaProps, omit_default()(otherProps, 'onFocus'), {
864
781
  elementRef: this.handleMount
865
- }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(StyledSwitch, {
782
+ }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default().createElement(StyledSwitch, {
866
783
  interactive: false,
867
784
  selected: selected,
868
785
  selectedLabel: "Selected",
869
786
  value: "menu-item"
870
- }), hasSubmenu && /*#__PURE__*/external_react_default.a.createElement(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()), {
871
788
  hideDefaultTooltip: true,
872
789
  screenReaderText: null
873
- }) : /*#__PURE__*/external_react_default.a.createElement(CaretSmallRight_default.a, {
790
+ }) : /*#__PURE__*/external_react_default().createElement((CaretSmallRight_default()), {
874
791
  height: "24",
875
792
  width: "24"
876
- })), descriptionRight && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionRight, {
793
+ })), descriptionRight && /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionRight, {
877
794
  "data-test": "description"
878
- }, description), /*#__PURE__*/external_react_default.a.createElement(StyledInnerWrapper, null, icon && /*#__PURE__*/external_react_default.a.createElement(StyledItemIcon, null, icon), /*#__PURE__*/external_react_default.a.createElement(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, {
879
796
  $truncate: truncate
880
- }, /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
797
+ }, /*#__PURE__*/external_react_default().createElement(StyledLabel, {
881
798
  $truncate: truncate,
882
799
  "data-test": "label"
883
- }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionBottom, {
800
+ }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default().createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionBottom, {
884
801
  "data-test": "description"
885
802
  }, description)), selectablePosition === 'right' && selectableCheckmark));
886
803
  }
887
804
  }]);
888
805
 
889
806
  return Item;
890
- }(external_react_["Component"]);
807
+ }(external_react_namespaceObject.Component);
891
808
 
892
- Item_defineProperty(Item_Item, "propTypes", Item_propTypes);
809
+ Item_defineProperty(Item, "propTypes", Item_propTypes);
893
810
 
894
- Item_defineProperty(Item_Item, "defaultProps", defaultProps);
811
+ Item_defineProperty(Item, "defaultProps", defaultProps);
895
812
 
896
- Item_defineProperty(Item_Item, "as", void 0);
813
+ Item_defineProperty(Item, "as", void 0);
897
814
 
898
- var ItemWithThemeBase = Object(themes_["withSplunkTheme"])(Item_Item);
815
+ var ItemWithThemeBase = (0,themes_namespaceObject.withSplunkTheme)(Item);
899
816
  var ItemWithTheme = ItemWithThemeBase;
900
- ItemWithTheme.propTypes = Item_Item.propTypes;
817
+ ItemWithTheme.propTypes = Item.propTypes;
901
818
  ItemWithTheme.as = 'Item';
902
- /* harmony default export */ var Menu_Item = (ItemWithTheme);
903
- // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
904
- var Scroll_ = __webpack_require__(87);
905
- var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
906
-
907
- // 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
908
824
 
909
825
 
910
826
 
911
- var adjacentSiblingStyles = Object(external_styled_components_["css"])(["border-top:1px solid ", ";"], Object(themes_["pick"])({
912
- enterprise: themes_["variables"].gray60,
913
- 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
914
830
  }));
915
- var MenuStyles_Styled = external_styled_components_default.a.div.withConfig({
831
+ var MenuStyles_Styled = external_styled_components_default().div.withConfig({
916
832
  displayName: "MenuStyles__Styled",
917
833
  componentId: "sc-1olffp9-0"
918
- })(["", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
919
- enterprise: themes_["variables"].backgroundColor,
920
- prisma: themes_["variables"].backgroundColorPopup
921
- }), themes_["variables"].borderRadius, Object(themes_["pick"])({
922
- prisma: Object(external_styled_components_["css"])(["padding:8px 0;"])
923
- }), themes_["variables"].focusShadowInset, Object(themes_["pick"])({
924
- 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)
925
841
  }), adjacentSiblingStyles);
926
- 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({
927
843
  displayName: "MenuStyles__StyledScroll",
928
844
  componentId: "sc-1olffp9-1"
929
845
  })(["", " + &,& + ", "{", "}"],
@@ -932,10 +848,38 @@ MenuStyles_Styled,
932
848
  /* sc-sel */
933
849
  MenuStyles_Styled, adjacentSiblingStyles);
934
850
 
935
- // EXTERNAL MODULE: ./src/utils/navigateList.ts
936
- var navigateList = __webpack_require__(57);
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
+ }
937
880
 
938
- // CONCATENATED MODULE: ./src/Menu/Menu.tsx
881
+
882
+ ;// CONCATENATED MODULE: ./src/Menu/Menu.tsx
939
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); }
940
884
 
941
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; }
@@ -957,13 +901,13 @@ function Menu_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
957
901
 
958
902
 
959
903
  var Menu_propTypes = {
960
- children: external_prop_types_default.a.node,
904
+ children: (external_prop_types_default()).node,
961
905
 
962
906
  /** @private */
963
- controlledExternally: external_prop_types_default.a.bool,
964
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
965
- retainFocus: external_prop_types_default.a.bool,
966
- 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
967
911
  };
968
912
  var Menu_defaultProps = {
969
913
  stopScrollPropagation: false
@@ -978,11 +922,11 @@ function Menu(_ref) {
978
922
  otherProps = Menu_objectWithoutProperties(_ref, ["children", "controlledExternally", "elementRef", "retainFocus", "stopScrollPropagation"]);
979
923
 
980
924
  // @docs-props-type MenuPropsBase
981
- var _useContext = Object(external_react_["useContext"])(MenuContext),
925
+ var _useContext = (0,external_react_namespaceObject.useContext)(MenuContext),
982
926
  _useContext$role = _useContext.role,
983
927
  role = _useContext$role === void 0 ? 'menu' : _useContext$role;
984
928
 
985
- var _useContext2 = Object(external_react_["useContext"])(Popover_["PopoverContext"]),
929
+ var _useContext2 = (0,external_react_namespaceObject.useContext)(Popover_namespaceObject.PopoverContext),
986
930
  retainFocusFromContext = _useContext2.retainFocus;
987
931
 
988
932
  var forceUpdate = useForceUpdate_default()();
@@ -994,7 +938,7 @@ function Menu(_ref) {
994
938
  retainFocus = retainFocusFromContext;
995
939
  }
996
940
 
997
- var focusedItemKeyRef = external_react_default.a.useRef(0);
941
+ var focusedItemKeyRef = external_react_default().useRef(0);
998
942
  var itemRefs = [];
999
943
  var itemKeyCounter = 0;
1000
944
  var firstEnabledItemKey;
@@ -1007,18 +951,18 @@ function Menu(_ref) {
1007
951
  // because Firefox + Voiceover (and possibly other a11y tools)
1008
952
  // can still set focus on the Menu items and this avoids the
1009
953
  // whole page scrolling when that happens
1010
- var key = Object(keyboard_["keycode"])(e.nativeEvent);
954
+ var key = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
1011
955
  var focusedItemKey = focusedItemKeyRef.current;
1012
956
  var itemToFocusRef; // the "retainFocus" checks here mimic the prior tab key functionality
1013
957
 
1014
- if (key === 'down' || retainFocus && Object(focus_["isTabKey"])(e)) {
1015
- itemToFocusRef = Object(navigateList["a" /* getNextListItem */])(itemRefs, focusedItemKey, focusedItemKey + 1);
1016
- } else if (key === 'up' || retainFocus && Object(focus_["isTabKey"])(e) && e.shiftKey) {
1017
- 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);
1018
962
  } else if (key === 'home') {
1019
- itemToFocusRef = Object(navigateList["a" /* getNextListItem */])(itemRefs, focusedItemKey, 0);
963
+ itemToFocusRef = getNextListItem(itemRefs, focusedItemKey, 0);
1020
964
  } else if (key === 'end') {
1021
- itemToFocusRef = Object(navigateList["b" /* getPrevListItem */])(itemRefs, focusedItemKey, itemRefs.length - 1);
965
+ itemToFocusRef = getPrevListItem(itemRefs, focusedItemKey, itemRefs.length - 1);
1022
966
  }
1023
967
 
1024
968
  if (itemToFocusRef != null) {
@@ -1029,14 +973,14 @@ function Menu(_ref) {
1029
973
  }
1030
974
  };
1031
975
 
1032
- var itemOnFocus = Object(external_react_["useCallback"])(function (e, data) {
976
+ var itemOnFocus = (0,external_react_namespaceObject.useCallback)(function (e, data) {
1033
977
  var itemKey = data.itemKey;
1034
978
 
1035
979
  if (itemKey != null) {
1036
980
  focusedItemKeyRef.current = itemKey;
1037
981
  }
1038
982
  }, []);
1039
- 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) {
1040
984
  /* Filter out initial Dividers
1041
985
  * Requires reduce() over filter() because a Heading may have been
1042
986
  * before the Divider.
@@ -1064,7 +1008,7 @@ function Menu(_ref) {
1064
1008
 
1065
1009
 
1066
1010
  if (!(item.type.as === 'Divider' || item.type.as === 'Heading') && typeof item.type !== 'string') {
1067
- var _ref2 = /*#__PURE__*/external_react_default.a.createRef();
1011
+ var _ref2 = /*#__PURE__*/external_react_default().createRef();
1068
1012
 
1069
1013
  itemRefs.push(_ref2);
1070
1014
 
@@ -1085,13 +1029,13 @@ function Menu(_ref) {
1085
1029
  }
1086
1030
 
1087
1031
  var tabIndex = !controlledExternally && focusedItemKeyRef.current === itemKeyCounter ? undefined : -1;
1088
- acc.push( /*#__PURE__*/external_react_default.a.cloneElement(item, {
1032
+ acc.push( /*#__PURE__*/external_react_default().cloneElement(item, {
1089
1033
  itemKey: itemKeyCounter,
1090
1034
  onFocus: itemOnFocus,
1091
1035
  preventFocus: controlledExternally,
1092
1036
  ref: function ref(c) {
1093
- Object(updateReactRef["a" /* updateReactRef */])(item.ref, c);
1094
- Object(updateReactRef["a" /* updateReactRef */])(_ref2, c);
1037
+ updateReactRef(item.ref, c);
1038
+ updateReactRef(_ref2, c);
1095
1039
  },
1096
1040
  tabIndex: tabIndex
1097
1041
  }));
@@ -1114,10 +1058,10 @@ function Menu(_ref) {
1114
1058
  role: role,
1115
1059
  tabIndex: firstEnabledItemKey == null && !controlledExternally ? 0 : undefined
1116
1060
  };
1117
- return stopScrollPropagation ? /*#__PURE__*/external_react_default.a.createElement(StyledScroll, Menu_extends({}, sharedProps, {
1061
+ return stopScrollPropagation ? /*#__PURE__*/external_react_default().createElement(StyledScroll, Menu_extends({}, sharedProps, {
1118
1062
  elementRef: elementRef,
1119
1063
  stopScrollPropagation: true
1120
- }, 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, {
1121
1065
  ref: elementRef
1122
1066
  }, otherProps), childrenCleaned);
1123
1067
  }
@@ -1127,207 +1071,12 @@ Menu.defaultProps = Menu_defaultProps;
1127
1071
  Menu.Item = Menu_Item;
1128
1072
  Menu.Divider = Menu_Divider;
1129
1073
  Menu.Heading = Menu_Heading;
1130
- /* harmony default export */ var Menu_Menu = (Menu);
1131
-
1132
- // CONCATENATED MODULE: ./src/Menu/index.ts
1133
-
1134
-
1135
-
1136
-
1137
- /***/ }),
1138
-
1139
- /***/ 2:
1140
- /***/ (function(module, exports) {
1141
-
1142
- module.exports = require("react");
1143
-
1144
- /***/ }),
1145
-
1146
- /***/ 21:
1147
- /***/ (function(module, exports) {
1148
-
1149
- module.exports = require("@splunk/react-ui/Popover");
1150
-
1151
- /***/ }),
1152
-
1153
- /***/ 23:
1154
- /***/ (function(module, exports) {
1155
-
1156
- module.exports = require("lodash/isString");
1157
-
1158
- /***/ }),
1159
-
1160
- /***/ 29:
1161
- /***/ (function(module, exports) {
1162
-
1163
- module.exports = require("@splunk/ui-utils/focus");
1164
-
1165
- /***/ }),
1166
-
1167
- /***/ 3:
1168
- /***/ (function(module, exports) {
1169
-
1170
- module.exports = require("styled-components");
1171
-
1172
- /***/ }),
1173
-
1174
- /***/ 35:
1175
- /***/ (function(module, exports) {
1176
-
1177
- module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
1178
-
1179
- /***/ }),
1180
-
1181
- /***/ 4:
1182
- /***/ (function(module, exports) {
1183
-
1184
- module.exports = require("@splunk/ui-utils/i18n");
1185
-
1186
- /***/ }),
1187
-
1188
- /***/ 45:
1189
- /***/ (function(module, exports) {
1190
-
1191
- module.exports = require("@splunk/react-ui/useForceUpdate");
1192
-
1193
- /***/ }),
1194
-
1195
- /***/ 5:
1196
- /***/ (function(module, exports) {
1197
-
1198
- module.exports = require("lodash/omit");
1199
-
1200
- /***/ }),
1201
-
1202
- /***/ 57:
1203
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1204
-
1205
- "use strict";
1206
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getNextListItem; });
1207
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getPrevListItem; });
1208
- // A utility for keyboard navigation of lists
1209
- function getNextListItem(refs, currentIndex, nextIndex) {
1210
- for (var i = 0; i < refs.length; i += 1) {
1211
- var _refs$pointer$current;
1212
-
1213
- var pointer = (i + nextIndex) % refs.length;
1214
-
1215
- if (((_refs$pointer$current = refs[pointer].current) === null || _refs$pointer$current === void 0 ? void 0 : _refs$pointer$current.props.disabled) !== true) {
1216
- return refs[pointer];
1217
- }
1218
- }
1219
-
1220
- return refs[currentIndex];
1221
- }
1222
-
1223
- function getPrevListItem(refs, currentIndex, prevIndex) {
1224
- for (var i = refs.length; i > 0; i -= 1) {
1225
- var _refs$pointer$current2;
1226
-
1227
- var pointer = (i + prevIndex) % refs.length;
1228
-
1229
- if (((_refs$pointer$current2 = refs[pointer].current) === null || _refs$pointer$current2 === void 0 ? void 0 : _refs$pointer$current2.props.disabled) !== true) {
1230
- return refs[pointer];
1231
- }
1232
- }
1233
-
1234
- return refs[currentIndex];
1235
- }
1236
-
1237
-
1238
-
1239
- /***/ }),
1240
-
1241
- /***/ 58:
1242
- /***/ (function(module, exports) {
1243
-
1244
- module.exports = require("@splunk/react-ui/Switch");
1245
-
1246
- /***/ }),
1247
-
1248
- /***/ 63:
1249
- /***/ (function(module, exports) {
1250
-
1251
- module.exports = require("@splunk/react-icons/enterprise/External");
1252
-
1253
- /***/ }),
1254
-
1255
- /***/ 68:
1256
- /***/ (function(module, exports) {
1257
-
1258
- module.exports = require("@splunk/themes/useSplunkTheme");
1259
-
1260
- /***/ }),
1261
-
1262
- /***/ 7:
1263
- /***/ (function(module, exports) {
1264
-
1265
- module.exports = require("@splunk/ui-utils/keyboard");
1266
-
1267
- /***/ }),
1268
-
1269
- /***/ 76:
1270
- /***/ (function(module, exports) {
1271
-
1272
- module.exports = require("@splunk/react-icons/Checkmark");
1273
-
1274
- /***/ }),
1275
-
1276
- /***/ 78:
1277
- /***/ (function(module, exports) {
1278
-
1279
- module.exports = require("@splunk/react-ui/Heading");
1280
-
1281
- /***/ }),
1282
-
1283
- /***/ 87:
1284
- /***/ (function(module, exports) {
1285
-
1286
- module.exports = require("@splunk/react-ui/Scroll");
1287
-
1288
- /***/ }),
1289
-
1290
- /***/ 89:
1291
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1292
-
1293
- "use strict";
1294
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scrollIntoViewIfNeeded; });
1295
- // A utility that attempts to move an element into view by scrolling it's derived parent.
1296
- var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
1297
- if (!el) {
1298
- return;
1299
- }
1300
-
1301
- var parentEl = el.offsetParent;
1302
-
1303
- if (!parentEl) {
1304
- return;
1305
- } // Below the bottom of the container.
1306
-
1307
-
1308
- if (parentEl.scrollTop + parentEl.clientHeight < el.offsetTop + el.clientHeight) {
1309
- parentEl.scrollTop = el.offsetTop + el.clientHeight - parentEl.clientHeight; // Above the top of the container.
1310
- } else if (parentEl.scrollTop > el.offsetTop) {
1311
- parentEl.scrollTop = el.offsetTop;
1312
- }
1313
- };
1314
-
1315
-
1316
-
1317
- /***/ }),
1318
-
1319
- /***/ 94:
1320
- /***/ (function(module, exports) {
1321
-
1322
- module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
1323
-
1324
- /***/ }),
1074
+ /* harmony default export */ const Menu_Menu = (Menu);
1325
1075
 
1326
- /***/ 95:
1327
- /***/ (function(module, exports) {
1076
+ ;// CONCATENATED MODULE: ./src/Menu/index.ts
1328
1077
 
1329
- module.exports = require("@splunk/react-icons/enterprise/Check");
1330
1078
 
1331
- /***/ })
1332
1079
 
1333
- /******/ });
1080
+ module.exports = __webpack_exports__;
1081
+ /******/ })()
1082
+ ;