@carlonicora/nextjs-jsonapi 6.18.0 → 6.19.0

package/dist/{chunk-MBLF236G.mjs → chunk-HEDHJAKT.mjs}

@@ -10867,7 +10867,7 @@ import { useRef as useRef18 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx91 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-KSOVYIOL.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-5HSL74IX.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -11153,6 +11153,12 @@ __name(FormDate, "FormDate");
 import { Calendar as CalendarIcon4, CircleXIcon as CircleXIcon3 } from "lucide-react";
 import { useMemo as useMemo15, useState as useState28 } from "react";
 import { jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
+function snapToFiveMinutes(date) {
+  const snapped = new Date(date);
+  snapped.setMinutes(Math.round(snapped.getMinutes() / 5) * 5, 0, 0);
+  return snapped;
+}
+__name(snapToFiveMinutes, "snapToFiveMinutes");
 function FormDateTime({
   form,
   id,
@@ -11163,7 +11169,9 @@ function FormDateTime({
   defaultMonth,
   placeholder,
   isRequired,
-  description
+  description,
+  reference,
+  markedDate
 }) {
   const [open, setOpen] = useState28(false);
   const t = useI18nTranslations();
@@ -11171,7 +11179,7 @@ function FormDateTime({
   const dateFnsLocale = useI18nDateFnsLocale();
   const [displayMonth, setDisplayMonth] = useState28(() => {
     const currentValue = form.getValues(id);
-    return currentValue || defaultMonth || /* @__PURE__ */ new Date();
+    return currentValue || defaultMonth || reference?.date || /* @__PURE__ */ new Date();
   });
   const dateTimeFormatter = useMemo15(
     () => new Intl.DateTimeFormat(locale, {
@@ -11185,8 +11193,17 @@ function FormDateTime({
     [locale]
   );
   const formatDateTime = /* @__PURE__ */ __name((date) => dateTimeFormatter.format(date), "formatDateTime");
-  const [selectedHours, setSelectedHours] = useState28((/* @__PURE__ */ new Date()).getHours());
-  const [selectedMinutes, setSelectedMinutes] = useState28(roundToNearestFiveMinutes((/* @__PURE__ */ new Date()).getMinutes()));
+  const initialTime = reference ? snapToFiveMinutes(reference.date) : /* @__PURE__ */ new Date();
+  const [selectedHours, setSelectedHours] = useState28(initialTime.getHours());
+  const [selectedMinutes, setSelectedMinutes] = useState28(roundToNearestFiveMinutes(initialTime.getMinutes()));
+  const dayModifiers = {
+    ...reference ? { reference: reference.date } : {},
+    ...markedDate ? { marked: markedDate } : {}
+  };
+  const dayModifiersClassNames = {
+    reference: "rounded-(--cell-radius) ring-1 ring-primary ring-offset-1 ring-offset-background",
+    marked: "[&>button]:underline [&>button]:decoration-2 [&>button]:underline-offset-4"
+  };
   const hoursOptions = Array.from({ length: 24 }, (_, i) => {
     const hour = i;
     return {
@@ -11207,6 +11224,15 @@ function FormDateTime({
     return Math.round(minutes / 5) * 5 % 60;
   }
   __name(roundToNearestFiveMinutes, "roundToNearestFiveMinutes");
+  const handleUseReference = /* @__PURE__ */ __name(() => {
+    if (!reference) return;
+    const referenceDate = snapToFiveMinutes(reference.date);
+    form.setValue(id, referenceDate);
+    if (onChange) onChange(referenceDate);
+    setDisplayMonth(referenceDate);
+    setSelectedHours(referenceDate.getHours());
+    setSelectedMinutes(referenceDate.getMinutes());
+  }, "handleUseReference");
   const handleTimeChange = /* @__PURE__ */ __name((hours, minutes) => {
     const currentDate = form.getValues(id);
     if (currentDate) {
@@ -11275,9 +11301,19 @@ function FormDateTime({
           locale: dateFnsLocale,
           weekStartsOn: 1,
           startMonth: new Date(1900, 0),
-          endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11)
+          endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11),
+          modifiers: dayModifiers,
+          modifiersClassNames: dayModifiersClassNames
         }
       ),
+      reference?.label && /* @__PURE__ */ jsxs54("div", { className: "flex flex-row items-center justify-between gap-x-4 border-t pt-4", children: [
+        /* @__PURE__ */ jsxs54("span", { className: "text-muted-foreground text-sm", children: [
+          reference.label,
+          ": ",
+          formatDateTime(reference.date)
+        ] }),
+        reference.actionLabel && /* @__PURE__ */ jsx95(Button, { type: "button", variant: "outline", size: "sm", onClick: handleUseReference, children: reference.actionLabel })
+      ] }),
       /* @__PURE__ */ jsxs54("div", { className: "flex flex-row items-end justify-center space-x-4", children: [
         /* @__PURE__ */ jsxs54("div", { className: "flex flex-col space-y-2", children: [
           /* @__PURE__ */ jsx95(Label, { htmlFor: "hours-select", children: t(`common.hours`) }),
@@ -30845,4 +30881,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-MBLF236G.mjs.map
+//# sourceMappingURL=chunk-HEDHJAKT.mjs.map