@carlonicora/nextjs-jsonapi 3.5.7 → 3.5.8

package/dist/{chunk-C7I6YFTA.mjs → chunk-Q2QO5XYN.mjs}

@@ -9638,12 +9638,13 @@ function resolveTriggerIsNativeButton(trigger) {
   return true;
 }
 __name(resolveTriggerIsNativeButton, "resolveTriggerIsNativeButton");
+var fullWidthOnMobile = "data-[side=right]:w-full data-[side=left]:w-full";
 var sizeClasses = {
-  sm: "data-[side=right]:sm:max-w-2xl data-[side=left]:sm:max-w-2xl",
-  md: "data-[side=right]:sm:max-w-3xl data-[side=left]:sm:max-w-3xl",
-  lg: "data-[side=right]:sm:max-w-5xl data-[side=left]:sm:max-w-5xl",
-  xl: "data-[side=right]:sm:max-w-7xl data-[side=left]:sm:max-w-7xl",
-  "2xl": "data-[side=right]:sm:!max-w-[min(96rem,90vw)] data-[side=left]:sm:!max-w-[min(96rem,90vw)]"
+  sm: `${fullWidthOnMobile} data-[side=right]:sm:max-w-2xl data-[side=left]:sm:max-w-2xl`,
+  md: `${fullWidthOnMobile} data-[side=right]:sm:max-w-3xl data-[side=left]:sm:max-w-3xl`,
+  lg: `${fullWidthOnMobile} data-[side=right]:sm:max-w-5xl data-[side=left]:sm:max-w-5xl`,
+  xl: `${fullWidthOnMobile} data-[side=right]:sm:max-w-7xl data-[side=left]:sm:max-w-7xl`,
+  "2xl": `${fullWidthOnMobile} data-[side=right]:sm:!max-w-[min(96rem,90vw)] data-[side=left]:sm:!max-w-[min(96rem,90vw)]`
 };
 function EditorSheet({
   form,
@@ -10045,9 +10046,21 @@ var FileUploader = forwardRef6(
     );
     const handleKeyDown = useCallback18(
       (e) => {
+        if (!value) return;
+        const handledKeys = [
+          "ArrowLeft",
+          "ArrowRight",
+          "ArrowUp",
+          "ArrowDown",
+          "Enter",
+          "Space",
+          "Delete",
+          "Backspace",
+          "Escape"
+        ];
+        if (!handledKeys.includes(e.key)) return;
         e.preventDefault();
         e.stopPropagation();
-        if (!value) return;
         const moveNext = /* @__PURE__ */ __name(() => {
           const nextIndex = activeIndex + 1;
           setActiveIndex(nextIndex > value.length - 1 ? 0 : nextIndex);
@@ -10314,7 +10327,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx89 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-PZ5HOXFK.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-5LH6CCQF.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -11376,13 +11389,89 @@ import Image3 from "next/image";
 import { useEffect as useEffect21, useState as useState29 } from "react";
 import { jsx as jsx104, jsxs as jsxs62 } from "react/jsx-runtime";
 var dropzone = {
-  multiple: false,
   maxSize: 100 * 1024 * 1024,
   preventDropOnDocument: false,
   accept: {
     "application/images": [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg", ".docx", ".xslx", ".pdf", ".txt", ".md"]
   }
 };
+function MultiFileUploader({ files, setFiles, multiple = false, className }) {
+  const uploadFiles = /* @__PURE__ */ __name((newFiles) => {
+    if (!newFiles) return;
+    setFiles([...files, ...newFiles]);
+  }, "uploadFiles");
+  const handleRemoveFile = /* @__PURE__ */ __name((indexToRemove) => {
+    setFiles(files.filter((_, index) => index !== indexToRemove));
+  }, "handleRemoveFile");
+  return /* @__PURE__ */ jsxs62(
+    "div",
+    {
+      className: cn(
+        "grid w-full grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx104(
+          FileUploader,
+          {
+            value: files,
+            onValueChange: uploadFiles,
+            dropzoneOptions: { ...dropzone, multiple },
+            className: "text-muted-foreground hover:text-primary relative aspect-square h-full cursor-pointer overflow-hidden rounded-lg border",
+            children: /* @__PURE__ */ jsx104(FileInput, { className: cn("text-muted-foreground flex h-full w-full flex-col items-center justify-center"), children: /* @__PURE__ */ jsx104(UploadIcon2, { className: "my-4 h-8 w-8" }) })
+          }
+        ),
+        files.map((file, index) => /* @__PURE__ */ jsx104(FilePreviewItem, { file, onRemoveClick: () => handleRemoveFile(index) }, file.name + "-" + index))
+      ]
+    }
+  );
+}
+__name(MultiFileUploader, "MultiFileUploader");
+var FilePreviewItem = /* @__PURE__ */ __name(({ file, onRemoveClick }) => {
+  const [objectUrl, setObjectUrl] = useState29(null);
+  useEffect21(() => {
+    if (file.type.startsWith("image/")) {
+      const url = URL.createObjectURL(file);
+      setObjectUrl(url);
+      return () => URL.revokeObjectURL(url);
+    }
+    setObjectUrl(null);
+  }, [file]);
+  const getFileIcon = /* @__PURE__ */ __name(() => {
+    const extension = file.name.split(".").pop()?.toLowerCase();
+    if (file.type.startsWith("image/")) {
+      return /* @__PURE__ */ jsx104(FileImageIcon, { className: "text-muted h-10 w-10 sm:h-12 sm:w-12" });
+    }
+    if (file.type === "application/pdf") {
+      return /* @__PURE__ */ jsx104(FileTextIcon, { className: "text-destructive h-10 w-10 sm:h-12 sm:w-12" });
+    }
+    if (file.type.includes("wordprocessingml") || extension === "docx" || extension === "doc") {
+      return /* @__PURE__ */ jsx104(FileTextIcon, { className: "text-primary h-10 w-10 sm:h-12 sm:w-12" });
+    }
+    if (file.type.includes("spreadsheetml") || extension === "xlsx" || extension === "xls") {
+      return /* @__PURE__ */ jsx104(FileSpreadsheetIcon, { className: "text-secondary h-10 w-10 sm:h-12 sm:w-12" });
+    }
+    if (file.type.startsWith("text/")) {
+      return /* @__PURE__ */ jsx104(FileTextIcon, { className: "h-10 w-10 sm:h-12 sm:w-12" });
+    }
+    return /* @__PURE__ */ jsx104(FileIcon, { className: "text-muted h-10 w-10 sm:h-12 sm:w-12" });
+  }, "getFileIcon");
+  return /* @__PURE__ */ jsxs62("div", { className: "text-muted-foreground group relative aspect-square h-full overflow-hidden rounded-lg border", children: [
+    /* @__PURE__ */ jsx104(
+      "button",
+      {
+        onClick: onRemoveClick,
+        className: "absolute top-1.5 end-1.5 z-20 rounded-full bg-black/60 p-1 text-white opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100 hover:bg-red-600 focus:outline-none",
+        "aria-label": "Remove file",
+        children: /* @__PURE__ */ jsx104(XIcon7, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    objectUrl ? /* @__PURE__ */ jsx104(Image3, { src: objectUrl, alt: file.name, className: "h-full w-full object-cover", width: 200, height: 200 }) : /* @__PURE__ */ jsxs62("div", { className: "bg-muted/30 flex h-full w-full flex-col items-center justify-center p-2", children: [
+      getFileIcon(),
+      /* @__PURE__ */ jsx104("span", { className: "text-foreground/80 mt-2 w-full truncate px-1 text-center text-xs sm:text-xs", children: file.name })
+    ] })
+  ] });
+}, "FilePreviewItem");
 
 // src/features/user/components/widgets/UserAvatar.tsx
 import { jsx as jsx105, jsxs as jsxs63 } from "react/jsx-runtime";
@@ -25372,6 +25461,7 @@ export {
   FormSwitch,
   FormTextarea,
   GdprConsentCheckbox,
+  MultiFileUploader,
   PageContainerContentDetails,
   PageContentContainer,
   cellComponent,
@@ -25541,4 +25631,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-C7I6YFTA.mjs.map
+//# sourceMappingURL=chunk-Q2QO5XYN.mjs.map