@dnb/eufemia/cjs/components/global-error/GlobalError.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = GlobalError;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Context = _interopRequireDefault(require("../../shared/Context.js"));
var _componentHelper = require("../../shared/component-helper.js");
var _SpacingUtils = require("../space/SpacingUtils.js");
var _Anchor = _interopRequireDefault(require("../anchor/Anchor.js"));
var _Skeleton = _interopRequireDefault(require("../skeleton/Skeleton.js"));
var _index = require("../../elements/index.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 }; }
const defaultProps = {
  statusCode: '404'
};
function GlobalError(localProps) {
  const context = _react.default.useContext(_Context.default);
  const translation = context.getTranslation(localProps).GlobalError;
  const allProps = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.GlobalError, translation, translation[localProps.statusCode || defaultProps.statusCode], {
    skeleton: context === null || context === void 0 ? void 0 : context.skeleton
  });
  const {
    statusCode,
    skeleton,
    center,
    className,
    title,
    help,
    errorMessageCode,
    links,
    text,
    ...attributes
  } = allProps;
  const textParams = {
    children: text
  };
  const params = (0, _SpacingUtils.applySpacing)(attributes, {
    className: (0, _clsx.default)(`dnb-global-error dnb-global-error--${statusCode}`, className, center && 'dnb-global-error--center')
  });
  const additionalContent = (0, _componentHelper.processChildren)(allProps);
  return (0, _jsxRuntime.jsx)(_Skeleton.default, {
    ...attributes,
    ...params,
    show: skeleton,
    element: "section",
    children: (0, _jsxRuntime.jsxs)("div", {
      className: "dnb-global-error__inner",
      children: [(0, _jsxRuntime.jsxs)("div", {
        className: "dnb-global-error__inner__content",
        children: [(0, _jsxRuntime.jsx)(_index.H1, {
          size: "x-large",
          top: true,
          bottom: true,
          children: title
        }), (0, _jsxRuntime.jsx)(_index.P, {
          bottom: true,
          ...textParams
        }), errorMessageCode && (0, _jsxRuntime.jsx)(_index.P, {
          bottom: true,
          className: "dnb-global-error__status",
          children: String(errorMessageCode).replace('%statusCode', statusCode)
        }), help && (links === null || links === void 0 ? void 0 : links.length) > 0 && (0, _jsxRuntime.jsx)(_index.P, {
          top: "medium",
          bottom: true,
          children: help
        }), help && (links === null || links === void 0 ? void 0 : links.length) > 0 && (0, _jsxRuntime.jsx)(_index.P, {
          bottom: "large",
          className: "dnb-global-error__links",
          children: links.map(({
            text,
            url
          }) => {
            return (0, _jsxRuntime.jsx)(_Anchor.default, {
              href: url,
              children: text
            }, text);
          })
        })]
      }), additionalContent]
    })
  });
}
(0, _withComponentMarkers.default)(GlobalError, {
  _supportsSpacingProps: true
});
//# sourceMappingURL=GlobalError.js.map