@dnb/eufemia/extensions/forms/Form/Handler/Handler.js

DNB Eufemia Design System UI Library

"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";
const allowedProviderContextProps = ['id', 'defaultData', 'data', 'schema', 'ajvInstance', 'errorMessages', 'globalStatusId', 'filterSubmitData', '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 React.createElement(DataContextProvider, providerProps, decoupleForm ? children : React.createElement(FormElement, null, children));
}
//# sourceMappingURL=Handler.js.map