@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/upload.js

@@ -0,0 +1,370 @@
+"use client";
+
+import {
+  useToast
+} from "./chunk-ELHESRRH.js";
+import "./chunk-V7KDUUV6.js";
+import "./chunk-NPM7IDYV.js";
+import "./chunk-XUKVQO6M.js";
+import {
+  Button
+} from "./chunk-2IEXY3OZ.js";
+import "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/upload/Upload.tsx
+import { useCallback, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { cn as cn5 } from "@mari-ui/core";
+
+// src/upload/_components/ReviewList.tsx
+import { useEffect, useState } from "react";
+import { EyeIcon, XIcon } from "lucide-react";
+import { cn } from "@mari-ui/core";
+
+// src/upload/utils.ts
+function formatBytes(bytes, decimals = 2) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));
+  return `${size} ${sizes[i] ?? "Bytes"}`;
+}
+function getFileExtension(file) {
+  return file.type.split("/")[1] ?? "";
+}
+function isImageFile(file) {
+  return file.type.startsWith("image/");
+}
+function getFileKey(file) {
+  return `${file.lastModified}-${file.name}`;
+}
+function nameExtension(file) {
+  const dot = file.name.lastIndexOf(".");
+  return dot > 0 ? file.name.slice(dot + 1).toLowerCase() : "";
+}
+var EXTENSION_ALIASES = { jpg: "jpeg", jpeg: "jpg", tif: "tiff", tiff: "tif" };
+function matchesAcceptToken(file, token) {
+  const type = file.type.toLowerCase();
+  if (token.endsWith("/*")) return type.startsWith(token.slice(0, -1));
+  if (token.includes("/")) return type === token;
+  const ext = token.replace(/^\./, "");
+  const candidates = /* @__PURE__ */ new Set([nameExtension(file), getFileExtension(file).toLowerCase()]);
+  return candidates.has(ext) || candidates.has(EXTENSION_ALIASES[ext] ?? "");
+}
+function isFileValid({
+  file,
+  allowedType,
+  maxSize
+}) {
+  const tokens = (allowedType ?? "").split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+  if (tokens.length > 0 && !tokens.some((t) => matchesAcceptToken(file, t))) return { valid: false, reason: "invalid-type" };
+  if (maxSize && file.size > maxSize) return { valid: false, reason: "size-exceeded" };
+  return { valid: true };
+}
+function toAcceptAttribute(fileType) {
+  if (!fileType) return void 0;
+  return fileType.split(",").map((t) => t.trim()).filter(Boolean).map((t) => t.includes("/") || t.startsWith(".") ? t : `.${t}`).join(",");
+}
+
+// src/upload/_components/ReviewList.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ReviewList({ item, reviewType, handleDelete }) {
+  const { file, status, progress } = item;
+  const extension = getFileExtension(file).toLocaleUpperCase();
+  const isImage = isImageFile(file);
+  const [objectUrl, setObjectUrl] = useState(null);
+  const isUploading = status === "uploading";
+  useEffect(() => {
+    if (!isImage) return;
+    const url = URL.createObjectURL(file);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [file, isImage]);
+  const shapeClass = reviewType === "circle" ? "rounded-full" : "rounded-lg";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "group relative flex h-28 w-28 shrink-0 flex-col items-center justify-center gap-1.5 border border-mari-border bg-mari-surface-alt p-2",
+        shapeClass
+      ),
+      children: isUploading ? /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-2 px-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-mari-muted", children: "Y\xFCkleniyor..." }),
+        /* @__PURE__ */ jsx("div", { className: "h-0.5 w-full overflow-hidden rounded-full bg-mari-border", role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-mari-primary-solid transition-all duration-200", style: { width: `${progress}%` } }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        isImage && objectUrl ? /* @__PURE__ */ jsx("img", { src: objectUrl, alt: file.name, className: cn("h-full w-full object-cover", shapeClass) }) : /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-mari-primary", children: extension }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "absolute inset-0 z-10 flex items-center justify-center gap-3 bg-black/40 opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100",
+              // Dokunmatikte hover yok: karartma yerine köşede hep görünür küçük butonlar.
+              "pointer-coarse:items-start pointer-coarse:justify-end pointer-coarse:gap-1 pointer-coarse:bg-transparent pointer-coarse:p-1 pointer-coarse:opacity-100",
+              shapeClass
+            ),
+            children: [
+              isImage && objectUrl && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  shape: "circle",
+                  size: "sm",
+                  className: "text-white hover:text-white pointer-coarse:bg-black/55",
+                  "aria-label": `${file.name} dosyas\u0131n\u0131 \xF6nizle`,
+                  onClick: () => window.open(objectUrl, "_blank", "noopener,noreferrer"),
+                  children: /* @__PURE__ */ jsx(EyeIcon, { size: 18 })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  shape: "circle",
+                  size: "sm",
+                  className: "text-white hover:text-white pointer-coarse:bg-black/55",
+                  "aria-label": `${file.name} dosyas\u0131n\u0131 kald\u0131r`,
+                  onClick: () => handleDelete(item.id),
+                  children: /* @__PURE__ */ jsx(XIcon, { size: 18 })
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/upload/_components/List.tsx
+import { PaperclipIcon, XIcon as XIcon2 } from "lucide-react";
+import { cn as cn2 } from "@mari-ui/core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function UploadList({ item, handleDelete }) {
+  const isUploading = item.status === "uploading";
+  return /* @__PURE__ */ jsxs2("li", { className: "group flex flex-col gap-1 rounded-sm px-2 py-1 hover:bg-mari-surface-alt", children: [
+    /* @__PURE__ */ jsxs2("span", { className: "flex items-center justify-between gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-1.5 text-mari-foreground", children: [
+        /* @__PURE__ */ jsx2(PaperclipIcon, { size: 14, className: cn2("shrink-0", isUploading ? "text-mari-primary" : "text-mari-muted") }),
+        /* @__PURE__ */ jsx2("span", { className: "truncate", children: item.file.name })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: "ghost",
+          color: "neutral",
+          size: "sm",
+          shape: "circle",
+          className: "shrink-0 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100",
+          "aria-label": `${item.file.name} dosyas\u0131n\u0131 kald\u0131r`,
+          onClick: () => handleDelete(item.id),
+          children: /* @__PURE__ */ jsx2(XIcon2, { size: 14 })
+        }
+      )
+    ] }),
+    isUploading && /* @__PURE__ */ jsx2("div", { className: "h-0.5 w-full overflow-hidden rounded-full bg-mari-border", role: "progressbar", "aria-valuenow": item.progress, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ jsx2("div", { className: "h-full rounded-full bg-mari-primary-solid transition-all duration-200", style: { width: `${item.progress}%` } }) })
+  ] });
+}
+
+// src/upload/_components/UploadListButton.tsx
+import { UploadIcon } from "lucide-react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function UploadListButton({ handleClick, disabled }) {
+  return (
+    // `self-start` — ant.design'ın butonu da içeriği kadar geniştir; flex-col
+    // ebeveynin `align-items: stretch` varsayılanı (Faz 13'te fark edildi)
+    // butonu tam genişliğe geriyor, ikon/metni köşelere itip garip
+    // görünmesine sebep oluyordu.
+    /* @__PURE__ */ jsx3(Button, { onClick: handleClick, disabled, className: "self-start", variant: "outline", color: "primary", icon: /* @__PURE__ */ jsx3(UploadIcon, { size: 16 }), children: "Y\xFCklemek i\xE7in t\u0131klay\u0131n" })
+  );
+}
+
+// src/upload/_components/UploadDragDropButton.tsx
+import { useState as useState2 } from "react";
+import { InboxIcon } from "lucide-react";
+import { cn as cn3 } from "@mari-ui/core";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function UploadDragDropButton({ handleClick, addFiles, disabled = false }) {
+  const [isDragOver, setIsDragOver] = useState2(false);
+  const handleDrop = (event) => {
+    event.preventDefault();
+    setIsDragOver(false);
+    if (disabled) return;
+    addFiles(Array.from(event.dataTransfer.files));
+  };
+  const handleDragOver = (event) => {
+    event.preventDefault();
+    setIsDragOver(true);
+  };
+  return /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled,
+      onDrop: handleDrop,
+      onDragOver: handleDragOver,
+      onDragLeave: () => setIsDragOver(false),
+      className: cn3(
+        "flex w-full min-h-52 cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed bg-mari-surface-alt p-6 text-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring sm:p-8",
+        isDragOver ? "border-mari-primary bg-mari-primary-subtle" : "border-mari-input hover:border-mari-primary",
+        disabled && "cursor-not-allowed opacity-50 hover:border-mari-input"
+      ),
+      children: [
+        /* @__PURE__ */ jsx4(InboxIcon, { size: 40, className: "text-mari-primary" }),
+        /* @__PURE__ */ jsx4("span", { className: "text-base text-mari-foreground pointer-coarse:hidden", children: "Y\xFCklemek i\xE7in t\u0131klay\u0131n veya dosyay\u0131 buraya s\xFCr\xFCkleyin" }),
+        /* @__PURE__ */ jsx4("span", { className: "hidden text-base text-mari-foreground pointer-coarse:inline", children: "Dosya se\xE7mek i\xE7in dokunun" }),
+        /* @__PURE__ */ jsx4("span", { className: "text-sm text-mari-muted", children: "Tek seferde bir veya birden fazla dosya y\xFCkleyebilirsiniz." })
+      ]
+    }
+  );
+}
+
+// src/upload/_components/UploadReviewButton.tsx
+import { PlusIcon } from "lucide-react";
+import { cn as cn4 } from "@mari-ui/core";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function UploadReviewButton({ handleClick, reviewType, disabled }) {
+  return /* @__PURE__ */ jsx5(
+    Button,
+    {
+      onClick: handleClick,
+      disabled,
+      variant: "ghost",
+      color: "neutral",
+      icon: /* @__PURE__ */ jsx5(PlusIcon, { size: 18 }),
+      className: cn4(
+        "h-28 w-28 shrink-0 flex-col gap-1 border border-dashed border-mari-border bg-mari-surface-alt hover:border-mari-primary-border hover:text-mari-primary",
+        reviewType === "circle" ? "rounded-full" : "rounded-lg"
+      ),
+      children: /* @__PURE__ */ jsx5("span", { className: "text-xs", children: "Y\xFCkle" })
+    }
+  );
+}
+
+// src/upload/useUpload.tsx
+import { useEffect as useEffect2, useRef, useState as useState3 } from "react";
+function useUpload({ fileSize, fileType, max }) {
+  const [fileList, setFileList] = useState3([]);
+  const { showToast } = useToast();
+  const timersRef = useRef(/* @__PURE__ */ new Set());
+  useEffect2(() => {
+    const timers = timersRef.current;
+    return () => {
+      timers.forEach(clearInterval);
+    };
+  }, []);
+  const PROGRESS_STEP = 22;
+  const TICK_MS = 250;
+  const TICKS_TO_COMPLETE = Math.ceil(100 / PROGRESS_STEP) + 1;
+  const advanceItem = (item, targetId) => {
+    if (item.id !== targetId || item.status !== "uploading") return item;
+    const nextProgress = Math.min(100, item.progress + PROGRESS_STEP);
+    return nextProgress >= 100 ? { ...item, progress: 100, status: "done" } : { ...item, progress: nextProgress };
+  };
+  const advanceFileList = (prev, targetId) => prev.map((item) => advanceItem(item, targetId));
+  const simulateUpload = (id) => {
+    const tick = () => setFileList((prev) => advanceFileList(prev, id));
+    const interval = setInterval(tick, TICK_MS);
+    timersRef.current.add(interval);
+    const stop = () => {
+      clearInterval(interval);
+      timersRef.current.delete(interval);
+    };
+    setTimeout(stop, TICK_MS * TICKS_TO_COMPLETE);
+  };
+  const addFile = (file) => {
+    const extension = getFileExtension(file);
+    const { valid, reason } = isFileValid({ file, allowedType: fileType, maxSize: fileSize });
+    if (!valid) {
+      showToast({
+        title: "Ge\xE7ersiz dosya",
+        description: reason === "invalid-type" ? `.${extension} dosya t\xFCr\xFCne izin verilmiyor.` : `Dosya boyutu \xE7ok b\xFCy\xFCk (${formatBytes(file.size)})`,
+        type: "error"
+      });
+      return;
+    }
+    if (fileList.length >= max) {
+      showToast({ title: "Hata", description: `En fazla ${max} dosya y\xFCkleyebilirsiniz.`, type: "error" });
+      return;
+    }
+    const id = getFileKey(file);
+    setFileList((prev) => [...prev, { file, id, status: "uploading", progress: 0 }]);
+    simulateUpload(id);
+  };
+  const addFiles = (files) => {
+    const remaining = max - fileList.length;
+    files.slice(0, remaining).forEach((file) => addFile(file));
+  };
+  const deleteFile = (id) => {
+    setFileList((prev) => prev.filter((item) => item.id !== id));
+  };
+  return { fileList, setFileList, addFile, addFiles, deleteFile };
+}
+
+// src/upload/Upload.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function Upload({
+  inputType = "button",
+  fileSize = 5 * 1024 * 1024,
+  fileType,
+  max = 5,
+  listType = "list",
+  reviewType = "square",
+  onChange,
+  disabled = false,
+  skeleton = false
+}) {
+  const fileInputRef = useRef2(null);
+  const { fileList, deleteFile, addFiles } = useUpload({ fileSize, fileType, max });
+  const onChangeRef = useRef2(onChange);
+  onChangeRef.current = onChange;
+  const isFirst = useRef2(true);
+  useEffect3(() => {
+    if (isFirst.current) {
+      isFirst.current = false;
+      return;
+    }
+    onChangeRef.current?.(
+      fileList.map((item) => item.file),
+      fileList
+    );
+  }, [fileList]);
+  const handleClick = useCallback(() => {
+    if (!disabled) fileInputRef.current?.click();
+  }, [disabled]);
+  if (skeleton) {
+    if (listType === "review") return /* @__PURE__ */ jsx6("div", { ...skeletonBoxProps(cn5("h-28 w-28", reviewType === "circle" ? "rounded-full" : "rounded-lg")) });
+    if (inputType === "dragDrop") return /* @__PURE__ */ jsx6("div", { ...skeletonBoxProps("min-h-52 w-full rounded-lg") });
+    return /* @__PURE__ */ jsx6(Button, { skeleton: true, variant: "outline", icon: /* @__PURE__ */ jsx6("span", { className: "size-4" }), children: "Y\xFCklemek i\xE7in t\u0131klay\u0131n" });
+  }
+  const acceptAttr = toAcceptAttribute(fileType);
+  const handleFileChange = (event) => {
+    const { files } = event.target;
+    if (!files || files.length === 0) return;
+    addFiles(Array.from(files));
+    event.target.value = "";
+  };
+  const isReview = listType === "review";
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
+    !isReview && (inputType === "dragDrop" ? /* @__PURE__ */ jsx6(UploadDragDropButton, { addFiles, handleClick, disabled }) : /* @__PURE__ */ jsx6(UploadListButton, { handleClick, disabled })),
+    /* @__PURE__ */ jsx6("input", { ref: fileInputRef, className: "hidden", type: "file", multiple: max > 1, accept: acceptAttr, onChange: handleFileChange, disabled }),
+    isReview ? (
+      // ant.design'ın "Pictures Wall"ıyla birebir: "ekle" karosu küçük
+      // resimlerle AYNI grid'de akar (eskiden ayrı bir satırda,
+      // farklı boyutta duruyordu).
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap gap-2", children: [
+        fileList.map((item) => /* @__PURE__ */ jsx6(ReviewList, { item, reviewType, handleDelete: deleteFile }, item.id)),
+        fileList.length < max && /* @__PURE__ */ jsx6(UploadReviewButton, { handleClick, reviewType, disabled })
+      ] })
+    ) : /* @__PURE__ */ jsx6("ul", { className: "flex flex-col", children: fileList.map((item) => /* @__PURE__ */ jsx6(UploadList, { item, handleDelete: deleteFile }, item.id)) })
+  ] });
+}
+export {
+  Upload
+};
+//# sourceMappingURL=upload.js.map

package/dist/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/upload/Upload.tsx","../src/upload/_components/ReviewList.tsx","../src/upload/utils.ts","../src/upload/_components/List.tsx","../src/upload/_components/UploadListButton.tsx","../src/upload/_components/UploadDragDropButton.tsx","../src/upload/_components/UploadReviewButton.tsx","../src/upload/useUpload.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { Button } from \"../button\";\nimport type { UploadProps } from \"./types\";\nimport { ReviewList } from \"./_components/ReviewList\";\nimport { UploadList } from \"./_components/List\";\nimport { UploadListButton } from \"./_components/UploadListButton\";\nimport { UploadDragDropButton } from \"./_components/UploadDragDropButton\";\nimport { UploadReviewButton } from \"./_components/UploadReviewButton\";\nimport { useUpload } from \"./useUpload\";\nimport { toAcceptAttribute } from \"./utils\";\n\nexport type { UploadProps };\n\nexport function Upload({\n  inputType = \"button\",\n  fileSize = 5 * 1024 * 1024,\n  fileType,\n  max = 5,\n  listType = \"list\",\n  reviewType = \"square\",\n  onChange,\n  disabled = false,\n  skeleton = false,\n}: Readonly<UploadProps>) {\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const { fileList, deleteFile, addFiles } = useUpload({ fileSize, fileType, max });\n\n  // İlk (boş) render'da değil, liste gerçekten değişince bildir.\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const isFirst = useRef(true);\n  useEffect(() => {\n    if (isFirst.current) {\n      isFirst.current = false;\n      return;\n    }\n    onChangeRef.current?.(\n      fileList.map((item) => item.file),\n      fileList\n    );\n  }, [fileList]);\n\n  const handleClick = useCallback(() => {\n    if (!disabled) fileInputRef.current?.click();\n  }, [disabled]);\n\n  if (skeleton) {\n    if (listType === \"review\") return <div {...skeletonBoxProps(cn(\"h-28 w-28\", reviewType === \"circle\" ? \"rounded-full\" : \"rounded-lg\"))} />;\n    if (inputType === \"dragDrop\") return <div {...skeletonBoxProps(\"min-h-52 w-full rounded-lg\")} />;\n    return (\n      <Button skeleton variant=\"outline\" icon={<span className=\"size-4\" />}>\n        Yüklemek için tıklayın\n      </Button>\n    );\n  }\n\n  // Native `accept` çıplak uzantıyı (\"png\") yok sayar — \".png\"ye çevrilir.\n  const acceptAttr = toAcceptAttribute(fileType);\n\n  /**\n   * Eskiden sadece `files?.[0]` alınıyordu — `max > 1` olsa bile \"gözat\"\n   * butonuyla asla birden fazla dosya SEÇİLEMİYORDU (native input `multiple`\n   * taşımadığı için OS diyaloğu da tek seçime kilitliydi). Sürükle-bırak\n   * (`addFiles`) zaten çoklu dosyayı destekliyordu — gerçek eksiklik sadece\n   * tıklayarak-gözat yolundaydı.\n   */\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target;\n    if (!files || files.length === 0) return;\n    addFiles(Array.from(files));\n    // Aynı dosyayı ard arda seçince `onChange` tekrar tetiklensin diye sıfırla.\n    event.target.value = \"\";\n  };\n\n  const isReview = listType === \"review\";\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      {!isReview && (inputType === \"dragDrop\" ? <UploadDragDropButton addFiles={addFiles} handleClick={handleClick} disabled={disabled} /> : <UploadListButton handleClick={handleClick} disabled={disabled} />)}\n      {/* Görsel açıdan hep gizli, programatik olarak `handleClick` ile tetiklenir\n          — bu yüzden stillenmiş `Input`a değil, düz native `<input>`'a ihtiyacı var\n          (`multiple`/`accept` gibi Input'un desteklemediği native attribute'lar gerekiyor). */}\n      <input ref={fileInputRef} className=\"hidden\" type=\"file\" multiple={max > 1} accept={acceptAttr} onChange={handleFileChange} disabled={disabled} />\n      {isReview ? (\n        // ant.design'ın \"Pictures Wall\"ıyla birebir: \"ekle\" karosu küçük\n        // resimlerle AYNI grid'de akar (eskiden ayrı bir satırda,\n        // farklı boyutta duruyordu).\n        <div className=\"flex flex-wrap gap-2\">\n          {fileList.map((item) => (\n            <ReviewList key={item.id} item={item} reviewType={reviewType} handleDelete={deleteFile} />\n          ))}\n          {fileList.length < max && <UploadReviewButton handleClick={handleClick} reviewType={reviewType} disabled={disabled} />}\n        </div>\n      ) : (\n        <ul className=\"flex flex-col\">\n          {fileList.map((item) => (\n            <UploadList key={item.id} item={item} handleDelete={deleteFile} />\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { EyeIcon, XIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Button } from \"../../button\";\nimport { getFileExtension, isImageFile } from \"../utils\";\nimport type { ReviewType, UploadFileItem } from \"../types\";\n\nexport interface ReviewListProps {\n  item: UploadFileItem;\n  reviewType: ReviewType;\n  handleDelete: (id: string) => void;\n}\n\n/**\n * ant.design'ın \"Pictures Wall\" (picture-card) karosuyla birebir\n * karşılaştırıldı: `uploading` durumunda küçük resim yerine \"Yükleniyor...\"\n * + ince bir ilerleme çubuğu gösterilir; tamamlanınca gerçek küçük resme\n * geçer ve hover'da önizleme (yeni sekmede aç) + sil ikonları belirir\n * (eskiden sadece sil vardı). `next/image` kaldırıldı — bu paket bir\n * Next.js uygulaması değil.\n */\nexport function ReviewList({ item, reviewType, handleDelete }: Readonly<ReviewListProps>) {\n  const { file, status, progress } = item;\n  const extension = getFileExtension(file).toLocaleUpperCase();\n  const isImage = isImageFile(file);\n  const [objectUrl, setObjectUrl] = useState<string | null>(null);\n  const isUploading = status === \"uploading\";\n\n  useEffect(() => {\n    if (!isImage) return;\n    const url = URL.createObjectURL(file);\n    setObjectUrl(url);\n    return () => URL.revokeObjectURL(url);\n  }, [file, isImage]);\n\n  const shapeClass = reviewType === \"circle\" ? \"rounded-full\" : \"rounded-lg\";\n\n  return (\n    <div\n      className={cn(\n        \"group relative flex h-28 w-28 shrink-0 flex-col items-center justify-center gap-1.5 border border-mari-border bg-mari-surface-alt p-2\",\n        shapeClass\n      )}\n    >\n      {isUploading ? (\n        <div className=\"flex w-full flex-col items-center gap-2 px-2\">\n          <span className=\"text-xs text-mari-muted\">Yükleniyor...</span>\n          <div className=\"h-0.5 w-full overflow-hidden rounded-full bg-mari-border\" role=\"progressbar\" aria-valuenow={progress} aria-valuemin={0} aria-valuemax={100}>\n            <div className=\"h-full rounded-full bg-mari-primary-solid transition-all duration-200\" style={{ width: `${progress}%` }} />\n          </div>\n        </div>\n      ) : (\n        <>\n          {isImage && objectUrl ? (\n            <img src={objectUrl} alt={file.name} className={cn(\"h-full w-full object-cover\", shapeClass)} />\n          ) : (\n            <span className=\"text-2xl font-bold text-mari-primary\">{extension}</span>\n          )}\n          <div\n            className={cn(\n              \"absolute inset-0 z-10 flex items-center justify-center gap-3 bg-black/40 opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100\",\n              // Dokunmatikte hover yok: karartma yerine köşede hep görünür küçük butonlar.\n              \"pointer-coarse:items-start pointer-coarse:justify-end pointer-coarse:gap-1 pointer-coarse:bg-transparent pointer-coarse:p-1 pointer-coarse:opacity-100\",\n              shapeClass\n            )}\n          >\n            {isImage && objectUrl && (\n              <Button\n                variant=\"ghost\"\n                shape=\"circle\"\n                size=\"sm\"\n                className=\"text-white hover:text-white pointer-coarse:bg-black/55\"\n                aria-label={`${file.name} dosyasını önizle`}\n                onClick={() => window.open(objectUrl, \"_blank\", \"noopener,noreferrer\")}\n              >\n                <EyeIcon size={18} />\n              </Button>\n            )}\n            <Button\n              variant=\"ghost\"\n              shape=\"circle\"\n              size=\"sm\"\n              className=\"text-white hover:text-white pointer-coarse:bg-black/55\"\n              aria-label={`${file.name} dosyasını kaldır`}\n              onClick={() => handleDelete(item.id)}\n            >\n              <XIcon size={18} />\n            </Button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","export function formatBytes(bytes: number, decimals = 2): string {\n  if (bytes === 0) return \"0 Bytes\";\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));\n  return `${size} ${sizes[i] ?? \"Bytes\"}`;\n}\n\nexport function getFileExtension(file: File): string {\n  return file.type.split(\"/\")[1] ?? \"\";\n}\n\nexport function isImageFile(file: File): boolean {\n  return file.type.startsWith(\"image/\");\n}\n\nexport function getFileKey(file: File): string {\n  return `${file.lastModified}-${file.name}`;\n}\n\n/** Dosya adının uzantısı (küçük harf, noktasız). */\nfunction nameExtension(file: File): string {\n  const dot = file.name.lastIndexOf(\".\");\n  return dot > 0 ? file.name.slice(dot + 1).toLowerCase() : \"\";\n}\n\nconst EXTENSION_ALIASES: Record<string, string> = { jpg: \"jpeg\", jpeg: \"jpg\", tif: \"tiff\", tiff: \"tif\" };\n\n/** Tek bir `accept` belirteciyle eşleşme: \"image/*\", \"image/png\", \".png\" ya da \"png\". */\nfunction matchesAcceptToken(file: File, token: string): boolean {\n  const type = file.type.toLowerCase();\n  if (token.endsWith(\"/*\")) return type.startsWith(token.slice(0, -1));\n  if (token.includes(\"/\")) return type === token;\n  const ext = token.replace(/^\\./, \"\");\n  const candidates = new Set([nameExtension(file), getFileExtension(file).toLowerCase()]);\n  return candidates.has(ext) || candidates.has(EXTENSION_ALIASES[ext] ?? \"\");\n}\n\n/**\n * `allowedType` native `accept` sözdizimini izler: virgülle ayrılmış MIME\n * türleri (\"image/png\"), joker (\"image/*\") ve uzantılar (\".png\" ya da \"png\").\n *\n * Faz 15: eskiden yalnız TEK bir değer ve MIME alt türüyle karşılaştırma vardı —\n * \"image/*\" (en yaygın değer) her dosyayı reddediyor (\"*\" ≠ \"png\"), \".jpg\"\n * MIME'daki \"jpeg\" ile eşleşmiyor, \"image/png,image/jpeg\" hiç çalışmıyordu.\n */\nexport function isFileValid({\n  file,\n  allowedType,\n  maxSize,\n}: {\n  file: File;\n  allowedType?: string;\n  maxSize?: number;\n}): { valid: boolean; reason?: \"invalid-type\" | \"size-exceeded\" } {\n  const tokens = (allowedType ?? \"\")\n    .split(\",\")\n    .map((t) => t.trim().toLowerCase())\n    .filter(Boolean);\n  if (tokens.length > 0 && !tokens.some((t) => matchesAcceptToken(file, t))) return { valid: false, reason: \"invalid-type\" };\n  if (maxSize && file.size > maxSize) return { valid: false, reason: \"size-exceeded\" };\n  return { valid: true };\n}\n\n/** `fileType` → native `accept` özniteliği (çıplak \"png\" → \".png\"; tarayıcı çıplak uzantıyı yok sayar). */\nexport function toAcceptAttribute(fileType: string | undefined): string | undefined {\n  if (!fileType) return undefined;\n  return fileType\n    .split(\",\")\n    .map((t) => t.trim())\n    .filter(Boolean)\n    .map((t) => (t.includes(\"/\") || t.startsWith(\".\") ? t : `.${t}`))\n    .join(\",\");\n}\n","import React from \"react\";\nimport { PaperclipIcon, XIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Button } from \"../../button\";\nimport type { UploadFileItem } from \"../types\";\n\nexport interface UploadListProps {\n  item: UploadFileItem;\n  handleDelete: (id: string) => void;\n}\n\n/**\n * ant.design'ın varsayılan dosya listesiyle birebir karşılaştırıldı: satır\n * sadece ataç ikonu + dosya adından oluşur (uzantı/boyut AYRICA yazılmaz —\n * eskiden \"ad.ext (UZANTI) (boyut)\" şeklinde kalabalıktı). Silme ikonu\n * SADECE satır hover'ındayken görünür (eskiden hep görünürdü). `uploading`\n * durumunda satırın altında ince bir ilerleme çubuğu belirir.\n */\nexport function UploadList({ item, handleDelete }: Readonly<UploadListProps>) {\n  const isUploading = item.status === \"uploading\";\n\n  return (\n    <li className=\"group flex flex-col gap-1 rounded-sm px-2 py-1 hover:bg-mari-surface-alt\">\n      <span className=\"flex items-center justify-between gap-2 text-sm\">\n        <span className=\"flex min-w-0 items-center gap-1.5 text-mari-foreground\">\n          <PaperclipIcon size={14} className={cn(\"shrink-0\", isUploading ? \"text-mari-primary\" : \"text-mari-muted\")} />\n          <span className=\"truncate\">{item.file.name}</span>\n        </span>\n        <Button\n          variant=\"ghost\"\n          color=\"neutral\"\n          size=\"sm\"\n          shape=\"circle\"\n          // Dokunmatikte hover yok — sil butonu orada hep görünür (eskiden görünmez ama dokunulabilir bir hedefti).\n          className=\"shrink-0 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100\"\n          aria-label={`${item.file.name} dosyasını kaldır`}\n          onClick={() => handleDelete(item.id)}\n        >\n          <XIcon size={14} />\n        </Button>\n      </span>\n      {isUploading && (\n        <div className=\"h-0.5 w-full overflow-hidden rounded-full bg-mari-border\" role=\"progressbar\" aria-valuenow={item.progress} aria-valuemin={0} aria-valuemax={100}>\n          <div className=\"h-full rounded-full bg-mari-primary-solid transition-all duration-200\" style={{ width: `${item.progress}%` }} />\n        </div>\n      )}\n    </li>\n  );\n}\n","import React from \"react\";\nimport { UploadIcon } from \"lucide-react\";\nimport { Button } from \"../../button\";\n\nexport interface UploadListButtonProps {\n  handleClick: () => void;\n  disabled?: boolean;\n}\n\nexport function UploadListButton({ handleClick, disabled }: Readonly<UploadListButtonProps>) {\n  return (\n    // `self-start` — ant.design'ın butonu da içeriği kadar geniştir; flex-col\n    // ebeveynin `align-items: stretch` varsayılanı (Faz 13'te fark edildi)\n    // butonu tam genişliğe geriyor, ikon/metni köşelere itip garip\n    // görünmesine sebep oluyordu.\n    <Button onClick={handleClick} disabled={disabled} className=\"self-start\" variant=\"outline\" color=\"primary\" icon={<UploadIcon size={16} />}>\n      Yüklemek için tıklayın\n    </Button>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { InboxIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\n\nexport interface UploadDragDropButtonProps {\n  handleClick: () => void;\n  addFiles: (files: File[]) => void;\n  disabled?: boolean;\n}\n\n/**\n * ant.design'ın sürükle-bırak alanıyla birebir karşılaştırıldı: büyük,\n * renkli bir \"gelen kutusu\" ikonu + kalın bir ana başlık + soluk bir\n * ikincil ipucu satırı. Eskiden küçük generik bir `UploadIcon` + tek satır\n * metin vardı. Sürükleme sırasında kenarlık primary'e döner (ant'ın\n * `dragover` durumu) — eskiden sadece `hover:` vardı, gerçek sürükleme\n * anında görsel geri bildirim yoktu.\n */\nexport function UploadDragDropButton({ handleClick, addFiles, disabled = false }: Readonly<UploadDragDropButtonProps>) {\n  const [isDragOver, setIsDragOver] = useState(false);\n\n  const handleDrop = (event: React.DragEvent<HTMLElement>) => {\n    event.preventDefault();\n    setIsDragOver(false);\n    if (disabled) return;\n    addFiles(Array.from(event.dataTransfer.files));\n  };\n\n  const handleDragOver = (event: React.DragEvent<HTMLElement>) => {\n    event.preventDefault();\n    setIsDragOver(true);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={disabled}\n      onDrop={handleDrop}\n      onDragOver={handleDragOver}\n      onDragLeave={() => setIsDragOver(false)}\n      className={cn(\n        \"flex w-full min-h-52 cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed bg-mari-surface-alt p-6 text-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring sm:p-8\",\n        isDragOver ? \"border-mari-primary bg-mari-primary-subtle\" : \"border-mari-input hover:border-mari-primary\",\n        disabled && \"cursor-not-allowed opacity-50 hover:border-mari-input\"\n      )}\n    >\n      <InboxIcon size={40} className=\"text-mari-primary\" />\n      {/* Dokunmatikte sürükle-bırak yok — metin cihaza göre. */}\n      <span className=\"text-base text-mari-foreground pointer-coarse:hidden\">Yüklemek için tıklayın veya dosyayı buraya sürükleyin</span>\n      <span className=\"hidden text-base text-mari-foreground pointer-coarse:inline\">Dosya seçmek için dokunun</span>\n      <span className=\"text-sm text-mari-muted\">Tek seferde bir veya birden fazla dosya yükleyebilirsiniz.</span>\n    </button>\n  );\n}\n","import React from \"react\";\nimport { PlusIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Button } from \"../../button\";\nimport type { ReviewType } from \"../types\";\n\nexport interface UploadReviewButtonProps {\n  handleClick: () => void;\n  reviewType: ReviewType;\n  disabled?: boolean;\n}\n\n/**\n * ant.design'ın \"Pictures Wall\" karosuyla AYNI boyutta (`h-28 w-28`) —\n * eskiden ayrı bir satırda/boyutta duruyordu, artık küçük resimlerle AYNI\n * grid'e (bkz. `Upload.tsx`) akıp aynı boyutta bir \"ekle\" karosu oluyor.\n */\nexport function UploadReviewButton({ handleClick, reviewType, disabled }: Readonly<UploadReviewButtonProps>) {\n  return (\n    <Button\n      onClick={handleClick}\n      disabled={disabled}\n      variant=\"ghost\"\n      color=\"neutral\"\n      icon={<PlusIcon size={18} />}\n      className={cn(\n        \"h-28 w-28 shrink-0 flex-col gap-1 border border-dashed border-mari-border bg-mari-surface-alt hover:border-mari-primary-border hover:text-mari-primary\",\n        reviewType === \"circle\" ? \"rounded-full\" : \"rounded-lg\"\n      )}\n    >\n      <span className=\"text-xs\">Yükle</span>\n    </Button>\n  );\n}\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { useToast } from \"../toast\";\nimport { formatBytes, getFileExtension, getFileKey, isFileValid } from \"./utils\";\nimport type { UploadFileItem } from \"./types\";\n\nexport interface UseUploadOptions {\n  fileSize: number;\n  fileType?: string;\n  max: number;\n}\n\n/**\n * Faz 13 (kullanıcı geri bildirimi — ant.design ile birebir karşılaştırma):\n * eskiden burada sadece çıplak `File[]` tutuluyordu, her dosya HEP \"hazır\"\n * durumundaydı — ant'ın dosya listesinin/picture-card'ının asıl karakteri\n * olan \"yükleniyor\" (ilerleme çubuğu) → \"tamamlandı\" geçişi hiç yoktu, tüm\n * dosyalar aynı anda statik görünüyordu. Gerçek bir sunucu/`action` prop'u\n * olmadığı için ilerleme SİMÜLE ediliyor (ant'ın kendi dokümantasyon\n * demoları da aynısını yapıyor) — ama durum modeli gerçek: her dosya\n * `uploading` → `done` arasında geçiş yapıyor, UI bunu render ediyor.\n */\nexport function useUpload({ fileSize, fileType, max }: UseUploadOptions) {\n  const [fileList, setFileList] = useState<UploadFileItem[]>([]);\n  const { showToast } = useToast();\n  const timersRef = useRef<Set<ReturnType<typeof setInterval>>>(new Set());\n\n  useEffect(() => {\n    const timers = timersRef.current;\n    return () => {\n      timers.forEach(clearInterval);\n    };\n  }, []);\n\n  // Sabit bir artışla ilerliyor (rastgele değil) — güvenlik açısından hassas\n  // olmayan salt görsel bir simülasyon için bile `Math.random()` SonarJS'in\n  // \"pseudo-random\" uyarısını tetikliyor; deterministik artış hem uyarıyı\n  // ortadan kaldırıyor hem test edilebilirliği artırıyor. `setInterval`'ın\n  // içine doğrudan iç içe yazmak yerine (SonarJS'in izin verdiği içiçe\n  // fonksiyon derinliğini aşıyordu) ayrı, adlandırılmış bir fonksiyon.\n  const PROGRESS_STEP = 22;\n  const TICK_MS = 250;\n  // 100/22 ≈ 5 tick'te tamamlanır; interval'i temizlemek için biraz payla.\n  const TICKS_TO_COMPLETE = Math.ceil(100 / PROGRESS_STEP) + 1;\n\n  const advanceItem = (item: UploadFileItem, targetId: string): UploadFileItem => {\n    if (item.id !== targetId || item.status !== \"uploading\") return item;\n    const nextProgress = Math.min(100, item.progress + PROGRESS_STEP);\n    return nextProgress >= 100 ? { ...item, progress: 100, status: \"done\" } : { ...item, progress: nextProgress };\n  };\n\n  const advanceFileList = (prev: UploadFileItem[], targetId: string): UploadFileItem[] => prev.map((item) => advanceItem(item, targetId));\n\n  const simulateUpload = (id: string) => {\n    const tick = () => setFileList((prev) => advanceFileList(prev, id));\n    const interval = setInterval(tick, TICK_MS);\n    timersRef.current.add(interval);\n\n    const stop = () => {\n      clearInterval(interval);\n      timersRef.current.delete(interval);\n    };\n    setTimeout(stop, TICK_MS * TICKS_TO_COMPLETE);\n  };\n\n  const addFile = (file: File) => {\n    const extension = getFileExtension(file);\n    const { valid, reason } = isFileValid({ file, allowedType: fileType, maxSize: fileSize });\n\n    if (!valid) {\n      showToast({\n        title: \"Geçersiz dosya\",\n        description: reason === \"invalid-type\" ? `.${extension} dosya türüne izin verilmiyor.` : `Dosya boyutu çok büyük (${formatBytes(file.size)})`,\n        type: \"error\",\n      });\n      return;\n    }\n\n    if (fileList.length >= max) {\n      showToast({ title: \"Hata\", description: `En fazla ${max} dosya yükleyebilirsiniz.`, type: \"error\" });\n      return;\n    }\n\n    const id = getFileKey(file);\n    setFileList((prev) => [...prev, { file, id, status: \"uploading\", progress: 0 }]);\n    simulateUpload(id);\n  };\n\n  const addFiles = (files: File[]) => {\n    const remaining = max - fileList.length;\n    files.slice(0, remaining).forEach((file) => addFile(file));\n  };\n\n  const deleteFile = (id: string) => {\n    setFileList((prev) => prev.filter((item) => item.id !== id));\n  };\n\n  return { fileList, setFileList, addFile, addFiles, deleteFile };\n}\n"],"mappings":"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","names":["useEffect","useRef","cn","XIcon","cn","jsx","jsxs","cn","XIcon","jsx","useState","cn","jsx","jsxs","cn","jsx","cn","useEffect","useState","useState","useEffect","jsx","jsxs","useRef","useEffect","cn"]}