@choice-ui/react 1.3.10

package/dist/cjs/components/calendar/src/utils/time.cjs

@@ -0,0 +1,277 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dateFns = require("date-fns");
+const locale = require("date-fns/locale");
+const constants = require("./constants.cjs");
+const locale$1 = require("./locale.cjs");
+let timeStringDateCache = null;
+let cacheDateKey = null;
+function dateToTimeString(date) {
+  if (!date) return null;
+  return dateFns.format(date, "HH:mm");
+}
+function timeStringToDate(timeStr) {
+  const today = /* @__PURE__ */ new Date();
+  const dateKey = today.toDateString();
+  if (cacheDateKey !== dateKey) {
+    timeStringDateCache = /* @__PURE__ */ new Map();
+    cacheDateKey = dateKey;
+  }
+  if (timeStringDateCache.has(timeStr)) {
+    return timeStringDateCache.get(timeStr);
+  }
+  const baseDate = dateFns.startOfDay(today);
+  const [hours, minutes] = timeStr.split(":").map(Number);
+  const dateObject = dateFns.setMinutes(dateFns.setHours(baseDate, hours), minutes);
+  timeStringDateCache.set(timeStr, dateObject);
+  return dateObject;
+}
+function normalizeTimeValue(value) {
+  return dateToTimeString(value ?? null);
+}
+function smartParseTimeValue(input, options) {
+  const { format: timeFormat, locale: locale2, strict } = options;
+  const dateFnsLocale = locale$1.resolveLocale(locale2);
+  const result = {
+    input,
+    time: null,
+    formatted: "",
+    isValid: false,
+    error: null
+  };
+  if (!input.trim()) {
+    return result;
+  }
+  let parsedDate = null;
+  try {
+    const baseDate = new Date(2e3, 0, 1);
+    parsedDate = dateFns.parse(input, timeFormat, baseDate, { locale: dateFnsLocale });
+    if (dateFns.isValid(parsedDate)) {
+      const todayWithTime = timeStringToDate(dateFns.format(parsedDate, "HH:mm"));
+      result.time = todayWithTime;
+      result.formatted = dateFns.format(parsedDate, timeFormat, { locale: dateFnsLocale });
+      result.isValid = true;
+      return result;
+    }
+    for (const tryFormat of constants.commonTimeFormats) {
+      if (tryFormat !== timeFormat) {
+        try {
+          parsedDate = dateFns.parse(input, tryFormat, baseDate, { locale: dateFnsLocale });
+          if (dateFns.isValid(parsedDate)) {
+            const todayWithTime = timeStringToDate(dateFns.format(parsedDate, "HH:mm"));
+            result.time = todayWithTime;
+            result.formatted = dateFns.format(parsedDate, timeFormat, { locale: dateFnsLocale });
+            result.isValid = true;
+            return result;
+          }
+        } catch {
+        }
+      }
+    }
+    const relaxedResult = tryRelaxedTimeParsing(input, timeFormat, locale2 || dateFnsLocale);
+    if (relaxedResult) {
+      const todayWithTime = timeStringToDate(relaxedResult);
+      result.time = todayWithTime;
+      result.formatted = dateFns.format(todayWithTime, timeFormat, { locale: dateFnsLocale });
+      result.isValid = true;
+      return result;
+    }
+    result.error = strict ? "Invalid time format" : null;
+  } catch (error) {
+    result.error = error instanceof Error ? error.message : "Parse error";
+  }
+  return result;
+}
+function tryRelaxedTimeParsing(input, targetFormat, locale2) {
+  const trimmedInput = input.trim();
+  if (!trimmedInput) return null;
+  locale$1.resolveLocale(locale2);
+  try {
+    if (/^\d+$/.test(trimmedInput)) {
+      const len = trimmedInput.length;
+      if (len <= 2) {
+        const hours = parseInt(trimmedInput, 10);
+        if (hours >= 0 && hours <= 23) {
+          return `${hours.toString().padStart(2, "0")}:00`;
+        }
+      }
+      if (len === 3) {
+        const hours = parseInt(trimmedInput.substring(0, 1), 10);
+        const minutes = parseInt(trimmedInput.substring(1, 3), 10);
+        if (hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59) {
+          return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+        }
+      }
+      if (len === 4) {
+        const hours = parseInt(trimmedInput.substring(0, 2), 10);
+        const minutes = parseInt(trimmedInput.substring(2, 4), 10);
+        if (hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59) {
+          return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+        }
+      }
+    }
+    const ampmMatch = trimmedInput.match(/(\d{1,2})(?::(\d{1,2}))?\s*(am|pm|上午|下午)/i);
+    if (ampmMatch) {
+      let hours = parseInt(ampmMatch[1], 10);
+      const minutes = parseInt(ampmMatch[2] || "0", 10);
+      const period = ampmMatch[3].toLowerCase();
+      if (hours >= 1 && hours <= 12 && minutes >= 0 && minutes <= 59) {
+        if ((period === "pm" || period === "下午") && hours !== 12) {
+          hours += 12;
+        } else if ((period === "am" || period === "上午") && hours === 12) {
+          hours = 0;
+        }
+        return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+      }
+    }
+    const chineseTimePatterns = [
+      { pattern: /(?:下午)\s*(\d{1,2})\s*[点时]/, hour: true, isPM: true },
+      { pattern: /(?:上午)\s*(\d{1,2})\s*[点时]/, hour: true, isPM: false },
+      { pattern: /(\d{1,2})\s*[点时]/, hour: true, isPM: null },
+      { pattern: /(\d{1,2})\s*分/, hour: false, isPM: null }
+    ];
+    let parsedHour = null;
+    let parsedMinute = null;
+    let isPM = null;
+    for (const { pattern, hour, isPM: isAfternoon } of chineseTimePatterns) {
+      const match = trimmedInput.match(pattern);
+      if (match) {
+        const num = parseInt(match[1], 10);
+        if (hour && num >= 1 && num <= 12) {
+          parsedHour = num;
+          isPM = isAfternoon !== void 0 ? isAfternoon : null;
+          break;
+        } else if (!hour && num >= 0 && num <= 59) {
+          parsedMinute = num;
+        }
+      }
+    }
+    if (parsedHour !== null) {
+      let finalHour = parsedHour;
+      if (isPM === true && finalHour !== 12) {
+        finalHour += 12;
+      } else if (isPM === false && finalHour === 12) {
+        finalHour = 0;
+      }
+      const minutes = parsedMinute || 0;
+      if (finalHour >= 0 && finalHour <= 23) {
+        return `${finalHour.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+      }
+    }
+    const timeMatch = trimmedInput.match(/(\d{1,2})[:.](\d{1,2})/);
+    if (timeMatch) {
+      const hours = parseInt(timeMatch[1], 10);
+      const minuteStr = timeMatch[2];
+      let minutes;
+      if (minuteStr.length === 1) {
+        minutes = parseInt(minuteStr, 10) * 10;
+      } else {
+        minutes = parseInt(minuteStr, 10);
+      }
+      if (hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59) {
+        return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+      }
+    }
+  } catch (error) {
+  }
+  return null;
+}
+function createTimeValue(hour, minute) {
+  return { hour: Math.max(0, Math.min(23, hour)), minute: Math.max(0, Math.min(59, minute)) };
+}
+function timeToDate(time) {
+  const today = dateFns.startOfDay(/* @__PURE__ */ new Date());
+  return dateFns.setMinutes(dateFns.setHours(today, time.hour), time.minute);
+}
+function dateToTime(date) {
+  return {
+    hour: date.getHours(),
+    minute: date.getMinutes()
+  };
+}
+function formatTimeValue(time, timeFormat = "24h", locale$12 = locale.enUS) {
+  const date = timeToDate(time);
+  if (timeFormat === "12h") {
+    return dateFns.format(date, "h:mm a", { locale: locale$12 });
+  }
+  return dateFns.format(date, "HH:mm", { locale: locale$12 });
+}
+function formatHourValue(hour, timeFormat = "24h", locale$12 = locale.enUS) {
+  const date = dateFns.setHours(dateFns.startOfDay(/* @__PURE__ */ new Date()), hour);
+  if (timeFormat === "12h") {
+    return dateFns.format(date, "h a", { locale: locale$12 });
+  }
+  return hour.toString().padStart(2, "0");
+}
+function formatMinuteValue(minute) {
+  return minute.toString().padStart(2, "0");
+}
+function generateHourOptions(hourStep = 1, timeFormat = "24h", locale$12 = locale.enUS) {
+  const options = [];
+  for (let hour = 0; hour < 24; hour += hourStep) {
+    options.push({
+      value: hour,
+      label: formatHourValue(hour, timeFormat, locale$12)
+    });
+  }
+  return options;
+}
+function generateMinuteOptions(minuteStep = 15) {
+  const options = [];
+  for (let minute = 0; minute < 60; minute += minuteStep) {
+    options.push({
+      value: minute,
+      label: formatMinuteValue(minute)
+    });
+  }
+  return options;
+}
+function isTimeEqual(time1, time2) {
+  return time1.hour === time2.hour && time1.minute === time2.minute;
+}
+function findClosestValidTime(time, minuteStep = 15, hourStep = 1) {
+  const closestMinute = Math.round(time.minute / minuteStep) * minuteStep;
+  const closestHour = Math.round(time.hour / hourStep) * hourStep;
+  return createTimeValue(closestHour, closestMinute % 60);
+}
+const generateTimeOptions = (format2, step = 15) => {
+  const options = [];
+  const totalMinutes = 24 * 60;
+  const is12Hour = format2.toLowerCase().includes("a") || format2 === "12h";
+  for (let i = 0; i < totalMinutes; i += step) {
+    const hours = Math.floor(i / 60);
+    const minutes = i % 60;
+    if (is12Hour) {
+      const displayHour = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+      const ampm = hours < 12 ? "AM" : "PM";
+      const value = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+      const label = `${displayHour}:${minutes.toString().padStart(2, "0")} ${ampm}`;
+      options.push({ value, label });
+    } else {
+      const value = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+      const label = value;
+      options.push({ value, label });
+    }
+  }
+  return options;
+};
+const createTimeToday = (hours, minutes = 0) => {
+  return dateFns.setMinutes(dateFns.setHours(dateFns.startOfDay(/* @__PURE__ */ new Date()), hours), minutes);
+};
+exports.createTimeToday = createTimeToday;
+exports.createTimeValue = createTimeValue;
+exports.dateToTime = dateToTime;
+exports.dateToTimeString = dateToTimeString;
+exports.findClosestValidTime = findClosestValidTime;
+exports.formatHourValue = formatHourValue;
+exports.formatMinuteValue = formatMinuteValue;
+exports.formatTimeValue = formatTimeValue;
+exports.generateHourOptions = generateHourOptions;
+exports.generateMinuteOptions = generateMinuteOptions;
+exports.generateTimeOptions = generateTimeOptions;
+exports.isTimeEqual = isTimeEqual;
+exports.normalizeTimeValue = normalizeTimeValue;
+exports.smartParseTimeValue = smartParseTimeValue;
+exports.timeStringToDate = timeStringToDate;
+exports.timeToDate = timeToDate;
+exports.tryRelaxedTimeParsing = tryRelaxedTimeParsing;

package/dist/cjs/components/calendar/src/utils/year.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dateFns = require("date-fns");
+const yearUtils = {
+  extractYear(input) {
+    if (dateFns.isDate(input) && dateFns.isValid(input)) {
+      return input.getFullYear();
+    }
+    if (typeof input === "number" && Number.isFinite(input)) {
+      return input;
+    }
+    return void 0;
+  },
+  /** 创建年份的开始日期 */
+  createYearDate(year) {
+    return new Date(year, 0, 1);
+  },
+  /** 获取当前年份 */
+  getCurrentYear() {
+    return (/* @__PURE__ */ new Date()).getFullYear();
+  },
+  /** 验证年份是否在有效范围内 */
+  isYearInRange(year, minYear, maxYear) {
+    const minValid = minYear === void 0 || year >= minYear;
+    const maxValid = maxYear === void 0 || year <= maxYear;
+    return minValid && maxValid;
+  }
+};
+exports.yearUtils = yearUtils;

package/dist/cjs/components/calendar/src/year-calendar/tv.cjs

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tcx = require("../../../../shared/utils/tcx/tcx.cjs");
+const YearCalendarTv = tcx.tcv({
+  slots: {
+    // 容器
+    container: "select-none",
+    // 头部
+    header: "flex items-center pt-2 pr-1 pl-3",
+    title: "flex-1 truncate font-strong",
+    navigation: "flex h-6 items-center",
+    // 年份网格
+    yearsGrid: "grid grid-cols-3 gap-0 px-2 pb-2",
+    // 年份单元格
+    yearCell: [
+      "relative h-6 w-full rounded-md",
+      "flex items-center justify-center",
+      "cursor-default select-none",
+      "border border-transparent",
+      "before:absolute before:z-0 before:content-['']",
+      "after:absolute after:z-1 after:content-['']"
+    ],
+    // 年份数字
+    yearText: "relative z-2"
+  },
+  variants: {
+    // 是否选中
+    selected: {
+      true: {}
+    },
+    // 是否为当前年份
+    current: {
+      true: {
+        yearCell: "text-on-accent-foreground after:bg-danger-background after:inset-0.5 after:rounded-md"
+      }
+    },
+    // 是否禁用
+    disabled: {
+      true: {}
+    },
+    // 是否在范围内
+    inRange: {
+      true: {},
+      false: {}
+    },
+    variant: {
+      default: {
+        container: "bg-default-background"
+      },
+      dark: {
+        container: "bg-menu-background text-white"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      inRange: false,
+      current: false,
+      variant: "default",
+      className: { yearCell: "text-disabled-foreground" }
+    },
+    {
+      inRange: false,
+      current: false,
+      variant: "dark",
+      className: { yearCell: "text-white/40" }
+    },
+    // Selected
+    {
+      selected: true,
+      current: false,
+      className: {
+        yearCell: "after:inset-0 after:rounded-md"
+      }
+    },
+    {
+      selected: true,
+      current: false,
+      variant: "default",
+      className: {
+        yearCell: "after:bg-selected-background"
+      }
+    },
+    {
+      selected: true,
+      current: false,
+      variant: "dark",
+      className: {
+        yearCell: "after:bg-gray-600"
+      }
+    },
+    {
+      selected: true,
+      current: true,
+      className: {
+        yearCell: "after:ring-accent-background"
+      }
+    },
+    {
+      selected: true,
+      current: true,
+      variant: "default",
+      className: {
+        yearCell: "after:ring-offset-default-background after:ring-1 after:ring-offset-1"
+      }
+    },
+    {
+      selected: true,
+      current: true,
+      variant: "dark",
+      className: {
+        yearCell: "after:ring-2 after:ring-gray-600"
+      }
+    },
+    // Hover
+    {
+      disabled: false,
+      className: {
+        yearCell: "before:inset-0 before:rounded-md"
+      }
+    },
+    {
+      disabled: false,
+      variant: "default",
+      className: {
+        yearCell: "hover:before:bg-secondary-background"
+      }
+    },
+    {
+      disabled: false,
+      variant: "dark",
+      className: {
+        yearCell: "hover:before:bg-gray-700"
+      }
+    },
+    // Disabled
+    {
+      disabled: true,
+      variant: "default",
+      className: { yearCell: "text-disabled-foreground" }
+    },
+    {
+      disabled: true,
+      variant: "dark",
+      className: { yearCell: "text-white/20" }
+    }
+  ],
+  defaultVariants: {
+    variant: "default"
+  }
+});
+exports.YearCalendarTv = YearCalendarTv;

package/dist/cjs/components/calendar/src/year-calendar/year-calendar-cell.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react/jsx-runtime");
+const React = require("react");
+const usehooksTs = require("usehooks-ts");
+const tv = require("./tv.cjs");
+const YearCalendarCell = React.memo(function YearCalendarCell2(props) {
+  const tv$1 = tv.YearCalendarTv();
+  const { className, yearItem, onClick } = props;
+  const handleClick = usehooksTs.useEventCallback(() => {
+    if (!yearItem.isDisabled && onClick) {
+      onClick(yearItem.year);
+    }
+  });
+  const yearNumber = yearItem.year.getFullYear();
+  return /* @__PURE__ */ require$$0.jsx(
+    "div",
+    {
+      className,
+      onClick: handleClick,
+      "data-testid": yearNumber,
+      "data-selected": yearItem.isSelected,
+      "data-current": yearItem.isCurrent,
+      "data-disabled": yearItem.isDisabled,
+      "data-in-range": yearItem.isInRange,
+      children: /* @__PURE__ */ require$$0.jsx("span", { className: tv$1.yearText(), children: yearNumber })
+    }
+  );
+});
+YearCalendarCell.displayName = "YearCalendarCell";
+exports.YearCalendarCell = YearCalendarCell;

package/dist/cjs/components/calendar/src/year-calendar/year-calendar-header.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react/jsx-runtime");
+const index = require("../../../icon-button/dist/index.cjs");
+const iconsReact = require("@choiceform/icons-react");
+const React = require("react");
+const tv = require("./tv.cjs");
+const YearCalendarHeader = React.memo(function YearCalendarHeader2(props) {
+  const {
+    endDisplayYear,
+    handleNext,
+    handlePrevious,
+    handleToday,
+    isNextDisabled,
+    isPrevDisabled,
+    startDisplayYear,
+    currentYearContainsToday,
+    variant
+  } = props;
+  const tv$1 = tv.YearCalendarTv();
+  return /* @__PURE__ */ require$$0.jsxs("div", { className: tv$1.header(), children: [
+    /* @__PURE__ */ require$$0.jsxs(
+      "h3",
+      {
+        className: tv$1.title(),
+        "data-testid": "year-range-title",
+        children: [
+          startDisplayYear,
+          " - ",
+          endDisplayYear
+        ]
+      }
+    ),
+    currentYearContainsToday ? null : /* @__PURE__ */ require$$0.jsx(
+      index.IconButton,
+      {
+        variant,
+        onClick: handleToday,
+        "aria-label": "Back to current year",
+        "data-testid": "today-button",
+        children: /* @__PURE__ */ require$$0.jsx(iconsReact.Undo, {})
+      }
+    ),
+    /* @__PURE__ */ require$$0.jsxs(
+      "div",
+      {
+        className: tv$1.navigation(),
+        "data-testid": "year-navigation",
+        children: [
+          /* @__PURE__ */ require$$0.jsx(
+            index.IconButton,
+            {
+              variant,
+              onClick: handlePrevious,
+              disabled: isPrevDisabled,
+              "aria-label": "Previous year",
+              "data-testid": "prev-button",
+              children: /* @__PURE__ */ require$$0.jsx(iconsReact.ChevronLeftSmall, {})
+            }
+          ),
+          /* @__PURE__ */ require$$0.jsx(
+            index.IconButton,
+            {
+              variant,
+              onClick: handleNext,
+              disabled: isNextDisabled,
+              "aria-label": "Next year",
+              "data-testid": "next-button",
+              children: /* @__PURE__ */ require$$0.jsx(iconsReact.ChevronRightSmall, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+YearCalendarHeader.displayName = "YearCalendarHeader";
+exports.YearCalendarHeader = YearCalendarHeader;