@portnet/ui 6.0.0 → 6.0.2

package/dist/esm/v2/components/Dropzone.js

@@ -0,0 +1,540 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+import * as React from "react";
+import { mergeLabels } from "../utils/mergeLabels";
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import CloudUploadIcon from "@mui/icons-material/CloudUpload";
+import CloseIcon from "@mui/icons-material/Close";
+import InsertDriveFileIcon from "@mui/icons-material/InsertDriveFileOutlined";
+
+/**
+ * Dropzone - Portnet UI v2
+ *
+ * Charter §03 · Component "Dropzone / FileUpload". Drop area + click/keyboard
+ * to open the OS file picker. Stateless wrt upload progress - the caller owns
+ * the upload state and feeds it back via `value`.
+ *
+ *   <Dropzone
+ *     accept="application/pdf,image/png,image/jpeg"
+ *     maxSize={5 * 1024 * 1024}
+ *     multiple
+ *     value={files}                    // [{ id, name, size, progress, status, error }]
+ *     onAdd={handleNewFiles}
+ *     onRemove={(id) => removeFile(id)}
+ *     onReject={(rejections) => showErrors(rejections)}
+ *     hint="Formats acceptés : PDF, PNG, JPG. Max 5 Mo par fichier."
+ *   />
+ *
+ * Localisation (FR / EN / AR):
+ *   <Dropzone labels={{
+ *     label:        "Drag files here or click to browse",
+ *     ariaLabel:    "File drop zone",
+ *     formatBytes:  (n) => `${(n / 1024 / 1024).toFixed(1)} MB`,
+ *     reasons: {
+ *       "max-size":  "too large",
+ *       "type":      "wrong type",
+ *       "max-files": "limit reached",
+ *     },
+ *     buildRejectMessage: (rejected) => `${rejected.length} file(s) rejected`,
+ *     addedSingle:   (name) => `Added: ${name}`,
+ *     addedMultiple: (n)    => `${n} files added`,
+ *     removeItem:    (name) => `Remove ${name}`,
+ *   }} />
+ *
+ * ── INSIDE A <Field> (R-I.1, R-I.3) ──────────────────────────────────
+ *
+ * Wrap it to get a visible label, required marker and error message:
+ *
+ *   <Field label="Facture" required error={fileError} htmlFor="facture-file">
+ *     <Dropzone value={…} onAdd={…} />
+ *   </Field>
+ *
+ * Field clones its child with `id`, `aria-invalid`, `aria-describedby` and
+ * `error`. This component ACCEPTS all four and forwards them to the drop
+ * <button> — which is the canonical accessibility handle, not the hidden
+ * input. Before that forwarding existed the props were dropped silently:
+ * Field's <label htmlFor> pointed at an id present on no element, so the
+ * label named nothing and the button's accessible name was only the generic
+ * "Zone de dépôt de fichiers"; and a host-set error rendered its message
+ * while the control stayed valid to AT.
+ *
+ * `htmlFor` is worth passing explicitly when the field must be addressable
+ * from outside — Field otherwise generates a `useId`-based id, which is
+ * stable across renders but not predictable, so it cannot be targeted by
+ * focusFieldByName after a failed submit.
+ *
+ * A11y note (R-Ar.1):
+ *   The drop target is a native <button>, not <div role="button">.
+ *   Enter/Space activation, disabled state, and AT exposure come for
+ *   free from the platform. The hidden <input type="file"> nested
+ *   inside the button is aria-hidden - the button is the canonical
+ *   accessibility handle.
+ *
+ * A11y note (R-A.1, live region):
+ *   Acceptances and rejections are announced via a polite live region.
+ *   Rejections are broken down by reason so SR users learn WHY without
+ *   needing a host-side toast. aria-relevant is set explicitly to
+ *   "additions text" — the spec default, but some SR + browser combos
+ *   (NVDA + Firefox notably) skip announcements without it.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Default FR formatters ───────────────────────────────────────────
+
+function defaultFormatBytes(n) {
+  if (!Number.isFinite(n)) return "—";
+  if (n < 1024) return "".concat(n, " o");
+  if (n < 1024 * 1024) return "".concat(Math.round(n / 1024), " Ko");
+  return "".concat((n / 1024 / 1024).toFixed(1), " Mo");
+}
+var DEFAULT_REASONS = Object.freeze({
+  "max-size": "trop volumineux",
+  "type": "type non autorisé",
+  "max-files": "limite atteinte"
+});
+
+/**
+ * Build a SR-friendly French sentence summarising a rejection bundle.
+ * Examples:
+ *   1 file, max-size       → "1 fichier refusé : trop volumineux."
+ *   3 files, mixed reasons → "3 fichiers refusés : 1 trop volumineux,
+ *                             2 type non autorisé."
+ */
+function defaultBuildRejectMessage(rejected, reasons) {
+  var total = rejected.length;
+  if (total === 0) return "";
+  var noun = total > 1 ? "fichiers refusés" : "fichier refusé";
+  var head = "".concat(total, " ").concat(noun);
+  var tally = {};
+  var _iterator = _createForOfIteratorHelper(rejected),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var r = _step.value;
+      var label = reasons[r.reason];
+      if (!label) continue;
+      tally[label] = (tally[label] || 0) + 1;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var buckets = Object.entries(tally);
+  if (buckets.length === 0) return "".concat(head, ".");
+  if (buckets.length === 1) {
+    var only = buckets[0];
+    return only ? "".concat(head, " : ").concat(only[0], ".") : "".concat(head, ".");
+  }
+  var parts = buckets.map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      label = _ref2[0],
+      n = _ref2[1];
+    return "".concat(n, " ").concat(label);
+  });
+  return "".concat(head, " : ").concat(parts.join(", "), ".");
+}
+var DEFAULT_LABELS = Object.freeze({
+  label: "Glissez vos fichiers ici ou cliquez pour parcourir",
+  ariaLabel: "Zone de dépôt de fichiers",
+  formatBytes: defaultFormatBytes,
+  reasons: DEFAULT_REASONS,
+  buildRejectMessage: defaultBuildRejectMessage,
+  addedSingle: function addedSingle(name) {
+    return "Fichier ajout\xE9 : ".concat(name);
+  },
+  addedMultiple: function addedMultiple(n) {
+    return "".concat(n, " fichiers ajout\xE9s");
+  },
+  removeItem: function removeItem(name) {
+    return "Retirer ".concat(name);
+  }
+});
+
+// ─── Helpers ──────────────────────────────────────────────────────────
+
+function matchesAccept(file, accept) {
+  if (!accept) return true;
+  var tokens = accept.split(",").map(function (t) {
+    return t.trim();
+  }).filter(Boolean);
+  if (tokens.length === 0) return true;
+  return tokens.some(function (t) {
+    if (t.startsWith(".")) {
+      return file.name.toLowerCase().endsWith(t.toLowerCase());
+    }
+    if (t.endsWith("/*")) {
+      var prefix = t.slice(0, -1); // "image/"
+      return file.type.startsWith(prefix);
+    }
+    return file.type === t;
+  });
+}
+
+// ─── Component ────────────────────────────────────────────────────────
+
+function Dropzone(_ref3) {
+  var accept = _ref3.accept,
+    maxSize = _ref3.maxSize,
+    maxFiles = _ref3.maxFiles,
+    _ref3$multiple = _ref3.multiple,
+    multiple = _ref3$multiple === void 0 ? false : _ref3$multiple,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    _ref3$value = _ref3.value,
+    value = _ref3$value === void 0 ? [] : _ref3$value,
+    onAdd = _ref3.onAdd,
+    onRemove = _ref3.onRemove,
+    onReject = _ref3.onReject,
+    label = _ref3.label,
+    ariaLabelProp = _ref3["aria-label"],
+    hint = _ref3.hint,
+    labels = _ref3.labels,
+    sx = _ref3.sx,
+    id = _ref3.id,
+    _ref3$error = _ref3.error,
+    error = _ref3$error === void 0 ? false : _ref3$error,
+    ariaInvalidProp = _ref3["aria-invalid"],
+    ariaDescribedByProp = _ref3["aria-describedby"];
+  var L = React.useMemo(function () {
+    if (!labels) return DEFAULT_LABELS;
+    return mergeLabels(DEFAULT_LABELS, _objectSpread(_objectSpread({}, labels), {}, {
+      /*
+       * `reasons` is a NESTED dictionary and needs its own merge, at its own
+       * level. Merging only at the top would replace the whole sub-object, so a
+       * consumer overriding ONE reason would delete the others — and the
+       * previous `|| {}` guarded the sub-object against being undefined without
+       * guarding its VALUES, which is the same hazard one level down.
+       */
+      reasons: mergeLabels(DEFAULT_REASONS, labels.reasons)
+    }));
+  }, [labels]);
+  var dropLabel = label != null ? label : L.label;
+  var ariaLabel = ariaLabelProp != null ? ariaLabelProp : L.ariaLabel;
+  var inputRef = React.useRef(null);
+  var liveRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dragOver = _React$useState2[0],
+    setDragOver = _React$useState2[1];
+  // Stable, per-instance, collision-safe id for the hint association.
+  var hintId = React.useId();
+
+  /*
+   * R-I.3 — invalid when Field said so via `error`, or when a host set the
+   * attribute directly. Either alone is sufficient; Field passes both, other
+   * callers may pass one.
+   */
+  var isInvalid = error || ariaInvalidProp === true || ariaInvalidProp === "true";
+
+  /*
+   * MERGED, not replaced. Field's value points at its hint and/or its error
+   * message; hintId points at this component's own hint, rendered inside the
+   * button. Dropping either would lose a real description — which is what
+   * happened while this prop was not accepted at all.
+   */
+  var describedBy = [ariaDescribedByProp, hint ? hintId : null].filter(Boolean).join(" ") || undefined;
+  var announce = function announce(msg) {
+    if (liveRef.current) {
+      // Setting via DOM (not state) avoids re-renders that would re-trigger
+      // SR announcements for unrelated UI updates.
+      liveRef.current.textContent = msg;
+    }
+  };
+  var validate = React.useCallback(function (incoming) {
+    var accepted = [];
+    var rejected = [];
+    var remainingSlots = maxFiles != null ? Math.max(0, maxFiles - value.length) : Infinity;
+    var _iterator2 = _createForOfIteratorHelper(incoming),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var file = _step2.value;
+        if (accepted.length >= remainingSlots) {
+          rejected.push({
+            file: file,
+            reason: "max-files"
+          });
+          continue;
+        }
+        if (maxSize != null && file.size > maxSize) {
+          rejected.push({
+            file: file,
+            reason: "max-size"
+          });
+          continue;
+        }
+        if (!matchesAccept(file, accept)) {
+          rejected.push({
+            file: file,
+            reason: "type"
+          });
+          continue;
+        }
+        accepted.push(file);
+        if (!multiple) break; // single mode: only first valid
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return {
+      accepted: accepted,
+      rejected: rejected
+    };
+  }, [accept, maxSize, maxFiles, multiple, value.length]);
+  var handleFiles = function handleFiles(fileList) {
+    if (disabled) return;
+    var files = Array.from(fileList || []);
+    if (files.length === 0) return;
+    var _validate = validate(files),
+      accepted = _validate.accepted,
+      rejected = _validate.rejected;
+    if (accepted.length > 0) {
+      onAdd === null || onAdd === void 0 ? void 0 : onAdd(accepted);
+      var _accepted = _slicedToArray(accepted, 1),
+        first = _accepted[0];
+      announce(accepted.length === 1 && first ? L.addedSingle(first.name) : L.addedMultiple(accepted.length));
+    }
+    if (rejected.length > 0) {
+      onReject === null || onReject === void 0 ? void 0 : onReject(rejected);
+      announce(L.buildRejectMessage(rejected, L.reasons));
+    }
+  };
+  var onInputChange = function onInputChange(e) {
+    handleFiles(e.target.files);
+    // reset so the same file can be re-added after removal
+    e.target.value = "";
+  };
+  var openPicker = function openPicker() {
+    var _inputRef$current;
+    if (disabled) return;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+  };
+  var onDragOver = function onDragOver(e) {
+    if (disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (!dragOver) setDragOver(true);
+  };
+  var onDragLeave = function onDragLeave(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    // Only clear when leaving the wrapper itself, not crossing a child.
+    if (e.currentTarget.contains(e.relatedTarget)) return;
+    setDragOver(false);
+  };
+  var onDrop = function onDrop(e) {
+    var _e$dataTransfer;
+    e.preventDefault();
+    e.stopPropagation();
+    setDragOver(false);
+    if (disabled) return;
+    handleFiles((_e$dataTransfer = e.dataTransfer) === null || _e$dataTransfer === void 0 ? void 0 : _e$dataTransfer.files);
+  };
+
+  /*
+   * Border colour precedence: dragOver > invalid > resting.
+   *
+   * Drag feedback wins deliberately — while a file is over the target the
+   * user needs to know the drop will land, and the invalid state is about to
+   * be resolved by that very drop.
+   */
+  var borderColor = dragOver ? "var(--accent)" : isInvalid ? "var(--danger)" : "var(--border-strong)";
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: _objectSpread({
+      width: "100%"
+    }, sx),
+    children: [/*#__PURE__*/_jsxs(Box, _objectSpread(_objectSpread(_objectSpread({
+      component: "button",
+      type: "button"
+    }, id !== undefined ? {
+      id: id
+    } : {}), {}, {
+      disabled: disabled,
+      "aria-label": ariaLabel
+    }, isInvalid ? {
+      "aria-invalid": true
+    } : {}), {}, {
+      "aria-describedby": describedBy,
+      onClick: openPicker,
+      onDragOver: onDragOver,
+      onDragEnter: onDragOver,
+      onDragLeave: onDragLeave,
+      onDrop: onDrop,
+      sx: {
+        // <button> reset - neutralise UA defaults so the drop target
+        // visually matches the previous Box-based design.
+        font: "inherit",
+        color: "inherit",
+        width: "100%",
+        // Layout
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 1,
+        padding: "var(--s-5) var(--s-4)",
+        background: dragOver ? "var(--accent-soft)" : "var(--bg-subtle)",
+        border: "2px dashed ".concat(borderColor),
+        borderRadius: "var(--r-lg)",
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.55 : 1,
+        textAlign: "center",
+        transition: "background var(--duration-fast, 80ms) ease, border-color var(--duration-fast, 80ms) ease",
+        "&:hover": !disabled && !dragOver ? {
+          background: "var(--bg-hover)",
+          borderColor: "var(--accent)"
+        } : {},
+        "&:focus-visible": {
+          outline: "2px solid var(--accent)",
+          outlineOffset: "var(--pui-outline-offset)"
+        }
+      },
+      children: [/*#__PURE__*/_jsx(Box, {
+        "aria-hidden": "true",
+        sx: {
+          color: dragOver ? "var(--accent)" : isInvalid ? "var(--danger)" : "var(--fg-muted)",
+          display: "inline-flex"
+        },
+        children: /*#__PURE__*/_jsx(CloudUploadIcon, {
+          style: {
+            fontSize: 32
+          }
+        })
+      }), /*#__PURE__*/_jsx(Box, {
+        sx: {
+          fontSize: "var(--text-sm)",
+          fontWeight: "var(--fw-semibold)",
+          color: "var(--fg)"
+        },
+        children: dropLabel
+      }), hint && /*#__PURE__*/_jsx(Box, {
+        id: hintId,
+        sx: {
+          fontSize: "var(--text-xs)",
+          color: "var(--fg-muted)"
+        },
+        children: hint
+      }), /*#__PURE__*/_jsx("input", {
+        ref: inputRef,
+        type: "file",
+        accept: accept,
+        multiple: multiple,
+        disabled: disabled,
+        onChange: onInputChange,
+        tabIndex: -1,
+        "aria-hidden": "true",
+        style: {
+          position: "absolute",
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clipPath: "inset(50%)",
+          border: 0
+        }
+      })]
+    })), /*#__PURE__*/_jsx(Box, {
+      ref: liveRef,
+      role: "status",
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      className: "pui-sr-only"
+    }), value.length > 0 && /*#__PURE__*/_jsx(Box, {
+      component: "ul"
+      /* Explicit role — several screen readers strip list semantics when
+         CSS list-style:none is applied. Same reason FormErrorSummary sets
+         it. */,
+      role: "list",
+      sx: {
+        listStyle: "none",
+        padding: 0,
+        margin: "var(--s-3) 0 0",
+        display: "flex",
+        flexDirection: "column",
+        gap: "var(--s-1)"
+      },
+      children: value.map(function (f, i) {
+        var _ref4, _f$id, _f$size;
+        var id = (_ref4 = (_f$id = f.id) !== null && _f$id !== void 0 ? _f$id : f.name) !== null && _ref4 !== void 0 ? _ref4 : i;
+        var status = f.status || (f.error ? "error" : f.progress === 100 ? "done" : f.progress != null ? "uploading" : "ready");
+        var color = status === "error" ? "var(--danger)" : status === "done" ? "var(--success)" : "var(--fg-muted)";
+        return /*#__PURE__*/_jsxs(Box, {
+          component: "li",
+          role: "listitem",
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: "var(--s-2)",
+            padding: "var(--s-2) var(--s-3)",
+            background: "var(--surface)",
+            border: "1px solid var(--border)",
+            borderRadius: "var(--r-md)"
+          },
+          children: [/*#__PURE__*/_jsx(Box, {
+            "aria-hidden": "true",
+            sx: {
+              color: color,
+              display: "inline-flex"
+            },
+            children: /*#__PURE__*/_jsx(InsertDriveFileIcon, {
+              fontSize: "small"
+            })
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: [/*#__PURE__*/_jsx(Box, {
+              sx: {
+                fontSize: "var(--text-sm)",
+                fontWeight: "var(--fw-medium)",
+                color: "var(--fg)",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: f.name
+            }), /*#__PURE__*/_jsx(Box, {
+              sx: {
+                fontSize: "var(--text-xs)",
+                color: status === "error" ? "var(--danger)" : "var(--fg-subtle)",
+                fontVariantNumeric: "tabular-nums"
+              },
+              children: status === "error" && f.error ? f.error : "".concat(L.formatBytes((_f$size = f.size) !== null && _f$size !== void 0 ? _f$size : NaN)).concat(f.progress != null ? " \xB7 ".concat(Math.round(f.progress), "%") : "")
+            })]
+          }), onRemove && /*#__PURE__*/_jsx(IconButton, {
+            size: "small",
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              onRemove(id);
+            },
+            "aria-label": L.removeItem(f.name),
+            sx: {
+              color: "var(--fg-muted)"
+            },
+            children: /*#__PURE__*/_jsx(CloseIcon, {
+              fontSize: "small"
+            })
+          })]
+        }, id);
+      })
+    })]
+  });
+}
+export default Dropzone;
+//# sourceMappingURL=Dropzone.js.map

package/dist/esm/v2/components/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","names":["React","mergeLabels","Box","IconButton","CloudUploadIcon","CloseIcon","InsertDriveFileIcon","jsx","_jsx","jsxs","_jsxs","defaultFormatBytes","n","Number","isFinite","concat","Math","round","toFixed","DEFAULT_REASONS","Object","freeze","defaultBuildRejectMessage","rejected","reasons","total","length","noun","head","tally","_iterator","_createForOfIteratorHelper","_step","s","done","r","value","label","reason","err","e","f","buckets","entries","only","parts","map","_ref","_ref2","_slicedToArray","join","DEFAULT_LABELS","ariaLabel","formatBytes","buildRejectMessage","addedSingle","name","addedMultiple","removeItem","matchesAccept","file","accept","tokens","split","t","trim","filter","Boolean","some","startsWith","toLowerCase","endsWith","prefix","slice","type","Dropzone","_ref3","maxSize","maxFiles","_ref3$multiple","multiple","_ref3$disabled","disabled","_ref3$value","onAdd","onRemove","onReject","ariaLabelProp","hint","labels","sx","id","_ref3$error","error","ariaInvalidProp","ariaDescribedByProp","L","useMemo","_objectSpread","dropLabel","inputRef","useRef","liveRef","_React$useState","useState","_React$useState2","dragOver","setDragOver","hintId","useId","isInvalid","describedBy","undefined","announce","msg","current","textContent","validate","useCallback","incoming","accepted","remainingSlots","max","Infinity","_iterator2","_step2","push","size","handleFiles","fileList","files","Array","from","_validate","_accepted","first","onInputChange","target","openPicker","_inputRef$current","click","onDragOver","preventDefault","stopPropagation","onDragLeave","currentTarget","contains","relatedTarget","onDrop","_e$dataTransfer","dataTransfer","borderColor","width","children","component","onClick","onDragEnter","font","color","display","flexDirection","alignItems","justifyContent","gap","padding","background","border","borderRadius","cursor","opacity","textAlign","transition","outline","outlineOffset","style","fontSize","fontWeight","ref","onChange","tabIndex","position","height","margin","overflow","clipPath","role","className","listStyle","i","_ref4","_f$id","_f$size","status","progress","flex","minWidth","textOverflow","whiteSpace","fontVariantNumeric","NaN"],"sources":["../../../../src/lib/v2/components/Dropzone.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { mergeLabels } from \"../utils/mergeLabels\";\r\nimport Box from \"@mui/material/Box\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport CloudUploadIcon from \"@mui/icons-material/CloudUpload\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport InsertDriveFileIcon from \"@mui/icons-material/InsertDriveFileOutlined\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * Dropzone - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"Dropzone / FileUpload\". Drop area + click/keyboard\r\n * to open the OS file picker. Stateless wrt upload progress - the caller owns\r\n * the upload state and feeds it back via `value`.\r\n *\r\n *   <Dropzone\r\n *     accept=\"application/pdf,image/png,image/jpeg\"\r\n *     maxSize={5 * 1024 * 1024}\r\n *     multiple\r\n *     value={files}                    // [{ id, name, size, progress, status, error }]\r\n *     onAdd={handleNewFiles}\r\n *     onRemove={(id) => removeFile(id)}\r\n *     onReject={(rejections) => showErrors(rejections)}\r\n *     hint=\"Formats acceptés : PDF, PNG, JPG. Max 5 Mo par fichier.\"\r\n *   />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <Dropzone labels={{\r\n *     label:        \"Drag files here or click to browse\",\r\n *     ariaLabel:    \"File drop zone\",\r\n *     formatBytes:  (n) => `${(n / 1024 / 1024).toFixed(1)} MB`,\r\n *     reasons: {\r\n *       \"max-size\":  \"too large\",\r\n *       \"type\":      \"wrong type\",\r\n *       \"max-files\": \"limit reached\",\r\n *     },\r\n *     buildRejectMessage: (rejected) => `${rejected.length} file(s) rejected`,\r\n *     addedSingle:   (name) => `Added: ${name}`,\r\n *     addedMultiple: (n)    => `${n} files added`,\r\n *     removeItem:    (name) => `Remove ${name}`,\r\n *   }} />\r\n *\r\n * ── INSIDE A <Field> (R-I.1, R-I.3) ──────────────────────────────────\r\n *\r\n * Wrap it to get a visible label, required marker and error message:\r\n *\r\n *   <Field label=\"Facture\" required error={fileError} htmlFor=\"facture-file\">\r\n *     <Dropzone value={…} onAdd={…} />\r\n *   </Field>\r\n *\r\n * Field clones its child with `id`, `aria-invalid`, `aria-describedby` and\r\n * `error`. This component ACCEPTS all four and forwards them to the drop\r\n * <button> — which is the canonical accessibility handle, not the hidden\r\n * input. Before that forwarding existed the props were dropped silently:\r\n * Field's <label htmlFor> pointed at an id present on no element, so the\r\n * label named nothing and the button's accessible name was only the generic\r\n * \"Zone de dépôt de fichiers\"; and a host-set error rendered its message\r\n * while the control stayed valid to AT.\r\n *\r\n * `htmlFor` is worth passing explicitly when the field must be addressable\r\n * from outside — Field otherwise generates a `useId`-based id, which is\r\n * stable across renders but not predictable, so it cannot be targeted by\r\n * focusFieldByName after a failed submit.\r\n *\r\n * A11y note (R-Ar.1):\r\n *   The drop target is a native <button>, not <div role=\"button\">.\r\n *   Enter/Space activation, disabled state, and AT exposure come for\r\n *   free from the platform. The hidden <input type=\"file\"> nested\r\n *   inside the button is aria-hidden - the button is the canonical\r\n *   accessibility handle.\r\n *\r\n * A11y note (R-A.1, live region):\r\n *   Acceptances and rejections are announced via a polite live region.\r\n *   Rejections are broken down by reason so SR users learn WHY without\r\n *   needing a host-side toast. aria-relevant is set explicitly to\r\n *   \"additions text\" — the spec default, but some SR + browser combos\r\n *   (NVDA + Firefox notably) skip announcements without it.\r\n */\r\n\r\nexport type DropzoneFileStatus = \"ready\" | \"uploading\" | \"done\" | \"error\";\r\n\r\nexport interface DropzoneFile {\r\n  id?: string | number | undefined;\r\n  name: string;\r\n  size?: number | undefined;\r\n  progress?: number | undefined;\r\n  status?: DropzoneFileStatus | undefined;\r\n  error?: string | undefined;\r\n}\r\n\r\nexport type DropzoneRejectReason = \"max-size\" | \"type\" | \"max-files\";\r\n\r\nexport interface DropzoneRejection {\r\n  file: File;\r\n  reason: DropzoneRejectReason;\r\n}\r\n\r\nexport interface DropzoneReasons {\r\n  \"max-size\"?: string | undefined;\r\n  \"type\"?: string | undefined;\r\n  \"max-files\"?: string | undefined;\r\n}\r\n\r\nexport interface DropzoneLabels {\r\n  label?: React.ReactNode | undefined;\r\n  ariaLabel?: string | undefined;\r\n  formatBytes?: ((n: number) => string) | undefined;\r\n  reasons?: DropzoneReasons | undefined;\r\n  buildRejectMessage?: ((rejected: DropzoneRejection[], reasons: DropzoneReasons) => string) | undefined;\r\n  addedSingle?: ((name: string) => string) | undefined;\r\n  addedMultiple?: ((n: number) => string) | undefined;\r\n  removeItem?: ((name: string) => string) | undefined;\r\n}\r\n\r\nexport interface DropzoneProps {\r\n  accept?: string | undefined;\r\n  maxSize?: number | undefined;\r\n  maxFiles?: number | undefined;\r\n  multiple?: boolean | undefined;\r\n  disabled?: boolean | undefined;\r\n  value?: DropzoneFile[] | undefined;\r\n  onAdd?: ((files: File[]) => void) | undefined;\r\n  onRemove?: ((id: string | number) => void) | undefined;\r\n  onReject?: ((rejections: DropzoneRejection[]) => void) | undefined;\r\n  // Legacy/back-compat per-prop overrides; win over labels.* when both passed.\r\n  label?: React.ReactNode | undefined;\r\n  \"aria-label\"?: string | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  labels?: DropzoneLabels | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n  /**\r\n   * Id for the drop <button>. Injected by Field from `htmlFor || name`, so\r\n   * its <label htmlFor> resolves to a real element (R-I.1).\r\n   *\r\n   * Pass a stable value through Field's `htmlFor` when the field needs to be\r\n   * addressable from outside the component — focusFieldByName resolves\r\n   * `[id=…]` first, and that is how a failed submit reaches a Dropzone\r\n   * (R-F.3).\r\n   */\r\n  id?: string | undefined;\r\n  /**\r\n   * Invalid state. Injected by Field as `error={hasError}`.\r\n   *\r\n   * Drives both the danger border and `aria-invalid`, so the state is\r\n   * conveyed visually AND programmatically rather than by the helper text\r\n   * alone (R-4.1 / R-I.3).\r\n   */\r\n  error?: boolean | undefined;\r\n  /**\r\n   * Injected by Field. Accepted explicitly so an aria-invalid passed without\r\n   * `error` still lands — the two are separate props on Field's clone and a\r\n   * host can legitimately set either.\r\n   */\r\n  \"aria-invalid\"?: boolean | \"true\" | \"false\" | undefined;\r\n  /**\r\n   * Injected by Field, pointing at its hint and/or error message. MERGED with\r\n   * this component's own internal hint id rather than replacing it — both\r\n   * descriptions are real and the user needs both.\r\n   */\r\n  \"aria-describedby\"?: string | undefined;\r\n}\r\n\r\n// ─── Default FR formatters ───────────────────────────────────────────\r\n\r\nfunction defaultFormatBytes(n: number): string {\r\n  if (!Number.isFinite(n)) return \"—\";\r\n  if (n < 1024) return `${n} o`;\r\n  if (n < 1024 * 1024) return `${Math.round(n / 1024)} Ko`;\r\n  return `${(n / 1024 / 1024).toFixed(1)} Mo`;\r\n}\r\n\r\nconst DEFAULT_REASONS = Object.freeze({\r\n  \"max-size\":  \"trop volumineux\",\r\n  \"type\":      \"type non autorisé\",\r\n  \"max-files\": \"limite atteinte\",\r\n});\r\n\r\n/**\r\n * Build a SR-friendly French sentence summarising a rejection bundle.\r\n * Examples:\r\n *   1 file, max-size       → \"1 fichier refusé : trop volumineux.\"\r\n *   3 files, mixed reasons → \"3 fichiers refusés : 1 trop volumineux,\r\n *                             2 type non autorisé.\"\r\n */\r\nfunction defaultBuildRejectMessage(rejected: DropzoneRejection[], reasons: DropzoneReasons): string {\r\n  const total = rejected.length;\r\n  if (total === 0) return \"\";\r\n  const noun = total > 1 ? \"fichiers refusés\" : \"fichier refusé\";\r\n  const head = `${total} ${noun}`;\r\n\r\n  const tally: Record<string, number> = {};\r\n  for (const r of rejected) {\r\n    const label = reasons[r.reason];\r\n    if (!label) continue;\r\n    tally[label] = (tally[label] || 0) + 1;\r\n  }\r\n  const buckets = Object.entries(tally);\r\n  if (buckets.length === 0) return `${head}.`;\r\n\r\n  if (buckets.length === 1) {\r\n    const only = buckets[0];\r\n    return only ? `${head} : ${only[0]}.` : `${head}.`;\r\n  }\r\n  const parts = buckets.map(([label, n]) => `${n} ${label}`);\r\n  return `${head} : ${parts.join(\", \")}.`;\r\n}\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  label:               \"Glissez vos fichiers ici ou cliquez pour parcourir\",\r\n  ariaLabel:           \"Zone de dépôt de fichiers\",\r\n  formatBytes:         defaultFormatBytes,\r\n  reasons:             DEFAULT_REASONS,\r\n  buildRejectMessage:  defaultBuildRejectMessage,\r\n  addedSingle:         (name: string) => `Fichier ajouté : ${name}`,\r\n  addedMultiple:       (n: number)    => `${n} fichiers ajoutés`,\r\n  removeItem:          (name: string) => `Retirer ${name}`,\r\n});\r\n\r\n// ─── Helpers ──────────────────────────────────────────────────────────\r\n\r\nfunction matchesAccept(file: File, accept: string | undefined): boolean {\r\n  if (!accept) return true;\r\n  const tokens = accept.split(\",\").map((t) => t.trim()).filter(Boolean);\r\n  if (tokens.length === 0) return true;\r\n  return tokens.some((t) => {\r\n    if (t.startsWith(\".\")) {\r\n      return file.name.toLowerCase().endsWith(t.toLowerCase());\r\n    }\r\n    if (t.endsWith(\"/*\")) {\r\n      const prefix = t.slice(0, -1); // \"image/\"\r\n      return file.type.startsWith(prefix);\r\n    }\r\n    return file.type === t;\r\n  });\r\n}\r\n\r\n// ─── Component ────────────────────────────────────────────────────────\r\n\r\nfunction Dropzone({\r\n  accept,\r\n  maxSize,\r\n  maxFiles,\r\n  multiple = false,\r\n  disabled = false,\r\n  value = [],\r\n  onAdd,\r\n  onRemove,\r\n  onReject,\r\n  // Legacy prop names: kept for back-compat. When the consumer passes\r\n  // either, it wins over labels.* with the same role.\r\n  label,\r\n  \"aria-label\": ariaLabelProp,\r\n  hint,\r\n  labels,\r\n  sx,\r\n  // Injected by Field (R-I.1 / R-I.3). Forwarded to the drop <button>\r\n  // below — see the \"INSIDE A <Field>\" note in the module docstring.\r\n  id,\r\n  error = false,\r\n  \"aria-invalid\": ariaInvalidProp,\r\n  \"aria-describedby\": ariaDescribedByProp,\r\n}: DropzoneProps) {\r\n  const L = React.useMemo(() => {\r\n    if (!labels) return DEFAULT_LABELS;\r\n    return mergeLabels(DEFAULT_LABELS, {\r\n      ...labels,\r\n      /*\r\n       * `reasons` is a NESTED dictionary and needs its own merge, at its own\r\n       * level. Merging only at the top would replace the whole sub-object, so a\r\n       * consumer overriding ONE reason would delete the others — and the\r\n       * previous `|| {}` guarded the sub-object against being undefined without\r\n       * guarding its VALUES, which is the same hazard one level down.\r\n       */\r\n      reasons: mergeLabels(DEFAULT_REASONS, labels.reasons),\r\n    });\r\n  }, [labels]);\r\n\r\n  const dropLabel = label != null ? label : L.label;\r\n  const ariaLabel = ariaLabelProp != null ? ariaLabelProp : L.ariaLabel;\r\n\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n  const liveRef = React.useRef<HTMLDivElement>(null);\r\n  const [dragOver, setDragOver] = React.useState(false);\r\n  // Stable, per-instance, collision-safe id for the hint association.\r\n  const hintId = React.useId();\r\n\r\n  /*\r\n   * R-I.3 — invalid when Field said so via `error`, or when a host set the\r\n   * attribute directly. Either alone is sufficient; Field passes both, other\r\n   * callers may pass one.\r\n   */\r\n  const isInvalid =\r\n    error || ariaInvalidProp === true || ariaInvalidProp === \"true\";\r\n\r\n  /*\r\n   * MERGED, not replaced. Field's value points at its hint and/or its error\r\n   * message; hintId points at this component's own hint, rendered inside the\r\n   * button. Dropping either would lose a real description — which is what\r\n   * happened while this prop was not accepted at all.\r\n   */\r\n  const describedBy =\r\n    [ariaDescribedByProp, hint ? hintId : null].filter(Boolean).join(\" \") ||\r\n    undefined;\r\n\r\n  const announce = (msg: string) => {\r\n    if (liveRef.current) {\r\n      // Setting via DOM (not state) avoids re-renders that would re-trigger\r\n      // SR announcements for unrelated UI updates.\r\n      liveRef.current.textContent = msg;\r\n    }\r\n  };\r\n\r\n  const validate = React.useCallback(\r\n    (incoming: File[]): { accepted: File[]; rejected: DropzoneRejection[] } => {\r\n      const accepted: File[] = [];\r\n      const rejected: DropzoneRejection[] = [];\r\n      const remainingSlots = maxFiles != null ? Math.max(0, maxFiles - value.length) : Infinity;\r\n\r\n      for (const file of incoming) {\r\n        if (accepted.length >= remainingSlots) {\r\n          rejected.push({ file, reason: \"max-files\" });\r\n          continue;\r\n        }\r\n        if (maxSize != null && file.size > maxSize) {\r\n          rejected.push({ file, reason: \"max-size\" });\r\n          continue;\r\n        }\r\n        if (!matchesAccept(file, accept)) {\r\n          rejected.push({ file, reason: \"type\" });\r\n          continue;\r\n        }\r\n        accepted.push(file);\r\n        if (!multiple) break; // single mode: only first valid\r\n      }\r\n      return { accepted, rejected };\r\n    },\r\n    [accept, maxSize, maxFiles, multiple, value.length]\r\n  );\r\n\r\n  const handleFiles = (fileList: FileList | File[] | null | undefined) => {\r\n    if (disabled) return;\r\n    const files = Array.from(fileList || []);\r\n    if (files.length === 0) return;\r\n    const { accepted, rejected } = validate(files);\r\n    if (accepted.length > 0) {\r\n      onAdd?.(accepted);\r\n      const [first] = accepted;\r\n      announce(\r\n        accepted.length === 1 && first\r\n          ? L.addedSingle(first.name)\r\n          : L.addedMultiple(accepted.length)\r\n      );\r\n    }\r\n    if (rejected.length > 0) {\r\n      onReject?.(rejected);\r\n      announce(L.buildRejectMessage(rejected, L.reasons));\r\n    }\r\n  };\r\n\r\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    handleFiles(e.target.files);\r\n    // reset so the same file can be re-added after removal\r\n    e.target.value = \"\";\r\n  };\r\n\r\n  const openPicker = () => {\r\n    if (disabled) return;\r\n    inputRef.current?.click();\r\n  };\r\n\r\n  const onDragOver = (e: React.DragEvent) => {\r\n    if (disabled) return;\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if (!dragOver) setDragOver(true);\r\n  };\r\n  const onDragLeave = (e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    // Only clear when leaving the wrapper itself, not crossing a child.\r\n    if (e.currentTarget.contains(e.relatedTarget as Node | null)) return;\r\n    setDragOver(false);\r\n  };\r\n  const onDrop = (e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setDragOver(false);\r\n    if (disabled) return;\r\n    handleFiles(e.dataTransfer?.files);\r\n  };\r\n\r\n  /*\r\n   * Border colour precedence: dragOver > invalid > resting.\r\n   *\r\n   * Drag feedback wins deliberately — while a file is over the target the\r\n   * user needs to know the drop will land, and the invalid state is about to\r\n   * be resolved by that very drop.\r\n   */\r\n  const borderColor = dragOver\r\n    ? \"var(--accent)\"\r\n    : isInvalid\r\n      ? \"var(--danger)\"\r\n      : \"var(--border-strong)\";\r\n\r\n  return (\r\n    <Box sx={{ width: \"100%\", ...sx }}>\r\n      <Box\r\n        component=\"button\"\r\n        type=\"button\"\r\n        {...(id !== undefined ? { id } : {})}\r\n        disabled={disabled}\r\n        aria-label={ariaLabel}\r\n        {...(isInvalid ? { \"aria-invalid\": true } : {})}\r\n        aria-describedby={describedBy}\r\n        onClick={openPicker}\r\n        onDragOver={onDragOver}\r\n        onDragEnter={onDragOver}\r\n        onDragLeave={onDragLeave}\r\n        onDrop={onDrop}\r\n        sx={{\r\n          // <button> reset - neutralise UA defaults so the drop target\r\n          // visually matches the previous Box-based design.\r\n          font: \"inherit\",\r\n          color: \"inherit\",\r\n          width: \"100%\",\r\n          // Layout\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          alignItems: \"center\",\r\n          justifyContent: \"center\",\r\n          gap: 1,\r\n          padding: \"var(--s-5) var(--s-4)\",\r\n          background: dragOver ? \"var(--accent-soft)\" : \"var(--bg-subtle)\",\r\n          border: `2px dashed ${borderColor}`,\r\n          borderRadius: \"var(--r-lg)\",\r\n          cursor: disabled ? \"not-allowed\" : \"pointer\",\r\n          opacity: disabled ? 0.55 : 1,\r\n          textAlign: \"center\",\r\n          transition:\r\n            \"background var(--duration-fast, 80ms) ease, border-color var(--duration-fast, 80ms) ease\",\r\n          \"&:hover\": (!disabled && !dragOver)\r\n            ? { background: \"var(--bg-hover)\", borderColor: \"var(--accent)\" }\r\n            : {},\r\n          \"&:focus-visible\": {\r\n            outline: \"2px solid var(--accent)\",\r\n            outlineOffset: \"var(--pui-outline-offset)\",\r\n          },\r\n        }}\r\n      >\r\n        <Box\r\n          aria-hidden=\"true\"\r\n          sx={{\r\n            color: dragOver\r\n              ? \"var(--accent)\"\r\n              : isInvalid\r\n                ? \"var(--danger)\"\r\n                : \"var(--fg-muted)\",\r\n            display: \"inline-flex\",\r\n          }}\r\n        >\r\n          <CloudUploadIcon style={{ fontSize: 32 }} />\r\n        </Box>\r\n        <Box\r\n          sx={{\r\n            fontSize: \"var(--text-sm)\",\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            color: \"var(--fg)\",\r\n          }}\r\n        >\r\n          {dropLabel}\r\n        </Box>\r\n        {hint && (\r\n          <Box\r\n            id={hintId}\r\n            sx={{ fontSize: \"var(--text-xs)\", color: \"var(--fg-muted)\" }}\r\n          >\r\n            {hint}\r\n          </Box>\r\n        )}\r\n        {/* visually-hidden, accessibility-tree-hidden native input.\r\n            The wrapping <button> is the canonical a11y handle; the input\r\n            is just the bridge to the OS file picker.\r\n            C2 — clipPath: inset(50%) (modern) replaces the deprecated\r\n            clip: rect(0,0,0,0) so a strict CSP that disables `clip`\r\n            cannot leak the input on screen. */}\r\n        <input\r\n          ref={inputRef}\r\n          type=\"file\"\r\n          accept={accept}\r\n          multiple={multiple}\r\n          disabled={disabled}\r\n          onChange={onInputChange}\r\n          tabIndex={-1}\r\n          aria-hidden=\"true\"\r\n          style={{\r\n            position: \"absolute\",\r\n            width: 1, height: 1, padding: 0, margin: -1,\r\n            overflow: \"hidden\", clipPath: \"inset(50%)\", border: 0,\r\n          }}\r\n        />\r\n      </Box>\r\n\r\n      {/* Live region — newly-added file announcements + rejection summary.\r\n          C3 — aria-relevant explicit (defense-in-depth for NVDA+Firefox). */}\r\n      <Box\r\n        ref={liveRef}\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n        aria-relevant=\"additions text\"\r\n        className=\"pui-sr-only\"\r\n      />\r\n\r\n      {/* file list */}\r\n      {value.length > 0 && (\r\n        <Box\r\n          component=\"ul\"\r\n          /* Explicit role — several screen readers strip list semantics when\r\n             CSS list-style:none is applied. Same reason FormErrorSummary sets\r\n             it. */\r\n          role=\"list\"\r\n          sx={{\r\n            listStyle: \"none\",\r\n            padding: 0,\r\n            margin: \"var(--s-3) 0 0\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            gap: \"var(--s-1)\",\r\n          }}\r\n        >\r\n          {value.map((f, i) => {\r\n            const id = f.id ?? f.name ?? i;\r\n            const status = f.status || (f.error ? \"error\" : f.progress === 100 ? \"done\" : f.progress != null ? \"uploading\" : \"ready\");\r\n            const color =\r\n              status === \"error\" ? \"var(--danger)\" :\r\n              status === \"done\"  ? \"var(--success)\" : \"var(--fg-muted)\";\r\n            return (\r\n              <Box\r\n                component=\"li\"\r\n                role=\"listitem\"\r\n                key={id}\r\n                sx={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: \"var(--s-2)\",\r\n                  padding: \"var(--s-2) var(--s-3)\",\r\n                  background: \"var(--surface)\",\r\n                  border: \"1px solid var(--border)\",\r\n                  borderRadius: \"var(--r-md)\",\r\n                }}\r\n              >\r\n                <Box aria-hidden=\"true\" sx={{ color, display: \"inline-flex\" }}>\r\n                  <InsertDriveFileIcon fontSize=\"small\" />\r\n                </Box>\r\n                <Box sx={{ flex: 1, minWidth: 0 }}>\r\n                  <Box\r\n                    sx={{\r\n                      fontSize: \"var(--text-sm)\",\r\n                      fontWeight: \"var(--fw-medium)\",\r\n                      color: \"var(--fg)\",\r\n                      overflow: \"hidden\",\r\n                      textOverflow: \"ellipsis\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {f.name}\r\n                  </Box>\r\n                  <Box\r\n                    sx={{\r\n                      fontSize: \"var(--text-xs)\",\r\n                      color: status === \"error\" ? \"var(--danger)\" : \"var(--fg-subtle)\",\r\n                      fontVariantNumeric: \"tabular-nums\",\r\n                    }}\r\n                  >\r\n                    {status === \"error\" && f.error\r\n                      ? f.error\r\n                      : `${L.formatBytes(f.size ?? NaN)}${f.progress != null ? ` · ${Math.round(f.progress)}%` : \"\"}`}\r\n                  </Box>\r\n                </Box>\r\n                {onRemove && (\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={(e) => { e.stopPropagation(); onRemove(id); }}\r\n                    aria-label={L.removeItem(f.name)}\r\n                    sx={{ color: \"var(--fg-muted)\" }}\r\n                  >\r\n                    <CloseIcon fontSize=\"small\" />\r\n                  </IconButton>\r\n                )}\r\n              </Box>\r\n            );\r\n          })}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default Dropzone;\r\n"],"mappings":"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","ignoreList":[]}