@jakubmazanec/ui 0.4.1 → 0.4.2-unstable.aad0af37

package/build/components/data-table/DataTableColumnOrder.d.ts

@@ -1,3 +1,3 @@
 import { z } from 'zod';
-export declare const dataTableColumnOrderSchema: z.ZodArray<z.ZodString, "many">;
+export declare const dataTableColumnOrderSchema: z.ZodArray<z.ZodString>;
 export type DataTableColumnOrder = z.infer<typeof dataTableColumnOrderSchema>;

package/build/components/data-table/DataTableColumnPinning.d.ts

@@ -1,3 +1,6 @@
 import { z } from 'zod';
-export declare const dataTableColumnPinningSchema: z.ZodRecord<z.ZodString, z.ZodEnum<["left", "right"]>>;
+export declare const dataTableColumnPinningSchema: z.ZodRecord<z.ZodString, z.ZodEnum<{
+    left: "left";
+    right: "right";
+}>>;
 export type DataTableColumnPinning = z.infer<typeof dataTableColumnPinningSchema>;

package/build/components/data-table/DataTableFaceting.d.ts

@@ -1,15 +1,7 @@
 import { z } from 'zod';
 export declare const dataTableFacetingSchema: z.ZodRecord<z.ZodString, z.ZodObject<{
-    values: z.ZodOptional<z.ZodArray<z.ZodUnknown, "many">>;
+    values: z.ZodOptional<z.ZodArray<z.ZodUnknown>>;
     min: z.ZodOptional<z.ZodUnknown>;
     max: z.ZodOptional<z.ZodUnknown>;
-}, "strip", z.ZodTypeAny, {
-    values?: unknown[] | undefined;
-    max?: unknown;
-    min?: unknown;
-}, {
-    values?: unknown[] | undefined;
-    max?: unknown;
-    min?: unknown;
-}>>;
+}, z.core.$strip>>;
 export type DataTableFaceting = z.infer<typeof dataTableFacetingSchema>;

package/build/components/data-table/DataTableFilters.d.ts

@@ -1,12 +1,6 @@
 import { z } from 'zod';
-export declare const dataTableFiltersSchema: z.ZodUnion<[z.ZodNull, z.ZodArray<z.ZodObject<{
+export declare const dataTableFiltersSchema: z.ZodUnion<readonly [z.ZodNull, z.ZodArray<z.ZodObject<{
     column: z.ZodString;
-    filter: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodNumber>>, z.ZodOptional<z.ZodNullable<z.ZodNumber>>], null>]>;
-}, "strip", z.ZodTypeAny, {
-    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
-    column: string;
-}, {
-    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
-    column: string;
-}>, "many">]>;
+    filter: z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodNumber>>, z.ZodOptional<z.ZodNullable<z.ZodNumber>>], null>]>;
+}, z.core.$strip>>]>;
 export type DataTableFilters = z.infer<typeof dataTableFiltersSchema>;

package/build/components/data-table/DataTablePagination.d.ts

@@ -1,16 +1,7 @@
 import { z } from 'zod';
 export declare const dataTablePaginationSchema: z.ZodObject<{
-    /** Page number, starts with 1. */
     page: z.ZodNumber;
-    pageSize: z.ZodUnion<[z.ZodLiteral<10>, z.ZodLiteral<25>, z.ZodLiteral<50>, z.ZodLiteral<75>, z.ZodLiteral<100>]>;
+    pageSize: z.ZodUnion<readonly [z.ZodLiteral<10>, z.ZodLiteral<25>, z.ZodLiteral<50>, z.ZodLiteral<75>, z.ZodLiteral<100>]>;
     pageCount: z.ZodNumber;
-}, "strip", z.ZodTypeAny, {
-    page: number;
-    pageCount: number;
-    pageSize: 10 | 25 | 50 | 75 | 100;
-}, {
-    page: number;
-    pageCount: number;
-    pageSize: 10 | 25 | 50 | 75 | 100;
-}>;
+}, z.core.$strip>;
 export type DataTablePagination = z.infer<typeof dataTablePaginationSchema>;

package/build/components/data-table/DataTableSorting.d.ts

@@ -1,12 +1,9 @@
 import { z } from 'zod';
-export declare const dataTableSortingSchema: z.ZodUnion<[z.ZodNull, z.ZodObject<{
+export declare const dataTableSortingSchema: z.ZodUnion<readonly [z.ZodNull, z.ZodObject<{
     column: z.ZodString;
-    direction: z.ZodEnum<["ascending", "descending"]>;
-}, "strip", z.ZodTypeAny, {
-    direction: "ascending" | "descending";
-    column: string;
-}, {
-    direction: "ascending" | "descending";
-    column: string;
-}>]>;
+    direction: z.ZodEnum<{
+        ascending: "ascending";
+        descending: "descending";
+    }>;
+}, z.core.$strip>]>;
 export type DataTableSorting = z.infer<typeof dataTableSortingSchema>;

package/build/components/data-table/internals/addFilter.d.ts

@@ -1,5 +1,5 @@
 import { type DataTableProps } from '../DataTable.js';
 export declare function addFilter(filters: DataTableProps<any, any>['filters'], column: string, newFilter: unknown): {
-    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
     column: string;
+    filter: string | number | boolean | [(number | null | undefined)?, (number | null | undefined)?];
 }[];

package/build/components/data-table/internals/removeFilter.d.ts

@@ -1,5 +1,5 @@
 import { type DataTableProps } from '../DataTable.js';
 export declare function removeFilter(filters: DataTableProps<any, any>['filters'], column: string): {
-    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
     column: string;
+    filter: string | number | boolean | [(number | null | undefined)?, (number | null | undefined)?];
 }[] | null;

package/build/components/useForm.d.ts

@@ -1,10 +1,11 @@
 import { useForm as useBaseForm } from '@conform-to/react';
-import { type ZodTypeAny } from 'zod';
-export type UseFormOptions<S extends ZodTypeAny> = {
+import { type output, type ZodObject } from 'zod';
+export type UseFormOptions<S extends ZodObject> = {
     schema: S;
     onSubmit?: Parameters<typeof useBaseForm<S>>[0]['onSubmit'] | undefined;
 };
-export declare function useForm<S extends ZodTypeAny>({ schema, onSubmit }: UseFormOptions<S>): {
-    form: import("@conform-to/react").FormMetadata<import("zod").input<S>, string[]>;
-    fields: Required<{ [Key in keyof import("@conform-to/dom").Combine<import("zod").input<S>>]: import("@conform-to/react").FieldMetadata<import("@conform-to/dom").Combine<import("zod").input<S>>[Key], import("zod").input<S>, string[]>; }>;
+export type UseFormReturn<S extends ZodObject> = {
+    form: ReturnType<typeof useBaseForm<output<S>>>[0];
+    fields: ReturnType<typeof useBaseForm<output<S>>>[1];
 };
+export declare function useForm<S extends ZodObject>({ schema, onSubmit, }: UseFormOptions<S>): UseFormReturn<S>;

package/build/components/useForm.js

@@ -1,15 +1,19 @@
 "use strict";
 import { useForm as useBaseForm } from "@conform-to/react";
-import { parseWithZod } from "@conform-to/zod";
-export function useForm({ schema, onSubmit }) {
+import { parseWithZod } from "@conform-to/zod/v4";
+export function useForm({
+  schema,
+  onSubmit
+}) {
   let [form, fields] = useBaseForm({
     shouldValidate: "onBlur",
     shouldRevalidate: "onInput",
+    // TODO: fix this
+    // @ts-expect-error -- fix this
     onValidate({ formData }) {
       return parseWithZod(formData, { schema });
     },
     onSubmit
-    // TODO: remove when this is fixed: https://github.com/edmundhung/conform/issues/697
   });
   return {
     form,

package/build/components/useForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/components/useForm.ts"],
-  "sourcesContent": ["import {useForm as useBaseForm} from '@conform-to/react';\nimport {parseWithZod} from '@conform-to/zod';\nimport {type ZodTypeAny} from 'zod';\n\nexport type UseFormOptions<S extends ZodTypeAny> = {\n  schema: S;\n  onSubmit?: Parameters<typeof useBaseForm<S>>[0]['onSubmit'] | undefined;\n};\n\nexport function useForm<S extends ZodTypeAny>({schema, onSubmit}: UseFormOptions<S>) {\n  let [form, fields] = useBaseForm({\n    shouldValidate: 'onBlur',\n    shouldRevalidate: 'onInput',\n    onValidate({formData}) {\n      return parseWithZod(formData, {schema});\n    },\n    onSubmit: onSubmit as NonNullable<typeof onSubmit>, // TODO: remove when this is fixed: https://github.com/edmundhung/conform/issues/697\n  });\n\n  return {\n    form,\n    fields,\n  };\n}\n"],
-  "mappings": ";AAAA,SAAQ,WAAW,mBAAkB;AACrC,SAAQ,oBAAmB;AAQpB,gBAAS,QAA8B,EAAC,QAAQ,SAAQ,GAAsB;AACnF,MAAI,CAAC,MAAM,MAAM,IAAI,YAAY;AAAA,IAC/B,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,WAAW,EAAC,SAAQ,GAAG;AACrB,aAAO,aAAa,UAAU,EAAC,OAAM,CAAC;AAAA,IACxC;AAAA,IACA;AAAA;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {useForm as useBaseForm} from '@conform-to/react';\nimport {parseWithZod} from '@conform-to/zod/v4';\nimport {type output, type ZodObject} from 'zod';\n\nexport type UseFormOptions<S extends ZodObject> = {\n  schema: S;\n  onSubmit?: Parameters<typeof useBaseForm<S>>[0]['onSubmit'] | undefined;\n};\n\nexport type UseFormReturn<S extends ZodObject> = {\n  form: ReturnType<typeof useBaseForm<output<S>>>[0];\n  fields: ReturnType<typeof useBaseForm<output<S>>>[1];\n};\n\nexport function useForm<S extends ZodObject>({\n  schema,\n  onSubmit,\n}: UseFormOptions<S>): UseFormReturn<S> {\n  let [form, fields] = useBaseForm({\n    shouldValidate: 'onBlur',\n    shouldRevalidate: 'onInput',\n    // TODO: fix this\n    // @ts-expect-error -- fix this\n    onValidate({formData}) {\n      return parseWithZod(formData, {schema});\n    },\n    onSubmit,\n  });\n\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- false positive\n  return {\n    form,\n    fields,\n  } as UseFormReturn<S>;\n}\n"],
+  "mappings": ";AAAA,SAAQ,WAAW,mBAAkB;AACrC,SAAQ,oBAAmB;AAapB,gBAAS,QAA6B;AAAA,EAC3C;AAAA,EACA;AACF,GAAwC;AACtC,MAAI,CAAC,MAAM,MAAM,IAAI,YAAY;AAAA,IAC/B,gBAAgB;AAAA,IAChB,kBAAkB;AAAA;AAAA;AAAA,IAGlB,WAAW,EAAC,SAAQ,GAAG;AACrB,aAAO,aAAa,UAAU,EAAC,OAAM,CAAC;AAAA,IACxC;AAAA,IACA;AAAA,EACF,CAAC;AAGD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jakubmazanec/ui",
-  "version": "0.4.1",
+  "version": "0.4.2-unstable.aad0af37",
   "description": "React component library.",
   "repository": {
     "type": "git",
@@ -33,8 +33,8 @@
     "typecheck": "tsc --project tsconfig.typecheck.json"
   },
   "dependencies": {
-    "@conform-to/react": "^1.2.2",
-    "@conform-to/zod": "^1.2.2",
+    "@conform-to/react": "^1.8.2",
+    "@conform-to/zod": "^1.8.2",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -47,7 +47,7 @@
     "culori": "^4.0.1",
     "lodash": "^4.17.21",
     "tailwind-merge": "^3.3.1",
-    "zod": "^3.25.67"
+    "zod": "^4.0.17"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.1",

package/source/components/useForm.ts

@@ -1,24 +1,35 @@
 import {useForm as useBaseForm} from '@conform-to/react';
-import {parseWithZod} from '@conform-to/zod';
-import {type ZodTypeAny} from 'zod';
+import {parseWithZod} from '@conform-to/zod/v4';
+import {type output, type ZodObject} from 'zod';
 
-export type UseFormOptions<S extends ZodTypeAny> = {
+export type UseFormOptions<S extends ZodObject> = {
   schema: S;
   onSubmit?: Parameters<typeof useBaseForm<S>>[0]['onSubmit'] | undefined;
 };
 
-export function useForm<S extends ZodTypeAny>({schema, onSubmit}: UseFormOptions<S>) {
+export type UseFormReturn<S extends ZodObject> = {
+  form: ReturnType<typeof useBaseForm<output<S>>>[0];
+  fields: ReturnType<typeof useBaseForm<output<S>>>[1];
+};
+
+export function useForm<S extends ZodObject>({
+  schema,
+  onSubmit,
+}: UseFormOptions<S>): UseFormReturn<S> {
   let [form, fields] = useBaseForm({
     shouldValidate: 'onBlur',
     shouldRevalidate: 'onInput',
+    // TODO: fix this
+    // @ts-expect-error -- fix this
     onValidate({formData}) {
       return parseWithZod(formData, {schema});
     },
-    onSubmit: onSubmit as NonNullable<typeof onSubmit>, // TODO: remove when this is fixed: https://github.com/edmundhung/conform/issues/697
+    onSubmit,
   });
 
+  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- false positive
   return {
     form,
     fields,
-  };
+  } as UseFormReturn<S>;
 }