@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.
- 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.js +105 -197
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +21 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +128 -246
- package/CloseButton.js +92 -200
- package/Code.js +162 -250
- 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 -354
- package/Menu.js +489 -760
- 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 +1135 -1761
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +370 -620
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +161 -303
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1028 -1430
- 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 +943 -1448
- 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 +14 -15
- package/stubs-splunkui.d.ts +4 -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 +7 -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/Option.d.ts +1 -1
- 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/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/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/SlidingPanels.js
CHANGED
|
@@ -1,111 +1,105 @@
|
|
|
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
|
+
/******/ }
|
|
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
|
-
/******/
|
|
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
|
-
|
|
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
|
-
|
|
105
|
-
|
|
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
|
-
|
|
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.
|
|
256
|
-
panelId: external_prop_types_default.
|
|
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.
|
|
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.
|
|
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
|
|
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
|
-
|
|
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.
|
|
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
|
-
}(
|
|
246
|
+
}(external_react_namespaceObject.Component);
|
|
346
247
|
|
|
347
|
-
_defineProperty(
|
|
248
|
+
_defineProperty(Panel, "propTypes", propTypes);
|
|
348
249
|
|
|
349
|
-
_defineProperty(
|
|
250
|
+
_defineProperty(Panel, "defaultProps", defaultProps);
|
|
350
251
|
|
|
351
|
-
/* harmony default export */
|
|
352
|
-
|
|
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.
|
|
395
|
-
children: external_prop_types_default.
|
|
396
|
-
elementRef: external_prop_types_default.
|
|
397
|
-
innerClassName: external_prop_types_default.
|
|
398
|
-
innerStyle: external_prop_types_default.
|
|
399
|
-
onAnimationEnd: external_prop_types_default.
|
|
400
|
-
outerClassName: external_prop_types_default.
|
|
401
|
-
outerStyle: external_prop_types_default.
|
|
402
|
-
transition: external_prop_types_default.
|
|
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
|
|
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 =
|
|
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.
|
|
383
|
+
var clonedPanel = currentPanel ? /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
|
|
483
384
|
style: transitionStyle
|
|
484
|
-
}, /*#__PURE__*/
|
|
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 =
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
}(
|
|
497
|
+
}(external_react_namespaceObject.Component);
|
|
597
498
|
|
|
598
|
-
SlidingPanels_defineProperty(
|
|
499
|
+
SlidingPanels_defineProperty(SlidingPanels, "propTypes", SlidingPanels_propTypes);
|
|
599
500
|
|
|
600
|
-
SlidingPanels_defineProperty(
|
|
501
|
+
SlidingPanels_defineProperty(SlidingPanels, "defaultProps", SlidingPanels_defaultProps);
|
|
601
502
|
|
|
602
|
-
SlidingPanels_defineProperty(
|
|
503
|
+
SlidingPanels_defineProperty(SlidingPanels, "Panel", SlidingPanels_Panel);
|
|
603
504
|
|
|
604
|
-
SlidingPanels_defineProperty(
|
|
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 */
|
|
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
|
-
|
|
524
|
+
;// CONCATENATED MODULE: ./src/SlidingPanels/index.ts
|
|
668
525
|
|
|
669
|
-
/***/ })
|
|
670
526
|
|
|
671
|
-
|
|
527
|
+
module.exports = __webpack_exports__;
|
|
528
|
+
/******/ })()
|
|
529
|
+
;
|