@splunk/react-ui 5.2.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 (114) hide show
  1. package/Accordion.js +31 -31
  2. package/Avatar.js +64 -59
  3. package/Box.js +2 -1
  4. package/Breadcrumbs.js +66 -63
  5. package/ButtonSimple.js +52 -52
  6. package/CHANGELOG.md +47 -0
  7. package/Calendar.js +8 -4
  8. package/CardLayout.js +39 -36
  9. package/Checkbox.d.ts +2 -0
  10. package/Checkbox.js +350 -0
  11. package/Clickable.js +5 -6
  12. package/Code.js +451 -536
  13. package/CollapsiblePanel.js +184 -210
  14. package/Color.js +903 -1023
  15. package/ControlGroup.js +2 -1
  16. package/Date.js +123 -119
  17. package/DefinitionList.js +100 -77
  18. package/Dropdown.js +2 -2
  19. package/DualListbox.js +409 -353
  20. package/File.js +102 -99
  21. package/FormRows.js +13 -11
  22. package/JSONTree.js +679 -1391
  23. package/Link.js +7 -7
  24. package/MIGRATION.md +27 -0
  25. package/Markdown.js +171 -156
  26. package/Menu.js +107 -100
  27. package/Modal.js +3 -3
  28. package/Multiselect.js +2698 -2767
  29. package/Paginator.js +2 -1
  30. package/Popover.js +201 -196
  31. package/Resize.js +11 -8
  32. package/ResultsMenu.js +913 -1029
  33. package/ScreenReaderContent.js +86 -130
  34. package/Scroll.js +366 -424
  35. package/Search.js +131 -127
  36. package/Select.js +1741 -1831
  37. package/Slider.js +1 -1
  38. package/SlidingPanels.js +129 -127
  39. package/StepBar.js +123 -97
  40. package/Switch.js +214 -242
  41. package/TabBar.js +10 -10
  42. package/Table.js +1255 -1248
  43. package/Text.js +180 -206
  44. package/TextArea.js +596 -675
  45. package/Tooltip.js +144 -139
  46. package/Tree.js +638 -682
  47. package/package.json +15 -16
  48. package/tsconfig.check-docs.json +8 -0
  49. package/types/src/Avatar/docs/examples/Basic.d.ts +1 -1
  50. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
  51. package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
  52. package/types/src/Breadcrumbs/Item.d.ts +1 -1
  53. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  54. package/types/src/Checkbox/Checkbox.d.ts +90 -0
  55. package/types/src/Checkbox/docs/examples/Basic.d.ts +7 -0
  56. package/types/src/Checkbox/docs/examples/Disabled.d.ts +6 -0
  57. package/types/src/Checkbox/docs/examples/Error.d.ts +6 -0
  58. package/types/src/Checkbox/docs/examples/Uncontrolled.d.ts +7 -0
  59. package/types/src/Checkbox/index.d.ts +2 -0
  60. package/types/src/Code/Code.d.ts +4 -1
  61. package/types/src/Code/LineHighlights.d.ts +1 -0
  62. package/types/src/Code/LineNumbers.d.ts +2 -1
  63. package/types/src/Code/docs/examples/CustomizeContainer.d.ts +7 -0
  64. package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +3 -3
  65. package/types/src/Date/Date.d.ts +7 -1
  66. package/types/src/DefinitionList/DefinitionList.d.ts +7 -2
  67. package/types/src/DefinitionList/DefinitionListContext.d.ts +1 -1
  68. package/types/src/DefinitionList/docs/examples/StackedLayout.d.ts +6 -0
  69. package/types/src/DualListbox/DualListbox.d.ts +1 -1
  70. package/types/src/DualListbox/Label.d.ts +7 -7
  71. package/types/src/DualListbox/Listbox.d.ts +2 -2
  72. package/types/src/DualListbox/ListboxContext.d.ts +1 -1
  73. package/types/src/File/File.d.ts +7 -1
  74. package/types/src/JSONTree/JSONTreeItem.d.ts +5 -3
  75. package/types/src/JSONTree/renderTreeItems.d.ts +3 -2
  76. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +2 -1
  77. package/types/src/Menu/docs/examples/Dimmed.d.ts +1 -1
  78. package/types/src/Menu/docs/examples/Disabled.d.ts +1 -0
  79. package/types/src/Modal/ModalContext.d.ts +1 -1
  80. package/types/src/Multiselect/Compact.d.ts +9 -3
  81. package/types/src/Multiselect/Multiselect.d.ts +7 -1
  82. package/types/src/Multiselect/Normal.d.ts +9 -3
  83. package/types/src/Number/utils.d.ts +1 -1
  84. package/types/src/Popover/getPlacement.d.ts +1 -1
  85. package/types/src/RadioList/Option.d.ts +1 -1
  86. package/types/src/RadioList/RadioListContext.d.ts +1 -1
  87. package/types/src/Search/Search.d.ts +5 -1
  88. package/types/src/StepBar/StepBar.d.ts +4 -1
  89. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  90. package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
  91. package/types/src/Switch/Switch.d.ts +13 -1
  92. package/types/src/Switch/docs/examples/Basic.d.ts +2 -10
  93. package/types/src/Switch/docs/examples/Disabled.d.ts +2 -9
  94. package/types/src/TabBar/Tab.d.ts +3 -1
  95. package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
  96. package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
  97. package/types/src/TabLayout/Panel.d.ts +2 -0
  98. package/types/src/Table/ExpandButton.d.ts +1 -1
  99. package/types/src/Table/Head.d.ts +1 -1
  100. package/types/src/Table/Row.d.ts +1 -1
  101. package/types/src/Table/Table.d.ts +1 -0
  102. package/types/src/Tooltip/Tooltip.d.ts +14 -1
  103. package/types/src/Tree/TreeContext.d.ts +1 -1
  104. package/useControlled.js +61 -97
  105. package/usePrevious.js +30 -62
  106. package/useResizeObserver.js +95 -127
  107. package/NonInteractiveCheckbox.js +0 -101
  108. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +0 -12
  109. package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +0 -22
  110. package/types/src/NonInteractiveCheckbox/index.d.ts +0 -1
  111. package/types/src/Switch/docs/examples/Error.d.ts +0 -6
  112. package/types/src/Text/IconOutlinedHide.d.ts +0 -3
  113. package/types/src/Text/IconOutlinedView.d.ts +0 -3
  114. /package/cypress/{tsconfig.cypress.json → tsconfig.check-cypress.json} +0 -0
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,395 +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
- var x = (0, e.useState)("visible"), C = j(x, 2), A = C[0], E = C[1];
271
- var I = (0, e.useState)("visible"), M = j(I, 2), R = M[0], N = M[1];
272
- var X = (0, e.useState)(null), Y = j(X, 2), H = Y[0], W = Y[1];
273
- var _ = (0, S["default"])(H);
274
- (0, e.useEffect)((function() {
275
- if (H) {
276
- if (!_) {
277
- H.scrollTop = u;
278
- H.scrollLeft = a;
279
- }
280
- if (l()(P)) {
281
- H.scrollTop = (P === null || P === void 0 ? void 0 : P.get()) || 0;
282
- }
283
- if (l()(f)) {
284
- H.scrollLeft = (f === null || f === void 0 ? void 0 : f.get()) || 0;
285
- }
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;
286
222
  }
287
- }), [ H, _, u, a, P, f ]);
288
- var D = (0, e.useCallback)((function(e) {
289
- var t = H;
290
- if (!t) {
291
- 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;
292
228
  }
293
- // if the element is scrollable in both directions, it's not safe to stop propagation.
294
- 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();
295
245
  return;
296
246
  }
297
- if (t.clientWidth !== t.scrollWidth) {
298
- if (e.deltaX < 0 && t.scrollLeft < Math.abs(e.deltaX)) {
299
- t.scrollLeft = 0;
300
- e.stopPropagation();
301
- e.preventDefault();
302
- return;
303
- }
304
- var r = t.scrollWidth - t.clientWidth;
305
- if (e.deltaX && e.deltaX + t.scrollLeft > r) {
306
- t.scrollLeft = r;
307
- e.stopPropagation();
308
- e.preventDefault();
309
- }
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();
310
252
  }
311
- if (t.clientHeight !== t.scrollHeight) {
312
- if (e.deltaY < 0 && t.scrollTop < Math.abs(e.deltaY)) {
313
- t.scrollTop = 0;
314
- e.stopPropagation();
315
- e.preventDefault();
316
- return;
317
- }
318
- var n = t.scrollHeight - t.clientHeight;
319
- if (e.deltaY && e.deltaY + t.scrollTop > n) {
320
- t.scrollTop = n;
321
- e.stopPropagation();
322
- e.preventDefault();
323
- }
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;
324
260
  }
325
- }), [ H ]);
326
- var F = (0, e.useCallback)((function(e) {
327
- W(e);
328
- w(c, e);
329
- }), [ c ]);
330
- var U = (0, e.useCallback)((function() {
331
- E(document.body.style.overflowX);
332
- N(document.body.style.overflowY);
333
- document.body.style.overflowX = "hidden";
334
- document.body.style.overflowY = "hidden";
335
- }), []);
336
- var $ = (0, e.useCallback)((function() {
337
- document.body.style.overflowX = A;
338
- document.body.style.overflowY = R;
339
- }), [ A, R ]);
340
- var z = d.animated[b];
341
-
342
- return t().createElement(t().Fragment, null, t().createElement(z, O({}, m()(T, v()(L)), {
343
- ref: F,
344
- onMouseEnter: p === "window" ? U : undefined,
345
- onMouseLeave: p === "window" ? $ : undefined,
346
- onScroll: s,
347
- scrollTop: P,
348
- scrollLeft: f
349
- }), t().createElement(h.ScrollContainerProvider, {
350
- value: H
351
- }, n)), p === true && H && t().createElement(g(), {
352
- target: H,
353
- eventType: "wheel",
354
- listener: D,
355
- options: q
356
- }));
357
- }
358
- I.propTypes = L;
359
- /* harmony default export */ const M = I;
360
- // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
361
- var R = f()(M).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 N() {
367
- return N = Object.assign ? Object.assign.bind() : function(e) {
368
- for (var t = 1; t < arguments.length; t++) {
369
- var r = arguments[t];
370
- for (var n in r) {
371
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
372
- }
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();
373
266
  }
374
- return e;
375
- }, N.apply(null, arguments);
376
- }
377
- function X(e, t) {
378
- return D(e) || _(e, t) || H(e, t) || Y();
379
- }
380
- function Y() {
381
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
382
- }
383
- function H(e, t) {
384
- if (e) {
385
- if ("string" == typeof e) return W(e, t);
386
- var r = {}.toString.call(e).slice(8, -1);
387
- 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;
388
267
  }
389
- }
390
- function W(e, t) {
391
- (null == t || t > e.length) && (t = e.length);
392
- for (var r = 0, n = Array(t); r < t; r++) {
393
- 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
+ }
394
316
  }
395
- 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];
396
337
  }
397
- function _(e, t) {
398
- var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
399
- if (null != r) {
400
- 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 {
401
353
  try {
402
- if (l = (r = r.call(e)).next, 0 === t) {
403
- if (Object(r) !== r) return;
404
- u = !1;
405
- } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== t); u = !0) {
406
- }
407
- } catch (e) {
408
- c = !0, o = e;
354
+ if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
409
355
  } finally {
410
- try {
411
- if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
412
- } finally {
413
- if (c) throw o;
414
- }
356
+ if (c) throw o;
415
357
  }
416
- return i;
417
358
  }
359
+ return i;
418
360
  }
419
- function D(e) {
420
- if (Array.isArray(e)) return e;
421
- }
422
- function F(e, t) {
423
- if (null == e) return {};
424
- var r, n, o = U(e, t);
425
- if (Object.getOwnPropertySymbols) {
426
- var l = Object.getOwnPropertySymbols(e);
427
- for (n = 0; n < l.length; n++) {
428
- r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
429
- }
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]);
430
372
  }
431
- return o;
432
373
  }
433
- function U(e, t) {
434
- if (null == e) return {};
435
- var r = {};
436
- for (var n in e) {
437
- if ({}.hasOwnProperty.call(e, n)) {
438
- if (-1 !== t.indexOf(n)) continue;
439
- r[n] = e[n];
440
- }
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];
441
383
  }
442
- return r;
443
384
  }
444
- var $ = {
445
- children: i().node,
446
- elementRef: i().oneOfType([ i().func, i().object ]),
447
- left: i().number,
448
- onScroll: i().func,
449
- onScrollComplete: i().func,
450
- stopScrollPropagation: i().oneOf([ true, false, "window" ]),
451
- tagName: i().string,
452
- top: i().number
453
- };
454
- function z(r) {
455
- 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" ]);
456
- // @docs-props-type ScrollPropsBase
457
- var y = (0, e.useState)(0), m = X(y, 2), b = m[0], g = m[1];
458
- var h = (0, e.useState)(0), S = X(h, 2), w = S[0], O = S[1];
459
- var j = (0, e.useCallback)((function() {
460
- c === null || c === void 0 ? void 0 : c();
461
- }), [ c ]);
462
- var P = (0, e.useCallback)((function(e) {
463
- g(e.currentTarget.scrollLeft);
464
- O(e.currentTarget.scrollTop);
465
- i === null || i === void 0 ? void 0 : i(e);
466
- }), [ i ]);
467
- var T = {};
468
- var x = (0, u.useAnimation)({
469
- config: {
470
- precision: 10
471
- },
472
- from: {
473
- left: 0,
474
- top: 0
475
- },
476
- to: T,
477
- onRest: j
478
- });
479
- // When isFinite, the prop is defined and therefore animating.
480
- if (l()(a)) {
481
- T.left = a;
482
- } else {
483
- T.left = b;
484
- }
485
- if (l()(p)) {
486
- T.top = p;
487
- } else {
488
- T.top = w;
489
- }
490
-
491
- return t().createElement(R, N({
492
- "data-test": "scroll",
493
- key: "inner",
494
- top: l()(p) ? x.top : undefined,
495
- left: l()(a) ? x.left : undefined,
496
- elementRef: o,
497
- onScroll: P,
498
- stopScrollPropagation: f,
499
- tagName: d
500
- }, 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;
501
432
  }
502
- z.propTypes = $;
503
- /* harmony default export */ const B = z;
504
- }) // CONCATENATED MODULE: ./src/Scroll/index.ts
505
- ();
506
- 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;
507
449
  /******/})();