@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/Layer.js
CHANGED
|
@@ -1,229 +1,225 @@
|
|
|
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
|
-
/******/
|
|
38
|
-
/******/
|
|
39
|
-
/******/
|
|
40
|
-
/******/
|
|
41
|
-
/******/
|
|
42
|
-
/******/
|
|
43
|
-
/******/
|
|
44
|
-
/******/
|
|
45
|
-
/******/
|
|
46
|
-
/******/
|
|
47
|
-
/******/
|
|
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 = 221);
|
|
86
|
-
/******/ })
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/global */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.g = (function() {
|
|
34
|
+
/******/ if (typeof globalThis === 'object') return globalThis;
|
|
35
|
+
/******/ try {
|
|
36
|
+
/******/ return this || new Function('return this')();
|
|
37
|
+
/******/ } catch (e) {
|
|
38
|
+
/******/ if (typeof window === 'object') return window;
|
|
39
|
+
/******/ }
|
|
40
|
+
/******/ })();
|
|
41
|
+
/******/ })();
|
|
42
|
+
/******/
|
|
43
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
44
|
+
/******/ (() => {
|
|
45
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
46
|
+
/******/ })();
|
|
47
|
+
/******/
|
|
48
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
49
|
+
/******/ (() => {
|
|
50
|
+
/******/ // define __esModule on exports
|
|
51
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
52
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
53
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
54
|
+
/******/ }
|
|
55
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
56
|
+
/******/ };
|
|
57
|
+
/******/ })();
|
|
58
|
+
/******/
|
|
87
59
|
/************************************************************************/
|
|
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
|
-
/***/ 120:
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("lodash/pull");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 15:
|
|
112
|
-
/***/ (function(module, exports) {
|
|
113
|
-
|
|
114
|
-
module.exports = require("lodash/includes");
|
|
115
|
-
|
|
116
|
-
/***/ }),
|
|
117
|
-
|
|
118
|
-
/***/ 16:
|
|
119
|
-
/***/ (function(module, exports) {
|
|
120
|
-
|
|
121
|
-
module.exports = require("@splunk/react-ui/EventListener");
|
|
122
|
-
|
|
123
|
-
/***/ }),
|
|
124
|
-
|
|
125
|
-
/***/ 167:
|
|
126
|
-
/***/ (function(module, exports) {
|
|
127
|
-
|
|
128
|
-
var g;
|
|
129
|
-
|
|
130
|
-
// This works in non-strict mode
|
|
131
|
-
g = (function() {
|
|
132
|
-
return this;
|
|
133
|
-
})();
|
|
134
|
-
|
|
135
|
-
try {
|
|
136
|
-
// This works if eval is allowed (see CSP)
|
|
137
|
-
g = g || new Function("return this")();
|
|
138
|
-
} catch (e) {
|
|
139
|
-
// This works if the window reference is available
|
|
140
|
-
if (typeof window === "object") g = window;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
// g can still be undefined, but nothing to do about it...
|
|
144
|
-
// We return undefined, instead of nothing here, so it's
|
|
145
|
-
// easier to handle this case. if(!global) { ...}
|
|
146
|
-
|
|
147
|
-
module.exports = g;
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
/***/ }),
|
|
151
|
-
|
|
152
|
-
/***/ 2:
|
|
153
|
-
/***/ (function(module, exports) {
|
|
154
|
-
|
|
155
|
-
module.exports = require("react");
|
|
156
|
-
|
|
157
|
-
/***/ }),
|
|
158
|
-
|
|
159
|
-
/***/ 221:
|
|
160
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
161
|
-
|
|
162
|
-
"use strict";
|
|
60
|
+
var __webpack_exports__ = {};
|
|
163
61
|
// ESM COMPAT FLAG
|
|
164
62
|
__webpack_require__.r(__webpack_exports__);
|
|
165
63
|
|
|
166
64
|
// EXPORTS
|
|
167
|
-
__webpack_require__.d(__webpack_exports__,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
var external_react_ = __webpack_require__(2);
|
|
174
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
175
|
-
|
|
176
|
-
// EXTERNAL MODULE: external "react-dom"
|
|
177
|
-
var external_react_dom_ = __webpack_require__(91);
|
|
65
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
66
|
+
LayerContext: () => (/* reexport */ LayerContext),
|
|
67
|
+
LayerStackContext: () => (/* reexport */ LayerStackContext),
|
|
68
|
+
LayerStackGlobalProvider: () => (/* reexport */ LayerStackGlobalProvider),
|
|
69
|
+
"default": () => (/* reexport */ Layer_Layer)
|
|
70
|
+
});
|
|
178
71
|
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
var
|
|
72
|
+
;// CONCATENATED MODULE: external "react"
|
|
73
|
+
const external_react_namespaceObject = require("react");
|
|
74
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
75
|
+
;// CONCATENATED MODULE: external "react-dom"
|
|
76
|
+
const external_react_dom_namespaceObject = require("react-dom");
|
|
77
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
78
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
79
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
80
|
+
;// CONCATENATED MODULE: external "lodash/includes"
|
|
81
|
+
const includes_namespaceObject = require("lodash/includes");
|
|
82
|
+
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
|
|
83
|
+
;// CONCATENATED MODULE: external "lodash/last"
|
|
84
|
+
const last_namespaceObject = require("lodash/last");
|
|
85
|
+
var last_default = /*#__PURE__*/__webpack_require__.n(last_namespaceObject);
|
|
86
|
+
;// CONCATENATED MODULE: external "lodash/pull"
|
|
87
|
+
const pull_namespaceObject = require("lodash/pull");
|
|
88
|
+
var pull_default = /*#__PURE__*/__webpack_require__.n(pull_namespaceObject);
|
|
89
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
90
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
91
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
|
|
92
|
+
const EventListener_namespaceObject = require("@splunk/react-ui/EventListener");
|
|
93
|
+
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_namespaceObject);
|
|
94
|
+
;// CONCATENATED MODULE: ./src/Layer/LayerStack.tsx
|
|
182
95
|
|
|
183
|
-
// EXTERNAL MODULE: external "lodash/includes"
|
|
184
|
-
var includes_ = __webpack_require__(15);
|
|
185
|
-
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
|
|
186
96
|
|
|
187
|
-
// EXTERNAL MODULE: external "lodash/last"
|
|
188
|
-
var last_ = __webpack_require__(92);
|
|
189
|
-
var last_default = /*#__PURE__*/__webpack_require__.n(last_);
|
|
190
97
|
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
98
|
+
/**
|
|
99
|
+
* `LayerStackContext` is used to manage the array that `Layer` (and components that
|
|
100
|
+
* depend on it, such as `Modal`) uses to determine the order of open layers.
|
|
101
|
+
* @public
|
|
102
|
+
*/
|
|
103
|
+
var LayerStackContext = /*#__PURE__*/external_react_default().createContext([]);
|
|
104
|
+
var LayerContext = /*#__PURE__*/external_react_default().createContext({});
|
|
105
|
+
var propTypes = {
|
|
106
|
+
children: (external_prop_types_default()).node,
|
|
107
|
+
name: (external_prop_types_default()).string,
|
|
108
|
+
scope: (external_prop_types_default()).object,
|
|
109
|
+
separateStackingContexts: (external_prop_types_default()).bool
|
|
110
|
+
};
|
|
111
|
+
/* global global */
|
|
194
112
|
|
|
195
|
-
|
|
196
|
-
|
|
113
|
+
/**
|
|
114
|
+
* A `LayerStackContext` provider that stores a shared layer stack using a global variable.
|
|
115
|
+
* Applications should only use this provider if there's a known need to support multiple
|
|
116
|
+
* instances of this library on the same page.
|
|
117
|
+
*/
|
|
197
118
|
|
|
198
|
-
|
|
199
|
-
var
|
|
200
|
-
|
|
119
|
+
function LayerStackGlobalProvider(_ref) {
|
|
120
|
+
var children = _ref.children,
|
|
121
|
+
_ref$name = _ref.name,
|
|
122
|
+
name = _ref$name === void 0 ? '__splunkui_layer_instances__' : _ref$name,
|
|
123
|
+
_ref$scope = _ref.scope,
|
|
124
|
+
scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : __webpack_require__.g : _ref$scope,
|
|
125
|
+
_ref$separateStacking = _ref.separateStackingContexts,
|
|
126
|
+
separateStackingContexts = _ref$separateStacking === void 0 ? false : _ref$separateStacking;
|
|
201
127
|
|
|
202
|
-
|
|
203
|
-
|
|
128
|
+
if (!scope[name]) {
|
|
129
|
+
scope[name] = []; // eslint-disable-line no-param-reassign
|
|
130
|
+
}
|
|
204
131
|
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
132
|
+
return /*#__PURE__*/external_react_default().createElement(LayerStackContext.Provider, {
|
|
133
|
+
value: scope[name]
|
|
134
|
+
}, /*#__PURE__*/external_react_default().createElement(LayerContext.Provider, {
|
|
135
|
+
value: {
|
|
136
|
+
separateStackingContexts: separateStackingContexts
|
|
137
|
+
}
|
|
138
|
+
}, children));
|
|
139
|
+
}
|
|
208
140
|
|
|
209
|
-
|
|
210
|
-
var themes_ = __webpack_require__(0);
|
|
141
|
+
LayerStackGlobalProvider.propTypes = propTypes;
|
|
211
142
|
|
|
212
|
-
|
|
143
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
144
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
145
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
146
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
147
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
148
|
+
;// CONCATENATED MODULE: ./src/Layer/LayerStyles.ts
|
|
213
149
|
|
|
214
150
|
|
|
215
|
-
var StyledLayer = external_styled_components_default.
|
|
151
|
+
var StyledLayer = external_styled_components_default().div.withConfig({
|
|
216
152
|
displayName: "LayerStyles__StyledLayer",
|
|
217
153
|
componentId: "ii6psl-0"
|
|
218
154
|
})(["", ""], function (_ref) {
|
|
219
155
|
var $separateStackingContexts = _ref.$separateStackingContexts;
|
|
220
|
-
return $separateStackingContexts &&
|
|
156
|
+
return $separateStackingContexts && (0,external_styled_components_namespaceObject.css)(["isolation:isolate;z-index:", ";"], themes_namespaceObject.variables.zindexLayer);
|
|
221
157
|
});
|
|
222
158
|
|
|
223
|
-
|
|
224
|
-
|
|
159
|
+
;// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
160
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
161
|
+
var ssrDocument = {
|
|
162
|
+
body: {
|
|
163
|
+
appendChild: function appendChild() {
|
|
164
|
+
return [];
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
addEventListener: function addEventListener() {},
|
|
168
|
+
removeEventListener: function removeEventListener() {},
|
|
169
|
+
activeElement: {
|
|
170
|
+
blur: function blur() {},
|
|
171
|
+
nodeName: ''
|
|
172
|
+
},
|
|
173
|
+
querySelector: function querySelector() {
|
|
174
|
+
return null;
|
|
175
|
+
},
|
|
176
|
+
querySelectorAll: function querySelectorAll() {
|
|
177
|
+
return [];
|
|
178
|
+
},
|
|
179
|
+
getElementById: function getElementById() {
|
|
180
|
+
return null;
|
|
181
|
+
},
|
|
182
|
+
createEvent: function createEvent() {
|
|
183
|
+
return {
|
|
184
|
+
initEvent: function initEvent() {}
|
|
185
|
+
};
|
|
186
|
+
},
|
|
187
|
+
createElement: function createElement() {
|
|
188
|
+
return {
|
|
189
|
+
children: [],
|
|
190
|
+
childNodes: [],
|
|
191
|
+
style: {},
|
|
192
|
+
setAttribute: function setAttribute() {},
|
|
193
|
+
getElementsByTagName: function getElementsByTagName() {
|
|
194
|
+
return [];
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
},
|
|
198
|
+
createElementNS: function createElementNS() {
|
|
199
|
+
return {};
|
|
200
|
+
},
|
|
201
|
+
importNode: function importNode() {
|
|
202
|
+
return null;
|
|
203
|
+
},
|
|
204
|
+
location: {
|
|
205
|
+
hash: '',
|
|
206
|
+
host: '',
|
|
207
|
+
hostname: '',
|
|
208
|
+
href: '',
|
|
209
|
+
origin: '',
|
|
210
|
+
pathname: '',
|
|
211
|
+
protocol: '',
|
|
212
|
+
search: ''
|
|
213
|
+
}
|
|
214
|
+
};
|
|
215
|
+
|
|
216
|
+
function getDocument() {
|
|
217
|
+
var doc = typeof document !== 'undefined' ? document : ssrDocument;
|
|
218
|
+
return doc;
|
|
219
|
+
}
|
|
220
|
+
|
|
225
221
|
|
|
226
|
-
|
|
222
|
+
;// CONCATENATED MODULE: ./src/Layer/Layer.tsx
|
|
227
223
|
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); }
|
|
228
224
|
|
|
229
225
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -262,18 +258,18 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
262
258
|
/** @public */
|
|
263
259
|
|
|
264
260
|
var possibleCloseReasons = ['clickAway', 'escapeKey'];
|
|
265
|
-
var
|
|
266
|
-
children: external_prop_types_default.
|
|
267
|
-
closeReasons: external_prop_types_default.
|
|
268
|
-
onRequestClose: external_prop_types_default.
|
|
269
|
-
open: external_prop_types_default.
|
|
261
|
+
var Layer_propTypes = {
|
|
262
|
+
children: (external_prop_types_default()).node,
|
|
263
|
+
closeReasons: external_prop_types_default().arrayOf(external_prop_types_default().oneOf(possibleCloseReasons)),
|
|
264
|
+
onRequestClose: (external_prop_types_default()).func,
|
|
265
|
+
open: (external_prop_types_default()).bool
|
|
270
266
|
};
|
|
271
267
|
var defaultProps = {
|
|
272
268
|
closeReasons: possibleCloseReasons,
|
|
273
269
|
open: false
|
|
274
270
|
};
|
|
275
271
|
|
|
276
|
-
var
|
|
272
|
+
var Layer = /*#__PURE__*/function (_Component) {
|
|
277
273
|
_inherits(Layer, _Component);
|
|
278
274
|
|
|
279
275
|
var _super = _createSuper(Layer);
|
|
@@ -314,7 +310,7 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
314
310
|
});
|
|
315
311
|
|
|
316
312
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDownOnWindow", function (event) {
|
|
317
|
-
if (_this.props.open &&
|
|
313
|
+
if (_this.props.open && (0,keyboard_namespaceObject.keycode)(event) === 'esc' && last_default()(_this.getLayerStack()) === _assertThisInitialized(_this) && includes_default()(_this.props.closeReasons, 'escapeKey')) {
|
|
318
314
|
var _this$props$onRequest2, _this$props2;
|
|
319
315
|
|
|
320
316
|
(_this$props$onRequest2 = (_this$props2 = _this.props).onRequestClose) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, {
|
|
@@ -324,7 +320,7 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
324
320
|
}
|
|
325
321
|
});
|
|
326
322
|
|
|
327
|
-
var document =
|
|
323
|
+
var document = getDocument();
|
|
328
324
|
|
|
329
325
|
if (!Layer.layerContainer) {
|
|
330
326
|
Layer.layerContainer = document.createElement('div');
|
|
@@ -371,10 +367,10 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
371
367
|
open = _this$props3.open;
|
|
372
368
|
|
|
373
369
|
if (open) {
|
|
374
|
-
var layerPortal = /*#__PURE__*/
|
|
370
|
+
var layerPortal = /*#__PURE__*/(0,external_react_dom_namespaceObject.createPortal)( /*#__PURE__*/external_react_default().createElement(LayerContext.Consumer, null, function (_ref2) {
|
|
375
371
|
var _ref2$separateStackin = _ref2.separateStackingContexts,
|
|
376
372
|
separateStackingContexts = _ref2$separateStackin === void 0 ? false : _ref2$separateStackin;
|
|
377
|
-
return /*#__PURE__*/external_react_default.
|
|
373
|
+
return /*#__PURE__*/external_react_default().createElement(StyledLayer // eslint-disable-line jsx-a11y/no-static-element-interactions
|
|
378
374
|
, {
|
|
379
375
|
$separateStackingContexts: separateStackingContexts,
|
|
380
376
|
"data-test": "layer",
|
|
@@ -383,17 +379,17 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
383
379
|
}, children);
|
|
384
380
|
}), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion
|
|
385
381
|
);
|
|
386
|
-
return /*#__PURE__*/external_react_default.
|
|
382
|
+
return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
|
|
387
383
|
target: window,
|
|
388
384
|
eventType: "keydown",
|
|
389
385
|
listener: this.handleKeyDownOnWindow,
|
|
390
386
|
key: "eventListenerKeydown"
|
|
391
|
-
}), /*#__PURE__*/external_react_default.
|
|
387
|
+
}), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
|
|
392
388
|
target: window,
|
|
393
389
|
eventType: "mousedown",
|
|
394
390
|
listener: this.handleClickOnWindow,
|
|
395
391
|
key: "eventListenerMouseDown"
|
|
396
|
-
}), /*#__PURE__*/external_react_default.
|
|
392
|
+
}), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
|
|
397
393
|
target: window,
|
|
398
394
|
eventType: "touchstart",
|
|
399
395
|
listener: this.handleClickOnWindow,
|
|
@@ -409,185 +405,22 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
409
405
|
}]);
|
|
410
406
|
|
|
411
407
|
return Layer;
|
|
412
|
-
}(
|
|
413
|
-
|
|
414
|
-
_defineProperty(Layer_Layer, "layerContainer", null);
|
|
415
|
-
|
|
416
|
-
_defineProperty(Layer_Layer, "possibleCloseReasons", possibleCloseReasons);
|
|
417
|
-
|
|
418
|
-
_defineProperty(Layer_Layer, "propTypes", propTypes);
|
|
419
|
-
|
|
420
|
-
_defineProperty(Layer_Layer, "defaultProps", defaultProps);
|
|
421
|
-
|
|
422
|
-
_defineProperty(Layer_Layer, "contextType", LayerStack["b" /* LayerStackContext */]);
|
|
423
|
-
|
|
424
|
-
/* harmony default export */ var src_Layer_Layer = (Layer_Layer);
|
|
425
|
-
// CONCATENATED MODULE: ./src/Layer/index.ts
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
/***/ }),
|
|
430
|
-
|
|
431
|
-
/***/ 27:
|
|
432
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
433
|
-
|
|
434
|
-
"use strict";
|
|
435
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
|
|
436
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
|
|
437
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
438
|
-
var ssrDocument = {
|
|
439
|
-
body: {
|
|
440
|
-
appendChild: function appendChild() {
|
|
441
|
-
return [];
|
|
442
|
-
}
|
|
443
|
-
},
|
|
444
|
-
addEventListener: function addEventListener() {},
|
|
445
|
-
removeEventListener: function removeEventListener() {},
|
|
446
|
-
activeElement: {
|
|
447
|
-
blur: function blur() {},
|
|
448
|
-
nodeName: ''
|
|
449
|
-
},
|
|
450
|
-
querySelector: function querySelector() {
|
|
451
|
-
return null;
|
|
452
|
-
},
|
|
453
|
-
querySelectorAll: function querySelectorAll() {
|
|
454
|
-
return [];
|
|
455
|
-
},
|
|
456
|
-
getElementById: function getElementById() {
|
|
457
|
-
return null;
|
|
458
|
-
},
|
|
459
|
-
createEvent: function createEvent() {
|
|
460
|
-
return {
|
|
461
|
-
initEvent: function initEvent() {}
|
|
462
|
-
};
|
|
463
|
-
},
|
|
464
|
-
createElement: function createElement() {
|
|
465
|
-
return {
|
|
466
|
-
children: [],
|
|
467
|
-
childNodes: [],
|
|
468
|
-
style: {},
|
|
469
|
-
setAttribute: function setAttribute() {},
|
|
470
|
-
getElementsByTagName: function getElementsByTagName() {
|
|
471
|
-
return [];
|
|
472
|
-
}
|
|
473
|
-
};
|
|
474
|
-
},
|
|
475
|
-
createElementNS: function createElementNS() {
|
|
476
|
-
return {};
|
|
477
|
-
},
|
|
478
|
-
importNode: function importNode() {
|
|
479
|
-
return null;
|
|
480
|
-
},
|
|
481
|
-
location: {
|
|
482
|
-
hash: '',
|
|
483
|
-
host: '',
|
|
484
|
-
hostname: '',
|
|
485
|
-
href: '',
|
|
486
|
-
origin: '',
|
|
487
|
-
pathname: '',
|
|
488
|
-
protocol: '',
|
|
489
|
-
search: ''
|
|
490
|
-
}
|
|
491
|
-
};
|
|
492
|
-
|
|
493
|
-
function getDocument() {
|
|
494
|
-
var doc = typeof document !== 'undefined' ? document : ssrDocument;
|
|
495
|
-
return doc;
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
/***/ }),
|
|
501
|
-
|
|
502
|
-
/***/ 3:
|
|
503
|
-
/***/ (function(module, exports) {
|
|
504
|
-
|
|
505
|
-
module.exports = require("styled-components");
|
|
506
|
-
|
|
507
|
-
/***/ }),
|
|
508
|
-
|
|
509
|
-
/***/ 7:
|
|
510
|
-
/***/ (function(module, exports) {
|
|
511
|
-
|
|
512
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
513
|
-
|
|
514
|
-
/***/ }),
|
|
515
|
-
|
|
516
|
-
/***/ 91:
|
|
517
|
-
/***/ (function(module, exports) {
|
|
518
|
-
|
|
519
|
-
module.exports = require("react-dom");
|
|
520
|
-
|
|
521
|
-
/***/ }),
|
|
522
|
-
|
|
523
|
-
/***/ 92:
|
|
524
|
-
/***/ (function(module, exports) {
|
|
525
|
-
|
|
526
|
-
module.exports = require("lodash/last");
|
|
527
|
-
|
|
528
|
-
/***/ }),
|
|
529
|
-
|
|
530
|
-
/***/ 93:
|
|
531
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
532
|
-
|
|
533
|
-
"use strict";
|
|
534
|
-
/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerStackContext; });
|
|
535
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerContext; });
|
|
536
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return LayerStackGlobalProvider; });
|
|
537
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
538
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
539
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
|
|
540
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
541
|
-
|
|
542
|
-
|
|
408
|
+
}(external_react_namespaceObject.Component);
|
|
543
409
|
|
|
544
|
-
|
|
545
|
-
* `LayerStackContext` is used to manage the array that `Layer` (and components that
|
|
546
|
-
* depend on it, such as `Modal`) uses to determine the order of open layers.
|
|
547
|
-
* @public
|
|
548
|
-
*/
|
|
549
|
-
var LayerStackContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext([]);
|
|
550
|
-
var LayerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext({});
|
|
551
|
-
var propTypes = {
|
|
552
|
-
children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
|
|
553
|
-
name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
|
|
554
|
-
scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,
|
|
555
|
-
separateStackingContexts: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
|
|
556
|
-
};
|
|
557
|
-
/* global global */
|
|
410
|
+
_defineProperty(Layer, "layerContainer", null);
|
|
558
411
|
|
|
559
|
-
|
|
560
|
-
* A `LayerStackContext` provider that stores a shared layer stack using a global variable.
|
|
561
|
-
* Applications should only use this provider if there's a known need to support multiple
|
|
562
|
-
* instances of this library on the same page.
|
|
563
|
-
*/
|
|
412
|
+
_defineProperty(Layer, "possibleCloseReasons", possibleCloseReasons);
|
|
564
413
|
|
|
565
|
-
|
|
566
|
-
var children = _ref.children,
|
|
567
|
-
_ref$name = _ref.name,
|
|
568
|
-
name = _ref$name === void 0 ? '__splunkui_layer_instances__' : _ref$name,
|
|
569
|
-
_ref$scope = _ref.scope,
|
|
570
|
-
scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope,
|
|
571
|
-
_ref$separateStacking = _ref.separateStackingContexts,
|
|
572
|
-
separateStackingContexts = _ref$separateStacking === void 0 ? false : _ref$separateStacking;
|
|
414
|
+
_defineProperty(Layer, "propTypes", Layer_propTypes);
|
|
573
415
|
|
|
574
|
-
|
|
575
|
-
scope[name] = []; // eslint-disable-line no-param-reassign
|
|
576
|
-
}
|
|
416
|
+
_defineProperty(Layer, "defaultProps", defaultProps);
|
|
577
417
|
|
|
578
|
-
|
|
579
|
-
value: scope[name]
|
|
580
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerContext.Provider, {
|
|
581
|
-
value: {
|
|
582
|
-
separateStackingContexts: separateStackingContexts
|
|
583
|
-
}
|
|
584
|
-
}, children));
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
LayerStackGlobalProvider.propTypes = propTypes;
|
|
418
|
+
_defineProperty(Layer, "contextType", LayerStackContext);
|
|
588
419
|
|
|
589
|
-
/*
|
|
420
|
+
/* harmony default export */ const Layer_Layer = (Layer);
|
|
421
|
+
;// CONCATENATED MODULE: ./src/Layer/index.ts
|
|
590
422
|
|
|
591
|
-
/***/ })
|
|
592
423
|
|
|
593
|
-
|
|
424
|
+
module.exports = __webpack_exports__;
|
|
425
|
+
/******/ })()
|
|
426
|
+
;
|