@carlonicora/nextjs-jsonapi 1.97.1 → 1.98.0

package/dist/{chunk-A4EZFGFA.mjs → chunk-TLTENUI6.mjs}

@@ -6455,7 +6455,7 @@ import { Loader2 as Loader22 } from "lucide-react";
 import { useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo8, useRef as useRef8 } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
 import { jsx as jsx49 } from "react/jsx-runtime";
-function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNodeIds, containerKey) {
+function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, options, loadingNodeIds, containerKey) {
   const svgRef = useRef8(null);
   const zoomRef = useRef8(null);
   const zoomBehaviorRef = useRef8(null);
@@ -6543,6 +6543,9 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
   }, []);
   const getNodeColor = useCallback9(
     (node) => {
+      if (node.color) {
+        return node.washedOut ? washOutColor(node.color) : node.color;
+      }
       const baseColor = colorScale.get(node.instanceType) || "gray";
       if (node.washedOut) {
         return washOutColor(baseColor);
@@ -6568,6 +6571,12 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
     const height = container.clientHeight;
     svg.attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`);
     const graphGroup = svg.append("g").attr("class", "graph-content");
+    const nodeRadius = 40;
+    const directed = options?.directed === true;
+    if (directed) {
+      const defs = svg.append("defs");
+      defs.append("marker").attr("id", "narr8-arrow").attr("viewBox", "-10 -10 20 20").attr("markerWidth", 14).attr("markerHeight", 14).attr("markerUnits", "userSpaceOnUse").attr("orient", "auto").attr("refX", 0).attr("refY", 0).append("path").attr("d", "M-10,-10 L0,0 L-10,10 z").attr("fill", "#999");
+    }
     const zoom2 = d3.zoom().scaleExtent([0.1, 4]).on("zoom", (event) => {
       const transform = event.transform;
       graphGroup.attr("transform", transform.toString());
@@ -6575,7 +6584,6 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
     });
     zoomBehaviorRef.current = zoom2;
     svg.call(zoom2).on("wheel.zoom", null).on("dblclick.zoom", null);
-    const nodeRadius = 40;
     const childDistanceFromRoot = Math.min(width, height) * 0.4;
     const grandchildDistanceFromChild = nodeRadius * 10;
     const centralNodeId = nodes[0].id;
@@ -6687,7 +6695,29 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
         node2.fy = node2.y;
       }
     });
-    const link = graphGroup.append("g").attr("stroke", "#999").attr("stroke-opacity", 0.6).selectAll("line").data(visibleLinks).join("line").attr("x1", (d) => d.source.x || 0).attr("y1", (d) => d.source.y || 0).attr("x2", (d) => d.target.x || 0).attr("y2", (d) => d.target.y || 0).attr("stroke-width", 1.5);
+    const linkX2 = /* @__PURE__ */ __name((sx, sy, tx, ty) => {
+      if (!directed) return tx;
+      const dx = tx - sx;
+      const dy = ty - sy;
+      const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+      return tx - dx / dist * nodeRadius;
+    }, "linkX2");
+    const linkY2 = /* @__PURE__ */ __name((sx, sy, tx, ty) => {
+      if (!directed) return ty;
+      const dx = tx - sx;
+      const dy = ty - sy;
+      const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+      return ty - dy / dist * nodeRadius;
+    }, "linkY2");
+    const link = graphGroup.append("g").attr("stroke", "#999").attr("stroke-opacity", 0.6).selectAll("line").data(visibleLinks).join("line").attr("x1", (d) => d.source.x || 0).attr("y1", (d) => d.source.y || 0).attr("x2", (d) => {
+      const s = d.source;
+      const t = d.target;
+      return linkX2(s.x || 0, s.y || 0, t.x || 0, t.y || 0);
+    }).attr("y2", (d) => {
+      const s = d.source;
+      const t = d.target;
+      return linkY2(s.x || 0, s.y || 0, t.x || 0, t.y || 0);
+    }).attr("stroke-width", 1.5).attr("marker-end", directed ? "url(#narr8-arrow)" : null);
     const node = graphGroup.append("g").selectAll("g").data(visibleNodes).join("g").attr("class", "node-group").attr("data-id", (d) => d.id).attr("cursor", "pointer").attr("transform", (d) => `translate(${d.x || 0}, ${d.y || 0})`).call(
       d3.drag().subject(function(d) {
         return d;
@@ -6707,11 +6737,21 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
           const source = l.source;
           return source.fy || source.y || 0;
         }).attr("x2", (l) => {
+          const source = l.source;
           const target = l.target;
-          return target.fx || target.x || 0;
+          const sx = source.fx || source.x || 0;
+          const sy = source.fy || source.y || 0;
+          const tx = target.fx || target.x || 0;
+          const ty = target.fy || target.y || 0;
+          return linkX2(sx, sy, tx, ty);
         }).attr("y2", (l) => {
+          const source = l.source;
           const target = l.target;
-          return target.fy || target.y || 0;
+          const sx = source.fx || source.x || 0;
+          const sy = source.fy || source.y || 0;
+          const tx = target.fx || target.x || 0;
+          const ty = target.fy || target.y || 0;
+          return linkY2(sx, sy, tx, ty);
         });
       }).on("end", function(event, d) {
         d.fx = event.x;
@@ -6732,7 +6772,7 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
       if (d.instanceType === "root") return;
       const currentNode = d3.select(this);
       currentNode.select("circle").transition().duration(250).ease(d3.easeExpOut).attr("r", nodeRadius).attr("filter", null);
-      const normalOffset = nodeRadius + 5;
+      const normalOffset = nodeRadius + 5 + (d.subtitle ? 16 : 0);
       currentNode.select("text").transition().duration(250).ease(d3.easeExpOut).attr("dy", -normalOffset).attr("transform", `translate(0, ${-normalOffset}) scale(1) translate(0, ${normalOffset})`);
     });
     node.append("circle").attr("r", nodeRadius).attr("fill", (d) => getNodeColor(d)).attr("stroke", "#fff").attr("stroke-width", 1.5).on("click", (event, d) => {
@@ -6784,6 +6824,13 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
         words.forEach((word, index) => {
           textElement.append("tspan").attr("x", 0).attr("dy", index === 0 ? `${startY}em` : `${lineHeight}em`).text(word);
         });
+      } else if (d.subtitle) {
+        const titleSize = 16;
+        const subtitleSize = 11;
+        const lineGap = titleSize;
+        textElement.attr("dy", -nodeRadius - 5 - lineGap).attr("fill", "currentColor");
+        textElement.append("tspan").attr("x", 0).attr("font-size", titleSize).attr("font-weight", 700).text(d.name);
+        textElement.append("tspan").attr("x", 0).attr("dy", lineGap).attr("font-size", subtitleSize).attr("fill-opacity", 0.7).text(d.subtitle);
       } else {
         textElement.attr("dy", -nodeRadius - 5).attr("fill", "currentColor").attr("font-size", d.bold ? 16 : 12).attr("font-weight", d.bold ? 700 : null).text(d.name);
       }
@@ -6791,7 +6838,7 @@ function useCustomD3Graph(nodes, links, onNodeClick, visibleNodeIds, loadingNode
     return () => {
       simulation.stop();
     };
-  }, [nodes, links, colorScale, visibleNodeIds, loadingNodeIds, onNodeClick]);
+  }, [nodes, links, colorScale, visibleNodeIds, options?.directed, loadingNodeIds, onNodeClick]);
   const zoomIn = useCallback9(() => {
     if (!svgRef.current || !zoomBehaviorRef.current) return;
     const svg = d3.select(svgRef.current);
@@ -9226,7 +9273,7 @@ import { useRef as useRef15 } from "react";
 import dynamic from "next/dynamic";
 import React14 from "react";
 import { jsx as jsx73 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-74GNMOST.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-HWQHTLEB.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React14.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -9325,14 +9372,17 @@ function FormDate({
   name,
   minDate,
   onChange,
-  isRequired = false
+  isRequired = false,
+  defaultMonth,
+  allowEmpty
 }) {
+  const t = useI18nTranslations();
   const locale = useI18nLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
   const [open, setOpen] = useState21(false);
   const [displayMonth, setDisplayMonth] = useState21(() => {
     const currentValue = form.getValues(id);
-    return currentValue || /* @__PURE__ */ new Date();
+    return currentValue || defaultMonth || /* @__PURE__ */ new Date();
   });
   const dateFormatter = useMemo12(
     () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
@@ -9395,7 +9445,7 @@ function FormDate({
       ),
       /* @__PURE__ */ jsxs44(InputGroupAddon, { align: "inline-end", children: [
         /* @__PURE__ */ jsx75(PopoverTrigger, { render: /* @__PURE__ */ jsx75("div", {}), nativeButton: false, children: /* @__PURE__ */ jsx75(InputGroupButton, { variant: "ghost", size: "icon-xs", children: /* @__PURE__ */ jsx75(CalendarIcon3, { className: "h-4 w-4 opacity-50" }) }) }),
-        field.value && /* @__PURE__ */ jsx75(
+        field.value && allowEmpty !== false && /* @__PURE__ */ jsx75(
           InputGroupButton,
           {
             variant: "ghost",
@@ -9410,25 +9460,43 @@ function FormDate({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx75(PopoverContent, { className: "w-auto p-0", align: "end", children: /* @__PURE__ */ jsx75(
-      Calendar,
-      {
-        mode: "single",
-        captionLayout: "dropdown",
-        selected: field.value,
-        onSelect: (e) => {
-          handleCalendarSelect(e, field);
-          setOpen(false);
-        },
-        disabled: (date) => minDate && date < minDate ? true : false,
-        locale: dateFnsLocale,
-        weekStartsOn: 1,
-        month: displayMonth,
-        onMonthChange: setDisplayMonth,
-        startMonth: new Date(1900, 0),
-        endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11)
-      }
-    ) })
+    /* @__PURE__ */ jsxs44(PopoverContent, { className: "w-auto p-0", align: "end", children: [
+      /* @__PURE__ */ jsx75(
+        Calendar,
+        {
+          mode: "single",
+          captionLayout: "dropdown",
+          selected: field.value,
+          onSelect: (e) => {
+            handleCalendarSelect(e, field);
+            setOpen(false);
+          },
+          disabled: (date) => minDate && date < minDate ? true : false,
+          locale: dateFnsLocale,
+          weekStartsOn: 1,
+          month: displayMonth,
+          onMonthChange: setDisplayMonth,
+          startMonth: new Date(1900, 0),
+          endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11)
+        }
+      ),
+      allowEmpty !== false && /* @__PURE__ */ jsx75("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx75(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full",
+          disabled: !field.value,
+          onClick: () => {
+            field.onChange(void 0);
+            setInputValue("");
+            if (onChange) onChange(void 0);
+            setOpen(false);
+          },
+          children: t(`ui.buttons.clear`)
+        }
+      ) })
+    ] })
   ] }) }) });
 }
 __name(FormDate, "FormDate");
@@ -9443,12 +9511,17 @@ function FormDateTime({
   name,
   minDate,
   onChange,
-  allowEmpty
+  allowEmpty,
+  defaultMonth
 }) {
   const [open, setOpen] = useState22(false);
   const t = useI18nTranslations();
   const locale = useI18nLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
+  const [displayMonth, setDisplayMonth] = useState22(() => {
+    const currentValue = form.getValues(id);
+    return currentValue || defaultMonth || /* @__PURE__ */ new Date();
+  });
   const dateTimeFormatter = useMemo13(
     () => new Intl.DateTimeFormat(locale, {
       year: "numeric",
@@ -9525,7 +9598,10 @@ function FormDateTime({
         Calendar,
         {
           mode: "single",
+          captionLayout: "dropdown",
           selected: field.value,
+          month: displayMonth,
+          onMonthChange: setDisplayMonth,
           onSelect: (date) => {
             if (date) {
               const newDate = new Date(date);
@@ -9536,13 +9612,17 @@ function FormDateTime({
                 newDate.setHours(selectedHours, selectedMinutes);
               }
               form.setValue(id, newDate);
+              setDisplayMonth(newDate);
               if (onChange) onChange(newDate);
               setSelectedHours(newDate.getHours());
               setSelectedMinutes(roundToNearestFiveMinutes(newDate.getMinutes()));
             }
           },
           disabled: (date) => minDate && date < minDate ? true : false,
-          locale: dateFnsLocale
+          locale: dateFnsLocale,
+          weekStartsOn: 1,
+          startMonth: new Date(1900, 0),
+          endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11)
         }
       ),
       /* @__PURE__ */ jsxs45("div", { className: "flex flex-row items-end justify-center space-x-4", children: [
@@ -9591,16 +9671,34 @@ function FormDateTime({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx76(
-        Button,
-        {
-          className: "mt-2",
-          onClick: () => {
-            setOpen(false);
-          },
-          children: t(`ui.buttons.select_date`)
-        }
-      )
+      /* @__PURE__ */ jsxs45("div", { className: "mt-2 flex flex-row gap-x-2", children: [
+        allowEmpty !== false && /* @__PURE__ */ jsx76(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            className: "flex-1",
+            disabled: !field.value,
+            onClick: () => {
+              if (onChange) onChange(void 0);
+              form.setValue(id, "");
+              setOpen(false);
+            },
+            children: t(`ui.buttons.clear`)
+          }
+        ),
+        /* @__PURE__ */ jsx76(
+          Button,
+          {
+            type: "button",
+            className: "flex-1",
+            onClick: () => {
+              setOpen(false);
+            },
+            children: t(`ui.buttons.select_date`)
+          }
+        )
+      ] })
     ] }) })
   ] }) }) }) });
 }
@@ -22088,4 +22186,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-A4EZFGFA.mjs.map
+//# sourceMappingURL=chunk-TLTENUI6.mjs.map