@dododog/ui 0.14.1 → 0.15.0

package/dist/chunk-AIA3NHCK.js

@@ -1,373 +0,0 @@
-'use strict';
-
-var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function startOfDay(d) {
-  const r = new Date(d);
-  r.setHours(0, 0, 0, 0);
-  return r;
-}
-function addMonths(d, n) {
-  const r = new Date(d);
-  r.setMonth(r.getMonth() + n);
-  return r;
-}
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-function isBefore(a, b) {
-  return startOfDay(a).getTime() < startOfDay(b).getTime();
-}
-function isAfter(a, b) {
-  return startOfDay(a).getTime() > startOfDay(b).getTime();
-}
-function isSameMonth(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
-}
-var MONTH_NAMES = [
-  "janvier",
-  "f\xE9vrier",
-  "mars",
-  "avril",
-  "mai",
-  "juin",
-  "juillet",
-  "ao\xFBt",
-  "septembre",
-  "octobre",
-  "novembre",
-  "d\xE9cembre"
-];
-var SHORT_MONTHS = [
-  "janv.",
-  "f\xE9vr.",
-  "mars",
-  "avr.",
-  "mai",
-  "juin",
-  "juil.",
-  "ao\xFBt",
-  "sept.",
-  "oct.",
-  "nov.",
-  "d\xE9c."
-];
-var WEEK_DAYS = ["lu", "ma", "me", "je", "ve", "sa", "di"];
-function formatMonthYear(d) {
-  return `${MONTH_NAMES[d.getMonth()]} ${d.getFullYear()}`;
-}
-function formatShortDate(d) {
-  return `${d.getDate()} ${SHORT_MONTHS[d.getMonth()]}`;
-}
-function getCalendarDays(month) {
-  const first = new Date(month.getFullYear(), month.getMonth(), 1);
-  const dayOfWeek = (first.getDay() + 6) % 7;
-  const start = new Date(first);
-  start.setDate(start.getDate() - dayOfWeek);
-  const last = new Date(month.getFullYear(), month.getMonth() + 1, 0);
-  const dayOfWeekEnd = (last.getDay() + 6) % 7;
-  const end = new Date(last);
-  end.setDate(end.getDate() + (6 - dayOfWeekEnd));
-  const days = [];
-  const cursor = new Date(start);
-  while (cursor <= end) {
-    days.push(new Date(cursor));
-    cursor.setDate(cursor.getDate() + 1);
-  }
-  return days;
-}
-function DatePickerInput({
-  label,
-  value,
-  placeholder = "Quand ?",
-  isActive,
-  onClick,
-  onClear,
-  showClear = false
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "relative flex-1 px-4 py-2 border-b md:border-b-0 md:border-r border-gray-200 transition-all text-left cursor-pointer",
-      onClick,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-gray-500 mb-0.5", children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: chunkADIDI7AJ_js.cn(
-                "text-base font-medium text-primary whitespace-nowrap",
-                isActive && value && "underline decoration-secondary decoration-2 underline-offset-4"
-              ),
-              children: value ? formatShortDate(value) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: placeholder })
-            }
-          )
-        ] }),
-        showClear && value && isActive && onClear && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              onClear();
-            },
-            className: "p-1 hover:bg-gray-100 rounded-full transition-colors",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-400", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
-            ] })
-          }
-        )
-      ] })
-    }
-  );
-}
-var DateRangePicker = React__namespace.forwardRef(
-  ({
-    checkIn,
-    checkOut,
-    onCheckInChange,
-    onCheckOutChange,
-    isOpen,
-    onClose,
-    position = "center",
-    minWidth = 800
-  }, forwardedRef) => {
-    const [calendarMonth, setCalendarMonth] = React__namespace.useState(() => checkIn || /* @__PURE__ */ new Date());
-    const [activeDateField, setActiveDateField] = React__namespace.useState("arrival");
-    const [isMobile, setIsMobile] = React__namespace.useState(false);
-    const [isNarrow, setIsNarrow] = React__namespace.useState(false);
-    const internalRef = React__namespace.useRef(null);
-    const setRefs = React__namespace.useCallback(
-      (node) => {
-        internalRef.current = node;
-        if (typeof forwardedRef === "function") forwardedRef(node);
-        else if (forwardedRef) forwardedRef.current = node;
-      },
-      [forwardedRef]
-    );
-    React__namespace.useEffect(() => {
-      const mq = window.matchMedia("(max-width: 767px)");
-      setIsMobile(mq.matches);
-      const handler = (e) => setIsMobile(e.matches);
-      mq.addEventListener("change", handler);
-      return () => mq.removeEventListener("change", handler);
-    }, []);
-    React__namespace.useEffect(() => {
-      const checkNarrow = () => setIsNarrow(window.innerWidth < minWidth + 64);
-      checkNarrow();
-      window.addEventListener("resize", checkNarrow);
-      return () => window.removeEventListener("resize", checkNarrow);
-    }, [minWidth]);
-    React__namespace.useEffect(() => {
-      if (isOpen) {
-        setActiveDateField("arrival");
-        if (checkIn) setCalendarMonth(checkIn);
-      }
-    }, [isOpen]);
-    React__namespace.useEffect(() => {
-      if (isOpen && isMobile) {
-        document.body.style.overflow = "hidden";
-        return () => {
-          document.body.style.overflow = "";
-        };
-      }
-    }, [isOpen, isMobile]);
-    React__namespace.useEffect(() => {
-      if (isMobile || !isOpen) return;
-      const handleClickOutside = (event) => {
-        if (internalRef.current && !internalRef.current.contains(event.target)) {
-          onClose();
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [isOpen, onClose, isMobile]);
-    const handleDateClick = (date) => {
-      if (activeDateField === "arrival") {
-        onCheckInChange(date);
-        if (checkOut && isBefore(checkOut, date)) onCheckOutChange(null);
-        setActiveDateField("departure");
-      } else {
-        if (checkIn && isBefore(date, checkIn)) {
-          onCheckInChange(date);
-          onCheckOutChange(null);
-          setActiveDateField("departure");
-        } else {
-          onCheckOutChange(date);
-          if (isMobile) onClose();
-        }
-      }
-    };
-    const clearDates = () => {
-      onCheckInChange(null);
-      onCheckOutChange(null);
-      setActiveDateField("arrival");
-    };
-    const isDateInRange = (date) => {
-      if (!checkIn || !checkOut) return false;
-      return isAfter(date, checkIn) && isBefore(date, checkOut);
-    };
-    const isDateDisabled = (date) => {
-      const today = startOfDay(/* @__PURE__ */ new Date());
-      return isBefore(date, today);
-    };
-    const renderMonth = (monthDate, compact = false) => {
-      const days = getCalendarDays(monthDate);
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-        !compact && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-center font-semibold text-2xl text-primary mb-6 capitalize", children: formatMonthYear(monthDate) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn("grid grid-cols-7", compact ? "mb-2" : "mb-3"), children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: chunkADIDI7AJ_js.cn(
-              "text-center font-medium text-gray-500 py-2",
-              compact ? "text-xs" : "text-base"
-            ),
-            children: day
-          },
-          day
-        )) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: days.map((day, index) => {
-          const isCurrentMonth = isSameMonth(day, monthDate);
-          const isSelected = checkIn && isSameDay(day, checkIn) || checkOut && isSameDay(day, checkOut);
-          const isStart = checkIn && isSameDay(day, checkIn);
-          const isEnd = checkOut && isSameDay(day, checkOut);
-          const inRange = isDateInRange(day) && isCurrentMonth;
-          const disabled = isDateDisabled(day) || !isCurrentMonth;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => !disabled && handleDateClick(day),
-              disabled,
-              className: chunkADIDI7AJ_js.cn(
-                "relative font-medium transition-all",
-                compact ? "h-10 text-sm" : "h-12 text-base",
-                !isCurrentMonth && "text-gray-300",
-                disabled && isCurrentMonth && "text-gray-300 cursor-not-allowed",
-                inRange && "bg-orange-100",
-                isSelected && "bg-secondary text-white z-10",
-                isStart && checkOut && "rounded-l-lg",
-                isEnd && checkIn && "rounded-r-lg",
-                isSelected && (!checkOut || !checkIn) && "rounded-lg",
-                isSelected && checkIn && checkOut && isSameDay(checkIn, checkOut) && "rounded-lg",
-                !disabled && !isSelected && !inRange && isCurrentMonth && "text-primary hover:bg-gray-100 hover:rounded-lg"
-              ),
-              children: isCurrentMonth && day.getDate()
-            },
-            index
-          );
-        }) })
-      ] });
-    };
-    if (!isOpen) return null;
-    if (isMobile) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[60] bg-white flex flex-col", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-100", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-heading font-bold text-lg text-primary", children: "S\xE9lectionnez vos dates" }),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
-            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 px-4 py-3 border-b border-gray-100", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: () => setActiveDateField("arrival"),
-              className: chunkADIDI7AJ_js.cn(
-                "flex-1 px-3 py-2 rounded-xl text-left transition-all",
-                activeDateField === "arrival" ? "ring-2 ring-secondary bg-secondary/5" : "bg-gray-100"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-gray-500", children: "Arriv\xE9e" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-primary", children: checkIn ? `${checkIn.getDate()} ${SHORT_MONTHS[checkIn.getMonth()]} ${checkIn.getFullYear()}` : "S\xE9lectionner" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: () => setActiveDateField("departure"),
-              className: chunkADIDI7AJ_js.cn(
-                "flex-1 px-3 py-2 rounded-xl text-left transition-all",
-                activeDateField === "departure" ? "ring-2 ring-secondary bg-secondary/5" : "bg-gray-100"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-gray-500", children: "D\xE9part" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-primary", children: checkOut ? `${checkOut.getDate()} ${SHORT_MONTHS[checkOut.getMonth()]} ${checkOut.getFullYear()}` : "S\xE9lectionner" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, -1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-lg text-primary capitalize", children: formatMonthYear(calendarMonth) }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, 1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) }) })
-          ] }),
-          renderMonth(calendarMonth, true)
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-gray-100 px-4 py-3 flex items-center justify-between bg-white", children: [
-          checkIn || checkOut ? /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clearDates, className: "text-sm text-primary underline hover:text-secondary transition-colors", children: "Effacer" }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "px-6 py-2.5 bg-secondary text-white rounded-xl font-semibold text-sm hover:bg-secondary-dark transition-colors", children: "Valider" })
-        ] })
-      ] });
-    }
-    const positionClasses = {
-      left: "left-0",
-      center: "left-1/2 -translate-x-1/2",
-      right: "right-0"
-    };
-    const singleMonth = isNarrow;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: setRefs,
-        className: chunkADIDI7AJ_js.cn(
-          "absolute top-full mt-2 bg-white rounded-3xl shadow-2xl border z-[60] p-8 pb-10",
-          positionClasses[position]
-        ),
-        style: singleMonth ? { width: "100%", maxWidth: "400px" } : { minWidth: `${minWidth}px` },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, -1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) }) }),
-            singleMonth && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-lg text-primary capitalize", children: formatMonthYear(calendarMonth) }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, 1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: singleMonth ? "" : "flex gap-12", children: [
-            renderMonth(calendarMonth, singleMonth),
-            !singleMonth && renderMonth(addMonths(calendarMonth, 1))
-          ] }),
-          (checkIn || checkOut) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right mt-4 pt-4 border-t border-gray-100", children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clearDates, className: "text-sm text-primary underline hover:text-secondary transition-colors", children: "Effacer les dates" }) })
-        ]
-      }
-    );
-  }
-);
-DateRangePicker.displayName = "DateRangePicker";
-
-exports.DatePickerInput = DatePickerInput;
-exports.DateRangePicker = DateRangePicker;