@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/DatePicker/Calendar.native.js

@@ -0,0 +1,444 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Calendar_exports = {};
+__export(Calendar_exports, {
+  Calendar: () => Calendar
+});
+module.exports = __toCommonJS(Calendar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_parts = require("./parts.native.js");
+function getRangeStatus(day, dates) {
+  if (dates.length === 0) return "none";
+  if (dates.length === 1 && (0, import_parts.isSameDay)(day, dates[0])) return "selected-single";
+  if (dates.length < 2) return "none";
+  var [start, end] = dates[0] < dates[1] ? [dates[0], dates[1]] : [dates[1], dates[0]];
+  if ((0, import_parts.isSameDay)(day, start)) return "range-start";
+  if ((0, import_parts.isSameDay)(day, end)) return "range-end";
+  if (day > start && day < end) return "in-range";
+  return "none";
+}
+function CalendarDayGrid(param) {
+  var {
+    calendarData,
+    selectedDates,
+    onDayPress,
+    mode,
+    minDate,
+    maxDate
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    animation,
+    animationKey
+  } = (0, import_parts.useDateAnimation)(`${calendarData.year}-${calendarData.month}`);
+  var weeks = (0, import_parts.toWeeks)(calendarData.days);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      width: "100%",
+      ...knobProps.gap,
+      transition: "medium",
+      ...animation,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.WeekView, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        flexDirection: "column",
+        gap: "$1",
+        width: "100%",
+        children: weeks.map(function (week) {
+          var hasCurrentMonthDay = week.some(function (d) {
+            return d.getMonth() === calendarData.month;
+          });
+          if (!hasCurrentMonthDay) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            height: "$3"
+          }, week[0].toISOString());
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            width: "100%",
+            children: week.map(function (day) {
+              var isCurrentMonth = day.getMonth() === calendarData.month;
+              var isToday = (0, import_parts.isSameDay)(calendarData.today, day);
+              var isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
+              var isDisabled = !isCurrentMonth || isOutOfRange;
+              if (!isCurrentMonth) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                  flex: 1,
+                  width: "100%"
+                }, day.toISOString());
+              }
+              var isSelected = mode === "range" ? function () {
+                var status = getRangeStatus(day, selectedDates);
+                return status === "range-start" || status === "range-end" || status === "selected-single";
+              }() : selectedDates.some(function (date) {
+                return (0, import_parts.isSameDay)(date, day);
+              });
+              var rangeStatus = mode === "range" ? getRangeStatus(day, selectedDates) : "none";
+              var isInRange = rangeStatus === "in-range";
+              return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+                flex: 1,
+                width: "100%",
+                justifyContent: "center",
+                alignItems: "center",
+                position: "relative",
+                children: [/* Range background stripe */
+                mode === "range" && (isInRange || rangeStatus === "range-start" || rangeStatus === "range-end") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                  transition: "quick",
+                  position: "absolute",
+                  height: "100%",
+                  zIndex: 0,
+                  backgroundColor: import_colorRamps.formInputColors.background.focus,
+                  enterStyle: {
+                    opacity: 0
+                  },
+                  exitStyle: {
+                    opacity: 0
+                  },
+                  opacity: 1,
+                  ...(rangeStatus === "range-start" ? {
+                    left: "50%",
+                    right: 0,
+                    width: "50%"
+                  } : rangeStatus === "range-end" ? {
+                    left: 0,
+                    right: "50%",
+                    width: "50%"
+                  } : {
+                    left: 0,
+                    right: 0,
+                    width: "100%"
+                  })
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+                  chromeless: true,
+                  circular: true,
+                  disabled: isDisabled,
+                  onPress: function onPress() {
+                    return !isDisabled && onDayPress(day);
+                  },
+                  theme: isSelected ? "accent" : void 0,
+                  borderWidth: knobProps.borderRadius.borderWidth || 1,
+                  borderColor: isSelected ? "$backgroundStrong" : "transparent",
+                  backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
+                  zIndex: 1,
+                  children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+                    transition: "quicker",
+                    enterStyle: {
+                      opacity: 0,
+                      y: 20
+                    },
+                    exitStyle: {
+                      opacity: 0,
+                      y: 20
+                    },
+                    opacity: 1,
+                    fontWeight: "bold",
+                    children: day.getDate()
+                  }, "text-selected") : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+                    color: isToday ? "$accentColor" : import_colorRamps.formCommonColors.text,
+                    children: day.getDate()
+                  }, "text-normal")
+                })]
+              }, day.toISOString());
+            })
+          }, week[0].toISOString());
+        })
+      })]
+    })
+  }, animationKey);
+}
+function CalendarPanel(param) {
+  var {
+    displayDate,
+    selectedDates,
+    onDayPress,
+    onNavigateMonth,
+    onSetDisplayDate,
+    mode,
+    minDate,
+    maxDate,
+    showPrev = true,
+    showNext = true
+  } = param;
+  var [viewMode, setViewMode] = (0, import_react.useState)("day");
+  var calendarData = (0, import_parts.useCalendarData)(displayDate);
+  var [yearPageStart, setYearPageStart] = (0, import_react.useState)(function () {
+    return calendarData.year - calendarData.year % import_parts.yearPageSize;
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.ViewSwitcher, {
+    calendarData,
+    displayDate,
+    onSetDisplayDate,
+    viewMode,
+    setViewMode,
+    yearPageStart,
+    setYearPageStart,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "$4",
+      width: "100%",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarHeader, {
+        year: calendarData.year,
+        monthName: calendarData.monthName,
+        onPrevMonth: function onPrevMonth() {
+          return onNavigateMonth(-1);
+        },
+        onNextMonth: function onNextMonth() {
+          return onNavigateMonth(1);
+        },
+        showPrev,
+        showNext,
+        onYearPress: function onYearPress() {
+          setYearPageStart(calendarData.year - calendarData.year % import_parts.yearPageSize);
+          setViewMode("year");
+        },
+        onMonthPress: function onMonthPress() {
+          return setViewMode("month");
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarDayGrid, {
+        calendarData,
+        selectedDates,
+        onDayPress,
+        mode,
+        minDate,
+        maxDate
+      })]
+    })
+  });
+}
+function Calendar(param) {
+  var {
+    mode: modeProp,
+    showTabs = true,
+    selectedDates: controlledDates,
+    onDatesChange,
+    minDate,
+    maxDate,
+    limit = 10
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [internalMode, setInternalMode] = (0, import_react.useState)(modeProp !== null && modeProp !== void 0 ? modeProp : "range");
+  var mode = modeProp !== null && modeProp !== void 0 ? modeProp : internalMode;
+  var [internalDates, setInternalDates] = (0, import_react.useState)([]);
+  var selectedDates = controlledDates !== null && controlledDates !== void 0 ? controlledDates : internalDates;
+  var setSelectedDates = (0, import_react.useCallback)(function (dates) {
+    if (!controlledDates) setInternalDates(dates);
+    onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(dates);
+  }, [controlledDates, onDatesChange]);
+  var {
+    displayDate,
+    setDisplayDate,
+    navigateMonth
+  } = (0, import_parts.useDateNavigation)();
+  var {
+    gtSm: fullWidthMode
+  } = (0, import_tamagui.useMedia)();
+  var handleModeChange = (0, import_react.useCallback)(function (value) {
+    if (value === "single" || value === "multiple" || value === "range") {
+      setInternalMode(value);
+      setSelectedDates([]);
+    }
+  }, [setSelectedDates]);
+  var handleDayPress = (0, import_react.useCallback)(function (date) {
+    if (minDate && date < minDate) return;
+    if (maxDate && date > maxDate) return;
+    switch (mode) {
+      case "single":
+        setSelectedDates([date]);
+        break;
+      case "multiple":
+        {
+          var existing = selectedDates.findIndex(function (d) {
+            return (0, import_parts.isSameDay)(d, date);
+          });
+          if (existing >= 0) {
+            setSelectedDates(selectedDates.filter(function (_, i) {
+              return i !== existing;
+            }));
+          } else if (selectedDates.length < limit) {
+            setSelectedDates([...selectedDates, date].sort(function (a, b) {
+              return a.getTime() - b.getTime();
+            }));
+          }
+          break;
+        }
+      case "range":
+        {
+          if (selectedDates.length === 0 || selectedDates.length === 2) {
+            setSelectedDates([date]);
+          } else if (selectedDates.length === 1) {
+            if ((0, import_parts.isSameDay)(date, selectedDates[0])) {
+              setSelectedDates([]);
+            } else {
+              var pair = date < selectedDates[0] ? [date, selectedDates[0]] : [selectedDates[0], date];
+              setSelectedDates(pair);
+            }
+          }
+          break;
+        }
+    }
+  }, [mode, selectedDates, setSelectedDates, minDate, maxDate, limit]);
+  var handleNavigate = (0, import_react.useCallback)(function (months) {
+    return navigateMonth(months < 0 ? "prev" : "next");
+  }, [navigateMonth]);
+  var handleSetDisplayForPrev = (0, import_react.useCallback)(function (date) {
+    var next = new Date(date);
+    next.setMonth(next.getMonth() + 1);
+    setDisplayDate(next);
+  }, [setDisplayDate]);
+  var prevMonthDate = (0, import_react.useMemo)(function () {
+    var date = new Date(displayDate);
+    date.setMonth(date.getMonth() - 1);
+    return date;
+  }, [displayDate]);
+  var [viewMode, setViewMode] = (0, import_react.useState)("day");
+  var calendarData = (0, import_parts.useCalendarData)(displayDate);
+  var [yearPageStart, setYearPageStart] = (0, import_react.useState)(function () {
+    return calendarData.year - calendarData.year % import_parts.yearPageSize;
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gapLg,
+    children: [showTabs && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      alignSelf: "center",
+      borderWidth: knobProps.borderRadius.borderWidth || 1,
+      borderColor: import_colorRamps.formCommonColors.divider,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      backgroundColor: "$backgroundStrong",
+      padding: 2,
+      children: ["range", "single", "multiple"].map(function (m) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          size: knobProps.sizeToken,
+          chromeless: true,
+          flex: 1,
+          theme: mode === m ? "accent" : void 0,
+          backgroundColor: mode === m ? "$background" : "transparent",
+          onPress: function onPress() {
+            return handleModeChange(m);
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: knobProps.sizeToken,
+            ...knobProps.body,
+            children: m === "range" ? "Range" : m === "single" ? "Single" : "Multiple"
+          })
+        }, m);
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      backgroundColor: "$background",
+      flexDirection: "row",
+      ...knobProps.gapLg,
+      ...knobProps.panelPadding,
+      borderWidth: knobProps.borderRadius.borderWidth || 1,
+      borderColor: import_colorRamps.formCommonColors.divider,
+      borderRadius: knobProps.borderRadiusOuter.borderRadius,
+      children: [viewMode === "day" && !fullWidthMode && /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarPanel, {
+        displayDate,
+        selectedDates,
+        onDayPress: handleDayPress,
+        onNavigateMonth: handleNavigate,
+        onSetDisplayDate: setDisplayDate,
+        mode,
+        minDate,
+        maxDate
+      }), viewMode === "day" && fullWidthMode && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarPanel, {
+          displayDate: prevMonthDate,
+          selectedDates,
+          onDayPress: handleDayPress,
+          onNavigateMonth: handleNavigate,
+          onSetDisplayDate: handleSetDisplayForPrev,
+          mode,
+          minDate,
+          maxDate,
+          showNext: false
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+          vertical: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarPanel, {
+          displayDate,
+          selectedDates,
+          onDayPress: handleDayPress,
+          onNavigateMonth: handleNavigate,
+          onSetDisplayDate: setDisplayDate,
+          mode,
+          minDate,
+          maxDate,
+          showPrev: false
+        })]
+      }), viewMode === "month" && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+        flexDirection: "column",
+        alignItems: "center",
+        ...knobProps.gapLg,
+        width: "100%",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          alignSelf: "center",
+          ...knobProps.body,
+          ...knobProps.textWeight,
+          children: "Select a month"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.MonthGrid, {
+          currentYear: calendarData.year,
+          selectedMonth: calendarData.month,
+          onSelectMonth: function onSelectMonth(month) {
+            var newDate = new Date(displayDate);
+            newDate.setMonth(month);
+            setDisplayDate(newDate);
+            setViewMode("day");
+          }
+        })]
+      }), viewMode === "year" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        flexDirection: "column",
+        alignItems: "center",
+        ...knobProps.gapLg,
+        width: "100%",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.YearGrid, {
+          yearPageStart,
+          selectedYear: calendarData.year,
+          onSelectYear: function onSelectYear(year) {
+            var newDate = new Date(displayDate);
+            newDate.setFullYear(year);
+            setDisplayDate(newDate);
+            setViewMode("month");
+          },
+          onPrevPage: function onPrevPage() {
+            return setYearPageStart(function (s) {
+              return s - import_parts.yearPageSize;
+            });
+          },
+          onNextPage: function onNextPage() {
+            return setYearPageStart(function (s) {
+              return s + import_parts.yearPageSize;
+            });
+          }
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=Calendar.native.js.map

package/dist/jsx/fields/DatePicker/Calendar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Calendar_exports","Calendar","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_Button","import_colorRamps","import_parts","getRangeStatus","day","dates","length","isSameDay","start","end","CalendarDayGrid","param","calendarData","selectedDates","onDayPress","mode","minDate","maxDate","knobProps","useResolvedKnobs","animation","animationKey","useDateAnimation","year","month","weeks","toWeeks","days","jsx","AnimatePresence","children","jsxs","View","width","gap","transition","WeekView","flexDirection","map","week","hasCurrentMonthDay","some","d","getMonth","height","toISOString","justifyContent","isCurrentMonth","isToday","today","isOutOfRange","isDisabled","flex","isSelected","status","date","rangeStatus","isInRange","alignItems","position","zIndex","backgroundColor","formInputColors","background","focus","enterStyle","opacity","exitStyle","left","right","Button","chromeless","circular","disabled","onPress","theme","borderWidth","borderRadius","borderColor","Text","y","fontWeight","getDate","color","formCommonColors","text","CalendarPanel","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","yearPageSize","ViewSwitcher","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","modeProp","showTabs","controlledDates","onDatesChange","limit","internalMode","setInternalMode","internalDates","setInternalDates","setSelectedDates","useCallback","setDisplayDate","navigateMonth","useDateNavigation","gtSm","fullWidthMode","useMedia","handleModeChange","handleDayPress","existing","findIndex","filter","_","i","sort","a","b","getTime","pair","handleNavigate","months","handleSetDisplayForPrev","next","Date","setMonth","prevMonthDate","useMemo","YStack","gapLg","XStack","alignSelf","divider","padding","m","size","sizeToken","fontSize","body","panelPadding","borderRadiusOuter","Fragment","Separator","vertical"],"sources":["../../../../src/fields/DatePicker/Calendar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/DatePicker/Calendar.spec.mjs

@@ -0,0 +1,84 @@
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Calendar } from "./Calendar.mjs";
+import { jsx } from "react/jsx-runtime";
+vi.mock("@tamagui/lucide-icons-2", () => ({
+  ChevronLeft: () => null,
+  ChevronRight: () => null,
+  Calendar: () => null,
+  X: () => null
+}));
+function getEnabledDayButtons(root) {
+  const allButtons = Array.from(root.querySelectorAll('button, [role="button"]'));
+  return allButtons.filter(btn => {
+    const text = btn.textContent?.trim() ?? "";
+    const isDay = /^\d{1,2}$/.test(text);
+    const disabled = btn.hasAttribute("disabled") || btn.getAttribute("aria-disabled") === "true" || btn.hasAttribute("data-disabled");
+    return isDay && !disabled;
+  });
+}
+describe("Calendar", () => {
+  it("renders tabs and switches modes", async () => {
+    const onDatesChange = vi.fn();
+    const result = renderWithProviders(/* @__PURE__ */jsx(Calendar, {
+      showTabs: true,
+      onDatesChange,
+      selectedDates: [new Date(2024, 0, 1)]
+    }));
+    const singleTab = result.findTextElement("Single");
+    const multipleTab = result.findTextElement("Multiple");
+    expect(singleTab).toBeDefined();
+    expect(multipleTab).toBeDefined();
+    await act(async () => {
+      if (singleTab) fireEvent.click(singleTab);
+    });
+    await act(async () => {
+      if (multipleTab) fireEvent.click(multipleTab);
+    });
+    await waitFor(() => {
+      expect(onDatesChange).toHaveBeenCalledWith([]);
+    });
+  });
+  it("emits single-date selection in single mode", async () => {
+    const onDatesChange = vi.fn();
+    const result = renderWithProviders(/* @__PURE__ */jsx(Calendar, {
+      mode: "single",
+      onDatesChange
+    }));
+    await waitFor(() => {
+      expect(getEnabledDayButtons(result.container).length).toBeGreaterThan(0);
+    });
+    const firstDay = getEnabledDayButtons(result.container)[0];
+    await act(async () => {
+      fireEvent.click(firstDay);
+    });
+    await waitFor(() => {
+      const calls = onDatesChange.mock.calls;
+      expect(calls.length).toBeGreaterThan(0);
+      expect(calls[calls.length - 1][0]).toHaveLength(1);
+    });
+  });
+  it("respects selection limit in multiple mode", async () => {
+    const onDatesChange = vi.fn();
+    const result = renderWithProviders(/* @__PURE__ */jsx(Calendar, {
+      mode: "multiple",
+      limit: 1,
+      onDatesChange
+    }));
+    await waitFor(() => {
+      expect(getEnabledDayButtons(result.container).length).toBeGreaterThan(1);
+    });
+    const dayButtons = getEnabledDayButtons(result.container);
+    await act(async () => {
+      fireEvent.click(dayButtons[0]);
+      fireEvent.click(dayButtons[1]);
+    });
+    await waitFor(() => {
+      const calls = onDatesChange.mock.calls;
+      expect(calls.length).toBeGreaterThan(0);
+      expect(calls[calls.length - 1][0]).toHaveLength(1);
+    });
+  });
+});
+//# sourceMappingURL=Calendar.spec.mjs.map

package/dist/jsx/fields/DatePicker/Calendar.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["act","fireEvent","waitFor","describe","expect","it","vi","renderWithProviders","Calendar","jsx","mock","ChevronLeft","ChevronRight","X","getEnabledDayButtons","root","allButtons","Array","from","querySelectorAll","filter","btn","text","textContent","trim","isDay","test","disabled","hasAttribute","getAttribute","onDatesChange","fn","result","showTabs","selectedDates","Date","singleTab","findTextElement","multipleTab","toBeDefined","click","toHaveBeenCalledWith","mode","container","length","toBeGreaterThan","firstDay","calls","toHaveLength","limit","dayButtons"],"sources":["../../../../src/fields/DatePicker/Calendar.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/DatePicker/Calendar.spec.native.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Calendar = require("./Calendar.native.js");
+import_vitest.vi.mock("@tamagui/lucide-icons-2", function () {
+  return {
+    ChevronLeft: function ChevronLeft() {
+      return null;
+    },
+    ChevronRight: function ChevronRight() {
+      return null;
+    },
+    Calendar: function Calendar2() {
+      return null;
+    },
+    X: function X() {
+      return null;
+    }
+  };
+});
+function getEnabledDayButtons(root) {
+  var allButtons = Array.from(root.querySelectorAll('button, [role="button"]'));
+  return allButtons.filter(function (btn) {
+    var _ref;
+    var _btn_textContent;
+    var text = (_ref = (_btn_textContent = btn.textContent) === null || _btn_textContent === void 0 ? void 0 : _btn_textContent.trim()) !== null && _ref !== void 0 ? _ref : "";
+    var isDay = /^\d{1,2}$/.test(text);
+    var disabled = btn.hasAttribute("disabled") || btn.getAttribute("aria-disabled") === "true" || btn.hasAttribute("data-disabled");
+    return isDay && !disabled;
+  });
+}
+(0, import_vitest.describe)("Calendar", function () {
+  (0, import_vitest.it)("renders tabs and switches modes", async function () {
+    var onDatesChange = import_vitest.vi.fn();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Calendar.Calendar, {
+      showTabs: true,
+      onDatesChange,
+      selectedDates: [new Date(2024, 0, 1)]
+    }));
+    var singleTab = result.findTextElement("Single");
+    var multipleTab = result.findTextElement("Multiple");
+    (0, import_vitest.expect)(singleTab).toBeDefined();
+    (0, import_vitest.expect)(multipleTab).toBeDefined();
+    await (0, import_react.act)(async function () {
+      if (singleTab) import_react.fireEvent.click(singleTab);
+    });
+    await (0, import_react.act)(async function () {
+      if (multipleTab) import_react.fireEvent.click(multipleTab);
+    });
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(onDatesChange).toHaveBeenCalledWith([]);
+    });
+  });
+  (0, import_vitest.it)("emits single-date selection in single mode", async function () {
+    var onDatesChange = import_vitest.vi.fn();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Calendar.Calendar, {
+      mode: "single",
+      onDatesChange
+    }));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(getEnabledDayButtons(result.container).length).toBeGreaterThan(0);
+    });
+    var firstDay = getEnabledDayButtons(result.container)[0];
+    await (0, import_react.act)(async function () {
+      import_react.fireEvent.click(firstDay);
+    });
+    await (0, import_react.waitFor)(function () {
+      var calls = onDatesChange.mock.calls;
+      (0, import_vitest.expect)(calls.length).toBeGreaterThan(0);
+      (0, import_vitest.expect)(calls[calls.length - 1][0]).toHaveLength(1);
+    });
+  });
+  (0, import_vitest.it)("respects selection limit in multiple mode", async function () {
+    var onDatesChange = import_vitest.vi.fn();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Calendar.Calendar, {
+      mode: "multiple",
+      limit: 1,
+      onDatesChange
+    }));
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(getEnabledDayButtons(result.container).length).toBeGreaterThan(1);
+    });
+    var dayButtons = getEnabledDayButtons(result.container);
+    await (0, import_react.act)(async function () {
+      import_react.fireEvent.click(dayButtons[0]);
+      import_react.fireEvent.click(dayButtons[1]);
+    });
+    await (0, import_react.waitFor)(function () {
+      var calls = onDatesChange.mock.calls;
+      (0, import_vitest.expect)(calls.length).toBeGreaterThan(0);
+      (0, import_vitest.expect)(calls[calls.length - 1][0]).toHaveLength(1);
+    });
+  });
+});
+//# sourceMappingURL=Calendar.spec.native.js.map