@splunk/react-ui 5.0.0-rc.1 → 5.0.0

package/Calendar.js

@@ -61,9 +61,9 @@
         e.r(a);
     // EXPORTS
         e.d(a, {
-        calendarActiveSelector: () => /* reexport */ de,
-        default: () => /* reexport */ pe,
-        focusActiveDay: () => /* reexport */ ye
+        calendarActiveSelector: () => /* reexport */ ce,
+        default: () => /* reexport */ Ye,
+        focusActiveDay: () => /* reexport */ fe
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -92,19 +92,17 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const Y = require("@splunk/react-ui/ScreenReaderContent");
     var p =  e.n(Y);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const g = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: ./src/Calendar/DateGridStyles.ts
-    var b = d().div.withConfig({
+    var g = d().div.withConfig({
         displayName: "DateGridStyles__Styled",
         componentId: "sc-7cb7ui-0"
     })([ "", ";grid-template-columns:repeat(7,min-content);grid-row-gap:", ";" ], s.mixins.reset("grid"), s.variables.spacingXSmall);
-    var h = d().div.withConfig({
+    var b = d().div.withConfig({
         displayName: "DateGridStyles__StyledWeekday",
         componentId: "sc-7cb7ui-1"
     })([ "", ";text-align:center;" ], s.mixins.typography("smallBody"));
     // CONCATENATED MODULE: ./src/Calendar/DayStyles.ts
-    var m = d().div.withConfig({
+    var h = d().div.withConfig({
         displayName: "DayStyles__Styled",
         componentId: "sc-1nryhyt-0"
     })([ "", " 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) {
@@ -119,8 +117,8 @@
         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));
     }));
     // CONCATENATED MODULE: ./src/Calendar/Day.tsx
-    function D() {
-        return D = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var a = 1; a < arguments.length; a++) {
                 var r = arguments[a];
                 for (var n in r) {
@@ -128,11 +126,11 @@
                 }
             }
             return e;
-        }, D.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
-    function M(e, a) {
+    function D(e, a) {
         if (null == e) return {};
-        var r, n, t = C(e, a);
+        var r, n, t = M(e, a);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -141,7 +139,7 @@
         }
         return t;
     }
-    function C(e, a) {
+    function M(e, a) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -152,7 +150,7 @@
         }
         return r;
     }
-    var O = {
+    var w = {
         active: l().bool,
         /** @private. */
         dayOfWeek: l().number,
@@ -163,8 +161,8 @@
         today: l().bool,
         value: l().string
     };
-    function k(e) {
-        var a = e.active, t = a === void 0 ? false : a, l = e.dayOfWeek, o = e.locale, u = o === void 0 ? "en_US" : o, 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 = M(e, [ "active", "dayOfWeek", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
+    function C(e) {
+        var a = e.active, t = a === void 0 ? false : a, l = e.dayOfWeek, o = e.locale, u = o === void 0 ? "en_US" : o, 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) {
             e.preventDefault();
             c === null || c === void 0 ? void 0 : c(e, {
@@ -177,12 +175,12 @@
                 value: Y
             });
         }), [ d, Y ]);
-        var h = Y && i()(Y, "YYYY-MM-DD", u).format("D");
+        var M = Y && i()(Y, "YYYY-MM-DD", u).format("D");
         
-        return n().createElement(m, D({
+        return n().createElement(h, m({
             tabIndex: t ? 0 : -1,
             "aria-selected": v,
-            "data-test-day": h,
+            "data-test-day": M,
             "data-test": "day-of-month",
             "data-active-day": t,
             "data-is-today": y,
@@ -191,13 +189,13 @@
             $dayOfWeek: l,
             $today: y,
             $selected: v
-        }, p), h);
+        }, p), M);
     }
-    k.propTypes = O;
-    /* harmony default export */    const w = k;
+    C.propTypes = w;
+    /* harmony default export */    const O = C;
     // CONCATENATED MODULE: ./src/Calendar/DateGrid.tsx
-    function S() {
-        return S = Object.assign ? Object.assign.bind() : function(e) {
+    function k() {
+        return k = Object.assign ? Object.assign.bind() : function(e) {
             for (var a = 1; a < arguments.length; a++) {
                 var r = arguments[a];
                 for (var n in r) {
@@ -205,11 +203,11 @@
                 }
             }
             return e;
-        }, S.apply(null, arguments);
+        }, k.apply(null, arguments);
     }
-    function I(e, a) {
+    function S(e, a) {
         if (null == e) return {};
-        var r, n, t = j(e, a);
+        var r, n, t = I(e, a);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -218,7 +216,7 @@
         }
         return t;
     }
-    function j(e, a) {
+    function I(e, a) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -239,7 +237,7 @@
         selectedValue: l().string.isRequired,
         todayValue: l().string
     };
-    function _(e) {
+    function j(e) {
         var a = e.displayValue, r = e.endDate, t = e.highlightToday, l = e.locale, o = e.onChange, u = e.onKeyDown, c = e.selectedDate, d = e.selectedValue, s = e.startDate, v = e.todayValue;
         var f = i()(s).locale(l).startOf("month");
         var y = [];
@@ -249,7 +247,7 @@
             var g = Y === d;
             var b = Y === a;
             var h = Number(f.format("e"));
-            y.push( n().createElement(w, {
+            y.push( n().createElement(O, {
                 key: Y,
                 locale: l,
                 onClick: o,
@@ -264,12 +262,12 @@
         }
         return y;
     }
-    function q(e, a) {
+    function _(e, a) {
         return y()(7, (function(r) {
             var t = i()().locale(e).weekday(r).format(a);
             var l = i()().locale(e).weekday(r).format("dddd");
             
-            return n().createElement(h, {
+            return n().createElement(b, {
                 key: t
             },  n().createElement(p(), null, l),  n().createElement("span", {
                 "aria-hidden": true
@@ -277,52 +275,52 @@
         }));
     }
     function P(e) {
-        var a = e.displayValue, r = e.highlightToday, t = r === void 0 ? false : r, l = e.labelledBy, o = e.locale, u = o === void 0 ? "en_US" : o, c = e.onChange, d = e.onInternalChange, s = e.selectedValue, v = e.todayValue, f = I(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
+        var a = e.displayValue, r = e.highlightToday, t = r === void 0 ? false : r, l = e.labelledBy, o = e.locale, u = o === void 0 ? "en_US" : o, 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 = i()(a, "YYYY-MM-DD", u);
         var p = i()(s, "YYYY-MM-DD", u);
-        var h = i()(Y).startOf("month");
-        var m = i()(Y).endOf("month").startOf("day");
-        var D = function e(a, r) {
+        var b = i()(Y).startOf("month");
+        var h = i()(Y).endOf("month").startOf("day");
+        var m = function e(a, r) {
             a.preventDefault();
             c === null || c === void 0 ? void 0 : c(a, r);
         };
-        var M = function e(a, r) {
+        var D = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: i()(n, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
             });
         };
-        var C = function e(a, r) {
+        var M = function e(a, r) {
             var n = r.value;
             a.preventDefault();
             d === null || d === void 0 ? void 0 : d(a, {
                 value: i()(n, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
             });
         };
-        var O = 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: i()(n, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
             });
         };
-        var k = 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: i()(n, "YYYY-MM-DD").add(1, "w").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: i()(n, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
             });
         };
-        var j = 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, {
@@ -343,66 +341,65 @@
                 value: i()(n, "YYYY-MM-DD").add(1, "y").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, {
                 value: i()(n, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
             });
         };
-        var V = 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: i()(n, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
             });
         };
-        var T = function e(a, r) {
-            var n = (0, g.keycode)(a.nativeEvent);
-            switch (n) {
-              case "enter":
-              case "space":
-                D(a, r);
+        var V = function e(a, r) {
+            switch (a.key) {
+              case "Enter":
+              case "Space":
+                m(a, r);
                 break;
 
-              case "up":
-                O(a, r);
+              case "ArrowUp":
+                w(a, r);
                 break;
 
-              case "down":
-                k(a, r);
+              case "ArrowDown":
+                C(a, r);
                 break;
 
-              case "left":
-                M(a, r);
+              case "ArrowLeft":
+                D(a, r);
                 break;
 
-              case "right":
-                C(a, r);
+              case "ArrowRight":
+                M(a, r);
                 break;
 
-              case "page up":
+              case "PageUp":
                 if (a.shiftKey) {
                     E(a, r);
                 } else {
-                    w(a, r);
+                    O(a, r);
                 }
                 break;
 
-              case "page down":
+              case "PageDown":
                 if (a.shiftKey) {
                     P(a, r);
                 } else {
-                    j(a, r);
+                    I(a, r);
                 }
                 break;
 
-              case "home":
-                x(a, r);
+              case "Home":
+                q(a, r);
                 break;
 
-              case "end":
-                V(a, r);
+              case "End":
+                x(a, r);
                 break;
 
               default:
@@ -410,40 +407,40 @@
                         }
         };
         
-        return n().createElement(b, S({
+        return n().createElement(g, k({
             role: "grid",
             "aria-labelledby": l
-        }, f), q(u, y), _({
+        }, f), _(u, y), j({
             displayValue: a,
-            endDate: m,
+            endDate: h,
             highlightToday: t,
             locale: u,
             onChange: c,
-            onKeyDown: T,
+            onKeyDown: V,
             selectedDate: p,
             selectedValue: s,
-            startDate: h,
+            startDate: b,
             todayValue: v
         }));
     }
     P.propTypes = E;
-    /* harmony default export */    const x = P;
+    /* harmony default export */    const q = P;
     // CONCATENATED MODULE: external "lodash/omit"
-    const V = require("lodash/omit");
-    var T =  e.n(V);
+    const x = require("lodash/omit");
+    var V =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
-    const B = require("@splunk/react-icons/ChevronLeft");
-    var A =  e.n(B);
+    const T = require("@splunk/react-icons/ChevronLeft");
+    var B =  e.n(T);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const R = require("@splunk/react-icons/ChevronRight");
-    var K =  e.n(R);
+    const A = require("@splunk/react-icons/ChevronRight");
+    var R =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const N = require("@splunk/ui-utils/i18n");
+    const H = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const W = require("@splunk/react-ui/Button");
-    var H =  e.n(W);
+    const K = require("@splunk/react-ui/Button");
+    var N =  e.n(K);
     // CONCATENATED MODULE: ./src/Calendar/MonthHeaderStyles.ts
-    var $ = d().div.withConfig({
+    var W = d().div.withConfig({
         displayName: "MonthHeaderStyles__Styled",
         componentId: "sc-18bmbh7-0"
     })([ "", ";grid-template-columns:min-content 1fr min-content;align-items:center;" ], s.mixins.reset("grid"));
@@ -451,14 +448,14 @@
         displayName: "MonthHeaderStyles__StyledHeading",
         componentId: "sc-18bmbh7-1"
     })([ "", " text-align:center;" ], s.mixins.typography("title4"));
-    var z = d()(H()).withConfig({
+    var $ = d()(N()).withConfig({
         displayName: "MonthHeaderStyles__StyledButton",
         componentId: "sc-18bmbh7-2"
     })([ "border:none;" ]);
     // CONCATENATED MODULE: ./src/Calendar/MonthHeader.tsx
     function L(e, a) {
         if (null == e) return {};
-        var r, n, t = G(e, a);
+        var r, n, t = z(e, a);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -467,7 +464,7 @@
         }
         return t;
     }
-    function G(e, a) {
+    function z(e, a) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -478,28 +475,28 @@
         }
         return r;
     }
-    var X = {
+    var G = {
         headingId: l().string,
         locale: l().string,
         onChange: l().func,
         value: l().string.isRequired
     };
-    var F = {
+    var X = {
         default: "MMM YYYY",
         ja: "YYYY年 MMM",
         ko: "YYYY년 MMMM",
         "zh-cn": "YYYY年 MMM",
         "zh-tw": "YYYY年 MMM"
     };
-    function J(e) {
+    function F(e) {
         var a = e.toLowerCase().replace("_", "-");
-        return F[a] || 
+        return X[a] || 
         // full locale match
-        F[a.substr(0, 2)] || 
+        X[a.substr(0, 2)] || 
         // language match
-        F["default"];
+        X["default"];
     }
-    function Q(e) {
+    function J(e) {
         var a = e.headingId, t = e.locale, l = t === void 0 ? "en_US" : t, o = e.onChange, u = e.value, c = L(e, [ "headingId", "locale", "onChange", "value" ]);
         var d = (0, r.useCallback)((function(e, a) {
             e.stopPropagation();
@@ -515,13 +512,13 @@
             d(e, 1);
         }), [ d ]);
         var f = i()(u, "YYYY-MM-DD", l);
-        var y = f.format(J(l));
-        var Y = (0, N._)("Previous month");
-        var p = (0, N._)("Next month");
+        var y = f.format(F(l));
+        var Y = (0, H._)("Previous month");
+        var p = (0, H._)("Next month");
         
-        return n().createElement($, T()(c, "onChange"),  n().createElement(z, {
+        return n().createElement(W, V()(c, "onChange"),  n().createElement($, {
             appearance: "secondary",
-            icon:  n().createElement(A(), {
+            icon:  n().createElement(B(), {
                 "aria-label": Y
             }),
             "data-test": "previous-month",
@@ -529,17 +526,17 @@
         }),  n().createElement(U, {
             id: a,
             "data-test": "header-label"
-        }, y),  n().createElement(z, {
+        }, y),  n().createElement($, {
             appearance: "secondary",
-            icon:  n().createElement(K(), {
+            icon:  n().createElement(R(), {
                 "aria-label": p
             }),
             "data-test": "next-month",
             onClick: v
         }));
     }
-    Q.propTypes = X;
-    /* harmony default export */    const Z = Q;
+    J.propTypes = G;
+    /* harmony default export */    const Q = J;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -547,7 +544,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function ee(e, a) {
+    function Z(e, a) {
         if (e) {
             if (typeof e === "function") {
                 e(a);
@@ -560,8 +557,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Calendar/Calendar.tsx
-    function ae() {
-        return ae = Object.assign ? Object.assign.bind() : function(e) {
+    function ee() {
+        return ee = Object.assign ? Object.assign.bind() : function(e) {
             for (var a = 1; a < arguments.length; a++) {
                 var r = arguments[a];
                 for (var n in r) {
@@ -569,29 +566,29 @@
                 }
             }
             return e;
-        }, ae.apply(null, arguments);
+        }, ee.apply(null, arguments);
     }
-    function re(e, a) {
-        return ie(e) || oe(e, a) || te(e, a) || ne();
+    function ae(e, a) {
+        return oe(e) || le(e, a) || ne(e, a) || re();
     }
-    function ne() {
+    function re() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function te(e, a) {
+    function ne(e, a) {
         if (e) {
-            if ("string" == typeof e) return le(e, a);
+            if ("string" == typeof e) return te(e, a);
             var r = {}.toString.call(e).slice(8, -1);
-            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) ? le(e, a) : void 0;
+            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;
         }
     }
-    function le(e, a) {
+    function te(e, a) {
         (null == a || a > e.length) && (a = e.length);
         for (var r = 0, n = Array(a); r < a; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function oe(e, a) {
+    function le(e, a) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
             var n, t, l, o, i = [], u = !0, c = !1;
@@ -613,12 +610,12 @@
             return i;
         }
     }
-    function ie(e) {
+    function oe(e) {
         if (Array.isArray(e)) return e;
     }
-    function ue(e, a) {
+    function ie(e, a) {
         if (null == e) return {};
-        var r, n, t = ce(e, a);
+        var r, n, t = ue(e, a);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -627,7 +624,7 @@
         }
         return t;
     }
-    function ce(e, a) {
+    function ue(e, a) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -638,8 +635,8 @@
         }
         return r;
     }
-    var de = '[data-active-day="true"]';
-    var se = {
+    var ce = '[data-active-day="true"]';
+    var de = {
         describedBy: l().string,
         highlightToday: l().bool,
         labelledBy: l().string,
@@ -651,10 +648,10 @@
         value: l().string,
         elementRef: l().oneOfType([ l().func, l().object ])
     };
-    var ve = function e(a) {
+    var se = function e(a) {
         return i()().locale(a).format("YYYY-MM-DD");
     };
-    var fe = function e(a) {
+    var ve = function e(a) {
         if (!moment(a, "YYYY-MM-DD").isValid()) {
             return new Error("Invalid value prop ".concat(a, " passed to Calendar. value must be a string date formatted 'YYYY-MM-DD'."));
         }
@@ -662,16 +659,16 @@
     };
     /**
  * Place focus on the active day.
- */    var ye = function e(a) {
-        var r = a === null || a === void 0 ? void 0 : a.querySelector(de);
+ */    var fe = function e(a) {
+        var r = a === null || a === void 0 ? void 0 : a.querySelector(ce);
         r === null || r === void 0 ? void 0 : r.focus();
     };
-    function Ye(e) {
-        var a = e.describedBy, t = e.elementRef, l = e.highlightToday, o = 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 ? i()().format("YYYY-MM-DD") : Y, g = ue(e, [ "describedBy", "elementRef", "highlightToday", "labelledBy", "locale", "mockDate", "onChange", "required", "value" ]);
-        var b = (0, r.useState)(p), h = re(b, 2), m = h[0], D = h[1];
-        var M = (0, r.useState)(s || ve(d)), C = re(M, 2), O = C[0], k = C[1];
-        var w = (0, r.useState)(null), S = re(w, 2), I = S[0], j = S[1];
-        var E = (0, r.useRef)((0, u.createDOMID)("header"));
+    function ye(e) {
+        var a = e.describedBy, t = e.elementRef, l = e.highlightToday, o = 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 ? i()().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)();
         (0, r.useEffect)((function() {
             if (false) {}
@@ -679,9 +676,9 @@
         (0, r.useEffect)((function() {
             if (!s) {
                 var e = setInterval((function() {
-                    var e = ve(d);
-                    if (e !== O) {
-                        k(e);
+                    var e = se(d);
+                    if (e !== C) {
+                        O(e);
                     }
                 }), 1e3);
                 return function() {
@@ -691,51 +688,51 @@
                 };
             }
             return undefined;
-        }), [ d, s, O ]);
+        }), [ d, s, C ]);
         (0, r.useEffect)((function() {
             if (I === "day") {
-                ye(_.current);
+                fe(_.current);
             }
         }), [ m, I ]);
-        var q = (0, r.useCallback)((function(e, a) {
+        var P = (0, r.useCallback)((function(e, a) {
             var r = a.value;
             D(r);
-            j("month");
+            E("month");
         }), []);
-        var P = (0, r.useCallback)((function(e, a) {
+        var x = (0, r.useCallback)((function(e, a) {
             var r = a.value;
             D(r);
-            j("day");
+            E("day");
         }), []);
         var V = (0, r.useCallback)((function(e) {
-            ee(_, e);
-            ee(t, e);
+            Z(_, e);
+            Z(t, e);
         }), [ t ]);
         
-        return n().createElement(v, ae({
+        return n().createElement(v, ee({
             "aria-labelledby": o,
             "aria-describedby": a,
             "aria-required": y,
             "data-test": "calendar",
             ref: V
-        }, g),  n().createElement(Z, {
-            headingId: E.current,
+        }, g),  n().createElement(Q, {
+            headingId: j.current,
             locale: d,
-            onChange: q,
+            onChange: P,
             value: m
-        }),  n().createElement(x, {
+        }),  n().createElement(q, {
             displayValue: m,
             highlightToday: l,
-            labelledBy: E.current,
+            labelledBy: j.current,
             locale: d,
             onChange: f,
-            onInternalChange: P,
+            onInternalChange: x,
             selectedValue: p,
-            todayValue: O
+            todayValue: C
         }));
     }
-    Ye.propTypes = se;
-    /* harmony default export */    const pe = Ye;
+    ye.propTypes = de;
+    /* harmony default export */    const Ye = ye;
     // CONCATENATED MODULE: ./src/Calendar/index.ts
     module.exports = a;
     /******/})();