@dnb/eufemia 10.69.0 → 10.70.0

package/es/components/form-status/FormStatus.d.ts

@@ -31,40 +31,40 @@ export interface FormStatusProps
     SpacingProps {
   id?: string;
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
   label?: React.ReactNode;
   /**
-   * Provide `false` if you want to animate the visibility. Defaults to `true`.
+   * provide `false` if you want to animate the visibility. Defaults to `true`.
    */
   show?: boolean;
   /**
-   * The `text` appears as the status message. Beside plain text, you can send in a React component as well.
+   * the `text` appears as the status message. Beside plain text, you can send in a React component as well.
    */
   text?: FormStatusText;
   /**
-   * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
+   * the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).
    */
   globalStatus?: GlobalStatusConfigObject;
   /**
-   * The `icon` show before the status text. Defaults to `exclamation`.
+   * the `icon` show before the status text. Defaults to `exclamation`.
    */
   icon?: IconIcon;
   /**
-   * The icon size of the icon shows. Defaults to `medium`.
+   * the icon size of the icon shows. Defaults to `medium`.
    */
   icon_size?: IconSize;
   /**
-   * Defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.
+   * defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.
    */
   state?: FormStatusState;
   /**
-   * As of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.
+   * as of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.
    */
   variant?: FormStatusVariant;
   /**
-   * Defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.
+   * defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.
    */
   size?: FormStatusSize;
   attributes?: FormStatusAttributes;
@@ -72,7 +72,7 @@ export interface FormStatusProps
   width_selector?: string;
   width_element?: Record<string, unknown>;
   /**
-   * NB: Animation is disabled as of now. <del>use `true` to omit the animation on content visibility. Defaults to `false`.</del>
+   * NB: Animation is disabled as of now. ~~use `true` to omit the animation on content visibility. Defaults to `false`.~~
    */
   no_animation?: boolean;
   /**
@@ -80,20 +80,20 @@ export interface FormStatusProps
    */
   skeleton?: SkeletonShow;
   /**
-   * If set to `true`, then the FormStatus will be 100% in available `width`. "NB:" Only use this on independent status messages.
+   * if set to `true`, then the FormStatus will be 100% in available `width`. **NB:** Only use this on independent status messages.
    */
   stretch?: boolean;
   /**
-   * The `role` attribute for accessibility, defaults to `alert`
+   * the `role` attribute for accessibility, defaults to `alert`.
    */
   role?: string;
   /**
-   * Use it to set an inner margin. It supports the same properties as `space`. Useful for animation.
+   * Use it to set an inner margin. It supports the same properties as [Space](/uilib/layout/space/properties). Useful for animation.
    */
   shellSpace?: SpaceTypeAll;
   className?: string;
   /**
-   * The `text` appears as the status message. Beside plain text, you can send in a React component as well.
+   * the `text` appears as the status message. Beside plain text, you can send in a React component as well.
    */
   children?: FormStatusChildren;
 }
@@ -106,28 +106,28 @@ export default class FormStatus extends React.Component<
 }
 export interface ErrorIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }
 export declare const ErrorIcon: React.FC<ErrorIconProps>;
 export interface WarnIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }
 export declare const WarnIcon: React.FC<WarnIconProps>;
 export interface InfoIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }
 export declare const InfoIcon: React.FC<InfoIconProps>;
 export interface MarketingIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }

package/es/components/form-status/FormStatusDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const FormStatusProperties: PropertiesTableProps;

package/es/components/form-status/FormStatusDocs.js

@@ -0,0 +1,83 @@
+export const FormStatusProperties = {
+  text: {
+    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  children: {
+    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  title: {
+    doc: 'the `title` attribute in the status.',
+    type: 'string',
+    status: 'optional'
+  },
+  role: {
+    doc: 'the `role` attribute for accessibility, defaults to `alert`.',
+    type: 'string',
+    status: 'optional'
+  },
+  state: {
+    doc: 'defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.',
+    type: ['error', 'warn', 'info', 'success', 'marketing'],
+    status: 'optional'
+  },
+  size: {
+    doc: 'defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.',
+    type: ['default', 'large'],
+    status: 'optional'
+  },
+  icon: {
+    doc: 'the `icon` show before the status text. Defaults to `exclamation`.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  icon_size: {
+    doc: 'the icon size of the icon shows. Defaults to `medium`.',
+    type: 'string',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'as of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.',
+    type: ['flat', 'outlined'],
+    status: 'optional'
+  },
+  stretch: {
+    doc: 'if set to `true`, then the FormStatus will be 100% in available `width`. **NB:** Only use this on independent status messages.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  show: {
+    doc: 'provide `false` if you want to animate the visibility. Defaults to `true`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  no_animation: {
+    doc: 'NB: Animation is disabled as of now. ~~use `true` to omit the animation on content visibility. Defaults to `false`.~~',
+    type: 'boolean',
+    status: 'optional'
+  },
+  globalStatus: {
+    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',
+    type: 'Various',
+    status: 'optional'
+  },
+  shellSpace: {
+    doc: 'Use it to set an inner margin. It supports the same properties as [Space](/uilib/layout/space/properties). Useful for animation.',
+    type: ['string', 'object'],
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FormStatusDocs.js.map

package/es/components/form-status/FormStatusDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusDocs.js","names":["FormStatusProperties","text","doc","type","status","children","title","role","state","size","icon","icon_size","variant","stretch","show","no_animation","globalStatus","shellSpace","skeleton"],"sources":["../../../../src/components/form-status/FormStatusDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormStatusProperties: PropertiesTableProps = {\n  text: {\n    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  children: {\n    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  title: {\n    doc: 'the `title` attribute in the status.',\n    type: 'string',\n    status: 'optional',\n  },\n  role: {\n    doc: 'the `role` attribute for accessibility, defaults to `alert`.',\n    type: 'string',\n    status: 'optional',\n  },\n  state: {\n    doc: 'defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.',\n    type: ['error', 'warn', 'info', 'success', 'marketing'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.',\n    type: ['default', 'large'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'the `icon` show before the status text. Defaults to `exclamation`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'the icon size of the icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'as of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.',\n    type: ['flat', 'outlined'],\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'if set to `true`, then the FormStatus will be 100% in available `width`. **NB:** Only use this on independent status messages.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show: {\n    doc: 'provide `false` if you want to animate the visibility. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'NB: Animation is disabled as of now. ~~use `true` to omit the animation on content visibility. Defaults to `false`.~~',\n    type: 'boolean',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'Various',\n    status: 'optional',\n  },\n  shellSpace: {\n    doc: 'Use it to set an inner margin. It supports the same properties as [Space](/uilib/layout/space/properties). Useful for animation.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,IAAI,EAAE;IACJC,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,6IAA6I;IAClJC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,OAAO,EAAE;IACPV,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,gIAAgI;IACrIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,IAAI,EAAE;IACJZ,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,YAAY,EAAE;IACZb,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZd,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/es/components/global-error/GlobalError.d.ts

@@ -13,7 +13,14 @@ export type GlobalErrorLink = {
 export type GlobalErrorProps = {
     /**
      * When `404` or `500` is given, a predefined text will be shown.
-     * Defaults to `400`.
+     * Defaults to `404`.
+     */
+    statusCode?: '404' | '500' | string;
+    /**
+     *
+     * When `404` or `500` is given, a predefined text will be shown.
+     * Defaults to `404`.
+     * @deprecated – Replaced with statusCode, status can be removed in v11.
      */
     status?: '404' | '500' | string;
     /**
@@ -27,6 +34,11 @@ export type GlobalErrorProps = {
     /**
      * Will overwrite the default error message code.
      */
+    errorMessageCode?: React.ReactNode;
+    /**
+     * Will overwrite the default error message code.
+     * @deprecated – Replaced with errorMessageCode, code can be removed in v11.
+     */
     code?: React.ReactNode;
     /**
      * Will overwrite the default additional help text.

package/es/components/global-error/GlobalError.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["status", "skeleton", "center", "className", "title", "help", "code", "links", "text"];
+const _excluded = ["status", "statusCode", "skeleton", "center", "className", "title", "help", "code", "errorMessageCode", "links", "text"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -15,26 +15,30 @@ import Anchor from '../anchor/Anchor';
 import Skeleton from '../skeleton/Skeleton';
 import { H1, P, Code } from '../../elements';
 const defaultProps = {
-  status: '404'
+  status: '404',
+  statusCode: '404'
 };
 export default function GlobalError(localProps) {
   const context = React.useContext(Context);
   const translation = context.getTranslation(localProps).GlobalError;
-  const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.GlobalError, translation, translation[localProps.status || defaultProps.status], {
+  const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.GlobalError, translation, translation[localProps.status || localProps.statusCode || defaultProps.statusCode], {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
   const {
       status,
+      statusCode,
       skeleton,
       center,
       className,
       title,
       help,
       code,
+      errorMessageCode,
       links,
       text
     } = allProps,
     attributes = _objectWithoutProperties(allProps, _excluded);
+  const statusToUse = status !== defaultProps.status ? status : statusCode;
   const textParams = {};
   if (typeof text === 'string') {
     textParams.dangerouslySetInnerHTML = {
@@ -45,9 +49,10 @@ export default function GlobalError(localProps) {
   }
   const spacingClasses = createSpacingClasses(attributes);
   const params = _objectSpread({
-    className: classnames(`dnb-global-error dnb-global-error--${status}`, createSpacingClasses(attributes), className, spacingClasses, center && 'dnb-global-error--center')
+    className: classnames(`dnb-global-error dnb-global-error--${statusToUse}`, createSpacingClasses(attributes), className, spacingClasses, center && 'dnb-global-error--center')
   }, attributes);
   const additionalContent = processChildren(allProps);
+  const userProvidedCodeValue = Object.prototype.hasOwnProperty.call(localProps, 'code');
   return React.createElement(Skeleton, _extends({}, params, {
     show: skeleton,
     element: "section"
@@ -61,10 +66,13 @@ export default function GlobalError(localProps) {
     bottom: true
   }, title), React.createElement(P, _extends({
     bottom: true
-  }, textParams)), code && React.createElement(P, {
+  }, textParams)), userProvidedCodeValue && code && React.createElement(P, {
     bottom: true,
     className: "dnb-global-error__status"
-  }, code, " ", React.createElement(Code, null, status)), help && (links === null || links === void 0 ? void 0 : links.length) && React.createElement(P, {
+  }, code, " ", statusToUse && React.createElement(Code, null, statusToUse)), !userProvidedCodeValue && errorMessageCode && React.createElement(P, {
+    bottom: true,
+    className: "dnb-global-error__status"
+  }, String(errorMessageCode).replace('%statusCode', statusToUse)), help && (links === null || links === void 0 ? void 0 : links.length) && React.createElement(P, {
     top: "medium",
     bottom: true
   }, help), help && (links === null || links === void 0 ? void 0 : links.length) && React.createElement(P, {

package/es/components/global-error/GlobalError.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalError.js","names":["React","classnames","Context","processChildren","extendPropsWithContext","createSpacingClasses","Anchor","Skeleton","H1","P","Code","defaultProps","status","GlobalError","localProps","context","useContext","translation","getTranslation","allProps","skeleton","center","className","title","help","code","links","text","attributes","_objectWithoutProperties","_excluded","textParams","dangerouslySetInnerHTML","__html","children","spacingClasses","params","_objectSpread","additionalContent","createElement","_extends","show","element","size","top","bottom","length","map","url","key","href","_supportsSpacingProps"],"sources":["../../../../src/components/global-error/GlobalError.tsx"],"sourcesContent":["/**\n * Web GlobalError Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context, { GetTranslationProps } from '../../shared/Context'\nimport {\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Anchor from '../anchor/Anchor'\nimport Skeleton, { SkeletonShow } from '../skeleton/Skeleton'\nimport { H1, P, Code } from '../../elements'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type GlobalErrorLink = {\n  text: string\n  url: string\n}\n\nexport type GlobalErrorProps = {\n  /**\n   * When `404` or `500` is given, a predefined text will be shown.\n   * Defaults to `400`.\n   */\n  status?: '404' | '500' | string\n\n  /**\n   * Will overwrite the default title.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Will overwrite the default text.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Will overwrite the default error message code.\n   */\n  code?: React.ReactNode\n\n  /**\n   * Will overwrite the default additional help text.\n   */\n  help?: React.ReactNode\n\n  /**\n   * Provide an array with objects `{ text: 'Text', url: 'https://...' }` to display a list of anchor links.\n   */\n  links?: Array<GlobalErrorLink>\n\n  /**\n   * If true, it will use 80vh as the height and center its content.\n   */\n  center?: boolean\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type GlobalErrorAllProps = GlobalErrorProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps &\n  GetTranslationProps\n\nexport type GlobalErrorTranslationContent = {\n  /**\n   * Defining a `title` will overwrite the default provided by `status_content`.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Defining a `text` will overwrite the default provided by `status_content`.\n   */\n  text?: React.ReactNode\n}\nexport type GlobalErrorTranslation = {\n  404?: GlobalErrorTranslationContent\n  500?: GlobalErrorTranslationContent\n}\n\nconst defaultProps = {\n  status: '404',\n}\n\nexport default function GlobalError(localProps: GlobalErrorAllProps) {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  const translation = context.getTranslation(localProps)\n    .GlobalError as GlobalErrorTranslation\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.GlobalError,\n    translation,\n    translation[localProps.status || defaultProps.status],\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    status,\n    skeleton,\n    center,\n    className,\n\n    title,\n    help,\n    code,\n    links,\n    text,\n\n    ...attributes\n  } = allProps\n\n  const textParams: React.HTMLAttributes<HTMLElement> = {}\n  if (typeof text === 'string') {\n    textParams.dangerouslySetInnerHTML = { __html: text }\n  } else {\n    textParams.children = text\n  }\n\n  const spacingClasses = createSpacingClasses(attributes)\n\n  const params = {\n    className: classnames(\n      'dnb-global-error',\n      `dnb-global-error--${status}`,\n      center && 'dnb-global-error--center',\n      createSpacingClasses(attributes),\n      className,\n      spacingClasses\n    ),\n    ...attributes,\n  } as Record<string, unknown>\n\n  const additionalContent = processChildren(allProps)\n\n  return (\n    <Skeleton {...params} show={skeleton} element=\"section\">\n      <div className=\"dnb-global-error__inner\">\n        <div className=\"dnb-global-error__inner__content\">\n          <H1 size=\"x-large\" top bottom>\n            {title}\n          </H1>\n          <P bottom {...textParams} />\n          {code && (\n            <P bottom className=\"dnb-global-error__status\">\n              {code} <Code>{status}</Code>\n            </P>\n          )}\n          {help && links?.length && (\n            <P top=\"medium\" bottom>\n              {help}\n            </P>\n          )}\n          {help && links?.length && (\n            <P bottom=\"large\" className=\"dnb-global-error__links\">\n              {links.map(({ text, url }) => {\n                return (\n                  <Anchor key={text} href={url}>\n                    {text}\n                  </Anchor>\n                )\n              })}\n            </P>\n          )}\n        </div>\n        {additionalContent}\n      </div>\n    </Skeleton>\n  )\n}\n\nGlobalError._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GlobalError.js","names":["React","classnames","Context","processChildren","extendPropsWithContext","createSpacingClasses","Anchor","Skeleton","H1","P","Code","defaultProps","status","statusCode","GlobalError","localProps","context","useContext","translation","getTranslation","allProps","skeleton","center","className","title","help","code","errorMessageCode","links","text","attributes","_objectWithoutProperties","_excluded","statusToUse","textParams","dangerouslySetInnerHTML","__html","children","spacingClasses","params","_objectSpread","additionalContent","userProvidedCodeValue","Object","prototype","hasOwnProperty","call","createElement","_extends","show","element","size","top","bottom","String","replace","length","map","url","key","href","_supportsSpacingProps"],"sources":["../../../../src/components/global-error/GlobalError.tsx"],"sourcesContent":["/**\n * Web GlobalError Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context, { GetTranslationProps } from '../../shared/Context'\nimport {\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Anchor from '../anchor/Anchor'\nimport Skeleton, { SkeletonShow } from '../skeleton/Skeleton'\nimport { H1, P, Code } from '../../elements'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type GlobalErrorLink = {\n  text: string\n  url: string\n}\n\nexport type GlobalErrorProps = {\n  /**\n   * When `404` or `500` is given, a predefined text will be shown.\n   * Defaults to `404`.\n   */\n  statusCode?: '404' | '500' | string\n\n  /**\n   *\n   * When `404` or `500` is given, a predefined text will be shown.\n   * Defaults to `404`.\n   * @deprecated – Replaced with statusCode, status can be removed in v11.\n   */\n  status?: '404' | '500' | string\n\n  /**\n   * Will overwrite the default title.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Will overwrite the default text.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Will overwrite the default error message code.\n   */\n  errorMessageCode?: React.ReactNode\n\n  /**\n   * Will overwrite the default error message code.\n   * @deprecated – Replaced with errorMessageCode, code can be removed in v11.\n   */\n  code?: React.ReactNode\n\n  /**\n   * Will overwrite the default additional help text.\n   */\n  help?: React.ReactNode\n\n  /**\n   * Provide an array with objects `{ text: 'Text', url: 'https://...' }` to display a list of anchor links.\n   */\n  links?: Array<GlobalErrorLink>\n\n  /**\n   * If true, it will use 80vh as the height and center its content.\n   */\n  center?: boolean\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type GlobalErrorAllProps = GlobalErrorProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps &\n  GetTranslationProps\n\nexport type GlobalErrorTranslationContent = {\n  /**\n   * Defining a `title` will overwrite the default provided by `status_content`.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Defining a `text` will overwrite the default provided by `status_content`.\n   */\n  text?: React.ReactNode\n}\nexport type GlobalErrorTranslation = {\n  404?: GlobalErrorTranslationContent\n  500?: GlobalErrorTranslationContent\n}\n\nconst defaultProps = {\n  // deprecated – Replaced with statusCode, status can be removed in v11.\n  status: '404',\n  statusCode: '404',\n}\n\nexport default function GlobalError(localProps: GlobalErrorAllProps) {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  const translation = context.getTranslation(localProps)\n    .GlobalError as GlobalErrorTranslation\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.GlobalError,\n    translation,\n    translation[\n      localProps.status || localProps.statusCode || defaultProps.statusCode\n    ],\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    status,\n    statusCode,\n    skeleton,\n    center,\n    className,\n\n    title,\n    help,\n    code,\n    errorMessageCode,\n    links,\n    text,\n\n    ...attributes\n  } = allProps\n\n  // When status is deprecated, we just use the statusCode\n  const statusToUse = status !== defaultProps.status ? status : statusCode\n\n  const textParams: React.HTMLAttributes<HTMLElement> = {}\n  if (typeof text === 'string') {\n    textParams.dangerouslySetInnerHTML = { __html: text }\n  } else {\n    textParams.children = text\n  }\n\n  const spacingClasses = createSpacingClasses(attributes)\n\n  const params = {\n    className: classnames(\n      'dnb-global-error',\n      `dnb-global-error--${statusToUse}`,\n      center && 'dnb-global-error--center',\n      createSpacingClasses(attributes),\n      className,\n      spacingClasses\n    ),\n    ...attributes,\n  } as Record<string, unknown>\n\n  const additionalContent = processChildren(allProps)\n\n  // deprecated – Replaced with errorMessageCode, code and the line below can be removed in v11.\n  const userProvidedCodeValue = Object.prototype.hasOwnProperty.call(\n    localProps,\n    'code'\n  )\n\n  return (\n    <Skeleton {...params} show={skeleton} element=\"section\">\n      <div className=\"dnb-global-error__inner\">\n        <div className=\"dnb-global-error__inner__content\">\n          <H1 size=\"x-large\" top bottom>\n            {title}\n          </H1>\n          <P bottom {...textParams} />\n          {userProvidedCodeValue && code && (\n            <P bottom className=\"dnb-global-error__status\">\n              {code} {statusToUse && <Code>{statusToUse}</Code>}\n            </P>\n          )}\n          {!userProvidedCodeValue && errorMessageCode && (\n            <P bottom className=\"dnb-global-error__status\">\n              {String(errorMessageCode).replace(\n                '%statusCode',\n                statusToUse\n              )}\n            </P>\n          )}\n          {help && links?.length && (\n            <P top=\"medium\" bottom>\n              {help}\n            </P>\n          )}\n          {help && links?.length && (\n            <P bottom=\"large\" className=\"dnb-global-error__links\">\n              {links.map(({ text, url }) => {\n                return (\n                  <Anchor key={text} href={url}>\n                    {text}\n                  </Anchor>\n                )\n              })}\n            </P>\n          )}\n        </div>\n        {additionalContent}\n      </div>\n    </Skeleton>\n  )\n}\n\nGlobalError._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}

package/es/components/global-error/GlobalErrorDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const GlobalErrorProperties: PropertiesTableProps;

package/es/components/global-error/GlobalErrorDocs.js

@@ -0,0 +1,68 @@
+export const GlobalErrorProperties = {
+  statusCode: {
+    doc: 'Defines a status code as a string. When `404` or `500` is given, predefined `text` and `title` will be shown. Defaults to `404`.',
+    type: ['404', '500', 'string'],
+    status: 'optional'
+  },
+  status: {
+    doc: 'Defines a status code as a string. When `404` or `500` is given, predefined `text` and `title` will be shown. Defaults to `404`. This prop is deprecated and will be removed in v11, please use `statusCode` instead.',
+    type: ['404', '500', 'string'],
+    status: 'deprecated'
+  },
+  title: {
+    doc: 'Overwrites the default title for the provided `statusCode`.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  text: {
+    doc: 'Overwrites the default text for the provided `statusCode`.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  code: {
+    doc: 'Overwrites the default error message code text `Feilmeldings-kode:`. . This prop is deprecated and will be removed in v11, please use `errorMessageCode` instead.',
+    type: ['React.ReactNode'],
+    status: 'deprecated'
+  },
+  errorMessageCode: {
+    doc: 'Overwrites the default error message code text `Feilmeldings-kode: %statusCode`.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  help: {
+    doc: 'Overwrites the default additional help text `Her er noen lenker som kanskje kan hjelpe:`. This text is only rendered when `links` are provided.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  links: {
+    doc: 'Provide an array with objects `{ text: "Text", url: "https://..." }` to display a list of anchor links.',
+    type: ['Array<GlobalErrorLink>'],
+    status: 'optional'
+  },
+  center: {
+    doc: 'If true, it will use `80vh` as the height and center its content.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  locale: {
+    doc: 'Set a [supported locale](/uilib/usage/customisation/localization/) if needed.',
+    type: ['string'],
+    status: 'optional'
+  },
+  children: {
+    doc: 'To display additional related content, like useful links etc.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=GlobalErrorDocs.js.map

package/es/components/global-error/GlobalErrorDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalErrorDocs.js","names":["GlobalErrorProperties","statusCode","doc","type","status","title","text","code","errorMessageCode","help","links","center","skeleton","locale","children"],"sources":["../../../../src/components/global-error/GlobalErrorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const GlobalErrorProperties: PropertiesTableProps = {\n  statusCode: {\n    doc: 'Defines a status code as a string. When `404` or `500` is given, predefined `text` and `title` will be shown. Defaults to `404`.',\n    type: ['404', '500', 'string'],\n    status: 'optional',\n  },\n  status: {\n    doc: 'Defines a status code as a string. When `404` or `500` is given, predefined `text` and `title` will be shown. Defaults to `404`. This prop is deprecated and will be removed in v11, please use `statusCode` instead.',\n    type: ['404', '500', 'string'],\n    status: 'deprecated',\n  },\n  title: {\n    doc: 'Overwrites the default title for the provided `statusCode`.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  text: {\n    doc: 'Overwrites the default text for the provided `statusCode`.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  code: {\n    doc: 'Overwrites the default error message code text `Feilmeldings-kode:`. . This prop is deprecated and will be removed in v11, please use `errorMessageCode` instead.',\n    type: ['React.ReactNode'],\n    status: 'deprecated',\n  },\n  errorMessageCode: {\n    doc: 'Overwrites the default error message code text `Feilmeldings-kode: %statusCode`.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  help: {\n    doc: 'Overwrites the default additional help text `Her er noen lenker som kanskje kan hjelpe:`. This text is only rendered when `links` are provided.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  links: {\n    doc: 'Provide an array with objects `{ text: \"Text\", url: \"https://...\" }` to display a list of anchor links.',\n    type: ['Array<GlobalErrorLink>'],\n    status: 'optional',\n  },\n  center: {\n    doc: 'If true, it will use `80vh` as the height and center its content.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Set a [supported locale](/uilib/usage/customisation/localization/) if needed.',\n    type: ['string'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'To display additional related content, like useful links etc.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,UAAU,EAAE;IACVC,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,uNAAuN;IAC5NC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,mKAAmK;IACxKC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,gBAAgB,EAAE;IAChBN,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,iJAAiJ;IACtJC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDM,KAAK,EAAE;IACLR,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,wBAAwB,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,mEAAmE;IACxEC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,+EAA+E;IACpFC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}