@fileflow/sdk 0.1.21 → 0.1.22

package/dist/{ImportWizard-Dececv65.mjs → ImportWizard-Ctm4PB3o.mjs}

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as w, Fragment as ee } from "react/jsx-runtime";
 import * as _e from "react";
-import vt, { useCallback as Pe, useState as j, useMemo as Be, useEffect as Ke } from "react";
+import vt, { useCallback as Pe, useState as q, useMemo as Be, useEffect as Ke } from "react";
 import { h as T, j as wt, k as Ct, X as ce, m as W, U as Ze, n as ke, T as Fe, q as yt, p as Ee, o as qe, t as St, d as Rt, V as je, g as re, S as pe, L as ae } from "./index-DJ8UbzFt.mjs";
 /**
  * @license lucide-react v0.563.0 - ISC
@@ -343,8 +343,8 @@ function me(e, r, t) {
       if (!y.targetKey) continue;
       const x = r.columns.find((P) => P.key === y.targetKey);
       if (!x) continue;
-      const $ = v.data[y.targetKey] || v.data[y.sourceColumn] || "", F = qt(String($), x);
-      for (const P of F)
+      const $ = v.data[y.targetKey] || v.data[y.sourceColumn] || "", _ = qt(String($), x);
+      for (const P of _)
         n.push({ ...P, rowIndex: v.rowIndex });
     }
   const o = ((C = r.options) == null ? void 0 : C.uniqueKeys) || [];
@@ -353,14 +353,14 @@ function me(e, r, t) {
     if (!y) continue;
     const x = /* @__PURE__ */ new Map();
     for (const $ of e) {
-      const F = String($.data[v] || $.data[y.sourceColumn] || "").toLowerCase().trim();
-      if (!F) continue;
-      const P = x.get(F) || [];
-      P.push($.rowIndex), x.set(F, P);
+      const _ = String($.data[v] || $.data[y.sourceColumn] || "").toLowerCase().trim();
+      if (!_) continue;
+      const P = x.get(_) || [];
+      P.push($.rowIndex), x.set(_, P);
     }
-    for (const [$, F] of x.entries())
-      if (F.length > 1)
-        for (const P of F.slice(1))
+    for (const [$, _] of x.entries())
+      if (_.length > 1)
+        for (const P of _.slice(1))
           n.push({
             rowIndex: P,
             columnKey: v,
@@ -396,13 +396,13 @@ function me(e, r, t) {
     if (!y) continue;
     const x = /* @__PURE__ */ new Map();
     for (const $ of e) {
-      const F = String($.data[v] || $.data[y.sourceColumn] || "").toLowerCase().trim();
-      if (!F) continue;
-      const P = x.get(F) || [];
-      P.push($.rowIndex), x.set(F, P);
+      const _ = String($.data[v] || $.data[y.sourceColumn] || "").toLowerCase().trim();
+      if (!_) continue;
+      const P = x.get(_) || [];
+      P.push($.rowIndex), x.set(_, P);
     }
-    for (const [$, F] of x.entries())
-      F.length > 1 && m.push({ columnKey: v, value: $, rowIndices: F });
+    for (const [$, _] of x.entries())
+      _.length > 1 && m.push({ columnKey: v, value: $, rowIndices: _ });
   }
   const h = {
     byColumn: d,
@@ -917,14 +917,14 @@ function ue(e, r, t, n) {
       if (y && C.column.parent ? x = C.column.parent : (x = C.column, $ = !0), v && (v == null ? void 0 : v.column) === x)
         v.subHeaders.push(C);
       else {
-        const F = Xe(t, x, {
+        const _ = Xe(t, x, {
           id: [n, a, x.id, C == null ? void 0 : C.id].filter(Boolean).join("_"),
           isPlaceholder: $,
           placeholderId: $ ? `${h.filter((P) => P.column === x).length}` : void 0,
           depth: a,
           index: h.length
         });
-        F.subHeaders.push(C), h.push(F);
+        _.subHeaders.push(C), h.push(_);
       }
       m.headers.push(C), C.headerGroup = m;
     }), u.push(m), a > 0 && f(h, a - 1);
@@ -938,9 +938,9 @@ function ue(e, r, t, n) {
     m.subHeaders && m.subHeaders.length ? (v = [], p(m.subHeaders).forEach((x) => {
       let {
         colSpan: $,
-        rowSpan: F
+        rowSpan: _
       } = x;
-      h += $, v.push(F);
+      h += $, v.push(_);
     })) : h = 1;
     const y = Math.min(...v);
     return C = C + y, m.colSpan = h, m.rowSpan = C, {
@@ -1053,7 +1053,7 @@ De.resolveFilterValue = (e) => {
   return [l, s];
 };
 De.autoRemove = (e) => O(e) || O(e[0]) && O(e[1]);
-const q = {
+const K = {
   includesString: et,
   includesStringSensitive: tt,
   equalsString: nt,
@@ -1083,12 +1083,12 @@ const tn = {
   createColumn: (e, r) => {
     e.getAutoFilterFn = () => {
       const t = r.getCoreRowModel().flatRows[0], n = t == null ? void 0 : t.getValue(e.id);
-      return typeof n == "string" ? q.includesString : typeof n == "number" ? q.inNumberRange : typeof n == "boolean" || n !== null && typeof n == "object" ? q.equals : Array.isArray(n) ? q.arrIncludes : q.weakEquals;
+      return typeof n == "string" ? K.includesString : typeof n == "number" ? K.inNumberRange : typeof n == "boolean" || n !== null && typeof n == "object" ? K.equals : Array.isArray(n) ? K.arrIncludes : K.weakEquals;
     }, e.getFilterFn = () => {
       var t, n;
       return ge(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
         // @ts-ignore
-        (t = (n = r.options.filterFns) == null ? void 0 : n[e.columnDef.filterFn]) != null ? t : q[e.columnDef.filterFn]
+        (t = (n = r.options.filterFns) == null ? void 0 : n[e.columnDef.filterFn]) != null ? t : K[e.columnDef.filterFn]
       );
     }, e.getCanFilter = () => {
       var t, n, o;
@@ -1452,11 +1452,11 @@ const fe = {
           return;
         const s = e.getSize(), i = e ? e.getLeafHeaders().map((v) => [v.column.id, v.column.getSize()]) : [[n.id, n.getSize()]], u = Ce(l) ? Math.round(l.touches[0].clientX) : l.clientX, f = {}, g = (v, y) => {
           typeof y == "number" && (r.setColumnSizingInfo((x) => {
-            var $, F;
-            const P = r.options.columnResizeDirection === "rtl" ? -1 : 1, Y = (y - (($ = x == null ? void 0 : x.startOffset) != null ? $ : 0)) * P, k = Math.max(Y / ((F = x == null ? void 0 : x.startSize) != null ? F : 0), -0.999999);
+            var $, _;
+            const P = r.options.columnResizeDirection === "rtl" ? -1 : 1, Y = (y - (($ = x == null ? void 0 : x.startOffset) != null ? $ : 0)) * P, k = Math.max(Y / ((_ = x == null ? void 0 : x.startSize) != null ? _ : 0), -0.999999);
             return x.columnSizingStart.forEach((G) => {
-              let [K, D] = G;
-              f[K] = Math.round(Math.max(D + D * k, 0) * 100) / 100;
+              let [j, D] = G;
+              f[j] = Math.round(Math.max(D + D * k, 0) * 100) / 100;
             }), {
               ...x,
               deltaOffset: Y,
@@ -1620,12 +1620,12 @@ const yn = {
     };
   },
   createTable: (e) => {
-    e.getGlobalAutoFilterFn = () => q.includesString, e.getGlobalFilterFn = () => {
+    e.getGlobalAutoFilterFn = () => K.includesString, e.getGlobalFilterFn = () => {
       var r, t;
       const {
         globalFilterFn: n
       } = e.options;
-      return ge(n) ? n : n === "auto" ? e.getGlobalAutoFilterFn() : (r = (t = e.options.filterFns) == null ? void 0 : t[n]) != null ? r : q[n];
+      return ge(n) ? n : n === "auto" ? e.getGlobalAutoFilterFn() : (r = (t = e.options.filterFns) == null ? void 0 : t[n]) != null ? r : K[n];
     }, e.setGlobalFilter = (r) => {
       e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(r);
     }, e.resetGlobalFilter = (r) => {
@@ -2527,11 +2527,11 @@ function Tn() {
           const m = l[a], h = s[m.id], C = h.sortUndefined, v = (d = m == null ? void 0 : m.desc) != null ? d : !1;
           let y = 0;
           if (C) {
-            const x = g.getValue(m.id), $ = p.getValue(m.id), F = x === void 0, P = $ === void 0;
-            if (F || P) {
-              if (C === "first") return F ? -1 : 1;
-              if (C === "last") return F ? 1 : -1;
-              y = F && P ? 0 : F ? C : -C;
+            const x = g.getValue(m.id), $ = p.getValue(m.id), _ = x === void 0, P = $ === void 0;
+            if (_ || P) {
+              if (C === "first") return _ ? -1 : 1;
+              if (C === "last") return _ ? 1 : -1;
+              y = _ && P ? 0 : _ ? C : -C;
             }
           }
           if (y === 0 && (y = h.sortingFn(g, p, m.id)), y !== 0)
@@ -2618,42 +2618,77 @@ const Ye = ({
     stopEditing: p,
     updateCell: d,
     deleteRow: a
-  } = te(), [m, h] = j([]), [C, v] = j(""), [y, x] = j(""), $ = Be(() => i.filter((_) => _.targetKey !== null).map((_) => {
-    const I = s == null ? void 0 : s.columns.find((M) => M.key === _.targetKey);
+  } = te(), [m, h] = q([]), [C, v] = q(""), [y, x] = q(""), $ = Be(() => i.filter((F) => F.targetKey !== null).map((F) => {
+    const I = s == null ? void 0 : s.columns.find((M) => M.key === F.targetKey);
     return {
-      sourceColumn: _.sourceColumn,
-      targetKey: _.targetKey,
-      label: (I == null ? void 0 : I.label) || _.targetKey,
+      sourceColumn: F.sourceColumn,
+      targetKey: F.targetKey,
+      label: (I == null ? void 0 : I.label) || F.targetKey,
       type: (I == null ? void 0 : I.type) || "string"
     };
-  }), [i, s]), F = Pe(
-    (_, I) => {
-      const M = u.get(_);
+  }), [i, s]), _ = Pe(
+    (F, I) => {
+      const M = u.get(F);
       return M == null ? void 0 : M.find((H) => H.columnKey === I);
     },
     [u]
-  ), P = (_, I, M) => {
-    x(M), g(_, I);
+  ), P = (F, I, M) => {
+    x(M), g(F, I);
   }, Y = () => {
     f && (d(f.rowIndex, f.columnKey, y), n == null || n(f.rowIndex, f.columnKey, y)), p();
   }, k = () => {
     x(""), p();
-  }, G = (_) => {
-    a(_), o == null || o(_);
-  }, K = Xt(), D = Be(
+  }, G = (F) => {
+    a(F), o == null || o(F);
+  }, j = Xt(), D = Be(
     () => [
-      K.accessor("rowIndex", {
+      j.accessor("rowIndex", {
         header: "#",
-        size: 60,
-        cell: (_) => /* @__PURE__ */ c("span", { className: "ff-font-mono ff-text-xs", style: { color: "var(--ff-text-muted)" }, children: _.getValue() + 1 })
+        size: r ? 80 : 60,
+        cell: (F) => {
+          const I = F.getValue();
+          return /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+            /* @__PURE__ */ c("span", { className: "ff-font-mono ff-text-xs", style: { color: "var(--ff-text-muted)" }, children: I + 1 }),
+            r && /* @__PURE__ */ c(
+              "button",
+              {
+                onClick: (M) => {
+                  M.stopPropagation(), G(I);
+                },
+                title: "Delete row",
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "4px",
+                  borderRadius: "4px",
+                  cursor: "pointer",
+                  color: "#8e8d89",
+                  background: "transparent",
+                  border: "none",
+                  transition: "color 0.15s, background-color 0.15s",
+                  marginLeft: "2px",
+                  flexShrink: 0
+                },
+                onMouseEnter: (M) => {
+                  M.currentTarget.style.color = "#d43338", M.currentTarget.style.backgroundColor = "#fcdede";
+                },
+                onMouseLeave: (M) => {
+                  M.currentTarget.style.color = "#8e8d89", M.currentTarget.style.backgroundColor = "transparent";
+                },
+                children: /* @__PURE__ */ c(Kt, { style: { width: "14px", height: "14px", display: "block" } })
+              }
+            )
+          ] });
+        }
       }),
       ...$.map(
-        (_) => K.accessor((I) => I.data[_.targetKey] || I.data[_.sourceColumn], {
-          id: _.targetKey,
-          header: _.label,
+        (F) => j.accessor((I) => I.data[F.targetKey] || I.data[F.sourceColumn], {
+          id: F.targetKey,
+          header: F.label,
           cell: (I) => {
-            const M = I.row.original.rowIndex, H = String(I.getValue() ?? ""), b = F(M, _.targetKey);
-            return (f == null ? void 0 : f.rowIndex) === M && (f == null ? void 0 : f.columnKey) === _.targetKey ? /* @__PURE__ */ w("div", { className: "ff-flex ff-items-center ff-gap-2 ff-min-w-[280px]", children: [
+            const M = I.row.original.rowIndex, H = String(I.getValue() ?? ""), b = _(M, F.targetKey);
+            return (f == null ? void 0 : f.rowIndex) === M && (f == null ? void 0 : f.columnKey) === F.targetKey ? /* @__PURE__ */ w("div", { className: "ff-flex ff-items-center ff-gap-2 ff-min-w-[280px]", children: [
               /* @__PURE__ */ c(
                 "input",
                 {
@@ -2703,7 +2738,7 @@ const Ye = ({
                   e && /* @__PURE__ */ c(
                     "button",
                     {
-                      onClick: () => P(M, _.targetKey, H),
+                      onClick: () => P(M, F.targetKey, H),
                       className: "ff-opacity-0 group-hover:ff-opacity-100 ff-p-1 ff-rounded ff-transition-opacity ff-edit-btn",
                       children: /* @__PURE__ */ c(Gt, { className: "ff-w-3 ff-h-3" })
                     }
@@ -2713,46 +2748,11 @@ const Ye = ({
             );
           }
         })
-      ),
-      // Actions column (delete)
-      ...r ? [
-        K.display({
-          id: "actions",
-          header: "",
-          size: 50,
-          cell: (_) => {
-            const I = _.row.original.rowIndex;
-            return /* @__PURE__ */ c(
-              "button",
-              {
-                onClick: () => G(I),
-                title: "Delete row",
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  padding: "6px",
-                  borderRadius: "6px",
-                  cursor: "pointer",
-                  color: "#8e8d89",
-                  background: "transparent",
-                  border: "none",
-                  transition: "color 0.15s, background-color 0.15s"
-                },
-                onMouseEnter: (M) => {
-                  M.currentTarget.style.color = "#d43338", M.currentTarget.style.backgroundColor = "#fcdede";
-                },
-                onMouseLeave: (M) => {
-                  M.currentTarget.style.color = "#8e8d89", M.currentTarget.style.backgroundColor = "transparent";
-                },
-                children: /* @__PURE__ */ c(Kt, { style: { width: "16px", height: "16px", display: "block" } })
-              }
-            );
-          }
-        })
-      ] : []
+      )
+      // Delete button is now in the # column (first column) so it's always visible
+      // even when the table has many columns and requires horizontal scrolling.
     ],
-    [$, f, y, e, r, F, K]
+    [$, f, y, e, r, _, j]
   ), z = jn({
     data: l,
     columns: D,
@@ -2779,7 +2779,7 @@ const Ye = ({
         {
           type: "text",
           value: C,
-          onChange: (_) => v(_.target.value),
+          onChange: (F) => v(F.target.value),
           placeholder: "Search all columns...",
           className: "ff-input ff-max-w-xs"
         }
@@ -2790,7 +2790,7 @@ const Ye = ({
       ] })
     ] }),
     /* @__PURE__ */ c("div", { className: "ff-table-container ff-max-h-[500px]", children: /* @__PURE__ */ w("table", { className: "ff-table", children: [
-      /* @__PURE__ */ c("thead", { children: z.getHeaderGroups().map((_) => /* @__PURE__ */ c("tr", { children: _.headers.map((I) => /* @__PURE__ */ c(
+      /* @__PURE__ */ c("thead", { children: z.getHeaderGroups().map((F) => /* @__PURE__ */ c("tr", { children: F.headers.map((I) => /* @__PURE__ */ c(
         "th",
         {
           style: { width: I.getSize() },
@@ -2804,16 +2804,16 @@ const Ye = ({
           ] })
         },
         I.id
-      )) }, _.id)) }),
-      /* @__PURE__ */ c("tbody", { children: z.getRowModel().rows.map((_) => {
-        const I = u.has(_.original.rowIndex);
+      )) }, F.id)) }),
+      /* @__PURE__ */ c("tbody", { children: z.getRowModel().rows.map((F) => {
+        const I = u.has(F.original.rowIndex);
         return /* @__PURE__ */ c(
           "tr",
           {
             className: W(I && "ff-row-error"),
-            children: _.getVisibleCells().map((M) => /* @__PURE__ */ c("td", { children: Qe(M.column.columnDef.cell, M.getContext()) }, M.id))
+            children: F.getVisibleCells().map((M) => /* @__PURE__ */ c("td", { children: Qe(M.column.columnDef.cell, M.getContext()) }, M.id))
           },
-          _.id
+          F.id
         );
       }) })
     ] }) }),
@@ -2999,13 +2999,13 @@ const Ye = ({
     setMappings: y,
     setUnmapped: x,
     setValidationResults: $,
-    setStep: F,
+    setStep: _,
     nextStep: P,
     previousStep: Y,
     setLoading: k,
     setError: G,
-    reset: K
-  } = te(), [D, z] = j(null), [_, I] = j(null), [M, H] = j(0), [b, U] = j("");
+    reset: j
+  } = te(), [D, z] = q(null), [F, I] = q(null), [M, H] = q(0), [b, U] = q("");
   Ke(() => {
     if (I(null), e)
       if (St(e)) {
@@ -3081,7 +3081,7 @@ const Ye = ({
       } finally {
         k(!1);
       }
-  }, [He, se] = j(null), [A, Ae] = j(null), ct = async () => {
+  }, [He, se] = q(null), [A, Ae] = q(null), ct = async () => {
     if (f)
       try {
         k(!0), G(null), se(null);
@@ -3089,16 +3089,16 @@ const Ye = ({
           skipInvalidRows: !0,
           acknowledgeWarnings: !0
         });
-        Ae(V), F("complete"), l == null || l(V);
+        Ae(V), _("complete"), l == null || l(V);
       } catch (N) {
-        se(N.message), F("complete");
+        se(N.message), _("complete");
       } finally {
         k(!1);
       }
   }, ie = () => {
-    K(), s == null || s();
+    j(), s == null || s();
   }, Ge = () => {
-    se(null), Ae(null), H(0), U(""), K(), D && (h(D), J(D));
+    se(null), Ae(null), H(0), U(""), j(), D && (h(D), J(D));
   }, gt = () => Un.findIndex((N) => N.key === u), pt = () => {
     switch (u) {
       case "upload":
@@ -3127,11 +3127,11 @@ const Ye = ({
         P();
     }
   };
-  if (_)
+  if (F)
     return /* @__PURE__ */ c(pe, { theme: n, useShadowDom: o, children: /* @__PURE__ */ c("div", { className: "ff-container ff-bg-white ff-rounded-xl ff-shadow-xl ff-overflow-hidden ff-p-6", children: /* @__PURE__ */ w("div", { className: "ff-flex ff-flex-col ff-items-center ff-justify-center ff-py-8", children: [
       /* @__PURE__ */ c("div", { className: "ff-w-16 ff-h-16 ff-rounded-full ff-flex ff-items-center ff-justify-center ff-mb-4", style: { backgroundColor: "var(--ff-error-light)" }, children: /* @__PURE__ */ c(ce, { className: "ff-w-10 ff-h-10", style: { color: "var(--ff-error)" } }) }),
       /* @__PURE__ */ c("h3", { className: "ff-text-xl ff-font-semibold ff-mb-2", style: { color: "var(--ff-text-primary)" }, children: "Configuration Error" }),
-      /* @__PURE__ */ c("p", { className: "ff-text-center ff-max-w-md ff-mb-4", style: { color: "var(--ff-text-muted)" }, children: _ }),
+      /* @__PURE__ */ c("p", { className: "ff-text-center ff-max-w-md ff-mb-4", style: { color: "var(--ff-text-muted)" }, children: F }),
       s && /* @__PURE__ */ c("button", { onClick: ie, className: "ff-btn ff-btn-secondary", children: "Close" })
     ] }) }) });
   if (!D)
@@ -3226,7 +3226,7 @@ const Ye = ({
             "button",
             {
               onClick: () => {
-                se(null), F("review");
+                se(null), _("review");
               },
               className: "ff-btn ff-btn-secondary",
               children: "Back to Review"
@@ -3306,4 +3306,4 @@ export {
   Je as V,
   te as u
 };
-//# sourceMappingURL=ImportWizard-Dececv65.mjs.map
+//# sourceMappingURL=ImportWizard-Ctm4PB3o.mjs.map