nuxt-ui-tools 1.11.2 → 1.13.0

package/dist/runtime/spreadsheet/components/steps/spreadsheet-import-upload-step.d.vue.ts

@@ -1,8 +0,0 @@
-import type { SpreadsheetComponentApi } from '../types.js';
-type __VLS_Props = {
-    spreadsheet: SpreadsheetComponentApi;
-    onDownloadTemplate?: () => void;
-};
-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-upload-step.vue

@@ -1,81 +0,0 @@
-<script setup>
-import UAlert from "@nuxt/ui/components/Alert.vue";
-import UFileUpload from "@nuxt/ui/components/FileUpload.vue";
-import UIcon from "@nuxt/ui/components/Icon.vue";
-import { computed, ref, watch } from "vue";
-import { useUiToolsLocale } from "#ui-tools/i18n";
-import { isObject } from "#ui-tools/shared";
-const props = defineProps({
-  spreadsheet: { type: Object, required: true },
-  onDownloadTemplate: { type: Function, required: false }
-});
-const { t } = useUiToolsLocale();
-const file = ref(null);
-function getSchemaAccept(schema) {
-  if ("file" in schema && schema.file && isObject(schema.file) && "accept" in schema.file && Array.isArray(schema.file.accept)) {
-    return schema.file.accept;
-  }
-  if ("source" in schema && schema.source && isObject(schema.source) && "accept" in schema.source && Array.isArray(schema.source.accept)) {
-    return schema.source.accept;
-  }
-  return void 0;
-}
-const accept = computed(
-  () => getSchemaAccept(props.spreadsheet.schema.value)?.join(",") ?? ".xlsx,.xls,.csv"
-);
-watch(file, (nextFile) => {
-  if (!nextFile) {
-    return;
-  }
-  props.spreadsheet.loadSource({
-    fileName: nextFile.name,
-    source: nextFile
-  });
-});
-</script>
-
-<template>
-  <div class="grid gap-6">
-    <UFileUpload
-      v-model="file"
-      :accept="accept"
-      variant="area"
-      color="neutral"
-      layout="list"
-      :label="t('spreadsheet.upload.dropzoneLabel')"
-      :description="t('spreadsheet.upload.dropzoneDescription')"
-      class="min-h-[20rem]"
-    >
-      <template #leading>
-        <UIcon name="i-lucide-upload" class="size-8 text-muted" />
-      </template>
-    </UFileUpload>
-
-    <UAlert
-      v-if="spreadsheet.sourceError.value"
-      color="error"
-      variant="soft"
-      icon="i-lucide-circle-alert"
-      :title="t('spreadsheet.upload.parsingFailed')"
-      :description="String(spreadsheet.sourceError.value)"
-    />
-
-    <div class="max-w-sm">
-      <button type="button" class="group text-left" @click="onDownloadTemplate?.()">
-        <UCard class="transition-colors group-hover:border-primary/50 group-hover:bg-elevated/60">
-          <div class="flex items-center gap-4">
-            <UIcon name="i-lucide-file-spreadsheet" class="size-5 text-toned" />
-            <div class="grid gap-0.5">
-              <h3 class="text-sm font-medium text-highlighted">
-                {{ t("spreadsheet.upload.downloadTemplate") }}
-              </h3>
-              <p class="text-xs text-muted">
-                {{ t("spreadsheet.upload.downloadTemplateDescription") }}
-              </p>
-            </div>
-          </div>
-        </UCard>
-      </button>
-    </div>
-  </div>
-</template>

package/dist/runtime/spreadsheet/components/steps/spreadsheet-import-upload-step.vue.d.ts

@@ -1,8 +0,0 @@
-import type { SpreadsheetComponentApi } from '../types.js';
-type __VLS_Props = {
-    spreadsheet: SpreadsheetComponentApi;
-    onDownloadTemplate?: () => void;
-};
-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/structure/spreadsheet-structure-preview-table.d.vue.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    rows: {
-        absoluteIndex: number;
-        cells: readonly unknown[];
-    }[];
-    columnCount: number;
-    selectedHeaderRowIndex: number;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selectHeader: (rowIndex: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelectHeader?: ((rowIndex: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/spreadsheet/components/steps/structure/spreadsheet-structure-preview-table.vue

@@ -1,95 +0,0 @@
-<script setup>
-import { useVirtualizer } from "@tanstack/vue-virtual";
-import { computed, ref } from "vue";
-import { useUiToolsLocale } from "#ui-tools/i18n";
-const props = defineProps({
-  rows: { type: Array, required: true },
-  columnCount: { type: Number, required: true },
-  selectedHeaderRowIndex: { type: Number, required: true }
-});
-const { t } = useUiToolsLocale();
-const emit = defineEmits(["selectHeader"]);
-const viewportRef = ref(null);
-const rowVirtualizer = useVirtualizer(
-  computed(() => ({
-    count: props.rows.length,
-    estimateSize: () => 38,
-    getItemKey: (index) => props.rows[index]?.absoluteIndex ?? index,
-    getScrollElement: () => viewportRef.value,
-    overscan: 12
-  }))
-);
-const virtualRows = computed(() => rowVirtualizer.value.getVirtualItems());
-const totalSize = computed(() => rowVirtualizer.value.getTotalSize());
-function formatHeaderCell(cell) {
-  return String(cell ?? "").trim();
-}
-function getStatusCellTone(value) {
-  return String(value ?? "").toLowerCase() === "fail" ? "text-error" : "text-toned";
-}
-</script>
-
-<template>
-  <div class="grid min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-3">
-    <div class="flex items-center justify-between gap-3">
-      <h3 class="text-[13px] font-semibold text-highlighted">
-        {{ t("spreadsheet.steps.structure.previewTitle") }} —
-        {{
-          t("spreadsheet.steps.structure.headerDetectedAtRow", { row: selectedHeaderRowIndex + 1 })
-        }}
-      </h3>
-
-      <div
-        class="inline-flex items-center gap-1.5 bg-info/10 px-2.5 py-1 font-mono text-[11px] font-medium text-info"
-      >
-        <span class="size-1.5 rounded-full bg-info" />
-        <span>{{ t("spreadsheet.steps.structure.autoDetected") }}</span>
-      </div>
-    </div>
-
-    <div
-      ref="viewportRef"
-      class="min-h-[26rem] max-h-[calc(100dvh-18rem)] overflow-auto border border-default/70 bg-default"
-    >
-      <div class="relative min-w-max" :style="{ height: `${totalSize}px` }">
-        <div
-          v-for="virtualRow in virtualRows"
-          :key="String(virtualRow.key)"
-          class="absolute left-0 top-0 min-w-max"
-          :style="{ transform: `translateY(${virtualRow.start}px)` }"
-        >
-          <div
-            v-if="rows[virtualRow.index]"
-            class="flex cursor-pointer border-b border-default/50 last:border-b-0"
-            :class="
-  rows[virtualRow.index].absoluteIndex === selectedHeaderRowIndex ? 'bg-default' : rows[virtualRow.index].absoluteIndex < selectedHeaderRowIndex ? 'bg-elevated/20' : ''
-"
-            @click="emit('selectHeader', rows[virtualRow.index].absoluteIndex)"
-          >
-            <div
-              class="w-12 min-w-12 px-3 py-2 align-middle font-mono text-[11px]"
-              :class="
-  rows[virtualRow.index].absoluteIndex === selectedHeaderRowIndex ? 'border-y border-l-[3px] border-inverted font-semibold text-highlighted' : 'text-muted'
-"
-            >
-              {{ rows[virtualRow.index].absoluteIndex + 1 }}
-            </div>
-
-            <div
-              v-for="columnIndex in columnCount"
-              :key="`${rows[virtualRow.index].absoluteIndex}:${columnIndex}`"
-              class="min-w-24 max-w-40 truncate px-3 py-2 font-mono text-[11px]"
-              :class="
-  rows[virtualRow.index].absoluteIndex === selectedHeaderRowIndex ? 'border-y border-inverted font-semibold text-highlighted' : columnIndex === columnCount ? getStatusCellTone(rows[virtualRow.index].cells[columnIndex - 1]) : rows[virtualRow.index].absoluteIndex < selectedHeaderRowIndex ? 'text-muted' : 'text-toned'
-"
-            >
-              {{
-                rows[virtualRow.index].absoluteIndex === selectedHeaderRowIndex ? formatHeaderCell(rows[virtualRow.index].cells[columnIndex - 1]) : String(rows[virtualRow.index].cells[columnIndex - 1] ?? "")
-              }}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>

package/dist/runtime/spreadsheet/components/steps/structure/spreadsheet-structure-preview-table.vue.d.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    rows: {
-        absoluteIndex: number;
-        cells: readonly unknown[];
-    }[];
-    columnCount: number;
-    selectedHeaderRowIndex: number;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selectHeader: (rowIndex: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelectHeader?: ((rowIndex: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/spreadsheet/components/steps/structure/spreadsheet-structure-sheet-list.d.vue.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    items: {
-        label: string;
-        rowCount: number;
-        columnCount: number;
-    }[];
-    selectedSheetName?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (sheetName: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((sheetName: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/spreadsheet/components/steps/structure/spreadsheet-structure-sheet-list.vue

@@ -1,56 +0,0 @@
-<script setup>
-import { useUiToolsLocale } from "#ui-tools/i18n";
-const props = defineProps({
-  items: { type: Array, required: true },
-  selectedSheetName: { type: String, required: false }
-});
-const { locale, t } = useUiToolsLocale();
-const emit = defineEmits(["select"]);
-function isSelectedSheet(index, sheetLabel) {
-  return props.selectedSheetName === sheetLabel || !props.selectedSheetName && index === 0;
-}
-function formatCount(value) {
-  return new Intl.NumberFormat(locale.value.code).format(value);
-}
-</script>
-
-<template>
-  <div class="grid gap-2 self-start">
-    <h3 class="text-[13px] font-semibold text-highlighted">
-      {{ t("spreadsheet.steps.structure.sheetLabel") }}
-    </h3>
-
-    <button
-      v-for="(sheet, index) in items"
-      :key="sheet.label"
-      type="button"
-      class="flex items-center gap-3 border bg-default px-4 py-3 text-left transition-colors"
-      :class="
-  isSelectedSheet(index, sheet.label) ? 'border-2 border-inverted text-default' : 'border-default/70 text-toned hover:border-default'
-"
-      @click="emit('select', sheet.label)"
-    >
-      <div
-        class="size-3.5 rounded-full"
-        :class="
-  isSelectedSheet(index, sheet.label) ? 'bg-inverted' : 'border border-default/70 bg-default'
-"
-      />
-      <div class="grid gap-0.5">
-        <span
-          class="text-[13px]"
-          :class="
-  isSelectedSheet(index, sheet.label) ? 'font-medium text-highlighted' : 'text-toned'
-"
-          >{{ sheet.label }}</span
-        >
-        <span class="font-mono text-[11px] text-muted">{{
-          t("spreadsheet.common.sheetStats", {
-  rows: formatCount(sheet.rowCount),
-  columns: formatCount(sheet.columnCount)
-})
-        }}</span>
-      </div>
-    </button>
-  </div>
-</template>

package/dist/runtime/spreadsheet/components/steps/structure/spreadsheet-structure-sheet-list.vue.d.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    items: {
-        label: string;
-        rowCount: number;
-        columnCount: number;
-    }[];
-    selectedSheetName?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (sheetName: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((sheetName: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/spreadsheet/components/types.d.ts

@@ -1,41 +0,0 @@
-import type { SpreadsheetInternals } from '../composables/use-spreadsheet-internals.js';
-import type { SpreadsheetImportApi } from '../types/index.js';
-export type SpreadsheetComponentApi = SpreadsheetImportApi<{
-    importKey: string;
-    steps?: {
-        upload?: {
-            title?: string | number | (() => string | number);
-            description?: string | number | (() => string | number);
-        };
-        structure?: {
-            title?: string | number | (() => string | number);
-            description?: string | number | (() => string | number);
-        };
-        matching?: {
-            title?: string | number | (() => string | number);
-            description?: string | number | (() => string | number);
-        };
-        references?: {
-            title?: string | number | (() => string | number);
-            description?: string | number | (() => string | number);
-        };
-        review?: {
-            title?: string | number | (() => string | number);
-            description?: string | number | (() => string | number);
-        };
-    };
-    source?: {
-        accept?: readonly string[];
-        maxRecords?: number;
-    };
-}> & {
-    __internals: SpreadsheetInternals;
-};
-export interface SpreadsheetStepItem {
-    value: string;
-    title: string;
-    description: string;
-    icon: string;
-    disabled?: boolean;
-    status?: 'done' | 'active' | 'pending';
-}

package/dist/runtime/spreadsheet/composables/use-spreadsheet-column-matching.d.ts

@@ -1,18 +0,0 @@
-import type { ComputedRef } from 'vue';
-import type { SpreadsheetNormalizedSchema, SpreadsheetRecord } from '../types/index.js';
-export interface UseSpreadsheetColumnMatchingParams {
-    schema: ComputedRef<SpreadsheetNormalizedSchema>;
-    contextData: ComputedRef<SpreadsheetRecord>;
-    headers: ComputedRef<readonly unknown[]>;
-}
-export declare function useSpreadsheetColumnMatching(params: UseSpreadsheetColumnMatchingParams): {
-    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>>;
-    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>>[]>;
-};

package/dist/runtime/spreadsheet/composables/use-spreadsheet-column-matching.js

@@ -1,62 +0,0 @@
-import { computed, shallowRef } from "vue";
-import {
-  createSpreadsheetHeaderCells,
-  flattenSpreadsheetStaticColumns,
-  getSpreadsheetUnmatchedColumns,
-  matchSpreadsheetColumns,
-  matchSpreadsheetDynamicColumns
-} from "../utils/index.js";
-import { createSpreadsheetDynamicBuilder } from "../utils/builders/index.js";
-export function useSpreadsheetColumnMatching(params) {
-  const headerCells = computed(() => createSpreadsheetHeaderCells(params.headers.value));
-  const staticColumns = computed(
-    () => flattenSpreadsheetStaticColumns(params.schema.value.columns.static)
-  );
-  const manualColumnAssignments = shallowRef({});
-  const dynamicColumns = computed(
-    () => params.schema.value.columns.dynamic({
-      context: params.contextData.value,
-      dynamic: createSpreadsheetDynamicBuilder(params.contextData.value)
-    })
-  );
-  const columnMatches = computed(
-    () => matchSpreadsheetColumns(staticColumns.value, headerCells.value, manualColumnAssignments.value)
-  );
-  const dynamicColumnMatches = computed(
-    () => matchSpreadsheetDynamicColumns(
-      dynamicColumns.value,
-      headerCells.value,
-      columnMatches.value.map((match) => match.columnIndex)
-    )
-  );
-  const unmatchedColumns = computed(
-    () => getSpreadsheetUnmatchedColumns(staticColumns.value, columnMatches.value)
-  );
-  function assignColumn(headerIndex, columnKey) {
-    const nextAssignments = Object.fromEntries(
-      Object.entries(manualColumnAssignments.value).filter(
-        ([index, key]) => index !== String(headerIndex) && key !== columnKey
-      )
-    );
-    manualColumnAssignments.value = {
-      ...nextAssignments,
-      [String(headerIndex)]: columnKey
-    };
-  }
-  function clearColumnAssignment(headerIndex) {
-    const nextAssignments = { ...manualColumnAssignments.value };
-    delete nextAssignments[String(headerIndex)];
-    manualColumnAssignments.value = nextAssignments;
-  }
-  return {
-    assignColumn,
-    clearColumnAssignment,
-    columnMatches,
-    dynamicColumnMatches,
-    dynamicColumns,
-    headerCells,
-    manualColumnAssignments,
-    staticColumns,
-    unmatchedColumns
-  };
-}