@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
38 lines (37 loc) • 1.54 kB
JavaScript
"use client";
import React, { useEffect, useRef } from 'react';
import { warn } from "../../../../shared/helpers.js";
import DataContextProvider from "../../DataContext/Provider/index.js";
import FormElement from "../Element/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
const allowedProviderContextProps = ['id', 'defaultData', 'data', 'schema', 'ajvInstance', 'errorMessages', 'globalStatusId', 'transformIn', 'transformOut', 'onChange', 'onPathChange', 'onSubmit', 'onSubmitRequest', 'onSubmitComplete', 'onClear', 'minimumAsyncBehaviorTime', 'asyncSubmitTimeout', 'scrollTopOnSubmit', 'sessionStorageId', 'locale', 'countryCode', 'translations', 'autoComplete', 'disabled', 'required', 'decoupleForm', 'restHandlerProps'];
export default function FormHandler(props) {
const {
decoupleForm,
children
} = props;
const hasElementRef = useRef(false);
useEffect(() => {
if (decoupleForm && !hasElementRef.current) {
warn('Please include a Form.Element when using decoupleForm!');
}
}, [decoupleForm]);
const providerProps = {
hasElementRef,
restHandlerProps: {}
};
for (const key in props) {
if (allowedProviderContextProps.includes(key)) {
providerProps[key] = props[key];
} else if (key !== 'children') {
providerProps.restHandlerProps[key] = props[key];
}
}
return _jsx(DataContextProvider, {
...providerProps,
children: decoupleForm ? children : _jsx(FormElement, {
children: children
})
});
}
//# sourceMappingURL=Handler.js.map