@alfadocs/ui-kit-debug 1.118.0 → 1.119.0

package/dist/_chunks/invoice-upload-list-CsFsRgbt.js

@@ -0,0 +1,952 @@
+import { jsx as a, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { useMemo as S, createElement as Oe, forwardRef as ke, useRef as R, useId as Ee, useState as X, useImperativeHandle as De, useEffect as xe } from "react";
+import { useTranslation as L } from "react-i18next";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+import { B as Be } from "./button-DohK_Ak_.js";
+import { V as x } from "./visually-hidden-BHxEUGyT.js";
+import { e as Me } from "./data-grid-Bbf8t4z3.js";
+import { D as g } from "./toolbar-DoKcoE2q.js";
+import { a as se } from "./format-number-DdzqwMs1.js";
+import { c as v } from "./index-D2ZczOXr.js";
+import { R as Fe } from "./row-actions-Dpf9CrCP.js";
+import { B as Ke } from "./badge-BUk4RjTS.js";
+import { M as ze } from "./money-OE6_oDPH.js";
+import { S as Pe } from "./spinner-CoflYlEx.js";
+import { parseDecimal as We, FATTURAPA_VALUE as He, decimalToNumber as $e } from "../decimal/index.js";
+import { f as qe } from "./intl-locale-FWh-Y5_3.js";
+import { c as je, a as Ge } from "./counts-BXtzNv_G.js";
+import { b as B, c as V } from "./maps-MpMxTBov.js";
+import { C as Ye } from "./check-DrFSN__t.js";
+import { c as Qe } from "./createLucideIcon-DhHxpK9K.js";
+import { P as ee } from "./package-plus-CTecQK3x.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ze = [
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
+  ["path", { d: "m16 16-1.9-1.9", key: "1dq9hf" }]
+], Je = Qe("scan-search", Ze), Xe = [
+  "fileName",
+  "supplier",
+  "invoiceNumber",
+  "date",
+  "lineCount",
+  "total",
+  "status"
+];
+function T(e, i) {
+  throw new Error(`${e}: ${i}`);
+}
+function te(e, i) {
+  e.hasRow(i) || T("UNKNOWN_ROW", `no invoice "${i}" in the list.`);
+}
+const ie = {
+  type: "object",
+  properties: { id: { type: "string", description: "An invoice id (rows)." } },
+  required: ["id"],
+  additionalProperties: !1
+}, et = {
+  id: "invoice-upload-list",
+  capabilities: [
+    "select_multiple",
+    "sort",
+    "scroll",
+    // review opens the host's review dialog (`open`: a Dialog).
+    "open",
+    // load_all_ready and load_selected commit invoices to the warehouse.
+    "submit"
+  ],
+  state: {
+    features: {
+      type: "{ privacyMode, status, selectable, readyCount }",
+      descriptionKey: "ui.agent.invoiceUploadList.state.features",
+      description: "What the list can do now: privacy mode, loading status, whether rows can be selected, and how many invoices are ready to load.",
+      read: (e) => e.getFeatures()
+    },
+    rows: {
+      type: "Array<{ id, fileId, fileName, status, supplierKind, supplierName?, invoiceNumber, date, lineCount, loading, hasError, selectable, review }>",
+      descriptionKey: "ui.agent.invoiceUploadList.state.rows",
+      description: "The uploaded invoices. A supplier name is given only when it is not hidden; a person is never named under privacy mode. An error row reads hasError, not its message.",
+      read: (e) => e.getRowSummaries()
+    },
+    counts: {
+      type: "Record<status, number>",
+      descriptionKey: "ui.agent.invoiceUploadList.state.counts",
+      description: "How many invoices have each status: readyToLoad, toReview, alreadyLoaded, loaded and error.",
+      read: (e) => e.getCounts()
+    },
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.invoiceUploadList.state.selection",
+      description: "Ids of the selected invoices.",
+      read: (e) => e.getSelection()
+    },
+    sort: {
+      type: "Array<{ colId, sort }>",
+      descriptionKey: "ui.agent.invoiceUploadList.state.sort",
+      description: "The active sort.",
+      read: (e) => e.getSort()
+    },
+    columns: {
+      type: "Array<{ id, label, visible, canHide, sortable, masked }>",
+      descriptionKey: "ui.agent.invoiceUploadList.state.columns",
+      description: "The columns, in display order.",
+      read: (e) => e.getColumns()
+    }
+  },
+  actions: {
+    select_ready: {
+      safety: "read",
+      returns: "string[]",
+      idempotent: !0,
+      errors: ["SELECTION_DISABLED: the list has no selection."],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.selectReady",
+      description: "Select every invoice that is ready to load and not being loaded. Nothing loads until load_selected.",
+      invoke: (e) => (e.getFeatures().selectable || T("SELECTION_DISABLED", "this list has no selection."), e.selectReady())
+    },
+    select_rows: {
+      safety: "read",
+      argsType: "{ ids: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: { ids: { type: "array", items: { type: "string" } } },
+        required: ["ids"],
+        additionalProperties: !1
+      },
+      returns: "string[]",
+      idempotent: !0,
+      errors: ["SELECTION_DISABLED: the list has no selection."],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.selectRows",
+      description: "Replace the selection with the given invoice ids. Only invoices that are ready to load can be selected; others are ignored.",
+      invoke: (e, i) => (e.getFeatures().selectable || T("SELECTION_DISABLED", "this list has no selection."), e.setSelection(i.ids), e.getSelection())
+    },
+    clear_selection: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.invoiceUploadList.actions.clearSelection",
+      description: "Clear the selection.",
+      invoke: (e) => e.clearSelection()
+    },
+    sort_by: {
+      safety: "read",
+      argsType: '{ colId: "fileName" | "supplier" | "invoiceNumber" | "date" | "lineCount" | "total" | "status", sort: "asc" | "desc" }',
+      argsSchema: {
+        type: "object",
+        properties: {
+          colId: { enum: [...Xe] },
+          sort: { enum: ["asc", "desc"] }
+        },
+        required: ["colId", "sort"],
+        additionalProperties: !1
+      },
+      idempotent: !0,
+      errors: [
+        "COLUMN_MASKED: supplier cannot be sorted while privacy mode is on."
+      ],
+      examples: [{ args: { colId: "status", sort: "asc" } }],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.sortBy",
+      description: "Sort the invoices by one column. The selection is kept.",
+      invoke: (e, i) => {
+        const n = e.getColumns().find((s) => s.id === i.colId);
+        n != null && n.masked && T("COLUMN_MASKED", `"${i.colId}" is hidden by privacy mode.`), e.setSort([{ colId: i.colId, sort: i.sort }]);
+      }
+    },
+    scroll_to_row: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: ie,
+      idempotent: !0,
+      errors: [
+        "UNKNOWN_ROW: the id is not in the list.",
+        "ROW_FILTERED_OUT: the search or a filter hides the invoice."
+      ],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.scrollToRow",
+      description: "Scroll one invoice into view.",
+      invoke: (e, i) => {
+        te(e, i.id), e.scrollToRow(i.id);
+      }
+    },
+    open_review: {
+      safety: "read",
+      openWorld: !0,
+      argsType: "{ id: string }",
+      argsSchema: ie,
+      errors: [
+        "UNKNOWN_ROW: the id is not in the list.",
+        "ACTION_UNAVAILABLE: the list offers no review.",
+        "ACTION_DISABLED: error, the file could not be read."
+      ],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.openReview",
+      description: "Open one invoice for review. The host shows its lines. Nothing loads until the user confirms there.",
+      invoke: (e, i) => {
+        te(e, i.id), e.review(i.id);
+      }
+    },
+    load_all_ready: {
+      safety: "write",
+      openWorld: !0,
+      returns: "string[]",
+      errors: [
+        'ACTION_UNAVAILABLE: the list offers no "load all ready".',
+        "ACTION_DISABLED: noReadyInvoices."
+      ],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.loadAllReady",
+      description: "Hand every invoice that is ready to load to the host, which loads it into the warehouse. Returns the ids sent.",
+      invoke: (e) => e.loadAllReady()
+    },
+    load_selected: {
+      safety: "write",
+      openWorld: !0,
+      returns: "string[]",
+      errors: [
+        "ACTION_UNAVAILABLE: the list offers no bulk load.",
+        "ACTION_DISABLED: emptySelection."
+      ],
+      descriptionKey: "ui.agent.invoiceUploadList.actions.loadSelected",
+      description: "Hand the selected invoices to the host, which loads them into the warehouse. Returns the ids sent.",
+      invoke: (e) => e.loadSelected()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "invoice-upload-list",
+      description: "Marks the element as a kit InvoiceUploadList."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from id (default warehouse-invoice-upload-list)."
+    },
+    item: {
+      attr: "data-row-id",
+      description: "Opaque invoice id on each row (DataGrid). Act through the handle, not the DOM."
+    }
+  }
+}, tt = v("ds:w-full ds:min-w-0", {
+  variants: {
+    height: {
+      auto: "ds:block",
+      fill: "ds:flex ds:min-h-0 ds:flex-auto ds:flex-col"
+    }
+  },
+  defaultVariants: { height: "auto" }
+}), ae = v(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
+  {
+    variants: {
+      align: { start: "ds:items-start", end: "ds:items-end" }
+    },
+    defaultVariants: { align: "start" }
+  }
+), re = v(
+  "type-meta ds:text-[color:var(--muted-foreground)]"
+), it = v(
+  "type-meta ds:text-[color:var(--destructive)] ds:[overflow-wrap:anywhere]"
+), le = v(
+  "ds:block ds:min-w-0 ds:max-w-full ds:truncate"
+), ot = v(
+  "ds:block ds:min-w-0 ds:max-w-full ds:truncate ds:font-medium"
+), ce = v("ds:tabular-nums"), nt = v(
+  "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]"
+), st = v("ds:inline-flex ds:shrink-0"), at = v(
+  "type-meta ds:m-0 ds:px-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:text-[color:var(--muted-foreground)]"
+), rt = [
+  "fileName",
+  "supplier",
+  "invoiceNumber",
+  "date",
+  "lineCount",
+  "total",
+  "status",
+  "actions"
+], lt = [
+  "fileName",
+  "supplier",
+  "invoiceNumber",
+  "date",
+  "lineCount",
+  "total",
+  "status"
+], ei = ["company", "person"], ti = ["invoice", "creditNote"], ct = "warehouse-invoice-upload-list", oe = {
+  readyToLoad: 0,
+  toReview: 1,
+  error: 2,
+  alreadyLoaded: 3,
+  loaded: 4
+};
+function de(e) {
+  if (e === null) return null;
+  const i = We(e, He.lineTotal);
+  return i.ok ? i.value : null;
+}
+function dt(e, i) {
+  var n;
+  return i && ((n = e.supplier) == null ? void 0 : n.kind) === "person";
+}
+function ue(e) {
+  var i;
+  return ((i = e.supplier) == null ? void 0 : i.kind) === "person";
+}
+function M(e, i) {
+  return e.status === "readyToLoad" && !i.has(e.id);
+}
+function pe(e, i) {
+  return e.filter((n) => M(n, i)).map((n) => n.id);
+}
+function me(e) {
+  return je(e);
+}
+function ut(e) {
+  return e.invoiceNumber ? `${e.fileName} · ${e.invoiceNumber}` : e.fileName;
+}
+function pt(e, i, n, s) {
+  var c;
+  const l = dt(e, i), u = {
+    id: e.id,
+    fileId: e.fileId,
+    fileName: e.fileName,
+    status: e.status,
+    supplierKind: ((c = e.supplier) == null ? void 0 : c.kind) ?? null,
+    invoiceNumber: e.invoiceNumber,
+    date: e.date,
+    lineCount: e.lineCount,
+    loading: n.has(e.id),
+    hasError: e.status === "error",
+    selectable: M(e, n),
+    review: s ? e.status === "error" ? { disabled: "error" } : "enabled" : null
+  };
+  return e.supplier && !l && (u.supplierName = e.supplier.name), u;
+}
+const ne = /* @__PURE__ */ new Map(), mt = /^(\d{4})-(\d{2})-(\d{2})$/;
+function ft(e, i) {
+  const n = mt.exec(e);
+  if (!n) return e;
+  const [, s, l, u] = n, c = new Date(
+    Date.UTC(Number(s), Number(l) - 1, Number(u))
+  );
+  if (Number.isNaN(c.getTime())) return e;
+  const o = qe(i);
+  let t = ne.get(o);
+  return t || (t = new Intl.DateTimeFormat(o, {
+    dateStyle: "medium",
+    timeZone: "UTC"
+  }), ne.set(o, t)), t.format(c);
+}
+const ht = new Set(
+  lt
+);
+function fe(e) {
+  return ht.has(e);
+}
+function vt(e) {
+  const i = [];
+  for (const n of e)
+    fe(n.colId) && i.push({ colId: n.colId, sort: n.sort });
+  return i;
+}
+function yt({ invoice: e }) {
+  return /* @__PURE__ */ a("span", { dir: "auto", className: ot(), children: e.fileName });
+}
+function A() {
+  const { t: e } = L("ui");
+  return /* @__PURE__ */ a("span", { className: re(), children: e("invoiceUploadList.cell.notFound", "Not found") });
+}
+function gt({ invoice: e }) {
+  return e.supplier === null ? /* @__PURE__ */ a(A, {}) : /* @__PURE__ */ a("span", { dir: "auto", className: le(), children: e.supplier.name });
+}
+function bt({ invoice: e }) {
+  const { t: i } = L("ui");
+  return e.invoiceNumber === null ? /* @__PURE__ */ a(A, {}) : /* @__PURE__ */ h("span", { className: ae(), children: [
+    /* @__PURE__ */ a("span", { dir: "auto", className: le(), children: e.invoiceNumber }),
+    e.documentKind === "creditNote" ? /* @__PURE__ */ a("span", { className: re(), children: i("invoiceUploadList.documentKind.creditNote", "Credit note") }) : null
+  ] });
+}
+function Lt({ invoice: e }) {
+  const { i18n: i } = L("ui");
+  return e.date === null ? /* @__PURE__ */ a(A, {}) : /* @__PURE__ */ a(D, { children: ft(e.date, i.language) });
+}
+function Nt({ invoice: e }) {
+  const { i18n: i } = L("ui");
+  return e.lineCount === null ? /* @__PURE__ */ a(A, {}) : /* @__PURE__ */ a("span", { className: ce(), children: se(e.lineCount, i.language) });
+}
+function St({ invoice: e }) {
+  if (e.total === null) return /* @__PURE__ */ a(A, {});
+  const i = de(e.total);
+  return i ? /* @__PURE__ */ a(
+    ze,
+    {
+      size: "sm",
+      value: i.units,
+      scale: i.scale,
+      currency: e.currency,
+      minimumFractionDigits: Math.min(2, i.scale),
+      maximumFractionDigits: Math.max(2, i.scale)
+    }
+  ) : /* @__PURE__ */ a("span", { dir: "ltr", className: ce(), children: e.total.trim() });
+}
+function It({ invoice: e, loading: i, privacyMode: n }) {
+  const { t: s } = L("ui");
+  if (i) {
+    const c = s("invoiceUploadList.loading", "Loading");
+    return /* @__PURE__ */ h("span", { className: nt(), children: [
+      /* @__PURE__ */ a("span", { "aria-hidden": "true", className: st(), children: /* @__PURE__ */ a(Pe, { size: "sm", label: c }) }),
+      /* @__PURE__ */ a("span", { children: c })
+    ] });
+  }
+  const l = B[e.status];
+  let u = null;
+  return e.status === "error" && (u = n && ue(e) ? s(
+    "invoiceUploadList.errorHidden",
+    "This file could not be read (details hidden in privacy mode)"
+  ) : e.error ?? null), /* @__PURE__ */ h("span", { className: ae(), children: [
+    /* @__PURE__ */ a(
+      Ke,
+      {
+        size: "sm",
+        variant: l.variant,
+        withDot: !l.check,
+        leading: l.check ? /* @__PURE__ */ a(Ye, { "aria-hidden": "true" }) : void 0,
+        children: s(l.key, l.en)
+      }
+    ),
+    u ? /* @__PURE__ */ a("span", { dir: "auto", className: it(), children: u }) : null
+  ] });
+}
+function wt(e, i) {
+  const { t: n } = L("ui");
+  return S(() => i ? [
+    {
+      // Developer constant: React key and `data-action-id`.
+      id: "review",
+      icon: Oe(Je, { "aria-hidden": !0 }),
+      label: n("invoiceUploadList.action.review", "Review"),
+      onClick: (s) => {
+        var l, u;
+        return (u = (l = e.current).onReview) == null ? void 0 : u.call(l, s);
+      },
+      disabled: (s) => s.status === "error",
+      disabledReason: (s) => s.status === "error" ? n(
+        "invoiceUploadList.action.reviewDisabledError",
+        "This file has an error, so there is nothing to review"
+      ) : void 0
+    }
+  ] : [], [n, e, i]);
+}
+function Rt({
+  privacyMode: e,
+  loadingIds: i,
+  rowActions: n
+}) {
+  const { t: s } = L("ui");
+  return S(() => {
+    const l = (t) => {
+      const r = B[t];
+      return s(r.key, r.en);
+    }, u = V.map(
+      (t) => ({ value: t, label: l(t) })
+    ), c = s("dataTable.actions", "Actions");
+    return [
+      {
+        id: "fileName",
+        header: s("invoiceUploadList.column.fileName", "File"),
+        rowHeader: !0,
+        pin: "start",
+        hideable: !1,
+        reorderable: !1,
+        pinnable: !1,
+        size: 240,
+        minSize: 160,
+        value: (t) => t.fileName,
+        exportValue: (t) => t.fileName,
+        sort: "text",
+        cell: (t) => /* @__PURE__ */ a(yt, { invoice: t })
+      },
+      {
+        id: "supplier",
+        header: s("invoiceUploadList.column.supplier", "Supplier"),
+        size: 240,
+        minSize: 160,
+        value: (t) => {
+          var r;
+          return ((r = t.supplier) == null ? void 0 : r.name) ?? null;
+        },
+        // Off while privacy mode is on: the whole column leaves sorting.
+        sort: "text",
+        // People are masked; companies stay visible.
+        privacy: { mode: "mask", appliesTo: ue },
+        cell: (t) => /* @__PURE__ */ a(gt, { invoice: t })
+      },
+      {
+        id: "invoiceNumber",
+        header: s("invoiceUploadList.column.invoiceNumber", "Invoice number"),
+        size: 160,
+        responsiveTier: 1,
+        value: (t) => t.invoiceNumber,
+        exportValue: (t) => t.invoiceNumber,
+        sort: "text",
+        cell: (t) => /* @__PURE__ */ a(bt, { invoice: t })
+      },
+      {
+        id: "date",
+        header: s("invoiceUploadList.column.date", "Date"),
+        size: 128,
+        responsiveTier: 1,
+        // A calendar day `YYYY-MM-DD`; DataGrid formats it for export.
+        value: (t) => t.date,
+        sort: "date",
+        sortDescFirst: !0,
+        search: !1,
+        cell: (t) => /* @__PURE__ */ a(Lt, { invoice: t })
+      },
+      {
+        id: "lineCount",
+        header: s("invoiceUploadList.column.lineCount", "Lines"),
+        align: "end",
+        size: 96,
+        responsiveTier: 2,
+        value: (t) => t.lineCount,
+        sort: "number",
+        sortDescFirst: !0,
+        search: !1,
+        cell: (t) => /* @__PURE__ */ a(Nt, { invoice: t })
+      },
+      {
+        id: "total",
+        header: s("invoiceUploadList.column.total", "Total"),
+        align: "end",
+        size: 136,
+        responsiveTier: 1,
+        value: (t) => {
+          const r = de(t.total);
+          return r ? $e(r) : null;
+        },
+        exportValue: (t) => t.total,
+        sort: "number",
+        sortDescFirst: !0,
+        search: !1,
+        cell: (t) => /* @__PURE__ */ a(St, { invoice: t })
+      },
+      {
+        id: "status",
+        header: s("invoiceUploadList.column.status", "Status"),
+        size: 224,
+        minSize: 160,
+        wrap: !0,
+        value: (t) => t.status,
+        exportValue: (t) => l(t.status),
+        // Work to do first: ready, to review, error, then the rest.
+        sort: (t, r) => oe[t.status] - oe[r.status],
+        filter: { kind: "select", options: u },
+        search: !1,
+        cell: (t) => /* @__PURE__ */ a(
+          It,
+          {
+            invoice: t,
+            loading: i.has(t.id),
+            privacyMode: e
+          }
+        )
+      },
+      {
+        id: "actions",
+        header: /* @__PURE__ */ a(x, { children: c }),
+        headerLabel: c,
+        pin: "end",
+        size: 120,
+        hideable: !1,
+        reorderable: !1,
+        pinnable: !1,
+        resizable: !1,
+        exportable: !1,
+        printable: !1,
+        search: !1,
+        // Kit RowActions, named by reference ("Actions, invoice.xml"),
+        // never by row data in an attribute.
+        cell: (t, r) => /* @__PURE__ */ a(
+          Fe,
+          {
+            row: t,
+            actions: n,
+            "aria-labelledby": r.inputLabelledBy
+          }
+        )
+      }
+    ];
+  }, [s, e, i, n]);
+}
+function b(e, i) {
+  throw new Error(`${e}: ${i}`);
+}
+const At = new Set(rt);
+function Tt(e) {
+  return At.has(e);
+}
+function Ut(e, i) {
+  const n = () => e.current, s = () => i.current;
+  function l(o) {
+    return s().invoices.find((r) => r.id === o) ?? b("UNKNOWN_ROW", `no invoice "${o}" in the list.`);
+  }
+  function u(o) {
+    var d;
+    const t = l(o), r = (d = n()) == null ? void 0 : d.getRowIds();
+    return r && !r.includes(o) && b(
+      "ROW_FILTERED_OUT",
+      `invoice "${o}" is hidden by the search or a filter.`
+    ), t;
+  }
+  function c() {
+    const { invoices: o, loadingIds: t } = s();
+    return pe(o, t);
+  }
+  return {
+    getFeatures() {
+      const { privacyMode: o, status: t, selectable: r } = s();
+      return { privacyMode: o, status: t, selectable: r, readyCount: c().length };
+    },
+    getRowIds() {
+      var o;
+      return ((o = n()) == null ? void 0 : o.getRowIds()) ?? s().invoices.map((t) => t.id);
+    },
+    getRowSummaries() {
+      const { invoices: o, privacyMode: t, loadingIds: r, callbacks: d } = s(), I = !!d.onReview;
+      return o.map(
+        (N) => pt(N, t, r, I)
+      );
+    },
+    getCounts() {
+      return me(s().invoices);
+    },
+    getSelection() {
+      var o;
+      return ((o = n()) == null ? void 0 : o.getSelection()) ?? [];
+    },
+    setSelection(o) {
+      var t;
+      (t = n()) == null || t.setSelection(o);
+    },
+    selectReady() {
+      const o = n();
+      return o ? (o.setSelection(c()), o.getSelection()) : [];
+    },
+    clearSelection() {
+      var o;
+      (o = n()) == null || o.clearSelection();
+    },
+    getSort() {
+      var o;
+      return vt(((o = n()) == null ? void 0 : o.getSort()) ?? []);
+    },
+    setSort(o) {
+      const t = n();
+      if (!t) return;
+      const r = new Set(
+        t.getColumns().filter((d) => d.masked === !0).map((d) => d.id)
+      );
+      for (const d of o)
+        if (!fe(d.colId) || r.has(d.colId))
+          return;
+      t.setSort(o);
+    },
+    getColumns() {
+      const o = n();
+      if (!o) return [];
+      const { privacyMode: t } = s(), r = [];
+      for (const d of o.getColumns())
+        Tt(d.id) && r.push({
+          id: d.id,
+          label: d.label,
+          visible: d.visible,
+          canHide: d.canHide,
+          sortable: d.sortable,
+          masked: d.masked ?? (t && d.id === "supplier")
+        });
+      return r;
+    },
+    hasRow(o) {
+      return s().invoices.some((t) => t.id === o);
+    },
+    scrollToRow(o) {
+      var t;
+      u(o), (t = n()) == null || t.scrollToRow(o);
+    },
+    focusRow(o) {
+      var t;
+      u(o), (t = n()) == null || t.focusRow(o, "fileName");
+    },
+    review(o) {
+      const t = l(o), { callbacks: r } = s();
+      r.onReview || b("ACTION_UNAVAILABLE", "this list offers no review."), t.status === "error" && b("ACTION_DISABLED", "error"), r.onReview(t);
+    },
+    loadAllReady() {
+      const { callbacks: o } = s();
+      o.onLoadAllReady || b("ACTION_UNAVAILABLE", 'this list offers no "load all ready".');
+      const t = c();
+      return t.length === 0 && b("ACTION_DISABLED", "noReadyInvoices"), o.onLoadAllReady(t), t;
+    },
+    loadSelected() {
+      var r;
+      const { callbacks: o } = s();
+      o.onLoadSelected || b("ACTION_UNAVAILABLE", "this list offers no bulk load.");
+      const t = ((r = n()) == null ? void 0 : r.getSelection()) ?? [];
+      return t.length === 0 && b("ACTION_DISABLED", "emptySelection"), o.onLoadSelected(t), t;
+    }
+  };
+}
+const Ct = [], _t = (e) => e.id, Ot = (e) => ut(e), kt = ke(function(i, n) {
+  const {
+    id: s = ct,
+    invoices: l,
+    status: u = "ready",
+    error: c,
+    selection: o,
+    defaultSelection: t,
+    onSelectionChange: r,
+    onReview: d,
+    onLoadAllReady: I,
+    onLoadSelected: N,
+    loadingIds: F = Ct,
+    privacyMode: U = !1,
+    caption: he,
+    density: ve = "default",
+    height: K = "auto",
+    persistColumnState: ye = !0,
+    className: ge,
+    "aria-label": be,
+    "aria-labelledby": Le,
+    "aria-describedby": Ne,
+    ...Se
+  } = i, { t: p, i18n: z } = L("ui"), C = R(null), y = S(() => new Set(F), [F]), P = !!N || o !== void 0 || t !== void 0 || r !== void 0, W = Ee(), _ = {
+    onReview: d,
+    onLoadAllReady: I,
+    onLoadSelected: N
+  }, H = R(_);
+  H.current = _;
+  const $ = {
+    invoices: l,
+    callbacks: _,
+    loadingIds: y,
+    privacyMode: U,
+    status: u,
+    selectable: P
+  }, q = R($);
+  q.current = $;
+  const [O] = X(
+    () => Ut(C, q)
+  );
+  De(n, () => O, [O]), Ve(et, O, s);
+  const w = S(
+    () => pe(l, y),
+    [l, y]
+  ), j = S(() => me(l), [l]), Ie = wt(H, !!d), we = Rt({
+    privacyMode: U,
+    loadingIds: y,
+    rowActions: Ie
+  }), Re = S(
+    () => (m) => {
+      if (M(m, y)) return "selectable";
+      if (y.has(m.id))
+        return {
+          state: "none",
+          reason: p(
+            "invoiceUploadList.selection.loadingReason",
+            "This invoice is being loaded"
+          )
+        };
+      const f = {
+        toReview: p(
+          "invoiceUploadList.selection.toReviewReason",
+          "Review this invoice before you load it"
+        ),
+        alreadyLoaded: p(
+          "invoiceUploadList.selection.alreadyLoadedReason",
+          "This invoice is already in the warehouse"
+        ),
+        loaded: p(
+          "invoiceUploadList.selection.loadedReason",
+          "This invoice is loaded"
+        ),
+        error: p(
+          "invoiceUploadList.selection.errorReason",
+          "This file has an error"
+        )
+      };
+      return {
+        state: "none",
+        reason: m.status === "readyToLoad" ? f.toReview : f[m.status]
+      };
+    },
+    [y, p]
+  ), Ae = (m) => {
+    m && requestAnimationFrame(() => {
+      var J;
+      const f = document.activeElement;
+      (!f || f === document.body) && ((J = C.current) == null || J.focusRow(m, "fileName"));
+    });
+  }, Te = V.map((m) => {
+    const f = B[m];
+    return { value: m, label: p(f.key, f.en) };
+  }), Ue = /* @__PURE__ */ h(g, { children: [
+    /* @__PURE__ */ h(g.FilterBar, { children: [
+      /* @__PURE__ */ a(
+        g.QuickSearch,
+        {
+          placeholder: p(
+            "invoiceUploadList.search.placeholder",
+            "Search by file, supplier or invoice number"
+          )
+        }
+      ),
+      /* @__PURE__ */ a(
+        g.FacetFilter,
+        {
+          field: "status",
+          label: p("invoiceUploadList.column.status", "Status"),
+          options: [
+            { value: null, label: p("dataTable.selectFilter.all", "All") },
+            ...Te
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(g.FilterChips, {})
+    ] }),
+    /* @__PURE__ */ h(g.Actions, { children: [
+      N ? /* @__PURE__ */ a(
+        g.BulkAction,
+        {
+          label: p("invoiceUploadList.bulk.loadSelected", "Load selected"),
+          icon: /* @__PURE__ */ a(ee, { "aria-hidden": "true" }),
+          onAction: ({ selectedRowIds: m }) => {
+            const f = [...m];
+            N(f), Ae(f[0]);
+          }
+        }
+      ) : null,
+      I ? /* @__PURE__ */ h(D, { children: [
+        /* @__PURE__ */ a(
+          Be,
+          {
+            intent: "primary",
+            size: "sm",
+            startIcon: /* @__PURE__ */ a(ee, { "aria-hidden": "true" }),
+            "aria-disabled": w.length === 0 ? !0 : void 0,
+            "aria-describedby": w.length === 0 ? W : void 0,
+            onClick: () => {
+              w.length !== 0 && I(w);
+            },
+            children: p(
+              "invoiceUploadList.loadAllReady",
+              "Load all ready ({{countText}})",
+              {
+                countText: se(w.length, z.language)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ a(x, { id: W, children: p(
+          "invoiceUploadList.loadAllReadyNone",
+          "No invoice is ready to load"
+        ) })
+      ] }) : null,
+      /* @__PURE__ */ a(g.ColumnToggle, {})
+    ] })
+  ] }), G = V.filter(
+    (m) => j[m] > 0
+  ), k = G.map(
+    (m) => Ge(p, z.language, m, j[m])
+  ), [Ce, _e] = X(""), Y = R(!1), Q = k.join(", "), Z = R(Q);
+  Z.current = Q;
+  const E = y.size > 0;
+  return xe(() => {
+    Y.current && !E && _e(Z.current), Y.current = E;
+  }, [E]), /* @__PURE__ */ h(
+    "div",
+    {
+      "data-component": "invoice-upload-list",
+      "data-component-id": s,
+      className: tt({ height: K, className: ge }),
+      ...Se,
+      children: [
+        /* @__PURE__ */ a(
+          Me,
+          {
+            ref: C,
+            columns: we,
+            rows: l,
+            getRowId: _t,
+            caption: he ?? p("invoiceUploadList.caption", "Uploaded invoices"),
+            "aria-label": be,
+            "aria-labelledby": Le,
+            "aria-describedby": Ne,
+            gridId: s,
+            registerAgent: !1,
+            persistColumnState: ye,
+            dataMode: "client",
+            selectionMode: P ? "multiple" : "none",
+            rowSelection: o,
+            defaultRowSelection: t,
+            onRowSelectionChange: r,
+            getRowSelectability: Re,
+            selectAllScope: "all",
+            rangeSelection: !0,
+            columnResizing: !0,
+            responsiveColumns: !0,
+            getRowLabel: Ot,
+            rowLabelPrivacySafe: !0,
+            status: u,
+            error: {
+              title: (c == null ? void 0 : c.title) ?? p(
+                "invoiceUploadList.error.title",
+                "The uploaded invoices could not be shown"
+              ),
+              description: c == null ? void 0 : c.description,
+              onRetry: c == null ? void 0 : c.onRetry
+            },
+            empty: {
+              title: p("invoiceUploadList.empty.title", "No invoices uploaded yet"),
+              description: p(
+                "invoiceUploadList.empty.description",
+                "Invoices from the files you upload appear here."
+              ),
+              noResultsTitle: p(
+                "invoiceUploadList.empty.noResultsTitle",
+                "No invoices match your search"
+              )
+            },
+            toolbar: Ue,
+            density: ve,
+            height: K,
+            privacyMode: U,
+            hostTextPrivacySafe: !0
+          }
+        ),
+        k.length > 0 ? /* @__PURE__ */ a("p", { className: at(), children: k.map((m, f) => /* @__PURE__ */ h("span", { children: [
+          f > 0 ? /* @__PURE__ */ h(D, { children: [
+            " ",
+            /* @__PURE__ */ a("span", { "aria-hidden": "true", children: "·" }),
+            " "
+          ] }) : null,
+          m
+        ] }, G[f])) }) : null,
+        /* @__PURE__ */ a(x, { role: "status", "aria-atomic": "true", children: Ce })
+      ]
+    }
+  );
+});
+kt.displayName = "InvoiceUploadList";
+export {
+  ti as I,
+  ei as a,
+  rt as b,
+  lt as c,
+  kt as d,
+  et as i
+};
+//# sourceMappingURL=invoice-upload-list-CsFsRgbt.js.map