soda-heroui 0.4.2 → 0.4.3

package/dist/components/FormCheckbox.cjs

@@ -34,7 +34,7 @@ function FormCheckbox({ field, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Checkbox, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
+        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormCheckbox.js

@@ -6,7 +6,7 @@ function FormCheckbox({ field, ...rest }) {
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Checkbox, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormPagination.cjs

@@ -34,7 +34,7 @@ function FormPagination({ field, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Pagination, {
         page: field.state.value ?? 1,
         onPageChange: field.handleChange,
-        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
+        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormPagination.js

@@ -6,7 +6,7 @@ function FormPagination({ field, ...rest }) {
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Pagination, {
         page: field.state.value ?? 1,
         onPageChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormSwitch.cjs

@@ -34,7 +34,7 @@ function FormSwitch({ field, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Switch, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
+        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormSwitch.js

@@ -6,7 +6,7 @@ function FormSwitch({ field, ...rest }) {
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Switch, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/utils/getFieldProps.cjs

@@ -29,8 +29,11 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const ErrorMessage_cjs_namespaceObject = require("../components/ErrorMessage.cjs");
 const external_isFieldInvalid_cjs_namespaceObject = require("./isFieldInvalid.cjs");
-function getFieldProps(field) {
-    return {
+function getFieldProps(field, noErrorMessage) {
+    return noErrorMessage ? {
+        onBlur: field.handleBlur,
+        isInvalid: (0, external_isFieldInvalid_cjs_namespaceObject.isFieldInvalid)(field)
+    } : {
         onBlur: field.handleBlur,
         errorMessage: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ErrorMessage_cjs_namespaceObject.ErrorMessage, {
             data: field.state.meta.errors

package/dist/utils/getFieldProps.d.ts

@@ -5,4 +5,5 @@ export interface FieldProps {
     errorMessage: JSX.Element;
     isInvalid: boolean;
 }
-export declare function getFieldProps(field: Field<any>): FieldProps;
+export type FieldPropsWithoutErrorMessage = Omit<FieldProps, "errorMessage">;
+export declare function getFieldProps<T extends boolean = false>(field: Field<any>, noErrorMessage?: T): T extends true ? FieldPropsWithoutErrorMessage : FieldProps;

package/dist/utils/getFieldProps.js

@@ -1,8 +1,11 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__components_ErrorMessage_js_8cec684c__ from "../components/ErrorMessage.js";
 import * as __WEBPACK_EXTERNAL_MODULE__isFieldInvalid_js_3e6d6d85__ from "./isFieldInvalid.js";
-function getFieldProps(field) {
-    return {
+function getFieldProps(field, noErrorMessage) {
+    return noErrorMessage ? {
+        onBlur: field.handleBlur,
+        isInvalid: (0, __WEBPACK_EXTERNAL_MODULE__isFieldInvalid_js_3e6d6d85__.isFieldInvalid)(field)
+    } : {
         onBlur: field.handleBlur,
         errorMessage: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_ErrorMessage_js_8cec684c__.ErrorMessage, {
             data: field.state.meta.errors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "",
   "type": "module",
   "exports": {
@@ -38,8 +38,8 @@
     "@internationalized/date": "^3.7.0",
     "@tanstack/react-form": "^1.3.0",
     "deepsea-tools": "5.25.1",
-    "soda-tanstack-form": "0.1.0",
-    "soda-type": "6.1.1"
+    "soda-type": "6.1.1",
+    "soda-tanstack-form": "0.1.0"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",

package/src/components/FormCheckbox.tsx

@@ -12,6 +12,11 @@ export interface FormCheckboxProps<FieldValue extends boolean | undefined = bool
 
 export function FormCheckbox<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode {
     return (
-        <Checkbox isSelected={field.state.value ?? false} onValueChange={field.handleChange as (value: boolean) => void} {...getFieldProps(field)} {...rest} />
+        <Checkbox
+            isSelected={field.state.value ?? false}
+            onValueChange={field.handleChange as (value: boolean) => void}
+            {...getFieldProps(field, true)}
+            {...rest}
+        />
     )
 }

package/src/components/FormPagination.tsx

@@ -11,5 +11,5 @@ export interface FormPaginationProps<FieldValue extends number | undefined = num
     extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, never> {}
 
 export function FormPagination<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode {
-    return <Pagination page={field.state.value ?? 1} onPageChange={field.handleChange as (value: number) => void} {...getFieldProps(field)} {...rest} />
+    return <Pagination page={field.state.value ?? 1} onPageChange={field.handleChange as (value: number) => void} {...getFieldProps(field, true)} {...rest} />
 }

package/src/components/FormSwitch.tsx

@@ -11,5 +11,12 @@ export interface FormSwitchProps<FieldValue extends boolean | undefined = boolea
     extends StrictOmit<FieldComponentProps<typeof Switch, FieldValue>, never> {}
 
 export function FormSwitch<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormSwitchProps<FieldValue>): ReactNode {
-    return <Switch isSelected={field.state.value ?? false} onValueChange={field.handleChange as (value: boolean) => void} {...getFieldProps(field)} {...rest} />
+    return (
+        <Switch
+            isSelected={field.state.value ?? false}
+            onValueChange={field.handleChange as (value: boolean) => void}
+            {...getFieldProps(field, true)}
+            {...rest}
+        />
+    )
 }

package/src/utils/getFieldProps.tsx

@@ -11,10 +11,19 @@ export interface FieldProps {
     isInvalid: boolean
 }
 
-export function getFieldProps(field: Field<any>): FieldProps {
-    return {
-        onBlur: field.handleBlur,
-        errorMessage: <ErrorMessage data={field.state.meta.errors} />,
-        isInvalid: isFieldInvalid(field),
-    }
+export type FieldPropsWithoutErrorMessage = Omit<FieldProps, "errorMessage">
+
+export function getFieldProps<T extends boolean = false>(field: Field<any>, noErrorMessage?: T): T extends true ? FieldPropsWithoutErrorMessage : FieldProps {
+    return (
+        noErrorMessage
+            ? {
+                  onBlur: field.handleBlur,
+                  isInvalid: isFieldInvalid(field),
+              }
+            : {
+                  onBlur: field.handleBlur,
+                  errorMessage: <ErrorMessage data={field.state.meta.errors} />,
+                  isInvalid: isFieldInvalid(field),
+              }
+    ) as T extends true ? FieldPropsWithoutErrorMessage : FieldProps
 }