@dnb/eufemia/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 === null || fieldErrorRef === void 0 ? void 0 : fieldErrorRef.current) || {}).reduce((acc, key) => {
    var _fieldErrorRef$curren;
    acc[key] = fieldErrorRef === null || fieldErrorRef === 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 || (_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 _jsx(Log, {
    data: data,
    label: label
  });
}
withComponentMarkers(Errors, {
  _supportsSpacingProps: true
});
export default Errors;
//# sourceMappingURL=Errors.js.map