@splunk/react-ui 5.1.0 → 5.3.0

package/Button.js

@@ -97,18 +97,18 @@
     var x = y()(h()).withConfig({
         displayName: "ButtonStyles__StyledButtonSimple",
         componentId: "eqxqs2-0"
-    })([ "vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:", ";max-width:100%;min-height:", ";padding:2px ", ";line-height:20px;", " ", " &[data-inline]{display:inline-flex;}" ], w.variables.inputHeight, w.variables.inputHeight, w.variables.spacingSmall, (function(e) {
+    })([ "vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:", ";max-width:100%;min-height:", ";padding:2px ", ";line-height:", ";", " ", " &[data-inline]{display:inline-flex;}" ], w.variables.inputHeight, w.variables.inputHeight, w.variables.spacingSmall, w.variables.lineHeightSpacious, (function(e) {
         var n = e.$inline, t = e.append, r = e.prepend;
         return !n && !t && !r && (0, m.css)([ "width:100%;" ]);
     }), (function(e) {
         var n = e.$isIconOnly;
         return n && (0, m.css)([ "width:", ";" ], w.variables.inputHeight);
     }));
-    var S = y().span.withConfig({
+    var O = y().span.withConfig({
         displayName: "ButtonStyles__StyledContentWrapper",
         componentId: "eqxqs2-1"
     })([ "display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1 0 auto;max-width:100%;gap:", ";box-sizing:border-box;" ], w.variables.spacingXSmall);
-    var O = y().span.withConfig({
+    var S = y().span.withConfig({
         displayName: "ButtonStyles__StyledLabel",
         componentId: "eqxqs2-2"
     })([ "text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;", "" ], (function(e) {
@@ -133,7 +133,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
-                t = i[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
@@ -143,7 +143,7 @@
         var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
+                if (-1 !== n.indexOf(r)) continue;
                 t[r] = e[r];
             }
         }
@@ -186,11 +186,11 @@
         }), [ a, g, k, P, M ]);
         var $ = !k && i()(c);
         var B = $ ? c : k;
-        var R = false;
-        var H;
+        var H = false;
+        var R;
         if (_) {
-            R = true;
-            H = typeof _ === "string" ? _ : I;
+            H = true;
+            R = typeof _ === "string" ? _ : I;
         }
         var z = !!(g && !k && !N && !c);
         
@@ -208,14 +208,14 @@
             error: y,
             isMenu: N,
             onClick: P ? T : undefined,
-            openInNewContext: R,
+            openInNewContext: H,
             prepend: j,
             ref: n,
             value: M
-        }, E),  r().createElement(S, null, g, B &&  r().createElement(O, {
+        }, E),  r().createElement(O, null, g, B &&  r().createElement(S, {
             "data-test": "label",
             $isMenu: N
-        }, B), !$ && c, N &&  r().createElement(p(), null), _ &&  r().createElement(r().Fragment, null,  r().createElement(u(), null),  r().createElement(f(), null, H))));
+        }, B), !$ && c, N &&  r().createElement(p(), null), _ &&  r().createElement(r().Fragment, null,  r().createElement(u(), null),  r().createElement(f(), null, R))));
     }));
     P.propTypes = k;
     /* harmony default export */    const _ = P;

package/ButtonGroup.js

@@ -75,13 +75,13 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroupStyles.ts
-    var s = a().div.withConfig({
+    var f = a().div.withConfig({
         displayName: "ButtonGroupStyles__StyledDiv",
         componentId: "sc-14fs2xs-0"
     })([ "", " position:relative;" ], u.mixins.reset("inline-flex"));
     // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
-    function c() {
-        return c = Object.assign ? Object.assign.bind() : function(e) {
+    function s() {
+        return s = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -89,15 +89,15 @@
                 }
             }
             return e;
-        }, c.apply(null, arguments);
+        }, s.apply(null, arguments);
     }
-    function f(e, r) {
+    function c(e, r) {
         if (null == e) return {};
         var n, t, o = p(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
         }
         return o;
@@ -107,7 +107,7 @@
         var n = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
+                if (-1 !== r.indexOf(t)) continue;
                 n[t] = e[t];
             }
         }
@@ -118,7 +118,7 @@
         elementRef: l().oneOfType([ l().func, l().object ])
     };
     function y(e) {
-        var r = e.children, o = e.elementRef, l = f(e, [ "children", "elementRef" ]);
+        var r = e.children, o = e.elementRef, l = c(e, [ "children", "elementRef" ]);
         // @docs-props-type ButtonGroupPropsBase
                 var i = n.Children.toArray(r).filter(n.isValidElement).map((function(e, r, t) {
             var o = t.length;
@@ -130,7 +130,7 @@
             });
         }));
         
-        return t().createElement(s, c({
+        return t().createElement(f, s({
             "data-test": "button-group",
             ref: o,
             role: "group"

package/ButtonSimple.js

@@ -255,7 +255,7 @@
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(r);
             for (a = 0; a < n.length; a++) {
-                o = n[a], e.includes(o) || {}.propertyIsEnumerable.call(r, o) && (t[o] = r[o]);
+                o = n[a], -1 === e.indexOf(o) && {}.propertyIsEnumerable.call(r, o) && (t[o] = r[o]);
             }
         }
         return t;
@@ -265,7 +265,7 @@
         var o = {};
         for (var a in r) {
             if ({}.hasOwnProperty.call(r, a)) {
-                if (e.includes(a)) continue;
+                if (-1 !== e.indexOf(a)) continue;
                 o[a] = r[a];
             }
         }

package/CHANGELOG.md

@@ -1,6 +1,60 @@
 Change Log
 ============
 
+5.3.0 - September 2, 2025
+----------
+New Features:
+* New `Checkbox` component (SUI-6373).
+* `Multiselect` and `Date` support new `append` and `prepend` props (SUI-8052).
+* `DefinitionList`'s `layout` prop now supports `"stacked"` layout (SUI-7880).
+* `Search` supports new `append` and `prepend` props (SUI-8081).
+* `File` now supports a new `inputId` prop (SUI-8031).
+* `Code` supports new `containerAppearance` prop (SUI-8158).
+
+Bug Fixes:
+* `Select` with `filter` now has visual affordance for selected + active options (SUI-8045).
+* `Multiselect` with `compact` now has visual affordance for selected + active options (SUI-8045).
+* `CollapsiblePanel`'s expand panel icon is now unified for all themes (SUI-8043).
+* `Text` password toggle icons now are consistent across all themes (SUI-8127).
+* `Modal.Footer` now correctly aligns `Button`s that render as anchor elements in `layout="auto"` (SUI-8116).
+* `DefinitionList`'s separator character now spans the full width in `layout="auto"` when the separator is a narrower character (SUI-7880).
+* `Dropdown` now closes on click when using server-side rendering (SUI-8123).
+* `TextArea`'s height was incorrect in compact mode. The height been aligned with other data entry components (SUI-8053).
+* `ControlGroup`'s label is correctly applied to `File` (SUI-8031).
+* `JSONTreeItem` now uses unique DOM `id`s by default (SUI-8159).
+* `Link` disabled state style updated to match button (SUI-8101).
+* Fixed `JSONTree`'s keyboard navigation and indent styling (SUI-8131).
+* Fixed `Avatar`'s initials being misaligned in Safari (SUI-8098).
+* Improved `Avatar`'s rendering of initials with 3 or more characters (SUI-8098).
+* `TextArea` adornments are now vertically aligned (SUI-7793).
+
+Deprecations:
+* `Switch`'s `appearance="checkbox"` prop value has been deprecated and will be removed in the next major version. See the migration guide for details (SUI-8179).
+
+5.2.0 - August 5, 2025
+----------
+New Features:
+* New `Tree` component for implementing tree views (SUI-7849).
+* `DefinitionList` now supports a new `layout` prop for `"fixed"` (default) and `"auto"` layouts. In the next major version, the `layout` prop will default to `"auto"` (SUI-7880).
+* `DefinitionList` now supports a new `descriptionWidth` prop to customize description widths (SUI-7880).
+* `TabBar` now supports custom icon size (SUI-7553).
+* `Multiselect` with `compact` now supports `selectAllAppearance="none"` (SUI-5078).
+* `SplitButton` supports a new `toggleRef` prop to target the dropdown toggle (SUI-8037).
+
+Bug Fixes:
+* `DefinitionList` no longer throws invalid prop warning when custom `separatorCharacter` is used (SUI-7880).
+* `TabLayout`’s keyboard navigation now works correctly (SUI-7865).
+* `DefinitionList` description now matches the term’s line-height for more consistent vertical spacing (SUI-7880).
+* Fixed regression in `TabBar` where `Tab` width changed when active (SUI-7553).
+* `CollapsiblePanel` no longer animates expand panel icon when open by default (SUI-7877).
+* `Multiselect` with `compact` will no longer incorrectly show a focus border on "Select All" when `filter={false}` and `selectAllAppearance="checkbox"` (SUI-8042).
+* `Multiselect` with `compact` will now focus "Select All" if no options are selected when `filter={false}` and `selectAllAppearance="checkbox"` (SUI-8042).
+* `Popover` and components using it will no longer propagate events to components behind the `Popover` (SUI-7996).
+* `Layer` no longer throws an error when one of its `children` becomes fullscreen (SUI-8014).
+* Improved `Table`'s truncation behavior in low string length label scenarios and improved probability of truncation ellipses showing in full (SUI-8025).
+* `Menu.Item` now enforces through TypeScript types that `selected` and `selectableAppearance` props can only be used when `selectable` is enabled (SUI‑6495).
+* `Tooltip` now supports a `pointTo` prop (SUI-8133).
+
 5.1.0 - July 2, 2025
 ----------
 New Features:

package/Calendar.js

@@ -134,7 +134,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                r = l[n], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+                r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
             }
         }
         return t;
@@ -144,13 +144,13 @@
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (a.includes(n)) continue;
+                if (-1 !== a.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
         return r;
     }
-    var w = {
+    var O = {
         active: i().bool,
         /** @private. */
         dayOfWeek: i().number,
@@ -161,9 +161,10 @@
         today: i().bool,
         value: i().string
     };
-    function C(e) {
+    function w(e) {
         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" ]);
-        var g = (0, r.useCallback)((function(e) {
+        // @docs-props-type DayPropsBase
+                var g = (0, r.useCallback)((function(e) {
             e.preventDefault();
             c === null || c === void 0 ? void 0 : c(e, {
                 value: Y
@@ -191,8 +192,8 @@
             $selected: v
         }, p), M);
     }
-    C.propTypes = w;
-    /* harmony default export */    const O = C;
+    w.propTypes = O;
+    /* harmony default export */    const C = w;
     // CONCATENATED MODULE: ./src/Calendar/DateGrid.tsx
     function k() {
         return k = Object.assign ? Object.assign.bind() : function(e) {
@@ -207,27 +208,27 @@
     }
     function S(e, a) {
         if (null == e) return {};
-        var r, n, t = I(e, a);
+        var r, n, t = x(e, a);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                r = l[n], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+                r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
             }
         }
         return t;
     }
-    function I(e, a) {
+    function x(e, a) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (a.includes(n)) continue;
+                if (-1 !== a.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
         return r;
     }
-    var E = {
+    var I = {
         displayValue: i().string.isRequired,
         highlightToday: i().bool,
         labelledBy: i().string,
@@ -237,9 +238,10 @@
         selectedValue: i().string.isRequired,
         todayValue: i().string
     };
-    function j(e) {
+    function E(e) {
         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;
-        var f = l()(s).locale(o).startOf("month");
+        // @docs-props-type DateGridPropsBase
+                var f = l()(s).locale(o).startOf("month");
         var y = [];
         while (f.isSameOrBefore(r)) {
             var Y = f.format("YYYY-MM-DD");
@@ -247,7 +249,7 @@
             var g = Y === d;
             var b = Y === a;
             var h = Number(f.format("e"));
-            y.push( n().createElement(O, {
+            y.push( n().createElement(C, {
                 key: Y,
                 locale: o,
                 onClick: i,
@@ -262,7 +264,7 @@
         }
         return y;
     }
-    function _(e, a) {
+    function j(e, a) {
         return y()(7, (function(r) {
             var t = l()().locale(e).weekday(r).format(a);
             var o = l()().locale(e).weekday(r).format("dddd");
@@ -274,7 +276,7 @@
             }, t));
         }));
     }
-    function P(e) {
+    function _(e) {
         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" ]);
         var y = "dd";
         var Y = l()(a, "YYYY-MM-DD", u);
@@ -299,56 +301,56 @@
                 value: l()(n, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
             });
         };
-        var w = function e(a, r) {
+        var O = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
             });
         };
-        var C = function e(a, r) {
+        var w = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
             });
         };
-        var O = function e(a, r) {
+        var C = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
             });
         };
-        var I = function e(a, r) {
+        var x = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
             });
         };
-        var E = function e(a, r) {
+        var I = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
             });
         };
-        var P = function e(a, r) {
+        var _ = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
             });
         };
-        var q = function e(a, r) {
+        var P = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: l()(n, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
             });
         };
-        var x = function e(a, r) {
+        var q = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
@@ -363,11 +365,11 @@
                 break;
 
               case "ArrowUp":
-                w(a, r);
+                O(a, r);
                 break;
 
               case "ArrowDown":
-                C(a, r);
+                w(a, r);
                 break;
 
               case "ArrowLeft":
@@ -380,26 +382,26 @@
 
               case "PageUp":
                 if (a.shiftKey) {
-                    E(a, r);
+                    I(a, r);
                 } else {
-                    O(a, r);
+                    C(a, r);
                 }
                 break;
 
               case "PageDown":
                 if (a.shiftKey) {
-                    P(a, r);
+                    _(a, r);
                 } else {
-                    I(a, r);
+                    x(a, r);
                 }
                 break;
 
               case "Home":
-                q(a, r);
+                P(a, r);
                 break;
 
               case "End":
-                x(a, r);
+                q(a, r);
                 break;
 
               default:
@@ -410,7 +412,7 @@
         return n().createElement(g, k({
             role: "grid",
             "aria-labelledby": o
-        }, f), _(u, y), j({
+        }, f), j(u, y), E({
             displayValue: a,
             endDate: h,
             highlightToday: t,
@@ -423,11 +425,11 @@
             todayValue: v
         }));
     }
-    P.propTypes = E;
-    /* harmony default export */    const q = P;
+    _.propTypes = I;
+    /* harmony default export */    const P = _;
     // CONCATENATED MODULE: external "lodash/omit"
-    const x = require("lodash/omit");
-    var V =  e.n(x);
+    const q = require("lodash/omit");
+    var V =  e.n(q);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
     const T = require("@splunk/react-icons/ChevronLeft");
     var B =  e.n(T);
@@ -459,7 +461,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                r = l[n], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+                r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
             }
         }
         return t;
@@ -469,7 +471,7 @@
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (a.includes(n)) continue;
+                if (-1 !== a.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
@@ -498,7 +500,8 @@
     }
     function J(e) {
         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" ]);
-        var d = (0, r.useCallback)((function(e, a) {
+        // @docs-props-type MonthHeaderPropsBase
+                var d = (0, r.useCallback)((function(e, a) {
             e.stopPropagation();
             var r = l()(u, "YYYY-MM-DD").add(a, "M").format("YYYY-MM-DD");
             i === null || i === void 0 ? void 0 : i(e, {
@@ -619,7 +622,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                r = l[n], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+                r = l[n], -1 === a.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
             }
         }
         return t;
@@ -629,7 +632,7 @@
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (a.includes(n)) continue;
+                if (-1 !== a.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
@@ -665,11 +668,12 @@
     };
     function ye(e) {
         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" ]);
-        var b = (0, r.useState)(p), h = ae(b, 2), m = h[0], D = h[1];
-        var M = (0, r.useState)(s || se(d)), w = ae(M, 2), C = w[0], O = w[1];
-        var k = (0, r.useState)(null), S = ae(k, 2), I = S[0], E = S[1];
-        var j = (0, r.useRef)((0, u.createDOMID)("header"));
-        var _ = (0, r.useRef)();
+        // @docs-props-type CalendarPropsBase
+                var b = (0, r.useState)(p), h = ae(b, 2), m = h[0], D = h[1];
+        var M = (0, r.useState)(s || se(d)), O = ae(M, 2), w = O[0], C = O[1];
+        var k = (0, r.useState)(null), S = ae(k, 2), x = S[0], I = S[1];
+        var E = (0, r.useRef)((0, u.createDOMID)("header"));
+        var j = (0, r.useRef)();
         (0, r.useEffect)((function() {
             if (false) {}
         }), [ p ]);
@@ -677,8 +681,8 @@
             if (!s) {
                 var e = setInterval((function() {
                     var e = se(d);
-                    if (e !== C) {
-                        O(e);
+                    if (e !== w) {
+                        C(e);
                     }
                 }), 1e3);
                 return function() {
@@ -688,24 +692,24 @@
                 };
             }
             return undefined;
-        }), [ d, s, C ]);
+        }), [ d, s, w ]);
         (0, r.useEffect)((function() {
-            if (I === "day") {
-                fe(_.current);
+            if (x === "day") {
+                fe(j.current);
             }
-        }), [ m, I ]);
-        var P = (0, r.useCallback)((function(e, a) {
+        }), [ m, x ]);
+        var _ = (0, r.useCallback)((function(e, a) {
             var r = a.value;
             D(r);
-            E("month");
+            I("month");
         }), []);
-        var x = (0, r.useCallback)((function(e, a) {
+        var q = (0, r.useCallback)((function(e, a) {
             var r = a.value;
             D(r);
-            E("day");
+            I("day");
         }), []);
         var V = (0, r.useCallback)((function(e) {
-            Z(_, e);
+            Z(j, e);
             Z(t, e);
         }), [ t ]);
         
@@ -716,19 +720,19 @@
             "data-test": "calendar",
             ref: V
         }, g),  n().createElement(Q, {
-            headingId: j.current,
+            headingId: E.current,
             locale: d,
-            onChange: P,
+            onChange: _,
             value: m
-        }),  n().createElement(q, {
+        }),  n().createElement(P, {
             displayValue: m,
             highlightToday: o,
-            labelledBy: j.current,
+            labelledBy: E.current,
             locale: d,
             onChange: f,
-            onInternalChange: x,
+            onInternalChange: q,
             selectedValue: p,
-            todayValue: C
+            todayValue: w
         }));
     }
     ye.propTypes = de;