nuxt-ui-tools 0.1.3 → 1.0.0

package/dist/runtime/spreadsheet/composables/use-spreadsheet-review.js

@@ -2,7 +2,8 @@ import UBadge from "@nuxt/ui/components/Badge.vue";
 import UCheckbox from "@nuxt/ui/components/Checkbox.vue";
 import { computed, ref, h } from "vue";
 import { useUiToolsLocale } from "#ui-tools/i18n";
-import SpreadsheetValuePreview from "../components/shared/SpreadsheetValuePreview.vue";
+import { isNullish } from "../../shared/utils/predicate.js";
+import SpreadsheetValuePreview from "../components/shared/spreadsheet-value-preview.vue";
 import { formatSpreadsheetCell, humanizeSpreadsheetKey } from "../utils/display.js";
 import {
   getSpreadsheetLeafPaths,
@@ -37,7 +38,9 @@ export function useSpreadsheetReview(params) {
   function setActiveTab(value) {
     activeTab.value = value;
     clearSelection();
-    if (value === "valid" || value === "discarded") issueFilter.value = "all";
+    if (value === "valid" || value === "discarded") {
+      issueFilter.value = "all";
+    }
   }
   function setIssueFilter(value) {
     issueFilter.value = value;
@@ -54,9 +57,9 @@ export function useSpreadsheetReview(params) {
   }
   function discardSelectedRows() {
     const discardableIndexes = selectedRowIndexes.value.filter((index) => !isDiscarded(index));
-    manuallyDiscardedRowIndexes.value = Array.from(
-      /* @__PURE__ */ new Set([...manuallyDiscardedRowIndexes.value, ...discardableIndexes])
-    );
+    manuallyDiscardedRowIndexes.value = [
+      .../* @__PURE__ */ new Set([...manuallyDiscardedRowIndexes.value, ...discardableIndexes])
+    ];
     clearSelection();
   }
   function restoreSelectedRows() {
@@ -66,7 +69,9 @@ export function useSpreadsheetReview(params) {
     clearSelection();
   }
   function discardRow(index) {
-    if (isDiscarded(index)) return;
+    if (isDiscarded(index)) {
+      return;
+    }
     manuallyDiscardedRowIndexes.value = [...manuallyDiscardedRowIndexes.value, index];
   }
   function restoreRow(index) {
@@ -97,10 +102,10 @@ export function useSpreadsheetReview(params) {
     () => reviewRows.value.filter((row) => row.issues.length > 0 && !isDiscarded(row.index))
   );
   const inspectedRow = computed(
-    () => inspectedRowIndex.value == null ? null : reviewRows.value.find((row) => row.index === inspectedRowIndex.value) ?? null
+    () => isNullish(inspectedRowIndex.value) ? null : reviewRows.value.find((row) => row.index === inspectedRowIndex.value) ?? null
   );
   const inspectedIssueRowPosition = computed(
-    () => inspectedRow.value == null ? -1 : issueRows.value.findIndex((row) => row.index === inspectedRow.value?.index)
+    () => isNullish(inspectedRow.value) ? -1 : issueRows.value.findIndex((row) => row.index === inspectedRow.value?.index)
   );
   const blockingIssueCount = computed(
     () => invalidRows.value.reduce(
@@ -116,31 +121,31 @@ export function useSpreadsheetReview(params) {
   );
   const stats = computed(() => [
     {
+      accentClass: "bg-success",
+      cardClass: "border-default/70",
+      hint: t("spreadsheet.steps.review.validRows", { count: validRows.value.length }),
       key: "ready",
-      value: validRows.value.length,
       label: t("spreadsheet.steps.review.ready"),
-      hint: t("spreadsheet.steps.review.validRows", { count: validRows.value.length }),
-      valueClass: "text-success",
-      accentClass: "bg-success",
-      cardClass: "border-default/70"
+      value: validRows.value.length,
+      valueClass: "text-success"
     },
     {
+      accentClass: "bg-error",
+      cardClass: "border-default/70",
+      hint: invalidRows.value.length ? `${t("spreadsheet.steps.review.blocking", { count: blockingIssueCount.value })} \xB7 ${t("spreadsheet.steps.review.warnings", { count: warningIssueCount.value })}` : t("spreadsheet.steps.review.noBlockingIssues"),
       key: "invalid",
-      value: invalidRows.value.length,
       label: t("spreadsheet.steps.review.invalid", { count: invalidRows.value.length }),
-      hint: invalidRows.value.length ? `${t("spreadsheet.steps.review.blocking", { count: blockingIssueCount.value })} \xB7 ${t("spreadsheet.steps.review.warnings", { count: warningIssueCount.value })}` : t("spreadsheet.steps.review.noBlockingIssues"),
-      valueClass: "text-error",
-      accentClass: "bg-error",
-      cardClass: "border-default/70"
+      value: invalidRows.value.length,
+      valueClass: "text-error"
     },
     {
+      accentClass: "bg-warning",
+      cardClass: discardedRows.value.length ? "border-warning/40" : "border-default/70",
+      hint: discardedRows.value.length ? t("spreadsheet.steps.review.willNotBeImported") : t("spreadsheet.steps.review.nothingDiscarded"),
       key: "discarded",
-      value: discardedRows.value.length,
       label: t("spreadsheet.steps.review.discarded", { count: discardedRows.value.length }),
-      hint: discardedRows.value.length ? t("spreadsheet.steps.review.willNotBeImported") : t("spreadsheet.steps.review.nothingDiscarded"),
-      valueClass: "text-warning",
-      accentClass: "bg-warning",
-      cardClass: discardedRows.value.length ? "border-warning/40" : "border-default/70"
+      value: discardedRows.value.length,
+      valueClass: "text-warning"
     }
   ]);
   const hasOverflow = computed(() => reviewRows.value.length > params.maxRecords.value);
@@ -184,11 +189,15 @@ export function useSpreadsheetReview(params) {
   ]);
   const visibleRows = computed(() => {
     const baseRows = activeTab.value === "valid" ? validRows.value : activeTab.value === "invalid" ? invalidRows.value : activeTab.value === "discarded" ? discardedRows.value : reviewRows.value;
-    if (activeTab.value === "valid" || activeTab.value === "discarded") return baseRows;
-    if (issueFilter.value === "blocking")
+    if (activeTab.value === "valid" || activeTab.value === "discarded") {
+      return baseRows;
+    }
+    if (issueFilter.value === "blocking") {
       return baseRows.filter((row) => hasBlockingIssue(row.issues));
-    if (issueFilter.value === "warning")
+    }
+    if (issueFilter.value === "warning") {
       return baseRows.filter((row) => !hasBlockingIssue(row.issues) && hasWarningIssue(row.issues));
+    }
     return baseRows;
   });
   const selectedRowIndexes = computed(
@@ -211,45 +220,55 @@ export function useSpreadsheetReview(params) {
     return getSpreadsheetLeafPaths(sample);
   });
   function getRowStatus(index, issues) {
-    if (isDiscarded(index))
+    if (isDiscarded(index)) {
       return {
-        label: t("spreadsheet.steps.review.discardedStatus"),
         color: "neutral",
-        icon: "i-lucide-ban"
+        icon: "i-lucide-ban",
+        label: t("spreadsheet.steps.review.discardedStatus")
       };
-    if (hasBlockingIssue(issues))
+    }
+    if (hasBlockingIssue(issues)) {
       return {
-        label: t("spreadsheet.steps.review.blockingStatus"),
         color: "error",
-        icon: "i-lucide-circle-x"
+        icon: "i-lucide-circle-x",
+        label: t("spreadsheet.steps.review.blockingStatus")
       };
-    if (hasWarningIssue(issues))
+    }
+    if (hasWarningIssue(issues)) {
       return {
-        label: t("spreadsheet.steps.review.warningStatus"),
         color: "warning",
-        icon: "i-lucide-triangle-alert"
+        icon: "i-lucide-triangle-alert",
+        label: t("spreadsheet.steps.review.warningStatus")
       };
+    }
     return {
-      label: t("spreadsheet.steps.review.validStatus"),
       color: "success",
-      icon: "i-lucide-circle-check"
+      icon: "i-lucide-circle-check",
+      label: t("spreadsheet.steps.review.validStatus")
     };
   }
   function getIssueBadge(issue) {
-    if (issue.level === "error")
-      return { label: t("spreadsheet.steps.review.issueBadgeBlocking"), color: "error" };
-    return { label: t("spreadsheet.steps.review.issueBadgeWarning"), color: "warning" };
+    if (issue.level === "error") {
+      return { color: "error", label: t("spreadsheet.steps.review.issueBadgeBlocking") };
+    }
+    return { color: "warning", label: t("spreadsheet.steps.review.issueBadgeWarning") };
   }
   function getIssueValueTone(issue) {
-    if (issue.level === "error") return "bg-error/6";
+    if (issue.level === "error") {
+      return "bg-error/6";
+    }
     return "bg-warning/10";
   }
   function getIssueValue(rowData, issue) {
-    if (!issue.columnKey) return t("spreadsheet.steps.review.noValue");
+    if (!issue.columnKey) {
+      return t("spreadsheet.steps.review.noValue");
+    }
     return formatSpreadsheetCell(getSpreadsheetValueAtPath(rowData, issue.columnKey));
   }
   function getIssueRawValue(rowData, issue) {
-    if (!issue.columnKey) return void 0;
+    if (!issue.columnKey) {
+      return;
+    }
     return getSpreadsheetValueAtPath(rowData, issue.columnKey);
   }
   function getRelatedIssueCount(issue) {
@@ -260,24 +279,23 @@ export function useSpreadsheetReview(params) {
     ).length;
   }
   function getRowToneClass(row) {
-    if (isDiscarded(row.index)) return "opacity-45";
-    if (hasBlockingIssue(row.issues)) return "bg-error/5";
-    if (hasWarningIssue(row.issues)) return "bg-warning/5";
+    if (isDiscarded(row.index)) {
+      return "opacity-45";
+    }
+    if (hasBlockingIssue(row.issues)) {
+      return "bg-error/5";
+    }
+    if (hasWarningIssue(row.issues)) {
+      return "bg-warning/5";
+    }
     return "";
   }
   const reviewTableColumns = computed(() => [
     {
-      id: "select",
-      header: () => h("div", { class: "flex justify-center" }, [
-        h(UCheckbox, {
-          modelValue: allVisibleSelected.value,
-          "onUpdate:modelValue": selectAllVisible
-        })
-      ]),
       cell: ({ row }) => h("div", { class: "flex justify-center" }, [
         h(UCheckbox, {
-          modelValue: rowSelection.value[String(row.original.index)] ?? false,
           disabled: isOverflowRow(row.original.index) && activeTab.value !== "discarded",
+          modelValue: rowSelection.value[String(row.original.index)] ?? false,
           "onUpdate:modelValue": (value) => {
             rowSelection.value = {
               ...rowSelection.value,
@@ -286,16 +304,21 @@ export function useSpreadsheetReview(params) {
           }
         })
       ]),
+      header: () => h("div", { class: "flex justify-center" }, [
+        h(UCheckbox, {
+          modelValue: allVisibleSelected.value,
+          "onUpdate:modelValue": selectAllVisible
+        })
+      ]),
+      id: "select",
       meta: {
         class: {
-          th: "w-12",
-          td: "w-12"
+          td: "w-12",
+          th: "w-12"
         }
       }
     },
     {
-      id: "row",
-      header: t("spreadsheet.steps.review.row"),
       accessorFn: (row) => row.index + 1,
       cell: ({
         row
@@ -308,86 +331,92 @@ export function useSpreadsheetReview(params) {
           h(
             UBadge,
             {
+              class: "font-medium",
               color: status.color,
-              variant: "soft",
-              size: "sm",
               icon: status.icon,
-              class: "font-medium"
+              size: "sm",
+              variant: "soft"
             },
             () => statusLabel
           )
         ]);
       },
+      header: t("spreadsheet.steps.review.row"),
+      id: "row",
       meta: {
         class: {
-          th: "w-44",
-          td: "w-44 align-top"
+          td: "w-44 align-top",
+          th: "w-44"
         }
       }
     },
     ...tableColumns.value.map((column) => ({
-      id: column,
-      header: humanizeSpreadsheetKey(column),
       accessorFn: (row) => formatSpreadsheetCell(getSpreadsheetValueAtPath(row.data, column)),
       cell: ({ row }) => h(SpreadsheetValuePreview, {
-        value: getSpreadsheetValueAtPath(row.original.data, column),
-        compact: true
+        compact: true,
+        value: getSpreadsheetValueAtPath(row.original.data, column)
       }),
+      header: humanizeSpreadsheetKey(column),
+      id: column,
       meta: {
         class: {
-          th: "min-w-44",
-          td: "min-w-44 max-w-80 align-top text-toned"
+          td: "min-w-44 max-w-80 align-top text-toned",
+          th: "min-w-44"
         }
       }
     }))
   ]);
   function inspectPrevIssueRow() {
-    if (inspectedIssueRowPosition.value <= 0) return;
+    if (inspectedIssueRowPosition.value <= 0) {
+      return;
+    }
     inspectedRowIndex.value = issueRows.value[inspectedIssueRowPosition.value - 1]?.index ?? null;
   }
   function inspectNextIssueRow() {
-    if (inspectedIssueRowPosition.value < 0) return;
+    if (inspectedIssueRowPosition.value < 0) {
+      return;
+    }
     inspectedRowIndex.value = issueRows.value[inspectedIssueRowPosition.value + 1]?.index ?? null;
   }
   return {
     activeTab,
-    issueFilter,
-    inspectedRow,
-    inspectedIssueRowPosition,
-    issueRows,
-    rowSelection,
-    selectedRowIndexes,
-    visibleRows,
-    stats,
-    hasOverflow,
-    overflowCount,
-    tabItems,
-    issueFilterItems,
     canDiscardSelection,
     canRestoreSelection,
-    reviewTableColumns,
-    tableColumns,
+    closeInspection,
+    discardRow,
+    discardSelectedRows,
     formatSpreadsheetCell,
-    getSpreadsheetObjectEntries,
-    humanizeSpreadsheetKey,
     getIssueBadge,
-    getIssueValueTone,
-    getIssueValue,
     getIssueRawValue,
+    getIssueValue,
+    getIssueValueTone,
     getRelatedIssueCount,
-    getRowToneClass,
     getRowStatus,
-    setActiveTab,
-    setIssueFilter,
-    discardSelectedRows,
-    restoreSelectedRows,
-    discardRow,
-    restoreRow,
-    inspectRow,
-    closeInspection,
-    inspectPrevIssueRow,
+    getRowToneClass,
+    getSpreadsheetObjectEntries,
+    hasOverflow,
+    humanizeSpreadsheetKey,
     inspectNextIssueRow,
+    inspectPrevIssueRow,
+    inspectRow,
+    inspectedIssueRowPosition,
+    inspectedRow,
     isDiscarded,
-    isManuallyDiscarded
+    isManuallyDiscarded,
+    issueFilter,
+    issueFilterItems,
+    issueRows,
+    overflowCount,
+    restoreRow,
+    restoreSelectedRows,
+    reviewTableColumns,
+    rowSelection,
+    selectedRowIndexes,
+    setActiveTab,
+    setIssueFilter,
+    stats,
+    tabItems,
+    tableColumns,
+    visibleRows
   };
 }

package/dist/runtime/spreadsheet/composables/use-spreadsheet-row-state.d.ts

@@ -1,15 +1,16 @@
-import { type ComputedRef } from 'vue';
-import type { SpreadsheetColumnMatch, SpreadsheetDynamicColumnMatch, SpreadsheetParsedRow, SpreadsheetRowSummary } from '../types/index.js';
+import type { ComputedRef } from 'vue';
+import type { SpreadsheetColumnMatch, SpreadsheetDynamicColumnMatch, SpreadsheetParsedRow, SpreadsheetRecord, SpreadsheetRowSummary } from '../types/index.js';
 export interface UseSpreadsheetRowStateParams {
     rows: ComputedRef<readonly (readonly unknown[])[]>;
-    contextData: ComputedRef<Record<string, unknown>>;
+    contextData: ComputedRef<SpreadsheetRecord>;
     columnMatches: ComputedRef<readonly SpreadsheetColumnMatch[]>;
     dynamicColumnMatches: ComputedRef<readonly SpreadsheetDynamicColumnMatch[]>;
     refreshSources: readonly unknown[];
 }
 export declare function useSpreadsheetRowState(params: UseSpreadsheetRowStateParams): {
-    parsedRows: import("vue").ShallowRef<SpreadsheetParsedRow<Record<string, unknown>>[], SpreadsheetParsedRow<Record<string, unknown>>[]>;
-    summary: import("vue").ShallowRef<SpreadsheetRowSummary, SpreadsheetRowSummary>;
+    error: import("vue").ShallowRef<unknown, unknown>;
+    parsedRows: import("vue").ShallowRef<SpreadsheetParsedRow<SpreadsheetRecord>[], SpreadsheetParsedRow<SpreadsheetRecord>[]>;
+    refreshRows: () => Promise<void>;
     status: import("vue").ShallowRef<{
         initialized: boolean;
         isParsing: boolean;
@@ -19,6 +20,5 @@ export declare function useSpreadsheetRowState(params: UseSpreadsheetRowStatePar
         isParsing: boolean;
         isReady: boolean;
     }>;
-    error: import("vue").ShallowRef<unknown, unknown>;
-    refreshRows: () => Promise<void>;
+    summary: import("vue").ShallowRef<SpreadsheetRowSummary, SpreadsheetRowSummary>;
 };

package/dist/runtime/spreadsheet/composables/use-spreadsheet-row-state.js

@@ -3,10 +3,10 @@ import { createSpreadsheetRowSummary, parseSpreadsheetRows } from "../utils/inde
 export function useSpreadsheetRowState(params) {
   const parsedRows = shallowRef([]);
   const summary = shallowRef({
-    totalRows: 0,
-    validRows: 0,
     invalidRows: 0,
-    issueCount: 0
+    issueCount: 0,
+    totalRows: 0,
+    validRows: 0
   });
   const status = shallowRef({
     initialized: false,
@@ -26,12 +26,14 @@ export function useSpreadsheetRowState(params) {
     error.value = null;
     try {
       const nextRows = await parseSpreadsheetRows({
-        rows: params.rows.value,
-        matches: params.columnMatches.value,
+        context: params.contextData.value,
         dynamicMatches: params.dynamicColumnMatches.value,
-        context: params.contextData.value
+        matches: params.columnMatches.value,
+        rows: params.rows.value
       });
-      if (runId !== nextRunId) return;
+      if (runId !== nextRunId) {
+        return;
+      }
       parsedRows.value = nextRows;
       summary.value = createSpreadsheetRowSummary(nextRows);
       status.value = {
@@ -40,7 +42,9 @@ export function useSpreadsheetRowState(params) {
         isReady: true
       };
     } catch (nextError) {
-      if (runId !== nextRunId) return;
+      if (runId !== nextRunId) {
+        return;
+      }
       parsedRows.value = [];
       summary.value = createSpreadsheetRowSummary([]);
       status.value = {
@@ -61,10 +65,10 @@ export function useSpreadsheetRowState(params) {
     }
   );
   return {
+    error,
     parsedRows,
-    summary,
+    refreshRows,
     status,
-    error,
-    refreshRows
+    summary
   };
 }

package/dist/runtime/spreadsheet/composables/use-spreadsheet-rows.d.ts

@@ -1,14 +1,15 @@
 import type { ComputedRef } from 'vue';
-import type { SpreadsheetNormalizedSchema } from '../types/index.js';
+import type { SpreadsheetNormalizedSchema, SpreadsheetRecord } from '../types/index.js';
 export interface UseSpreadsheetRowsParams {
     schema: ComputedRef<SpreadsheetNormalizedSchema>;
-    contextData: ComputedRef<Record<string, unknown>>;
+    contextData: ComputedRef<SpreadsheetRecord>;
     headers: ComputedRef<readonly unknown[]>;
     rows: ComputedRef<readonly (readonly unknown[])[]>;
 }
 export declare function useSpreadsheetRows(params: UseSpreadsheetRowsParams): {
-    parsedRows: import("vue").ShallowRef<import("../types/index.js").SpreadsheetParsedRow<Record<string, unknown>>[], import("../types/index.js").SpreadsheetParsedRow<Record<string, unknown>>[]>;
-    summary: import("vue").ShallowRef<import("../types/index.js").SpreadsheetRowSummary, import("../types/index.js").SpreadsheetRowSummary>;
+    error: import("vue").ShallowRef<unknown, unknown>;
+    parsedRows: import("vue").ShallowRef<import("../types/index.js").SpreadsheetParsedRow<SpreadsheetRecord>[], import("../types/index.js").SpreadsheetParsedRow<SpreadsheetRecord>[]>;
+    refreshRows: () => Promise<void>;
     status: import("vue").ShallowRef<{
         initialized: boolean;
         isParsing: boolean;
@@ -18,15 +19,14 @@ export declare function useSpreadsheetRows(params: UseSpreadsheetRowsParams): {
         isParsing: boolean;
         isReady: boolean;
     }>;
-    error: import("vue").ShallowRef<unknown, unknown>;
-    refreshRows: () => Promise<void>;
-    headerCells: ComputedRef<import("../types/index.js").SpreadsheetHeaderCell[]>;
-    staticColumns: ComputedRef<import("../types/index.js").SpreadsheetStaticColumn[]>;
+    summary: import("vue").ShallowRef<import("../types/index.js").SpreadsheetRowSummary, import("../types/index.js").SpreadsheetRowSummary>;
+    assignColumn: (headerIndex: number, columnKey: string) => void;
+    clearColumnAssignment: (headerIndex: number) => void;
+    columnMatches: ComputedRef<import("../types/index.js").SpreadsheetColumnMatch<import("../types/index.js").SpreadsheetColumnDefinition<string, unknown, boolean, unknown, undefined, unknown, undefined>>[]>;
+    dynamicColumnMatches: ComputedRef<import("../types/index.js").SpreadsheetDynamicColumnMatch<import("../types/index.js").SpreadsheetDynamicOptionGroupsDefinition<string, string, unknown> | import("../types/index.js").SpreadsheetDynamicCollectionDefinition<string, "array" | "record", readonly unknown[], unknown>, import("../types/index.js").SpreadsheetDynamicCollectionItemDefinition<string, import("../types/index.js").SpreadsheetDynamicValueDefinition | ((value: import("../types/index.js").SpreadsheetDynamicValueBuilder) => import("../types/index.js").SpreadsheetValue), unknown, unknown>>[]>;
     dynamicColumns: ComputedRef<readonly unknown[]>;
+    headerCells: ComputedRef<import("../types/index.js").SpreadsheetHeaderCell[]>;
     manualColumnAssignments: import("vue").ShallowRef<Record<string, string>, Record<string, string>>;
-    columnMatches: ComputedRef<import("../types/index.js").SpreadsheetColumnMatch<import("../types/index.js").SpreadsheetColumnDefinition<string, unknown, boolean, unknown, undefined, unknown, undefined>>[]>;
-    dynamicColumnMatches: ComputedRef<import("../types/index.js").SpreadsheetDynamicColumnMatch<import("../types/index.js").SpreadsheetDynamicOptionGroupsDefinition<string, string, unknown> | import("../types/index.js").SpreadsheetDynamicCollectionDefinition<string, "array" | "record", readonly unknown[], unknown>, import("../types/index.js").SpreadsheetDynamicCollectionItemDefinition<string, import("../types/index.js").SpreadsheetDynamicValueDefinition | ((value: import("../types/index.js").SpreadsheetDynamicValueBuilder) => unknown), unknown, unknown>>[]>;
+    staticColumns: ComputedRef<import("../types/index.js").SpreadsheetStaticColumn[]>;
     unmatchedColumns: ComputedRef<import("../types/index.js").SpreadsheetUnmatchedColumn<import("../types/index.js").SpreadsheetColumnDefinition<string, unknown, boolean, unknown, undefined, unknown, undefined>>[]>;
-    assignColumn: (headerIndex: number, columnKey: string) => void;
-    clearColumnAssignment: (headerIndex: number) => void;
 };

package/dist/runtime/spreadsheet/composables/use-spreadsheet-rows.js

@@ -2,14 +2,13 @@ import { useSpreadsheetColumnMatching } from "./use-spreadsheet-column-matching.
 import { useSpreadsheetRowState } from "./use-spreadsheet-row-state.js";
 export function useSpreadsheetRows(params) {
   const matching = useSpreadsheetColumnMatching({
-    schema: params.schema,
     contextData: params.contextData,
-    headers: params.headers
+    headers: params.headers,
+    schema: params.schema
   });
   const rowState = useSpreadsheetRowState({
-    rows: params.rows,
-    contextData: params.contextData,
     columnMatches: matching.columnMatches,
+    contextData: params.contextData,
     dynamicColumnMatches: matching.dynamicColumnMatches,
     refreshSources: [
       params.contextData,
@@ -17,7 +16,8 @@ export function useSpreadsheetRows(params) {
       params.rows,
       matching.columnMatches,
       matching.manualColumnAssignments
-    ]
+    ],
+    rows: params.rows
   });
   return {
     ...matching,

package/dist/runtime/spreadsheet/composables/use-spreadsheet-source.d.ts

@@ -1,4 +1,4 @@
-import { type ComputedRef, type Ref } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
 import type { SpreadsheetBinaryRef, SpreadsheetWorkbookData, SpreadsheetWorkbookSelection } from '../types/index.js';
 export interface UseSpreadsheetSourceParams {
     source: SpreadsheetBinaryRef;
@@ -6,11 +6,14 @@ export interface UseSpreadsheetSourceParams {
     initialSelection?: Partial<SpreadsheetWorkbookSelection>;
 }
 export declare function useSpreadsheetSource(params: UseSpreadsheetSourceParams): {
-    workbook: import("vue").ShallowRef<SpreadsheetWorkbookData | null, SpreadsheetWorkbookData | null>;
-    selection: import("vue").ShallowRef<SpreadsheetWorkbookSelection, SpreadsheetWorkbookSelection>;
-    sheet: ComputedRef<import("../types/index.js").SpreadsheetWorkbookSheet | null>;
+    error: import("vue").ShallowRef<unknown, unknown>;
     headers: ComputedRef<readonly unknown[]>;
+    refreshWorkbook: () => Promise<void>;
     rows: ComputedRef<(readonly unknown[])[]>;
+    selection: import("vue").ShallowRef<SpreadsheetWorkbookSelection, SpreadsheetWorkbookSelection>;
+    setHeaderRowIndex: (headerRowIndex: number) => void;
+    setSheetName: (sheetName: string) => void;
+    sheet: ComputedRef<import("../types/index.js").SpreadsheetWorkbookSheet | null>;
     status: import("vue").ShallowRef<{
         initialized: boolean;
         isParsing: boolean;
@@ -20,8 +23,5 @@ export declare function useSpreadsheetSource(params: UseSpreadsheetSourceParams)
         isParsing: boolean;
         isReady: boolean;
     }>;
-    error: import("vue").ShallowRef<unknown, unknown>;
-    refreshWorkbook: () => Promise<void>;
-    setSheetName: (sheetName: string) => void;
-    setHeaderRowIndex: (headerRowIndex: number) => void;
+    workbook: import("vue").ShallowRef<SpreadsheetWorkbookData | null, SpreadsheetWorkbookData | null>;
 };

package/dist/runtime/spreadsheet/composables/use-spreadsheet-source.js

@@ -9,8 +9,8 @@ import {
 export function useSpreadsheetSource(params) {
   const workbook = shallowRef(null);
   const selection = shallowRef({
-    sheetName: params.initialSelection?.sheetName,
-    headerRowIndex: params.initialSelection?.headerRowIndex ?? 0
+    headerRowIndex: params.initialSelection?.headerRowIndex ?? 0,
+    sheetName: params.initialSelection?.sheetName
   });
   const status = shallowRef({
     initialized: false,
@@ -44,10 +44,12 @@ export function useSpreadsheetSource(params) {
     error.value = null;
     try {
       const nextWorkbook = await parseSpreadsheetWorkbook({
-        source,
-        fileName: params.fileName?.value
+        fileName: params.fileName?.value,
+        source
       });
-      if (runId !== nextRunId) return;
+      if (runId !== nextRunId) {
+        return;
+      }
       workbook.value = nextWorkbook;
       selection.value = {
         ...selection.value,
@@ -59,7 +61,9 @@ export function useSpreadsheetSource(params) {
         isReady: true
       };
     } catch (nextError) {
-      if (runId !== nextRunId) return;
+      if (runId !== nextRunId) {
+        return;
+      }
       workbook.value = null;
       error.value = nextError;
       status.value = {
@@ -91,15 +95,15 @@ export function useSpreadsheetSource(params) {
     }
   );
   return {
-    workbook,
-    selection,
-    sheet,
-    headers,
-    rows,
-    status,
     error,
+    headers,
     refreshWorkbook,
+    rows,
+    selection,
+    setHeaderRowIndex,
     setSheetName,
-    setHeaderRowIndex
+    sheet,
+    status,
+    workbook
   };
 }

package/dist/runtime/spreadsheet/composables/use-spreadsheet-view.d.ts

@@ -5,11 +5,11 @@ export declare function useSpreadsheetView(params: {
     stepConfig?: () => SpreadsheetStepsDefinition | undefined;
     t: (path: string, option?: Record<string, string | number>) => string;
 }): {
-    steps: import("vue").ComputedRef<SpreadsheetStepItem[]>;
     activeStep: import("vue").Ref<string, string>;
     activeStepIndex: import("vue").ComputedRef<number>;
-    canGoPrev: import("vue").ComputedRef<boolean>;
     canGoNext: import("vue").ComputedRef<boolean>;
+    canGoPrev: import("vue").ComputedRef<boolean>;
     goToNextStep: () => void;
     goToPrevStep: () => void;
+    steps: import("vue").ComputedRef<SpreadsheetStepItem[]>;
 };