@splunk/react-ui 4.19.0 → 4.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -355
- package/Menu.js +396 -647
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +975 -1447
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +12 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Dropdown.js
CHANGED
|
@@ -1,104 +1,91 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
18
28
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/
|
|
32
|
-
/******/
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 238);
|
|
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
|
-
|
|
91
|
-
/***/ (function(module, exports) {
|
|
92
|
-
|
|
93
|
-
module.exports = require("prop-types");
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ 10:
|
|
98
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
99
51
|
|
|
100
|
-
|
|
101
|
-
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* reexport */ Dropdown_Dropdown),
|
|
55
|
+
legacyRefMode: () => (/* reexport */ legacyRefMode)
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
;// CONCATENATED MODULE: external "react"
|
|
59
|
+
const external_react_namespaceObject = require("react");
|
|
60
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
61
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
62
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
63
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
64
|
+
;// CONCATENATED MODULE: external "lodash/has"
|
|
65
|
+
const has_namespaceObject = require("lodash/has");
|
|
66
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
|
|
67
|
+
;// CONCATENATED MODULE: external "lodash/includes"
|
|
68
|
+
const includes_namespaceObject = require("lodash/includes");
|
|
69
|
+
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
|
|
70
|
+
;// CONCATENATED MODULE: external "lodash/isEmpty"
|
|
71
|
+
const isEmpty_namespaceObject = require("lodash/isEmpty");
|
|
72
|
+
;// CONCATENATED MODULE: external "lodash/isFunction"
|
|
73
|
+
const isFunction_namespaceObject = require("lodash/isFunction");
|
|
74
|
+
var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_namespaceObject);
|
|
75
|
+
;// CONCATENATED MODULE: external "lodash/keys"
|
|
76
|
+
const keys_namespaceObject = require("lodash/keys");
|
|
77
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
|
|
78
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
79
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
80
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
81
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
82
|
+
const id_namespaceObject = require("@splunk/ui-utils/id");
|
|
83
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
84
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
85
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
|
|
86
|
+
const Popover_namespaceObject = require("@splunk/react-ui/Popover");
|
|
87
|
+
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_namespaceObject);
|
|
88
|
+
;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
102
89
|
/**
|
|
103
90
|
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
104
91
|
*
|
|
@@ -118,93 +105,7 @@ function updateReactRef(ref, current) {
|
|
|
118
105
|
}
|
|
119
106
|
|
|
120
107
|
|
|
121
|
-
|
|
122
|
-
/***/ }),
|
|
123
|
-
|
|
124
|
-
/***/ 11:
|
|
125
|
-
/***/ (function(module, exports) {
|
|
126
|
-
|
|
127
|
-
module.exports = require("lodash/has");
|
|
128
|
-
|
|
129
|
-
/***/ }),
|
|
130
|
-
|
|
131
|
-
/***/ 15:
|
|
132
|
-
/***/ (function(module, exports) {
|
|
133
|
-
|
|
134
|
-
module.exports = require("lodash/includes");
|
|
135
|
-
|
|
136
|
-
/***/ }),
|
|
137
|
-
|
|
138
|
-
/***/ 2:
|
|
139
|
-
/***/ (function(module, exports) {
|
|
140
|
-
|
|
141
|
-
module.exports = require("react");
|
|
142
|
-
|
|
143
|
-
/***/ }),
|
|
144
|
-
|
|
145
|
-
/***/ 21:
|
|
146
|
-
/***/ (function(module, exports) {
|
|
147
|
-
|
|
148
|
-
module.exports = require("@splunk/react-ui/Popover");
|
|
149
|
-
|
|
150
|
-
/***/ }),
|
|
151
|
-
|
|
152
|
-
/***/ 238:
|
|
153
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
154
|
-
|
|
155
|
-
"use strict";
|
|
156
|
-
// ESM COMPAT FLAG
|
|
157
|
-
__webpack_require__.r(__webpack_exports__);
|
|
158
|
-
|
|
159
|
-
// EXPORTS
|
|
160
|
-
__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Dropdown_Dropdown; });
|
|
161
|
-
__webpack_require__.d(__webpack_exports__, "legacyRefMode", function() { return /* reexport */ legacyRefMode; });
|
|
162
|
-
|
|
163
|
-
// EXTERNAL MODULE: external "react"
|
|
164
|
-
var external_react_ = __webpack_require__(2);
|
|
165
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
166
|
-
|
|
167
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
168
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
169
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
170
|
-
|
|
171
|
-
// EXTERNAL MODULE: external "lodash/has"
|
|
172
|
-
var has_ = __webpack_require__(11);
|
|
173
|
-
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
174
|
-
|
|
175
|
-
// EXTERNAL MODULE: external "lodash/includes"
|
|
176
|
-
var includes_ = __webpack_require__(15);
|
|
177
|
-
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
|
|
178
|
-
|
|
179
|
-
// EXTERNAL MODULE: external "lodash/isEmpty"
|
|
180
|
-
var isEmpty_ = __webpack_require__(88);
|
|
181
|
-
|
|
182
|
-
// EXTERNAL MODULE: external "lodash/isFunction"
|
|
183
|
-
var isFunction_ = __webpack_require__(69);
|
|
184
|
-
var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
|
|
185
|
-
|
|
186
|
-
// EXTERNAL MODULE: external "lodash/keys"
|
|
187
|
-
var keys_ = __webpack_require__(9);
|
|
188
|
-
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
189
|
-
|
|
190
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
191
|
-
var omit_ = __webpack_require__(5);
|
|
192
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
193
|
-
|
|
194
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
195
|
-
var id_ = __webpack_require__(8);
|
|
196
|
-
|
|
197
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
198
|
-
var keyboard_ = __webpack_require__(7);
|
|
199
|
-
|
|
200
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
201
|
-
var Popover_ = __webpack_require__(21);
|
|
202
|
-
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
203
|
-
|
|
204
|
-
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
205
|
-
var updateReactRef = __webpack_require__(10);
|
|
206
|
-
|
|
207
|
-
// CONCATENATED MODULE: ./src/Dropdown/Dropdown.tsx
|
|
108
|
+
;// CONCATENATED MODULE: ./src/Dropdown/Dropdown.tsx
|
|
208
109
|
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); }
|
|
209
110
|
|
|
210
111
|
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; }
|
|
@@ -249,22 +150,22 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
249
150
|
|
|
250
151
|
var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
|
|
251
152
|
var propTypes = {
|
|
252
|
-
align: external_prop_types_default.
|
|
253
|
-
canCoverAnchor: external_prop_types_default.
|
|
254
|
-
children: external_prop_types_default.
|
|
255
|
-
closeReasons: external_prop_types_default.
|
|
256
|
-
defaultPlacement: external_prop_types_default.
|
|
257
|
-
elementRef: external_prop_types_default.
|
|
258
|
-
focusToggleReasons: external_prop_types_default.
|
|
259
|
-
inputId: external_prop_types_default.
|
|
260
|
-
onRequestClose: external_prop_types_default.
|
|
261
|
-
onRequestOpen: external_prop_types_default.
|
|
262
|
-
open: external_prop_types_default.
|
|
263
|
-
openWithArrowKeys: external_prop_types_default.
|
|
264
|
-
repositionMode: external_prop_types_default.
|
|
265
|
-
retainFocus: external_prop_types_default.
|
|
266
|
-
takeFocus: external_prop_types_default.
|
|
267
|
-
toggle: external_prop_types_default.
|
|
153
|
+
align: external_prop_types_default().oneOf(['center', 'edge', 'theme', 'end']),
|
|
154
|
+
canCoverAnchor: (external_prop_types_default()).bool,
|
|
155
|
+
children: external_prop_types_default().oneOfType([(external_prop_types_default()).node, (external_prop_types_default()).func]),
|
|
156
|
+
closeReasons: external_prop_types_default().arrayOf(external_prop_types_default().oneOf(possibleCloseReasons)),
|
|
157
|
+
defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'left', 'right', 'vertical', 'horizontal']),
|
|
158
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
159
|
+
focusToggleReasons: external_prop_types_default().arrayOf(external_prop_types_default().oneOf(possibleCloseReasons)),
|
|
160
|
+
inputId: (external_prop_types_default()).string,
|
|
161
|
+
onRequestClose: (external_prop_types_default()).func,
|
|
162
|
+
onRequestOpen: (external_prop_types_default()).func,
|
|
163
|
+
open: (external_prop_types_default()).bool,
|
|
164
|
+
openWithArrowKeys: (external_prop_types_default()).bool,
|
|
165
|
+
repositionMode: external_prop_types_default().oneOf(['none', 'flip', 'any']),
|
|
166
|
+
retainFocus: (external_prop_types_default()).bool,
|
|
167
|
+
takeFocus: (external_prop_types_default()).bool,
|
|
168
|
+
toggle: (external_prop_types_default()).element.isRequired
|
|
268
169
|
};
|
|
269
170
|
var defaultProps = {
|
|
270
171
|
align: 'theme',
|
|
@@ -279,7 +180,7 @@ var defaultProps = {
|
|
|
279
180
|
};
|
|
280
181
|
var legacyRefMode = Symbol('Dropdown legacy ref mode marker');
|
|
281
182
|
|
|
282
|
-
var
|
|
183
|
+
var Dropdown = /*#__PURE__*/function (_Component) {
|
|
283
184
|
_inherits(Dropdown, _Component);
|
|
284
185
|
|
|
285
186
|
var _super = _createSuper(Dropdown);
|
|
@@ -315,10 +216,10 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
315
216
|
|
|
316
217
|
if (_this.props.toggle.type[legacyRefMode]) {
|
|
317
218
|
// TS: assume that legacy ref mode toggles support elementRef
|
|
318
|
-
|
|
219
|
+
updateReactRef(_this.props.toggle.props.elementRef, el);
|
|
319
220
|
} else {
|
|
320
221
|
// TS: ref does not exist on React.ReactElement - technically, this is undocumented API
|
|
321
|
-
|
|
222
|
+
updateReactRef(_this.props.toggle.ref, el);
|
|
322
223
|
}
|
|
323
224
|
});
|
|
324
225
|
|
|
@@ -356,7 +257,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
356
257
|
return;
|
|
357
258
|
}
|
|
358
259
|
|
|
359
|
-
var eventKeyCode =
|
|
260
|
+
var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
360
261
|
|
|
361
262
|
if (eventKeyCode === 'up' || eventKeyCode === 'down') {
|
|
362
263
|
var _this$props$onRequest2, _this$props2;
|
|
@@ -423,8 +324,8 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
423
324
|
open: false
|
|
424
325
|
};
|
|
425
326
|
_this.controlledExternally = has_default()(props, 'open');
|
|
426
|
-
_this.popoverId =
|
|
427
|
-
_this.toggleId =
|
|
327
|
+
_this.popoverId = (0,id_namespaceObject.createDOMID)('popover');
|
|
328
|
+
_this.toggleId = (0,id_namespaceObject.createDOMID)('toggle');
|
|
428
329
|
return _this;
|
|
429
330
|
}
|
|
430
331
|
|
|
@@ -463,7 +364,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
463
364
|
value: function renderToggle() {
|
|
464
365
|
var _cloneElement;
|
|
465
366
|
|
|
466
|
-
return /*#__PURE__*/
|
|
367
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(this.props.toggle, (_cloneElement = {
|
|
467
368
|
onClick: this.handleToggleClick,
|
|
468
369
|
onKeyDown: this.handleToggleKeyDownOpen
|
|
469
370
|
}, _defineProperty(_cloneElement, this.props.toggle.type[legacyRefMode] ? 'elementRef' : 'ref', this.handleToggleMount), _defineProperty(_cloneElement, 'aria-controls', this.isOpen() ? this.popoverId : undefined), _defineProperty(_cloneElement, 'aria-haspopup', this.props.toggle.props['aria-haspopup'] || true), _defineProperty(_cloneElement, 'aria-expanded', this.isOpen()), _defineProperty(_cloneElement, 'data-test', this.props.toggle.props['data-test'] || 'dropdown'), _defineProperty(_cloneElement, 'data-test-popover-id', this.popoverId), _defineProperty(_cloneElement, "id", this.props.inputId || this.props.toggle.props.id || this.toggleId), _cloneElement));
|
|
@@ -485,7 +386,7 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
485
386
|
var handleRequestClose = this.handleRequestClose,
|
|
486
387
|
handleContentClick = this.handleContentClick;
|
|
487
388
|
var toggle = this.renderToggle();
|
|
488
|
-
return /*#__PURE__*/external_react_default.
|
|
389
|
+
return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, toggle, /*#__PURE__*/external_react_default().createElement((Popover_default()), {
|
|
489
390
|
align: align,
|
|
490
391
|
open: !!anchor && this.isOpen(),
|
|
491
392
|
autoCloseWhenOffScreen: includes_default()(closeReasons, 'offScreen'),
|
|
@@ -501,75 +402,32 @@ var Dropdown_Dropdown = /*#__PURE__*/function (_Component) {
|
|
|
501
402
|
takeFocus: takeFocus
|
|
502
403
|
}, isFunction_default()(children) ? // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
503
404
|
function () {
|
|
504
|
-
return /*#__PURE__*/external_react_default.
|
|
405
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
505
406
|
onClick: handleContentClick
|
|
506
407
|
}, children.apply(void 0, arguments));
|
|
507
408
|
} :
|
|
508
409
|
/*#__PURE__*/
|
|
509
410
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
510
|
-
external_react_default.
|
|
411
|
+
external_react_default().createElement("div", {
|
|
511
412
|
onClick: handleContentClick
|
|
512
413
|
}, children)));
|
|
513
414
|
}
|
|
514
415
|
}]);
|
|
515
416
|
|
|
516
417
|
return Dropdown;
|
|
517
|
-
}(
|
|
518
|
-
|
|
519
|
-
_defineProperty(Dropdown_Dropdown, "possibleCloseReasons", possibleCloseReasons);
|
|
520
|
-
|
|
521
|
-
_defineProperty(Dropdown_Dropdown, "propTypes", propTypes);
|
|
522
|
-
|
|
523
|
-
_defineProperty(Dropdown_Dropdown, "defaultProps", defaultProps);
|
|
524
|
-
|
|
525
|
-
/* harmony default export */ var src_Dropdown_Dropdown = (Dropdown_Dropdown);
|
|
526
|
-
|
|
527
|
-
// CONCATENATED MODULE: ./src/Dropdown/index.ts
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
/***/ }),
|
|
532
|
-
|
|
533
|
-
/***/ 5:
|
|
534
|
-
/***/ (function(module, exports) {
|
|
535
|
-
|
|
536
|
-
module.exports = require("lodash/omit");
|
|
537
|
-
|
|
538
|
-
/***/ }),
|
|
539
|
-
|
|
540
|
-
/***/ 69:
|
|
541
|
-
/***/ (function(module, exports) {
|
|
542
|
-
|
|
543
|
-
module.exports = require("lodash/isFunction");
|
|
544
|
-
|
|
545
|
-
/***/ }),
|
|
546
|
-
|
|
547
|
-
/***/ 7:
|
|
548
|
-
/***/ (function(module, exports) {
|
|
549
|
-
|
|
550
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
551
|
-
|
|
552
|
-
/***/ }),
|
|
553
|
-
|
|
554
|
-
/***/ 8:
|
|
555
|
-
/***/ (function(module, exports) {
|
|
556
|
-
|
|
557
|
-
module.exports = require("@splunk/ui-utils/id");
|
|
558
|
-
|
|
559
|
-
/***/ }),
|
|
418
|
+
}(external_react_namespaceObject.Component);
|
|
560
419
|
|
|
561
|
-
|
|
562
|
-
/***/ (function(module, exports) {
|
|
420
|
+
_defineProperty(Dropdown, "possibleCloseReasons", possibleCloseReasons);
|
|
563
421
|
|
|
564
|
-
|
|
422
|
+
_defineProperty(Dropdown, "propTypes", propTypes);
|
|
565
423
|
|
|
566
|
-
|
|
424
|
+
_defineProperty(Dropdown, "defaultProps", defaultProps);
|
|
567
425
|
|
|
568
|
-
|
|
569
|
-
/***/ (function(module, exports) {
|
|
426
|
+
/* harmony default export */ const Dropdown_Dropdown = (Dropdown);
|
|
570
427
|
|
|
571
|
-
|
|
428
|
+
;// CONCATENATED MODULE: ./src/Dropdown/index.ts
|
|
572
429
|
|
|
573
|
-
/***/ })
|
|
574
430
|
|
|
575
|
-
|
|
431
|
+
module.exports = __webpack_exports__;
|
|
432
|
+
/******/ })()
|
|
433
|
+
;
|