@sfxcode/nuxt-ui-formkit 1.2.0 → 1.2.2

package/dist/runtime/utils/dateValueConversion.d.ts

@@ -0,0 +1,36 @@
+import type { DateValue } from '@internationalized/date';
+import { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
+export type DateValueType = 'calendar' | 'date' | 'iso';
+export interface DateConversionOptions {
+    granularity?: 'day' | 'hour' | 'minute' | 'second';
+    hideTimeZone?: boolean;
+    timeZone?: string;
+}
+export declare function isDateValue(value: unknown): value is DateValue;
+/**
+ * Converts an external value (JS `Date`, ISO 8601 string, or an already-native
+ * `DateValue`) into the `DateValue` that `UInputDate`/`UCalendar` require.
+ */
+export declare function toDateValue(value: unknown, options?: DateConversionOptions): DateValue | undefined;
+/** Same as {@link toDateValue}, but also handles the `{ start, end }` range shape. */
+export declare function toDateValueOrRange(value: unknown, options?: DateConversionOptions): CalendarDate | CalendarDateTime | ZonedDateTime | {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+} | undefined;
+/** Same as {@link toDateValueOrRange}, but also handles arrays (multiple-selection mode). */
+export declare function toDateValueOrRangeOrArray(value: unknown, options?: DateConversionOptions): CalendarDate | CalendarDateTime | ZonedDateTime | {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+} | DateValue[] | undefined;
+/** Converts a `DateValue` emitted by `UInputDate`/`UCalendar` back into the shape the form value should take. */
+export declare function fromDateValue(value: DateValue | undefined, valueType: DateValueType, timeZone?: string): DateValue | Date | string | undefined;
+/** Same as {@link fromDateValue}, but also handles the `{ start, end }` range shape. */
+export declare function fromDateValueOrRange(value: unknown, valueType: DateValueType, timeZone?: string): string | CalendarDate | CalendarDateTime | ZonedDateTime | Date | {
+    start: string | DateValue | Date | undefined;
+    end: string | DateValue | Date | undefined;
+} | undefined;
+/** Same as {@link fromDateValueOrRange}, but also handles arrays (multiple-selection mode). */
+export declare function fromDateValueOrRangeOrArray(value: unknown, valueType: DateValueType, timeZone?: string): string | CalendarDate | CalendarDateTime | ZonedDateTime | Date | {
+    start: string | DateValue | Date | undefined;
+    end: string | DateValue | Date | undefined;
+} | (string | DateValue | Date | undefined)[] | undefined;

package/dist/runtime/utils/dateValueConversion.js

@@ -0,0 +1,80 @@
+import { CalendarDate, CalendarDateTime, ZonedDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseDate, parseDateTime, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
+const ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+const ISO_HAS_ZONE = /(?:Z|[+-]\d{2}:\d{2})(?:\[[^\]]+\])?$/;
+export function isDateValue(value) {
+  return value instanceof CalendarDate || value instanceof CalendarDateTime || value instanceof ZonedDateTime;
+}
+function isRangeLike(value) {
+  return typeof value === "object" && value !== null && "start" in value && "end" in value;
+}
+export function toDateValue(value, options = {}) {
+  if (value === void 0 || value === null || value === "") {
+    return void 0;
+  }
+  if (isDateValue(value)) {
+    return value;
+  }
+  const timeZone = options.timeZone ?? getLocalTimeZone();
+  const withTime = options.granularity != null && options.granularity !== "day";
+  if (value instanceof Date) {
+    const zoned = fromDate(value, timeZone);
+    if (!withTime) {
+      return toCalendarDate(zoned);
+    }
+    return options.hideTimeZone ? toCalendarDateTime(zoned) : zoned;
+  }
+  if (typeof value === "string") {
+    if (!withTime && ISO_DATE_ONLY.test(value)) {
+      return parseDate(value);
+    }
+    if (withTime && !ISO_HAS_ZONE.test(value)) {
+      return parseDateTime(value);
+    }
+    const zoned = parseAbsolute(value, timeZone);
+    return withTime ? options.hideTimeZone ? toCalendarDateTime(zoned) : zoned : toCalendarDate(zoned);
+  }
+  return void 0;
+}
+export function toDateValueOrRange(value, options = {}) {
+  if (isRangeLike(value)) {
+    return {
+      start: toDateValue(value.start, options),
+      end: toDateValue(value.end, options)
+    };
+  }
+  return toDateValue(value, options);
+}
+export function toDateValueOrRangeOrArray(value, options = {}) {
+  if (Array.isArray(value)) {
+    return value.map((item) => toDateValue(item, options)).filter((item) => item !== void 0);
+  }
+  return toDateValueOrRange(value, options);
+}
+export function fromDateValue(value, valueType, timeZone) {
+  if (value === void 0 || value === null) {
+    return void 0;
+  }
+  if (valueType === "calendar") {
+    return value;
+  }
+  const jsDate = value instanceof ZonedDateTime ? value.toDate() : value.toDate(timeZone ?? getLocalTimeZone());
+  if (valueType === "date") {
+    return jsDate;
+  }
+  return value.toString();
+}
+export function fromDateValueOrRange(value, valueType, timeZone) {
+  if (isRangeLike(value)) {
+    return {
+      start: fromDateValue(value.start, valueType, timeZone),
+      end: fromDateValue(value.end, valueType, timeZone)
+    };
+  }
+  return fromDateValue(value, valueType, timeZone);
+}
+export function fromDateValueOrRangeOrArray(value, valueType, timeZone) {
+  if (Array.isArray(value)) {
+    return value.map((item) => fromDateValue(item, valueType, timeZone));
+  }
+  return fromDateValueOrRange(value, valueType, timeZone);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -78,7 +78,7 @@
     "dev": "npm run dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --minor --release && npm publish --access=public && git push --follow-tags",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --patch --release && npm publish --access=public && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
@@ -109,6 +109,7 @@
     "@nuxt/test-utils": "^4.0.3",
     "@types/node": "latest",
     "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/test-utils": "^2.4.11",
     "changelogen": "^0.6.2",
     "codemirror": "^6.0.2",
     "eslint": "^10.6.0",
@@ -118,11 +119,13 @@
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
     "unbuild": "^3.6.1",
+    "valibot": "^1.4.2",
     "vitepress": "2.0.0-alpha.17",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
     "vue-i18n": "^11.4.6",
-    "vue-tsc": "^3.3.6"
+    "vue-tsc": "^3.3.6",
+    "zod": "^4.4.3"
   },
   "packageManager": "pnpm@11.1.2+sha512.415a1cc25974731e75455c1468371be74c5aa5fb7621b50d4056d222451609f11412f23fd602e6169f1e060466641f798597e1be961a10688836a67b16569499"
 }