@dnb/eufemia/extensions/forms/Tools/Errors.js

DNB Eufemia Design System UI Library

"use client";

import "core-js/modules/web.dom-collections.iterator.js";
import React, { useCallback, useContext, useReducer } from 'react';
import DataContext from '../DataContext/Context';
import Log from './Log';
import useEventListener from '../DataContext/Provider/useEventListener';
function Errors() {
  const [, forceUpdate] = useReducer(() => ({}), {});
  const {
    fieldErrorRef,
    errorsRef
  } = useContext(DataContext);
  const fieldErrors = Object.keys((fieldErrorRef === null || fieldErrorRef === void 0 ? void 0 : fieldErrorRef.current) || {}).reduce((acc, key) => {
    var _fieldErrorRef$curren;
    acc[key] = fieldErrorRef === null || fieldErrorRef === void 0 ? void 0 : (_fieldErrorRef$curren = fieldErrorRef.current[key]) === null || _fieldErrorRef$curren === void 0 ? void 0 : _fieldErrorRef$curren.message;
    return acc;
  }, {});
  const formErrors = Object.keys((errorsRef === null || errorsRef === void 0 ? void 0 : errorsRef.current) || {}).reduce((acc, key) => {
    var _errorsRef$current$ke;
    acc[key || '/'] = errorsRef === null || errorsRef === void 0 ? void 0 : (_errorsRef$current$ke = errorsRef.current[key]) === null || _errorsRef$current$ke === void 0 ? void 0 : _errorsRef$current$ke.message;
    return acc;
  }, {});
  const handleSetFieldError = useCallback(() => {
    forceUpdate();
  }, []);
  useEventListener('onSetFieldError', handleSetFieldError);
  const data = {
    fieldErrors,
    formErrors
  };
  return React.createElement(Log, {
    data: data
  });
}
Errors._supportsSpacingProps = true;
export default Errors;
//# sourceMappingURL=Errors.js.map