@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/Layer.js CHANGED
@@ -1,229 +1,225 @@
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 = 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__, "default", function() { return /* reexport */ src_Layer_Layer; });
168
- __webpack_require__.d(__webpack_exports__, "LayerStackContext", function() { return /* reexport */ LayerStack["b" /* LayerStackContext */]; });
169
- __webpack_require__.d(__webpack_exports__, "LayerContext", function() { return /* reexport */ LayerStack["a" /* LayerContext */]; });
170
- __webpack_require__.d(__webpack_exports__, "LayerStackGlobalProvider", function() { return /* reexport */ LayerStack["c" /* LayerStackGlobalProvider */]; });
171
-
172
- // EXTERNAL MODULE: external "react"
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
- // EXTERNAL MODULE: external "prop-types"
180
- var external_prop_types_ = __webpack_require__(1);
181
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
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
- // EXTERNAL MODULE: external "lodash/pull"
192
- var pull_ = __webpack_require__(120);
193
- var pull_default = /*#__PURE__*/__webpack_require__.n(pull_);
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
- // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
196
- var keyboard_ = __webpack_require__(7);
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
- // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
199
- var EventListener_ = __webpack_require__(16);
200
- var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
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
- // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
203
- var LayerStack = __webpack_require__(93);
128
+ if (!scope[name]) {
129
+ scope[name] = []; // eslint-disable-line no-param-reassign
130
+ }
204
131
 
205
- // EXTERNAL MODULE: external "styled-components"
206
- var external_styled_components_ = __webpack_require__(3);
207
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
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
- // EXTERNAL MODULE: external "@splunk/themes"
210
- var themes_ = __webpack_require__(0);
141
+ LayerStackGlobalProvider.propTypes = propTypes;
211
142
 
212
- // CONCATENATED MODULE: ./src/Layer/LayerStyles.ts
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.a.div.withConfig({
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 && Object(external_styled_components_["css"])(["isolation:isolate;z-index:", ";"], themes_["variables"].zindexLayer);
156
+ return $separateStackingContexts && (0,external_styled_components_namespaceObject.css)(["isolation:isolate;z-index:", ";"], themes_namespaceObject.variables.zindexLayer);
221
157
  });
222
158
 
223
- // EXTERNAL MODULE: ./src/utils/ssrDocument.ts
224
- var ssrDocument = __webpack_require__(27);
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
- // CONCATENATED MODULE: ./src/Layer/Layer.tsx
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 propTypes = {
266
- children: external_prop_types_default.a.node,
267
- closeReasons: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOf(possibleCloseReasons)),
268
- onRequestClose: external_prop_types_default.a.func,
269
- open: external_prop_types_default.a.bool
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 Layer_Layer = /*#__PURE__*/function (_Component) {
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 && Object(keyboard_["keycode"])(event) === 'esc' && last_default()(_this.getLayerStack()) === _assertThisInitialized(_this) && includes_default()(_this.props.closeReasons, 'escapeKey')) {
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 = Object(ssrDocument["a" /* getDocument */])();
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__*/Object(external_react_dom_["createPortal"])( /*#__PURE__*/external_react_default.a.createElement(LayerStack["a" /* LayerContext */].Consumer, null, function (_ref2) {
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.a.createElement(StyledLayer // eslint-disable-line jsx-a11y/no-static-element-interactions
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.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
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.a.createElement(EventListener_default.a, {
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.a.createElement(EventListener_default.a, {
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
- }(external_react_["Component"]);
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
- function LayerStackGlobalProvider(_ref) {
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
- if (!scope[name]) {
575
- scope[name] = []; // eslint-disable-line no-param-reassign
576
- }
416
+ _defineProperty(Layer, "defaultProps", defaultProps);
577
417
 
578
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerStackContext.Provider, {
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
- /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(167)))
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
+ ;