@modular-forms/qwik/dist/source/methods/remove.js

The modular and type-safe form library for Qwik

import { getFieldArrayNames, getFieldArrayState, getFieldArrayStore, getFieldNames, getFieldState, getPathIndex, updateFieldArrayDirty, setFieldArrayState, setFieldState, sortArrayPathIndex, validateIfRequired, } from '../utils';
/**
 * Removes a item of the field array.
 *
 * @param form The form of the field array.
 * @param name The name of field array.
 * @param options The remove options.
 */
export function remove(form, name, { at: index }) {
    // Get store of specified field array
    const fieldArray = getFieldArrayStore(form, name);
    // Continue if specified field array exists
    if (fieldArray) {
        // Get last index of field array
        const lastIndex = fieldArray.items.length - 1;
        // Continue if specified index is valid
        if (index >= 0 && index <= lastIndex) {
            // Create function to filter a name
            const filterName = (value) => value.startsWith(`${name}.`) && getPathIndex(name, value) > index;
            // Create function to get previous index name
            const getPrevIndexName = (fieldOrFieldArrayName, fieldOrFieldArrayIndex) => fieldOrFieldArrayName.replace(`${name}.${fieldOrFieldArrayIndex}`, `${name}.${fieldOrFieldArrayIndex - 1}`);
            // Move state of each field after the removed index back by one index
            getFieldNames(form)
                .filter(filterName)
                .sort(sortArrayPathIndex(name))
                .forEach((fieldName) => {
                setFieldState(form, getPrevIndexName(fieldName, getPathIndex(name, fieldName)), getFieldState(form, fieldName));
            });
            // Move state of each field array after the removed index back by one index
            getFieldArrayNames(form)
                .filter(filterName)
                .sort(sortArrayPathIndex(name))
                .forEach((fieldArrayName) => {
                setFieldArrayState(form, getPrevIndexName(fieldArrayName, getPathIndex(name, fieldArrayName)), getFieldArrayState(form, fieldArrayName));
            });
            // Delete item from field array
            fieldArray.items.splice(index, 1);
            // Set touched at field array and form to true
            fieldArray.touched = true;
            form.touched = true;
            // Update dirty state at field array and form
            updateFieldArrayDirty(form, fieldArray);
            // Validate field array if necessary
            validateIfRequired(form, fieldArray, name, {
                on: ['touched', 'input'],
            });
        }
    }
}