nuxt-ui-tools 1.11.2 → 1.13.0

package/dist/runtime/spreadsheet/components/steps/review/spreadsheet-review-inspection.vue

@@ -1,392 +0,0 @@
-<script setup>
-import UBadge from "@nuxt/ui/components/Badge.vue";
-import UButton from "@nuxt/ui/components/Button.vue";
-import UIcon from "@nuxt/ui/components/Icon.vue";
-import { computed, ref } from "vue";
-import { useUiToolsLocale } from "#ui-tools/i18n";
-import SpreadsheetValuePreview from "#ui-tools/spreadsheet/components/shared/spreadsheet-value-preview.vue";
-const emit = defineEmits(["close", "prev", "next", "discardRow", "restoreRow", "showIssueRows"]);
-const { t } = useUiToolsLocale();
-const props = defineProps({
-  inspectedRow: { type: Object, required: true },
-  tableColumns: { type: Array, required: true },
-  issueRowsLength: { type: Number, required: true },
-  inspectedIssueRowPosition: { type: Number, required: true },
-  formatCell: { type: Function, required: true },
-  getObjectEntries: { type: Function, required: true },
-  humanizeKey: { type: Function, required: true },
-  getIssueBadge: { type: Function, required: true },
-  getIssueValueTone: { type: Function, required: true },
-  getIssueValue: { type: Function, required: true },
-  getIssueRawValue: { type: Function, required: true },
-  getRelatedIssueCount: { type: Function, required: true },
-  isDiscarded: { type: Function, required: true },
-  isManuallyDiscarded: { type: Function, required: true }
-});
-const groupMode = ref("property");
-const blockingIssueCount = computed(
-  () => props.inspectedRow.issues.filter((issue) => issue.level === "error").length
-);
-const warningIssueCount = computed(
-  () => props.inspectedRow.issues.filter((issue) => issue.level === "warning").length
-);
-const issueGroups = computed(() => {
-  if (groupMode.value === "issue") {
-    const groups2 = /* @__PURE__ */ new Map();
-    for (const issue of props.inspectedRow.issues) {
-      const key = issue.ruleKey ?? issue.code;
-      const existing = groups2.get(key);
-      if (existing) {
-        existing.issues.push(issue);
-        continue;
-      }
-      groups2.set(key, {
-        issues: [issue],
-        key,
-        subtitle: issue.ruleKey ? t("spreadsheet.steps.review.ruleKey", { key: issue.ruleKey }) : t("spreadsheet.steps.review.groupedByIssueType"),
-        title: props.humanizeKey(issue.ruleKey ?? issue.code)
-      });
-    }
-    return [...groups2.values()];
-  }
-  const groups = /* @__PURE__ */ new Map();
-  for (const issue of props.inspectedRow.issues) {
-    const key = issue.columnKey ?? "__row__";
-    const existing = groups.get(key);
-    if (existing) {
-      existing.issues.push(issue);
-      continue;
-    }
-    groups.set(key, {
-      issues: [issue],
-      key,
-      subtitle: key === "__row__" ? t("spreadsheet.steps.review.affectsFullRow") : t("spreadsheet.steps.review.property", { key }),
-      title: key === "__row__" ? t("spreadsheet.steps.review.rowLevelIssue") : props.humanizeKey(key)
-    });
-  }
-  return [...groups.values()];
-});
-function getFieldIssues(key) {
-  return props.inspectedRow.issues.filter((issue) => issue.columnKey === key);
-}
-function getFieldIssueTone(key) {
-  const issues = getFieldIssues(key);
-  if (issues.some((issue) => issue.level === "error")) {
-    return "error";
-  }
-  if (issues.some((issue) => issue.level === "warning")) {
-    return "warning";
-  }
-  return "neutral";
-}
-</script>
-
-<template>
-  <div class="grid min-h-0 h-full gap-6 grid-rows-[auto_auto_minmax(0,1fr)]">
-    <div class="flex flex-wrap items-center justify-between gap-4">
-      <div class="flex flex-wrap items-center gap-4">
-        <UButton
-          color="neutral"
-          variant="outline"
-          size="sm"
-          icon="i-lucide-arrow-left"
-          :label="t('spreadsheet.steps.review.backToTable')"
-          @click="emit('close')"
-        />
-        <div class="grid gap-2">
-          <div class="flex flex-wrap items-center gap-3">
-            <span class="text-xl font-semibold text-highlighted">
-              {{ t("spreadsheet.steps.review.inspectingRow", { row: inspectedRow.index + 1 }) }}
-            </span>
-            <UBadge
-              :color="
-  isDiscarded(inspectedRow.index) ? 'neutral' : blockingIssueCount ? 'error' : warningIssueCount ? 'warning' : 'success'
-"
-              variant="soft"
-              size="sm"
-            >
-              {{
-                isDiscarded(inspectedRow.index) ? t("spreadsheet.steps.review.discarded") : blockingIssueCount ? t("spreadsheet.steps.review.blockingIssues") : warningIssueCount ? t("spreadsheet.steps.review.warningsOnly") : t("spreadsheet.steps.review.validRow")
-              }}
-            </UBadge>
-          </div>
-        </div>
-      </div>
-
-      <div class="flex items-center gap-3">
-        <UButton
-          color="neutral"
-          variant="outline"
-          size="sm"
-          icon="i-lucide-chevron-left"
-          :label="t('spreadsheet.steps.review.prev')"
-          :disabled="inspectedIssueRowPosition <= 0"
-          @click="emit('prev')"
-        />
-        <span class="font-mono text-sm text-muted">
-          {{
-            t("spreadsheet.steps.review.issueRowsProgress", {
-  current: inspectedIssueRowPosition + 1,
-  total: issueRowsLength
-})
-          }}
-        </span>
-        <UButton
-          color="neutral"
-          variant="solid"
-          size="sm"
-          trailing-icon="i-lucide-chevron-right"
-          :label="t('spreadsheet.steps.review.next')"
-          :disabled="
-  inspectedIssueRowPosition < 0 || inspectedIssueRowPosition >= issueRowsLength - 1
-"
-          @click="emit('next')"
-        />
-      </div>
-    </div>
-
-    <div
-      class="grid gap-3 rounded-[var(--ui-radius)] border border-default/70 bg-elevated/20 px-5 py-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-center"
-    >
-      <div class="flex flex-wrap items-center gap-2">
-        <UBadge color="error" variant="soft" size="sm">
-          {{ t("spreadsheet.steps.review.blocking", { count: blockingIssueCount }) }}
-        </UBadge>
-        <UBadge color="warning" variant="soft" size="sm">
-          {{ t("spreadsheet.steps.review.warnings", { count: warningIssueCount }) }}
-        </UBadge>
-        <UBadge color="neutral" variant="subtle" size="sm">
-          {{
-            groupMode === "property" ? t("spreadsheet.steps.review.propertyGroups", { count: issueGroups.length }) : t("spreadsheet.steps.review.issueGroups", { count: issueGroups.length })
-          }}
-        </UBadge>
-      </div>
-
-      <div class="flex flex-wrap items-center justify-end gap-2">
-        <UButton
-          v-if="!isDiscarded(inspectedRow.index)"
-          color="error"
-          variant="outline"
-          size="sm"
-          icon="i-lucide-trash-2"
-          :label="t('spreadsheet.steps.review.discardRow')"
-          @click="emit('discardRow', inspectedRow.index)"
-        />
-        <UButton
-          v-else-if="isManuallyDiscarded(inspectedRow.index)"
-          color="neutral"
-          variant="outline"
-          size="sm"
-          icon="i-lucide-undo-2"
-          :label="t('spreadsheet.steps.review.restoreRow')"
-          @click="emit('restoreRow', inspectedRow.index)"
-        />
-      </div>
-    </div>
-
-    <div class="grid min-h-0 gap-6 xl:grid-cols-[380px_minmax(0,1fr)]">
-      <div
-        class="grid min-h-0 overflow-hidden rounded-[var(--ui-radius)] border border-default/70 bg-default grid-rows-[auto_minmax(0,1fr)]"
-      >
-        <div
-          class="flex items-center justify-between border-b border-default/70 bg-elevated/35 px-5 py-[14px]"
-        >
-          <span class="text-[13px] font-semibold text-highlighted">{{
-            t("spreadsheet.steps.review.rowData")
-          }}</span>
-          <span class="font-mono text-[11px] text-muted">Row #{{ inspectedRow.index + 1 }}</span>
-        </div>
-
-        <div class="grid min-h-0 overflow-y-auto">
-          <div
-            v-for="[key, value] in getObjectEntries(inspectedRow.rowObject)"
-            :key="key"
-            class="grid gap-2 border-b border-default/50 px-5 py-3 text-sm last:border-b-0"
-            :class="{
-  'bg-error/5': getFieldIssueTone(key) === 'error',
-  'bg-warning/10': getFieldIssueTone(key) === 'warning'
-}"
-          >
-            <div class="flex items-start justify-between gap-4">
-              <div class="grid gap-1">
-                <span
-                  class="font-mono text-[11px]"
-                  :class="{
-  'text-error': getFieldIssueTone(key) === 'error',
-  'text-warning': getFieldIssueTone(key) === 'warning',
-  'text-muted': getFieldIssueTone(key) === 'neutral'
-}"
-                >
-                  {{ humanizeKey(key) }}
-                </span>
-                <span
-                  class="text-sm"
-                  :class="{
-  'text-error': getFieldIssueTone(key) === 'error',
-  'text-warning': getFieldIssueTone(key) === 'warning',
-  'text-toned': getFieldIssueTone(key) === 'neutral'
-}"
-                >
-                  <SpreadsheetValuePreview :value="value" />
-                </span>
-              </div>
-
-              <UBadge
-                v-if="getFieldIssues(key).length"
-                :color="getFieldIssueTone(key) === 'error' ? 'error' : 'warning'"
-                variant="soft"
-                size="sm"
-              >
-                {{ getFieldIssues(key).length }}
-              </UBadge>
-            </div>
-
-            <div v-if="getFieldIssues(key).length" class="flex flex-wrap gap-2">
-              <UBadge
-                v-for="issue in getFieldIssues(key)"
-                :key="`${key}:${issue.ruleKey ?? issue.code}`"
-                :color="getIssueBadge(issue).color"
-                variant="subtle"
-                size="xs"
-                class="font-mono"
-              >
-                {{ issue.ruleKey ?? issue.code }}
-              </UBadge>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div
-        class="grid min-h-0 overflow-hidden rounded-[var(--ui-radius)] border border-default/70 bg-default grid-rows-[auto_minmax(0,1fr)]"
-      >
-        <div
-          class="flex items-center justify-between border-b border-default/70 bg-elevated/35 px-5 py-[14px]"
-        >
-          <div class="flex items-center gap-3">
-            <span class="text-[13px] font-semibold text-highlighted">{{
-              t("spreadsheet.steps.review.issuesOnThisRow")
-            }}</span>
-            <UBadge color="error" variant="soft" size="sm">{{ inspectedRow.issues.length }}</UBadge>
-          </div>
-
-          <div class="flex items-center rounded-md border border-default/70 bg-default p-1">
-            <button
-              type="button"
-              class="rounded px-3 py-1 text-xs font-medium transition-colors"
-              :class="
-  groupMode === 'property' ? 'bg-inverted text-inverted' : 'text-muted hover:text-toned'
-"
-              @click="groupMode = 'property'"
-            >
-              {{ t("spreadsheet.steps.review.byProperty") }}
-            </button>
-            <button
-              type="button"
-              class="rounded px-3 py-1 text-xs font-medium transition-colors"
-              :class="
-  groupMode === 'issue' ? 'bg-inverted text-inverted' : 'text-muted hover:text-toned'
-"
-              @click="groupMode = 'issue'"
-            >
-              {{ t("spreadsheet.steps.review.byIssueType") }}
-            </button>
-          </div>
-        </div>
-
-        <div class="grid min-h-0 overflow-y-auto">
-          <div
-            v-for="group in issueGroups"
-            :key="group.key"
-            class="border-b border-default/50 last:border-b-0"
-          >
-            <div class="border-b border-default/50 bg-elevated/15 px-5 py-3">
-              <div class="flex flex-wrap items-center justify-between gap-3">
-                <div class="grid gap-1">
-                  <div class="flex flex-wrap items-center gap-2">
-                    <span class="text-sm font-semibold text-highlighted">
-                      {{ group.title }}
-                    </span>
-                    <UBadge
-                      :color="
-  group.issues.some((issue2) => issue2.level === 'error') ? 'error' : 'warning'
-"
-                      variant="soft"
-                      size="sm"
-                    >
-                      {{ group.issues.length }}
-                    </UBadge>
-                  </div>
-                  <span class="font-mono text-[11px] text-muted">
-                    {{ group.subtitle }}
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            <div class="grid gap-4 px-5 py-4">
-              <div
-                v-for="issue in group.issues"
-                :key="`${group.key}:${issue.code}:${issue.columnKey ?? 'row'}`"
-                class="grid gap-3 rounded-[var(--ui-radius)] border border-default/60 bg-default px-4 py-4"
-              >
-                <div class="flex flex-wrap items-center gap-3">
-                  <UIcon
-                    :name="
-  issue.level === 'error' ? 'i-lucide-circle-x' : 'i-lucide-triangle-alert'
-"
-                    class="size-4"
-                    :class="issue.level === 'error' ? 'text-error' : 'text-warning'"
-                  />
-
-                  <UBadge :color="getIssueBadge(issue).color" variant="soft" size="sm">
-                    {{ getIssueBadge(issue).label }}
-                  </UBadge>
-                  <UBadge color="neutral" variant="subtle" size="xs" class="font-mono">
-                    {{ issue.ruleKey ?? issue.code }}
-                  </UBadge>
-                  <span class="text-sm text-toned">
-                    {{ humanizeKey(issue.columnKey ?? issue.code) }}
-                  </span>
-                </div>
-
-                <div class="rounded-[var(--ui-radius)] px-4 py-3" :class="getIssueValueTone(issue)">
-                  <div class="mb-1 font-mono text-xs text-muted">
-                    {{ t("spreadsheet.steps.review.valueInFile") }}
-                  </div>
-                  <div
-                    class="text-sm"
-                    :class="issue.level === 'error' ? 'text-error' : 'text-warning'"
-                  >
-                    <SpreadsheetValuePreview
-                      :value="
-  issue.columnKey ? getIssueRawValue(inspectedRow.rowObject, issue) : getIssueValue(inspectedRow.rowObject, issue)
-"
-                    />
-                  </div>
-                </div>
-
-                <p class="text-sm leading-6 text-toned">
-                  {{ issue.message }}
-                </p>
-
-                <button
-                  v-if="getRelatedIssueCount(issue) > 1"
-                  type="button"
-                  class="justify-self-start text-sm font-medium text-primary transition-colors hover:text-primary/80"
-                  @click="emit('showIssueRows')"
-                >
-                  {{
-                    t("spreadsheet.steps.review.viewAllRowsWithThisIssue", {
-  count: getRelatedIssueCount(issue)
-})
-                  }}
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>

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

@@ -1,41 +0,0 @@
-import type { SpreadsheetRecord, SpreadsheetRowIssue, SpreadsheetValue } from '../../../types/index.js';
-type __VLS_Props = {
-    inspectedRow: {
-        index: number;
-        rowObject: SpreadsheetRecord;
-        issues: readonly SpreadsheetRowIssue[];
-    };
-    tableColumns: string[];
-    issueRowsLength: number;
-    inspectedIssueRowPosition: number;
-    formatCell: (value: SpreadsheetValue) => string;
-    getObjectEntries: (value: SpreadsheetValue) => [string, SpreadsheetValue][];
-    humanizeKey: (value: string) => string;
-    getIssueBadge: (issue: SpreadsheetRowIssue) => {
-        label: string;
-        color: 'error' | 'warning';
-    };
-    getIssueValueTone: (issue: SpreadsheetRowIssue) => string;
-    getIssueValue: (rowData: SpreadsheetRecord, issue: SpreadsheetRowIssue) => string;
-    getIssueRawValue: (rowData: SpreadsheetRecord, issue: SpreadsheetRowIssue) => SpreadsheetValue | undefined;
-    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;
-    next: () => any;
-    prev: () => any;
-    discardRow: (rowIndex: number) => any;
-    restoreRow: (rowIndex: number) => any;
-    showIssueRows: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onNext?: (() => any) | undefined;
-    onPrev?: (() => 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;

package/dist/runtime/spreadsheet/components/steps/review/spreadsheet-review-overflow-alert.vue

@@ -1,43 +0,0 @@
-<script setup>
-import UButton from "@nuxt/ui/components/Button.vue";
-import UIcon from "@nuxt/ui/components/Icon.vue";
-import { useUiToolsLocale } from "#ui-tools/i18n";
-defineProps({
-  reviewRowsLength: { type: Number, required: true },
-  maxRecords: { type: Number, required: true },
-  overflowCount: { type: Number, required: true }
-});
-const { t } = useUiToolsLocale();
-const emit = defineEmits(["autoTrim"]);
-</script>
-
-<template>
-  <div
-    class="flex flex-wrap items-start justify-between gap-3 rounded-[var(--ui-radius)] border border-warning/50 bg-warning/8 px-4 py-3"
-  >
-    <div class="flex min-w-0 items-start gap-2.5">
-      <UIcon name="i-lucide-triangle-alert" class="mt-0.5 size-4 shrink-0 text-warning" />
-      <div class="grid gap-1">
-        <p class="text-[13px] font-semibold text-highlighted">
-          {{
-            t("spreadsheet.steps.review.overflowTitle", {
-  total: reviewRowsLength,
-  max: maxRecords
-})
-          }}
-        </p>
-        <p class="text-xs text-toned">
-          {{ t("spreadsheet.steps.review.overflowDescription", { count: overflowCount }) }}
-        </p>
-      </div>
-    </div>
-
-    <UButton
-      color="warning"
-      variant="outline"
-      size="sm"
-      :label="t('spreadsheet.steps.review.autoTrim')"
-      @click="emit('autoTrim')"
-    />
-  </div>
-</template>

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

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    items: {
-        key: string;
-        value: number;
-        label: string;
-        hint: string;
-        valueClass: string;
-        accentClass: string;
-        cardClass: string;
-    }[];
-    limitText?: 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/spreadsheet-review-stats.vue

@@ -1,40 +0,0 @@
-<script setup>
-import UIcon from "@nuxt/ui/components/Icon.vue";
-defineProps({
-  items: { type: Array, required: true },
-  limitText: { type: String, required: false }
-});
-</script>
-
-<template>
-  <div
-    class="flex min-h-11 flex-wrap items-center gap-3 rounded-[4px] border border-default/70 bg-default px-4 py-2"
-  >
-    <template v-for="(item, index) in items" :key="item.key">
-      <div class="flex min-w-0 items-center gap-2">
-        <div class="size-[7px] rounded-full" :class="item.accentClass" />
-        <span class="font-mono text-[13px] font-semibold leading-none" :class="item.valueClass">
-          {{ item.value }}
-        </span>
-        <span class="text-[11px] text-muted">
-          {{ item.label }}
-        </span>
-        <span class="font-mono text-[10px] text-muted">
-          {{ item.hint }}
-        </span>
-      </div>
-
-      <div v-if="index < items.length - 1" class="h-4 w-px bg-default/70" />
-    </template>
-
-    <template v-if="limitText">
-      <div class="h-4 w-px bg-default/70" />
-      <div class="flex items-center gap-1.5">
-        <UIcon name="i-lucide-info" class="size-3 text-warning" />
-        <span class="font-mono text-[10px] font-medium text-warning">
-          {{ limitText }}
-        </span>
-      </div>
-    </template>
-  </div>
-</template>

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

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    items: {
-        key: string;
-        value: number;
-        label: string;
-        hint: string;
-        valueClass: string;
-        accentClass: string;
-        cardClass: string;
-    }[];
-    limitText?: 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/spreadsheet-import-matching-step.d.vue.ts

@@ -1,7 +0,0 @@
-import type { SpreadsheetComponentApi } from '../types.js';
-type __VLS_Props = {
-    spreadsheet: SpreadsheetComponentApi;
-};
-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;