@producteca/producteca-ui-kit 1.7.0 → 1.8.0

package/dist/components/inputs/checkboxInput/checkboxInput.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ReduxFormInput } from '../../../hooks/useReduxFormField';
 
 export interface CheckboxItem {
     id?: string;
@@ -15,12 +16,7 @@ export interface CheckboxInputProps {
     title?: string;
     type?: 'checkbox' | 'radio';
     size?: 'sm' | 'md' | 'lg';
-    input?: {
-        value: any;
-        onChange: (value: any) => void;
-        onBlur: () => void;
-        name: string;
-    };
+    input?: ReduxFormInput;
 }
 export declare const CheckboxInput: React.FC<CheckboxInputProps>;
 export default CheckboxInput;

package/dist/components/inputs/formField/textInput.d.ts

@@ -1,5 +1,6 @@
 import { default as React, ChangeEvent } from 'react';
 import { Meta, InputValue } from '../../../validators';
+import { ReduxFormInput } from '../../../hooks/useReduxFormField';
 
 export interface TextInputProps {
     meta?: Meta;
@@ -18,11 +19,6 @@ export interface TextInputProps {
     isValid?: (value: InputValue) => boolean;
     type?: 'text' | 'number' | 'password' | undefined;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    input?: {
-        value: any;
-        onChange: (value: any) => void;
-        onBlur: () => void;
-        name: string;
-    };
+    input?: ReduxFormInput;
 }
 export declare const TextInput: React.FC<TextInputProps>;

package/dist/components/inputs/selectField/selectField.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { OptionProps, SingleValueProps } from 'react-select';
+import { ReduxFormInput } from '../../../hooks/useReduxFormField';
 
 export interface SelectOption {
     label: string;
@@ -27,12 +28,7 @@ export interface SelectFieldProps {
     value?: (string | number)[] | null | undefined;
     defaultValue?: (string | number) | (string | number)[] | null | undefined;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    input?: {
-        value: any;
-        onChange: (value: any) => void;
-        onBlur: () => void;
-        name: string;
-    };
+    input?: ReduxFormInput;
 }
 export declare const Option: (props: OptionProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
 export declare const SingleValue: (props: SingleValueProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useReduxFormField.d.ts

@@ -0,0 +1,26 @@
+import { ChangeEvent } from 'react';
+
+export type ReduxFormInput = {
+    value: any;
+    onChange: (value: any) => void;
+    onBlur: () => void;
+    name: string;
+};
+interface UseReduxFormFieldParams<T, E = ChangeEvent<any>> {
+    input?: ReduxFormInput;
+    onChange?: (event: E) => void;
+    onBlur?: () => void;
+    transformValue?: (value: any, event: E) => T;
+}
+interface UseReduxFormFieldResult<E> {
+    handleChange: (event: E) => void;
+    handleBlur: () => void;
+}
+/**
+ * Hook to unify Redux Form and regular form field handling
+ *
+ * @param params Configuration object containing input, onChange, and transformValue
+ * @returns Object with handleChange and handleBlur functions
+ */
+export declare function useReduxFormField<T, E = ChangeEvent<any>>({ input, onChange, onBlur, transformValue, }: UseReduxFormFieldParams<T, E>): UseReduxFormFieldResult<E>;
+export {};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './styles/colors';
+export * from './hooks/useReduxFormField';

package/dist/locales/es.d.ts

@@ -26,6 +26,9 @@ declare const _default: {
         onChangeCheckboxInput: string;
         onChangeInput: string;
         isOptionDisabled: string;
+        reduxForm: {
+            input: string;
+        };
         selectField: {
             example: string;
             defaultValue: string;