@splunk/react-ui 5.3.0 → 5.4.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 (60) hide show
  1. package/Accordion.js +31 -31
  2. package/Avatar.js +13 -13
  3. package/Breadcrumbs.js +66 -63
  4. package/ButtonSimple.js +52 -52
  5. package/CHANGELOG.md +16 -0
  6. package/CardLayout.js +39 -36
  7. package/Clickable.js +5 -6
  8. package/Code.js +424 -528
  9. package/CollapsiblePanel.js +1 -1
  10. package/Color.js +903 -1025
  11. package/DefinitionList.js +1 -1
  12. package/FormRows.js +13 -11
  13. package/JSONTree.js +682 -1408
  14. package/Link.js +5 -5
  15. package/Markdown.js +9 -5
  16. package/Menu.js +72 -67
  17. package/Multiselect.js +2692 -2780
  18. package/Popover.js +201 -196
  19. package/Resize.js +11 -8
  20. package/ResultsMenu.js +913 -1030
  21. package/ScreenReaderContent.js +86 -130
  22. package/Scroll.js +366 -425
  23. package/Select.js +1741 -1832
  24. package/Slider.js +1 -1
  25. package/SlidingPanels.js +129 -127
  26. package/StepBar.js +123 -97
  27. package/Switch.js +115 -111
  28. package/TabBar.js +10 -10
  29. package/Table.js +1239 -1240
  30. package/TextArea.js +596 -684
  31. package/Tree.js +638 -682
  32. package/package.json +11 -11
  33. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
  34. package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
  35. package/types/src/Breadcrumbs/Item.d.ts +1 -1
  36. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  37. package/types/src/JSONTree/JSONTreeItem.d.ts +1 -1
  38. package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
  39. package/types/src/Modal/ModalContext.d.ts +1 -1
  40. package/types/src/Multiselect/Compact.d.ts +2 -2
  41. package/types/src/Multiselect/Normal.d.ts +2 -2
  42. package/types/src/Number/utils.d.ts +1 -1
  43. package/types/src/Popover/getPlacement.d.ts +1 -1
  44. package/types/src/RadioList/Option.d.ts +1 -1
  45. package/types/src/RadioList/RadioListContext.d.ts +1 -1
  46. package/types/src/StepBar/StepBar.d.ts +4 -1
  47. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  48. package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
  49. package/types/src/Switch/Switch.d.ts +7 -1
  50. package/types/src/TabBar/Tab.d.ts +3 -1
  51. package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
  52. package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
  53. package/types/src/TabLayout/Panel.d.ts +2 -0
  54. package/types/src/Table/Head.d.ts +1 -1
  55. package/types/src/Table/Row.d.ts +1 -1
  56. package/types/src/Table/Table.d.ts +1 -0
  57. package/types/src/Tree/TreeContext.d.ts +1 -1
  58. package/useControlled.js +61 -97
  59. package/usePrevious.js +30 -62
  60. package/useResizeObserver.js +95 -127
package/Scroll.js CHANGED
@@ -1,91 +1,34 @@
1
1
  /******/ (() => {
2
2
  // webpackBootstrap
3
3
  /******/ "use strict";
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
- /******/ }
4
+ /******/ // The require scope
5
+ /******/ var e = {};
63
6
  /******/
64
7
  /************************************************************************/
65
8
  /******/ /* webpack/runtime/compat get default export */
66
9
  /******/ (() => {
67
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
68
- /******/ r.n = e => {
69
- /******/ var t = e && e.__esModule ?
70
- /******/ () => e["default"]
71
- /******/ : () => e
11
+ /******/ e.n = t => {
12
+ /******/ var r = t && t.__esModule ?
13
+ /******/ () => t["default"]
14
+ /******/ : () => t
72
15
  /******/;
73
- r.d(t, {
74
- a: t
16
+ e.d(r, {
17
+ a: r
75
18
  });
76
- /******/ return t;
19
+ /******/ return r;
77
20
  /******/ };
78
21
  /******/ })();
79
22
  /******/
80
23
  /******/ /* webpack/runtime/define property getters */
81
24
  /******/ (() => {
82
25
  /******/ // define getter functions for harmony exports
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, {
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, {
87
30
  enumerable: true,
88
- get: t[n]
31
+ get: r[n]
89
32
  });
90
33
  /******/ }
91
34
  /******/ }
@@ -94,14 +37,14 @@
94
37
  /******/
95
38
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
96
39
  /******/ (() => {
97
- /******/ r.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
40
+ /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
98
41
  /******/;
99
42
  })();
100
43
  /******/
101
44
  /******/ /* webpack/runtime/make namespace object */
102
45
  /******/ (() => {
103
46
  /******/ // define __esModule on exports
104
- /******/ r.r = e => {
47
+ /******/ e.r = e => {
105
48
  /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
106
49
  /******/ Object.defineProperty(e, Symbol.toStringTag, {
107
50
  value: "Module"
@@ -113,396 +56,394 @@
113
56
  /******/ };
114
57
  /******/ })();
115
58
  /******/
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 */ B
124
- });
125
- // EXTERNAL MODULE: external "react"
126
- var e = r(9497);
127
- var t = r.n(e);
128
- // CONCATENATED MODULE: external "lodash/isFinite"
129
- const o = require("lodash/isFinite");
130
- var l = r.n(o);
131
- // CONCATENATED MODULE: external "prop-types"
132
- const a = require("prop-types");
133
- var i = r.n(a);
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 "@react-spring/web"
142
- const d = require("@react-spring/web");
143
- // CONCATENATED MODULE: external "lodash/keys"
144
- const p = require("lodash/keys");
145
- var v = r.n(p);
146
- // CONCATENATED MODULE: external "lodash/omit"
147
- const y = require("lodash/omit");
148
- var m = r.n(y);
149
- // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
150
- const b = require("@splunk/react-ui/EventListener");
151
- var g = r.n(b);
152
- // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
153
- const h = require("@splunk/react-ui/ScrollContainerContext");
154
- // EXTERNAL MODULE: ./src/usePrevious/index.ts + 1 modules
155
- var S = r(1558);
156
- // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
157
- /**
59
+ /************************************************************************/ var t = {};
60
+ // ESM COMPAT FLAG
61
+ e.r(t);
62
+ // EXPORTS
63
+ e.d(t, {
64
+ default: () => /* reexport */ G
65
+ });
66
+ // CONCATENATED MODULE: external "react"
67
+ const r = require("react");
68
+ var n = e.n(r);
69
+ // CONCATENATED MODULE: external "lodash/isFinite"
70
+ const o = require("lodash/isFinite");
71
+ var l = e.n(o);
72
+ // CONCATENATED MODULE: external "prop-types"
73
+ const a = require("prop-types");
74
+ var i = e.n(a);
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 "@react-spring/web"
83
+ const d = require("@react-spring/web");
84
+ // CONCATENATED MODULE: external "lodash/keys"
85
+ const p = require("lodash/keys");
86
+ var v = e.n(p);
87
+ // CONCATENATED MODULE: external "lodash/omit"
88
+ const y = require("lodash/omit");
89
+ var m = e.n(y);
90
+ // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
91
+ const b = require("@splunk/react-ui/EventListener");
92
+ var g = e.n(b);
93
+ // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
94
+ const h = require("@splunk/react-ui/ScrollContainerContext");
95
+ // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
96
+ const S = require("@splunk/react-ui/usePrevious");
97
+ var w = e.n(S);
98
+ // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
99
+ /**
158
100
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
159
101
  *
160
102
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
161
103
  * @param current - The new value of the ref.
162
104
  */
163
- function w(e, t) {
164
- if (e) {
165
- if (typeof e === "function") {
166
- e(t);
167
- } else {
168
- // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
169
- // the intention here is to signal "we will take care of setting 'current', not you".
170
- e.current = t;
105
+ function O(e, t) {
106
+ if (e) {
107
+ if (typeof e === "function") {
108
+ e(t);
109
+ } else {
110
+ // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
111
+ // the intention here is to signal "we will take care of setting 'current', not you".
112
+ e.current = t;
171
113
  // eslint-disable-line no-param-reassign
172
- }
173
- }
114
+ }
174
115
  }
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
- }
116
+ }
117
+ // CONCATENATED MODULE: ./src/Scroll/Inner.tsx
118
+ function P() {
119
+ return P = Object.assign ? Object.assign.bind() : function(e) {
120
+ for (var t = 1; t < arguments.length; t++) {
121
+ var r = arguments[t];
122
+ for (var n in r) {
123
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
183
124
  }
184
- return e;
185
- }, O.apply(null, arguments);
186
- }
187
- function j(e, t) {
188
- return A(e) || C(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 x(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) ? x(e, t) : void 0;
198
125
  }
126
+ return e;
127
+ }, P.apply(null, arguments);
128
+ }
129
+ function j(e, t) {
130
+ return L(e) || A(e, t) || C(e, t) || T();
131
+ }
132
+ function T() {
133
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
134
+ }
135
+ function C(e, t) {
136
+ if (e) {
137
+ if ("string" == typeof e) return k(e, t);
138
+ var r = {}.toString.call(e).slice(8, -1);
139
+ 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) ? k(e, t) : void 0;
199
140
  }
200
- function x(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];
204
- }
205
- return n;
141
+ }
142
+ function k(e, t) {
143
+ (null == t || t > e.length) && (t = e.length);
144
+ for (var r = 0, n = Array(t); r < t; r++) {
145
+ n[r] = e[r];
206
146
  }
207
- function C(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, a, i = [], u = !0, c = !1;
147
+ return n;
148
+ }
149
+ function A(e, t) {
150
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
151
+ if (null != r) {
152
+ var n, o, l, a, i = [], u = !0, c = !1;
153
+ try {
154
+ if (l = (r = r.call(e)).next, 0 === t) {
155
+ if (Object(r) !== r) return;
156
+ u = !1;
157
+ } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
158
+ }
159
+ } catch (e) {
160
+ c = !0, o = e;
161
+ } finally {
211
162
  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) && (i.push(n.value), i.length !== t); u = !0) {
216
- }
217
- } catch (e) {
218
- c = !0, o = e;
163
+ if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
219
164
  } finally {
220
- try {
221
- if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
222
- } finally {
223
- if (c) throw o;
224
- }
165
+ if (c) throw o;
225
166
  }
226
- return i;
227
167
  }
168
+ return i;
228
169
  }
229
- function A(e) {
230
- if (Array.isArray(e)) return e;
231
- }
232
- function k(e, t) {
233
- if (null == e) return {};
234
- var r, n, o = E(e, t);
235
- if (Object.getOwnPropertySymbols) {
236
- var l = Object.getOwnPropertySymbols(e);
237
- for (n = 0; n < l.length; n++) {
238
- r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
239
- }
170
+ }
171
+ function L(e) {
172
+ if (Array.isArray(e)) return e;
173
+ }
174
+ function q(e, t) {
175
+ if (null == e) return {};
176
+ var r, n, o = E(e, t);
177
+ if (Object.getOwnPropertySymbols) {
178
+ var l = Object.getOwnPropertySymbols(e);
179
+ for (n = 0; n < l.length; n++) {
180
+ r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
240
181
  }
241
- return o;
242
182
  }
243
- function E(e, t) {
244
- if (null == e) return {};
245
- var r = {};
246
- for (var n in e) {
247
- if ({}.hasOwnProperty.call(e, n)) {
248
- if (-1 !== t.indexOf(n)) continue;
249
- r[n] = e[n];
250
- }
183
+ return o;
184
+ }
185
+ function E(e, t) {
186
+ if (null == e) return {};
187
+ var r = {};
188
+ for (var n in e) {
189
+ if ({}.hasOwnProperty.call(e, n)) {
190
+ if (-1 !== t.indexOf(n)) continue;
191
+ r[n] = e[n];
251
192
  }
252
- return r;
253
193
  }
254
- var L = {
255
- children: i().node,
256
- defaultLeft: i().number,
257
- defaultTop: i().number,
258
- elementRef: i().oneOfType([ i().func, i().object ]),
259
- left: i().object,
260
- onScroll: i().func,
261
- stopScrollPropagation: i().oneOf([ true, false, "window" ]),
262
- tagName: i().string,
263
- top: i().object
264
- };
265
- var q = {
266
- passive: false
267
- };
268
- function I(r) {
269
- var n = r.children, o = r.defaultLeft, a = 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, y = r.tagName, b = y === void 0 ? "div" : y, P = r.top, T = k(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
270
- // @docs-props-type InnerPropsBase
271
- var x = (0, e.useState)("visible"), C = j(x, 2), A = C[0], E = C[1];
272
- var I = (0, e.useState)("visible"), M = j(I, 2), R = M[0], N = M[1];
273
- var X = (0, e.useState)(null), Y = j(X, 2), H = Y[0], W = Y[1];
274
- var _ = (0, S["default"])(H);
275
- (0, e.useEffect)((function() {
276
- if (H) {
277
- if (!_) {
278
- H.scrollTop = u;
279
- H.scrollLeft = a;
280
- }
281
- if (l()(P)) {
282
- H.scrollTop = (P === null || P === void 0 ? void 0 : P.get()) || 0;
283
- }
284
- if (l()(f)) {
285
- H.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
286
- }
194
+ return r;
195
+ }
196
+ var x = {
197
+ children: i().node,
198
+ defaultLeft: i().number,
199
+ defaultTop: i().number,
200
+ elementRef: i().oneOfType([ i().func, i().object ]),
201
+ left: i().object,
202
+ onScroll: i().func,
203
+ stopScrollPropagation: i().oneOf([ true, false, "window" ]),
204
+ tagName: i().string,
205
+ top: i().object
206
+ };
207
+ var I = {
208
+ passive: false
209
+ };
210
+ function M(e) {
211
+ var t = e.children, o = e.defaultLeft, a = o === void 0 ? 0 : o, i = e.defaultTop, u = i === void 0 ? 0 : i, c = e.elementRef, f = e.left, s = e.onScroll, p = e.stopScrollPropagation, y = e.tagName, b = y === void 0 ? "div" : y, S = e.top, T = q(e, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
212
+ // @docs-props-type InnerPropsBase
213
+ var C = (0, r.useState)("visible"), k = j(C, 2), A = k[0], L = k[1];
214
+ var E = (0, r.useState)("visible"), M = j(E, 2), N = M[0], R = M[1];
215
+ var X = (0, r.useState)(null), Y = j(X, 2), H = Y[0], W = Y[1];
216
+ var _ = w()(H);
217
+ (0, r.useEffect)((function() {
218
+ if (H) {
219
+ if (!_) {
220
+ H.scrollTop = u;
221
+ H.scrollLeft = a;
287
222
  }
288
- }), [ H, _, u, a, P, f ]);
289
- var D = (0, e.useCallback)((function(e) {
290
- var t = H;
291
- if (!t) {
292
- return;
223
+ if (l()(S)) {
224
+ H.scrollTop = (S === null || S === void 0 ? void 0 : S.get()) || 0;
225
+ }
226
+ if (l()(f)) {
227
+ H.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
293
228
  }
294
- // if the element is scrollable in both directions, it's not safe to stop propagation.
295
- if (t.clientWidth !== t.scrollWidth && t.clientHeight !== t.scrollHeight) {
229
+ }
230
+ }), [ H, _, u, a, S, f ]);
231
+ var D = (0, r.useCallback)((function(e) {
232
+ var t = H;
233
+ if (!t) {
234
+ return;
235
+ }
236
+ // if the element is scrollable in both directions, it's not safe to stop propagation.
237
+ if (t.clientWidth !== t.scrollWidth && t.clientHeight !== t.scrollHeight) {
238
+ return;
239
+ }
240
+ if (t.clientWidth !== t.scrollWidth) {
241
+ if (e.deltaX < 0 && t.scrollLeft < Math.abs(e.deltaX)) {
242
+ t.scrollLeft = 0;
243
+ e.stopPropagation();
244
+ e.preventDefault();
296
245
  return;
297
246
  }
298
- if (t.clientWidth !== t.scrollWidth) {
299
- if (e.deltaX < 0 && t.scrollLeft < Math.abs(e.deltaX)) {
300
- t.scrollLeft = 0;
301
- e.stopPropagation();
302
- e.preventDefault();
303
- return;
304
- }
305
- var r = t.scrollWidth - t.clientWidth;
306
- if (e.deltaX && e.deltaX + t.scrollLeft > r) {
307
- t.scrollLeft = r;
308
- e.stopPropagation();
309
- e.preventDefault();
310
- }
247
+ var r = t.scrollWidth - t.clientWidth;
248
+ if (e.deltaX && e.deltaX + t.scrollLeft > r) {
249
+ t.scrollLeft = r;
250
+ e.stopPropagation();
251
+ e.preventDefault();
311
252
  }
312
- if (t.clientHeight !== t.scrollHeight) {
313
- if (e.deltaY < 0 && t.scrollTop < Math.abs(e.deltaY)) {
314
- t.scrollTop = 0;
315
- e.stopPropagation();
316
- e.preventDefault();
317
- return;
318
- }
319
- var n = t.scrollHeight - t.clientHeight;
320
- if (e.deltaY && e.deltaY + t.scrollTop > n) {
321
- t.scrollTop = n;
322
- e.stopPropagation();
323
- e.preventDefault();
324
- }
253
+ }
254
+ if (t.clientHeight !== t.scrollHeight) {
255
+ if (e.deltaY < 0 && t.scrollTop < Math.abs(e.deltaY)) {
256
+ t.scrollTop = 0;
257
+ e.stopPropagation();
258
+ e.preventDefault();
259
+ return;
325
260
  }
326
- }), [ H ]);
327
- var F = (0, e.useCallback)((function(e) {
328
- W(e);
329
- w(c, e);
330
- }), [ c ]);
331
- var U = (0, e.useCallback)((function() {
332
- E(document.body.style.overflowX);
333
- N(document.body.style.overflowY);
334
- document.body.style.overflowX = "hidden";
335
- document.body.style.overflowY = "hidden";
336
- }), []);
337
- var $ = (0, e.useCallback)((function() {
338
- document.body.style.overflowX = A;
339
- document.body.style.overflowY = R;
340
- }), [ A, R ]);
341
- var z = d.animated[b];
342
-
343
- return t().createElement(t().Fragment, null, t().createElement(z, O({}, m()(T, v()(L)), {
344
- ref: F,
345
- onMouseEnter: p === "window" ? U : undefined,
346
- onMouseLeave: p === "window" ? $ : undefined,
347
- onScroll: s,
348
- scrollTop: P,
349
- scrollLeft: f
350
- }), t().createElement(h.ScrollContainerProvider, {
351
- value: H
352
- }, n)), p === true && H && t().createElement(g(), {
353
- target: H,
354
- eventType: "wheel",
355
- listener: D,
356
- options: q
357
- }));
358
- }
359
- I.propTypes = L;
360
- /* harmony default export */ const M = I;
361
- // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
362
- var R = f()(M).withConfig({
363
- displayName: "ScrollStyles__StyledInner",
364
- componentId: "sc-1xspttf-0"
365
- })([ "", ";overflow:auto;overflow-y:auto;overflow-x:hidden;" ], s.mixins.reset("block"));
366
- // CONCATENATED MODULE: ./src/Scroll/Scroll.tsx
367
- function N() {
368
- return N = Object.assign ? Object.assign.bind() : function(e) {
369
- for (var t = 1; t < arguments.length; t++) {
370
- var r = arguments[t];
371
- for (var n in r) {
372
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
373
- }
261
+ var n = t.scrollHeight - t.clientHeight;
262
+ if (e.deltaY && e.deltaY + t.scrollTop > n) {
263
+ t.scrollTop = n;
264
+ e.stopPropagation();
265
+ e.preventDefault();
374
266
  }
375
- return e;
376
- }, N.apply(null, arguments);
377
- }
378
- function X(e, t) {
379
- return D(e) || _(e, t) || H(e, t) || Y();
380
- }
381
- function Y() {
382
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
383
- }
384
- function H(e, t) {
385
- if (e) {
386
- if ("string" == typeof e) return W(e, t);
387
- var r = {}.toString.call(e).slice(8, -1);
388
- 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) ? W(e, t) : void 0;
389
267
  }
390
- }
391
- function W(e, t) {
392
- (null == t || t > e.length) && (t = e.length);
393
- for (var r = 0, n = Array(t); r < t; r++) {
394
- n[r] = e[r];
268
+ }), [ H ]);
269
+ var F = (0, r.useCallback)((function(e) {
270
+ W(e);
271
+ O(c, e);
272
+ }), [ c ]);
273
+ var U = (0, r.useCallback)((function() {
274
+ L(document.body.style.overflowX);
275
+ R(document.body.style.overflowY);
276
+ document.body.style.overflowX = "hidden";
277
+ document.body.style.overflowY = "hidden";
278
+ }), []);
279
+ var $ = (0, r.useCallback)((function() {
280
+ document.body.style.overflowX = A;
281
+ document.body.style.overflowY = N;
282
+ }), [ A, N ]);
283
+ var z = d.animated[b];
284
+
285
+ return n().createElement(n().Fragment, null, n().createElement(z, P({}, m()(T, v()(x)), {
286
+ ref: F,
287
+ onMouseEnter: p === "window" ? U : undefined,
288
+ onMouseLeave: p === "window" ? $ : undefined,
289
+ onScroll: s,
290
+ scrollTop: S,
291
+ scrollLeft: f
292
+ }), n().createElement(h.ScrollContainerProvider, {
293
+ value: H
294
+ }, t)), p === true && H && n().createElement(g(), {
295
+ target: H,
296
+ eventType: "wheel",
297
+ listener: D,
298
+ options: I
299
+ }));
300
+ }
301
+ M.propTypes = x;
302
+ /* harmony default export */ const N = M;
303
+ // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
304
+ var R = f()(N).withConfig({
305
+ displayName: "ScrollStyles__StyledInner",
306
+ componentId: "sc-1xspttf-0"
307
+ })([ "", ";overflow:auto;overflow-y:auto;overflow-x:hidden;" ], s.mixins.reset("block"));
308
+ // CONCATENATED MODULE: ./src/Scroll/Scroll.tsx
309
+ function X() {
310
+ return X = Object.assign ? Object.assign.bind() : function(e) {
311
+ for (var t = 1; t < arguments.length; t++) {
312
+ var r = arguments[t];
313
+ for (var n in r) {
314
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
315
+ }
395
316
  }
396
- return n;
317
+ return e;
318
+ }, X.apply(null, arguments);
319
+ }
320
+ function Y(e, t) {
321
+ return F(e) || D(e, t) || W(e, t) || H();
322
+ }
323
+ function H() {
324
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
325
+ }
326
+ function W(e, t) {
327
+ if (e) {
328
+ if ("string" == typeof e) return _(e, t);
329
+ var r = {}.toString.call(e).slice(8, -1);
330
+ 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, t) : void 0;
331
+ }
332
+ }
333
+ function _(e, t) {
334
+ (null == t || t > e.length) && (t = e.length);
335
+ for (var r = 0, n = Array(t); r < t; r++) {
336
+ n[r] = e[r];
397
337
  }
398
- function _(e, t) {
399
- var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
400
- if (null != r) {
401
- var n, o, l, a, i = [], u = !0, c = !1;
338
+ return n;
339
+ }
340
+ function D(e, t) {
341
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
342
+ if (null != r) {
343
+ var n, o, l, a, i = [], u = !0, c = !1;
344
+ try {
345
+ if (l = (r = r.call(e)).next, 0 === t) {
346
+ if (Object(r) !== r) return;
347
+ u = !1;
348
+ } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
349
+ }
350
+ } catch (e) {
351
+ c = !0, o = e;
352
+ } finally {
402
353
  try {
403
- if (l = (r = r.call(e)).next, 0 === t) {
404
- if (Object(r) !== r) return;
405
- u = !1;
406
- } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
407
- }
408
- } catch (e) {
409
- c = !0, o = e;
354
+ if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
410
355
  } finally {
411
- try {
412
- if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
413
- } finally {
414
- if (c) throw o;
415
- }
356
+ if (c) throw o;
416
357
  }
417
- return i;
418
358
  }
359
+ return i;
419
360
  }
420
- function D(e) {
421
- if (Array.isArray(e)) return e;
422
- }
423
- function F(e, t) {
424
- if (null == e) return {};
425
- var r, n, o = U(e, t);
426
- if (Object.getOwnPropertySymbols) {
427
- var l = Object.getOwnPropertySymbols(e);
428
- for (n = 0; n < l.length; n++) {
429
- r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
430
- }
361
+ }
362
+ function F(e) {
363
+ if (Array.isArray(e)) return e;
364
+ }
365
+ function U(e, t) {
366
+ if (null == e) return {};
367
+ var r, n, o = $(e, t);
368
+ if (Object.getOwnPropertySymbols) {
369
+ var l = Object.getOwnPropertySymbols(e);
370
+ for (n = 0; n < l.length; n++) {
371
+ r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
431
372
  }
432
- return o;
433
373
  }
434
- function U(e, t) {
435
- if (null == e) return {};
436
- var r = {};
437
- for (var n in e) {
438
- if ({}.hasOwnProperty.call(e, n)) {
439
- if (-1 !== t.indexOf(n)) continue;
440
- r[n] = e[n];
441
- }
374
+ return o;
375
+ }
376
+ function $(e, t) {
377
+ if (null == e) return {};
378
+ var r = {};
379
+ for (var n in e) {
380
+ if ({}.hasOwnProperty.call(e, n)) {
381
+ if (-1 !== t.indexOf(n)) continue;
382
+ r[n] = e[n];
442
383
  }
443
- return r;
444
384
  }
445
- var $ = {
446
- children: i().node,
447
- elementRef: i().oneOfType([ i().func, i().object ]),
448
- left: i().number,
449
- onScroll: i().func,
450
- onScrollComplete: i().func,
451
- stopScrollPropagation: i().oneOf([ true, false, "window" ]),
452
- tagName: i().string,
453
- top: i().number
454
- };
455
- function z(r) {
456
- var n = r.children, o = r.elementRef, a = r.left, i = r.onScroll, c = r.onScrollComplete, f = r.stopScrollPropagation, s = r.tagName, d = s === void 0 ? "div" : s, p = r.top, v = F(r, [ "children", "elementRef", "left", "onScroll", "onScrollComplete", "stopScrollPropagation", "tagName", "top" ]);
457
- // @docs-props-type ScrollPropsBase
458
- var y = (0, e.useState)(0), m = X(y, 2), b = m[0], g = m[1];
459
- var h = (0, e.useState)(0), S = X(h, 2), w = S[0], O = S[1];
460
- var j = (0, e.useCallback)((function() {
461
- c === null || c === void 0 ? void 0 : c();
462
- }), [ c ]);
463
- var P = (0, e.useCallback)((function(e) {
464
- g(e.currentTarget.scrollLeft);
465
- O(e.currentTarget.scrollTop);
466
- i === null || i === void 0 ? void 0 : i(e);
467
- }), [ i ]);
468
- var T = {};
469
- var x = (0, u.useAnimation)({
470
- config: {
471
- precision: 10
472
- },
473
- from: {
474
- left: 0,
475
- top: 0
476
- },
477
- to: T,
478
- onRest: j
479
- });
480
- // When isFinite, the prop is defined and therefore animating.
481
- if (l()(a)) {
482
- T.left = a;
483
- } else {
484
- T.left = b;
485
- }
486
- if (l()(p)) {
487
- T.top = p;
488
- } else {
489
- T.top = w;
490
- }
491
-
492
- return t().createElement(R, N({
493
- "data-test": "scroll",
494
- key: "inner",
495
- top: l()(p) ? x.top : undefined,
496
- left: l()(a) ? x.left : undefined,
497
- elementRef: o,
498
- onScroll: P,
499
- stopScrollPropagation: f,
500
- tagName: d
501
- }, v), n);
385
+ return r;
386
+ }
387
+ var z = {
388
+ children: i().node,
389
+ elementRef: i().oneOfType([ i().func, i().object ]),
390
+ left: i().number,
391
+ onScroll: i().func,
392
+ onScrollComplete: i().func,
393
+ stopScrollPropagation: i().oneOf([ true, false, "window" ]),
394
+ tagName: i().string,
395
+ top: i().number
396
+ };
397
+ function B(e) {
398
+ var t = e.children, o = e.elementRef, a = e.left, i = e.onScroll, c = e.onScrollComplete, f = e.stopScrollPropagation, s = e.tagName, d = s === void 0 ? "div" : s, p = e.top, v = U(e, [ "children", "elementRef", "left", "onScroll", "onScrollComplete", "stopScrollPropagation", "tagName", "top" ]);
399
+ // @docs-props-type ScrollPropsBase
400
+ var y = (0, r.useState)(0), m = Y(y, 2), b = m[0], g = m[1];
401
+ var h = (0, r.useState)(0), S = Y(h, 2), w = S[0], O = S[1];
402
+ var P = (0, r.useCallback)((function() {
403
+ c === null || c === void 0 ? void 0 : c();
404
+ }), [ c ]);
405
+ var j = (0, r.useCallback)((function(e) {
406
+ g(e.currentTarget.scrollLeft);
407
+ O(e.currentTarget.scrollTop);
408
+ i === null || i === void 0 ? void 0 : i(e);
409
+ }), [ i ]);
410
+ var T = {};
411
+ var C = (0, u.useAnimation)({
412
+ config: {
413
+ precision: 10
414
+ },
415
+ from: {
416
+ left: 0,
417
+ top: 0
418
+ },
419
+ to: T,
420
+ onRest: P
421
+ });
422
+ // When isFinite, the prop is defined and therefore animating.
423
+ if (l()(a)) {
424
+ T.left = a;
425
+ } else {
426
+ T.left = b;
427
+ }
428
+ if (l()(p)) {
429
+ T.top = p;
430
+ } else {
431
+ T.top = w;
502
432
  }
503
- z.propTypes = $;
504
- /* harmony default export */ const B = z;
505
- }) // CONCATENATED MODULE: ./src/Scroll/index.ts
506
- ();
507
- module.exports = n;
433
+
434
+ return n().createElement(R, X({
435
+ "data-test": "scroll",
436
+ key: "inner",
437
+ top: l()(p) ? C.top : undefined,
438
+ left: l()(a) ? C.left : undefined,
439
+ elementRef: o,
440
+ onScroll: j,
441
+ stopScrollPropagation: f,
442
+ tagName: d
443
+ }, v), t);
444
+ }
445
+ B.propTypes = z;
446
+ /* harmony default export */ const G = B;
447
+ // CONCATENATED MODULE: ./src/Scroll/index.ts
448
+ module.exports = t;
508
449
  /******/})();