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

DNB Eufemia Design System UI Library

"use client";

import React, { useCallback, useContext, useReducer } from 'react';
import DataContext from "../DataContext/Context.js";
import Log from "./Log.js";
import useEventListener from "../DataContext/Provider/useEventListener.js";
import withComponentMarkers from "../../../shared/helpers/withComponentMarkers.js";
import { jsx as _jsx } from "react/jsx-runtime";
function Errors({
  label
}) {
  const [, forceUpdate] = useReducer(() => ({}), {});
  const {
    fieldErrorRef,
    errorsRef
  } = useContext(DataContext);
  const fieldErrors = Object.keys(fieldErrorRef?.current || {}).reduce((acc, key) => {
    acc[key] = fieldErrorRef?.current[key]?.message;
    return acc;
  }, {});
  const formErrors = Object.keys(errorsRef?.current || {}).reduce((acc, key) => {
    acc[key || '/'] = errorsRef?.current[key]?.message;
    return acc;
  }, {});
  const handleSetFieldError = useCallback(() => {
    forceUpdate();
  }, []);
  useEventListener('onSetFieldError', handleSetFieldError);
  const data = {
    fieldErrors,
    formErrors
  };
  return _jsx(Log, {
    data: data,
    label: label
  });
}
withComponentMarkers(Errors, {
  _supportsSpacingProps: true
});
export default Errors;
//# sourceMappingURL=Errors.js.map