@ebay/ui-core-react 6.2.1 → 6.3.0

package/ebay-button/button.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,49 +37,48 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var component_utils_1 = require("../common/component-utils");
-var ebay_icon_1 = require("../ebay-icon");
-var button_loading_1 = __importDefault(require("./button-loading"));
-var button_expand_1 = __importDefault(require("./button-expand"));
-var EbayButton = function (_a) {
-    var _b = _a.priority, priority = _b === void 0 ? 'secondary' : _b, _c = _a.variant, variant = _c === void 0 ? 'standard' : _c, _d = _a.size, size = _d === void 0 ? 'regular' : _d, bodyState = _a.bodyState, split = _a.split, _e = _a.transparent, transparent = _e === void 0 ? false : _e, _f = _a.fluid, fluid = _f === void 0 ? false : _f, disabled = _a.disabled, partiallyDisabled = _a.partiallyDisabled, children = _a.children, _g = _a.onKeyDown, onKeyDown = _g === void 0 ? function () { } : _g, _h = _a.onEscape, onEscape = _h === void 0 ? function () { } : _h, _j = _a.truncate, truncate = _j === void 0 ? false : _j, href = _a.href, extraClasses = _a.className, forwardedRef = _a.forwardedRef, borderless = _a.borderless, fixedHeight = _a.fixedHeight, rest = __rest(_a, ["priority", "variant", "size", "bodyState", "split", "transparent", "fluid", "disabled", "partiallyDisabled", "children", "onKeyDown", "onEscape", "truncate", "href", "className", "forwardedRef", "borderless", "fixedHeight"]);
-    var classPrefix = href ? 'fake-btn' : 'btn';
-    var priorityStyles = {
-        primary: "".concat(classPrefix, "--primary"),
-        secondary: "".concat(classPrefix, "--secondary"),
-        tertiary: "".concat(classPrefix, "--tertiary"),
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const component_utils_1 = require("../common/component-utils");
+const ebay_icon_1 = require("../ebay-icon");
+const button_loading_1 = __importDefault(require("./button-loading"));
+const button_expand_1 = __importDefault(require("./button-expand"));
+const EbayButton = (_a) => {
+    var { priority = 'secondary', variant = 'standard', size = 'regular', bodyState, split, transparent = false, fluid = false, disabled, partiallyDisabled, children, onKeyDown = () => { }, onEscape = () => { }, truncate = false, href, className: extraClasses, forwardedRef, borderless, fixedHeight } = _a, rest = __rest(_a, ["priority", "variant", "size", "bodyState", "split", "transparent", "fluid", "disabled", "partiallyDisabled", "children", "onKeyDown", "onEscape", "truncate", "href", "className", "forwardedRef", "borderless", "fixedHeight"]);
+    const classPrefix = href ? 'fake-btn' : 'btn';
+    const priorityStyles = {
+        primary: `${classPrefix}--primary`,
+        secondary: `${classPrefix}--secondary`,
+        tertiary: `${classPrefix}--tertiary`,
         none: ''
     };
-    var sizeStyles = {
-        large: "".concat(classPrefix, "--large"),
-        small: "".concat(classPrefix, "--small"),
+    const sizeStyles = {
+        large: `${classPrefix}--large`,
+        small: `${classPrefix}--small`,
         regular: '',
         default: ''
     };
-    var splitStyles = {
-        start: "".concat(classPrefix, "--split-start"),
-        end: "".concat(classPrefix, "--split-end")
+    const splitStyles = {
+        start: `${classPrefix}--split-start`,
+        end: `${classPrefix}--split-end`
     };
-    var isDestructive = variant === 'destructive';
-    var isForm = variant === 'form';
-    var isLoading = bodyState === 'loading';
-    var isExpand = bodyState === 'expand';
-    var isSlim = isForm && (isIconOnly(children) || (isExpand && !children));
-    var className = (0, classnames_1.default)(classPrefix, extraClasses, priorityStyles[isForm || borderless ? 'none' : priority], sizeStyles[size], splitStyles[split], isDestructive && "".concat(classPrefix, "--destructive"), isForm && "".concat(classPrefix, "--form"), isSlim && "".concat(classPrefix, "--slim"), transparent && "".concat(classPrefix, "--transparent"), fluid && "".concat(classPrefix, "--fluid"), truncate && "".concat(classPrefix, "--truncated"), borderless && "".concat(classPrefix, "--borderless"), fixedHeight && (sizeStyles[size] ? "".concat(sizeStyles[size], "-").concat(fixedHeight) : "".concat(classPrefix, "--fixed-height")));
-    var keyDownHandler = function (e) {
+    const isDestructive = variant === 'destructive';
+    const isForm = variant === 'form';
+    const isLoading = bodyState === 'loading';
+    const isExpand = bodyState === 'expand';
+    const isSlim = isForm && (isIconOnly(children) || (isExpand && !children));
+    const className = (0, classnames_1.default)(classPrefix, extraClasses, priorityStyles[isForm || borderless ? 'none' : priority], sizeStyles[size], splitStyles[split], isDestructive && `${classPrefix}--destructive`, isForm && `${classPrefix}--form`, isSlim && `${classPrefix}--slim`, transparent && `${classPrefix}--transparent`, fluid && `${classPrefix}--fluid`, truncate && `${classPrefix}--truncated`, borderless && `${classPrefix}--borderless`, fixedHeight && (sizeStyles[size] ? `${sizeStyles[size]}-${fixedHeight}` : `${classPrefix}--fixed-height`));
+    const keyDownHandler = (e) => {
         onKeyDown(e);
         if (e.key === 'Escape' || e.key === 'Esc') {
             onEscape(e);
         }
     };
-    var bodyContent = getBodyContent(children, { isLoading: isLoading, isExpand: isExpand });
-    var ariaLive = isLoading ? "polite" : null;
-    return href ? (react_1.default.createElement("a", __assign({ className: className, href: disabled ? undefined : href, ref: forwardedRef, onKeyDown: keyDownHandler, "aria-live": ariaLive }, rest), bodyContent)) : (react_1.default.createElement("button", __assign({ disabled: disabled, "aria-disabled": partiallyDisabled, "aria-live": ariaLive, className: className, ref: forwardedRef, onKeyDown: keyDownHandler }, rest), bodyContent));
+    const bodyContent = getBodyContent(children, { isLoading, isExpand });
+    const ariaLive = isLoading ? `polite` : null;
+    return href ? (react_1.default.createElement("a", Object.assign({ className: className, href: disabled ? undefined : href, ref: forwardedRef, onKeyDown: keyDownHandler, "aria-live": ariaLive }, rest), bodyContent)) : (react_1.default.createElement("button", Object.assign({ disabled: disabled, "aria-disabled": partiallyDisabled, "aria-live": ariaLive, className: className, ref: forwardedRef, onKeyDown: keyDownHandler }, rest), bodyContent));
 };
-function getBodyContent(children, _a) {
-    var isLoading = _a.isLoading, isExpand = _a.isExpand;
+function getBodyContent(children, { isLoading, isExpand }) {
     switch (true) {
         case isLoading:
             return react_1.default.createElement(button_loading_1.default, null);
@@ -101,7 +89,7 @@ function getBodyContent(children, _a) {
     }
 }
 function isIconOnly(children) {
-    var childrenArray = react_1.Children.toArray(children);
+    const childrenArray = react_1.Children.toArray(children);
     return childrenArray.length === 1 && childrenArray[0].type === ebay_icon_1.EbayIcon;
 }
 exports.default = (0, component_utils_1.withForwardRef)(EbayButton);

package/ebay-calendar/calendar.js

@@ -22,69 +22,57 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var ebay_icon_button_1 = require("../ebay-icon-button");
-var date_utils_1 = require("./date-utils");
-var classnames_1 = __importDefault(require("classnames"));
-var DAY_UPDATE_KEYMAP = {
+const react_1 = __importStar(require("react"));
+const ebay_icon_button_1 = require("../ebay-icon-button");
+const date_utils_1 = require("./date-utils");
+const classnames_1 = __importDefault(require("classnames"));
+const DAY_UPDATE_KEYMAP = {
     ArrowRight: 1,
     ArrowLeft: -1,
     ArrowDown: 7,
     ArrowUp: -7
 };
-var EbayCalendar = function (_a) {
-    var selected = _a.selected, _b = _a.numMonths, numMonths = _b === void 0 ? 1 : _b, navigable = _a.navigable, interactive = _a.interactive, range = _a.range, locale = _a.locale, disableBefore = _a.disableBefore, disableAfter = _a.disableAfter, disableWeekdays = _a.disableWeekdays, disableList = _a.disableList, _c = _a.a11ySelectedText, a11ySelectedText = _c === void 0 ? 'selected' : _c, _d = _a.a11yRangeStartText, a11yRangeStartText = _d === void 0 ? 'start of range' : _d, _e = _a.a11yInRangeText, a11yInRangeText = _e === void 0 ? 'in range' : _e, _f = _a.a11yRangeEndText, a11yRangeEndText = _f === void 0 ? 'end of range' : _f, _g = _a.a11ySeparator, a11ySeparator = _g === void 0 ? '-' : _g, _h = _a.a11yTodayText, a11yTodayText = _h === void 0 ? 'today' : _h, _j = _a.a11yDisabledText, a11yDisabledText = _j === void 0 ? 'inactive' : _j, _k = _a.getA11yShowMonthText, getA11yShowMonthText = _k === void 0 ? function (monthTitle) { return "Show ".concat(monthTitle); } : _k, linkBuilder = _a.linkBuilder, _l = _a.onMonthChange, onMonthChange = _l === void 0 ? function () { } : _l, _m = _a.onFocus, onFocus = _m === void 0 ? function () { } : _m, _o = _a.onSelect, onSelect = _o === void 0 ? function () { } : _o;
-    var todayISO = (0, date_utils_1.toISO)(new Date());
-    var _p = (0, date_utils_1.getWeekdayInfo)((0, date_utils_1.localeOverride)(locale)), firstDayOfWeek = _p.firstDayOfWeek, weekdayLabels = _p.weekdayLabels;
-    var containerRef = (0, react_1.useRef)(null);
-    var _q = (0, react_1.useState)(0), offset = _q[0], setOffset = _q[1];
-    var _r = (0, react_1.useState)(null), focusISO = _r[0], setFocusISO = _r[1];
-    var _s = (0, react_1.useState)(todayISO), tabIndexISO = _s[0], setTabIndexISO = _s[1];
-    var baseISO = (0, react_1.useRef)(todayISO);
-    var getMonthDate = function (monthOffset) {
-        var baseDate = (0, date_utils_1.fromISO)(baseISO.current);
-        var date = new Date(Date.UTC(baseDate.getUTCFullYear(), baseDate.getUTCMonth() + monthOffset));
+const EbayCalendar = ({ selected, numMonths = 1, navigable, interactive, range, locale, disableBefore, disableAfter, disableWeekdays, disableList, a11ySelectedText = 'selected', a11yRangeStartText = 'start of range', a11yInRangeText = 'in range', a11yRangeEndText = 'end of range', a11ySeparator = '-', a11yTodayText = 'today', a11yDisabledText = 'inactive', getA11yShowMonthText = (monthTitle) => `Show ${monthTitle}`, linkBuilder, onMonthChange = () => { }, onFocus = () => { }, onSelect = () => { } }) => {
+    const todayISO = (0, date_utils_1.toISO)(new Date());
+    const { firstDayOfWeek, weekdayLabels } = (0, date_utils_1.getWeekdayInfo)((0, date_utils_1.localeOverride)(locale));
+    const containerRef = (0, react_1.useRef)(null);
+    const [offset, setOffset] = (0, react_1.useState)(0);
+    const [focusISO, setFocusISO] = (0, react_1.useState)(null);
+    const [tabIndexISO, setTabIndexISO] = (0, react_1.useState)(todayISO);
+    const baseISO = (0, react_1.useRef)(todayISO);
+    const getMonthDate = (monthOffset) => {
+        const baseDate = (0, date_utils_1.fromISO)(baseISO.current);
+        const date = new Date(Date.UTC(baseDate.getUTCFullYear(), baseDate.getUTCMonth() + monthOffset));
         return date;
     };
-    var getFirstVisibleISO = function () {
-        return (0, date_utils_1.toISO)(getMonthDate(offset));
-    };
-    var getLastVisibleISO = function () {
-        var baseDate = (0, date_utils_1.fromISO)(baseISO.current);
+    const getFirstVisibleISO = () => (0, date_utils_1.toISO)(getMonthDate(offset));
+    const getLastVisibleISO = () => {
+        const baseDate = (0, date_utils_1.fromISO)(baseISO.current);
         return (0, date_utils_1.toISO)(new Date(Date.UTC(baseDate.getUTCFullYear(), baseDate.getUTCMonth() + offset + (numMonths || 1), 0)));
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (selected) {
-            var selectedISOs = Array.isArray(selected) ? selected : [selected];
-            var currFirstISO_1 = getFirstVisibleISO();
-            var currLastISO_1 = getLastVisibleISO();
-            var selectedTimeInView = selectedISOs.find(function (iso) { return iso >= currFirstISO_1 && iso <= currLastISO_1; });
+            const selectedISOs = Array.isArray(selected) ? selected : [selected];
+            const currFirstISO = getFirstVisibleISO();
+            const currLastISO = getLastVisibleISO();
+            const selectedTimeInView = selectedISOs.find((iso) => iso >= currFirstISO && iso <= currLastISO);
             if (selectedTimeInView === undefined) {
                 baseISO.current = selectedISOs[0];
                 setOffset(0);
             }
         }
     }, [selected]);
-    var calculateRangeDisplay = function () {
+    const calculateRangeDisplay = () => {
         if (selected && range) {
-            var iso1 = void 0;
-            var iso2 = void 0;
+            let iso1;
+            let iso2;
             if (Array.isArray(selected)) {
                 // Two elements are selected, we can use them as the ends of the range.
-                iso1 = selected[0], iso2 = selected[1];
+                [iso1, iso2] = selected;
             }
             else if (focusISO) {
                 // One element is selected and the user is focused on a date,
@@ -93,7 +81,7 @@ var EbayCalendar = function (_a) {
                 iso2 = focusISO;
             }
             if (iso1 && iso2) {
-                var _a = [iso1, iso2].sort(), start = _a[0], end = _a[1];
+                const [start, end] = [iso1, iso2].sort();
                 return {
                     rangeStart: start,
                     rangeEnd: end
@@ -105,50 +93,48 @@ var EbayCalendar = function (_a) {
             rangeEnd: null
         };
     };
-    var monthTitle = function (date) {
-        var formatter = new Intl.DateTimeFormat((0, date_utils_1.localeOverride)(locale), {
+    const monthTitle = (date) => {
+        const formatter = new Intl.DateTimeFormat((0, date_utils_1.localeOverride)(locale), {
             month: 'long',
             year: 'numeric'
         });
         return formatter.format(new Date(date.getUTCFullYear(), date.getUTCMonth()));
     };
-    var isDayDisabled = function (iso) {
-        return (disableBefore && iso < disableBefore) ||
-            (disableAfter && iso > disableAfter) ||
-            (disableWeekdays && disableWeekdays.includes((0, date_utils_1.fromISO)(iso).getUTCDay())) ||
-            (disableList && disableList.includes(iso));
-    };
-    var getFirstActiveISO = function () {
-        var iso = getFirstVisibleISO();
-        var lastVisible = getLastVisibleISO();
+    const isDayDisabled = (iso) => (disableBefore && iso < disableBefore) ||
+        (disableAfter && iso > disableAfter) ||
+        (disableWeekdays && disableWeekdays.includes((0, date_utils_1.fromISO)(iso).getUTCDay())) ||
+        (disableList && disableList.includes(iso));
+    const getFirstActiveISO = () => {
+        let iso = getFirstVisibleISO();
+        const lastVisible = getLastVisibleISO();
         while (iso <= lastVisible && isDayDisabled(iso)) {
             iso = (0, date_utils_1.offsetISO)(iso, 1);
         }
         return iso > lastVisible ? null : iso;
     };
-    var getLastActiveISO = function () {
-        var iso = getLastVisibleISO();
-        var firstVisible = getFirstVisibleISO();
+    const getLastActiveISO = () => {
+        let iso = getLastVisibleISO();
+        const firstVisible = getFirstVisibleISO();
         while (iso >= firstVisible && isDayDisabled(iso)) {
             iso = (0, date_utils_1.offsetISO)(iso, -1);
         }
         return iso < firstVisible ? null : iso;
     };
-    var setTabindexAndFocus = function (iso) {
+    const setTabindexAndFocus = (iso) => {
         setTabIndexISO(iso);
-        setTimeout(function () {
+        setTimeout(() => {
             var _a;
-            var elementToFocus = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-iso=\"".concat(iso, "\"]"));
+            const elementToFocus = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-iso="${iso}"]`);
             elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.focus();
         });
     };
-    var prevMonth = function (focus) {
+    const prevMonth = (focus) => {
         if (disableBefore && getFirstVisibleISO() <= disableBefore) {
             return false;
         }
-        setOffset(function (currentOffset) { return currentOffset - 1; });
-        var newTabIndexISO = tabIndexISO;
-        var lastActiveISO = getLastActiveISO();
+        setOffset((currentOffset) => currentOffset - 1);
+        let newTabIndexISO = tabIndexISO;
+        const lastActiveISO = getLastActiveISO();
         if (lastActiveISO && lastActiveISO < tabIndexISO) {
             newTabIndexISO = lastActiveISO;
             setTabIndexISO(lastActiveISO);
@@ -161,13 +147,13 @@ var EbayCalendar = function (_a) {
         });
         return true;
     };
-    var nextMonth = function (focus) {
+    const nextMonth = (focus) => {
         if (disableAfter && getLastVisibleISO() >= disableAfter) {
             return false;
         }
-        setOffset(function (currentOffset) { return currentOffset + 1; });
-        var newTabIndexISO = tabIndexISO;
-        var firstActiveISO = getFirstActiveISO();
+        setOffset((currentOffset) => currentOffset + 1);
+        let newTabIndexISO = tabIndexISO;
+        const firstActiveISO = getFirstActiveISO();
         if (firstActiveISO && firstActiveISO > tabIndexISO) {
             newTabIndexISO = firstActiveISO;
             setTabIndexISO(firstActiveISO);
@@ -179,18 +165,18 @@ var EbayCalendar = function (_a) {
             iso: (0, date_utils_1.toISO)(getMonthDate(offset + (numMonths || 1)))
         });
     };
-    var onKeyDown = function (event) {
-        var dayChange = DAY_UPDATE_KEYMAP[event.key];
+    const onKeyDown = (event) => {
+        const dayChange = DAY_UPDATE_KEYMAP[event.key];
         if (dayChange) {
             event.preventDefault();
-            var tries = 7;
-            var iso = tabIndexISO;
+            let tries = 7;
+            let iso = tabIndexISO;
             do {
                 iso = (0, date_utils_1.offsetISO)(iso, dayChange);
             } while (tries-- > 0 && isDayDisabled(iso));
             if (tries > 0) {
-                var firstVisible = getFirstVisibleISO();
-                var lastVisible = getLastVisibleISO();
+                const firstVisible = getFirstVisibleISO();
+                const lastVisible = getLastVisibleISO();
                 if (iso < firstVisible) {
                     if (navigable) {
                         prevMonth();
@@ -228,19 +214,19 @@ var EbayCalendar = function (_a) {
             }
         }
     };
-    var onDaySelect = function (event, iso) {
-        onSelect(event, { iso: iso });
+    const onDaySelect = (event, iso) => {
+        onSelect(event, { iso });
     };
-    var onDayFocus = function (event, day) {
+    const onDayFocus = (event, day) => {
         setFocusISO(day);
         setTabIndexISO(day);
         onFocus(event, { iso: day });
     };
-    var onDayBlur = function () {
+    const onDayBlur = () => {
         setFocusISO(null);
     };
-    var _t = calculateRangeDisplay(), rangeStart = _t.rangeStart, rangeEnd = _t.rangeEnd;
-    var isDayInRange = function (iso) {
+    const { rangeStart, rangeEnd } = calculateRangeDisplay();
+    const isDayInRange = (iso) => {
         if (!rangeStart || !rangeEnd) {
             return false;
         }
@@ -249,28 +235,28 @@ var EbayCalendar = function (_a) {
         }
         return true;
     };
-    var monthDates = __spreadArray([], Array(numMonths), true).map(function (_, i) { return getMonthDate(offset + i); });
+    const monthDates = [...Array(numMonths)].map((_, i) => getMonthDate(offset + i));
     return (react_1.default.createElement("div", { className: "calendar", ref: containerRef },
         navigable && (react_1.default.createElement("div", { className: "calendar__header" },
             react_1.default.createElement("div", { className: "calendar__header--inner" },
-                react_1.default.createElement(ebay_icon_button_1.EbayIconButton, { transparent: true, size: "small", icon: "chevronLeft24", disabled: disableBefore && getFirstVisibleISO() <= disableBefore, "aria-label": getA11yShowMonthText(monthTitle(getMonthDate(offset - 1))), onClick: function () { return prevMonth(); } }),
-                monthDates.map(function (monthDate, i) { return (react_1.default.createElement("h3", { key: i }, monthTitle(monthDate))); }),
-                react_1.default.createElement(ebay_icon_button_1.EbayIconButton, { transparent: true, size: "small", icon: "chevronRight24", disabled: disableAfter && getLastVisibleISO() >= disableAfter, "aria-label": getA11yShowMonthText(monthTitle(getMonthDate(offset + numMonths))), onClick: function () { return nextMonth(); } })))),
-        react_1.default.createElement("div", { className: "calendar__body" }, monthDates.map(function (monthDate, i) {
-            var numBlankDays = (monthDate.getUTCDay() - firstDayOfWeek + 7) % 7;
-            var year = monthDate.getUTCFullYear();
-            var month = monthDate.getUTCMonth();
-            var daysInMont = new Date(year, month + 1, 0).getDate();
-            var calendarRows = __spreadArray([], Array(Math.ceil((numBlankDays + daysInMont) / 7)), true);
+                react_1.default.createElement(ebay_icon_button_1.EbayIconButton, { transparent: true, size: "small", icon: "chevronLeft24", disabled: disableBefore && getFirstVisibleISO() <= disableBefore, "aria-label": getA11yShowMonthText(monthTitle(getMonthDate(offset - 1))), onClick: () => prevMonth() }),
+                monthDates.map((monthDate, i) => (react_1.default.createElement("h3", { key: i }, monthTitle(monthDate)))),
+                react_1.default.createElement(ebay_icon_button_1.EbayIconButton, { transparent: true, size: "small", icon: "chevronRight24", disabled: disableAfter && getLastVisibleISO() >= disableAfter, "aria-label": getA11yShowMonthText(monthTitle(getMonthDate(offset + numMonths))), onClick: () => nextMonth() })))),
+        react_1.default.createElement("div", { className: "calendar__body" }, monthDates.map((monthDate, i) => {
+            const numBlankDays = (monthDate.getUTCDay() - firstDayOfWeek + 7) % 7;
+            const year = monthDate.getUTCFullYear();
+            const month = monthDate.getUTCMonth();
+            const daysInMont = new Date(year, month + 1, 0).getDate();
+            const calendarRows = [...Array(Math.ceil((numBlankDays + daysInMont) / 7))];
             return (react_1.default.createElement("div", { key: i, className: "calendar__month" },
                 react_1.default.createElement("table", { onKeyDown: onKeyDown },
                     react_1.default.createElement("caption", null, monthTitle(monthDate)),
                     react_1.default.createElement("thead", null,
-                        react_1.default.createElement("tr", null, weekdayLabels.map(function (dayName) { return (react_1.default.createElement("th", { key: dayName, scope: "col" }, dayName)); }))),
-                    react_1.default.createElement("tbody", null, calendarRows.map(function (_, row) {
-                        var startDate = row * 7 - numBlankDays + 1;
-                        var endDate = startDate + 6;
-                        var columns = [];
+                        react_1.default.createElement("tr", null, weekdayLabels.map((dayName) => (react_1.default.createElement("th", { key: dayName, scope: "col" }, dayName))))),
+                    react_1.default.createElement("tbody", null, calendarRows.map((_, row) => {
+                        let startDate = row * 7 - numBlankDays + 1;
+                        let endDate = startDate + 6;
+                        const columns = [];
                         if (row === 0 && numBlankDays !== 0) {
                             startDate = 1;
                             columns.push(react_1.default.createElement("td", { key: "pre-column", colSpan: numBlankDays }));
@@ -278,17 +264,17 @@ var EbayCalendar = function (_a) {
                         else if (endDate > daysInMont) {
                             endDate = daysInMont;
                         }
-                        var _loop_1 = function (day) {
-                            var dayISO = (0, date_utils_1.toISO)(new Date(Date.UTC(year, month, day)));
-                            var isToday = dayISO === todayISO;
-                            var isSelected = Array.isArray(selected)
-                                ? selected.some(function (iso) { return iso === dayISO; })
+                        for (let day = startDate; day <= endDate; day++) {
+                            const dayISO = (0, date_utils_1.toISO)(new Date(Date.UTC(year, month, day)));
+                            const isToday = dayISO === todayISO;
+                            const isSelected = Array.isArray(selected)
+                                ? selected.some((iso) => iso === dayISO)
                                 : selected === dayISO;
-                            var isRangeStart = dayISO === rangeStart;
-                            var isInRange = isDayInRange(dayISO);
-                            var isRangeEnd = dayISO === rangeEnd;
-                            var isDisabled = isDayDisabled(dayISO);
-                            var a11yTexts = [
+                            const isRangeStart = dayISO === rangeStart;
+                            const isInRange = isDayInRange(dayISO);
+                            const isRangeEnd = dayISO === rangeEnd;
+                            const isDisabled = isDayDisabled(dayISO);
+                            const a11yTexts = [
                                 '',
                                 isSelected && a11ySelectedText,
                                 isRangeStart && a11yRangeStartText,
@@ -296,25 +282,22 @@ var EbayCalendar = function (_a) {
                                 isRangeEnd && a11yRangeEndText,
                                 !interactive && isToday && a11yTodayText,
                                 !interactive && isDisabled && a11yDisabledText
-                            ].filter(function (value) { return typeof value !== 'boolean' || value !== false; });
-                            var link = !interactive && !isDisabled && linkBuilder && linkBuilder(dayISO);
-                            var NonInteractiveTag = link ? 'a' : 'span';
+                            ].filter((value) => typeof value !== 'boolean' || value !== false);
+                            const link = !interactive && !isDisabled && linkBuilder && linkBuilder(dayISO);
+                            const NonInteractiveTag = link ? 'a' : 'span';
                             columns.push(react_1.default.createElement("td", { key: day, className: (0, classnames_1.default)({
                                     'calendar__cell--selected': isSelected,
                                     'calendar__range--start': isRangeStart,
                                     'calendar__range': isInRange,
                                     'calendar__range--end': isRangeEnd
                                 }) }, interactive ? (react_1.default.createElement("button", { disabled: isDisabled, "aria-label": a11yTexts.length > 1
-                                    ? "".concat(day).concat(a11yTexts.join(a11ySeparator))
-                                    : undefined, tabIndex: tabIndexISO !== dayISO ? -1 : undefined, "aria-current": isToday ? 'date' : undefined, "aria-pressed": isSelected ? 'true' : undefined, onClick: function (event) { return onDaySelect(event, dayISO); }, onFocus: function (event) { return onDayFocus(event, dayISO); }, onMouseOver: function (event) { return onDayFocus(event, dayISO); }, onMouseOut: function (event) { return onDayBlur(); }, onBlur: function () { return onDayBlur(); }, "data-iso": dayISO }, day)) : (react_1.default.createElement(NonInteractiveTag, { className: (0, classnames_1.default)({
+                                    ? `${day}${a11yTexts.join(a11ySeparator)}`
+                                    : undefined, tabIndex: tabIndexISO !== dayISO ? -1 : undefined, "aria-current": isToday ? 'date' : undefined, "aria-pressed": isSelected ? 'true' : undefined, onClick: (event) => onDaySelect(event, dayISO), onFocus: (event) => onDayFocus(event, dayISO), onMouseOver: (event) => onDayFocus(event, dayISO), onMouseOut: (event) => onDayBlur(), onBlur: () => onDayBlur(), "data-iso": dayISO }, day)) : (react_1.default.createElement(NonInteractiveTag, { className: (0, classnames_1.default)({
                                     'calendar__cell--disabled': isDisabled,
                                     'calendar__cell--current': isToday
                                 }), href: link },
                                 day,
                                 a11yTexts.length > 1 && (react_1.default.createElement("span", { className: "clipped" }, a11yTexts.join(a11ySeparator)))))));
-                        };
-                        for (var day = startDate; day <= endDate; day++) {
-                            _loop_1(day);
                         }
                         return (react_1.default.createElement("tr", { key: row }, columns));
                     })))));

package/ebay-calendar/date-utils.js

@@ -1,19 +1,10 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.localeOverride = exports.offsetISO = exports.fromISO = exports.toISO = exports.dateArgToISO = exports.getWeekdayInfo = exports.findFirstDayOfWeek = void 0;
 function findFirstDayOfWeek(localeName) {
     // weekInfo only exists on some browsers, so we default to Sunday otherwise
     // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/weekInfo
-    var locale = new Intl.Locale(localeName);
+    const locale = new Intl.Locale(localeName);
     if (locale.weekInfo) {
         return locale.weekInfo.firstDay;
     }
@@ -21,19 +12,19 @@ function findFirstDayOfWeek(localeName) {
 }
 exports.findFirstDayOfWeek = findFirstDayOfWeek;
 function getWeekdayInfo(localeName) {
-    var firstDayOfWeek = findFirstDayOfWeek(localeName);
-    var weekdayLabelFormatter = new Intl.DateTimeFormat(localeName, {
+    const firstDayOfWeek = findFirstDayOfWeek(localeName);
+    const weekdayLabelFormatter = new Intl.DateTimeFormat(localeName, {
         weekday: 'short'
     });
-    var weekday = new Date(2022, 9, 2 + firstDayOfWeek); // October 2, 2022 was a Sunday
-    var weekdayLabels = __spreadArray([], Array(7), true).map(function () {
-        var dayLabel = weekdayLabelFormatter.format(weekday);
+    const weekday = new Date(2022, 9, 2 + firstDayOfWeek); // October 2, 2022 was a Sunday
+    const weekdayLabels = [...Array(7)].map(() => {
+        const dayLabel = weekdayLabelFormatter.format(weekday);
         weekday.setDate(weekday.getDate() + 1);
         return dayLabel;
     });
     return {
-        firstDayOfWeek: firstDayOfWeek,
-        weekdayLabels: weekdayLabels
+        firstDayOfWeek,
+        weekdayLabels
     };
 }
 exports.getWeekdayInfo = getWeekdayInfo;
@@ -56,7 +47,7 @@ function fromISO(iso) {
 }
 exports.fromISO = fromISO;
 function offsetISO(iso, days) {
-    var date = fromISO(iso);
+    const date = fromISO(iso);
     date.setUTCDate(date.getUTCDate() + days);
     return toISO(date);
 }

package/ebay-carousel/carousel-control-button.js

@@ -3,23 +3,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ebay_icon_1 = require("../ebay-icon");
-var icon = {
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ebay_icon_1 = require("../ebay-icon");
+const icon = {
     prev: 'chevronLeft12',
     next: 'chevronRight12'
 };
-var typeToDirection = {
+const typeToDirection = {
     prev: 'LEFT',
     next: 'RIGHT'
 };
-var CarouselControlButton = function (_a) {
-    var type = _a.type, label = _a.label, hidden = _a.hidden, disabled = _a.disabled, onClick = _a.onClick;
-    var handleOnClick = function (event) {
+const CarouselControlButton = ({ type, label, hidden, disabled, onClick }) => {
+    const handleOnClick = (event) => {
         onClick(event, { direction: typeToDirection[type] });
     };
-    return (react_1.default.createElement("button", { className: (0, classnames_1.default)('carousel__control', "carousel__control--".concat(type)), "aria-label": label, "aria-disabled": disabled, disabled: disabled, onClick: handleOnClick },
-        react_1.default.createElement(ebay_icon_1.EbayIcon, { className: (0, classnames_1.default)('icon', "icon--carousel-".concat(type)), focusable: false, name: icon[type], "aria-hidden": hidden })));
+    return (react_1.default.createElement("button", { className: (0, classnames_1.default)('carousel__control', `carousel__control--${type}`), "aria-label": label, "aria-disabled": disabled, disabled: disabled, onClick: handleOnClick },
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { className: (0, classnames_1.default)('icon', `icon--carousel-${type}`), focusable: false, name: icon[type], "aria-hidden": hidden })));
 };
 exports.default = CarouselControlButton;

package/ebay-carousel/carousel-item.d.ts

@@ -7,6 +7,6 @@ type CarouselItemProps = ListProps & {
     className?: string;
     forwardedRef?: RefObject<ListItemRef>;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<CarouselItemProps, "forwardedRef" | "key" | "offset" | "slideWidth" | keyof React.LiHTMLAttributes<HTMLLIElement>> & React.RefAttributes<React.FC<CarouselItemProps>>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<CarouselItemProps, "ref"> & React.RefAttributes<React.FC<CarouselItemProps>>>;
 export default _default;
 //# sourceMappingURL=carousel-item.d.ts.map

package/ebay-carousel/carousel-item.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45,26 +34,26 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var component_utils_1 = require("../common/component-utils");
-var helpers_1 = require("./helpers");
-var EbayCarouselItem = function (_a) {
-    var slideWidth = _a.slideWidth, offset = _a.offset, forwardedRef = _a.forwardedRef, children = _a.children, rest = __rest(_a, ["slideWidth", "offset", "forwardedRef", "children"]);
-    var itemRef = (0, react_1.useRef)();
-    var _b = (0, react_1.useState)(false), isVisible = _b[0], setIsVisible = _b[1];
-    (0, react_1.useImperativeHandle)(forwardedRef, function () {
+const react_1 = __importStar(require("react"));
+const component_utils_1 = require("../common/component-utils");
+const helpers_1 = require("./helpers");
+const EbayCarouselItem = (_a) => {
+    var { slideWidth, offset, forwardedRef, children } = _a, rest = __rest(_a, ["slideWidth", "offset", "forwardedRef", "children"]);
+    const itemRef = (0, react_1.useRef)();
+    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    (0, react_1.useImperativeHandle)(forwardedRef, () => {
         if (!itemRef.current)
             return;
-        var _a = (0, helpers_1.getRelativeRects)(itemRef.current), left = _a.left, right = _a.right;
-        var fullyVisible = left === undefined ||
+        const { left, right } = (0, helpers_1.getRelativeRects)(itemRef.current);
+        const fullyVisible = left === undefined ||
             (left - offset >= -0.01 && right - offset <= slideWidth + 0.01);
         setIsVisible(fullyVisible);
         return {
-            left: left,
-            right: right,
-            fullyVisible: fullyVisible
+            left,
+            right,
+            fullyVisible
         };
     }, [slideWidth, offset]);
-    return (react_1.default.createElement("li", __assign({ ref: itemRef, "aria-hidden": !isVisible }, rest), children));
+    return (react_1.default.createElement("li", Object.assign({ ref: itemRef, "aria-hidden": !isVisible }, rest), children));
 };
 exports.default = (0, component_utils_1.withForwardRef)(EbayCarouselItem);