@ebay/ui-core-react 7.4.0-alpha.9 → 7.4.0

package/calendar-D-DWjrMU.js

@@ -1,333 +0,0 @@
-"use strict";
-const React = require("react");
-const iconButton = require("./icon-button-BQWoMgX1.js");
-const classNames = require("classnames");
-function findFirstDayOfWeek(localeName) {
-  const locale = new Intl.Locale(localeName);
-  if (locale.weekInfo) {
-    return locale.weekInfo.firstDay;
-  }
-  return 0;
-}
-function getWeekdayInfo(localeName) {
-  const firstDayOfWeek = findFirstDayOfWeek(localeName);
-  const weekdayLabelFormatter = new Intl.DateTimeFormat(localeName, {
-    weekday: "short"
-  });
-  const weekday = new Date(2022, 9, 2 + firstDayOfWeek);
-  const weekdayLabels = [...Array(7)].map(() => {
-    const dayLabel = weekdayLabelFormatter.format(weekday);
-    weekday.setDate(weekday.getDate() + 1);
-    return dayLabel;
-  });
-  return {
-    firstDayOfWeek,
-    weekdayLabels
-  };
-}
-function dateArgToISO(arg) {
-  if (!arg)
-    return void 0;
-  if (/^\d\d\d\d-\d\d-\d\d$/g.test(arg))
-    return arg;
-  return toISO(new Date(arg));
-}
-function toISO(date) {
-  if (isNaN(date.getTime()))
-    return;
-  return date.toISOString().slice(0, 10);
-}
-function fromISO(iso) {
-  return new Date(iso);
-}
-function offsetISO(iso, days) {
-  const date = fromISO(iso);
-  date.setUTCDate(date.getUTCDate() + days);
-  return toISO(date);
-}
-function localeOverride(locale) {
-  return locale || navigator.language;
-}
-const DAY_UPDATE_KEYMAP = {
-  ArrowRight: 1,
-  ArrowLeft: -1,
-  ArrowDown: 7,
-  ArrowUp: -7
-};
-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 = toISO(/* @__PURE__ */ new Date());
-  const { firstDayOfWeek, weekdayLabels } = getWeekdayInfo(localeOverride(locale));
-  const containerRef = React.useRef(null);
-  const [offset, setOffset] = React.useState(0);
-  const [focusISO, setFocusISO] = React.useState(null);
-  const [tabIndexISO, setTabIndexISO] = React.useState(todayISO);
-  const baseISO = React.useRef(todayISO);
-  const getMonthDate = (monthOffset) => {
-    const baseDate = fromISO(baseISO.current);
-    const date = new Date(Date.UTC(baseDate.getUTCFullYear(), baseDate.getUTCMonth() + monthOffset));
-    return date;
-  };
-  const getFirstVisibleISO = () => toISO(getMonthDate(offset));
-  const getLastVisibleISO = () => {
-    const baseDate = fromISO(baseISO.current);
-    return toISO(new Date(Date.UTC(baseDate.getUTCFullYear(), baseDate.getUTCMonth() + offset + (numMonths || 1), 0)));
-  };
-  React.useEffect(() => {
-    if (selected) {
-      const selectedISOs = Array.isArray(selected) ? selected : [selected];
-      const currFirstISO = getFirstVisibleISO();
-      const currLastISO = getLastVisibleISO();
-      const selectedTimeInView = selectedISOs.find((iso) => iso >= currFirstISO && iso <= currLastISO);
-      if (selectedTimeInView === void 0) {
-        baseISO.current = selectedISOs[0];
-        setOffset(0);
-      }
-    }
-  }, [selected]);
-  const calculateRangeDisplay = () => {
-    if (selected && range) {
-      let iso1;
-      let iso2;
-      if (Array.isArray(selected)) {
-        [iso1, iso2] = selected;
-      } else if (focusISO) {
-        iso1 = selected;
-        iso2 = focusISO;
-      }
-      if (iso1 && iso2) {
-        const [start, end] = [iso1, iso2].sort();
-        return {
-          rangeStart: start,
-          rangeEnd: end
-        };
-      }
-    }
-    return {
-      rangeStart: null,
-      rangeEnd: null
-    };
-  };
-  const monthTitle = (date) => {
-    const formatter = new Intl.DateTimeFormat(localeOverride(locale), {
-      month: "long",
-      year: "numeric"
-    });
-    return formatter.format(new Date(date.getUTCFullYear(), date.getUTCMonth()));
-  };
-  const isDayDisabled = (iso) => disableBefore && iso < disableBefore || disableAfter && iso > disableAfter || disableWeekdays && disableWeekdays.includes(fromISO(iso).getUTCDay()) || disableList && disableList.includes(iso);
-  const getFirstActiveISO = () => {
-    let iso = getFirstVisibleISO();
-    const lastVisible = getLastVisibleISO();
-    while (iso <= lastVisible && isDayDisabled(iso)) {
-      iso = offsetISO(iso, 1);
-    }
-    return iso > lastVisible ? null : iso;
-  };
-  const getLastActiveISO = () => {
-    let iso = getLastVisibleISO();
-    const firstVisible = getFirstVisibleISO();
-    while (iso >= firstVisible && isDayDisabled(iso)) {
-      iso = offsetISO(iso, -1);
-    }
-    return iso < firstVisible ? null : iso;
-  };
-  const setTabindexAndFocus = (iso) => {
-    setTabIndexISO(iso);
-    setTimeout(() => {
-      var _a;
-      const elementToFocus = (_a = containerRef.current) == null ? void 0 : _a.querySelector(`[data-iso="${iso}"]`);
-      elementToFocus == null ? void 0 : elementToFocus.focus();
-    });
-  };
-  const prevMonth = (focus) => {
-    if (disableBefore && getFirstVisibleISO() <= disableBefore) {
-      return false;
-    }
-    setOffset((currentOffset) => currentOffset - 1);
-    let newTabIndexISO = tabIndexISO;
-    const lastActiveISO = getLastActiveISO();
-    if (lastActiveISO && lastActiveISO < tabIndexISO) {
-      newTabIndexISO = lastActiveISO;
-      setTabIndexISO(lastActiveISO);
-    }
-    if (focus) {
-      setTabindexAndFocus(newTabIndexISO);
-    }
-    onMonthChange({
-      iso: toISO(getMonthDate(offset))
-    });
-    return true;
-  };
-  const nextMonth = (focus) => {
-    if (disableAfter && getLastVisibleISO() >= disableAfter) {
-      return false;
-    }
-    setOffset((currentOffset) => currentOffset + 1);
-    let newTabIndexISO = tabIndexISO;
-    const firstActiveISO = getFirstActiveISO();
-    if (firstActiveISO && firstActiveISO > tabIndexISO) {
-      newTabIndexISO = firstActiveISO;
-      setTabIndexISO(firstActiveISO);
-    }
-    if (focus) {
-      setTabindexAndFocus(newTabIndexISO);
-    }
-    onMonthChange({
-      iso: toISO(getMonthDate(offset + (numMonths || 1)))
-    });
-  };
-  const onKeyDown = (event) => {
-    const dayChange = DAY_UPDATE_KEYMAP[event.key];
-    if (dayChange) {
-      event.preventDefault();
-      let tries = 7;
-      let iso = tabIndexISO;
-      do {
-        iso = offsetISO(iso, dayChange);
-      } while (tries-- > 0 && isDayDisabled(iso));
-      if (tries > 0) {
-        const firstVisible = getFirstVisibleISO();
-        const lastVisible = getLastVisibleISO();
-        if (iso < firstVisible) {
-          if (navigable) {
-            prevMonth();
-          } else {
-            iso = firstVisible;
-          }
-        } else if (iso > lastVisible) {
-          if (navigable) {
-            nextMonth();
-          } else {
-            iso = lastVisible;
-          }
-        }
-        setTabindexAndFocus(iso);
-      }
-    } else {
-      switch (event.key) {
-        case "PageUp":
-          prevMonth(true);
-          break;
-        case "PageDown":
-          nextMonth(true);
-          break;
-        case "Home":
-          setTabindexAndFocus(getFirstActiveISO());
-          break;
-        case "End":
-          setTabindexAndFocus(getLastActiveISO());
-          break;
-      }
-    }
-  };
-  const onDaySelect = (event, iso) => {
-    onSelect(event, { iso });
-  };
-  const onDayFocus = (event, day) => {
-    setFocusISO(day);
-    setTabIndexISO(day);
-    onFocus(event, { iso: day });
-  };
-  const onDayBlur = () => {
-    setFocusISO(null);
-  };
-  const { rangeStart, rangeEnd } = calculateRangeDisplay();
-  const isDayInRange = (iso) => {
-    if (!rangeStart || !rangeEnd) {
-      return false;
-    }
-    if (iso < rangeStart || iso > rangeEnd) {
-      return false;
-    }
-    return true;
-  };
-  const monthDates = [...Array(numMonths)].map((_, i) => getMonthDate(offset + i));
-  return React.createElement(
-    "div",
-    { className: "calendar", ref: containerRef },
-    navigable && React.createElement(
-      "div",
-      { className: "calendar__header" },
-      React.createElement(
-        "div",
-        { className: "calendar__header--inner" },
-        React.createElement(iconButton.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.createElement("h3", { key: i }, monthTitle(monthDate))),
-        React.createElement(iconButton.EbayIconButton, { transparent: true, size: "small", icon: "chevronRight24", disabled: disableAfter && getLastVisibleISO() >= disableAfter, "aria-label": getA11yShowMonthText(monthTitle(getMonthDate(offset + numMonths))), onClick: () => nextMonth() })
-      )
-    ),
-    React.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.createElement(
-        "div",
-        { key: i, className: "calendar__month" },
-        React.createElement(
-          "table",
-          { onKeyDown },
-          React.createElement("caption", null, monthTitle(monthDate)),
-          React.createElement(
-            "thead",
-            null,
-            React.createElement("tr", null, weekdayLabels.map((dayName) => React.createElement("th", { key: dayName, scope: "col" }, dayName)))
-          ),
-          React.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.createElement("td", { key: "pre-column", colSpan: numBlankDays }));
-            } else if (endDate > daysInMont) {
-              endDate = daysInMont;
-            }
-            for (let day = startDate; day <= endDate; day++) {
-              const dayISO = toISO(new Date(Date.UTC(year, month, day)));
-              const isToday = dayISO === todayISO;
-              const isSelected = Array.isArray(selected) ? selected.some((iso) => iso === dayISO) : selected === dayISO;
-              const isRangeStart = dayISO === rangeStart;
-              const isInRange = isDayInRange(dayISO);
-              const isRangeEnd = dayISO === rangeEnd;
-              const isDisabled = isDayDisabled(dayISO);
-              const a11yTexts = [
-                "",
-                isSelected && a11ySelectedText,
-                isRangeStart && a11yRangeStartText,
-                !isRangeStart && !isRangeEnd && isInRange && a11yInRangeText,
-                isRangeEnd && a11yRangeEndText,
-                !interactive && isToday && a11yTodayText,
-                !interactive && isDisabled && a11yDisabledText
-              ].filter((value) => typeof value !== "boolean" || value !== false);
-              const link = !interactive && !isDisabled && linkBuilder && linkBuilder(dayISO);
-              const NonInteractiveTag = link ? "a" : "span";
-              columns.push(React.createElement("td", { key: day, className: classNames({
-                "calendar__cell--selected": isSelected,
-                "calendar__range--start": isRangeStart,
-                "calendar__range": isInRange,
-                "calendar__range--end": isRangeEnd
-              }) }, interactive ? React.createElement("button", { disabled: isDisabled, "aria-label": a11yTexts.length > 1 ? `${day}${a11yTexts.join(a11ySeparator)}` : void 0, tabIndex: tabIndexISO !== dayISO ? -1 : void 0, "aria-current": isToday ? "date" : void 0, "aria-pressed": isSelected ? "true" : void 0, 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.createElement(
-                NonInteractiveTag,
-                { className: classNames({
-                  "calendar__cell--disabled": isDisabled,
-                  "calendar__cell--current": isToday
-                }), href: link },
-                day,
-                a11yTexts.length > 1 && React.createElement("span", { className: "clipped" }, a11yTexts.join(a11ySeparator))
-              )));
-            }
-            return React.createElement("tr", { key: row }, columns);
-          }))
-        )
-      );
-    }))
-  );
-};
-exports.EbayCalendar = EbayCalendar;
-exports.dateArgToISO = dateArgToISO;
-exports.toISO = toISO;

package/debounce-v8bWAUnY.js

@@ -1,9 +0,0 @@
-"use strict";
-function debounce(fn, ms) {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => fn(...args), ms);
-  };
-}
-exports.debounce = debounce;