@splunk/react-ui 4.41.0 → 4.42.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 (41) hide show
  1. package/ButtonGroup.js +1 -3
  2. package/CHANGELOG.md +22 -0
  3. package/Dropdown.js +33 -32
  4. package/Layer.js +115 -97
  5. package/Link.js +19 -21
  6. package/Menu.js +9 -8
  7. package/MessageBar.js +54 -56
  8. package/Multiselect.js +1051 -1035
  9. package/Number.js +51 -48
  10. package/Popover.js +481 -479
  11. package/Resize.js +61 -61
  12. package/ResultsMenu.js +4 -4
  13. package/Scroll.js +482 -475
  14. package/Select.js +532 -513
  15. package/Table.js +1515 -1433
  16. package/Text.js +29 -17
  17. package/TextArea.js +37 -37
  18. package/Tooltip.js +300 -207
  19. package/package.json +4 -4
  20. package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
  21. package/types/src/Dropdown/Dropdown.d.ts +2 -1
  22. package/types/src/Layer/Layer.d.ts +2 -1
  23. package/types/src/Link/Link.d.ts +0 -2
  24. package/types/src/Number/Number.d.ts +10 -2
  25. package/types/src/Popover/Popover.d.ts +1 -4
  26. package/types/src/Resize/Resize.d.ts +0 -11
  27. package/types/src/Scroll/Inner.d.ts +17 -19
  28. package/types/src/Select/SelectBase.d.ts +6 -4
  29. package/types/src/Table/ExpandButton.d.ts +8 -0
  30. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  31. package/types/src/Table/HeadInner.d.ts +5 -1
  32. package/types/src/Table/Row.d.ts +8 -2
  33. package/types/src/Tooltip/Tooltip.d.ts +38 -5
  34. package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
  35. package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
  36. package/types/src/useControlled/useControlled.d.ts +5 -4
  37. package/useControlled.js +37 -15
  38. package/usePrevious.js +62 -30
  39. package/useRovingFocus.js +5 -4
  40. package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
  41. package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
package/Scroll.js CHANGED
@@ -1,34 +1,91 @@
1
1
  /******/ (() => {
2
2
  // webpackBootstrap
3
3
  /******/ "use strict";
4
- /******/ // The require scope
5
- /******/ var e = {};
4
+ /******/ var e = {
5
+ /***/ 1558:
6
+ /***/ (e, t, r) => {
7
+ // EXPORTS
8
+ r.d(t, {
9
+ default: () => /* reexport */ l
10
+ });
11
+ // EXTERNAL MODULE: external "react"
12
+ var n = r(9497);
13
+ // CONCATENATED MODULE: ./src/usePrevious/usePrevious.tsx
14
+ /**
15
+ * This is a private component not intended for use outside @splunk/react-ui
16
+ *
17
+ * Keeps the previous version of a value. Useful for emulating the "prevState"
18
+ * argument to componentDidUpdate() in functional components.
19
+ * See https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
20
+ *
21
+ * @param value - The value to store
22
+ */
23
+ function o(e) {
24
+ var t = (0, n.useRef)();
25
+ (0, n.useEffect)((function() {
26
+ t.current = e;
27
+ }), [ e ]);
28
+ return t.current;
29
+ }
30
+ /* harmony default export */ const l = o;
31
+ } // CONCATENATED MODULE: ./src/usePrevious/index.ts
32
+ /***/ ,
33
+ /***/ 9497:
34
+ /***/ e => {
35
+ e.exports = require("react");
36
+ /***/
37
+ /******/ }
38
+ };
39
+ /************************************************************************/
40
+ /******/ // The module cache
41
+ /******/ var t = {};
42
+ /******/
43
+ /******/ // The require function
44
+ /******/ function r(n) {
45
+ /******/ // Check if module is in cache
46
+ /******/ var o = t[n];
47
+ /******/ if (o !== undefined) {
48
+ /******/ return o.exports;
49
+ /******/ }
50
+ /******/ // Create a new module (and put it into the cache)
51
+ /******/ var l = t[n] = {
52
+ /******/ // no module.id needed
53
+ /******/ // no module.loaded needed
54
+ /******/ exports: {}
55
+ /******/ };
56
+ /******/
57
+ /******/ // Execute the module function
58
+ /******/ e[n](l, l.exports, r);
59
+ /******/
60
+ /******/ // Return the exports of the module
61
+ /******/ return l.exports;
62
+ /******/ }
6
63
  /******/
7
64
  /************************************************************************/
8
65
  /******/ /* webpack/runtime/compat get default export */
9
66
  /******/ (() => {
10
67
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
- /******/ e.n = t => {
12
- /******/ var r = t && t.__esModule ?
13
- /******/ () => t["default"]
14
- /******/ : () => t
68
+ /******/ r.n = e => {
69
+ /******/ var t = e && e.__esModule ?
70
+ /******/ () => e["default"]
71
+ /******/ : () => e
15
72
  /******/;
16
- e.d(r, {
17
- a: r
73
+ r.d(t, {
74
+ a: t
18
75
  });
19
- /******/ return r;
76
+ /******/ return t;
20
77
  /******/ };
21
78
  /******/ })();
22
79
  /******/
23
80
  /******/ /* webpack/runtime/define property getters */
24
81
  /******/ (() => {
25
82
  /******/ // define getter functions for harmony exports
26
- /******/ e.d = (t, r) => {
27
- /******/ for (var n in r) {
28
- /******/ if (e.o(r, n) && !e.o(t, n)) {
29
- /******/ Object.defineProperty(t, n, {
83
+ /******/ r.d = (e, t) => {
84
+ /******/ for (var n in t) {
85
+ /******/ if (r.o(t, n) && !r.o(e, n)) {
86
+ /******/ Object.defineProperty(e, n, {
30
87
  enumerable: true,
31
- get: r[n]
88
+ get: t[n]
32
89
  });
33
90
  /******/ }
34
91
  /******/ }
@@ -37,14 +94,14 @@
37
94
  /******/
38
95
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
96
  /******/ (() => {
40
- /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
97
+ /******/ r.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
41
98
  /******/;
42
99
  })();
43
100
  /******/
44
101
  /******/ /* webpack/runtime/make namespace object */
45
102
  /******/ (() => {
46
103
  /******/ // define __esModule on exports
47
- /******/ e.r = e => {
104
+ /******/ r.r = e => {
48
105
  /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
49
106
  /******/ Object.defineProperty(e, Symbol.toStringTag, {
50
107
  value: "Module"
@@ -56,195 +113,180 @@
56
113
  /******/ };
57
114
  /******/ })();
58
115
  /******/
59
- /************************************************************************/ var t = {};
60
- // ESM COMPAT FLAG
61
- e.r(t);
62
- // EXPORTS
63
- e.d(t, {
64
- default: () => /* reexport */ ae
65
- });
66
- // CONCATENATED MODULE: external "react"
67
- const r = require("react");
68
- var n = e.n(r);
69
- // CONCATENATED MODULE: external "prop-types"
70
- const o = require("prop-types");
71
- var l = e.n(o);
72
- // CONCATENATED MODULE: external "lodash/isFinite"
73
- const i = require("lodash/isFinite");
74
- var a = e.n(i);
75
- // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
76
- const u = require("@splunk/react-ui/Animation");
77
- // CONCATENATED MODULE: external "styled-components"
78
- const c = require("styled-components");
79
- var f = e.n(c);
80
- // CONCATENATED MODULE: external "@splunk/themes"
81
- const s = require("@splunk/themes");
82
- // CONCATENATED MODULE: external "lodash/keys"
83
- const p = require("lodash/keys");
84
- var d = e.n(p);
85
- // CONCATENATED MODULE: external "lodash/omit"
86
- const y = require("lodash/omit");
87
- var v = e.n(y);
88
- // CONCATENATED MODULE: external "react-spring"
89
- const b = require("react-spring");
90
- // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
91
- const h = require("@splunk/react-ui/EventListener");
92
- var m = e.n(h);
93
- // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
94
- const w = require("@splunk/react-ui/ScrollContainerContext");
95
- // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
96
- /**
116
+ /************************************************************************/ var n = {};
117
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
118
+ (() => {
119
+ // ESM COMPAT FLAG
120
+ r.r(n);
121
+ // EXPORTS
122
+ r.d(n, {
123
+ default: () => /* reexport */ re
124
+ });
125
+ // EXTERNAL MODULE: external "react"
126
+ var e = r(9497);
127
+ var t = r.n(e);
128
+ // CONCATENATED MODULE: external "prop-types"
129
+ const o = require("prop-types");
130
+ var l = r.n(o);
131
+ // CONCATENATED MODULE: external "lodash/isFinite"
132
+ const i = require("lodash/isFinite");
133
+ var a = r.n(i);
134
+ // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
135
+ const u = require("@splunk/react-ui/Animation");
136
+ // CONCATENATED MODULE: external "styled-components"
137
+ const c = require("styled-components");
138
+ var f = r.n(c);
139
+ // CONCATENATED MODULE: external "@splunk/themes"
140
+ const s = require("@splunk/themes");
141
+ // CONCATENATED MODULE: external "lodash/keys"
142
+ const p = require("lodash/keys");
143
+ var d = r.n(p);
144
+ // CONCATENATED MODULE: external "lodash/omit"
145
+ const v = require("lodash/omit");
146
+ var y = r.n(v);
147
+ // CONCATENATED MODULE: external "react-spring"
148
+ const b = require("react-spring");
149
+ // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
150
+ const m = require("@splunk/react-ui/EventListener");
151
+ var h = r.n(m);
152
+ // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
153
+ const g = require("@splunk/react-ui/ScrollContainerContext");
154
+ // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
155
+ /**
97
156
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
98
157
  *
99
158
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
100
159
  * @param current - The new value of the ref.
101
160
  */
102
- function g(e, t) {
103
- if (e) {
104
- if (typeof e === "function") {
105
- e(t);
106
- } else {
107
- // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
108
- // the intention here is to signal "we will take care of setting 'current', not you".
109
- e.current = t;
161
+ function S(e, t) {
162
+ if (e) {
163
+ if (typeof e === "function") {
164
+ e(t);
165
+ } else {
166
+ // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
167
+ // the intention here is to signal "we will take care of setting 'current', not you".
168
+ e.current = t;
110
169
  // eslint-disable-line no-param-reassign
111
- }
170
+ }
171
+ }
112
172
  }
113
- }
114
- // CONCATENATED MODULE: ./src/Scroll/Inner.tsx
115
- function O(e) {
116
- "@babel/helpers - typeof";
117
- return O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
118
- return typeof e;
119
- } : function(e) {
120
- return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
121
- }, O(e);
122
- }
123
- function S() {
124
- return S = Object.assign ? Object.assign.bind() : function(e) {
125
- for (var t = 1; t < arguments.length; t++) {
126
- var r = arguments[t];
127
- for (var n in r) {
128
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
173
+ // EXTERNAL MODULE: ./src/usePrevious/index.ts + 1 modules
174
+ var w = r(1558);
175
+ // CONCATENATED MODULE: ./src/Scroll/Inner.tsx
176
+ function O() {
177
+ return O = Object.assign ? Object.assign.bind() : function(e) {
178
+ for (var t = 1; t < arguments.length; t++) {
179
+ var r = arguments[t];
180
+ for (var n in r) {
181
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
182
+ }
129
183
  }
184
+ return e;
185
+ }, O.apply(null, arguments);
186
+ }
187
+ function j(e, t) {
188
+ return C(e) || L(e, t) || T(e, t) || P();
189
+ }
190
+ function P() {
191
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
192
+ }
193
+ function T(e, t) {
194
+ if (e) {
195
+ if ("string" == typeof e) return E(e, t);
196
+ var r = {}.toString.call(e).slice(8, -1);
197
+ return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? E(e, t) : void 0;
130
198
  }
131
- return e;
132
- }, S.apply(null, arguments);
133
- }
134
- function j(e, t) {
135
- if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
136
- }
137
- function P(e, t) {
138
- for (var r = 0; r < t.length; r++) {
139
- var n = t[r];
140
- n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
141
- Object.defineProperty(e, q(n.key), n);
142
199
  }
143
- }
144
- function T(e, t, r) {
145
- return t && P(e.prototype, t), r && P(e, r), Object.defineProperty(e, "prototype", {
146
- writable: !1
147
- }), e;
148
- }
149
- function E(e, t) {
150
- if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
151
- e.prototype = Object.create(t && t.prototype, {
152
- constructor: {
153
- value: e,
154
- writable: !0,
155
- configurable: !0
200
+ function E(e, t) {
201
+ (null == t || t > e.length) && (t = e.length);
202
+ for (var r = 0, n = Array(t); r < t; r++) {
203
+ n[r] = e[r];
156
204
  }
157
- }), Object.defineProperty(e, "prototype", {
158
- writable: !1
159
- }), t && _(e, t);
160
- }
161
- function _(e, t) {
162
- return _ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
163
- return e.__proto__ = t, e;
164
- }, _(e, t);
165
- }
166
- function L(e) {
167
- var t = M();
168
- return function() {
169
- var r, n = k(e);
170
- if (t) {
171
- var o = k(this).constructor;
172
- r = Reflect.construct(n, arguments, o);
173
- } else r = n.apply(this, arguments);
174
- return R(this, r);
175
- };
176
- }
177
- function R(e, t) {
178
- if (t && ("object" == O(t) || "function" == typeof t)) return t;
179
- if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
180
- return W(e);
181
- }
182
- function W(e) {
183
- if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
184
- return e;
185
- }
186
- function M() {
187
- try {
188
- var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
189
- } catch (e) {}
190
- return (M = function t() {
191
- return !!e;
192
- })();
193
- }
194
- function k(e) {
195
- return k = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
196
- return e.__proto__ || Object.getPrototypeOf(e);
197
- }, k(e);
198
- }
199
- function C(e, t, r) {
200
- return (t = q(t)) in e ? Object.defineProperty(e, t, {
201
- value: r,
202
- enumerable: !0,
203
- configurable: !0,
204
- writable: !0
205
- }) : e[t] = r, e;
206
- }
207
- function q(e) {
208
- var t = X(e, "string");
209
- return "symbol" == O(t) ? t : t + "";
210
- }
211
- function X(e, t) {
212
- if ("object" != O(e) || !e) return e;
213
- var r = e[Symbol.toPrimitive];
214
- if (void 0 !== r) {
215
- var n = r.call(e, t || "default");
216
- if ("object" != O(n)) return n;
217
- throw new TypeError("@@toPrimitive must return a primitive value.");
205
+ return n;
218
206
  }
219
- return ("string" === t ? String : Number)(e);
220
- }
221
- var Y = {
222
- children: l().node,
223
- defaultLeft: l().number,
224
- defaultTop: l().number,
225
- elementRef: l().oneOfType([ l().func, l().object ]),
226
- left: l().object,
227
- onScroll: l().func,
228
- stopScrollPropagation: l().oneOf([ true, false, "window" ]),
229
- tagName: l().string,
230
- top: l().object
231
- };
232
- var N = {
233
- defaultLeft: 0,
234
- defaultTop: 0,
235
- tagName: "div"
236
- };
237
- var x = function(e) {
238
- E(r, e);
239
- var t = L(r);
240
- function r(e) {
241
- var n;
242
- j(this, r);
243
- n = t.call(this, e);
244
- C(W(n), "defaultWindowOverflowX", "visible");
245
- C(W(n), "defaultWindowOverflowY", "visible");
246
- C(W(n), "handleWheel", (function(e) {
247
- var t = n.state.containerEl;
207
+ function L(e, t) {
208
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
209
+ if (null != r) {
210
+ var n, o, l, i, a = [], u = !0, c = !1;
211
+ try {
212
+ if (l = (r = r.call(e)).next, 0 === t) {
213
+ if (Object(r) !== r) return;
214
+ u = !1;
215
+ } else for (;!(u = (n = l.call(r)).done) && (a.push(n.value), a.length !== t); u = !0) {
216
+ }
217
+ } catch (e) {
218
+ c = !0, o = e;
219
+ } finally {
220
+ try {
221
+ if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
222
+ } finally {
223
+ if (c) throw o;
224
+ }
225
+ }
226
+ return a;
227
+ }
228
+ }
229
+ function C(e) {
230
+ if (Array.isArray(e)) return e;
231
+ }
232
+ function R(e, t) {
233
+ if (null == e) return {};
234
+ var r, n, o = _(e, t);
235
+ if (Object.getOwnPropertySymbols) {
236
+ var l = Object.getOwnPropertySymbols(e);
237
+ for (n = 0; n < l.length; n++) {
238
+ r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
239
+ }
240
+ }
241
+ return o;
242
+ }
243
+ function _(e, t) {
244
+ if (null == e) return {};
245
+ var r = {};
246
+ for (var n in e) {
247
+ if ({}.hasOwnProperty.call(e, n)) {
248
+ if (t.includes(n)) continue;
249
+ r[n] = e[n];
250
+ }
251
+ }
252
+ return r;
253
+ }
254
+ var k = {
255
+ children: l().node,
256
+ defaultLeft: l().number,
257
+ defaultTop: l().number,
258
+ elementRef: l().oneOfType([ l().func, l().object ]),
259
+ left: l().object,
260
+ onScroll: l().func,
261
+ stopScrollPropagation: l().oneOf([ true, false, "window" ]),
262
+ tagName: l().string,
263
+ top: l().object
264
+ };
265
+ var x = {
266
+ passive: false
267
+ };
268
+ function q(r) {
269
+ var n = r.children, o = r.defaultLeft, l = o === void 0 ? 0 : o, i = r.defaultTop, u = i === void 0 ? 0 : i, c = r.elementRef, f = r.left, s = r.onScroll, p = r.stopScrollPropagation, v = r.tagName, m = v === void 0 ? "div" : v, P = r.top, T = R(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
270
+ var E = (0, e.useState)("visible"), L = j(E, 2), C = L[0], _ = L[1];
271
+ var q = (0, e.useState)("visible"), I = j(q, 2), M = I[0], A = I[1];
272
+ var N = (0, e.useState)(null), X = j(N, 2), Y = X[0], H = X[1];
273
+ var W = (0, w["default"])(Y);
274
+ (0, e.useEffect)((function() {
275
+ if (Y) {
276
+ if (!W) {
277
+ Y.scrollTop = u;
278
+ Y.scrollLeft = l;
279
+ }
280
+ if (a()(P)) {
281
+ Y.scrollTop = (P === null || P === void 0 ? void 0 : P.get()) || 0;
282
+ }
283
+ if (a()(f)) {
284
+ Y.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
285
+ }
286
+ }
287
+ }), [ Y, W, u, l, P, f ]);
288
+ var D = (0, e.useCallback)((function(e) {
289
+ var t = Y;
248
290
  if (!t) {
249
291
  return;
250
292
  }
@@ -273,307 +315,272 @@
273
315
  e.preventDefault();
274
316
  return;
275
317
  }
276
- var o = t.scrollHeight - t.clientHeight;
277
- if (e.deltaY && e.deltaY + t.scrollTop > o) {
278
- t.scrollTop = o;
318
+ var n = t.scrollHeight - t.clientHeight;
319
+ if (e.deltaY && e.deltaY + t.scrollTop > n) {
320
+ t.scrollTop = n;
279
321
  e.stopPropagation();
280
322
  e.preventDefault();
281
323
  }
282
324
  }
283
- }));
284
- C(W(n), "handleMount", (function(e) {
285
- n.setState({
286
- containerEl: e
287
- });
288
- g(n.props.elementRef, e);
289
- }));
290
- C(W(n), "handleMouseEnter", (function() {
291
- n.defaultWindowOverflowX = document.body.style.overflowX;
292
- n.defaultWindowOverflowY = document.body.style.overflowY;
325
+ }), [ Y ]);
326
+ var B = (0, e.useCallback)((function(e) {
327
+ H(e);
328
+ S(c, e);
329
+ }), [ c ]);
330
+ var F = (0, e.useCallback)((function() {
331
+ _(document.body.style.overflowX);
332
+ A(document.body.style.overflowY);
293
333
  document.body.style.overflowX = "hidden";
294
334
  document.body.style.overflowY = "hidden";
335
+ }), []);
336
+ var U = (0, e.useCallback)((function() {
337
+ document.body.style.overflowX = C;
338
+ document.body.style.overflowY = M;
339
+ }), [ C, M ]);
340
+ var $ = b.animated[m];
341
+
342
+ return t().createElement(t().Fragment, null, t().createElement($, O({}, y()(T, d()(k)), {
343
+ ref: B,
344
+ onMouseEnter: p === "window" ? F : undefined,
345
+ onMouseLeave: p === "window" ? U : undefined,
346
+ onScroll: s,
347
+ scrollTop: P,
348
+ scrollLeft: f
349
+ }), t().createElement(g.ScrollContainerProvider, {
350
+ value: Y
351
+ }, n)), p === true && Y && t().createElement(h(), {
352
+ target: Y,
353
+ eventType: "wheel",
354
+ listener: D,
355
+ options: x
295
356
  }));
296
- C(W(n), "handleMouseLeave", (function() {
297
- document.body.style.overflowX = n.defaultWindowOverflowX;
298
- document.body.style.overflowY = n.defaultWindowOverflowY;
299
- }));
300
- n.state = {
301
- containerEl: null
302
- };
303
- return n;
304
357
  }
305
- T(r, [ {
306
- key: "componentDidUpdate",
307
- value: function e(t, r) {
308
- if (this.state.containerEl) {
309
- if (!r.containerEl) {
310
- this.state.containerEl.scrollTop = this.props.defaultTop;
311
- this.state.containerEl.scrollLeft = this.props.defaultLeft;
312
- }
313
- if (a()(this.props.top)) {
314
- var n;
315
- this.state.containerEl.scrollTop = ((n = this.props.top) === null || n === void 0 ? void 0 : n.get()) || 0;
316
- }
317
- if (a()(this.props.left)) {
318
- var o;
319
- this.state.containerEl.scrollLeft = ((o = this.props.left) === null || o === void 0 ? void 0 : o.get()) || 0;
358
+ q.propTypes = k;
359
+ /* harmony default export */ const I = q;
360
+ // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
361
+ var M = f()(I).withConfig({
362
+ displayName: "ScrollStyles__StyledInner",
363
+ componentId: "sc-1xspttf-0"
364
+ })([ "", ";overflow:auto;overflow-y:auto;overflow-x:hidden;" ], s.mixins.reset("block"));
365
+ // CONCATENATED MODULE: ./src/Scroll/Scroll.tsx
366
+ function A(e) {
367
+ "@babel/helpers - typeof";
368
+ return A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
369
+ return typeof e;
370
+ } : function(e) {
371
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
372
+ }, A(e);
373
+ }
374
+ function N() {
375
+ return N = Object.assign ? Object.assign.bind() : function(e) {
376
+ for (var t = 1; t < arguments.length; t++) {
377
+ var r = arguments[t];
378
+ for (var n in r) {
379
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
320
380
  }
321
381
  }
322
- }
323
- }, {
324
- key: "render",
325
- value: function e() {
326
- var t = this.props, o = t.children, l = t.onScroll, i = t.stopScrollPropagation, a = t.top, u = t.left;
327
- var c = this.state.containerEl;
328
- var f = b.animated[this.props.tagName];
329
-
330
- return n().createElement(n().Fragment, null, n().createElement(f, S({}, v()(this.props, d()(r.propTypes)), {
331
- ref: this.handleMount,
332
- onMouseEnter: i === "window" ? this.handleMouseEnter : undefined,
333
- onMouseLeave: i === "window" ? this.handleMouseLeave : undefined,
334
- onScroll: l,
335
- scrollTop: a,
336
- scrollLeft: u
337
- }), n().createElement(w.ScrollContainerProvider, {
338
- value: c
339
- }, o)), i === true && c && n().createElement(m(), {
340
- target: c,
341
- eventType: "wheel",
342
- listener: this.handleWheel,
343
- options: {
344
- passive: false
345
- }
346
- }));
347
- }
348
- } ]);
349
- return r;
350
- }(r.Component);
351
- C(x, "propTypes", Y);
352
- C(x, "defaultProps", N);
353
- /* harmony default export */ const D = x;
354
- // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
355
- var H = f()(D).withConfig({
356
- displayName: "ScrollStyles__StyledInner",
357
- componentId: "sc-1xspttf-0"
358
- })([ "", ";overflow:auto;overflow-y:auto;overflow-x:hidden;" ], s.mixins.reset("block"));
359
- // CONCATENATED MODULE: ./src/Scroll/Scroll.tsx
360
- function I(e) {
361
- "@babel/helpers - typeof";
362
- return I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
363
- return typeof e;
364
- } : function(e) {
365
- return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
366
- }, I(e);
367
- }
368
- function B() {
369
- return B = Object.assign ? Object.assign.bind() : function(e) {
370
- for (var t = 1; t < arguments.length; t++) {
371
- var r = arguments[t];
372
- for (var n in r) {
373
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
382
+ return e;
383
+ }, N.apply(null, arguments);
384
+ }
385
+ function X(e, t) {
386
+ if (null == e) return {};
387
+ var r, n, o = Y(e, t);
388
+ if (Object.getOwnPropertySymbols) {
389
+ var l = Object.getOwnPropertySymbols(e);
390
+ for (n = 0; n < l.length; n++) {
391
+ r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
374
392
  }
375
393
  }
376
- return e;
377
- }, B.apply(null, arguments);
378
- }
379
- function F(e, t) {
380
- if (null == e) return {};
381
- var r, n, o = A(e, t);
382
- if (Object.getOwnPropertySymbols) {
383
- var l = Object.getOwnPropertySymbols(e);
384
- for (n = 0; n < l.length; n++) {
385
- r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
386
- }
394
+ return o;
387
395
  }
388
- return o;
389
- }
390
- function A(e, t) {
391
- if (null == e) return {};
392
- var r = {};
393
- for (var n in e) {
394
- if ({}.hasOwnProperty.call(e, n)) {
395
- if (t.includes(n)) continue;
396
- r[n] = e[n];
396
+ function Y(e, t) {
397
+ if (null == e) return {};
398
+ var r = {};
399
+ for (var n in e) {
400
+ if ({}.hasOwnProperty.call(e, n)) {
401
+ if (t.includes(n)) continue;
402
+ r[n] = e[n];
403
+ }
397
404
  }
405
+ return r;
398
406
  }
399
- return r;
400
- }
401
- function U(e, t) {
402
- if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
403
- }
404
- function z(e, t) {
405
- for (var r = 0; r < t.length; r++) {
406
- var n = t[r];
407
- n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
408
- Object.defineProperty(e, re(n.key), n);
407
+ function H(e, t) {
408
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
409
409
  }
410
- }
411
- function G(e, t, r) {
412
- return t && z(e.prototype, t), r && z(e, r), Object.defineProperty(e, "prototype", {
413
- writable: !1
414
- }), e;
415
- }
416
- function J(e, t) {
417
- if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
418
- e.prototype = Object.create(t && t.prototype, {
419
- constructor: {
420
- value: e,
421
- writable: !0,
422
- configurable: !0
410
+ function W(e, t) {
411
+ for (var r = 0; r < t.length; r++) {
412
+ var n = t[r];
413
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
414
+ Object.defineProperty(e, Q(n.key), n);
423
415
  }
424
- }), Object.defineProperty(e, "prototype", {
425
- writable: !1
426
- }), t && K(e, t);
427
- }
428
- function K(e, t) {
429
- return K = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
430
- return e.__proto__ = t, e;
431
- }, K(e, t);
432
- }
433
- function Q(e) {
434
- var t = $();
435
- return function() {
436
- var r, n = ee(e);
437
- if (t) {
438
- var o = ee(this).constructor;
439
- r = Reflect.construct(n, arguments, o);
440
- } else r = n.apply(this, arguments);
441
- return V(this, r);
442
- };
443
- }
444
- function V(e, t) {
445
- if (t && ("object" == I(t) || "function" == typeof t)) return t;
446
- if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
447
- return Z(e);
448
- }
449
- function Z(e) {
450
- if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
451
- return e;
452
- }
453
- function $() {
454
- try {
455
- var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
456
- } catch (e) {}
457
- return ($ = function t() {
458
- return !!e;
459
- })();
460
- }
461
- function ee(e) {
462
- return ee = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
463
- return e.__proto__ || Object.getPrototypeOf(e);
464
- }, ee(e);
465
- }
466
- function te(e, t, r) {
467
- return (t = re(t)) in e ? Object.defineProperty(e, t, {
468
- value: r,
469
- enumerable: !0,
470
- configurable: !0,
471
- writable: !0
472
- }) : e[t] = r, e;
473
- }
474
- function re(e) {
475
- var t = ne(e, "string");
476
- return "symbol" == I(t) ? t : t + "";
477
- }
478
- function ne(e, t) {
479
- if ("object" != I(e) || !e) return e;
480
- var r = e[Symbol.toPrimitive];
481
- if (void 0 !== r) {
482
- var n = r.call(e, t || "default");
483
- if ("object" != I(n)) return n;
484
- throw new TypeError("@@toPrimitive must return a primitive value.");
485
416
  }
486
- return ("string" === t ? String : Number)(e);
487
- }
488
- var oe = {
489
- children: l().node,
490
- elementRef: l().oneOfType([ l().func, l().object ]),
491
- left: l().number,
492
- onScroll: l().func,
493
- onScrollComplete: l().func,
494
- stopScrollPropagation: l().oneOf([ true, false, "window" ]),
495
- tagName: l().string,
496
- top: l().number
497
- };
498
- var le = {
499
- stopScrollPropagation: false,
500
- tagName: "div"
501
- };
502
- var ie = function(e) {
503
- J(r, e);
504
- var t = Q(r);
505
- // @docs-props-type ScrollPropsBase
506
- function r(e) {
507
- var o;
508
- U(this, r);
509
- o = t.call(this, e);
510
- te(Z(o), "handleRest", (function() {
511
- var e, t;
512
- (e = (t = o.props).onScrollComplete) === null || e === void 0 ? void 0 : e.call(t);
513
- }));
514
- te(Z(o), "handleScroll", (function(e) {
515
- var t, r;
516
- o.setState({
517
- currentLeft: e.currentTarget.scrollLeft,
518
- currentTop: e.currentTarget.scrollTop
519
- });
520
- (t = (r = o.props).onScroll) === null || t === void 0 ? void 0 : t.call(r, e);
521
- }));
522
- te(Z(o), "renderInner", (function(e) {
523
- var t = o.props, r = t.children, l = t.elementRef, i = t.left, u = t.top, c = t.onScrollComplete, f = F(t, [ "children", "elementRef", "left", "top", "onScrollComplete" ]);
524
-
525
- return n().createElement(H, B({
526
- "data-test": "scroll"
527
- }, f, {
528
- key: "inner",
529
- top: a()(u) ? e.top : undefined,
530
- left: a()(i) ? e.left : undefined,
531
- elementRef: l,
532
- onScroll: o.handleScroll
533
- }), r);
534
- }));
535
- o.state = {
536
- currentLeft: 0,
537
- currentTop: 0
538
- };
539
- return o;
417
+ function D(e, t, r) {
418
+ return t && W(e.prototype, t), r && W(e, r), Object.defineProperty(e, "prototype", {
419
+ writable: !1
420
+ }), e;
540
421
  }
541
- G(r, [ {
542
- key: "render",
543
- value: function e() {
544
- var t = this.props, r = t.left, o = t.top;
545
- var l = this.state, i = l.currentLeft, c = l.currentTop;
546
- var f = {};
547
- // When isFinite, the prop is defined and therefore animating.
548
- if (a()(r)) {
549
- f.left = r;
550
- } else {
551
- f.left = i;
552
- }
553
- if (a()(o)) {
554
- f.top = o;
555
- } else {
556
- f.top = c;
422
+ function B(e, t) {
423
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
424
+ e.prototype = Object.create(t && t.prototype, {
425
+ constructor: {
426
+ value: e,
427
+ writable: !0,
428
+ configurable: !0
557
429
  }
558
-
559
- return n().createElement(u.Spring, {
560
- from: {
561
- left: 0,
562
- top: 0
563
- },
564
- to: f,
565
- onRest: this.handleRest,
566
- config: {
567
- precision: 10
568
- }
569
- }, this.renderInner);
430
+ }), Object.defineProperty(e, "prototype", {
431
+ writable: !1
432
+ }), t && F(e, t);
433
+ }
434
+ function F(e, t) {
435
+ return F = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
436
+ return e.__proto__ = t, e;
437
+ }, F(e, t);
438
+ }
439
+ function U(e) {
440
+ var t = G();
441
+ return function() {
442
+ var r, n = J(e);
443
+ if (t) {
444
+ var o = J(this).constructor;
445
+ r = Reflect.construct(n, arguments, o);
446
+ } else r = n.apply(this, arguments);
447
+ return $(this, r);
448
+ };
449
+ }
450
+ function $(e, t) {
451
+ if (t && ("object" == A(t) || "function" == typeof t)) return t;
452
+ if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
453
+ return z(e);
454
+ }
455
+ function z(e) {
456
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
457
+ return e;
458
+ }
459
+ function G() {
460
+ try {
461
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
462
+ } catch (e) {}
463
+ return (G = function t() {
464
+ return !!e;
465
+ })();
466
+ }
467
+ function J(e) {
468
+ return J = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
469
+ return e.__proto__ || Object.getPrototypeOf(e);
470
+ }, J(e);
471
+ }
472
+ function K(e, t, r) {
473
+ return (t = Q(t)) in e ? Object.defineProperty(e, t, {
474
+ value: r,
475
+ enumerable: !0,
476
+ configurable: !0,
477
+ writable: !0
478
+ }) : e[t] = r, e;
479
+ }
480
+ function Q(e) {
481
+ var t = V(e, "string");
482
+ return "symbol" == A(t) ? t : t + "";
483
+ }
484
+ function V(e, t) {
485
+ if ("object" != A(e) || !e) return e;
486
+ var r = e[Symbol.toPrimitive];
487
+ if (void 0 !== r) {
488
+ var n = r.call(e, t || "default");
489
+ if ("object" != A(n)) return n;
490
+ throw new TypeError("@@toPrimitive must return a primitive value.");
570
491
  }
571
- } ]);
572
- return r;
573
- }(r.Component);
574
- te(ie, "propTypes", oe);
575
- te(ie, "defaultProps", le);
576
- /* harmony default export */ const ae = ie;
577
- // CONCATENATED MODULE: ./src/Scroll/index.ts
578
- module.exports = t;
492
+ return ("string" === t ? String : Number)(e);
493
+ }
494
+ var Z = {
495
+ children: l().node,
496
+ elementRef: l().oneOfType([ l().func, l().object ]),
497
+ left: l().number,
498
+ onScroll: l().func,
499
+ onScrollComplete: l().func,
500
+ stopScrollPropagation: l().oneOf([ true, false, "window" ]),
501
+ tagName: l().string,
502
+ top: l().number
503
+ };
504
+ var ee = {
505
+ stopScrollPropagation: false,
506
+ tagName: "div"
507
+ };
508
+ var te = function(e) {
509
+ B(n, e);
510
+ var r = U(n);
511
+ // @docs-props-type ScrollPropsBase
512
+ function n(e) {
513
+ var o;
514
+ H(this, n);
515
+ o = r.call(this, e);
516
+ K(z(o), "handleRest", (function() {
517
+ var e, t;
518
+ (e = (t = o.props).onScrollComplete) === null || e === void 0 ? void 0 : e.call(t);
519
+ }));
520
+ K(z(o), "handleScroll", (function(e) {
521
+ var t, r;
522
+ o.setState({
523
+ currentLeft: e.currentTarget.scrollLeft,
524
+ currentTop: e.currentTarget.scrollTop
525
+ });
526
+ (t = (r = o.props).onScroll) === null || t === void 0 ? void 0 : t.call(r, e);
527
+ }));
528
+ K(z(o), "renderInner", (function(e) {
529
+ var r = o.props, n = r.children, l = r.elementRef, i = r.left, u = r.top, c = r.onScrollComplete, f = X(r, [ "children", "elementRef", "left", "top", "onScrollComplete" ]);
530
+
531
+ return t().createElement(M, N({
532
+ "data-test": "scroll"
533
+ }, f, {
534
+ key: "inner",
535
+ top: a()(u) ? e.top : undefined,
536
+ left: a()(i) ? e.left : undefined,
537
+ elementRef: l,
538
+ onScroll: o.handleScroll
539
+ }), n);
540
+ }));
541
+ o.state = {
542
+ currentLeft: 0,
543
+ currentTop: 0
544
+ };
545
+ return o;
546
+ }
547
+ D(n, [ {
548
+ key: "render",
549
+ value: function e() {
550
+ var r = this.props, n = r.left, o = r.top;
551
+ var l = this.state, i = l.currentLeft, c = l.currentTop;
552
+ var f = {};
553
+ // When isFinite, the prop is defined and therefore animating.
554
+ if (a()(n)) {
555
+ f.left = n;
556
+ } else {
557
+ f.left = i;
558
+ }
559
+ if (a()(o)) {
560
+ f.top = o;
561
+ } else {
562
+ f.top = c;
563
+ }
564
+
565
+ return t().createElement(u.Spring, {
566
+ from: {
567
+ left: 0,
568
+ top: 0
569
+ },
570
+ to: f,
571
+ onRest: this.handleRest,
572
+ config: {
573
+ precision: 10
574
+ }
575
+ }, this.renderInner);
576
+ }
577
+ } ]);
578
+ return n;
579
+ }(e.Component);
580
+ K(te, "propTypes", Z);
581
+ K(te, "defaultProps", ee);
582
+ /* harmony default export */ const re = te;
583
+ }) // CONCATENATED MODULE: ./src/Scroll/index.ts
584
+ ();
585
+ module.exports = n;
579
586
  /******/})();