@modular-forms/solid/dist/source/methods/replace.js

The modular and type-safe form library for SolidJS

import { batch, untrack } from 'solid-js';
import { getFieldArrayStore, getUniqueId, setFieldArrayValue } from '../utils';
/**
 * Replaces a item of the field array.
 *
 * @param form The form of the field array.
 * @param name The name of the field array.
 * @param options The replace options.
 */
export function replace(form, name, options) {
    // Get store of specified field array
    const fieldArray = getFieldArrayStore(form, name);
    // Continue if specified field array exists
    if (fieldArray) {
        untrack(() => {
            // Destructure options
            const { at: index } = options;
            // Get last index of field array
            const lastIndex = fieldArray.items.get().length - 1;
            // Continue if specified index is valid
            if (index >= 0 && index <= lastIndex) {
                batch(() => {
                    // Replace value of field array
                    setFieldArrayValue(form, name, options);
                    // Replace item at field array
                    fieldArray.items.set((prevItems) => {
                        const nextItems = [...prevItems];
                        nextItems[index] = getUniqueId();
                        return nextItems;
                    });
                    // Set touched at field array and form to true
                    fieldArray.touched.set(true);
                    form.internal.touched.set(true);
                    // Set dirty at field array and form to true
                    fieldArray.dirty.set(true);
                    form.internal.dirty.set(true);
                });
            }
        });
    }
}