vlite3 1.2.12 → 1.2.13

package/components/CategoryManager/CategoryManager.vue.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import me from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.js";
+/* empty css              */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -14,7 +14,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.2.12",
+  "version": "1.2.13",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -28,11 +28,6 @@
       "import": "./index.js",
       "require": "./index.js"
     },
-    "./test": {
-      "types": "./test/index.d.ts",
-      "import": "./test/index.js",
-      "require": "./test/index.js"
-    },
     "./style.css": "./style.css"
   },
   "dependencies": {
@@ -62,22 +57,16 @@
     "xlsx": "^0.18.5"
   },
   "peerDependencies": {
-    "@vue/test-utils": "^2.4.0",
     "vue": "^3.5.24",
     "vue-router": "4"
   },
-  "peerDependenciesMeta": {
-    "@vue/test-utils": {
-      "optional": true
-    }
-  },
+  "peerDependenciesMeta": {},
   "devDependencies": {
     "@types/jsbarcode": "^3.11.4",
     "@types/node": "^25.0.10",
     "@types/qrcode": "^1.5.6",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "@vue/test-utils": "^2.4.8",
     "@vue/tsconfig": "^0.8.1",
     "typescript": "~5.9.3",
     "vite": "^7.2.4",

package/style.css

@@ -550,26 +550,24 @@
 .dark .sidepanel-body {
   --color-white: #171717 !important;
   --color-body: #171717 !important;
-  --color-mixture-1: #1c1c1c !important;
+  --color-mixture-1: #1f1f1f !important;
   --color-mixture-2: #ffffff !important;
-  --color-input: color-mix(in oklab, var(--color-mixture-1) 92%, var(--color-mixture-2));
 }
 
 .dark .tooltip-container {
   --color-body: #171717 !important;
   --color-white: #171717 !important;
-  --color-mixture-1: #1c1c1c !important;
+  --color-mixture-1: #1f1f1f !important;
   --color-mixture-2: #ffffff !important;
-  --tooltip-border: color-mix(in oklab, var(--color-mixture-1) 94%, var(--color-mixture-2)) !important;
 
 }
 
 .dark .modal-body .bg-card,
 .dark .sidepanel-body .bg-card,
 .dark .tooltip-container .bg-card {
-  --color-body: #121212 !important;
-  --color-white: #121212 !important;
-  --color-mixture-1: #171919 !important;
+  --color-body: #1D1D1D !important;
+  --color-white: #1D1D1D !important;
+  --color-mixture-1: #222222 !important;
   --color-mixture-2: #ffffff !important;
   background-color: var(--color-body) !important;
 }
@@ -662,7 +660,7 @@
 }
 
 .dark .text-destructive {
-  color: rgb(187, 1, 1) !important
+  color: #e8201f !important
 }
 
 .text-success {
@@ -670,11 +668,11 @@
 }
 
 .dark .text-success {
-  color: #049043 !important
+  color: #29b411 !important
 }
 
 .dark .text-danger {
-  color: #ee1f1f !important
+  color: #e8201f !important
 }
 
 

package/test/VliteScreen.d.ts

@@ -1,120 +0,0 @@
-import { IForm } from '../components/Form/types';
-import { IVliteScreen } from './types';
-import { VueWrapper, DOMWrapper } from '@vue/test-utils';
-/**
- * Fluent DOM wrapper that understands vlite3 component conventions.
- *
- * Provides a high-level API for interacting with vlite3 forms, buttons,
- * modals, and other components in tests — eliminating the need to write
- * complex DOM selectors or manually manage form state.
- *
- * @example
- * ```typescript
- * const screen = renderVlite(MyForm, { props: { data: {} } })
- * await screen.fillForm(schema, mockData)
- * const { emittedPayload } = await screen.submitForm()
- * ```
- */
-export declare class VliteScreen implements IVliteScreen {
-    readonly wrapper: VueWrapper<any>;
-    constructor(wrapper: VueWrapper<any>);
-    /**
-     * Click a button by its visible text content or data-testid.
-     * Searches for: `[data-testid]` match, then falls back to text matching.
-     */
-    clickButton(textOrTestId: string): Promise<void>;
-    /**
-     * Wait for a modal to appear in the DOM.
-     * Checks for modals by title text or data-testid.
-     */
-    waitForModal(titleOrTestId: string): Promise<void>;
-    /**
-     * Fill an entire form using schema definitions and a data object.
-     *
-     * For each field in the schema:
-     * 1. Looks up the corresponding value in `data`
-     * 2. Finds the DOM element using vlite3's `data-testid` system
-     * 3. Sets the value through both DOM interaction and the Form component's API
-     *
-     * @param schema - The vlite3 form schema
-     * @param data   - Key-value pairs of field names → values
-     */
-    fillForm(schema: IForm[] | IForm[][], data: Record<string, any>): Promise<void>;
-    /**
-     * Fill a single form field by name.
-     *
-     * Uses vlite3's data-testid conventions to find elements, then sets
-     * the value through both DOM events and the Form component's internal API.
-     */
-    fillField(name: string, value: any): Promise<void>;
-    /**
-     * Toggle a switch field by name.
-     */
-    toggleSwitch(name: string): Promise<void>;
-    /**
-     * Select a dropdown option by value.
-     */
-    selectDropdownOption(name: string, value: string): Promise<void>;
-    /**
-     * Submit the form and capture the emitted payload.
-     *
-     * Triggers a native form submit, waits for async processing,
-     * then captures the `onSubmit` event emitted by the vlite3 Form component.
-     *
-     * @returns The payload emitted by the form, or null if no emission was captured
-     */
-    submitForm(): Promise<{
-        emittedPayload: Record<string, any> | null;
-    }>;
-    /**
-     * Trigger form submission without capturing the payload.
-     * Useful when you want to handle the payload via fetch interception instead.
-     */
-    triggerSubmit(): Promise<void>;
-    /**
-     * Get the current form values from the Form component's internal state.
-     */
-    getFormValues(): Record<string, any>;
-    /**
-     * Get the current validation errors from the Form component.
-     */
-    getFormErrors(): Record<string, string>;
-    /**
-     * Find an element by its data-testid attribute.
-     */
-    findByTestId(testId: string): DOMWrapper<Element>;
-    /**
-     * Find a button by its visible text.
-     */
-    findButton(text: string): DOMWrapper<Element> | null;
-    /**
-     * Flush all pending promises and optionally wait an additional delay.
-     */
-    flushAll(delayMs?: number): Promise<void>;
-    /**
-     * Find a field's DOM element using vlite3's data-testid conventions.
-     * Uses the same resolution chain as the original formTester.ts.
-     */
-    private _findFieldElement;
-    /**
-     * Check if a DOMWrapper points to a native form element.
-     */
-    private _isNativeInput;
-    /**
-     * Fill a boolean/checkbox/switch field.
-     */
-    private _fillBoolean;
-    /**
-     * Fill a native input/textarea element.
-     */
-    private _fillNativeInput;
-    /**
-     * Fill a native <select> element.
-     */
-    private _fillNativeSelect;
-    /**
-     * Set a value directly on the Form component's internal state.
-     * Uses setFieldValue if available, otherwise mutates formValues directly.
-     */
-    private _setFormValue;
-}

package/test/VliteScreen.js

@@ -1,328 +0,0 @@
-import { flushPromises as a } from "@vue/test-utils";
-import { extractSchemaFields as u } from "./extractSchemaFields.js";
-class h {
-  wrapper;
-  constructor(t) {
-    this.wrapper = t;
-  }
-  // ── Navigation & Interaction ───────────────────────────────────────────────
-  /**
-   * Click a button by its visible text content or data-testid.
-   * Searches for: `[data-testid]` match, then falls back to text matching.
-   */
-  async clickButton(t) {
-    const i = t.toLowerCase().replace(/\s+/g, "-"), e = this.wrapper.find(`[data-testid="btn-${i}"]`);
-    if (e.exists()) {
-      await e.trigger("click"), await this.flushAll(50);
-      return;
-    }
-    const o = this.wrapper.findAll("button").find((n) => n.text().toLowerCase().includes(t.toLowerCase()));
-    o ? (await o.trigger("click"), await this.flushAll(50)) : console.warn(`[vlite3/test] clickButton: No button found for "${t}"`);
-  }
-  /**
-   * Wait for a modal to appear in the DOM.
-   * Checks for modals by title text or data-testid.
-   */
-  async waitForModal(t) {
-    await this.flushAll(300), document.querySelectorAll('[role="dialog"], .modal, [data-testid*="modal"]').length === 0 && console.warn(`[vlite3/test] waitForModal: No modal found for "${t}"`);
-  }
-  // ── Form Interaction ───────────────────────────────────────────────────────
-  /**
-   * Fill an entire form using schema definitions and a data object.
-   *
-   * For each field in the schema:
-   * 1. Looks up the corresponding value in `data`
-   * 2. Finds the DOM element using vlite3's `data-testid` system
-   * 3. Sets the value through both DOM interaction and the Form component's API
-   *
-   * @param schema - The vlite3 form schema
-   * @param data   - Key-value pairs of field names → values
-   */
-  async fillForm(t, i) {
-    const e = u(t);
-    for (const s of e) {
-      const o = s.name, n = d(i, o);
-      if (n === void 0) continue;
-      const l = typeof s.type == "string" ? s.type : void 0;
-      if (l && ["file", "avatarUpload", "fileUploader"].includes(l)) {
-        console.log(`   [Skip] ${o} -> File input`);
-        continue;
-      }
-      if (s.when)
-        try {
-          if (!s.when({ values: {} })) continue;
-        } catch {
-        }
-      await this.fillField(o, n);
-    }
-    await this.flushAll(200);
-  }
-  /**
-   * Fill a single form field by name.
-   *
-   * Uses vlite3's data-testid conventions to find elements, then sets
-   * the value through both DOM events and the Form component's internal API.
-   */
-  async fillField(t, i) {
-    const e = this._findFieldElement(t);
-    if (!e) {
-      console.log(`   [Skip] ${t} -> No DOM element found`);
-      return;
-    }
-    const s = this._isNativeInput(e), o = s ? e.attributes("type") : void 0;
-    if (typeof i == "boolean" || o === "checkbox")
-      await this._fillBoolean(e, t, i);
-    else if (s && e.element.tagName === "SELECT")
-      await this._fillNativeSelect(e, i), console.log(`   [Fill] ${t} -> Selected native option: ${i}`);
-    else if (s)
-      await this._fillNativeInput(e, t, i);
-    else {
-      const n = e.find("input, select, textarea");
-      if (n.exists())
-        await this._fillNativeInput(n, t, i);
-      else {
-        try {
-          await e.setValue(i);
-        } catch {
-        }
-        this._setFormValue(t, i), console.log(`   [Fill] ${t} -> Set via direct value mutation: ${i}`);
-      }
-    }
-    await a(), await new Promise((n) => setTimeout(n, 20));
-  }
-  /**
-   * Toggle a switch field by name.
-   */
-  async toggleSwitch(t) {
-    const i = this._findFieldElement(t);
-    if (i) {
-      const e = i.find('input[type="checkbox"]');
-      if (e.exists()) {
-        const s = e.element;
-        s.checked = !s.checked, s.dispatchEvent(new Event("change", { bubbles: !0 })), s.dispatchEvent(new Event("input", { bubbles: !0 })), await e.trigger("change");
-      } else
-        await i.trigger("click");
-    }
-    await this.flushAll(20);
-  }
-  /**
-   * Select a dropdown option by value.
-   */
-  async selectDropdownOption(t, i) {
-    const e = this._findFieldElement(t);
-    if (!e) {
-      this._setFormValue(t, i);
-      return;
-    }
-    await e.trigger("click"), await new Promise((n) => setTimeout(n, 400));
-    const s = document.querySelectorAll(
-      '[data-testid^="dropdown-item-"], [role="option"], .v-dropdown-item, li'
-    );
-    let o = !1;
-    for (const n of s)
-      if ((n.getAttribute("data-testid")?.replace("dropdown-item-", "") || n.textContent?.trim())?.toLowerCase() === i.toLowerCase()) {
-        n.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), o = !0;
-        break;
-      }
-    !o && s.length > 0 && s[s.length - 1].dispatchEvent(new MouseEvent("click", { bubbles: !0 })), document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: !0 })), this._setFormValue(t, i), await this.flushAll(50);
-  }
-  // ── Form Submission ────────────────────────────────────────────────────────
-  /**
-   * Submit the form and capture the emitted payload.
-   *
-   * Triggers a native form submit, waits for async processing,
-   * then captures the `onSubmit` event emitted by the vlite3 Form component.
-   *
-   * @returns The payload emitted by the form, or null if no emission was captured
-   */
-  async submitForm() {
-    await this.triggerSubmit();
-    const t = this.wrapper.findComponent({ name: "Form" });
-    let i = null;
-    if (t.exists()) {
-      const e = t.emitted("onSubmit");
-      if (e && e.length > 0) {
-        const s = e[e.length - 1];
-        i = s[0]?.values || s[0] || null;
-      }
-    }
-    return { emittedPayload: i };
-  }
-  /**
-   * Trigger form submission without capturing the payload.
-   * Useful when you want to handle the payload via fetch interception instead.
-   */
-  async triggerSubmit() {
-    const t = this.wrapper.find("form");
-    if (t.exists())
-      await t.trigger("submit");
-    else {
-      const i = this.wrapper.findAll('button[type="submit"]');
-      if (i.length > 0)
-        await i[i.length - 1].trigger("click");
-      else {
-        const s = this.wrapper.findAll("button").find((o) => {
-          const n = o.text().toLowerCase();
-          return n.includes("save") || n.includes("submit") || n.includes("create") || n.includes("update") || n.includes("add");
-        });
-        s && await s.trigger("click");
-      }
-    }
-    await a(), await new Promise((i) => setTimeout(i, 1200));
-  }
-  // ── Form State ─────────────────────────────────────────────────────────────
-  /**
-   * Get the current form values from the Form component's internal state.
-   */
-  getFormValues() {
-    const t = this.wrapper.findComponent({ name: "Form" });
-    return t.exists() ? t.vm.formValues || {} : {};
-  }
-  /**
-   * Get the current validation errors from the Form component.
-   */
-  getFormErrors() {
-    const t = this.wrapper.findComponent({ name: "Form" });
-    return t.exists() ? t.vm.errors || {} : {};
-  }
-  // ── Queries ────────────────────────────────────────────────────────────────
-  /**
-   * Find an element by its data-testid attribute.
-   */
-  findByTestId(t) {
-    return this.wrapper.find(`[data-testid="${t}"]`);
-  }
-  /**
-   * Find a button by its visible text.
-   */
-  findButton(t) {
-    return this.wrapper.findAll("button").find((e) => e.text().toLowerCase().includes(t.toLowerCase())) || null;
-  }
-  // ── Utilities ──────────────────────────────────────────────────────────────
-  /**
-   * Flush all pending promises and optionally wait an additional delay.
-   */
-  async flushAll(t = 0) {
-    await a(), t > 0 && await new Promise((i) => setTimeout(i, t));
-  }
-  // ── Private Helpers ────────────────────────────────────────────────────────
-  /**
-   * Find a field's DOM element using vlite3's data-testid conventions.
-   * Uses the same resolution chain as the original formTester.ts.
-   */
-  _findFieldElement(t) {
-    const i = t.replace(/\./g, "-"), e = t.split(".").pop() || t, s = [
-      "input",
-      "select",
-      "textarea",
-      "switch",
-      "checkbox",
-      "number",
-      "datepicker",
-      "timepicker",
-      "daterange",
-      "multiselect",
-      "choicebox",
-      "filepicker",
-      "avatar",
-      "colorpicker",
-      "iconpicker",
-      "tags"
-    ], o = [
-      `[data-testid="${t}"]`,
-      `[data-testid="${i}"]`,
-      `[data-testid="${e}"]`,
-      ...s.flatMap((n) => [
-        `[data-testid="${n}-${t}"]`,
-        `[data-testid="${n}-${i}"]`,
-        `[data-testid="${n}-${e}"]`
-      ]),
-      `input[name="${t}"]`,
-      `textarea[name="${t}"]`,
-      `select[name="${t}"]`,
-      `input[name="${e}"]`,
-      `textarea[name="${e}"]`,
-      `select[name="${e}"]`,
-      `[name="${t}"]`,
-      `[id="${t}"]`,
-      `[id="${i}"]`
-    ];
-    for (const n of o) {
-      const l = this.wrapper.find(n);
-      if (l.exists()) return l;
-    }
-    return null;
-  }
-  /**
-   * Check if a DOMWrapper points to a native form element.
-   */
-  _isNativeInput(t) {
-    return ["INPUT", "SELECT", "TEXTAREA"].includes(t.element.tagName);
-  }
-  /**
-   * Fill a boolean/checkbox/switch field.
-   */
-  async _fillBoolean(t, i, e) {
-    if (this._isNativeInput(t) && t.element.tagName === "INPUT") {
-      const o = t.element;
-      o.checked = e, o.dispatchEvent(new Event("change", { bubbles: !0 })), o.dispatchEvent(new Event("input", { bubbles: !0 })), await t.trigger("change");
-    } else {
-      const o = t.find('input[type="checkbox"]');
-      if (o.exists()) {
-        const n = o.element;
-        n.checked = e, n.dispatchEvent(new Event("change", { bubbles: !0 })), n.dispatchEvent(new Event("input", { bubbles: !0 })), await o.trigger("change");
-      } else
-        await t.trigger("click");
-    }
-    this._setFormValue(i, e), console.log(`   [Fill] ${i} -> ${e}`);
-  }
-  /**
-   * Fill a native input/textarea element.
-   */
-  async _fillNativeInput(t, i, e) {
-    const s = t.element;
-    Object.getOwnPropertyDescriptor(
-      t.element.tagName === "TEXTAREA" ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype,
-      "value"
-    )?.set?.call(s, e), s.dispatchEvent(new Event("input", { bubbles: !0 })), s.dispatchEvent(new Event("change", { bubbles: !0 })), s.dispatchEvent(new FocusEvent("blur", { bubbles: !0 })), await t.setValue(e), this._setFormValue(i, e), console.log(`   [Fill] ${i} -> "${e}"`);
-  }
-  /**
-   * Fill a native <select> element.
-   */
-  async _fillNativeSelect(t, i) {
-    await t.setValue(i);
-  }
-  /**
-   * Set a value directly on the Form component's internal state.
-   * Uses setFieldValue if available, otherwise mutates formValues directly.
-   */
-  _setFormValue(t, i) {
-    const e = this.wrapper.findComponent({ name: "Form" });
-    if (!e.exists()) {
-      console.log(`     -> Form component not found for ${t}`);
-      return;
-    }
-    const s = e.vm, o = e.getCurrentComponent()?.exposed;
-    console.log("     -> Exposed internal:", o ? Object.keys(o) : null), o && typeof o.setFieldValue == "function" ? (console.log(`     -> Using exposed.setFieldValue for ${t}`), o.setFieldValue(t, i)) : typeof s.setFieldValue == "function" ? (console.log(`     -> Using formVm.setFieldValue for ${t}`), s.setFieldValue(t, i)) : o && o.formValues ? (console.log(`     -> Using exposed.formValues setDeepValue for ${t}`), c(o.formValues, t, i)) : s.formValues ? (console.log(`     -> Using formVm.formValues setDeepValue for ${t}`), c(s.formValues, t, i)) : console.log(`     -> FAILED to find exposed setFieldValue or formValues on Form component for ${t}!`);
-  }
-}
-function d(r, t) {
-  if (!t || !r) return;
-  const i = t.split(".");
-  let e = r;
-  for (const s of i) {
-    if (e == null) return;
-    e = e[s];
-  }
-  return e;
-}
-function c(r, t, i) {
-  const e = t.split(".");
-  let s = r;
-  for (let o = 0; o < e.length - 1; o++)
-    (!s[e[o]] || typeof s[e[o]] != "object") && (s[e[o]] = {}), s = s[e[o]];
-  s[e[e.length - 1]] = i;
-}
-export {
-  h as VliteScreen
-};

package/test/createDataFactory.d.ts

@@ -1,24 +0,0 @@
-import { IForm } from '../components/Form/types';
-import { DataFactoryOptions } from './types';
-/**
- * Generates a mock data object from a vlite3 schema definition.
- *
- * Uses the schema's `type`, `name`, and `options` metadata to produce
- * realistic test values that satisfy common database constraints
- * (unique emails, valid formats, etc.).
- *
- * @example
- * ```typescript
- * import { createDataFactory } from 'vlite3/test'
- * import { customerSchema } from '../schema/crm.schema'
- *
- * // Auto-generate all fields
- * const mockData = createDataFactory(customerSchema)
- *
- * // Override specific fields
- * const specificData = createDataFactory(customerSchema, {
- *   overrides: { status: 'ACTIVE', workspaceName: `ws-${Date.now()}` }
- * })
- * ```
- */
-export declare function createDataFactory(schema: IForm[] | IForm[][], options?: DataFactoryOptions): Record<string, any>;

package/test/createDataFactory.js

@@ -1,59 +0,0 @@
-import { extractSchemaFields as p } from "./extractSchemaFields.js";
-function y(e, r) {
-  const n = r?.uniqueId || Math.random().toString(36).substring(2, 8), t = r?.overrides || {}, o = r?.evaluateConditions ?? !1, s = r?.valuesContext || {}, m = p(e), a = {};
-  for (const i of m) {
-    if (o && i.when)
-      try {
-        if (!i.when({ values: s })) continue;
-      } catch {
-      }
-    const u = i.name;
-    if (u in t) {
-      c(a, u, t[u]);
-      continue;
-    }
-    const l = v(i, n);
-    l !== void 0 && c(a, u, l);
-  }
-  for (const [i, u] of Object.entries(t))
-    c(a, i, u);
-  return a;
-}
-function v(e, r) {
-  const n = g(e), t = e.name.toLowerCase();
-  if (!d(n)) {
-    if (n === "switch" || n === "check") return !0;
-    if (n === "select" || n === "choiceBox") {
-      const o = f(e);
-      return o !== null ? o : `Test String ${r}`;
-    }
-    if (n === "multiSelect") {
-      const o = f(e);
-      return o !== null ? [o] : [];
-    }
-    return n === "email" || t.includes("email") ? `test_${r}@example.com` : n === "password" || t.includes("password") ? "SecurePass123!" : n === "number" ? 42 : n === "time" || t.includes("time") ? "09:00" : n === "date" || t.includes("date") ? "2026-04-26" : n === "tags" ? [`tag_${r}`] : n === "color" ? "#4f46e5" : n === "url" || t.includes("website") ? `https://test-${r}.example.com` : n === "tel" || t === "phone" || t.includes("phonenumber") || t.includes("mobilenumber") ? `+1555${r.substring(0, 4).replace(/\D/g, "0000").substring(0, 4)}` : e.name === "workspaceName" || t === "workspacename" ? `ws-${r}` : e.name === "username" || t === "name" ? `user_${r}` : `Test String ${r}`;
-  }
-}
-function g(e) {
-  if (e.type && typeof e.type == "string")
-    return e.type;
-}
-function d(e) {
-  return e ? ["file", "avatarUpload", "fileUploader"].includes(e) : !1;
-}
-function f(e) {
-  if (!e.options || !Array.isArray(e.options) || e.options.length === 0)
-    return null;
-  const r = e.options[0];
-  return typeof r == "object" ? r.value : r;
-}
-function c(e, r, n) {
-  const t = r.split(".");
-  let o = e;
-  for (let s = 0; s < t.length - 1; s++)
-    (!o[t[s]] || typeof o[t[s]] != "object") && (o[t[s]] = {}), o = o[t[s]];
-  o[t[t.length - 1]] = n;
-}
-export {
-  y as createDataFactory
-};

package/test/extractSchemaFields.d.ts

@@ -1,14 +0,0 @@
-import { IForm } from '../components/Form/types';
-/**
- * Recursively extracts all individual field definitions from a complex
- * nested vlite3 schema structure.
- *
- * Handles:
- * - Flat arrays: `IForm[]`
- * - Grouped arrays: `IForm[][]`
- * - Nested structures: `fields`, `children`, `tabs`, `steps`, `schema`
- *
- * @param schema - Any level of a vlite3 schema hierarchy
- * @returns A flat list of all individual field definitions
- */
-export declare function extractSchemaFields(schema: any): IForm[];

package/test/extractSchemaFields.js

@@ -1,11 +0,0 @@
-function f(t) {
-  let i = [];
-  if (Array.isArray(t))
-    for (const n of t)
-      i = i.concat(f(n));
-  else t && typeof t == "object" && (t.name && i.push(t), t.fields && (i = i.concat(f(t.fields))), t.children && (i = i.concat(f(t.children))), t.tabs && (i = i.concat(f(t.tabs))), t.steps && (i = i.concat(f(t.steps))), t.schema && (i = i.concat(f(t.schema))));
-  return i;
-}
-export {
-  f as extractSchemaFields
-};

package/test/index.d.ts

@@ -1,39 +0,0 @@
-/**
- * @vlite3/test — Testing utilities for vlite3 components
- *
- * This package provides composable, framework-agnostic utilities for testing
- * vlite3 forms, components, and pages. It is a companion to the main `vlite3`
- * library and should be used as a dev dependency.
- *
- * Core exports:
- * - `createDataFactory` — Schema-driven mock data generation
- * - `renderVlite` — Fluent DOM wrapper around @vue/test-utils
- * - `extractSchemaFields` — Recursive schema field extractor
- *
- * @example
- * ```typescript
- * import { renderVlite, createDataFactory } from 'vlite3/test'
- * import { customerSchema } from '../schema/crm.schema'
- * import CrmCustomerForm from '../components/CrmCustomerForm.vue'
- *
- * it('fills and submits a form', async () => {
- *   const screen = await renderVlite(CrmCustomerForm, {
- *     props: { data: {} },
- *     global: { plugins: [apollo] },
- *   })
- *
- *   const mockData = createDataFactory(customerSchema)
- *   await screen.fillForm(customerSchema, mockData)
- *
- *   const { emittedPayload } = await screen.submitForm()
- *   expect(emittedPayload).toBeTruthy()
- * })
- * ```
- *
- * @packageDocumentation
- */
-export { createDataFactory } from './createDataFactory';
-export { renderVlite } from './renderVlite';
-export { VliteScreen } from './VliteScreen';
-export { extractSchemaFields } from './extractSchemaFields';
-export type { DataFactoryOptions, RenderVliteOptions, IVliteScreen, } from './types';

package/test/index.js

@@ -1,10 +0,0 @@
-import { createDataFactory as t } from "./createDataFactory.js";
-import { renderVlite as a } from "./renderVlite.js";
-import { VliteScreen as m } from "./VliteScreen.js";
-import { extractSchemaFields as f } from "./extractSchemaFields.js";
-export {
-  m as VliteScreen,
-  t as createDataFactory,
-  f as extractSchemaFields,
-  a as renderVlite
-};

package/test/renderVlite.d.ts

@@ -1,30 +0,0 @@
-import { Component } from 'vue';
-import { VliteScreen } from './VliteScreen';
-import { RenderVliteOptions } from './types';
-/**
- * Mount a vlite3 component and return a fluent `VliteScreen` wrapper.
- *
- * This is the primary entry point for testing vlite3 components.
- * It wraps `@vue/test-utils` `mount()` and returns a `VliteScreen`
- * that understands vlite3's component conventions.
- *
- * **Important**: This function is framework-agnostic. It does NOT inject
- * any Apollo client, authentication, or ERP-specific configuration.
- * Pass those via the `global.plugins` option.
- *
- * @example
- * ```typescript
- * import { renderVlite } from 'vlite3/test'
- * import { apollo } from '@/config/apollo.config'
- * import MyForm from './MyForm.vue'
- *
- * const screen = renderVlite(MyForm, {
- *   props: { data: {} },
- *   global: { plugins: [apollo] },
- * })
- *
- * await screen.fillForm(schema, mockData)
- * await screen.triggerSubmit()
- * ```
- */
-export declare function renderVlite(component: Component, options?: RenderVliteOptions): Promise<VliteScreen>;

package/test/renderVlite.js

@@ -1,12 +0,0 @@
-import { mount as a, flushPromises as m } from "@vue/test-utils";
-import { VliteScreen as i } from "./VliteScreen.js";
-async function p(o, e) {
-  const r = e?.mountDelay ?? 250, t = a(o, {
-    props: e?.props,
-    global: e?.global
-  });
-  return await m(), r > 0 && await new Promise((n) => setTimeout(n, r)), new i(t);
-}
-export {
-  p as renderVlite
-};

package/test/types.d.ts

@@ -1,39 +0,0 @@
-import { IForm } from '../components/Form/types';
-import { VueWrapper, DOMWrapper } from '@vue/test-utils';
-export interface DataFactoryOptions {
-    /** Override specific fields — these take priority over auto-generated values */
-    overrides?: Record<string, any>;
-    /** Unique suffix for generated strings (auto-generated if not provided) */
-    uniqueId?: string;
-    /** Whether to evaluate `when` conditions (default: false — generate all fields) */
-    evaluateConditions?: boolean;
-    /** Form values context for evaluating `when` conditions */
-    valuesContext?: Record<string, any>;
-}
-export interface RenderVliteOptions {
-    /** Props to pass to the component */
-    props?: Record<string, any>;
-    /** Global mount options (plugins, mocks, stubs, etc.) */
-    global?: Record<string, any>;
-    /** Delay in ms after mount before returning (default: 250) */
-    mountDelay?: number;
-}
-export interface IVliteScreen {
-    /** The underlying @vue/test-utils wrapper */
-    readonly wrapper: VueWrapper<any>;
-    clickButton(textOrTestId: string): Promise<void>;
-    waitForModal(titleOrTestId: string): Promise<void>;
-    fillForm(schema: IForm[] | IForm[][], data: Record<string, any>): Promise<void>;
-    fillField(name: string, value: any): Promise<void>;
-    toggleSwitch(name: string): Promise<void>;
-    selectDropdownOption(name: string, value: string): Promise<void>;
-    submitForm(): Promise<{
-        emittedPayload: Record<string, any> | null;
-    }>;
-    triggerSubmit(): Promise<void>;
-    getFormValues(): Record<string, any>;
-    getFormErrors(): Record<string, string>;
-    findByTestId(testId: string): DOMWrapper<Element>;
-    findButton(text: string): DOMWrapper<Element> | null;
-    flushAll(delayMs?: number): Promise<void>;
-}