@splunk/react-ui 5.7.1 → 5.9.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 (152) hide show
  1. package/Accordion.js +6 -6
  2. package/Anchor.js +2 -1
  3. package/Box.js +83 -34
  4. package/CHANGELOG.md +51 -0
  5. package/Calendar.js +134 -134
  6. package/Clickable.js +131 -94
  7. package/CollapsiblePanel.js +175 -137
  8. package/ComboBox.js +32 -27
  9. package/ControlGroup.js +92 -91
  10. package/DefinitionList.js +9 -9
  11. package/Drawer.d.ts +2 -0
  12. package/Drawer.js +679 -0
  13. package/Dropdown.js +27 -18
  14. package/DualListbox.js +1 -1
  15. package/File.js +35 -35
  16. package/JSONTree.js +73 -72
  17. package/Link.js +2 -2
  18. package/MIGRATION.md +10 -0
  19. package/Menu.js +403 -261
  20. package/Modal.js +263 -252
  21. package/Monogram.js +2 -2
  22. package/Multiselect.js +551 -385
  23. package/Number.js +2 -1
  24. package/Paginator.js +14 -12
  25. package/Popover.js +4 -1
  26. package/README.md +11 -0
  27. package/RadioBar.js +1 -1
  28. package/Search.js +111 -95
  29. package/Select.js +42 -40
  30. package/SelectBase.js +819 -715
  31. package/SidePanel.js +346 -167
  32. package/SlidingPanels.js +11 -11
  33. package/StepBar.js +7 -7
  34. package/Switch.js +5 -5
  35. package/Table.js +116 -119
  36. package/Text.js +48 -48
  37. package/TextArea.js +7 -7
  38. package/TransitionOpen.js +188 -169
  39. package/docs-llm/Accordion.md +267 -0
  40. package/docs-llm/Anchor Menu.md +115 -0
  41. package/docs-llm/Anchor.md +54 -0
  42. package/docs-llm/AnimationToggle.md +254 -0
  43. package/docs-llm/Avatar.md +292 -0
  44. package/docs-llm/Badge.md +212 -0
  45. package/docs-llm/Breadcrumbs.md +306 -0
  46. package/docs-llm/Button Group.md +53 -0
  47. package/docs-llm/Button.md +361 -0
  48. package/docs-llm/Card Layout.md +286 -0
  49. package/docs-llm/Card.md +619 -0
  50. package/docs-llm/Checkbox.md +218 -0
  51. package/docs-llm/Chip.md +291 -0
  52. package/docs-llm/Clickable.md +160 -0
  53. package/docs-llm/Code.md +292 -0
  54. package/docs-llm/Collapsible Panel.md +744 -0
  55. package/docs-llm/Color.md +253 -0
  56. package/docs-llm/Column Layout.md +391 -0
  57. package/docs-llm/Combo Box.md +540 -0
  58. package/docs-llm/Control Group.md +594 -0
  59. package/docs-llm/Date.md +270 -0
  60. package/docs-llm/Definition List.md +278 -0
  61. package/docs-llm/Divider.md +216 -0
  62. package/docs-llm/Drawer.md +414 -0
  63. package/docs-llm/Dropdown.md +472 -0
  64. package/docs-llm/Dual Listbox.md +325 -0
  65. package/docs-llm/File.md +653 -0
  66. package/docs-llm/Form Rows.md +374 -0
  67. package/docs-llm/Heading.md +179 -0
  68. package/docs-llm/Image.md +109 -0
  69. package/docs-llm/JSON Tree.md +260 -0
  70. package/docs-llm/Layer.md +74 -0
  71. package/docs-llm/Layout.md +50 -0
  72. package/docs-llm/Link.md +318 -0
  73. package/docs-llm/List.md +189 -0
  74. package/docs-llm/Markdown.md +179 -0
  75. package/docs-llm/Menu.md +735 -0
  76. package/docs-llm/Message Bar.md +236 -0
  77. package/docs-llm/Message.md +248 -0
  78. package/docs-llm/Modal.md +443 -0
  79. package/docs-llm/Monogram.md +159 -0
  80. package/docs-llm/Multiselect.md +939 -0
  81. package/docs-llm/Notifications.md +46 -0
  82. package/docs-llm/Number.md +298 -0
  83. package/docs-llm/Paginator.md +395 -0
  84. package/docs-llm/Paragraph.md +148 -0
  85. package/docs-llm/Phone Number.md +254 -0
  86. package/docs-llm/Popover.md +166 -0
  87. package/docs-llm/Progress.md +141 -0
  88. package/docs-llm/Radio Bar.md +303 -0
  89. package/docs-llm/Radio List.md +350 -0
  90. package/docs-llm/Resize.md +362 -0
  91. package/docs-llm/Screen Reader Content.md +73 -0
  92. package/docs-llm/Scroll Container Context.md +155 -0
  93. package/docs-llm/Scroll.md +152 -0
  94. package/docs-llm/Search.md +381 -0
  95. package/docs-llm/Select.md +985 -0
  96. package/docs-llm/Side Panel.md +777 -0
  97. package/docs-llm/Slider.md +339 -0
  98. package/docs-llm/Sliding Panels.md +340 -0
  99. package/docs-llm/Split Button.md +295 -0
  100. package/docs-llm/Static Content.md +90 -0
  101. package/docs-llm/Step Bar.md +292 -0
  102. package/docs-llm/Switch.md +268 -0
  103. package/docs-llm/Tab Bar.md +439 -0
  104. package/docs-llm/Tab Layout.md +398 -0
  105. package/docs-llm/Table.md +2642 -0
  106. package/docs-llm/Text Area.md +253 -0
  107. package/docs-llm/Text.md +339 -0
  108. package/docs-llm/Tooltip.md +325 -0
  109. package/docs-llm/Transition Open.md +406 -0
  110. package/docs-llm/Tree.md +591 -0
  111. package/docs-llm/Typography.md +125 -0
  112. package/docs-llm/Wait Spinner.md +121 -0
  113. package/docs-llm/llms.txt +101 -0
  114. package/package.json +6 -5
  115. package/types/src/Box/Box.d.ts +2 -10
  116. package/types/src/Drawer/Body.d.ts +17 -0
  117. package/types/src/Drawer/Drawer.d.ts +114 -0
  118. package/types/src/Drawer/DrawerContext.d.ts +11 -0
  119. package/types/src/Drawer/Footer.d.ts +25 -0
  120. package/types/src/Drawer/Header.d.ts +41 -0
  121. package/types/src/Drawer/docs/examples/Basic.d.ts +6 -0
  122. package/types/src/Drawer/docs/examples/ContainerPosition.d.ts +7 -0
  123. package/types/src/Drawer/docs/examples/InitialFocus.d.ts +9 -0
  124. package/types/src/Drawer/docs/examples/InlinePosition.d.ts +7 -0
  125. package/types/src/Drawer/docs/examples/PagePosition.d.ts +7 -0
  126. package/types/src/Drawer/index.d.ts +2 -0
  127. package/types/src/JSONTree/JSONTree.d.ts +12 -5
  128. package/types/src/JSONTree/renderTreeItems.d.ts +2 -1
  129. package/types/src/Menu/Item.d.ts +2 -1
  130. package/types/src/Menu/docs/examples/SelectableCheckbox.d.ts +7 -0
  131. package/types/src/Modal/Modal.d.ts +1 -2
  132. package/types/src/Multiselect/Compact.d.ts +8 -3
  133. package/types/src/Multiselect/Multiselect.d.ts +8 -3
  134. package/types/src/Multiselect/Normal.d.ts +8 -3
  135. package/types/src/Multiselect/Option.d.ts +6 -3
  136. package/types/src/Multiselect/docs/examples/Disabled.d.ts +1 -0
  137. package/types/src/Select/Option.d.ts +6 -3
  138. package/types/src/Select/Select.d.ts +8 -5
  139. package/types/src/Select/docs/examples/Dimmed.d.ts +7 -0
  140. package/types/src/SelectBase/OptionBase.d.ts +6 -3
  141. package/types/src/SelectBase/SelectBase.d.ts +8 -3
  142. package/types/src/SidePanel/SidePanel.d.ts +43 -2
  143. package/types/src/SidePanel/docs/examples/DockLayout.d.ts +17 -0
  144. package/types/src/SidePanel/docs/examples/InitialFocus.d.ts +9 -0
  145. package/types/src/TransitionOpen/TransitionOpen.d.ts +29 -4
  146. package/types/src/useKeyPress/index.d.ts +9 -2
  147. package/types/src/useOnClickOutside/index.d.ts +2 -0
  148. package/types/src/useOnClickOutside/useOnClickOutside.d.ts +4 -0
  149. package/useKeyPress.js +23 -18
  150. package/useOnClickOutside.d.ts +2 -0
  151. package/useOnClickOutside.js +79 -0
  152. package/types/src/RadioList/docs/examples/Row.d.ts +0 -6
package/Calendar.js CHANGED
@@ -24,11 +24,11 @@
24
24
  /******/ (() => {
25
25
  /******/ // define getter functions for harmony exports
26
26
  /******/ e.d = (a, r) => {
27
- /******/ for (var n in r) {
28
- /******/ if (e.o(r, n) && !e.o(a, n)) {
29
- /******/ Object.defineProperty(a, n, {
27
+ /******/ for (var t in r) {
28
+ /******/ if (e.o(r, t) && !e.o(a, t)) {
29
+ /******/ Object.defineProperty(a, t, {
30
30
  enumerable: true,
31
- get: r[n]
31
+ get: r[t]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -67,10 +67,10 @@
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 "moment"
72
- const t = require("moment");
73
- var l = e.n(t);
72
+ const n = require("moment");
73
+ var l = e.n(n);
74
74
  // CONCATENATED MODULE: external "prop-types"
75
75
  const o = require("prop-types");
76
76
  var i = e.n(o);
@@ -80,12 +80,12 @@
80
80
  const c = require("styled-components");
81
81
  var d = e.n(c);
82
82
  // CONCATENATED MODULE: external "@splunk/themes"
83
- const s = require("@splunk/themes");
83
+ const v = require("@splunk/themes");
84
84
  // CONCATENATED MODULE: ./src/Calendar/CalendarStyles.ts
85
- var v = d().div.withConfig({
85
+ var s = d().div.withConfig({
86
86
  displayName: "CalendarStyles__Styled",
87
87
  componentId: "sc-18925wt-0"
88
- })([ "", ";grid-row-gap:", ";padding:", ";" ], s.mixins.reset("grid"), s.variables.spacingXSmall, s.variables.spacingLarge);
88
+ })([ "", ";grid-row-gap:", ";padding:", ";" ], v.mixins.reset("grid"), v.variables.spacingXSmall, v.variables.spacingLarge);
89
89
  // CONCATENATED MODULE: external "lodash/times"
90
90
  const f = require("lodash/times");
91
91
  var y = e.n(f);
@@ -96,33 +96,33 @@
96
96
  var g = d().div.withConfig({
97
97
  displayName: "DateGridStyles__Styled",
98
98
  componentId: "sc-7cb7ui-0"
99
- })([ "", ";grid-template-columns:repeat(7,min-content);grid-row-gap:", ";" ], s.mixins.reset("grid"), s.variables.spacingXSmall);
99
+ })([ "", ";grid-template-columns:repeat(7,min-content);grid-row-gap:", ";" ], v.mixins.reset("grid"), v.variables.spacingXSmall);
100
100
  var b = d().div.withConfig({
101
101
  displayName: "DateGridStyles__StyledWeekday",
102
102
  componentId: "sc-7cb7ui-1"
103
- })([ "", ";text-align:center;" ], s.mixins.typography("smallBody"));
103
+ })([ "", ";text-align:center;" ], v.mixins.typography("smallBody"));
104
104
  // CONCATENATED MODULE: ./src/Calendar/DayStyles.ts
105
105
  var h = d().div.withConfig({
106
106
  displayName: "DayStyles__Styled",
107
107
  componentId: "sc-1nryhyt-0"
108
- })([ "", " width:", ";height:", ";align-items:center;justify-content:center;border:1px solid transparent;border-radius:", ";color:", ";cursor:pointer;", " ", " &:focus{box-shadow:", ";font-weight:", ";outline:none;z-index:0;}&:hover{background-color:", ";color:", ";}", "" ], s.mixins.reset("flex"), s.variables.inputHeight, s.variables.inputHeight, s.variables.borderRadius, s.variables.contentColorActive, (function(e) {
108
+ })([ "", " width:", ";height:", ";align-items:center;justify-content:center;border:1px solid transparent;border-radius:", ";color:", ";cursor:pointer;", " ", " &:focus{box-shadow:", ";font-weight:", ";outline:none;z-index:0;}&:hover{background-color:", ";color:", ";}", "" ], v.mixins.reset("flex"), v.variables.inputHeight, v.variables.inputHeight, v.variables.borderRadius, v.variables.contentColorActive, (function(e) {
109
109
  var a = e.$dayOfWeek;
110
110
  // We need the + 1 here since the dayOfWeek goes from 0-6 (Sun-Sat) but grid-column values go from 1-7.
111
111
  return (0, c.css)([ "grid-column:calc(", " + 1);" ], a);
112
112
  }), (function(e) {
113
113
  var a = e.$today;
114
- return a && (0, c.css)([ "border:1px solid ", ";" ], s.variables.borderColor);
115
- }), s.variables.focusShadow, s.variables.fontWeightBold, s.variables.interactiveColorOverlayHover, s.variables.contentColorAccent, (function(e) {
114
+ return a && (0, c.css)([ "border:1px solid ", ";" ], v.variables.interactiveColorBorder);
115
+ }), v.variables.focusShadow, v.variables.fontWeightBold, v.variables.interactiveColorOverlayHover, v.variables.contentColorAccent, (function(e) {
116
116
  var a = e.$selected;
117
- return a && (0, c.css)([ "border:1px solid ", ";font-weight:", ";background-color:", ";&:hover{background-color:", ";}" ], s.variables.contentColorAccent, s.variables.fontWeightBold, s.variables.interactiveColorOverlaySelected, s.mixins.overlayColors(s.variables.interactiveColorOverlaySelected, s.variables.interactiveColorOverlayHover));
117
+ return a && (0, c.css)([ "border:1px solid ", ";font-weight:", ";background-color:", ";&:hover{background-color:", ";}" ], v.variables.contentColorAccent, v.variables.fontWeightBold, v.variables.interactiveColorOverlaySelected, v.mixins.overlayColors(v.variables.interactiveColorOverlaySelected, v.variables.interactiveColorOverlayHover));
118
118
  }));
119
119
  // CONCATENATED MODULE: ./src/Calendar/Day.tsx
120
120
  function m() {
121
121
  return m = Object.assign ? Object.assign.bind() : function(e) {
122
122
  for (var a = 1; a < arguments.length; a++) {
123
123
  var r = arguments[a];
124
- for (var n in r) {
125
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
124
+ for (var t in r) {
125
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
126
126
  }
127
127
  }
128
128
  return e;
@@ -130,22 +130,22 @@
130
130
  }
131
131
  function D(e, a) {
132
132
  if (null == e) return {};
133
- var r, n, t = M(e, a);
133
+ var r, t, n = M(e, a);
134
134
  if (Object.getOwnPropertySymbols) {
135
135
  var l = Object.getOwnPropertySymbols(e);
136
- for (n = 0; n < l.length; n++) {
137
- r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
136
+ for (t = 0; t < l.length; t++) {
137
+ r = l[t], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
138
138
  }
139
139
  }
140
- return t;
140
+ return n;
141
141
  }
142
142
  function M(e, a) {
143
143
  if (null == e) return {};
144
144
  var r = {};
145
- for (var n in e) {
146
- if ({}.hasOwnProperty.call(e, n)) {
147
- if (-1 !== a.indexOf(n)) continue;
148
- r[n] = e[n];
145
+ for (var t in e) {
146
+ if ({}.hasOwnProperty.call(e, t)) {
147
+ if (-1 !== a.indexOf(t)) continue;
148
+ r[t] = e[t];
149
149
  }
150
150
  }
151
151
  return r;
@@ -162,7 +162,7 @@
162
162
  value: i().string
163
163
  };
164
164
  function w(e) {
165
- var a = e.active, t = a === void 0 ? false : a, o = e.dayOfWeek, i = e.locale, u = i === void 0 ? "en_US" : i, c = e.onClick, d = e.onKeyDown, s = e.selected, v = s === void 0 ? false : s, f = e.today, y = f === void 0 ? false : f, Y = e.value, p = D(e, [ "active", "dayOfWeek", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
165
+ var a = e.active, n = a === void 0 ? false : a, o = e.dayOfWeek, i = e.locale, u = i === void 0 ? "en_US" : i, c = e.onClick, d = e.onKeyDown, v = e.selected, s = v === void 0 ? false : v, f = e.today, y = f === void 0 ? false : f, Y = e.value, p = D(e, [ "active", "dayOfWeek", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
166
166
  // @docs-props-type DayPropsBase
167
167
  var g = (0, r.useCallback)((function(e) {
168
168
  e.preventDefault();
@@ -178,18 +178,18 @@
178
178
  }), [ d, Y ]);
179
179
  var M = Y && l()(Y, "YYYY-MM-DD", u).format("D");
180
180
 
181
- return n().createElement(h, m({
182
- tabIndex: t ? 0 : -1,
183
- "aria-selected": v,
181
+ return t().createElement(h, m({
182
+ tabIndex: n ? 0 : -1,
183
+ "aria-selected": s,
184
184
  "data-test-day": M,
185
185
  "data-test": "day-of-month",
186
- "data-active-day": t,
186
+ "data-active-day": n,
187
187
  "data-is-today": y,
188
188
  onClick: g,
189
189
  onKeyDown: b,
190
190
  $dayOfWeek: o,
191
191
  $today: y,
192
- $selected: v
192
+ $selected: s
193
193
  }, p), M);
194
194
  }
195
195
  w.propTypes = O;
@@ -199,8 +199,8 @@
199
199
  return k = Object.assign ? Object.assign.bind() : function(e) {
200
200
  for (var a = 1; a < arguments.length; a++) {
201
201
  var r = arguments[a];
202
- for (var n in r) {
203
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
202
+ for (var t in r) {
203
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
204
204
  }
205
205
  }
206
206
  return e;
@@ -208,22 +208,22 @@
208
208
  }
209
209
  function S(e, a) {
210
210
  if (null == e) return {};
211
- var r, n, t = x(e, a);
211
+ var r, t, n = x(e, a);
212
212
  if (Object.getOwnPropertySymbols) {
213
213
  var l = Object.getOwnPropertySymbols(e);
214
- for (n = 0; n < l.length; n++) {
215
- r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
214
+ for (t = 0; t < l.length; t++) {
215
+ r = l[t], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
216
216
  }
217
217
  }
218
- return t;
218
+ return n;
219
219
  }
220
220
  function x(e, a) {
221
221
  if (null == e) return {};
222
222
  var r = {};
223
- for (var n in e) {
224
- if ({}.hasOwnProperty.call(e, n)) {
225
- if (-1 !== a.indexOf(n)) continue;
226
- r[n] = e[n];
223
+ for (var t in e) {
224
+ if ({}.hasOwnProperty.call(e, t)) {
225
+ if (-1 !== a.indexOf(t)) continue;
226
+ r[t] = e[t];
227
227
  }
228
228
  }
229
229
  return r;
@@ -239,23 +239,23 @@
239
239
  todayValue: i().string
240
240
  };
241
241
  function E(e) {
242
- var a = e.displayValue, r = e.endDate, t = e.highlightToday, o = e.locale, i = e.onChange, u = e.onKeyDown, c = e.selectedDate, d = e.selectedValue, s = e.startDate, v = e.todayValue;
242
+ var a = e.displayValue, r = e.endDate, n = e.highlightToday, o = e.locale, i = e.onChange, u = e.onKeyDown, c = e.selectedDate, d = e.selectedValue, v = e.startDate, s = e.todayValue;
243
243
  // @docs-props-type DateGridPropsBase
244
- var f = l()(s).locale(o).startOf("month");
244
+ var f = l()(v).locale(o).startOf("month");
245
245
  var y = [];
246
246
  while (f.isSameOrBefore(r)) {
247
247
  var Y = f.format("YYYY-MM-DD");
248
- var p = Y === v;
248
+ var p = Y === s;
249
249
  var g = Y === d;
250
250
  var b = Y === a;
251
251
  var h = Number(f.format("e"));
252
- y.push( n().createElement(C, {
252
+ y.push( t().createElement(C, {
253
253
  key: Y,
254
254
  locale: o,
255
255
  onClick: i,
256
256
  onKeyDown: u,
257
257
  active: c ? b : p,
258
- today: t && p,
258
+ today: n && p,
259
259
  value: Y,
260
260
  selected: g,
261
261
  dayOfWeek: h
@@ -266,21 +266,21 @@
266
266
  }
267
267
  function j(e, a) {
268
268
  return y()(7, (function(r) {
269
- var t = l()().locale(e).weekday(r).format(a);
269
+ var n = l()().locale(e).weekday(r).format(a);
270
270
  var o = l()().locale(e).weekday(r).format("dddd");
271
271
 
272
- return n().createElement(b, {
273
- key: t
274
- }, n().createElement(p(), null, o), n().createElement("span", {
272
+ return t().createElement(b, {
273
+ key: n
274
+ }, t().createElement(p(), null, o), t().createElement("span", {
275
275
  "aria-hidden": true
276
- }, t));
276
+ }, n));
277
277
  }));
278
278
  }
279
279
  function _(e) {
280
- var a = e.displayValue, r = e.highlightToday, t = r === void 0 ? false : r, o = e.labelledBy, i = e.locale, u = i === void 0 ? "en_US" : i, c = e.onChange, d = e.onInternalChange, s = e.selectedValue, v = e.todayValue, f = S(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
280
+ var a = e.displayValue, r = e.highlightToday, n = r === void 0 ? false : r, o = e.labelledBy, i = e.locale, u = i === void 0 ? "en_US" : i, c = e.onChange, d = e.onInternalChange, v = e.selectedValue, s = e.todayValue, f = S(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
281
281
  var y = "dd";
282
282
  var Y = l()(a, "YYYY-MM-DD", u);
283
- var p = l()(s, "YYYY-MM-DD", u);
283
+ var p = l()(v, "YYYY-MM-DD", u);
284
284
  var b = l()(Y).startOf("month");
285
285
  var h = l()(Y).endOf("month").startOf("day");
286
286
  var m = function e(a, r) {
@@ -288,73 +288,73 @@
288
288
  c === null || c === void 0 ? void 0 : c(a, r);
289
289
  };
290
290
  var D = function e(a, r) {
291
- var n = r.value;
291
+ var t = r.value;
292
292
  a.preventDefault();
293
293
  d === null || d === void 0 ? void 0 : d(a, {
294
- value: l()(n, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
294
+ value: l()(t, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
295
295
  });
296
296
  };
297
297
  var M = function e(a, r) {
298
- var n = r.value;
298
+ var t = r.value;
299
299
  a.preventDefault();
300
300
  d === null || d === void 0 ? void 0 : d(a, {
301
- value: l()(n, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
301
+ value: l()(t, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
302
302
  });
303
303
  };
304
304
  var O = function e(a, r) {
305
- var n = r.value;
305
+ var t = r.value;
306
306
  a.preventDefault();
307
307
  d === null || d === void 0 ? void 0 : d(a, {
308
- value: l()(n, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
308
+ value: l()(t, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
309
309
  });
310
310
  };
311
311
  var w = function e(a, r) {
312
- var n = r.value;
312
+ var t = r.value;
313
313
  a.preventDefault();
314
314
  d === null || d === void 0 ? void 0 : d(a, {
315
- value: l()(n, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
315
+ value: l()(t, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
316
316
  });
317
317
  };
318
318
  var C = function e(a, r) {
319
- var n = r.value;
319
+ var t = r.value;
320
320
  a.preventDefault();
321
321
  d === null || d === void 0 ? void 0 : d(a, {
322
- value: l()(n, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
322
+ value: l()(t, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
323
323
  });
324
324
  };
325
325
  var x = function e(a, r) {
326
- var n = r.value;
326
+ var t = r.value;
327
327
  a.preventDefault();
328
328
  d === null || d === void 0 ? void 0 : d(a, {
329
- value: l()(n, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
329
+ value: l()(t, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
330
330
  });
331
331
  };
332
332
  var I = function e(a, r) {
333
- var n = r.value;
333
+ var t = r.value;
334
334
  a.preventDefault();
335
335
  d === null || d === void 0 ? void 0 : d(a, {
336
- value: l()(n, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
336
+ value: l()(t, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
337
337
  });
338
338
  };
339
339
  var _ = function e(a, r) {
340
- var n = r.value;
340
+ var t = r.value;
341
341
  a.preventDefault();
342
342
  d === null || d === void 0 ? void 0 : d(a, {
343
- value: l()(n, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
343
+ value: l()(t, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
344
344
  });
345
345
  };
346
346
  var P = function e(a, r) {
347
- var n = r.value;
347
+ var t = r.value;
348
348
  a.preventDefault();
349
349
  d === null || d === void 0 ? void 0 : d(a, {
350
- value: l()(n, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
350
+ value: l()(t, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
351
351
  });
352
352
  };
353
353
  var q = function e(a, r) {
354
- var n = r.value;
354
+ var t = r.value;
355
355
  a.preventDefault();
356
356
  d === null || d === void 0 ? void 0 : d(a, {
357
- value: l()(n, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
357
+ value: l()(t, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
358
358
  });
359
359
  };
360
360
  var V = function e(a, r) {
@@ -409,20 +409,20 @@
409
409
  }
410
410
  };
411
411
 
412
- return n().createElement(g, k({
412
+ return t().createElement(g, k({
413
413
  role: "grid",
414
414
  "aria-labelledby": o
415
415
  }, f), j(u, y), E({
416
416
  displayValue: a,
417
417
  endDate: h,
418
- highlightToday: t,
418
+ highlightToday: n,
419
419
  locale: u,
420
420
  onChange: c,
421
421
  onKeyDown: V,
422
422
  selectedDate: p,
423
- selectedValue: s,
423
+ selectedValue: v,
424
424
  startDate: b,
425
- todayValue: v
425
+ todayValue: s
426
426
  }));
427
427
  }
428
428
  _.propTypes = I;
@@ -431,8 +431,8 @@
431
431
  const q = require("lodash/omit");
432
432
  var V = e.n(q);
433
433
  // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
434
- const T = require("@splunk/react-icons/ChevronLeft");
435
- var B = e.n(T);
434
+ const B = require("@splunk/react-icons/ChevronLeft");
435
+ var T = e.n(B);
436
436
  // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
437
437
  const A = require("@splunk/react-icons/ChevronRight");
438
438
  var R = e.n(A);
@@ -445,11 +445,11 @@
445
445
  var W = d().div.withConfig({
446
446
  displayName: "MonthHeaderStyles__Styled",
447
447
  componentId: "sc-18bmbh7-0"
448
- })([ "", ";grid-template-columns:min-content 1fr min-content;align-items:center;" ], s.mixins.reset("grid"));
448
+ })([ "", ";grid-template-columns:min-content 1fr min-content;align-items:center;" ], v.mixins.reset("grid"));
449
449
  var U = d().span.withConfig({
450
450
  displayName: "MonthHeaderStyles__StyledHeading",
451
451
  componentId: "sc-18bmbh7-1"
452
- })([ "", " text-align:center;" ], s.mixins.typography("title4"));
452
+ })([ "", " text-align:center;" ], v.mixins.typography("title4"));
453
453
  var $ = d()(N()).withConfig({
454
454
  displayName: "MonthHeaderStyles__StyledButton",
455
455
  componentId: "sc-18bmbh7-2"
@@ -457,22 +457,22 @@
457
457
  // CONCATENATED MODULE: ./src/Calendar/MonthHeader.tsx
458
458
  function L(e, a) {
459
459
  if (null == e) return {};
460
- var r, n, t = z(e, a);
460
+ var r, t, n = z(e, a);
461
461
  if (Object.getOwnPropertySymbols) {
462
462
  var l = Object.getOwnPropertySymbols(e);
463
- for (n = 0; n < l.length; n++) {
464
- r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
463
+ for (t = 0; t < l.length; t++) {
464
+ r = l[t], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
465
465
  }
466
466
  }
467
- return t;
467
+ return n;
468
468
  }
469
469
  function z(e, a) {
470
470
  if (null == e) return {};
471
471
  var r = {};
472
- for (var n in e) {
473
- if ({}.hasOwnProperty.call(e, n)) {
474
- if (-1 !== a.indexOf(n)) continue;
475
- r[n] = e[n];
472
+ for (var t in e) {
473
+ if ({}.hasOwnProperty.call(e, t)) {
474
+ if (-1 !== a.indexOf(t)) continue;
475
+ r[t] = e[t];
476
476
  }
477
477
  }
478
478
  return r;
@@ -499,7 +499,7 @@
499
499
  X["default"];
500
500
  }
501
501
  function J(e) {
502
- var a = e.headingId, t = e.locale, o = t === void 0 ? "en_US" : t, i = e.onChange, u = e.value, c = L(e, [ "headingId", "locale", "onChange", "value" ]);
502
+ var a = e.headingId, n = e.locale, o = n === void 0 ? "en_US" : n, i = e.onChange, u = e.value, c = L(e, [ "headingId", "locale", "onChange", "value" ]);
503
503
  // @docs-props-type MonthHeaderPropsBase
504
504
  var d = (0, r.useCallback)((function(e, a) {
505
505
  e.stopPropagation();
@@ -508,10 +508,10 @@
508
508
  value: r
509
509
  });
510
510
  }), [ i, u ]);
511
- var s = (0, r.useCallback)((function(e) {
511
+ var v = (0, r.useCallback)((function(e) {
512
512
  d(e, -1);
513
513
  }), [ d ]);
514
- var v = (0, r.useCallback)((function(e) {
514
+ var s = (0, r.useCallback)((function(e) {
515
515
  d(e, 1);
516
516
  }), [ d ]);
517
517
  var f = l()(u, "YYYY-MM-DD", o);
@@ -519,23 +519,23 @@
519
519
  var Y = (0, H._)("Previous month");
520
520
  var p = (0, H._)("Next month");
521
521
 
522
- return n().createElement(W, V()(c, "onChange"), n().createElement($, {
522
+ return t().createElement(W, V()(c, "onChange"), t().createElement($, {
523
523
  appearance: "secondary",
524
- icon: n().createElement(B(), {
524
+ icon: t().createElement(T(), {
525
525
  "aria-label": Y
526
526
  }),
527
527
  "data-test": "previous-month",
528
- onClick: s
529
- }), n().createElement(U, {
528
+ onClick: v
529
+ }), t().createElement(U, {
530
530
  id: a,
531
531
  "data-test": "header-label"
532
- }, y), n().createElement($, {
532
+ }, y), t().createElement($, {
533
533
  appearance: "secondary",
534
- icon: n().createElement(R(), {
534
+ icon: t().createElement(R(), {
535
535
  "aria-label": p
536
536
  }),
537
537
  "data-test": "next-month",
538
- onClick: v
538
+ onClick: s
539
539
  }));
540
540
  }
541
541
  J.propTypes = G;
@@ -564,50 +564,50 @@
564
564
  return ee = Object.assign ? Object.assign.bind() : function(e) {
565
565
  for (var a = 1; a < arguments.length; a++) {
566
566
  var r = arguments[a];
567
- for (var n in r) {
568
- ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
567
+ for (var t in r) {
568
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
569
569
  }
570
570
  }
571
571
  return e;
572
572
  }, ee.apply(null, arguments);
573
573
  }
574
574
  function ae(e, a) {
575
- return oe(e) || le(e, a) || ne(e, a) || re();
575
+ return oe(e) || le(e, a) || te(e, a) || re();
576
576
  }
577
577
  function re() {
578
578
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
579
579
  }
580
- function ne(e, a) {
580
+ function te(e, a) {
581
581
  if (e) {
582
- if ("string" == typeof e) return te(e, a);
582
+ if ("string" == typeof e) return ne(e, a);
583
583
  var r = {}.toString.call(e).slice(8, -1);
584
- 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) ? te(e, a) : void 0;
584
+ 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) ? ne(e, a) : void 0;
585
585
  }
586
586
  }
587
- function te(e, a) {
587
+ function ne(e, a) {
588
588
  (null == a || a > e.length) && (a = e.length);
589
- for (var r = 0, n = Array(a); r < a; r++) {
590
- n[r] = e[r];
589
+ for (var r = 0, t = Array(a); r < a; r++) {
590
+ t[r] = e[r];
591
591
  }
592
- return n;
592
+ return t;
593
593
  }
594
594
  function le(e, a) {
595
595
  var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
596
596
  if (null != r) {
597
- var n, t, l, o, i = [], u = !0, c = !1;
597
+ var t, n, l, o, i = [], u = !0, c = !1;
598
598
  try {
599
599
  if (l = (r = r.call(e)).next, 0 === a) {
600
600
  if (Object(r) !== r) return;
601
601
  u = !1;
602
- } else for (;!(u = (n = l.call(r)).done) && (i.push(n.value), i.length !== a); u = !0) {
602
+ } else for (;!(u = (t = l.call(r)).done) && (i.push(t.value), i.length !== a); u = !0) {
603
603
  }
604
604
  } catch (e) {
605
- c = !0, t = e;
605
+ c = !0, n = e;
606
606
  } finally {
607
607
  try {
608
608
  if (!u && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
609
609
  } finally {
610
- if (c) throw t;
610
+ if (c) throw n;
611
611
  }
612
612
  }
613
613
  return i;
@@ -618,22 +618,22 @@
618
618
  }
619
619
  function ie(e, a) {
620
620
  if (null == e) return {};
621
- var r, n, t = ue(e, a);
621
+ var r, t, n = ue(e, a);
622
622
  if (Object.getOwnPropertySymbols) {
623
623
  var l = Object.getOwnPropertySymbols(e);
624
- for (n = 0; n < l.length; n++) {
625
- r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
624
+ for (t = 0; t < l.length; t++) {
625
+ r = l[t], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
626
626
  }
627
627
  }
628
- return t;
628
+ return n;
629
629
  }
630
630
  function ue(e, a) {
631
631
  if (null == e) return {};
632
632
  var r = {};
633
- for (var n in e) {
634
- if ({}.hasOwnProperty.call(e, n)) {
635
- if (-1 !== a.indexOf(n)) continue;
636
- r[n] = e[n];
633
+ for (var t in e) {
634
+ if ({}.hasOwnProperty.call(e, t)) {
635
+ if (-1 !== a.indexOf(t)) continue;
636
+ r[t] = e[t];
637
637
  }
638
638
  }
639
639
  return r;
@@ -651,10 +651,10 @@
651
651
  value: i().string,
652
652
  elementRef: i().oneOfType([ i().func, i().object ])
653
653
  };
654
- var se = function e(a) {
654
+ var ve = function e(a) {
655
655
  return l()().locale(a).format("YYYY-MM-DD");
656
656
  };
657
- var ve = function e(a) {
657
+ var se = function e(a) {
658
658
  if (!moment(a, "YYYY-MM-DD").isValid()) {
659
659
  return new Error("Invalid value prop ".concat(a, " passed to Calendar. value must be a string date formatted 'YYYY-MM-DD'."));
660
660
  }
@@ -667,10 +667,10 @@
667
667
  r === null || r === void 0 ? void 0 : r.focus();
668
668
  };
669
669
  function ye(e) {
670
- var a = e.describedBy, t = e.elementRef, o = e.highlightToday, i = e.labelledBy, c = e.locale, d = c === void 0 ? "en_US" : c, s = e.mockDate, f = e.onChange, y = e.required, Y = e.value, p = Y === void 0 ? l()().format("YYYY-MM-DD") : Y, g = ie(e, [ "describedBy", "elementRef", "highlightToday", "labelledBy", "locale", "mockDate", "onChange", "required", "value" ]);
670
+ var a = e.describedBy, n = e.elementRef, o = e.highlightToday, i = e.labelledBy, c = e.locale, d = c === void 0 ? "en_US" : c, v = e.mockDate, f = e.onChange, y = e.required, Y = e.value, p = Y === void 0 ? l()().format("YYYY-MM-DD") : Y, g = ie(e, [ "describedBy", "elementRef", "highlightToday", "labelledBy", "locale", "mockDate", "onChange", "required", "value" ]);
671
671
  // @docs-props-type CalendarPropsBase
672
672
  var b = (0, r.useState)(p), h = ae(b, 2), m = h[0], D = h[1];
673
- var M = (0, r.useState)(s || se(d)), O = ae(M, 2), w = O[0], C = O[1];
673
+ var M = (0, r.useState)(v || ve(d)), O = ae(M, 2), w = O[0], C = O[1];
674
674
  var k = (0, r.useState)(null), S = ae(k, 2), x = S[0], I = S[1];
675
675
  var E = (0, r.useRef)((0, u.createDOMID)("header"));
676
676
  var j = (0, r.useRef)();
@@ -678,9 +678,9 @@
678
678
  if (false) {}
679
679
  }), [ p ]);
680
680
  (0, r.useEffect)((function() {
681
- if (!s) {
681
+ if (!v) {
682
682
  var e = setInterval((function() {
683
- var e = se(d);
683
+ var e = ve(d);
684
684
  if (e !== w) {
685
685
  C(e);
686
686
  }
@@ -692,7 +692,7 @@
692
692
  };
693
693
  }
694
694
  return undefined;
695
- }), [ d, s, w ]);
695
+ }), [ d, v, w ]);
696
696
  (0, r.useEffect)((function() {
697
697
  if (x === "day") {
698
698
  fe(j.current);
@@ -710,21 +710,21 @@
710
710
  }), []);
711
711
  var V = (0, r.useCallback)((function(e) {
712
712
  Z(j, e);
713
- Z(t, e);
714
- }), [ t ]);
713
+ Z(n, e);
714
+ }), [ n ]);
715
715
 
716
- return n().createElement(v, ee({
716
+ return t().createElement(s, ee({
717
717
  "aria-labelledby": i,
718
718
  "aria-describedby": a,
719
719
  "aria-required": y,
720
720
  "data-test": "calendar",
721
721
  ref: V
722
- }, g), n().createElement(Q, {
722
+ }, g), t().createElement(Q, {
723
723
  headingId: E.current,
724
724
  locale: d,
725
725
  onChange: _,
726
726
  value: m
727
- }), n().createElement(P, {
727
+ }), t().createElement(P, {
728
728
  displayValue: m,
729
729
  highlightToday: o,
730
730
  labelledBy: E.current,