nuxt-ui-tools 0.1.0

package/dist/runtime/spreadsheet/components/steps/matching/SpreadsheetMatchingTable.d.vue.ts

@@ -0,0 +1,45 @@
+import type { SpreadsheetColumnAssignmentOption } from '../../../types/index.js';
+type MatchingOption = SpreadsheetColumnAssignmentOption & {
+    headerIndex: number;
+    selected?: boolean;
+};
+type ExpectedFieldRow = {
+    key: string;
+    systemFieldKey: string;
+    systemFieldLabel: string;
+    required: boolean;
+    selectedHeaderIndex: number | null;
+    selectedFileColumn: string;
+    status: 'matched' | 'unmatched';
+};
+type AutoMappedRow = {
+    key: string;
+    systemFieldLabel: string;
+    selectedFileColumn: string;
+};
+type IgnoredColumnRow = {
+    key: string;
+    fileColumn: string;
+};
+type __VLS_Props = {
+    expectedFieldRows: ExpectedFieldRow[];
+    autoMappedRows: AutoMappedRow[];
+    ignoredColumnRows: IgnoredColumnRow[];
+    getOptionsForRow: (row: {
+        systemFieldKey: string;
+        selectedHeaderIndex: number | null;
+    }) => MatchingOption[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    assign: (payload: {
+        headerIndex: number;
+        columnKey: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAssign?: ((payload: {
+        headerIndex: number;
+        columnKey: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/spreadsheet/components/steps/matching/SpreadsheetMatchingTable.vue

@@ -0,0 +1,213 @@
+<script setup>
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import USelectMenu from "@nuxt/ui/components/SelectMenu.vue";
+import { useUiToolsLocale } from "#ui-tools/i18n";
+const props = defineProps({
+  expectedFieldRows: { type: Array, required: true },
+  autoMappedRows: { type: Array, required: true },
+  ignoredColumnRows: { type: Array, required: true },
+  getOptionsForRow: { type: Function, required: true }
+});
+const emit = defineEmits(["assign"]);
+const { t } = useUiToolsLocale();
+function getMatchBadgeProps(status) {
+  if (status === "matched")
+    return {
+      color: "success",
+      label: t("spreadsheet.steps.matching.matched"),
+      dotClass: "bg-success"
+    };
+  return {
+    color: "warning",
+    label: t("spreadsheet.steps.matching.needsMatch"),
+    dotClass: "bg-warning"
+  };
+}
+function getLeadingDotClass(status) {
+  return status === "matched" ? "bg-success" : "bg-warning";
+}
+function getRequiredBadgeColor(required) {
+  return required ? "error" : "neutral";
+}
+function handleAssign(row, value) {
+  if (typeof value !== "string") return;
+  if (value === "__ignore__") {
+    if (row.selectedHeaderIndex == null) return;
+    emit("assign", {
+      headerIndex: row.selectedHeaderIndex,
+      columnKey: ""
+    });
+    return;
+  }
+  const selectedOption = props.getOptionsForRow(row).find((option) => option.key === value);
+  const headerIndex = selectedOption?.headerIndex;
+  if (typeof headerIndex !== "number") return;
+  emit("assign", {
+    headerIndex,
+    columnKey: value
+  });
+}
+</script>
+
+<template>
+  <div class="grid min-h-0 gap-4">
+    <div class="flex min-h-0 flex-col overflow-hidden border border-default/70 bg-default">
+      <div
+        class="grid h-11 grid-cols-[40px_minmax(14rem,1fr)_120px_minmax(16rem,1.2fr)_minmax(9rem,0.8fr)] items-center border-b border-default/70 bg-elevated/20 px-5 font-mono text-[10px] font-semibold uppercase tracking-[0.12em] text-muted"
+      >
+        <div />
+        <div>{{ t("spreadsheet.steps.matching.systemField") }}</div>
+        <div>{{ t("spreadsheet.steps.matching.requirement") }}</div>
+        <div>{{ t("spreadsheet.steps.matching.spreadsheetColumn") }}</div>
+        <div>{{ t("spreadsheet.steps.matching.statusHeader") }}</div>
+      </div>
+
+      <div class="min-h-0 flex-1 overflow-auto">
+        <div
+          v-for="row in expectedFieldRows"
+          :key="row.key"
+          class="grid min-h-12 grid-cols-[40px_minmax(14rem,1fr)_120px_minmax(16rem,1.2fr)_minmax(9rem,0.8fr)] items-center border-b border-default/50 px-5 py-2 transition-colors hover:bg-elevated/20 last:border-b-0"
+        >
+          <div class="flex justify-center">
+            <span class="size-2 rounded-full" :class="getLeadingDotClass(row.status)" />
+          </div>
+
+          <div class="min-w-0">
+            <div class="truncate font-mono text-sm font-medium text-highlighted">
+              {{ row.systemFieldLabel }}
+            </div>
+          </div>
+
+          <div class="flex items-center">
+            <UBadge
+              :color="getRequiredBadgeColor(row.required)"
+              variant="soft"
+              size="sm"
+              class="font-mono"
+            >
+              {{
+                row.required ? t("spreadsheet.steps.matching.required") : t("spreadsheet.steps.matching.optional")
+              }}
+            </UBadge>
+          </div>
+
+          <div class="min-w-0">
+            <USelectMenu
+              :items="getOptionsForRow(row)"
+              :model-value="row.systemFieldKey"
+              value-key="key"
+              label-key="label"
+              color="neutral"
+              variant="none"
+              :search-input="{
+  variant: 'none',
+  placeholder: t('spreadsheet.steps.matching.searchColumns')
+}"
+              :placeholder="t('spreadsheet.steps.matching.selectColumn')"
+              class="w-fit max-w-full"
+              :ui="{
+  base: [
+    'min-h-0 w-fit max-w-full px-0 py-0 font-mono text-sm shadow-none ring-0',
+    row.status === 'matched' ? 'text-toned' : 'text-warning'
+  ],
+  value: 'truncate pr-5',
+  placeholder: 'truncate pr-5',
+  trailing: 'end-0',
+  trailingIcon: 'size-3.5 text-muted',
+  content: 'w-auto min-w-80',
+  viewport: 'max-h-72',
+  input: 'border-b border-default px-3 py-2',
+  item: 'font-mono',
+  itemLabel: 'font-mono text-sm',
+  itemTrailing: 'ms-auto items-center'
+}"
+              @update:model-value="handleAssign(row, $event)"
+            >
+              <template #item="{ item }">
+                <div class="flex items-center justify-between gap-3">
+                  <span
+                    class="truncate font-mono text-sm"
+                    :class="item.assigned ? 'text-muted' : 'text-default'"
+                  >
+                    {{ item.label }}
+                  </span>
+                  <span
+                    class="font-mono text-[10px] uppercase tracking-[0.12em]"
+                    :class="item.assigned ? 'text-muted' : 'text-success'"
+                  >
+                    {{
+                      item.assigned ? t("spreadsheet.steps.matching.assigned") : t("spreadsheet.steps.matching.available")
+                    }}
+                  </span>
+                </div>
+              </template>
+            </USelectMenu>
+          </div>
+
+          <div class="flex items-center">
+            <UBadge :color="getMatchBadgeProps(row.status).color" variant="soft" class="font-mono">
+              <span
+                class="mr-1.5 inline-block size-1.5 rounded-full"
+                :class="getMatchBadgeProps(row.status).dotClass"
+              />
+              {{ getMatchBadgeProps(row.status).label }}
+            </UBadge>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div v-if="autoMappedRows.length" class="overflow-hidden border border-default/70 bg-default">
+      <div
+        class="grid h-10 grid-cols-[minmax(14rem,1fr)_40px_minmax(14rem,1fr)] items-center border-b border-default/70 bg-elevated/20 px-5 font-mono text-[10px] font-semibold uppercase tracking-[0.12em] text-muted"
+      >
+        <div>{{ t("spreadsheet.steps.matching.autoMappedField") }}</div>
+        <div class="flex justify-center">
+          <UIcon name="i-lucide-arrow-right" class="size-3.5" />
+        </div>
+        <div>{{ t("spreadsheet.steps.matching.spreadsheetColumn") }}</div>
+      </div>
+
+      <div
+        v-for="row in autoMappedRows"
+        :key="row.key"
+        class="grid min-h-11 grid-cols-[minmax(14rem,1fr)_40px_minmax(14rem,1fr)] items-center border-b border-default/50 px-5 py-2 last:border-b-0"
+      >
+        <div class="truncate font-mono text-sm font-medium text-highlighted">
+          {{ row.systemFieldLabel }}
+        </div>
+        <div class="flex justify-center">
+          <UIcon name="i-lucide-arrow-right" class="size-3.5 text-muted" />
+        </div>
+        <div class="truncate font-mono text-sm text-toned">
+          {{ row.selectedFileColumn }}
+        </div>
+      </div>
+    </div>
+
+    <div
+      v-if="ignoredColumnRows.length"
+      class="overflow-hidden border border-default/70 bg-default"
+    >
+      <div
+        class="grid h-10 grid-cols-[minmax(0,1fr)_auto] items-center border-b border-default/70 bg-elevated/20 px-5 font-mono text-[10px] font-semibold uppercase tracking-[0.12em] text-muted"
+      >
+        <div>{{ t("spreadsheet.steps.matching.ignoredColumns") }}</div>
+        <div>{{ ignoredColumnRows.length }}</div>
+      </div>
+
+      <div class="flex flex-wrap gap-2 px-5 py-4">
+        <UBadge
+          v-for="row in ignoredColumnRows"
+          :key="row.key"
+          color="neutral"
+          variant="subtle"
+          class="font-mono"
+        >
+          {{ row.fileColumn }}
+        </UBadge>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/spreadsheet/components/steps/matching/SpreadsheetMatchingTable.vue.d.ts

@@ -0,0 +1,45 @@
+import type { SpreadsheetColumnAssignmentOption } from '../../../types/index.js';
+type MatchingOption = SpreadsheetColumnAssignmentOption & {
+    headerIndex: number;
+    selected?: boolean;
+};
+type ExpectedFieldRow = {
+    key: string;
+    systemFieldKey: string;
+    systemFieldLabel: string;
+    required: boolean;
+    selectedHeaderIndex: number | null;
+    selectedFileColumn: string;
+    status: 'matched' | 'unmatched';
+};
+type AutoMappedRow = {
+    key: string;
+    systemFieldLabel: string;
+    selectedFileColumn: string;
+};
+type IgnoredColumnRow = {
+    key: string;
+    fileColumn: string;
+};
+type __VLS_Props = {
+    expectedFieldRows: ExpectedFieldRow[];
+    autoMappedRows: AutoMappedRow[];
+    ignoredColumnRows: IgnoredColumnRow[];
+    getOptionsForRow: (row: {
+        systemFieldKey: string;
+        selectedHeaderIndex: number | null;
+    }) => MatchingOption[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    assign: (payload: {
+        headerIndex: number;
+        columnKey: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAssign?: ((payload: {
+        headerIndex: number;
+        columnKey: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/spreadsheet/components/steps/references/SpreadsheetReferencesAccordion.d.vue.ts

@@ -0,0 +1,51 @@
+import type { SpreadsheetReferenceResolution } from '../../../types/index.js';
+type ReferenceSelectItem = {
+    kind?: 'option' | 'divider';
+    value?: unknown;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+type ReferenceGroup = {
+    resolutionKey: string;
+    sourceField: string;
+    outputField: string;
+    sourceLabel: string;
+    outputLabel: string;
+    resolvedCount: number;
+    unresolvedCount: number;
+    progressWidth: string;
+    items: SpreadsheetReferenceResolution[];
+};
+type __VLS_Props = {
+    groups: ReferenceGroup[];
+    getSelectItems: (resolution: SpreadsheetReferenceResolution) => ReferenceSelectItem[];
+    getResolutionBadge: (resolution: SpreadsheetReferenceResolution) => {
+        label: string;
+        color: 'success' | 'warning' | 'error';
+    };
+    getMetaTone: (resolution: SpreadsheetReferenceResolution) => {
+        label: string;
+        class: string;
+    } | null;
+    getRowCountLabel: (count: number) => string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (payload: {
+        resolution: SpreadsheetReferenceResolution;
+        value: unknown;
+    }) => any;
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((payload: {
+        resolution: SpreadsheetReferenceResolution;
+        value: unknown;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/spreadsheet/components/steps/references/SpreadsheetReferencesAccordion.vue

@@ -0,0 +1,166 @@
+<script setup>
+import UAccordion from "@nuxt/ui/components/Accordion.vue";
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
+import USelectMenu from "@nuxt/ui/components/SelectMenu.vue";
+const expandedResolutionKey = defineModel({ type: null });
+defineProps({
+  groups: { type: Array, required: true },
+  getSelectItems: { type: Function, required: true },
+  getResolutionBadge: { type: Function, required: true },
+  getMetaTone: { type: Function, required: true },
+  getRowCountLabel: { type: Function, required: true }
+});
+const emit = defineEmits(["select"]);
+function getResolutionTone(resolution) {
+  return resolution.status === "matched" ? "resolved" : "unresolved";
+}
+</script>
+
+<template>
+  <UAccordion
+    v-model="expandedResolutionKey"
+    :items="groups"
+    type="single"
+    collapsible
+    value-key="resolutionKey"
+    :ui="{
+  root: 'grid min-h-0 gap-3',
+  item: 'overflow-hidden rounded-[var(--ui-radius)] border border-default/70 bg-default',
+  header: 'm-0',
+  trigger: 'flex h-13 w-full items-center justify-between gap-4 px-5 text-left transition-colors hover:bg-elevated/20',
+  content: 'overflow-hidden',
+  body: 'p-0'
+}"
+  >
+    <template #default="{ item, open }">
+      <div class="flex min-w-0 items-center gap-3">
+        <UIcon
+          :name="open ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+          class="size-4 shrink-0 text-muted"
+        />
+
+        <div class="flex min-w-0 items-center gap-3">
+          <span
+            class="truncate text-sm"
+            :class="open ? 'font-semibold text-highlighted' : 'font-medium text-toned'"
+          >
+            {{ item.sourceLabel }}
+          </span>
+          <UIcon name="i-lucide-arrow-right" class="size-3.5 shrink-0 text-muted" />
+          <span class="truncate font-mono text-xs text-muted">
+            {{ item.outputLabel }}
+          </span>
+        </div>
+      </div>
+    </template>
+
+    <template #trailing="{ item }">
+      <div class="flex shrink-0 items-center gap-3">
+        <template v-if="item.unresolvedCount">
+          <span class="font-mono text-[11px] font-medium text-muted">
+            {{ item.resolvedCount }} of {{ item.items.length }} resolved
+          </span>
+          <div class="h-1 w-20 overflow-hidden rounded-full bg-elevated">
+            <div class="h-full bg-success" :style="{ width: item.progressWidth }" />
+          </div>
+        </template>
+
+        <template v-else>
+          <UBadge color="success" variant="soft" class="font-mono"> All resolved </UBadge>
+          <div class="h-1 w-20 overflow-hidden rounded-full bg-elevated">
+            <div class="h-full w-full bg-success" />
+          </div>
+        </template>
+      </div>
+    </template>
+
+    <template #body="{ item }">
+      <div class="grid">
+        <div
+          v-for="resolution in item.items"
+          :key="`${resolution.referenceField}:${resolution.sourceValue}`"
+          class="flex items-center gap-4 border-t border-default/60 bg-default px-5 py-3.5"
+        >
+          <div class="min-w-0 flex-1">
+            <div class="flex flex-wrap items-center gap-2">
+              <div class="truncate font-mono text-sm font-medium text-highlighted">
+                {{ resolution.sourceValue }}
+              </div>
+
+              <UBadge
+                :color="getResolutionBadge(resolution).color"
+                variant="soft"
+                size="sm"
+                class="font-mono"
+              >
+                {{ getResolutionBadge(resolution).label }}
+              </UBadge>
+            </div>
+
+            <div
+              class="mt-0.5 flex flex-wrap items-center gap-1.5 font-mono text-[11px] text-muted"
+            >
+              <span>{{ getRowCountLabel(resolution.rowIndexes.length) }}</span>
+              <template v-if="getMetaTone(resolution)">
+                <span>&middot;</span>
+                <span :class="getMetaTone(resolution)?.class">
+                  {{ getMetaTone(resolution)?.label }}
+                </span>
+              </template>
+            </div>
+          </div>
+
+          <UIcon
+            name="i-lucide-arrow-right"
+            class="size-3.5 shrink-0"
+            :class="getResolutionTone(resolution) === 'unresolved' ? 'text-warning' : 'text-muted'"
+          />
+
+          <div class="shrink-0">
+            <USelectMenu
+              :items="getSelectItems(resolution)"
+              :model-value="resolution.selectedValue"
+              value-key="value"
+              label-key="label"
+              description-key="description"
+              variant="subtle"
+              size="sm"
+              :placeholder="
+  getResolutionTone(resolution) === 'unresolved' ? 'Select value...' : void 0
+"
+              :content="{ side: 'bottom', align: 'end', sideOffset: 8 }"
+              class="w-56 min-w-56 max-w-56"
+              :ui="{ content: 'w-80 max-w-sm' }"
+              @update:model-value="emit('select', { resolution, value: $event })"
+            >
+              <template #item="{ item }">
+                <div v-if="item.kind === 'divider'" class="flex items-center gap-3 py-1">
+                  <div class="h-px flex-1 bg-default/70" />
+                  <span class="shrink-0 text-xs uppercase text-muted">
+                    {{ item.label }}
+                  </span>
+                  <div class="h-px flex-1 bg-default/70" />
+                </div>
+
+                <div v-else class="flex items-start justify-between gap-3">
+                  <span
+                    class="min-w-0 whitespace-normal break-words text-sm leading-5 text-default"
+                  >
+                    {{ item.label }}
+                  </span>
+                  <span
+                    v-if="item.description"
+                    class="shrink-0 pt-0.5 text-xs font-medium text-muted"
+                  >
+                    {{ item.description }}
+                  </span>
+                </div>
+              </template>
+            </USelectMenu>
+          </div>
+        </div>
+      </div>
+    </template>
+  </UAccordion>
+</template>

package/dist/runtime/spreadsheet/components/steps/references/SpreadsheetReferencesAccordion.vue.d.ts

@@ -0,0 +1,51 @@
+import type { SpreadsheetReferenceResolution } from '../../../types/index.js';
+type ReferenceSelectItem = {
+    kind?: 'option' | 'divider';
+    value?: unknown;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+type ReferenceGroup = {
+    resolutionKey: string;
+    sourceField: string;
+    outputField: string;
+    sourceLabel: string;
+    outputLabel: string;
+    resolvedCount: number;
+    unresolvedCount: number;
+    progressWidth: string;
+    items: SpreadsheetReferenceResolution[];
+};
+type __VLS_Props = {
+    groups: ReferenceGroup[];
+    getSelectItems: (resolution: SpreadsheetReferenceResolution) => ReferenceSelectItem[];
+    getResolutionBadge: (resolution: SpreadsheetReferenceResolution) => {
+        label: string;
+        color: 'success' | 'warning' | 'error';
+    };
+    getMetaTone: (resolution: SpreadsheetReferenceResolution) => {
+        label: string;
+        class: string;
+    } | null;
+    getRowCountLabel: (count: number) => string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (payload: {
+        resolution: SpreadsheetReferenceResolution;
+        value: unknown;
+    }) => any;
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((payload: {
+        resolution: SpreadsheetReferenceResolution;
+        value: unknown;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/spreadsheet/components/steps/references/SpreadsheetReferencesSummary.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    items: Array<{
+        key: string;
+        label: string;
+        value: number;
+        barClass: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/spreadsheet/components/steps/references/SpreadsheetReferencesSummary.vue

@@ -0,0 +1,26 @@
+<script setup>
+const props = defineProps({
+  items: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <div class="flex flex-wrap items-center gap-6">
+    <div
+      v-for="item in props.items"
+      :key="item.key"
+      class="flex min-w-36 flex-1 items-center gap-3"
+    >
+      <div class="h-11 w-[3px]" :class="item.barClass" />
+
+      <div class="grid gap-1">
+        <span class="text-2xl font-semibold leading-none tracking-[-0.05em] text-highlighted">
+          {{ item.value }}
+        </span>
+        <span class="text-xs text-muted">
+          {{ item.label }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/spreadsheet/components/steps/references/SpreadsheetReferencesSummary.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    items: Array<{
+        key: string;
+        label: string;
+        value: number;
+        barClass: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/spreadsheet/components/steps/review/SpreadsheetReviewInspection.d.vue.ts

@@ -0,0 +1,41 @@
+import type { SpreadsheetRowIssue } from '../../../types/index.js';
+type __VLS_Props = {
+    inspectedRow: {
+        index: number;
+        rowObject: Record<string, unknown>;
+        issues: readonly SpreadsheetRowIssue[];
+    };
+    tableColumns: string[];
+    issueRowsLength: number;
+    inspectedIssueRowPosition: number;
+    formatCell: (value: unknown) => string;
+    getObjectEntries: (value: unknown) => Array<[string, unknown]>;
+    humanizeKey: (value: string) => string;
+    getIssueBadge: (issue: SpreadsheetRowIssue) => {
+        label: string;
+        color: 'error' | 'warning';
+    };
+    getIssueValueTone: (issue: SpreadsheetRowIssue) => string;
+    getIssueValue: (rowData: Record<string, unknown>, issue: SpreadsheetRowIssue) => string;
+    getIssueRawValue: (rowData: Record<string, unknown>, issue: SpreadsheetRowIssue) => unknown;
+    getRelatedIssueCount: (issue: SpreadsheetRowIssue) => number;
+    isDiscarded: (index: number) => boolean;
+    isManuallyDiscarded: (index: number) => boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    prev: () => any;
+    next: () => any;
+    discardRow: (rowIndex: number) => any;
+    restoreRow: (rowIndex: number) => any;
+    showIssueRows: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
+    onDiscardRow?: ((rowIndex: number) => any) | undefined;
+    onRestoreRow?: ((rowIndex: number) => any) | undefined;
+    onShowIssueRows?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;