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

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _Context = _interopRequireDefault(require("../DataContext/Context.js"));
var _Log = _interopRequireDefault(require("./Log.js"));
var _useEventListener = _interopRequireDefault(require("../DataContext/Provider/useEventListener.js"));
var _withComponentMarkers = _interopRequireDefault(require("../../../shared/helpers/withComponentMarkers.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Errors({
  label
}) {
  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
  const {
    fieldErrorRef,
    errorsRef
  } = (0, _react.useContext)(_Context.default);
  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 = (0, _react.useCallback)(() => {
    forceUpdate();
  }, []);
  (0, _useEventListener.default)('onSetFieldError', handleSetFieldError);
  const data = {
    fieldErrors,
    formErrors
  };
  return (0, _jsxRuntime.jsx)(_Log.default, {
    data: data,
    label: label
  });
}
(0, _withComponentMarkers.default)(Errors, {
  _supportsSpacingProps: true
});
var _default = exports.default = Errors;
//# sourceMappingURL=Errors.js.map