@splunk/react-ui 4.37.0 → 4.39.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 (142) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +208 -219
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +50 -1
  11. package/Calendar.js +353 -414
  12. package/Card.js +183 -243
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +104 -122
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +1107 -980
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +267 -305
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +165 -194
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +92 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +512 -530
  41. package/Message.js +173 -196
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +1600 -1923
  47. package/Number.js +159 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +448 -441
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +130 -94
  57. package/Scroll.js +209 -244
  58. package/Search.js +375 -384
  59. package/Select.js +1076 -1354
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +192 -222
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.js +222 -245
  64. package/StaticContent.js +68 -76
  65. package/StepBar.js +206 -205
  66. package/Switch.js +211 -236
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +401 -512
  71. package/TextArea.js +411 -441
  72. package/Tooltip.js +116 -132
  73. package/TransitionOpen.js +160 -178
  74. package/Tree.js +268 -287
  75. package/Typography.js +48 -52
  76. package/WaitSpinner.js +60 -68
  77. package/cypress/support/commands.ts +9 -0
  78. package/cypress/support/index.d.ts +6 -0
  79. package/cypress/tsconfig.cypress.json +1 -0
  80. package/docker-compose.yml +0 -1
  81. package/package.json +17 -17
  82. package/types/src/Button/Button.d.ts +20 -6
  83. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  85. package/types/src/Color/Color.d.ts +5 -2
  86. package/types/src/Color/Palette.d.ts +6 -2
  87. package/types/src/ComboBox/Option.d.ts +1 -1
  88. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  89. package/types/src/Date/Date.d.ts +2 -3
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Link/Link.d.ts +3 -4
  93. package/types/src/Menu/Item.d.ts +24 -8
  94. package/types/src/Menu/Menu.d.ts +3 -3
  95. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  96. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  97. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  98. package/types/src/Multiselect/Option.d.ts +2 -0
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +3 -4
  101. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  102. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  103. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  104. package/types/src/Search/Option.d.ts +16 -3
  105. package/types/src/Select/Option.d.ts +3 -1
  106. package/types/src/Select/OptionBase.d.ts +7 -5
  107. package/types/src/Select/Select.d.ts +2 -2
  108. package/types/src/Select/SelectAllOption.d.ts +4 -4
  109. package/types/src/Select/SelectBase.d.ts +0 -1
  110. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  111. package/types/src/Slider/Slider.d.ts +2 -3
  112. package/types/src/Slider/docs/examples/Error.d.ts +2 -0
  113. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  114. package/types/src/StepBar/Step.d.ts +1 -2
  115. package/types/src/TabBar/Tab.d.ts +1 -1
  116. package/types/src/TabBar/TabBar.d.ts +3 -1
  117. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  118. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  119. package/types/src/Table/Table.d.ts +0 -1
  120. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  121. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  122. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  123. package/types/src/Text/Text.d.ts +6 -4
  124. package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
  125. package/types/src/TextArea/TextArea.d.ts +2 -2
  126. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  127. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  128. package/useForceUpdate.js +30 -32
  129. package/useKeyPress.js +1 -1
  130. package/types/src/Button/docs/examples/Selected.d.ts +0 -2
  131. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  132. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  133. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  134. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  135. package/types/src/Slider/docs/examples/prisma/Error.d.ts +0 -2
  136. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  137. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  138. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  139. /package/types/src/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
  140. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  141. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  142. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Paginator.js CHANGED
@@ -8,10 +8,10 @@
8
8
  /******/ /* webpack/runtime/compat get default export */
9
9
  /******/ (() => {
10
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
- /******/ e.n = t => {
12
- /******/ var r = t && t.__esModule ?
13
- /******/ () => t["default"]
14
- /******/ : () => t
11
+ /******/ e.n = n => {
12
+ /******/ var r = n && n.__esModule ?
13
+ /******/ () => n["default"]
14
+ /******/ : () => n
15
15
  /******/;
16
16
  e.d(r, {
17
17
  a: r
@@ -23,12 +23,12 @@
23
23
  /******/ /* webpack/runtime/define property getters */
24
24
  /******/ (() => {
25
25
  /******/ // 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, {
26
+ /******/ e.d = (n, r) => {
27
+ /******/ for (var t in r) {
28
+ /******/ if (e.o(r, t) && !e.o(n, t)) {
29
+ /******/ Object.defineProperty(n, t, {
30
30
  enumerable: true,
31
- get: r[n]
31
+ get: r[t]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -37,7 +37,7 @@
37
37
  /******/
38
38
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
39
  /******/ (() => {
40
- /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
40
+ /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
41
41
  /******/;
42
42
  })();
43
43
  /******/
@@ -56,18 +56,18 @@
56
56
  /******/ };
57
57
  /******/ })();
58
58
  /******/
59
- /************************************************************************/ var t = {};
59
+ /************************************************************************/ var n = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(t);
61
+ e.r(n);
62
62
  // EXPORTS
63
- e.d(t, {
63
+ e.d(n, {
64
64
  Compact: () => /* reexport */ W,
65
65
  PageControl: () => /* reexport */ oe,
66
- default: () => /* reexport */ Ce
66
+ default: () => /* reexport */ ke
67
67
  });
68
68
  // CONCATENATED MODULE: external "react"
69
69
  const r = require("react");
70
- var n = e.n(r);
70
+ var t = e.n(r);
71
71
  // CONCATENATED MODULE: external "prop-types"
72
72
  const a = require("prop-types");
73
73
  var l = e.n(a);
@@ -75,133 +75,125 @@
75
75
  const i = require("@splunk/react-ui/Box");
76
76
  var o = e.n(i);
77
77
  // CONCATENATED MODULE: external "@splunk/ui-utils/format"
78
- const c = require("@splunk/ui-utils/format");
78
+ const s = require("@splunk/ui-utils/format");
79
79
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
80
- const s = require("@splunk/ui-utils/i18n");
80
+ const c = require("@splunk/ui-utils/i18n");
81
81
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
82
82
  const u = require("@splunk/react-icons/enterprise/ChevronLeft");
83
83
  var p = e.n(u);
84
84
  // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
85
- const f = require("@splunk/react-icons/ChevronLeft");
86
- var d = e.n(f);
85
+ const d = require("@splunk/react-icons/ChevronLeft");
86
+ var f = e.n(d);
87
87
  // CONCATENATED MODULE: external "@splunk/themes"
88
- const v = require("@splunk/themes");
88
+ const g = require("@splunk/themes");
89
89
  // CONCATENATED MODULE: ./src/Paginator/icons/ChevronLeft.tsx
90
- function g(e) {
91
- var t = e.className;
92
- var r = (0, v.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
90
+ function v(e) {
91
+ var n = e.className;
92
+ var r = (0, g.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
93
93
  var i = a ? "20px" : "24px";
94
- return l ? n().createElement(p(), {
95
- className: t,
94
+ return l ? t().createElement(p(), {
95
+ className: n,
96
96
  hideDefaultTooltip: true,
97
97
  screenReaderText: null
98
- }) : n().createElement(d(), {
99
- className: t,
98
+ }) : t().createElement(f(), {
99
+ className: n,
100
100
  height: i,
101
101
  width: i
102
102
  });
103
103
  }
104
- /* harmony default export */ const m = g;
104
+ /* harmony default export */ const m = v;
105
105
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
106
106
  const b = require("@splunk/react-icons/enterprise/ChevronRight");
107
107
  var y = e.n(b);
108
108
  // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
109
109
  const h = require("@splunk/react-icons/ChevronRight");
110
- var O = e.n(h);
110
+ var C = e.n(h);
111
111
  // CONCATENATED MODULE: ./src/Paginator/icons/ChevronRight.tsx
112
- function k(e) {
113
- var t = e.className;
114
- var r = (0, v.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
112
+ function P(e) {
113
+ var n = e.className;
114
+ var r = (0, g.useSplunkTheme)(), a = r.isCompact, l = r.isEnterprise;
115
115
  var i = a ? "20px" : "24px";
116
- return l ? n().createElement(y(), {
117
- className: t,
116
+ return l ? t().createElement(y(), {
117
+ className: n,
118
118
  hideDefaultTooltip: true,
119
119
  screenReaderText: null
120
- }) : n().createElement(O(), {
121
- className: t,
120
+ }) : t().createElement(C(), {
121
+ className: n,
122
122
  height: i,
123
123
  width: i
124
124
  });
125
125
  }
126
- /* harmony default export */ const C = k;
126
+ /* harmony default export */ const k = P;
127
127
  // CONCATENATED MODULE: external "styled-components"
128
- const x = require("styled-components");
129
- var P = e.n(x);
128
+ const S = require("styled-components");
129
+ var O = e.n(S);
130
130
  // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
131
- const S = require("@splunk/react-ui/ButtonSimple");
132
- var w = e.n(S);
131
+ const w = require("@splunk/react-ui/ButtonSimple");
132
+ var x = e.n(w);
133
133
  // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
134
- var E = P()(w()).withConfig({
134
+ var E = O()(x()).withConfig({
135
135
  displayName: "ButtonStyles__StyledButtonSimple",
136
136
  componentId: "sc-1neztq7-0"
137
- })([ "flex-shrink:0;font-weight:", ";min-width:", ";min-height:", ";text-align:center;&:not([disabled],[aria-disabled='true']){", ";", ";}", "" ], v.variables.fontWeightNormal, v.variables.inputHeight, v.variables.inputHeight, (0,
138
- v.pick)({
137
+ })([ "flex-shrink:0;font-weight:", ";min-width:", ";min-height:", ";text-align:center;&:not([disabled],[aria-disabled='true']){", ";", ";}", "" ], g.variables.fontWeightNormal, g.variables.inputHeight, g.variables.inputHeight, (0,
138
+ g.pick)({
139
139
  enterprise: {
140
140
  // TODO: we can remove this pick once SUI-6160 fixes contentColorDefault in Enterprise
141
141
  // we're intentionally only overriding dark here, because light has enough contrast as-is
142
142
  // and changing only dark lets us avoid making an unnecessary change to Enterprise light in SUI 4
143
- dark: (0, x.css)([ "color:", ";" ], v.variables.textGray)
143
+ dark: (0, S.css)([ "color:", ";" ], g.variables.textGray)
144
144
  },
145
- prisma: (0, x.css)([ "color:", ";" ], v.variables.contentColorDefault)
145
+ prisma: (0, S.css)([ "color:", ";" ], g.variables.contentColorDefault)
146
146
  }), (function(e) {
147
- var t = e.$current;
148
- return t && (0, x.css)([ "", ";", ";" ], v.mixins.typography({
147
+ var n = e.$current;
148
+ return n && (0, S.css)([ "", ";", ";" ], g.mixins.typography({
149
149
  color: "active",
150
150
  weight: "bold"
151
- }), (0, v.pick)({
151
+ }), (0, g.pick)({
152
152
  // TODO: maintain this separation until SUI 5, where we unify on Prisma's approach
153
- enterprise: (0, x.css)([ "border-color:", ";" ], v.variables.accentColor),
154
- prisma: (0, x.css)([ "background-color:", ";" ], v.variables.interactiveColorOverlaySelected)
153
+ enterprise: (0, S.css)([ "border-color:", ";" ], g.variables.accentColor),
154
+ prisma: (0, S.css)([ "background-color:", ";" ], g.variables.interactiveColorOverlaySelected)
155
155
  }));
156
- }), (0, v.pick)({
156
+ }), (0, g.pick)({
157
157
  enterprise: {
158
- comfortable: (0, x.css)([ "padding:", ";" ], v.variables.spacingXSmall),
159
- compact: (0, x.css)([ "padding:3px;" ])
158
+ comfortable: (0, S.css)([ "padding:", ";" ], g.variables.spacingXSmall),
159
+ compact: (0, S.css)([ "padding:3px;" ])
160
160
  },
161
- prisma: (0, x.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, v.pick)({
161
+ prisma: (0, S.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, g.pick)({
162
162
  comfortable: "5px 8px",
163
163
  compact: "4px"
164
164
  }))
165
165
  }));
166
166
  // CONCATENATED MODULE: ./src/Paginator/Button.tsx
167
167
  function _() {
168
- _ = Object.assign || function(e) {
169
- for (var t = 1; t < arguments.length; t++) {
170
- var r = arguments[t];
171
- for (var n in r) {
172
- if (Object.prototype.hasOwnProperty.call(r, n)) {
173
- e[n] = r[n];
174
- }
168
+ return _ = Object.assign ? Object.assign.bind() : function(e) {
169
+ for (var n = 1; n < arguments.length; n++) {
170
+ var r = arguments[n];
171
+ for (var t in r) {
172
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
175
173
  }
176
174
  }
177
175
  return e;
178
- };
179
- return _.apply(this, arguments);
176
+ }, _.apply(null, arguments);
180
177
  }
181
- function j(e, t) {
182
- if (e == null) return {};
183
- var r = N(e, t);
184
- var n, a;
178
+ function j(e, n) {
179
+ if (null == e) return {};
180
+ var r, t, a = N(e, n);
185
181
  if (Object.getOwnPropertySymbols) {
186
182
  var l = Object.getOwnPropertySymbols(e);
187
- for (a = 0; a < l.length; a++) {
188
- n = l[a];
189
- if (t.indexOf(n) >= 0) continue;
190
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
191
- r[n] = e[n];
183
+ for (t = 0; t < l.length; t++) {
184
+ r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
192
185
  }
193
186
  }
194
- return r;
187
+ return a;
195
188
  }
196
- function N(e, t) {
197
- if (e == null) return {};
189
+ function N(e, n) {
190
+ if (null == e) return {};
198
191
  var r = {};
199
- var n = Object.keys(e);
200
- var a, l;
201
- for (l = 0; l < n.length; l++) {
202
- a = n[l];
203
- if (t.indexOf(a) >= 0) continue;
204
- r[a] = e[a];
192
+ for (var t in e) {
193
+ if ({}.hasOwnProperty.call(e, t)) {
194
+ if (n.includes(t)) continue;
195
+ r[t] = e[t];
196
+ }
205
197
  }
206
198
  return r;
207
199
  }
@@ -214,8 +206,8 @@
214
206
  selected: l().bool
215
207
  };
216
208
  function T(e) {
217
- var t = e.children, a = e.disabled, l = e.onClick, i = e.page, o = e.selected, c = j(e, [ "children", "disabled", "onClick", "page", "selected" ]);
218
- var s = (0, r.useCallback)((function(e) {
209
+ var n = e.children, a = e.disabled, l = e.onClick, i = e.page, o = e.selected, s = j(e, [ "children", "disabled", "onClick", "page", "selected" ]);
210
+ var c = (0, r.useCallback)((function(e) {
219
211
  if (i != null) {
220
212
  l === null || l === void 0 ? void 0 : l(e, {
221
213
  page: i
@@ -225,69 +217,62 @@
225
217
  }
226
218
  }), [ l, i ]);
227
219
 
228
- return n().createElement(E, _({
220
+ return t().createElement(E, _({
229
221
  $current: o || false,
230
222
  "data-test": "page",
231
223
  "data-test-page": i,
232
224
  appearance: "subtle",
233
225
  disabled: a,
234
226
  inline: false,
235
- onClick: s
236
- }, c), t);
227
+ onClick: c
228
+ }, s), n);
237
229
  }
238
230
  T.propTypes = I;
239
231
  /* harmony default export */ const q = T;
240
232
  // CONCATENATED MODULE: ./src/Paginator/CompactStyles.ts
241
- var L = P()(o()).withConfig({
233
+ var L = O()(o()).withConfig({
242
234
  displayName: "CompactStyles__StyledBox",
243
235
  componentId: "dwgzkj-0"
244
236
  })([ "flex:0 1 auto;flex-wrap:nowrap;margin-left:auto;" ]);
245
- var M = P().span.withConfig({
237
+ var M = O().span.withConfig({
246
238
  displayName: "CompactStyles__StyledLabel",
247
239
  componentId: "dwgzkj-1"
248
- })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], v.variables.spacingSmall);
240
+ })([ "align-items:center;display:flex;flex-wrap:wrap;margin-right:", ";" ], g.variables.spacingSmall);
249
241
  // CONCATENATED MODULE: ./src/Paginator/Compact.tsx
250
242
  function R() {
251
- R = Object.assign || function(e) {
252
- for (var t = 1; t < arguments.length; t++) {
253
- var r = arguments[t];
254
- for (var n in r) {
255
- if (Object.prototype.hasOwnProperty.call(r, n)) {
256
- e[n] = r[n];
257
- }
243
+ return R = Object.assign ? Object.assign.bind() : function(e) {
244
+ for (var n = 1; n < arguments.length; n++) {
245
+ var r = arguments[n];
246
+ for (var t in r) {
247
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
258
248
  }
259
249
  }
260
250
  return e;
261
- };
262
- return R.apply(this, arguments);
251
+ }, R.apply(null, arguments);
263
252
  }
264
- function D(e, t) {
265
- if (e == null) return {};
266
- var r = z(e, t);
267
- var n, a;
253
+ function D(e, n) {
254
+ if (null == e) return {};
255
+ var r, t, a = z(e, n);
268
256
  if (Object.getOwnPropertySymbols) {
269
257
  var l = Object.getOwnPropertySymbols(e);
270
- for (a = 0; a < l.length; a++) {
271
- n = l[a];
272
- if (t.indexOf(n) >= 0) continue;
273
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
274
- r[n] = e[n];
258
+ for (t = 0; t < l.length; t++) {
259
+ r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
275
260
  }
276
261
  }
277
- return r;
262
+ return a;
278
263
  }
279
- function z(e, t) {
280
- if (e == null) return {};
264
+ function z(e, n) {
265
+ if (null == e) return {};
281
266
  var r = {};
282
- var n = Object.keys(e);
283
- var a, l;
284
- for (l = 0; l < n.length; l++) {
285
- a = n[l];
286
- if (t.indexOf(a) >= 0) continue;
287
- r[a] = e[a];
267
+ for (var t in e) {
268
+ if ({}.hasOwnProperty.call(e, t)) {
269
+ if (n.includes(t)) continue;
270
+ r[t] = e[t];
271
+ }
288
272
  }
289
273
  return r;
290
274
  }
275
+ /** @public */
291
276
  /** @public */ var G = {
292
277
  current: l().number,
293
278
  elementRef: l().oneOfType([ l().func, l().object ]),
@@ -295,64 +280,64 @@
295
280
  renderLabel: l().oneOfType([ l().bool, l().func ]),
296
281
  totalPages: l().number
297
282
  };
298
- var B = function e(t) {
299
- var r = t.current, n = t.totalPages;
283
+ var B = function e(n) {
284
+ var r = n.current, t = n.totalPages;
300
285
  var a = null;
301
- if (r != null && n != null) {
302
- a = (0, c.sprintf)((0, s._)("%d of %d pages"), r, n);
286
+ if (r != null && t != null) {
287
+ a = (0, s.sprintf)((0, c._)("%d of %d pages"), r, t);
303
288
  } else if (r != null) {
304
- a = (0, c.sprintf)((0, s._)("Page %d"), r);
289
+ a = (0, s.sprintf)((0, c._)("Page %d"), r);
305
290
  }
306
291
  return a;
307
292
  };
308
293
  function H(e) {
309
- var t = e.onChange, a = e.current, l = e.renderLabel, i = e.totalPages, o = D(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
294
+ var n = e.onChange, a = e.current, l = e.renderLabel, i = e.totalPages, o = D(e, [ "onChange", "current", "renderLabel", "totalPages" ]);
310
295
  // @docs-props-type PaginatorCompactPropsBase
311
- var c = (0, r.useCallback)((function(e, r) {
312
- var n = r.page;
313
- t === null || t === void 0 ? void 0 : t(e, {
296
+ var s = (0, r.useCallback)((function(e, r) {
297
+ var t = r.page;
298
+ n === null || n === void 0 ? void 0 : n(e, {
314
299
  direction: "prev",
315
- page: n
300
+ page: t
316
301
  });
317
- }), [ t ]);
302
+ }), [ n ]);
318
303
  var u = (0, r.useCallback)((function(e, r) {
319
- var n = r.page;
320
- t === null || t === void 0 ? void 0 : t(e, {
304
+ var t = r.page;
305
+ n === null || n === void 0 ? void 0 : n(e, {
321
306
  direction: "next",
322
- page: n
307
+ page: t
323
308
  });
324
- }), [ t ]);
309
+ }), [ n ]);
325
310
  var p = null;
326
311
  if (l) {
327
- var f = typeof l === "function" ? l : B;
328
- p = f({
312
+ var d = typeof l === "function" ? l : B;
313
+ p = d({
329
314
  current: a,
330
315
  totalPages: i
331
316
  });
332
317
  }
333
318
 
334
- return n().createElement(L, R({
335
- "aria-label": (0, s._)("Pagination"),
319
+ return t().createElement(L, R({
320
+ "aria-label": (0, c._)("Pagination"),
336
321
  "data-test": "paginator",
337
322
  "data-test-current": a,
338
323
  flex: true,
339
324
  inline: true,
340
325
  tag: "nav"
341
- }, o), p && n().createElement(M, {
326
+ }, o), p && t().createElement(M, {
342
327
  "data-test": "label"
343
- }, p), n().createElement(q, {
344
- "aria-label": (0, s._)("Go to previous page"),
328
+ }, p), t().createElement(q, {
329
+ "aria-label": (0, c._)("Go to previous page"),
345
330
  "data-test": "prev",
346
331
  disabled: a != null && a <= 1 ? "dimmed" : false,
347
- onClick: c,
332
+ onClick: s,
348
333
  page: a != null ? a - 1 : undefined
349
- }, n().createElement(m, null)), n().createElement(q, {
350
- "aria-label": (0, s._)("Go to next page"),
334
+ }, t().createElement(m, null)), t().createElement(q, {
335
+ "aria-label": (0, c._)("Go to next page"),
351
336
  "data-test": "next",
352
337
  disabled: a != null && i != null && a >= i ? "dimmed" : false,
353
338
  onClick: u,
354
339
  page: a != null ? a + 1 : undefined
355
- }, n().createElement(C, null)));
340
+ }, t().createElement(k, null)));
356
341
  }
357
342
  H.propTypes = G;
358
343
  /* harmony default export */ const W = H;
@@ -365,43 +350,38 @@
365
350
  // CONCATENATED MODULE: external "@splunk/ui-utils/id"
366
351
  const F = require("@splunk/ui-utils/id");
367
352
  // CONCATENATED MODULE: ./src/Paginator/PageSelectStyles.ts
368
- var J = P().span.withConfig({
353
+ var J = O().span.withConfig({
369
354
  displayName: "PageSelectStyles__StyledWrapper",
370
355
  componentId: "haycz4-0"
371
356
  })([ "display:flex;" ]);
372
- var K = P().span.withConfig({
357
+ var K = O().span.withConfig({
373
358
  displayName: "PageSelectStyles__StyledCount",
374
359
  componentId: "haycz4-1"
375
- })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], v.variables.spacingSmall);
376
- var Q = P()(A()).withConfig({
360
+ })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], g.variables.spacingSmall);
361
+ var Q = O()(A()).withConfig({
377
362
  displayName: "PageSelectStyles__StyledSelect",
378
363
  componentId: "haycz4-2"
379
364
  })([ "flex:0 0 auto;" ]);
380
365
  // CONCATENATED MODULE: ./src/Paginator/PageSelect.tsx
381
- function U(e, t) {
382
- if (e == null) return {};
383
- var r = Y(e, t);
384
- var n, a;
366
+ function U(e, n) {
367
+ if (null == e) return {};
368
+ var r, t, a = Y(e, n);
385
369
  if (Object.getOwnPropertySymbols) {
386
370
  var l = Object.getOwnPropertySymbols(e);
387
- for (a = 0; a < l.length; a++) {
388
- n = l[a];
389
- if (t.indexOf(n) >= 0) continue;
390
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
391
- r[n] = e[n];
371
+ for (t = 0; t < l.length; t++) {
372
+ r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
392
373
  }
393
374
  }
394
- return r;
375
+ return a;
395
376
  }
396
- function Y(e, t) {
397
- if (e == null) return {};
377
+ function Y(e, n) {
378
+ if (null == e) return {};
398
379
  var r = {};
399
- var n = Object.keys(e);
400
- var a, l;
401
- for (l = 0; l < n.length; l++) {
402
- a = n[l];
403
- if (t.indexOf(a) >= 0) continue;
404
- r[a] = e[a];
380
+ for (var t in e) {
381
+ if ({}.hasOwnProperty.call(e, t)) {
382
+ if (n.includes(t)) continue;
383
+ r[t] = e[t];
384
+ }
405
385
  }
406
386
  return r;
407
387
  }
@@ -411,79 +391,71 @@
411
391
  totalPages: l().number
412
392
  };
413
393
  function ee(e) {
414
- var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = U(e, [ "onChange", "current", "totalPages" ]);
394
+ var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = U(e, [ "onChange", "current", "totalPages" ]);
415
395
  // @docs-props-type PaginatorPageSelectPropsBase
416
396
  var u = (0, r.useRef)((0, F.createDOMID)("pages"));
417
397
  var p = (0, r.useRef)((0, F.createDOMID)("totalPages"));
418
- var f = function e(r, n) {
419
- var a = n.value;
420
- t === null || t === void 0 ? void 0 : t(r, {
398
+ var d = function e(r, t) {
399
+ var a = t.value;
400
+ n === null || n === void 0 ? void 0 : n(r, {
421
401
  page: a
422
402
  });
423
403
  };
424
- var d = [];
425
- for (var v = 1; v <= i; v += 1) {
426
- d.push( n().createElement(A().Option, {
427
- label: "".concat(v),
428
- key: "".concat(v),
429
- value: v
404
+ var f = [];
405
+ for (var g = 1; g <= i; g += 1) {
406
+ f.push( t().createElement(A().Option, {
407
+ label: "".concat(g),
408
+ key: "".concat(g),
409
+ value: g
430
410
  }));
431
411
  }
432
- var g = (0, c.sprintf)((0, s._)("of %d pages"), i);
412
+ var v = (0, s.sprintf)((0, c._)("of %d pages"), i);
433
413
 
434
- return n().createElement(J, o, n().createElement(Q, {
414
+ return t().createElement(J, o, t().createElement(Q, {
435
415
  value: l,
436
- onChange: f,
416
+ onChange: d,
437
417
  "aria-labelledby": "".concat(u.current, " ").concat(p.current)
438
- }, d), n().createElement(X(), {
418
+ }, f), t().createElement(X(), {
439
419
  id: u.current,
440
420
  "aria-hidden": true
441
- }, l), n().createElement(K, {
421
+ }, l), t().createElement(K, {
442
422
  id: p.current,
443
423
  "aria-hidden": true
444
- }, " ", g));
424
+ }, " ", v));
445
425
  }
446
426
  ee.propTypes = Z;
447
- /* harmony default export */ const te = ee;
427
+ /* harmony default export */ const ne = ee;
448
428
  // CONCATENATED MODULE: ./src/Paginator/PageControl.tsx
449
429
  function re() {
450
- re = Object.assign || function(e) {
451
- for (var t = 1; t < arguments.length; t++) {
452
- var r = arguments[t];
453
- for (var n in r) {
454
- if (Object.prototype.hasOwnProperty.call(r, n)) {
455
- e[n] = r[n];
456
- }
430
+ return re = Object.assign ? Object.assign.bind() : function(e) {
431
+ for (var n = 1; n < arguments.length; n++) {
432
+ var r = arguments[n];
433
+ for (var t in r) {
434
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
457
435
  }
458
436
  }
459
437
  return e;
460
- };
461
- return re.apply(this, arguments);
438
+ }, re.apply(null, arguments);
462
439
  }
463
- function ne(e, t) {
464
- if (e == null) return {};
465
- var r = ae(e, t);
466
- var n, a;
440
+ function te(e, n) {
441
+ if (null == e) return {};
442
+ var r, t, a = ae(e, n);
467
443
  if (Object.getOwnPropertySymbols) {
468
444
  var l = Object.getOwnPropertySymbols(e);
469
- for (a = 0; a < l.length; a++) {
470
- n = l[a];
471
- if (t.indexOf(n) >= 0) continue;
472
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
473
- r[n] = e[n];
445
+ for (t = 0; t < l.length; t++) {
446
+ r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
474
447
  }
475
448
  }
476
- return r;
449
+ return a;
477
450
  }
478
- function ae(e, t) {
479
- if (e == null) return {};
451
+ function ae(e, n) {
452
+ if (null == e) return {};
480
453
  var r = {};
481
- var n = Object.keys(e);
482
- var a, l;
483
- for (l = 0; l < n.length; l++) {
484
- a = n[l];
485
- if (t.indexOf(a) >= 0) continue;
486
- r[a] = e[a];
454
+ for (var t in e) {
455
+ if ({}.hasOwnProperty.call(e, t)) {
456
+ if (n.includes(t)) continue;
457
+ r[t] = e[t];
458
+ }
487
459
  }
488
460
  return r;
489
461
  }
@@ -494,137 +466,126 @@
494
466
  totalPages: l().number
495
467
  };
496
468
  function ie(e) {
497
- var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = ne(e, [ "onChange", "current", "totalPages" ]);
469
+ var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = te(e, [ "onChange", "current", "totalPages" ]);
498
470
  // @docs-props-type PaginatorPageControlPropsBase
499
- var c = (0, r.useCallback)((function(e, r) {
500
- var n = r.page;
471
+ var s = (0, r.useCallback)((function(e, r) {
472
+ var t = r.page;
501
473
  // page will always be defined because we're passing "current" to Compact
502
474
  // getting TypeScript to understand this seems more trouble than it's worth
503
475
  // so we'll validate this behavior through tests
504
- t === null || t === void 0 ? void 0 : t(e, {
505
- page: n
476
+ n === null || n === void 0 ? void 0 : n(e, {
477
+ page: t
506
478
  });
507
- }), [ t ]);
508
- var s = (0, r.useCallback)((function(e) {
479
+ }), [ n ]);
480
+ var c = (0, r.useCallback)((function(e) {
509
481
  var r = e.current, a = e.totalPages;
510
482
  if (r != null && a != null) {
511
483
 
512
- return n().createElement(te, {
484
+ return t().createElement(ne, {
513
485
  current: r,
514
- onChange: t,
486
+ onChange: n,
515
487
  totalPages: a
516
488
  });
517
489
  }
518
490
  return null;
519
- }), [ t ]);
491
+ }), [ n ]);
520
492
 
521
- return n().createElement(W, re({
493
+ return t().createElement(W, re({
522
494
  current: l,
523
- renderLabel: s,
524
- onChange: c,
495
+ renderLabel: c,
496
+ onChange: s,
525
497
  totalPages: i
526
498
  }, o));
527
499
  }
528
500
  ie.propTypes = le;
529
501
  /* harmony default export */ const oe = ie;
530
502
  // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeHorizontal"
531
- const ce = require("@splunk/react-icons/DotsThreeHorizontal");
532
- var se = e.n(ce);
503
+ const se = require("@splunk/react-icons/DotsThreeHorizontal");
504
+ var ce = e.n(se);
533
505
  // CONCATENATED MODULE: ./src/Paginator/PageSeparatorStyles.ts
534
- var ue = P().span.withConfig({
506
+ var ue = O().span.withConfig({
535
507
  displayName: "PageSeparatorStyles__StyledEllipsisWrapper",
536
508
  componentId: "j50fqf-0"
537
- })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, v.pick)({
509
+ })([ "display:flex;align-items:center;margin:", ";color:", ";" ], (0, g.pick)({
538
510
  enterprise: "0px 11px",
539
511
  prisma: "0px 20px"
540
- }), v.variables.contentColorActive);
512
+ }), g.variables.contentColorActive);
541
513
  // CONCATENATED MODULE: ./src/Paginator/PageSeparator.tsx
542
514
  function pe() {
543
- var e = (0, v.useSplunkTheme)(), t = e.family;
544
- var r = t === "enterprise" ? n().createElement("span", {
515
+ var e = (0, g.useSplunkTheme)(), n = e.family;
516
+ var r = n === "enterprise" ? t().createElement("span", {
545
517
  role: "separator"
546
- }, "…") : n().createElement(se(), null);
518
+ }, "…") : t().createElement(ce(), null);
547
519
 
548
- return n().createElement(ue, {
520
+ return t().createElement(ue, {
549
521
  role: "separator"
550
522
  }, r);
551
523
  }
552
- /* harmony default export */ const fe = pe;
524
+ /* harmony default export */ const de = pe;
553
525
  // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
554
- var de = P()(m).withConfig({
526
+ var fe = O()(m).withConfig({
555
527
  displayName: "PaginatorStyles__StyledChevronLeftIcon",
556
528
  componentId: "pmabsp-0"
557
- })([ "margin:", ";" ], (0, v.pick)({
529
+ })([ "margin:", ";" ], (0, g.pick)({
558
530
  enterprise: "-1px 3px 0 0",
559
531
  prisma: "-2px 6px 0 0"
560
532
  }));
561
- var ve = P()(C).withConfig({
533
+ var ge = O()(k).withConfig({
562
534
  displayName: "PaginatorStyles__StyledChevronRightIcon",
563
535
  componentId: "pmabsp-1"
564
- })([ "margin:", ";" ], (0, v.pick)({
536
+ })([ "margin:", ";" ], (0, g.pick)({
565
537
  enterprise: "-1px 0 0 3px",
566
538
  prisma: "-2px 0 0 6px"
567
539
  }));
568
- var ge = P().div.withConfig({
540
+ var ve = O().div.withConfig({
569
541
  displayName: "PaginatorStyles__StyledPrevNext",
570
542
  componentId: "pmabsp-2"
571
- })([ "padding:", ";white-space:nowrap;" ], (0, v.pick)({
543
+ })([ "padding:", ";white-space:nowrap;" ], (0, g.pick)({
572
544
  enterprise: "0 3px",
573
545
  prisma: "0 8px"
574
546
  }));
575
- var me = P()(q).withConfig({
547
+ var me = O()(q).withConfig({
576
548
  displayName: "PaginatorStyles__StyledPaginatorButton",
577
549
  componentId: "pmabsp-3"
578
- })([ "&:not([disabled]){", ",", "{", "}}" ],
579
- /* sc-sel */
580
- de,
581
- /* sc-sel */
582
- ve, (0, v.pick)({
583
- prisma: (0, x.css)([ "color:", ";" ], v.variables.contentColorMuted)
550
+ })([ "&:not([disabled]){", ",", "{", "}}" ], /* sc-sel */ fe, /* sc-sel */ ge, (0,
551
+ g.pick)({
552
+ prisma: (0, S.css)([ "color:", ";" ], g.variables.contentColorMuted)
584
553
  }));
585
554
  // CONCATENATED MODULE: ./src/Paginator/Paginator.tsx
586
555
  function be() {
587
- be = Object.assign || function(e) {
588
- for (var t = 1; t < arguments.length; t++) {
589
- var r = arguments[t];
590
- for (var n in r) {
591
- if (Object.prototype.hasOwnProperty.call(r, n)) {
592
- e[n] = r[n];
593
- }
556
+ return be = Object.assign ? Object.assign.bind() : function(e) {
557
+ for (var n = 1; n < arguments.length; n++) {
558
+ var r = arguments[n];
559
+ for (var t in r) {
560
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
594
561
  }
595
562
  }
596
563
  return e;
597
- };
598
- return be.apply(this, arguments);
564
+ }, be.apply(null, arguments);
599
565
  }
600
- function ye(e, t) {
601
- if (e == null) return {};
602
- var r = he(e, t);
603
- var n, a;
566
+ function ye(e, n) {
567
+ if (null == e) return {};
568
+ var r, t, a = he(e, n);
604
569
  if (Object.getOwnPropertySymbols) {
605
570
  var l = Object.getOwnPropertySymbols(e);
606
- for (a = 0; a < l.length; a++) {
607
- n = l[a];
608
- if (t.indexOf(n) >= 0) continue;
609
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
610
- r[n] = e[n];
571
+ for (t = 0; t < l.length; t++) {
572
+ r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
611
573
  }
612
574
  }
613
- return r;
575
+ return a;
614
576
  }
615
- function he(e, t) {
616
- if (e == null) return {};
577
+ function he(e, n) {
578
+ if (null == e) return {};
617
579
  var r = {};
618
- var n = Object.keys(e);
619
- var a, l;
620
- for (l = 0; l < n.length; l++) {
621
- a = n[l];
622
- if (t.indexOf(a) >= 0) continue;
623
- r[a] = e[a];
580
+ for (var t in e) {
581
+ if ({}.hasOwnProperty.call(e, t)) {
582
+ if (n.includes(t)) continue;
583
+ r[t] = e[t];
584
+ }
624
585
  }
625
586
  return r;
626
587
  }
627
- var Oe = {
588
+ /** @public */ var Ce = {
628
589
  alwaysShowLastPageLink: l().bool,
629
590
  current: l().number,
630
591
  elementRef: l().oneOfType([ l().func, l().object ]),
@@ -632,113 +593,113 @@
632
593
  onChange: l().func,
633
594
  totalPages: l().number
634
595
  };
635
- function ke(e) {
636
- var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.alwaysShowLastPageLink, u = i === void 0 ? false : i, p = e.numPageLinks, f = p === void 0 ? 5 : p, d = e.totalPages, v = ye(e, [ "onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages" ]);
596
+ function Pe(e) {
597
+ var n = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.alwaysShowLastPageLink, u = i === void 0 ? false : i, p = e.numPageLinks, d = p === void 0 ? 5 : p, f = e.totalPages, g = ye(e, [ "onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages" ]);
637
598
  // @docs-props-type PaginatorPropsBase
638
- var g = (0, r.useCallback)((function(e, r) {
639
- var n = r.page;
599
+ var v = (0, r.useCallback)((function(e, r) {
600
+ var t = r.page;
640
601
  // page will always be defined because we're passing "page" to PaginatorButton
641
602
  // getting TypeScript to understand this seems more trouble than it's worth
642
603
  // so we'll validate this behavior through tests
643
- t === null || t === void 0 ? void 0 : t(e, {
644
- page: n
604
+ n === null || n === void 0 ? void 0 : n(e, {
605
+ page: t
645
606
  });
646
- }), [ t ]);
647
- // Can't show more links than total number of pages.
648
- var m = Math.min(f, d);
607
+ }), [ n ]);
608
+ // Can't show more links than total number of pages.
609
+ var m = Math.min(d, f);
649
610
  var b = Math.ceil(m / 2);
650
- var y = Math.ceil(d - m / 2);
611
+ var y = Math.ceil(f - m / 2);
651
612
  var h = [];
652
- if (d <= 1) {
613
+ if (f <= 1) {
653
614
  return null;
654
615
  }
655
- if ((l > d || l < 1) && process.env.NODE_ENV !== "production") {}
656
- var O;
657
- var k;
616
+ if ((l > f || l < 1) && process.env.NODE_ENV !== "production") {}
617
+ var C;
618
+ var P;
658
619
  if (l <= b + 1) {
659
620
  // + 1 to avoid ellipsis between 1 and 2
660
- O = 1;
661
- k = O + Math.min(d, m) - 1;
621
+ C = 1;
622
+ P = C + Math.min(f, m) - 1;
662
623
  } else if (l > b && l < y) {
663
- k = Math.ceil(l + (m - 2) / 2);
664
- O = k - m + 2;
624
+ P = Math.ceil(l + (m - 2) / 2);
625
+ C = P - m + 2;
665
626
  } else {
666
627
  // include page #1 to avoid ellipsis between 1 and 2
667
- O = d - m === 1 ? 1 : d - m + 1;
668
- k = d;
628
+ C = f - m === 1 ? 1 : f - m + 1;
629
+ P = f;
669
630
  }
670
- // bump up the last page to avoid ellipsis
671
- k = u && k + 1 === d ? d : k;
672
- h.push( n().createElement(me, {
631
+ // bump up the last page to avoid ellipsis
632
+ P = u && P + 1 === f ? f : P;
633
+ h.push( t().createElement(me, {
673
634
  "data-test": "prev",
674
635
  disabled: l === 1,
675
- onClick: g,
636
+ onClick: v,
676
637
  page: l - 1,
677
638
  key: "prev",
678
- "aria-label": (0, s._)("Go to previous page")
679
- }, n().createElement(ge, null, n().createElement(de, null), (0, s._)("Prev"))));
680
- if (l > b && d > m && O !== 1) {
681
- h.push( n().createElement(me, {
639
+ "aria-label": (0, c._)("Go to previous page")
640
+ }, t().createElement(ve, null, t().createElement(fe, null), (0, c._)("Prev"))));
641
+ if (l > b && f > m && C !== 1) {
642
+ h.push( t().createElement(me, {
682
643
  key: "first",
683
- onClick: g,
644
+ onClick: v,
684
645
  page: 1,
685
- "aria-label": (0, s._)("Go to first page")
646
+ "aria-label": (0, c._)("Go to first page")
686
647
  }, "1"));
687
- h.push( n().createElement(fe, {
648
+ h.push( t().createElement(de, {
688
649
  "data-test": "page",
689
650
  key: "prevEllipsis"
690
651
  }));
691
652
  }
692
- for (var C = O; C <= k; C += 1) {
693
- var x = C === l;
694
- h.push( n().createElement(me, {
695
- selected: x,
696
- onClick: g,
697
- page: C,
698
- key: C,
699
- "aria-current": x ? "page" : false,
700
- "aria-label": (0, c.sprintf)((0, s._)("Page %(pageNumber)d"), {
701
- pageNumber: C
653
+ for (var k = C; k <= P; k += 1) {
654
+ var S = k === l;
655
+ h.push( t().createElement(me, {
656
+ selected: S,
657
+ onClick: v,
658
+ page: k,
659
+ key: k,
660
+ "aria-current": S ? "page" : false,
661
+ "aria-label": (0, s.sprintf)((0, c._)("Page %(pageNumber)d"), {
662
+ pageNumber: k
702
663
  })
703
- }, String(C)));
664
+ }, String(k)));
704
665
  }
705
- if (l <= y && d > m && k !== d) {
706
- h.push( n().createElement(fe, {
666
+ if (l <= y && f > m && P !== f) {
667
+ h.push( t().createElement(de, {
707
668
  "data-test": "page",
708
669
  key: "nextEllipsis"
709
670
  }));
710
671
  if (u) {
711
- h.push( n().createElement(me, {
672
+ h.push( t().createElement(me, {
712
673
  "data-test": "last",
713
674
  key: "last",
714
- onClick: g,
715
- page: d,
716
- "aria-label": (0, s._)("Go to last page")
717
- }, String(d)));
675
+ onClick: v,
676
+ page: f,
677
+ "aria-label": (0, c._)("Go to last page")
678
+ }, String(f)));
718
679
  }
719
680
  }
720
- h.push( n().createElement(me, {
681
+ h.push( t().createElement(me, {
721
682
  "data-test": "next",
722
- disabled: l === d,
723
- onClick: g,
683
+ disabled: l === f,
684
+ onClick: v,
724
685
  page: l + 1,
725
686
  key: "next",
726
- "aria-label": (0, s._)("Go to next page")
727
- }, n().createElement(ge, null, (0, s._)("Next"), n().createElement(ve, null))));
687
+ "aria-label": (0, c._)("Go to next page")
688
+ }, t().createElement(ve, null, (0, c._)("Next"), t().createElement(ge, null))));
728
689
 
729
- return n().createElement(o(), be({
730
- "aria-label": (0, s._)("Pagination"),
690
+ return t().createElement(o(), be({
691
+ "aria-label": (0, c._)("Pagination"),
731
692
  "data-test": "paginator",
732
693
  "data-test-current": l,
733
694
  flex: true,
734
695
  inline: true,
735
696
  tag: "nav"
736
- }, v), h);
697
+ }, g), h);
737
698
  }
738
- ke.Compact = W;
739
- ke.PageControl = oe;
740
- ke.propTypes = Oe;
741
- /* harmony default export */ const Ce = ke;
699
+ Pe.Compact = W;
700
+ Pe.PageControl = oe;
701
+ Pe.propTypes = Ce;
702
+ /* harmony default export */ const ke = Pe;
742
703
  // CONCATENATED MODULE: ./src/Paginator/index.ts
743
- module.exports = t;
704
+ module.exports = n;
744
705
  /******/})();