soda-heroui 0.0.1 → 0.0.3

package/dist/cjs/components/ErrorMessage.js

@@ -24,13 +24,12 @@ __export(ErrorMessage_exports, {
 });
 module.exports = __toCommonJS(ErrorMessage_exports);
 var import_deepsea_tools = require("deepsea-tools");
-var import_zod = require("zod");
 function getErrorMessage(error) {
   if (!(0, import_deepsea_tools.isNonNullable)(error))
     return [];
   if (typeof error === "string")
     return [error];
-  if (error instanceof import_zod.ZodError)
+  if ("errors" in error && Array.isArray(error.errors))
     return error.errors.map((e) => e.message).filter((item, index, array) => array.indexOf(item) === index);
   return [error.message];
 }

package/dist/cjs/components/ErrorMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ErrorMessage.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ComponentProps, FC } from \"react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { ZodError } from \"zod\"\n\nexport interface ErrorMessageItem {\n    message: string\n}\n\nexport interface ErrorMessageProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n    data: (ErrorMessageItem | undefined)[]\n}\n\nfunction getErrorMessage(error: ErrorMessageItem | string | undefined): string[] {\n    if (!isNonNullable(error)) return []\n    if (typeof error === \"string\") return [error]\n    if (error instanceof ZodError) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)\n    return [error.message]\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n    const { data, ...rest } = props\n    const errors = data.flatMap(getErrorMessage).filter((item, index, array) => array.indexOf(item) === index)\n\n    return (\n        errors.length > 0 && (\n            <div {...rest}>\n                {errors.map((item, index) => (\n                    <div key={index}>{item}</div>\n                ))}\n            </div>\n        )\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAA8B;AAC9B,iBAAyB;AAUzB,SAAS,gBAAgB,OAAwD;AAC7E,MAAI,KAAC,oCAAc,KAAK;AAAG,WAAO,CAAC;AACnC,MAAI,OAAO,UAAU;AAAU,WAAO,CAAC,KAAK;AAC5C,MAAI,iBAAiB;AAAU,WAAO,MAAM,OAAO,IAAI,OAAK,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,OAAO,UAAU,MAAM,QAAQ,IAAI,MAAM,KAAK;AACnI,SAAO,CAAC,MAAM,OAAO;AACzB;AAEO,IAAM,eAAsC,WAAS;AACxD,QAAM,EAAE,MAAM,GAAG,KAAK,IAAI;AAC1B,QAAM,SAAS,KAAK,QAAQ,eAAe,EAAE,OAAO,CAAC,MAAM,OAAO,UAAU,MAAM,QAAQ,IAAI,MAAM,KAAK;AAEzG,SACI,OAAO,SAAS,KACZ,oCAAC,SAAK,GAAG,QACJ,OAAO,IAAI,CAAC,MAAM,UACf,oCAAC,SAAI,KAAK,SAAQ,IAAK,CAC1B,CACL;AAGZ;",
+  "sourcesContent": ["\"use client\"\n\nimport { ComponentProps, FC } from \"react\"\nimport { isNonNullable } from \"deepsea-tools\"\n\nexport interface ErrorMessageItem {\n    message: string\n}\n\nexport interface ErrorMessageProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n    data: (ErrorMessageItem | undefined)[]\n}\n\nfunction getErrorMessage(error: ErrorMessageItem | string | undefined): string[] {\n    if (!isNonNullable(error)) return []\n    if (typeof error === \"string\") return [error]\n    if (\"errors\" in error && Array.isArray(error.errors)) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)\n    return [error.message]\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n    const { data, ...rest } = props\n    const errors = data.flatMap(getErrorMessage).filter((item, index, array) => array.indexOf(item) === index)\n\n    return (\n        errors.length > 0 && (\n            <div {...rest}>\n                {errors.map((item, index) => (\n                    <div key={index}>{item}</div>\n                ))}\n            </div>\n        )\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAA8B;AAU9B,SAAS,gBAAgB,OAAwD;AAC7E,MAAI,KAAC,oCAAc,KAAK;AAAG,WAAO,CAAC;AACnC,MAAI,OAAO,UAAU;AAAU,WAAO,CAAC,KAAK;AAC5C,MAAI,YAAY,SAAS,MAAM,QAAQ,MAAM,MAAM;AAAG,WAAO,MAAM,OAAO,IAAI,OAAK,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,OAAO,UAAU,MAAM,QAAQ,IAAI,MAAM,KAAK;AAC1J,SAAO,CAAC,MAAM,OAAO;AACzB;AAEO,IAAM,eAAsC,WAAS;AACxD,QAAM,EAAE,MAAM,GAAG,KAAK,IAAI;AAC1B,QAAM,SAAS,KAAK,QAAQ,eAAe,EAAE,OAAO,CAAC,MAAM,OAAO,UAAU,MAAM,QAAQ,IAAI,MAAM,KAAK;AAEzG,SACI,OAAO,SAAS,KACZ,oCAAC,SAAK,GAAG,QACJ,OAAO,IAAI,CAAC,MAAM,UACf,oCAAC,SAAI,KAAK,SAAQ,IAAK,CAC1B,CACL;AAGZ;",
   "names": []
 }

package/dist/cjs/components/FormAutocomplete.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { Autocomplete } from "@heroui/react";
+import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
-export interface FormAutocompleteProps<FieldValue extends string | undefined = string | undefined, T extends object = object> extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {
+export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object> extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {
 }
-export declare function FormAutocomplete<FieldValue extends string | undefined = string | undefined, T extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, T>): ReactNode;
+export declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, T>): ReactNode;

package/dist/cjs/components/FormAutocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormAutocomplete.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends string | undefined = string | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends string | undefined = string | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA6B;AAG7B,0BAA6B;AAKtB,SAAS,iBAAwG;AAAA,EACpH;AAAA,EACA,GAAG;AACP,GAAoD;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,MAAM,MAAM,SAAS;AAAA,MAClC,mBAAmB,WAAS,MAAM,aAAc,SAAS,MAAwB;AAAA,MACjF,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA6B;AAI7B,0BAA6B;AAKtB,SAAS,iBAAkG;AAAA,EAC9G;AAAA,EACA,GAAG;AACP,GAAoD;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,MAAM,MAAM,SAAS;AAAA,MAClC,mBAAmB,WAAS,MAAM,aAAc,SAAS,MAAwB;AAAA,MACjF,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormSelect.d.ts

@@ -1,7 +1,8 @@
 import { Select } from "@heroui/react";
+import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormSelectProps<Value extends string | undefined = string | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
+export interface FormSelectProps<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
     multiple?: Multiple;
 }
-export declare function FormSelect<Value extends string | undefined = string | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FormSelect.js

@@ -30,7 +30,7 @@ function FormSelect({ field, multiple, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.Select,
     {
-      selectedKeys: Array.isArray(field.state.value) ? field.state.value.filter(import_deepsea_tools.isNonNullable) : typeof field.state.value === "string" ? [field.state.value] : [],
+      selectedKeys: Array.isArray(field.state.value) ? field.state.value.filter(import_deepsea_tools.isNonNullable) : (0, import_deepsea_tools.isNonNullable)(field.state.value) ? [field.state.value] : [],
       onSelectionChange: (keys) => {
         const value = Array.from(keys);
         field.handleChange(multiple ? value : value.at(0));

package/dist/cjs/components/FormSelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormSelect.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Value extends string | undefined = string | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Value extends string | undefined = string | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {\n    return (\n        <Select<T>\n            selectedKeys={\n                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : typeof field.state.value === \"string\" ? [field.state.value] : []\n            }\n            onSelectionChange={keys => {\n                const value = Array.from(keys) as string[]\n                field.handleChange((multiple ? value : value.at(0)) as FieldValue)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuB;AACvB,2BAA8B;AAI9B,0BAA6B;AAWtB,SAAS,WAKd,EAAE,OAAO,UAAU,GAAG,KAAK,GAAoD;AAC7E,SACI;AAAA,IAAC;AAAA;AAAA,MACG,cACI,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI,MAAM,MAAM,MAAM,OAAO,kCAAa,IAAI,OAAO,MAAM,MAAM,UAAU,WAAW,CAAC,MAAM,MAAM,KAAK,IAAI,CAAC;AAAA,MAEhJ,mBAAmB,UAAQ;AACvB,cAAM,QAAQ,MAAM,KAAK,IAAI;AAC7B,cAAM,aAAc,WAAW,QAAQ,MAAM,GAAG,CAAC,CAAgB;AAAA,MACrE;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {\n    return (\n        <Select<T>\n            selectedKeys={\n                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : []\n            }\n            onSelectionChange={keys => {\n                const value = Array.from(keys) as string[]\n                field.handleChange((multiple ? value : value.at(0)) as FieldValue)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuB;AAEvB,2BAA8B;AAI9B,0BAA6B;AAWtB,SAAS,WAKd,EAAE,OAAO,UAAU,GAAG,KAAK,GAAoD;AAC7E,SACI;AAAA,IAAC;AAAA;AAAA,MACG,cACI,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI,MAAM,MAAM,MAAM,OAAO,kCAAa,QAAI,oCAAc,MAAM,MAAM,KAAK,IAAI,CAAC,MAAM,MAAM,KAAK,IAAI,CAAC;AAAA,MAE3I,mBAAmB,UAAQ;AACvB,cAAM,QAAQ,MAAM,KAAK,IAAI;AAC7B,cAAM,aAAc,WAAW,QAAQ,MAAM,GAAG,CAAC,CAAgB;AAAA,MACrE;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/esm/components/ErrorMessage.js

@@ -1,12 +1,11 @@
 "use client";
 
 import { isNonNullable } from "deepsea-tools";
-import { ZodError } from "zod";
 import { jsx as _jsx } from "react/jsx-runtime";
 function getErrorMessage(error) {
   if (!isNonNullable(error)) return [];
   if (typeof error === "string") return [error];
-  if (error instanceof ZodError) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index);
+  if ("errors" in error && Array.isArray(error.errors)) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index);
   return [error.message];
 }
 export const ErrorMessage = props => {

package/dist/esm/components/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["isNonNullable","ZodError","jsx","_jsx","getErrorMessage","error","errors","map","e","message","filter","item","index","array","indexOf","ErrorMessage","props","data","rest","flatMap","length","children"],"sources":["../../../src/components/ErrorMessage.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentProps, FC } from \"react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { ZodError } from \"zod\"\n\nexport interface ErrorMessageItem {\n    message: string\n}\n\nexport interface ErrorMessageProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n    data: (ErrorMessageItem | undefined)[]\n}\n\nfunction getErrorMessage(error: ErrorMessageItem | string | undefined): string[] {\n    if (!isNonNullable(error)) return []\n    if (typeof error === \"string\") return [error]\n    if (error instanceof ZodError) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)\n    return [error.message]\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n    const { data, ...rest } = props\n    const errors = data.flatMap(getErrorMessage).filter((item, index, array) => array.indexOf(item) === index)\n\n    return (\n        errors.length > 0 && (\n            <div {...rest}>\n                {errors.map((item, index) => (\n                    <div key={index}>{item}</div>\n                ))}\n            </div>\n        )\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,aAAa,QAAQ,eAAe;AAC7C,SAASC,QAAQ,QAAQ,KAAK;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAU9B,SAASC,eAAeA,CAACC,KAA4C,EAAY;EAC7E,IAAI,CAACL,aAAa,CAACK,KAAK,CAAC,EAAE,OAAO,EAAE;EACpC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE,OAAO,CAACA,KAAK,CAAC;EAC7C,IAAIA,KAAK,YAAYJ,QAAQ,EAAE,OAAOI,KAAK,CAACC,MAAM,CAACC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,CAACC,MAAM,CAAC,CAACC,IAAI,EAAEC,KAAK,EAAEC,KAAK,KAAKA,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,KAAKC,KAAK,CAAC;EACpI,OAAO,CAACP,KAAK,CAACI,OAAO,CAAC;AAC1B;AAEA,OAAO,MAAMM,YAAmC,GAAGC,KAAK,IAAI;EACxD,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC/B,MAAMV,MAAM,GAAGW,IAAI,CAACE,OAAO,CAACf,eAAe,CAAC,CAACM,MAAM,CAAC,CAACC,IAAI,EAAEC,KAAK,EAAEC,KAAK,KAAKA,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,KAAKC,KAAK,CAAC;EAE1G,OACIN,MAAM,CAACc,MAAM,GAAG,CAAC,iBACbjB,IAAA;IAAA,GAASe,IAAI;IAAAG,QAAA,EACRf,MAAM,CAACC,GAAG,CAAC,CAACI,IAAI,EAAEC,KAAK,kBACpBT,IAAA;MAAAkB,QAAA,EAAkBV;IAAI,GAAZC,KAAkB,CAC/B;EAAC,CACD,CACR;AAET,CAAC"}
+{"version":3,"names":["isNonNullable","jsx","_jsx","getErrorMessage","error","Array","isArray","errors","map","e","message","filter","item","index","array","indexOf","ErrorMessage","props","data","rest","flatMap","length","children"],"sources":["../../../src/components/ErrorMessage.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentProps, FC } from \"react\"\nimport { isNonNullable } from \"deepsea-tools\"\n\nexport interface ErrorMessageItem {\n    message: string\n}\n\nexport interface ErrorMessageProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n    data: (ErrorMessageItem | undefined)[]\n}\n\nfunction getErrorMessage(error: ErrorMessageItem | string | undefined): string[] {\n    if (!isNonNullable(error)) return []\n    if (typeof error === \"string\") return [error]\n    if (\"errors\" in error && Array.isArray(error.errors)) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)\n    return [error.message]\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n    const { data, ...rest } = props\n    const errors = data.flatMap(getErrorMessage).filter((item, index, array) => array.indexOf(item) === index)\n\n    return (\n        errors.length > 0 && (\n            <div {...rest}>\n                {errors.map((item, index) => (\n                    <div key={index}>{item}</div>\n                ))}\n            </div>\n        )\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,aAAa,QAAQ,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAU7C,SAASC,eAAeA,CAACC,KAA4C,EAAY;EAC7E,IAAI,CAACJ,aAAa,CAACI,KAAK,CAAC,EAAE,OAAO,EAAE;EACpC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE,OAAO,CAACA,KAAK,CAAC;EAC7C,IAAI,QAAQ,IAAIA,KAAK,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE,OAAOH,KAAK,CAACG,MAAM,CAACC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,CAACC,MAAM,CAAC,CAACC,IAAI,EAAEC,KAAK,EAAEC,KAAK,KAAKA,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,KAAKC,KAAK,CAAC;EAC3J,OAAO,CAACT,KAAK,CAACM,OAAO,CAAC;AAC1B;AAEA,OAAO,MAAMM,YAAmC,GAAGC,KAAK,IAAI;EACxD,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC/B,MAAMV,MAAM,GAAGW,IAAI,CAACE,OAAO,CAACjB,eAAe,CAAC,CAACQ,MAAM,CAAC,CAACC,IAAI,EAAEC,KAAK,EAAEC,KAAK,KAAKA,KAAK,CAACC,OAAO,CAACH,IAAI,CAAC,KAAKC,KAAK,CAAC;EAE1G,OACIN,MAAM,CAACc,MAAM,GAAG,CAAC,iBACbnB,IAAA;IAAA,GAASiB,IAAI;IAAAG,QAAA,EACRf,MAAM,CAACC,GAAG,CAAC,CAACI,IAAI,EAAEC,KAAK,kBACpBX,IAAA;MAAAoB,QAAA,EAAkBV;IAAI,GAAZC,KAAkB,CAC/B;EAAC,CACD,CACR;AAET,CAAC"}

package/dist/esm/components/FormAutocomplete.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { Autocomplete } from "@heroui/react";
+import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
-export interface FormAutocompleteProps<FieldValue extends string | undefined = string | undefined, T extends object = object> extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {
+export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object> extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {
 }
-export declare function FormAutocomplete<FieldValue extends string | undefined = string | undefined, T extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, T>): ReactNode;
+export declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, T>): ReactNode;

package/dist/esm/components/FormAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["Autocomplete","ErrorMessage","jsx","_jsx","FormAutocomplete","field","rest","selectedKey","state","value","onSelectionChange","handleChange","undefined","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormAutocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends string | undefined = string | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends string | undefined = string | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,YAAY,QAAQ,eAAe;AAG5C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAK7C,OAAO,SAASC,gBAAgBA,CAAwF;EACpHC,KAAK;EACL,GAAGC;AAC+B,CAAC,EAAa;EAChD,oBACIH,IAAA,CAACH,YAAY;IACTO,WAAW,EAAEF,KAAK,CAACG,KAAK,CAACC,KAAK,IAAI,IAAK;IACvCC,iBAAiB,EAAED,KAAK,IAAIJ,KAAK,CAACM,YAAY,CAAEF,KAAK,IAAIG,SAAwB,CAAE;IACnFC,MAAM,EAAER,KAAK,CAACS,UAAW;IACzBC,YAAY,eAAEZ,IAAA,CAACF,YAAY;MAACe,IAAI,EAAEX,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEd,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7Cf;EAAI,CACX,CAAC;AAEV"}
+{"version":3,"names":["Autocomplete","ErrorMessage","jsx","_jsx","FormAutocomplete","field","rest","selectedKey","state","value","onSelectionChange","handleChange","undefined","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormAutocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,YAAY,QAAQ,eAAe;AAI5C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAK7C,OAAO,SAASC,gBAAgBA,CAAkF;EAC9GC,KAAK;EACL,GAAGC;AAC+B,CAAC,EAAa;EAChD,oBACIH,IAAA,CAACH,YAAY;IACTO,WAAW,EAAEF,KAAK,CAACG,KAAK,CAACC,KAAK,IAAI,IAAK;IACvCC,iBAAiB,EAAED,KAAK,IAAIJ,KAAK,CAACM,YAAY,CAAEF,KAAK,IAAIG,SAAwB,CAAE;IACnFC,MAAM,EAAER,KAAK,CAACS,UAAW;IACzBC,YAAY,eAAEZ,IAAA,CAACF,YAAY;MAACe,IAAI,EAAEX,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEd,KAAK,CAACG,KAAK,CAACS,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7Cf;EAAI,CACX,CAAC;AAEV"}

package/dist/esm/components/FormSelect.d.ts

@@ -1,7 +1,8 @@
 import { Select } from "@heroui/react";
+import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormSelectProps<Value extends string | undefined = string | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
+export interface FormSelectProps<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, "multiple"> {
     multiple?: Multiple;
 }
-export declare function FormSelect<Value extends string | undefined = string | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect<Value extends Key | undefined = Key | undefined, Multiple extends boolean = false, T extends object = object, FieldValue = Multiple extends true ? Value[] : Value>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FormSelect.js

@@ -10,7 +10,7 @@ export function FormSelect({
   ...rest
 }) {
   return /*#__PURE__*/_jsx(Select, {
-    selectedKeys: Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : typeof field.state.value === "string" ? [field.state.value] : [],
+    selectedKeys: Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : [],
     onSelectionChange: keys => {
       const value = Array.from(keys);
       field.handleChange(multiple ? value : value.at(0));

package/dist/esm/components/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["Select","isNonNullable","ErrorMessage","jsx","_jsx","FormSelect","field","multiple","rest","selectedKeys","Array","isArray","state","value","filter","onSelectionChange","keys","from","handleChange","at","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormSelect.tsx"],"sourcesContent":["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Value extends string | undefined = string | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Value extends string | undefined = string | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {\n    return (\n        <Select<T>\n            selectedKeys={\n                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : typeof field.state.value === \"string\" ? [field.state.value] : []\n            }\n            onSelectionChange={keys => {\n                const value = Array.from(keys) as string[]\n                field.handleChange((multiple ? value : value.at(0)) as FieldValue)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,MAAM,QAAQ,eAAe;AACtC,SAASC,aAAa,QAAQ,eAAe;AAI7C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAW7C,OAAO,SAASC,UAAUA,CAKxB;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAsD,CAAC,EAAE;EAC7E,oBACIJ,IAAA,CAACJ,MAAM;IACHS,YAAY,EACRC,KAAK,CAACC,OAAO,CAACL,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAGP,KAAK,CAACM,KAAK,CAACC,KAAK,CAACC,MAAM,CAACb,aAAa,CAAC,GAAG,OAAOK,KAAK,CAACM,KAAK,CAACC,KAAK,KAAK,QAAQ,GAAG,CAACP,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAG,EAC9I;IACDE,iBAAiB,EAAEC,IAAI,IAAI;MACvB,MAAMH,KAAK,GAAGH,KAAK,CAACO,IAAI,CAACD,IAAI,CAAa;MAC1CV,KAAK,CAACY,YAAY,CAAEX,QAAQ,GAAGM,KAAK,GAAGA,KAAK,CAACM,EAAE,CAAC,CAAC,CAAgB,CAAC;IACtE,CAAE;IACFC,MAAM,EAAEd,KAAK,CAACe,UAAW;IACzBC,YAAY,eAAElB,IAAA,CAACF,YAAY;MAACqB,IAAI,EAAEjB,KAAK,CAACM,KAAK,CAACY,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEpB,KAAK,CAACM,KAAK,CAACY,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7CpB;EAAI,CACX,CAAC;AAEV"}
+{"version":3,"names":["Select","isNonNullable","ErrorMessage","jsx","_jsx","FormSelect","field","multiple","rest","selectedKeys","Array","isArray","state","value","filter","onSelectionChange","keys","from","handleChange","at","onBlur","handleBlur","errorMessage","data","meta","errors","isInvalid","some","Boolean"],"sources":["../../../src/components/FormSelect.tsx"],"sourcesContent":["\"use client\"\n\nimport { Select } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormSelectProps<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n> extends StrictOmit<FieldComponentProps<typeof Select<T>, FieldValue>, \"multiple\"> {\n    multiple?: Multiple\n}\n\nexport function FormSelect<\n    Value extends Key | undefined = Key | undefined,\n    Multiple extends boolean = false,\n    T extends object = object,\n    FieldValue = Multiple extends true ? Value[] : Value,\n>({ field, multiple, ...rest }: FormSelectProps<Value, Multiple, T, FieldValue>) {\n    return (\n        <Select<T>\n            selectedKeys={\n                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : []\n            }\n            onSelectionChange={keys => {\n                const value = Array.from(keys) as string[]\n                field.handleChange((multiple ? value : value.at(0)) as FieldValue)\n            }}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,MAAM,QAAQ,eAAe;AAEtC,SAASC,aAAa,QAAQ,eAAe;AAI7C,SAASC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAW7C,OAAO,SAASC,UAAUA,CAKxB;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAsD,CAAC,EAAE;EAC7E,oBACIJ,IAAA,CAACJ,MAAM;IACHS,YAAY,EACRC,KAAK,CAACC,OAAO,CAACL,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAGP,KAAK,CAACM,KAAK,CAACC,KAAK,CAACC,MAAM,CAACb,aAAa,CAAC,GAAGA,aAAa,CAACK,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAG,CAACP,KAAK,CAACM,KAAK,CAACC,KAAK,CAAC,GAAG,EACzI;IACDE,iBAAiB,EAAEC,IAAI,IAAI;MACvB,MAAMH,KAAK,GAAGH,KAAK,CAACO,IAAI,CAACD,IAAI,CAAa;MAC1CV,KAAK,CAACY,YAAY,CAAEX,QAAQ,GAAGM,KAAK,GAAGA,KAAK,CAACM,EAAE,CAAC,CAAC,CAAgB,CAAC;IACtE,CAAE;IACFC,MAAM,EAAEd,KAAK,CAACe,UAAW;IACzBC,YAAY,eAAElB,IAAA,CAACF,YAAY;MAACqB,IAAI,EAAEjB,KAAK,CAACM,KAAK,CAACY,IAAI,CAACC;IAAO,CAAE,CAAE;IAC9DC,SAAS,EAAEpB,KAAK,CAACM,KAAK,CAACY,IAAI,CAACC,MAAM,CAACE,IAAI,CAACC,OAAO,CAAE;IAAA,GAC7CpB;EAAI,CACX,CAAC;AAEV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -30,12 +30,13 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.7.0",
-    "zod": "^3.24.2",
-    "deepsea-tools": "5.19.3",
-    "soda-tanstack-form": "0.0.2",
+    "@tanstack/react-form": "^1.1.2",
+    "deepsea-tools": "5.20.0",
+    "soda-tanstack-form": "0.0.3",
     "soda-type": "6.0.2"
   },
   "devDependencies": {
+    "@react-types/shared": "^3.28.0",
     "typescript": "^5.8.2"
   },
   "scripts": {

package/src/components/ErrorMessage.tsx

@@ -2,7 +2,6 @@
 
 import { ComponentProps, FC } from "react"
 import { isNonNullable } from "deepsea-tools"
-import { ZodError } from "zod"
 
 export interface ErrorMessageItem {
     message: string
@@ -15,7 +14,7 @@ export interface ErrorMessageProps extends Omit<ComponentProps<"div">, "children
 function getErrorMessage(error: ErrorMessageItem | string | undefined): string[] {
     if (!isNonNullable(error)) return []
     if (typeof error === "string") return [error]
-    if (error instanceof ZodError) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)
+    if ("errors" in error && Array.isArray(error.errors)) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)
     return [error.message]
 }
 

package/src/components/FormAutocomplete.tsx

@@ -2,14 +2,15 @@
 
 import { ReactNode } from "react"
 import { Autocomplete } from "@heroui/react"
+import { Key } from "@react-types/shared"
 import { FieldComponentProps } from "soda-tanstack-form"
 
 import { ErrorMessage } from "./ErrorMessage"
 
-export interface FormAutocompleteProps<FieldValue extends string | undefined = string | undefined, T extends object = object>
+export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, T extends object = object>
     extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}
 
-export function FormAutocomplete<FieldValue extends string | undefined = string | undefined, T extends object = object>({
+export function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, T extends object = object>({
     field,
     ...rest
 }: FormAutocompleteProps<FieldValue, T>): ReactNode {

package/src/components/FormSelect.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { Select } from "@heroui/react"
+import { Key } from "@react-types/shared"
 import { isNonNullable } from "deepsea-tools"
 import { FieldComponentProps } from "soda-tanstack-form"
 import { StrictOmit } from "soda-type"
@@ -8,7 +9,7 @@ import { StrictOmit } from "soda-type"
 import { ErrorMessage } from "./ErrorMessage"
 
 export interface FormSelectProps<
-    Value extends string | undefined = string | undefined,
+    Value extends Key | undefined = Key | undefined,
     Multiple extends boolean = false,
     T extends object = object,
     FieldValue = Multiple extends true ? Value[] : Value,
@@ -17,7 +18,7 @@ export interface FormSelectProps<
 }
 
 export function FormSelect<
-    Value extends string | undefined = string | undefined,
+    Value extends Key | undefined = Key | undefined,
     Multiple extends boolean = false,
     T extends object = object,
     FieldValue = Multiple extends true ? Value[] : Value,
@@ -25,7 +26,7 @@ export function FormSelect<
     return (
         <Select<T>
             selectedKeys={
-                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : typeof field.state.value === "string" ? [field.state.value] : []
+                Array.isArray(field.state.value) ? field.state.value.filter(isNonNullable) : isNonNullable(field.state.value) ? [field.state.value] : []
             }
             onSelectionChange={keys => {
                 const value = Array.from(keys) as string[]