@progress/sitefinity-nextjs-sdk/widgets/form/rules/field-selector.js

Provides OOB widgets developed using the Next.js framework, which includes an abstraction layer for Sitefinity communication. Additionally, it offers an expanded API, typings, and tools for further development and integration.

export class FieldSelector {
    fieldContainerDataSfRole;
    elementSelector;
    additionalFilter;
    constructor(fieldContainerDataSfRole, elementSelector, additionalFilter) {
        this.fieldContainerDataSfRole = fieldContainerDataSfRole;
        this.elementSelector = elementSelector;
        this.additionalFilter = additionalFilter;
    }
    getFieldContainerDataSfRole() {
        return this.fieldContainerDataSfRole;
    }
    ;
    getFieldValues(fieldContainer) {
        let selector = this.elementSelector;
        if (this.additionalFilter) {
            selector += this.additionalFilter;
        }
        let elements = fieldContainer.querySelectorAll(selector);
        let fieldValues = [];
        elements.forEach((element) => {
            let value = element?.value?.replace(/^\s+|\s+$/g, '');
            fieldValues.push(value);
        });
        return fieldValues;
    }
    ;
    getFieldValueElements(fieldContainer) {
        return fieldContainer.querySelectorAll(this.elementSelector);
    }
    ;
    getFieldValueElement(fieldContainer) {
        return fieldContainer.querySelector(this.elementSelector);
    }
    ;
    canGetValues(fieldContainer) {
        return this.fieldContainerDataSfRole === fieldContainer.getAttribute('data-sf-role');
    }
    ;
}