@splunk/react-ui 4.19.0 → 4.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -355
- package/Menu.js +396 -647
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +975 -1447
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +12 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/TransitionOpen.js
CHANGED
|
@@ -1,175 +1,101 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
18
28
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/
|
|
32
|
-
/******/
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 235);
|
|
86
|
-
/******/ })
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
/***/ 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
|
-
/***/ 2:
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("react");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 235:
|
|
112
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
|
-
|
|
114
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
115
49
|
// ESM COMPAT FLAG
|
|
116
50
|
__webpack_require__.r(__webpack_exports__);
|
|
117
51
|
|
|
118
52
|
// EXPORTS
|
|
119
|
-
__webpack_require__.d(__webpack_exports__,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
var external_react_ = __webpack_require__(2);
|
|
123
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
124
|
-
|
|
125
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
126
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
127
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
128
|
-
|
|
129
|
-
// EXTERNAL MODULE: external "lodash/keys"
|
|
130
|
-
var keys_ = __webpack_require__(9);
|
|
131
|
-
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
132
|
-
|
|
133
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
134
|
-
var omit_ = __webpack_require__(5);
|
|
135
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
136
|
-
|
|
137
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Animation"
|
|
138
|
-
var Animation_ = __webpack_require__(40);
|
|
139
|
-
|
|
140
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
|
|
141
|
-
var focus_ = __webpack_require__(29);
|
|
142
|
-
|
|
143
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/style"
|
|
144
|
-
var style_ = __webpack_require__(37);
|
|
145
|
-
|
|
146
|
-
// EXTERNAL MODULE: external "react-spring"
|
|
147
|
-
var external_react_spring_ = __webpack_require__(24);
|
|
148
|
-
|
|
149
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
150
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
151
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
152
|
-
|
|
153
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
154
|
-
var themes_ = __webpack_require__(0);
|
|
155
|
-
|
|
156
|
-
// CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpenStyles.ts
|
|
157
|
-
|
|
158
|
-
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* reexport */ TransitionOpen_TransitionOpen)
|
|
55
|
+
});
|
|
159
56
|
|
|
160
|
-
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
61
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
62
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
63
|
+
;// CONCATENATED MODULE: external "lodash/keys"
|
|
64
|
+
const keys_namespaceObject = require("lodash/keys");
|
|
65
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
|
|
66
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
67
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
68
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
69
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Animation"
|
|
70
|
+
const Animation_namespaceObject = require("@splunk/react-ui/Animation");
|
|
71
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/focus"
|
|
72
|
+
const focus_namespaceObject = require("@splunk/ui-utils/focus");
|
|
73
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/style"
|
|
74
|
+
const style_namespaceObject = require("@splunk/ui-utils/style");
|
|
75
|
+
;// CONCATENATED MODULE: external "react-spring"
|
|
76
|
+
const external_react_spring_namespaceObject = require("react-spring");
|
|
77
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
78
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
79
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
80
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
81
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
82
|
+
;// CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpenStyles.ts
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
var Styled = external_styled_components_default()(external_react_spring_namespaceObject.animated.div).withConfig({
|
|
161
87
|
displayName: "TransitionOpenStyles__Styled",
|
|
162
88
|
componentId: "sc-1x58s0g-0"
|
|
163
|
-
})(["", ";", ";"],
|
|
89
|
+
})(["", ";", ";"], themes_namespaceObject.mixins.reset('block'), function (_ref) {
|
|
164
90
|
var $hideOverflow = _ref.$hideOverflow;
|
|
165
|
-
return $hideOverflow &&
|
|
91
|
+
return $hideOverflow && (0,external_styled_components_namespaceObject.css)(["overflow:hidden;"]);
|
|
166
92
|
});
|
|
167
|
-
var StyledInner = external_styled_components_default()(
|
|
93
|
+
var StyledInner = external_styled_components_default()(external_react_spring_namespaceObject.animated.div).withConfig({
|
|
168
94
|
displayName: "TransitionOpenStyles__StyledInner",
|
|
169
95
|
componentId: "sc-1x58s0g-1"
|
|
170
|
-
})(["", ";", ";width:100%;"],
|
|
96
|
+
})(["", ";", ";width:100%;"], themes_namespaceObject.mixins.reset('table'), themes_namespaceObject.mixins.clearfix());
|
|
171
97
|
|
|
172
|
-
|
|
98
|
+
;// CONCATENATED MODULE: ./src/TransitionOpen/TransitionOpen.tsx
|
|
173
99
|
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); }
|
|
174
100
|
|
|
175
101
|
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); }
|
|
@@ -209,21 +135,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
209
135
|
|
|
210
136
|
|
|
211
137
|
var propTypes = {
|
|
212
|
-
animation: external_prop_types_default.
|
|
213
|
-
animateOnMount: external_prop_types_default.
|
|
214
|
-
children: external_prop_types_default.
|
|
215
|
-
className: external_prop_types_default.
|
|
216
|
-
id: external_prop_types_default.
|
|
217
|
-
innerClassName: external_prop_types_default.
|
|
218
|
-
innerStyle: external_prop_types_default.
|
|
219
|
-
onAnimationEnd: external_prop_types_default.
|
|
220
|
-
open: external_prop_types_default.
|
|
221
|
-
outerClassName: external_prop_types_default.
|
|
222
|
-
outerId: external_prop_types_default.
|
|
223
|
-
outerStyle: external_prop_types_default.
|
|
224
|
-
renderChildrenWhenCollapsed: external_prop_types_default.
|
|
225
|
-
retainFocus: external_prop_types_default.
|
|
226
|
-
takeFocus: external_prop_types_default.
|
|
138
|
+
animation: external_prop_types_default().oneOf(['slideFromTop', 'slideFromRight', 'slideFromBottom', 'slideFromLeft', 'expandHeight', 'expandWidth', 'none']),
|
|
139
|
+
animateOnMount: (external_prop_types_default()).bool,
|
|
140
|
+
children: (external_prop_types_default()).node,
|
|
141
|
+
className: (external_prop_types_default()).string,
|
|
142
|
+
id: (external_prop_types_default()).string,
|
|
143
|
+
innerClassName: (external_prop_types_default()).string,
|
|
144
|
+
innerStyle: (external_prop_types_default()).object,
|
|
145
|
+
onAnimationEnd: (external_prop_types_default()).func,
|
|
146
|
+
open: (external_prop_types_default()).bool,
|
|
147
|
+
outerClassName: (external_prop_types_default()).string,
|
|
148
|
+
outerId: (external_prop_types_default()).string,
|
|
149
|
+
outerStyle: (external_prop_types_default()).object,
|
|
150
|
+
renderChildrenWhenCollapsed: (external_prop_types_default()).bool,
|
|
151
|
+
retainFocus: (external_prop_types_default()).bool,
|
|
152
|
+
takeFocus: (external_prop_types_default()).bool
|
|
227
153
|
};
|
|
228
154
|
var defaultProps = {
|
|
229
155
|
animation: 'expandHeight',
|
|
@@ -236,7 +162,7 @@ var defaultProps = {
|
|
|
236
162
|
takeFocus: false
|
|
237
163
|
};
|
|
238
164
|
|
|
239
|
-
var
|
|
165
|
+
var TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
240
166
|
_inherits(TransitionOpen, _Component);
|
|
241
167
|
|
|
242
168
|
var _super = _createSuper(TransitionOpen);
|
|
@@ -257,7 +183,7 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
|
257
183
|
|
|
258
184
|
if (el) {
|
|
259
185
|
if (_this.props.takeFocus) {
|
|
260
|
-
|
|
186
|
+
(0,focus_namespaceObject.takeFocus)(el, 'container');
|
|
261
187
|
}
|
|
262
188
|
|
|
263
189
|
switch (animation) {
|
|
@@ -305,7 +231,7 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
|
305
231
|
|
|
306
232
|
_defineProperty(_assertThisInitialized(_this), "handleTab", function (e) {
|
|
307
233
|
if (_this.state.innerEl) {
|
|
308
|
-
|
|
234
|
+
(0,focus_namespaceObject.handleTab)(_this.state.innerEl, e);
|
|
309
235
|
}
|
|
310
236
|
});
|
|
311
237
|
|
|
@@ -348,12 +274,12 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
|
348
274
|
}
|
|
349
275
|
|
|
350
276
|
if (!open && !animating && renderChildrenWhenCollapsed) {
|
|
351
|
-
return /*#__PURE__*/external_react_default.
|
|
277
|
+
return /*#__PURE__*/external_react_default().createElement(Styled, {
|
|
352
278
|
$hideOverflow: false,
|
|
353
|
-
className:
|
|
279
|
+
className: (0,style_namespaceObject.toClassName)(className, outerClassName),
|
|
354
280
|
style: _objectSpread(_objectSpread({}, outerStyle), dimension && _defineProperty({}, dimension, value)),
|
|
355
281
|
id: outerId
|
|
356
|
-
}, /*#__PURE__*/external_react_default.
|
|
282
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledInner, _extends({
|
|
357
283
|
"data-test": "transition-open"
|
|
358
284
|
}, omit_default()(_this.props, keys_default()(TransitionOpen.propTypes)), {
|
|
359
285
|
ref: _this.handleMount,
|
|
@@ -370,12 +296,12 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
|
370
296
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
371
297
|
|
|
372
298
|
|
|
373
|
-
return /*#__PURE__*/external_react_default.
|
|
299
|
+
return /*#__PURE__*/external_react_default().createElement(Styled, {
|
|
374
300
|
$hideOverflow: !open || animating,
|
|
375
|
-
className:
|
|
301
|
+
className: (0,style_namespaceObject.toClassName)(className, outerClassName),
|
|
376
302
|
style: _objectSpread(_objectSpread({}, outerStyle), dimension && _defineProperty({}, dimension, value)),
|
|
377
303
|
id: outerId
|
|
378
|
-
}, (open || animating) && /*#__PURE__*/external_react_default.
|
|
304
|
+
}, (open || animating) && /*#__PURE__*/external_react_default().createElement(StyledInner, _extends({
|
|
379
305
|
"data-test": "transition-open"
|
|
380
306
|
}, omit_default()(_this.props, keys_default()(TransitionOpen.propTypes)), {
|
|
381
307
|
ref: _this.handleMount,
|
|
@@ -470,7 +396,7 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
|
470
396
|
key: "render",
|
|
471
397
|
value: function render() {
|
|
472
398
|
var animation = this.props.animation;
|
|
473
|
-
return /*#__PURE__*/external_react_default.
|
|
399
|
+
return /*#__PURE__*/external_react_default().createElement(Animation_namespaceObject.Spring, _extends({}, this.getSpringTransition(), {
|
|
474
400
|
immediate: animation === 'none',
|
|
475
401
|
onRest: this.handleRest
|
|
476
402
|
}), // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -479,13 +405,13 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
|
|
|
479
405
|
}]);
|
|
480
406
|
|
|
481
407
|
return TransitionOpen;
|
|
482
|
-
}(
|
|
408
|
+
}(external_react_namespaceObject.Component);
|
|
483
409
|
|
|
484
|
-
_defineProperty(
|
|
410
|
+
_defineProperty(TransitionOpen, "propTypes", propTypes);
|
|
485
411
|
|
|
486
|
-
_defineProperty(
|
|
412
|
+
_defineProperty(TransitionOpen, "defaultProps", defaultProps);
|
|
487
413
|
|
|
488
|
-
_defineProperty(
|
|
414
|
+
_defineProperty(TransitionOpen, "getDerivedStateFromProps", function (props, state) {
|
|
489
415
|
if (props.open !== state.prevOpen) {
|
|
490
416
|
return {
|
|
491
417
|
animating: true,
|
|
@@ -496,60 +422,10 @@ _defineProperty(TransitionOpen_TransitionOpen, "getDerivedStateFromProps", funct
|
|
|
496
422
|
return null;
|
|
497
423
|
});
|
|
498
424
|
|
|
499
|
-
/* harmony default export */
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
/***/ }),
|
|
505
|
-
|
|
506
|
-
/***/ 24:
|
|
507
|
-
/***/ (function(module, exports) {
|
|
508
|
-
|
|
509
|
-
module.exports = require("react-spring");
|
|
510
|
-
|
|
511
|
-
/***/ }),
|
|
512
|
-
|
|
513
|
-
/***/ 29:
|
|
514
|
-
/***/ (function(module, exports) {
|
|
515
|
-
|
|
516
|
-
module.exports = require("@splunk/ui-utils/focus");
|
|
517
|
-
|
|
518
|
-
/***/ }),
|
|
519
|
-
|
|
520
|
-
/***/ 3:
|
|
521
|
-
/***/ (function(module, exports) {
|
|
522
|
-
|
|
523
|
-
module.exports = require("styled-components");
|
|
524
|
-
|
|
525
|
-
/***/ }),
|
|
526
|
-
|
|
527
|
-
/***/ 37:
|
|
528
|
-
/***/ (function(module, exports) {
|
|
529
|
-
|
|
530
|
-
module.exports = require("@splunk/ui-utils/style");
|
|
531
|
-
|
|
532
|
-
/***/ }),
|
|
533
|
-
|
|
534
|
-
/***/ 40:
|
|
535
|
-
/***/ (function(module, exports) {
|
|
536
|
-
|
|
537
|
-
module.exports = require("@splunk/react-ui/Animation");
|
|
538
|
-
|
|
539
|
-
/***/ }),
|
|
540
|
-
|
|
541
|
-
/***/ 5:
|
|
542
|
-
/***/ (function(module, exports) {
|
|
543
|
-
|
|
544
|
-
module.exports = require("lodash/omit");
|
|
545
|
-
|
|
546
|
-
/***/ }),
|
|
547
|
-
|
|
548
|
-
/***/ 9:
|
|
549
|
-
/***/ (function(module, exports) {
|
|
550
|
-
|
|
551
|
-
module.exports = require("lodash/keys");
|
|
425
|
+
/* harmony default export */ const TransitionOpen_TransitionOpen = (TransitionOpen);
|
|
426
|
+
;// CONCATENATED MODULE: ./src/TransitionOpen/index.ts
|
|
552
427
|
|
|
553
|
-
/***/ })
|
|
554
428
|
|
|
555
|
-
|
|
429
|
+
module.exports = __webpack_exports__;
|
|
430
|
+
/******/ })()
|
|
431
|
+
;
|