@dnb/eufemia 10.69.1 → 10.70.1

package/cjs/components/form-row/FormRowDocs.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormRowProperties = void 0;
+const FormRowProperties = exports.FormRowProperties = {
+  label: {
+    doc: 'use either the `label` property or provide a custom one.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  label_direction: {
+    doc: 'use `label_direction="vertical"` to change the label/legend layout direction. Defaults to `horizontal`.',
+    type: ['vertical', 'horizontal'],
+    status: 'optional'
+  },
+  label_sr_only: {
+    doc: 'use `true` to make the label only readable by screen readers.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  direction: {
+    doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',
+    type: ['vertical', 'horizontal'],
+    status: 'optional'
+  },
+  vertical: {
+    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`',
+    type: 'boolean',
+    status: 'optional'
+  },
+  centered: {
+    doc: 'will center all children vertically as long as the screen does not hit a mobile width.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  wrap: {
+    doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right="..."` and not `left`, this way components will align left once they wrap. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  responsive: {
+    doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  section_style: {
+    doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',
+    type: ['divider', 'white', 'transparent'],
+    status: 'optional'
+  },
+  section_spacing: {
+    doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',
+    type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],
+    status: 'optional'
+  },
+  no_fieldset: {
+    doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  label_class: {
+    doc: 'if you need to style the "legend", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',
+    type: 'string',
+    status: 'optional'
+  },
+  locale: {
+    doc: 'Send along a different locale to all nested components.',
+    type: 'string',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',
+    type: 'boolean',
+    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=FormRowDocs.js.map

package/cjs/components/form-row/FormRowDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRowDocs.js","names":["FormRowProperties","exports","label","doc","type","status","label_direction","label_sr_only","direction","vertical","centered","wrap","responsive","section_style","section_spacing","no_fieldset","label_class","locale","disabled","skeleton"],"sources":["../../../../src/components/form-row/FormRowDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormRowProperties: PropertiesTableProps = {\n  label: {\n    doc: 'use either the `label` property or provide a custom one.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'use `label_direction=\"vertical\"` to change the label/legend layout direction. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  centered: {\n    doc: 'will center all children vertically as long as the screen does not hit a mobile width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  wrap: {\n    doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right=\"...\"` and not `left`, this way components will align left once they wrap. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  responsive: {\n    doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  section_style: {\n    doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['divider', 'white', 'transparent'],\n    status: 'optional',\n  },\n  section_spacing: {\n    doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],\n    status: 'optional',\n  },\n  no_fieldset: {\n    doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label_class: {\n    doc: 'if you need to style the \"legend\", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',\n    type: 'string',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Send along a different locale to all nested components.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\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  '[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":";;;;;;AAEO,MAAMA,iBAAuC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACrDE,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;IACzCC,MAAM,EAAE;EACV,CAAC;EACDS,eAAe,EAAE;IACfX,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACpEC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6NAA6N;IAClOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNd,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,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/cjs/components/form-set/FormSet.d.ts

@@ -13,10 +13,25 @@ export type FormSetChildren =
 export interface FormSetProps
   extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
+  /**
+   * define what HTML element should be used. Defaults to `<form>`.
+   */
   element?: string;
+  /**
+   * if set to `true`, then a `div` HTML element will be used instead of `form`. Defaults to `false`.
+   */
   no_form?: boolean;
+  /**
+   * if set to `true`, every component inside will be disabled. Defaults to `false`.
+   */
   disabled?: boolean;
+  /**
+   * if set to `true`, it enables skeleton for nested components. Defaults to `false`.
+   */
   skeleton?: SkeletonShow;
+  /**
+   * if set to `true`, components inside can't cause a page refresh. The event `on_submit` will still be triggered. Defaults to `false`.
+   */
   prevent_submit?: boolean;
   id?: string;
   label?: React.ReactNode;
@@ -26,6 +41,9 @@ export interface FormSetProps
   label_class?: string;
   no_label?: boolean;
   no_fieldset?: boolean;
+  /**
+   * Send along a different locale to all nested components.
+   */
   locale?: InternalLocale;
   wrap?: boolean;
   direction?: FormSetDirection;

package/cjs/components/form-set/FormSetDocs.d.ts

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

package/cjs/components/form-set/FormSetDocs.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormSetProperties = exports.FormSetEvents = void 0;
+const FormSetProperties = exports.FormSetProperties = {
+  element: {
+    doc: 'define what HTML element should be used. Defaults to `<form>`.',
+    type: 'string',
+    status: 'optional'
+  },
+  no_form: {
+    doc: 'if set to `true`, then a `div` HTML element will be used instead of `form`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  prevent_submit: {
+    doc: "if set to `true`, components inside can't cause a page refresh. The event `on_submit` will still be triggered. Defaults to `false`.",
+    type: 'boolean',
+    status: 'optional'
+  },
+  locale: {
+    doc: 'Send along a different locale to all nested components.',
+    type: 'string',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'if set to `true`, it enables skeleton for nested components. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[FormRow](/uilib/layout/form-row/properties)': {
+    doc: 'Beside the own properties, **FormSet** can provide the [FormRow](/uilib/layout/form-row/properties) properties down to `FormRow`. This works in React-based applications by using the React Context under the hood.',
+    type: 'Various',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+const FormSetEvents = exports.FormSetEvents = {
+  on_submit: {
+    doc: 'will be called on submit. Returns an object with a native event: `{ event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FormSetDocs.js.map

package/cjs/components/form-set/FormSetDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSetDocs.js","names":["FormSetProperties","exports","element","doc","type","status","no_form","prevent_submit","locale","disabled","skeleton","FormSetEvents","on_submit"],"sources":["../../../../src/components/form-set/FormSetDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormSetProperties: PropertiesTableProps = {\n  element: {\n    doc: 'define what HTML element should be used. Defaults to `<form>`.',\n    type: 'string',\n    status: 'optional',\n  },\n  no_form: {\n    doc: 'if set to `true`, then a `div` HTML element will be used instead of `form`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_submit: {\n    doc: \"if set to `true`, components inside can't cause a page refresh. The event `on_submit` will still be triggered. Defaults to `false`.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Send along a different locale to all nested components.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'if set to `true`, it enables skeleton for nested components. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[FormRow](/uilib/layout/form-row/properties)': {\n    doc: 'Beside the own properties, **FormSet** can provide the [FormRow](/uilib/layout/form-row/properties) properties down to `FormRow`. This works in React-based applications by using the React Context under the hood.',\n    type: 'Various',\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\nexport const FormSetEvents: PropertiesTableProps = {\n  on_submit: {\n    doc: 'will be called on submit. Returns an object with a native event: `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACrDE,OAAO,EAAE;IACPC,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,cAAc,EAAE;IACdJ,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,8CAA8C,EAAE;IAC9CF,GAAG,EAAE,qNAAqN;IAC1NC,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;AAEM,MAAMM,aAAmC,GAAAV,OAAA,CAAAU,aAAA,GAAG;EACjDC,SAAS,EAAE;IACTT,GAAG,EAAE,+EAA+E;IACpFC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/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/cjs/components/form-status/FormStatusDocs.d.ts

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

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormStatusProperties = void 0;
+const FormStatusProperties = exports.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/cjs/components/form-status/FormStatusDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusDocs.js","names":["FormStatusProperties","exports","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":";;;;;;AAEO,MAAMA,oBAA0C,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EACxDE,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/cjs/components/global-error/GlobalError.d.ts

@@ -15,6 +15,13 @@ export type GlobalErrorProps = {
      * When `404` or `500` is given, a predefined text will be shown.
      * 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;
     /**
      * Will overwrite the default title.
@@ -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/cjs/components/global-error/GlobalError.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GlobalError;
+require("core-js/modules/es.string.replace.js");
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
@@ -13,7 +14,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
 var _Anchor = _interopRequireDefault(require("../anchor/Anchor"));
 var _Skeleton = _interopRequireDefault(require("../skeleton/Skeleton"));
 var _elements = require("../../elements");
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 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; }
@@ -24,26 +25,30 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const defaultProps = {
-  status: '404'
+  status: '404',
+  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.status || defaultProps.status], {
+  const allProps = (0, _componentHelper.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 = {
@@ -54,9 +59,10 @@ function GlobalError(localProps) {
   }
   const spacingClasses = (0, _SpacingHelper.createSpacingClasses)(attributes);
   const params = _objectSpread({
-    className: (0, _classnames.default)(`dnb-global-error dnb-global-error--${status}`, (0, _SpacingHelper.createSpacingClasses)(attributes), className, spacingClasses, center && 'dnb-global-error--center')
+    className: (0, _classnames.default)(`dnb-global-error dnb-global-error--${statusToUse}`, (0, _SpacingHelper.createSpacingClasses)(attributes), className, spacingClasses, center && 'dnb-global-error--center')
   }, attributes);
   const additionalContent = (0, _componentHelper.processChildren)(allProps);
+  const userProvidedCodeValue = Object.prototype.hasOwnProperty.call(localProps, 'code');
   return _react.default.createElement(_Skeleton.default, _extends({}, params, {
     show: skeleton,
     element: "section"
@@ -70,10 +76,13 @@ function GlobalError(localProps) {
     bottom: true
   }, title), _react.default.createElement(_elements.P, _extends({
     bottom: true
-  }, textParams)), code && _react.default.createElement(_elements.P, {
+  }, textParams)), userProvidedCodeValue && code && _react.default.createElement(_elements.P, {
     bottom: true,
     className: "dnb-global-error__status"
-  }, code, " ", status && _react.default.createElement(_elements.Code, null, status)), help && (links === null || links === void 0 ? void 0 : links.length) && _react.default.createElement(_elements.P, {
+  }, code, " ", statusToUse && _react.default.createElement(_elements.Code, null, statusToUse)), !userProvidedCodeValue && errorMessageCode && _react.default.createElement(_elements.P, {
+    bottom: true,
+    className: "dnb-global-error__status"
+  }, String(errorMessageCode).replace('%statusCode', statusToUse)), help && (links === null || links === void 0 ? void 0 : links.length) && _react.default.createElement(_elements.P, {
     top: "medium",
     bottom: true
   }, help), help && (links === null || links === void 0 ? void 0 : links.length) && _react.default.createElement(_elements.P, {

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalError.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_Anchor","_Skeleton","_elements","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","status","GlobalError","localProps","context","React","useContext","Context","translation","getTranslation","allProps","extendPropsWithContext","skeleton","center","className","title","help","code","links","text","attributes","textParams","dangerouslySetInnerHTML","__html","children","spacingClasses","createSpacingClasses","params","classnames","additionalContent","processChildren","createElement","show","element","H1","size","top","bottom","P","Code","map","_ref","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  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} {status && <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","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_Anchor","_Skeleton","_elements","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","status","statusCode","GlobalError","localProps","context","React","useContext","Context","translation","getTranslation","allProps","extendPropsWithContext","skeleton","center","className","title","help","code","errorMessageCode","links","text","attributes","statusToUse","textParams","dangerouslySetInnerHTML","__html","children","spacingClasses","createSpacingClasses","params","classnames","additionalContent","processChildren","userProvidedCodeValue","prototype","createElement","show","element","H1","size","top","bottom","P","Code","replace","map","_ref","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":[]}