@mapples/form 1.0.1

package/README.md

@@ -0,0 +1,411 @@
+# @mapples/form
+
+A comprehensive form management library for React and React Native with TypeScript support, validation, and advanced features like form history management.
+
+## Features
+
+- 🎯 **Type-safe** - Full TypeScript support with generic types
+- ✅ **Validation** - Yup schema validation integration
+- 📝 **Form History** - Built-in undo/redo functionality
+- 🔄 **Reactive State** - Subscription-based reactive updates
+- 🎣 **Hook-based API** - Comprehensive hooks for form management
+- 🏗️ **Nested Objects** - Support for complex nested data structures
+- 📱 **Cross-platform** - Works with React and React Native
+- 👆 **Touch Tracking** - Built-in field touch state management
+
+## Installation
+
+```bash
+npm install @mapples/form yup
+# or
+yarn add @mapples/form yup
+```
+
+## Quick Start
+
+```tsx
+import { Form, useFormField, useFormSubmit } from '@mapples/form';
+import * as yup from 'yup';
+
+// Define your form schema
+const userSchema = yup.object({
+  name: yup.string().required('Name is required'),
+  email: yup.string().email('Invalid email').required('Email is required'),
+  age: yup.number().min(18, 'Must be at least 18').required('Age is required'),
+});
+
+interface UserForm {
+  name: string;
+  email: string;
+  age: number;
+}
+
+// Form component
+const UserForm = () => (
+  <Form<UserForm>
+    initialValues={{ name: '', email: '', age: 0 }}
+    validationSchema={userSchema}
+    onSubmit={async (values) => {
+      console.log('Submitting:', values);
+      // Handle form submission
+    }}
+  >
+    <NameField />
+    <EmailField />
+    <AgeField />
+    <SubmitButton />
+  </Form>
+);
+
+// Individual field components
+const NameField = () => {
+  const { value, error, isTouched, setValue, touch } = useFormField<string>(
+    'name',
+    '',
+  );
+
+  return (
+    <div>
+      <input
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+        onBlur={() => touch('name')}
+        placeholder="Enter your name"
+      />
+      {isTouched && error && <span className="error">{error}</span>}
+    </div>
+  );
+};
+
+const SubmitButton = () => {
+  const { submitting, submitForm } = useFormSubmit();
+
+  return (
+    <button onClick={submitForm} disabled={submitting}>
+      {submitting ? 'Submitting...' : 'Submit'}
+    </button>
+  );
+};
+```
+
+## API Reference
+
+### Components
+
+#### `<Form<T>>`
+
+The main form component that provides form context to its children.
+
+**Props:**
+
+- `initialValues: T` - Initial values for the form
+- `validationSchema?: ObjectSchema<T>` - Optional Yup validation schema
+- `onSubmit?: (values: T) => void | Promise<void>` - Form submission handler
+- `ref?: RefObject<FormState<T> | null>` - Optional ref to access FormState directly
+- `historyItems?: number` - Number of history items for undo/redo (0 to disable)
+- `historyItemThrottle?: number` - Throttle for saving history items (default: 5)
+- `filterHistoryKeys?: string[]` - Field paths to exclude from history tracking
+- `onChange?: (values: T) => void` - Callback for form value changes
+
+### Hooks
+
+#### `useFormContext()`
+
+Access the form context containing form state and methods.
+
+```tsx
+const {
+  form,
+  submitting,
+  submitForm,
+  validationErrors,
+  validate,
+  touch,
+  touched,
+} = useFormContext();
+```
+
+#### `useFormField<T>(fieldPath, fallbackValue?, subscribe?)`
+
+Manage a single form field with value, validation, and touch state.
+
+```tsx
+const { value, error, errors, isTouched, setValue, validate, touch } =
+  useFormField<string>('name', '');
+```
+
+**Parameters:**
+
+- `fieldPath: string` - Dot notation path to the field (e.g., 'user.name')
+- `fallbackValue?: T` - Default value if field is undefined
+- `subscribe?: boolean` - Whether to subscribe to real-time changes (default: true)
+
+#### `useFormValue<T>(fieldPath?)`
+
+Get a reactive value from the form state.
+
+```tsx
+const userName = useFormValue<string>('user.name');
+const allValues = useFormValue<UserForm>(); // Gets all form values
+```
+
+#### `useFormState<T>()`
+
+Manage the entire form state with reactive values and control methods.
+
+```tsx
+const { values, setValues, getValues } = useFormState<UserForm>();
+```
+
+#### `useFormSubmit()`
+
+Access form submission state and submit function.
+
+```tsx
+const { submitting, submitForm } = useFormSubmit();
+```
+
+#### `useFormHistory()`
+
+Manage form history for undo/redo functionality.
+
+```tsx
+const { prev, next, canPrev, canNext } = useFormHistory();
+```
+
+#### `useFormArrayField<T>(fieldPath, fallbackValue?)`
+
+Manage array fields with specialized array manipulation methods.
+
+```tsx
+const { value, api } = useFormArrayField<string>('tags', []);
+
+// Available methods:
+// api.push(item) - Add item to end
+// api.remove(index) - Remove item at index
+// api.paste(item, index) - Insert item at index
+// api.dropLeft(count?) - Remove items from start
+// api.dropRight(count?) - Remove items from end
+// api.toggle(item) - Toggle item presence
+```
+
+#### `useFormFieldToggle(fieldPath)`
+
+Manage boolean toggle fields.
+
+```tsx
+const { value, toggleValue } = useFormFieldToggle('isActive');
+```
+
+#### `useBindFormField<T>(fieldPath, fallBackPath?, fallbackValue?, subscribe?)`
+
+Bind a form field with optional fallback path synchronization.
+
+```tsx
+const { value, error, setValue } = useBindFormField<string>(
+  'user.name',
+  'displayName', // Also updates displayName when user.name changes
+  '',
+);
+```
+
+### FormState Class
+
+For advanced usage, you can access the FormState instance directly:
+
+```tsx
+const formRef = useRef<FormState<UserForm>>(null);
+
+<Form ref={formRef} initialValues={initialValues}>
+  {/* form content */}
+</Form>;
+
+// Access FormState methods
+formRef.current?.getValues();
+formRef.current?.setValue('name', 'John');
+formRef.current?.validate();
+```
+
+**FormState Methods:**
+
+- `getValues()` - Get all form values
+- `setValues(values)` - Set all form values
+- `getValue<V>(path?)` - Get value at specific path
+- `setValue<V>(path, value)` - Set value at specific path
+- `validate()` - Validate form using schema
+- `subscribeOnChange<V>(callback, path?)` - Subscribe to value changes
+- `subscribeOnHistoryChange(callback)` - Subscribe to history changes
+- `prev()` - Move to previous history state (undo)
+- `next()` - Move to next history state (redo)
+- `canPrev()` - Check if undo is possible
+- `canNext()` - Check if redo is possible
+
+### Utility Functions
+
+#### `objectDiff<T>(obj1, obj2, excludeKeys?)`
+
+Compare two objects and return differences.
+
+```tsx
+const diff = objectDiff(oldValues, newValues, ['timestamp']);
+```
+
+#### `isEmpty(obj)`
+
+Check if an object is empty.
+
+```tsx
+const isFormEmpty = isEmpty(formValues);
+```
+
+## Advanced Examples
+
+### Nested Objects
+
+```tsx
+interface UserForm {
+  personal: {
+    name: string;
+    email: string;
+  };
+  address: {
+    street: string;
+    city: string;
+    country: string;
+  };
+}
+
+const PersonalInfo = () => {
+  const { value, setValue } = useFormField<string>('personal.name', '');
+  return <input value={value} onChange={(e) => setValue(e.target.value)} />;
+};
+
+const AddressField = () => {
+  const { value, setValue } = useFormField<string>('address.street', '');
+  return <input value={value} onChange={(e) => setValue(e.target.value)} />;
+};
+```
+
+### Form History Management
+
+```tsx
+const FormWithHistory = () => (
+  <Form
+    initialValues={initialValues}
+    historyItems={50} // Keep 50 history items
+    historyItemThrottle={3} // Save every 3rd change
+    filterHistoryKeys={['timestamp']} // Don't track timestamp changes
+  >
+    <FormFields />
+    <HistoryControls />
+  </Form>
+);
+
+const HistoryControls = () => {
+  const { prev, next, canPrev, canNext } = useFormHistory();
+
+  return (
+    <div>
+      <button onClick={prev} disabled={!canPrev}>
+        Undo
+      </button>
+      <button onClick={next} disabled={!canNext}>
+        Redo
+      </button>
+    </div>
+  );
+};
+```
+
+### Array Field Management
+
+```tsx
+const TagsField = () => {
+  const { value, api } = useFormArrayField<string>('tags', []);
+
+  return (
+    <div>
+      {value.map((tag, index) => (
+        <div key={index}>
+          <span>{tag}</span>
+          <button onClick={() => api.remove(index)}>Remove</button>
+        </div>
+      ))}
+      <input
+        onKeyPress={(e) => {
+          if (e.key === 'Enter') {
+            api.push(e.target.value);
+            e.target.value = '';
+          }
+        }}
+        placeholder="Add tag"
+      />
+    </div>
+  );
+};
+```
+
+### Custom Validation
+
+```tsx
+const customSchema = yup.object({
+  password: yup.string().required('Password is required'),
+  confirmPassword: yup
+    .string()
+    .oneOf([yup.ref('password')], 'Passwords must match')
+    .required('Confirm password is required'),
+});
+
+const PasswordField = () => {
+  const { value, error, setValue, touch } = useFormField<string>(
+    'password',
+    '',
+  );
+
+  return (
+    <div>
+      <input
+        type="password"
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+        onBlur={() => touch('password')}
+      />
+      {error && <span className="error">{error}</span>}
+    </div>
+  );
+};
+```
+
+## TypeScript Support
+
+The library is fully typed with TypeScript. All hooks and components are generic and provide full type safety:
+
+```tsx
+interface MyFormData {
+  name: string;
+  age: number;
+  preferences: {
+    theme: 'light' | 'dark';
+    notifications: boolean;
+  };
+}
+
+// Type-safe form
+<Form<MyFormData> initialValues={initialValues}>
+  {/* Type-safe field access */}
+  <MyFormFields />
+</Form>;
+
+// Type-safe field hooks
+const { value } = useFormField<string>('name'); // value is typed as string
+const { value: age } = useFormField<number>('age'); // value is typed as number
+const { value: theme } = useFormField<'light' | 'dark'>('preferences.theme');
+```
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/components/Form.d.ts

@@ -0,0 +1,37 @@
+import { PropsWithChildren } from 'react';
+import { FormProps } from '../types';
+/**
+ * Form component that provides form state management, validation, and submission functionality.
+ * It creates a FormState instance and provides it to child components through React Context.
+ *
+ * @template T - The type of the form data object
+ * @param props - Form component props
+ * @returns JSX element that provides form context to children
+ *
+ * @example
+ * ```tsx
+ * interface UserForm {
+ *   name: string;
+ *   email: string;
+ * }
+ *
+ * const MyForm = () => (
+ *   <Form<UserForm>
+ *     initialValues={{ name: '', email: '' }}
+ *     validationSchema={userSchema}
+ *     onSubmit={async (values) => {
+ *       await saveUser(values);
+ *     }}
+ *   >
+ *     <FormField name="name" />
+ *     <FormField name="email" />
+ *     <SubmitButton />
+ *   </Form>
+ * );
+ * ```
+ *
+ * @public
+ */
+declare const Form: <T extends object>({ children, initialValues, validationSchema, onSubmit, ref, historyItems, filterHistoryKeys, historyItemThrottle, onChange, }: PropsWithChildren<FormProps<T>>) => import("react").JSX.Element;
+export default Form;
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,IAAI,GAAI,CAAC,SAAS,MAAM,EAAE,+HAU7B,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gCAkGjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Form.js

@@ -0,0 +1,111 @@
+import { useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import { mapValues } from 'lodash';
+import { FormContextProvider } from '../context';
+import FormState from '../state';
+/**
+ * Form component that provides form state management, validation, and submission functionality.
+ * It creates a FormState instance and provides it to child components through React Context.
+ *
+ * @template T - The type of the form data object
+ * @param props - Form component props
+ * @returns JSX element that provides form context to children
+ *
+ * @example
+ * ```tsx
+ * interface UserForm {
+ *   name: string;
+ *   email: string;
+ * }
+ *
+ * const MyForm = () => (
+ *   <Form<UserForm>
+ *     initialValues={{ name: '', email: '' }}
+ *     validationSchema={userSchema}
+ *     onSubmit={async (values) => {
+ *       await saveUser(values);
+ *     }}
+ *   >
+ *     <FormField name="name" />
+ *     <FormField name="email" />
+ *     <SubmitButton />
+ *   </Form>
+ * );
+ * ```
+ *
+ * @public
+ */
+const Form = ({ children, initialValues, validationSchema, onSubmit, ref, historyItems, filterHistoryKeys, historyItemThrottle, onChange, }) => {
+    const [touched, setTouched] = useState({});
+    const [submitting, setSubmitting] = useState(false);
+    const [validationErrors, setValidationErrors] = useState(null);
+    const form = useRef(new FormState(initialValues, validationSchema, historyItems, historyItemThrottle, filterHistoryKeys)).current;
+    useEffect(() => {
+        if (!onChange)
+            return;
+        const unsubscribe = form.subscribeOnChange(() => {
+            onChange(form.getValues());
+        });
+        return () => {
+            unsubscribe();
+        };
+    }, [form, onChange]);
+    useImperativeHandle(ref, () => {
+        return form;
+    });
+    useEffect(() => {
+        form.setValues(initialValues);
+    }, [form, initialValues]);
+    const setFormTouched = useCallback(() => {
+        setTouched(mapValues(initialValues, () => true));
+    }, [initialValues]);
+    const handleSubmit = useCallback(async () => {
+        setSubmitting(true);
+        setFormTouched();
+        try {
+            await form.validate();
+            setValidationErrors(null);
+        }
+        catch (errors) {
+            setValidationErrors(errors);
+            setSubmitting(false);
+            return;
+        }
+        try {
+            await onSubmit?.(form.getValues());
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }, [form, onSubmit, setFormTouched]);
+    const validate = useCallback(async () => {
+        try {
+            await form.validate();
+            setValidationErrors(null);
+        }
+        catch (errors) {
+            setValidationErrors(errors);
+        }
+    }, [form]);
+    const touch = useCallback((fieldName) => {
+        setTouched((prev) => ({
+            ...prev,
+            [fieldName]: true,
+        }));
+    }, []);
+    return (<FormContextProvider value={{
+            touched,
+            form: form,
+            submitForm: handleSubmit,
+            submitting,
+            validationErrors,
+            validate,
+            touch,
+        }}>
+      {children}
+    </FormContextProvider>);
+};
+export default Form;
+//# sourceMappingURL=Form.js.map

package/dist/components/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+import Form from './Form';
+export { Form };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,3 @@
+import Form from './Form';
+export { Form };
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/context/FormContext.d.ts

@@ -0,0 +1,19 @@
+import type { FormContextType } from '../types';
+/**
+ * React Context for form state management.
+ * This context provides form state, validation errors, submission state,
+ * and form control methods to child components.
+ *
+ * @public
+ */
+declare const FormContext: import("react").Context<FormContextType<object>>;
+/**
+ * Provider component for the FormContext.
+ * This component should be used by the Form component to provide
+ * form state to its children.
+ *
+ * @public
+ */
+export declare const FormContextProvider: import("react").Provider<FormContextType<object>>;
+export default FormContext;
+//# sourceMappingURL=FormContext.d.ts.map

package/dist/context/FormContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../src/context/FormContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD;;;;;;GAMG;AACH,QAAA,MAAM,WAAW,kDAQf,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,mDAAuB,CAAC;AAExD,eAAe,WAAW,CAAC"}

package/dist/context/FormContext.js

@@ -0,0 +1,28 @@
+import { createContext } from 'react';
+import { noop } from 'lodash';
+/**
+ * React Context for form state management.
+ * This context provides form state, validation errors, submission state,
+ * and form control methods to child components.
+ *
+ * @public
+ */
+const FormContext = createContext({
+    form: null,
+    validationErrors: null,
+    submitting: true,
+    submitForm: noop,
+    validate: noop,
+    touch: noop,
+    touched: {},
+});
+/**
+ * Provider component for the FormContext.
+ * This component should be used by the Form component to provide
+ * form state to its children.
+ *
+ * @public
+ */
+export const FormContextProvider = FormContext.Provider;
+export default FormContext;
+//# sourceMappingURL=FormContext.js.map

package/dist/context/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../src/context/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,aAAa,CAA0B;IACzD,IAAI,EAAE,IAAI;IACV,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AAExD,eAAe,WAAW,CAAC"}

package/dist/context/index.d.ts

@@ -0,0 +1,4 @@
+import FormContext from './FormContext';
+export * from './FormContext';
+export default FormContext;
+//# sourceMappingURL=index.d.ts.map

package/dist/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,cAAc,eAAe,CAAC;AAE9B,eAAe,WAAW,CAAC"}

package/dist/context/index.js

@@ -0,0 +1,4 @@
+import FormContext from './FormContext';
+export * from './FormContext';
+export default FormContext;
+//# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,cAAc,eAAe,CAAC;AAE9B,eAAe,WAAW,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,11 @@
+import useBindFormField from './useBindFormField';
+import useFormArrayField from './useFormArrayField';
+import useFormContext from './useFormContext';
+import useFormField from './useFormField';
+import useFormFieldToggle from './useFormFieldToggle';
+import useFormHistory from './useFormHistory';
+import useFormState from './useFormState';
+import useFormSubmit from './useFormSubmit';
+import useFormValue from './useFormValue';
+export { useFormField, useFormState, useFormValue, useFormContext, useFormArrayField, useFormFieldToggle, useFormHistory, useFormSubmit, useBindFormField, };
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,11 @@
+import useBindFormField from './useBindFormField';
+import useFormArrayField from './useFormArrayField';
+import useFormContext from './useFormContext';
+import useFormField from './useFormField';
+import useFormFieldToggle from './useFormFieldToggle';
+import useFormHistory from './useFormHistory';
+import useFormState from './useFormState';
+import useFormSubmit from './useFormSubmit';
+import useFormValue from './useFormValue';
+export { useFormField, useFormState, useFormValue, useFormContext, useFormArrayField, useFormFieldToggle, useFormHistory, useFormSubmit, useBindFormField, };
+//# sourceMappingURL=index.js.map