@splunk/react-ui 4.20.0 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.js +105 -197
  7. package/Button.js +168 -316
  8. package/ButtonGroup.js +84 -168
  9. package/ButtonSimple.js +224 -324
  10. package/CHANGELOG.md +21 -0
  11. package/Calendar.js +264 -462
  12. package/Card.js +223 -371
  13. package/CardLayout.js +87 -163
  14. package/Chip.js +199 -323
  15. package/Clickable.js +128 -246
  16. package/CloseButton.js +92 -200
  17. package/Code.js +162 -250
  18. package/CollapsiblePanel.js +214 -370
  19. package/Color.js +267 -495
  20. package/ColumnLayout.js +152 -254
  21. package/ComboBox.js +197 -371
  22. package/Concertina.js +214 -374
  23. package/ControlGroup.js +164 -288
  24. package/Date.js +154 -304
  25. package/DefinitionList.js +104 -180
  26. package/Divider.js +80 -156
  27. package/Dropdown.js +121 -263
  28. package/DualListbox.js +408 -601
  29. package/EventListener.js +70 -138
  30. package/File.js +343 -547
  31. package/FormRows.js +232 -414
  32. package/Heading.js +94 -164
  33. package/Image.js +167 -323
  34. package/JSONTree.js +166 -314
  35. package/Layer.js +221 -388
  36. package/Link.js +133 -239
  37. package/List.js +85 -161
  38. package/Markdown.js +230 -354
  39. package/Menu.js +489 -760
  40. package/Message.js +248 -437
  41. package/MessageBar.js +220 -408
  42. package/Modal.js +201 -365
  43. package/ModalLayer.js +96 -196
  44. package/Monogram.js +112 -204
  45. package/Multiselect.js +1135 -1761
  46. package/Number.js +178 -334
  47. package/Paginator.js +170 -336
  48. package/Paragraph.js +77 -153
  49. package/Popover.js +370 -620
  50. package/Progress.js +139 -255
  51. package/RadioBar.js +156 -280
  52. package/RadioList.js +182 -282
  53. package/Resize.js +173 -307
  54. package/ResultsMenu.js +161 -303
  55. package/ScreenReaderContent.js +75 -151
  56. package/Scroll.js +125 -267
  57. package/ScrollContainerContext.js +129 -201
  58. package/Search.js +188 -354
  59. package/Select.js +1028 -1430
  60. package/SidePanel.js +106 -214
  61. package/Slider.js +198 -348
  62. package/SlidingPanels.js +138 -280
  63. package/SplitButton.js +141 -273
  64. package/StaticContent.js +84 -168
  65. package/StepBar.js +138 -246
  66. package/Switch.js +261 -385
  67. package/TabBar.js +261 -398
  68. package/TabLayout.js +122 -238
  69. package/Table.js +943 -1448
  70. package/Text.js +335 -549
  71. package/TextArea.js +315 -537
  72. package/Tooltip.js +152 -292
  73. package/TransitionOpen.js +118 -242
  74. package/Typography.js +81 -157
  75. package/WaitSpinner.js +117 -209
  76. package/package.json +14 -15
  77. package/stubs-splunkui.d.ts +4 -1
  78. package/types/src/ComboBox/Option.d.ts +1 -1
  79. package/types/src/Concertina/Concertina.d.ts +4 -0
  80. package/types/src/Link/Link.d.ts +7 -3
  81. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  82. package/types/src/Markdown/Markdown.d.ts +1 -1
  83. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  84. package/types/src/Menu/Item.d.ts +1 -1
  85. package/types/src/Menu/Menu.d.ts +1 -0
  86. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  87. package/types/src/Multiselect/Option.d.ts +1 -1
  88. package/types/src/Search/Option.d.ts +1 -1
  89. package/types/src/Select/Option.d.ts +1 -1
  90. package/types/src/Select/OptionBase.d.ts +1 -1
  91. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  92. package/useForceUpdate.js +46 -110
  93. package/useKeyPress.js +50 -107
  94. package/usePrevious.js +47 -111
  95. package/useRovingFocus.js +53 -133
  96. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  97. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  98. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/SlidingPanels.js CHANGED
@@ -1,111 +1,105 @@
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
+ /******/ }
28
+ /******/ };
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 });
18
44
  /******/ };
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 = 207);
86
- /******/ })
45
+ /******/ })();
46
+ /******/
87
47
  /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, exports) {
92
-
93
- module.exports = require("@splunk/themes");
94
-
95
- /***/ }),
96
-
97
- /***/ 1:
98
- /***/ (function(module, exports) {
99
-
100
- module.exports = require("prop-types");
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
101
51
 
102
- /***/ }),
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ Panel: () => (/* reexport */ SlidingPanels_Panel),
55
+ "default": () => (/* reexport */ SlidingPanels_SlidingPanels)
56
+ });
103
57
 
104
- /***/ 10:
105
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
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/filter"
65
+ const filter_namespaceObject = require("lodash/filter");
66
+ var filter_default = /*#__PURE__*/__webpack_require__.n(filter_namespaceObject);
67
+ ;// CONCATENATED MODULE: external "lodash/keys"
68
+ const keys_namespaceObject = require("lodash/keys");
69
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
70
+ ;// CONCATENATED MODULE: external "lodash/omit"
71
+ const omit_namespaceObject = require("lodash/omit");
72
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
73
+ ;// CONCATENATED MODULE: external "lodash/values"
74
+ const values_namespaceObject = require("lodash/values");
75
+ var values_default = /*#__PURE__*/__webpack_require__.n(values_namespaceObject);
76
+ ;// CONCATENATED MODULE: external "react-spring"
77
+ const external_react_spring_namespaceObject = require("react-spring");
78
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Animation"
79
+ const Animation_namespaceObject = require("@splunk/react-ui/Animation");
80
+ ;// CONCATENATED MODULE: external "styled-components"
81
+ const external_styled_components_namespaceObject = require("styled-components");
82
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
83
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
84
+ const Box_namespaceObject = require("@splunk/react-ui/Box");
85
+ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
86
+ ;// CONCATENATED MODULE: external "@splunk/themes"
87
+ const themes_namespaceObject = require("@splunk/themes");
88
+ ;// CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanelsStyles.ts
89
+
90
+
91
+
92
+
93
+ var StyledBox = external_styled_components_default()((0,external_react_spring_namespaceObject.animated)((Box_default()))).withConfig({
94
+ displayName: "SlidingPanelsStyles__StyledBox",
95
+ componentId: "su6isq-0"
96
+ })(["overflow:hidden;position:relative;"]);
97
+ var Styled = external_styled_components_default()(external_react_spring_namespaceObject.animated.div).withConfig({
98
+ displayName: "SlidingPanelsStyles__Styled",
99
+ componentId: "su6isq-1"
100
+ })(["", ";", ";"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.mixins.clearfix());
106
101
 
107
- "use strict";
108
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
102
+ ;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
109
103
  /**
110
104
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
111
105
  *
@@ -125,100 +119,7 @@ function updateReactRef(ref, current) {
125
119
  }
126
120
 
127
121
 
128
-
129
- /***/ }),
130
-
131
- /***/ 157:
132
- /***/ (function(module, exports) {
133
-
134
- module.exports = require("lodash/filter");
135
-
136
- /***/ }),
137
-
138
- /***/ 158:
139
- /***/ (function(module, exports) {
140
-
141
- module.exports = require("lodash/values");
142
-
143
- /***/ }),
144
-
145
- /***/ 2:
146
- /***/ (function(module, exports) {
147
-
148
- module.exports = require("react");
149
-
150
- /***/ }),
151
-
152
- /***/ 207:
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_SlidingPanels_SlidingPanels; });
161
- __webpack_require__.d(__webpack_exports__, "Panel", function() { return /* reexport */ SlidingPanels_Panel; });
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/filter"
172
- var filter_ = __webpack_require__(157);
173
- var filter_default = /*#__PURE__*/__webpack_require__.n(filter_);
174
-
175
- // EXTERNAL MODULE: external "lodash/keys"
176
- var keys_ = __webpack_require__(9);
177
- var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
178
-
179
- // EXTERNAL MODULE: external "lodash/omit"
180
- var omit_ = __webpack_require__(5);
181
- var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
182
-
183
- // EXTERNAL MODULE: external "lodash/values"
184
- var values_ = __webpack_require__(158);
185
- var values_default = /*#__PURE__*/__webpack_require__.n(values_);
186
-
187
- // EXTERNAL MODULE: external "react-spring"
188
- var external_react_spring_ = __webpack_require__(24);
189
-
190
- // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
191
- var Animation_ = __webpack_require__(43);
192
-
193
- // EXTERNAL MODULE: external "styled-components"
194
- var external_styled_components_ = __webpack_require__(3);
195
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
196
-
197
- // EXTERNAL MODULE: external "@splunk/react-ui/Box"
198
- var Box_ = __webpack_require__(6);
199
- var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
200
-
201
- // EXTERNAL MODULE: external "@splunk/themes"
202
- var themes_ = __webpack_require__(0);
203
-
204
- // CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanelsStyles.ts
205
-
206
-
207
-
208
-
209
- var StyledBox = external_styled_components_default()(Object(external_react_spring_["animated"])(Box_default.a)).withConfig({
210
- displayName: "SlidingPanelsStyles__StyledBox",
211
- componentId: "su6isq-0"
212
- })(["overflow:hidden;position:relative;"]);
213
- var Styled = external_styled_components_default()(external_react_spring_["animated"].div).withConfig({
214
- displayName: "SlidingPanelsStyles__Styled",
215
- componentId: "su6isq-1"
216
- })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
217
-
218
- // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
219
- var updateReactRef = __webpack_require__(10);
220
-
221
- // CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
122
+ ;// CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
222
123
  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); }
223
124
 
224
125
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -252,29 +153,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
252
153
 
253
154
 
254
155
  var propTypes = {
255
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
256
- panelId: external_prop_types_default.a.any.isRequired,
156
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
157
+ panelId: (external_prop_types_default()).any.isRequired,
257
158
 
258
159
  /**
259
160
  * @private.
260
161
  * Used internally, func passed in from outer place is overwritten
261
162
  * by SlidingPanels during rendering
262
163
  */
263
- onMount: external_prop_types_default.a.func,
164
+ onMount: (external_prop_types_default()).func,
264
165
 
265
166
  /**
266
167
  * @private.
267
168
  * Used internally, func passed in from outer place is overwritten
268
169
  * by SlidingPanels during rendering
269
170
  */
270
- onUnmount: external_prop_types_default.a.func
171
+ onUnmount: (external_prop_types_default()).func
271
172
  };
272
173
  var defaultProps = {};
273
174
 
274
175
  /**
275
176
  * Container for arbitrary content.
276
177
  */
277
- var Panel_Panel = /*#__PURE__*/function (_Component) {
178
+ var Panel = /*#__PURE__*/function (_Component) {
278
179
  _inherits(Panel, _Component);
279
180
 
280
181
  var _super = _createSuper(Panel);
@@ -294,7 +195,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
294
195
 
295
196
  _defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
296
197
  _this.el = el;
297
- Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
198
+ updateReactRef(_this.props.elementRef, el);
298
199
  });
299
200
 
300
201
  return _this;
@@ -332,7 +233,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
332
233
  key: "render",
333
234
  value: function render() {
334
235
  var panelId = this.props.panelId;
335
- return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
236
+ return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
336
237
  "data-test": "panel",
337
238
  "data-test-panel-id": panelId
338
239
  }, omit_default()(this.props, keys_default()(Panel.propTypes)), {
@@ -342,14 +243,14 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
342
243
  }]);
343
244
 
344
245
  return Panel;
345
- }(external_react_["Component"]);
246
+ }(external_react_namespaceObject.Component);
346
247
 
347
- _defineProperty(Panel_Panel, "propTypes", propTypes);
248
+ _defineProperty(Panel, "propTypes", propTypes);
348
249
 
349
- _defineProperty(Panel_Panel, "defaultProps", defaultProps);
250
+ _defineProperty(Panel, "defaultProps", defaultProps);
350
251
 
351
- /* harmony default export */ var SlidingPanels_Panel = (Panel_Panel);
352
- // CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanels.tsx
252
+ /* harmony default export */ const SlidingPanels_Panel = (Panel);
253
+ ;// CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanels.tsx
353
254
  function SlidingPanels_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { SlidingPanels_typeof = function _typeof(obj) { return typeof obj; }; } else { SlidingPanels_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return SlidingPanels_typeof(obj); }
354
255
 
355
256
  function SlidingPanels_extends() { SlidingPanels_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return SlidingPanels_extends.apply(this, arguments); }
@@ -391,21 +292,21 @@ function SlidingPanels_defineProperty(obj, key, value) { if (key in obj) { Objec
391
292
 
392
293
 
393
294
  var SlidingPanels_propTypes = {
394
- activePanelId: external_prop_types_default.a.any.isRequired,
395
- children: external_prop_types_default.a.node,
396
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
397
- innerClassName: external_prop_types_default.a.string,
398
- innerStyle: external_prop_types_default.a.object,
399
- onAnimationEnd: external_prop_types_default.a.func,
400
- outerClassName: external_prop_types_default.a.string,
401
- outerStyle: external_prop_types_default.a.object,
402
- transition: external_prop_types_default.a.oneOf(['forward', 'backward'])
295
+ activePanelId: (external_prop_types_default()).any.isRequired,
296
+ children: (external_prop_types_default()).node,
297
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
298
+ innerClassName: (external_prop_types_default()).string,
299
+ innerStyle: (external_prop_types_default()).object,
300
+ onAnimationEnd: (external_prop_types_default()).func,
301
+ outerClassName: (external_prop_types_default()).string,
302
+ outerStyle: (external_prop_types_default()).object,
303
+ transition: external_prop_types_default().oneOf(['forward', 'backward'])
403
304
  };
404
305
  var SlidingPanels_defaultProps = {
405
306
  transition: 'forward'
406
307
  };
407
308
 
408
- var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
309
+ var SlidingPanels = /*#__PURE__*/function (_Component) {
409
310
  SlidingPanels_inherits(SlidingPanels, _Component);
410
311
 
411
312
  var _super = SlidingPanels_createSuper(SlidingPanels);
@@ -472,16 +373,16 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
472
373
  var _this$props2 = _this.props,
473
374
  children = _this$props2.children,
474
375
  transition = _this$props2.transition;
475
- var currentPanel = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).find(function (child) {
376
+ var currentPanel = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).find(function (child) {
476
377
  return child.props.panelId === activePanelId;
477
378
  }); // TODO: Fix Interplation<string | number> can't be cast to string
478
379
 
479
380
  var transform = (_transitionStyle$tran = transitionStyle.translateX) === null || _transitionStyle$tran === void 0 ? void 0 : _transitionStyle$tran.to(function (x) {
480
381
  return "translateX(".concat(x * maxWidth * (transition === 'forward' ? 1 : -1), "px)");
481
382
  });
482
- var clonedPanel = currentPanel ? /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
383
+ var clonedPanel = currentPanel ? /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
483
384
  style: transitionStyle
484
- }, /*#__PURE__*/Object(external_react_["cloneElement"])(currentPanel, {
385
+ }, /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(currentPanel, {
485
386
  style: _objectSpread(_objectSpread({}, currentPanel.props.style), {}, {
486
387
  transform: transform
487
388
  }),
@@ -507,7 +408,7 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
507
408
  height: interpolatedOuterStyle.height
508
409
  } : {});
509
410
 
510
- var currentPanel = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).find(function (child) {
411
+ var currentPanel = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).find(function (child) {
511
412
  return child.props.panelId === activePanelId;
512
413
  });
513
414
 
@@ -527,20 +428,20 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
527
428
  }).reduce(function (max, current) {
528
429
  return Math.max(max, current);
529
430
  }, 0);
530
- return /*#__PURE__*/external_react_default.a.createElement(StyledBox, SlidingPanels_extends({
431
+ return /*#__PURE__*/external_react_default().createElement(StyledBox, SlidingPanels_extends({
531
432
  className: outerClassName,
532
433
  "data-test-active-panel-id": activePanelId,
533
434
  "data-test": "sliding-panels",
534
435
  elementRef: elementRef,
535
436
  style: style
536
- }, omit_default()(_this.props, keys_default()(SlidingPanels.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Animation_["Transition"], {
437
+ }, omit_default()(_this.props, keys_default()(SlidingPanels.propTypes))), /*#__PURE__*/external_react_default().createElement(Animation_namespaceObject.Transition, {
537
438
  from: transitionStyle,
538
439
  enter: _this.willEnter(),
539
440
  leave: _this.willLeave(animating),
540
441
  items: activePanelId
541
442
  }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
542
443
  function (styles, item) {
543
- return /*#__PURE__*/external_react_default.a.createElement(external_react_spring_["animated"].div, {
444
+ return /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
544
445
  style: innerStyle,
545
446
  className: innerClassName
546
447
  }, _this.renderPanel(styles, item, maxWidth));
@@ -579,7 +480,7 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
579
480
  width: width,
580
481
  height: height
581
482
  };
582
- return /*#__PURE__*/external_react_default.a.createElement(Animation_["Spring"], {
483
+ return /*#__PURE__*/external_react_default().createElement(Animation_namespaceObject.Spring, {
583
484
  to: style,
584
485
  onRest: this.handleAnimationEnd,
585
486
  immediate: panelLoading,
@@ -593,15 +494,15 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
593
494
  }]);
594
495
 
595
496
  return SlidingPanels;
596
- }(external_react_["Component"]);
497
+ }(external_react_namespaceObject.Component);
597
498
 
598
- SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "propTypes", SlidingPanels_propTypes);
499
+ SlidingPanels_defineProperty(SlidingPanels, "propTypes", SlidingPanels_propTypes);
599
500
 
600
- SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "defaultProps", SlidingPanels_defaultProps);
501
+ SlidingPanels_defineProperty(SlidingPanels, "defaultProps", SlidingPanels_defaultProps);
601
502
 
602
- SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "Panel", SlidingPanels_Panel);
503
+ SlidingPanels_defineProperty(SlidingPanels, "Panel", SlidingPanels_Panel);
603
504
 
604
- SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromProps", function (props, state) {
505
+ SlidingPanels_defineProperty(SlidingPanels, "getDerivedStateFromProps", function (props, state) {
605
506
  if (props.activePanelId !== state.prevActivePanelId) {
606
507
  // instead of using panelId, assign each sliding event an id and
607
508
  // use it as the key to make sure new panelA will transit as expected if
@@ -618,54 +519,11 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
618
519
  return null;
619
520
  });
620
521
 
621
- /* harmony default export */ var src_SlidingPanels_SlidingPanels = (SlidingPanels_SlidingPanels);
622
-
623
- // CONCATENATED MODULE: ./src/SlidingPanels/index.ts
624
-
625
-
626
-
627
- /***/ }),
628
-
629
- /***/ 24:
630
- /***/ (function(module, exports) {
631
-
632
- module.exports = require("react-spring");
633
-
634
- /***/ }),
635
-
636
- /***/ 3:
637
- /***/ (function(module, exports) {
638
-
639
- module.exports = require("styled-components");
640
-
641
- /***/ }),
642
-
643
- /***/ 43:
644
- /***/ (function(module, exports) {
645
-
646
- module.exports = require("@splunk/react-ui/Animation");
647
-
648
- /***/ }),
649
-
650
- /***/ 5:
651
- /***/ (function(module, exports) {
652
-
653
- module.exports = require("lodash/omit");
654
-
655
- /***/ }),
656
-
657
- /***/ 6:
658
- /***/ (function(module, exports) {
659
-
660
- module.exports = require("@splunk/react-ui/Box");
661
-
662
- /***/ }),
663
-
664
- /***/ 9:
665
- /***/ (function(module, exports) {
522
+ /* harmony default export */ const SlidingPanels_SlidingPanels = (SlidingPanels);
666
523
 
667
- module.exports = require("lodash/keys");
524
+ ;// CONCATENATED MODULE: ./src/SlidingPanels/index.ts
668
525
 
669
- /***/ })
670
526
 
671
- /******/ });
527
+ module.exports = __webpack_exports__;
528
+ /******/ })()
529
+ ;