@dnb/eufemia 10.38.0 → 10.40.0

package/components/badge/Badge.js

@@ -61,9 +61,10 @@ function Badge(localProps) {
     if (!label && contentIsNum) {
       warn(`Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`);
     }
+    const isInline = !children && content;
     return React.createElement("span", _extends({
       role: "status",
-      className: classnames(`dnb-badge dnb-badge--variant-${variant}`, skeletonClasses, spacingClasses, className, horizontal && `dnb-badge--horizontal-${horizontal}`, vertical && `dnb-badge--vertical-${vertical}`)
+      className: classnames(`dnb-badge dnb-badge--variant-${variant}`, skeletonClasses, spacingClasses, className, horizontal && `dnb-badge--horizontal-${horizontal}`, vertical && `dnb-badge--vertical-${vertical}`, isInline && 'dnb-badge--inline')
     }, props), label && (_span || (_span = React.createElement("span", {
       className: "dnb-sr-only"
     }, label, " "))), content);

package/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["React","classnames","createSpacingClasses","createSkeletonClass","Context","warn","extendPropsWithContext","validateDOMAttributes","defaultProps","label","className","skeleton","children","content","vertical","horizontal","variant","Badge","localProps","_span","context","useContext","allProps","contentProp","props","_objectWithoutProperties","_excluded","createElement","BadgeRoot","BadgeElem","_ref","skeletonClasses","spacingClasses","contentIsNum","variantIsNotification","_extends","role","_supportsSpacingProps"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  warn,\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport type BadgeProps = {\n  /**\n   * Aria label to describe the badge\n   * Default: null\n   */\n  label?: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content to display the badge on top of.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The content of the component.\n   * Default: null\n   */\n  content?: string | number | React.ReactNode\n\n  /**\n   * The vertical positioning of the component.\n   * Default: null\n   */\n  vertical?: 'bottom' | 'top'\n\n  /**\n   * The horizontal positioning of the component.\n   * Default: null\n   */\n  horizontal?: 'left' | 'right'\n\n  /**\n   * The variant of the component.\n   * Default: information.\n   */\n  variant?: 'information' | 'notification'\n}\n\ntype BadgeAndSpacingProps = BadgeProps & SpacingProps\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  skeleton: false,\n  children: null,\n  content: null,\n  vertical: null,\n  horizontal: null,\n  variant: 'information',\n}\n\nfunction Badge(localProps: BadgeAndSpacingProps) {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Badge,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    label,\n    className,\n    children, // eslint-disable-line\n    skeleton,\n    horizontal,\n    vertical,\n    content: contentProp,\n    variant,\n    ...props\n  } = allProps\n\n  validateDOMAttributes(allProps, props)\n\n  if (children) {\n    return (\n      <BadgeRoot>\n        {children}\n        <BadgeElem />\n      </BadgeRoot>\n    )\n  }\n\n  return <BadgeElem />\n\n  function BadgeRoot({ children }: { children: React.ReactNode }) {\n    return <span className=\"dnb-badge__root\">{children}</span>\n  }\n\n  function BadgeElem() {\n    const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n    const spacingClasses = createSpacingClasses(allProps)\n    const contentIsNum = typeof contentProp === 'number'\n    const variantIsNotification = variant === 'notification'\n\n    const content =\n      variantIsNotification && contentIsNum && contentProp > 9\n        ? '9+'\n        : contentProp\n\n    if (variantIsNotification && !contentIsNum) {\n      warn(\n        `Type of content should be a number: A notification badge is best suited to display content of type number.`\n      )\n    }\n    if (!label && contentIsNum) {\n      warn(\n        `Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`\n      )\n    }\n\n    return (\n      <span\n        role=\"status\"\n        className={classnames(\n          'dnb-badge',\n          `dnb-badge--variant-${variant}`,\n          horizontal && `dnb-badge--horizontal-${horizontal}`,\n          vertical && `dnb-badge--vertical-${vertical}`,\n          skeletonClasses,\n          spacingClasses,\n          className\n        )}\n        {...props}\n      >\n        {label && <span className=\"dnb-sr-only\">{label} </span>}\n        {content}\n      </span>\n    )\n  }\n}\n\nBadge._supportsSpacingProps = true\n\nexport default Badge\n"],"mappings":"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"}
+{"version":3,"file":"Badge.js","names":["React","classnames","createSpacingClasses","createSkeletonClass","Context","warn","extendPropsWithContext","validateDOMAttributes","defaultProps","label","className","skeleton","children","content","vertical","horizontal","variant","Badge","localProps","_span","context","useContext","allProps","contentProp","props","_objectWithoutProperties","_excluded","createElement","BadgeRoot","BadgeElem","_ref","skeletonClasses","spacingClasses","contentIsNum","variantIsNotification","isInline","_extends","role","_supportsSpacingProps"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  warn,\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport type BadgeProps = {\n  /**\n   * Aria label to describe the badge\n   * Default: null\n   */\n  label?: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content to display the badge on top of.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The content of the component.\n   * Default: null\n   */\n  content?: string | number | React.ReactNode\n\n  /**\n   * The vertical positioning of the component.\n   * Default: null\n   */\n  vertical?: 'bottom' | 'top'\n\n  /**\n   * The horizontal positioning of the component.\n   * Default: null\n   */\n  horizontal?: 'left' | 'right'\n\n  /**\n   * The variant of the component.\n   * Default: information.\n   */\n  variant?: 'information' | 'notification'\n}\n\ntype BadgeAndSpacingProps = BadgeProps & SpacingProps\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  skeleton: false,\n  children: null,\n  content: null,\n  vertical: null,\n  horizontal: null,\n  variant: 'information',\n}\n\nfunction Badge(localProps: BadgeAndSpacingProps) {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Badge,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    label,\n    className,\n    children, // eslint-disable-line\n    skeleton,\n    horizontal,\n    vertical,\n    content: contentProp,\n    variant,\n    ...props\n  } = allProps\n\n  validateDOMAttributes(allProps, props)\n\n  if (children) {\n    return (\n      <BadgeRoot>\n        {children}\n        <BadgeElem />\n      </BadgeRoot>\n    )\n  }\n\n  return <BadgeElem />\n\n  function BadgeRoot({ children }: { children: React.ReactNode }) {\n    return <span className=\"dnb-badge__root\">{children}</span>\n  }\n\n  function BadgeElem() {\n    const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n    const spacingClasses = createSpacingClasses(allProps)\n    const contentIsNum = typeof contentProp === 'number'\n    const variantIsNotification = variant === 'notification'\n\n    const content =\n      variantIsNotification && contentIsNum && contentProp > 9\n        ? '9+'\n        : contentProp\n\n    if (variantIsNotification && !contentIsNum) {\n      warn(\n        `Type of content should be a number: A notification badge is best suited to display content of type number.`\n      )\n    }\n    if (!label && contentIsNum) {\n      warn(\n        `Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`\n      )\n    }\n\n    const isInline = !children && content\n\n    return (\n      <span\n        role=\"status\"\n        className={classnames(\n          'dnb-badge',\n          `dnb-badge--variant-${variant}`,\n          horizontal && `dnb-badge--horizontal-${horizontal}`,\n          vertical && `dnb-badge--vertical-${vertical}`,\n          isInline && 'dnb-badge--inline',\n          skeletonClasses,\n          spacingClasses,\n          className\n        )}\n        {...props}\n      >\n        {label && <span className=\"dnb-sr-only\">{label} </span>}\n        {content}\n      </span>\n    )\n  }\n}\n\nBadge._supportsSpacingProps = true\n\nexport default Badge\n"],"mappings":"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"}

package/components/badge/style/dnb-badge.css

@@ -58,4 +58,10 @@
 }
 .dnb-badge--vertical-top {
   top: 0;
+}
+.dnb-badge--inline.dnb-badge--vertical-top {
+  transform: translateY(-25%);
+}
+.dnb-badge--inline.dnb-badge--vertical-bottom {
+  transform: translateY(25%);
 }

package/components/badge/style/dnb-badge.min.css

@@ -1 +1 @@
-.dnb-badge{--badge-font-size:var(--font-size-x-small);--badge-width:1.5rem;--badge-height:1.5rem;--badge-border-radius-information:calc(var(--badge-height)/4);--badge-border-radius-notification:calc(var(--badge-height)/2);--badge-line-height:var(--line-height-x-small);align-content:center;align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);height:var(--badge-height);justify-content:center;white-space:nowrap;width:var(--badge-width)}.dnb-badge,.dnb-core-style .dnb-badge{line-height:var(--badge-line-height)}.dnb-badge__root{display:inline-flex;flex-shrink:0;position:relative;vertical-align:middle}.dnb-badge__root .dnb-badge{display:flex;overflow:hidden;position:absolute;z-index:2}.dnb-badge--variant-notification{border-radius:var(--badge-border-radius-notification)}.dnb-badge--variant-information{border-radius:var(--badge-border-radius-information);min-width:var(--badge-width);padding:0 var(--spacing-xx-small);width:auto}.dnb-badge--horizontal-left{left:0}.dnb-badge--horizontal-right{right:0}.dnb-badge--vertical-bottom{bottom:0}.dnb-badge--vertical-top{top:0}
+.dnb-badge{--badge-font-size:var(--font-size-x-small);--badge-width:1.5rem;--badge-height:1.5rem;--badge-border-radius-information:calc(var(--badge-height)/4);--badge-border-radius-notification:calc(var(--badge-height)/2);--badge-line-height:var(--line-height-x-small);align-content:center;align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);height:var(--badge-height);justify-content:center;white-space:nowrap;width:var(--badge-width)}.dnb-badge,.dnb-core-style .dnb-badge{line-height:var(--badge-line-height)}.dnb-badge__root{display:inline-flex;flex-shrink:0;position:relative;vertical-align:middle}.dnb-badge__root .dnb-badge{display:flex;overflow:hidden;position:absolute;z-index:2}.dnb-badge--variant-notification{border-radius:var(--badge-border-radius-notification)}.dnb-badge--variant-information{border-radius:var(--badge-border-radius-information);min-width:var(--badge-width);padding:0 var(--spacing-xx-small);width:auto}.dnb-badge--horizontal-left{left:0}.dnb-badge--horizontal-right{right:0}.dnb-badge--vertical-bottom{bottom:0}.dnb-badge--vertical-top{top:0}.dnb-badge--inline.dnb-badge--vertical-top{transform:translateY(-25%)}.dnb-badge--inline.dnb-badge--vertical-bottom{transform:translateY(25%)}

package/components/badge/style/dnb-badge.scss

@@ -71,4 +71,16 @@
   &--vertical-top {
     top: 0;
   }
+
+  &--inline {
+    &.dnb-badge--vertical-top {
+      // 1/4 of the badge height
+      transform: translateY(-25%);
+    }
+
+    &.dnb-badge--vertical-bottom {
+      // 1/4 of the badge height
+      transform: translateY(25%);
+    }
+  }
 }

package/components/button/Button.d.ts

@@ -136,6 +136,7 @@ export type ButtonProps = {
   disabled?: boolean;
   inner_ref?: React.Ref;
   className?: string;
+  class?: string;
   innerRef?: any;
   /**
    * The content of the button can be a string or a React Element.

package/components/button/Button.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _span, _span2, _span3;
-const _excluded = ["className", "variant", "size", "title", "custom_content", "tooltip", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "id", "disabled", "text", "icon", "icon_position", "icon_size", "wrap", "bounding", "stretch", "skeleton", "element", "inner_ref", "innerRef"];
+const _excluded = ["class", "className", "variant", "size", "title", "custom_content", "tooltip", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "id", "disabled", "text", "icon", "icon_position", "icon_size", "wrap", "bounding", "stretch", "skeleton", "element", "inner_ref", "innerRef"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
@@ -59,6 +59,7 @@ export default class Button extends React.PureComponent {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     }, pickFormElementProps((_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.FormRow), pickFormElementProps((_this$context3 = this.context) === null || _this$context3 === void 0 ? void 0 : _this$context3.formElement), this.context.Button);
     const {
+        class: classProp,
         className,
         variant,
         size,
@@ -127,7 +128,7 @@ export default class Button extends React.PureComponent {
         icon = launch;
       }
     }
-    const classes = classnames(`dnb-button dnb-button--${usedVariant || 'primary'}`, (text || content || custom_content) && 'dnb-button--has-text', createSkeletonClass(variant === 'tertiary' ? 'font' : 'shape', skeleton, this.context), createSpacingClasses(props), className, (props.href || props.to) && '', icon && `dnb-button--icon-position-${icon_position} dnb-button--has-icon` + (iconSize ? ` dnb-button--icon-size-${iconSize}` : ""), usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`, ((_this$context4 = this.context) === null || _this$context4 === void 0 ? void 0 : (_this$context4$theme = _this$context4.theme) === null || _this$context4$theme === void 0 ? void 0 : _this$context4$theme.darkBackground) && `dnb-button--on-dark-background`, isTrue(stretch) && 'dnb-button--stretch', wrap && 'dnb-button--wrap', status && `dnb-button__status--${status_state}`, Element === Anchor && 'dnb-anchor--no-style');
+    const classes = classnames(`dnb-button dnb-button--${usedVariant || 'primary'}`, (text || content || custom_content) && 'dnb-button--has-text', createSkeletonClass(variant === 'tertiary' ? 'font' : 'shape', skeleton, this.context), createSpacingClasses(props), classProp, className, (props.href || props.to) && '', icon && `dnb-button--icon-position-${icon_position} dnb-button--has-icon` + (iconSize ? ` dnb-button--icon-size-${iconSize}` : ""), usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`, ((_this$context4 = this.context) === null || _this$context4 === void 0 ? void 0 : (_this$context4$theme = _this$context4.theme) === null || _this$context4$theme === void 0 ? void 0 : _this$context4$theme.darkBackground) && `dnb-button--on-dark-background`, isTrue(stretch) && 'dnb-button--stretch', wrap && 'dnb-button--wrap', status && `dnb-button__status--${status_state}`, Element === Anchor && 'dnb-anchor--no-style');
     const params = _objectSpread({
       className: classes,
       title,
@@ -200,6 +201,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   className: PropTypes.string,
+  class: PropTypes.string,
   innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
   element: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.node])
@@ -234,6 +236,7 @@ Button.defaultProps = {
   globalStatus: null,
   inner_ref: null,
   className: null,
+  class: null,
   innerRef: null,
   children: null,
   element: null,

package/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","PropTypes","classnames","Context","warn","makeUniqueId","isTrue","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","dispatchCustomElementEvent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","pickFormElementProps","IconPrimary","FormStatus","Anchor","pickIcon","opensNewTab","launch","Tooltip","buttonVariantPropType","variant","oneOf","Button","PureComponent","getContent","props","constructor","_defineProperty","event","afterContent","isValidElement","setState","_id","id","status","tooltip","_ref","createRef","state","componentDidMount","innerRef","current","inner_ref","render","_this$context","_this$context2","_this$context3","_this$context4","_this$context4$theme","defaultProps","skeleton","context","FormRow","formElement","className","size","title","custom_content","status_state","status_props","status_no_animation","globalStatus","disabled","text","_text","icon","_icon","icon_position","icon_size","wrap","bounding","stretch","element","attributes","_objectWithoutProperties","_excluded","showStatus","usedVariant","usedSize","iconSize","content","isIconOnly","Boolean","Element","href","to","omitClass","target","classes","theme","darkBackground","params","_objectSpread","on_click","onClick","onClickHandler","type","undefined","createElement","Fragment","_extends","ref","Content","show","label","text_id","no_animation","targetElement","process","env","NODE_ENV","propTypes","oneOfType","string","node","func","number","bool","object","shape","message","rel","children","_span","key","_span2","_span3","array","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/button/Button.js"],"sourcesContent":["/**\n * Web Button Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  warn,\n  makeUniqueId,\n  isTrue,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  getStatusState,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport FormStatus from '../form-status/FormStatus'\nimport Anchor, { pickIcon, opensNewTab } from '../anchor/Anchor'\nimport { launch } from '../../icons'\nimport Tooltip from '../tooltip/Tooltip'\n\nexport const buttonVariantPropType = {\n  variant: PropTypes.oneOf([\n    'primary',\n    'secondary',\n    'tertiary',\n    'signal',\n\n    /**\n     * For internal use only (as of now)\n     */\n    'unstyled',\n  ]),\n}\n\n/**\n * The button component should be used as the call-to-action in a form, or as a user interaction mechanism. Generally speaking, a button should not be used when a link would do the trick. Exceptions are made at times when it is used as a navigation element in the action-nav element.\n */\nexport default class Button extends React.PureComponent {\n  static contextType = Context\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._id =\n      props.id || ((props.status || props.tooltip) && makeUniqueId()) // cause we need an id anyway\n    this._ref = React.createRef()\n\n    this.state = { afterContent: null }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._ref.current)\n        : (this.props.innerRef.current = this._ref.current)\n    }\n    if (this.props.inner_ref) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.inner_ref(this._ref.current)\n        : (this.props.inner_ref.current = this._ref.current)\n    }\n  }\n\n  onClickHandler = (event) => {\n    const afterContent = dispatchCustomElementEvent(this, 'on_click', {\n      event,\n    })\n    if (afterContent && React.isValidElement(afterContent)) {\n      this.setState({\n        afterContent,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Button.defaultProps,\n      { skeleton: this.context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.Button\n    )\n\n    const {\n      className,\n      variant,\n      size,\n      title,\n      custom_content,\n      tooltip,\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      id, // eslint-disable-line\n      disabled,\n      text: _text, // eslint-disable-line\n      icon: _icon, // eslint-disable-line\n      icon_position,\n      icon_size,\n      wrap,\n      bounding, // eslint-disable-line\n      stretch,\n      skeleton,\n      element,\n      inner_ref, // eslint-disable-line\n      innerRef, // eslint-disable-line\n      ...attributes\n    } = props\n\n    const showStatus = getStatusState(status)\n\n    let { text, icon } = props\n    let usedVariant = variant\n    let usedSize = size\n    let iconSize = icon_size\n    const content = Button.getContent(this.props)\n\n    if (\n      variant === 'tertiary' &&\n      (text || content) &&\n      !icon &&\n      icon !== false\n    ) {\n      warn(\n        `Icon required: A Tertiary Button requires an icon to be WCAG compliant in most cases, because variant tertiary has no underline.\n(Override this warning using icon={false}, or consider using one of the other variants)`\n      )\n    }\n\n    // if only has Icon, then resize it and define it as secondary\n    const isIconOnly = Boolean(!text && !content && icon)\n    if (isIconOnly) {\n      if (!usedVariant) {\n        usedVariant = 'secondary'\n      }\n      if (!iconSize && (usedSize === 'default' || usedSize === 'large')) {\n        iconSize = 'medium'\n      }\n      if (!usedSize) {\n        usedSize = 'medium'\n      }\n    } else if (content) {\n      if (!usedVariant) {\n        usedVariant = 'primary'\n      }\n      if (!usedSize) {\n        usedSize = 'default'\n      }\n    }\n    if (!iconSize && variant === 'tertiary' && icon_position === 'top') {\n      iconSize = 'medium'\n    }\n\n    const Element = element\n      ? element\n      : props.href || props.to\n      ? Anchor\n      : 'button'\n    if (Element === Anchor) {\n      attributes.omitClass = true\n      if (opensNewTab(props.target, props.href) && !icon) {\n        icon = launch\n      }\n    }\n\n    const classes = classnames(\n      'dnb-button',\n      `dnb-button--${usedVariant || 'primary'}`,\n      usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`,\n      this.context?.theme?.darkBackground &&\n        `dnb-button--on-dark-background`,\n      icon && `dnb-button--icon-position-${icon_position}`,\n      isTrue(stretch) && 'dnb-button--stretch',\n      icon && iconSize && `dnb-button--icon-size-${iconSize}`,\n      (text || content || custom_content) && 'dnb-button--has-text',\n      icon && 'dnb-button--has-icon',\n      wrap && 'dnb-button--wrap',\n      status && `dnb-button__status--${status_state}`,\n      createSkeletonClass(\n        variant === 'tertiary' ? 'font' : 'shape',\n        skeleton,\n        this.context\n      ),\n      createSpacingClasses(props),\n      className,\n      props.href || props.to ? '' : null, // dnb-anchor--no-underline dnb-anchor--no-hover\n      Element === Anchor && 'dnb-anchor--no-style'\n    )\n\n    const params = {\n      className: classes,\n      title,\n      id: this._id,\n      disabled: isTrue(disabled),\n      ...attributes,\n    }\n\n    if (this.props.on_click || this.props.onClick) {\n      params.onClick = this.onClickHandler\n    }\n\n    if (Element !== Anchor && !params.type) {\n      params.type = params.type === '' ? undefined : 'button'\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <>\n        <Element ref={this._ref} {...params}>\n          <Content\n            {...this.props}\n            icon={icon}\n            icon_size={iconSize}\n            content={text || content}\n            custom_content={custom_content}\n            isIconOnly={isIconOnly}\n            skeleton={isTrue(skeleton)}\n          />\n        </Element>\n\n        {this.state.afterContent}\n\n        <FormStatus\n          show={showStatus}\n          id={this._id + '-form-status'}\n          globalStatus={globalStatus}\n          label={text}\n          text={status}\n          state={status_state}\n          text_id={this._id + '-status'} // used for \"aria-describedby\"\n          no_animation={status_no_animation}\n          skeleton={skeleton}\n          {...status_props}\n        />\n\n        {tooltip && this._ref && (\n          <Tooltip\n            id={this._id + '-tooltip'}\n            targetElement={this._ref}\n            tooltip={tooltip}\n          />\n        )}\n      </>\n    )\n  }\n}\n\nButton.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  type: PropTypes.string,\n  title: PropTypes.node,\n  variant: buttonVariantPropType.variant,\n  size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.func,\n  ]),\n  icon_position: PropTypes.oneOf(['left', 'right', 'top']),\n  icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tooltip: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  status: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  status_state: PropTypes.string,\n  status_props: PropTypes.object,\n  status_no_animation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  globalStatus: PropTypes.shape({\n    id: PropTypes.string,\n    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  }),\n  id: PropTypes.string,\n  href: PropTypes.string,\n  target: PropTypes.string,\n  rel: PropTypes.string,\n  to: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object,\n    PropTypes.func,\n  ]),\n  custom_content: PropTypes.node,\n  wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n\n  className: PropTypes.string,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  element: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.object,\n    PropTypes.node,\n  ]),\n\n  ...spacingPropTypes,\n\n  on_click: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n}\n\nButton.defaultProps = {\n  type: null, // set the type because of the anchor/href situation – can be made more smart in future\n  text: null,\n  variant: null,\n  size: null,\n  title: null,\n  icon: null,\n  icon_position: 'right',\n  icon_size: null,\n  href: null,\n  target: null,\n  rel: null,\n  to: null,\n  id: null,\n  custom_content: null,\n  wrap: null,\n  bounding: null,\n  stretch: null,\n  skeleton: null,\n  disabled: null,\n  tooltip: null,\n  status: null,\n  status_state: 'error',\n  status_props: null,\n  status_no_animation: null,\n  globalStatus: null,\n  inner_ref: null,\n\n  className: null,\n  innerRef: null,\n  children: null,\n  element: null,\n\n  on_click: null,\n}\n\nfunction Content({\n  title,\n  content,\n  custom_content,\n  icon,\n  icon_size,\n  bounding,\n  skeleton,\n  isIconOnly,\n}) {\n  return (\n    <>\n      {isTrue(bounding) && (\n        <span key=\"button-bounding\" className=\"dnb-button__bounding\" />\n      )}\n\n      {custom_content && (\n        <React.Fragment key=\"button-custom-content\">\n          {custom_content}\n        </React.Fragment>\n      )}\n\n      {content && (\n        <>\n          <span\n            key=\"button-alignment\"\n            className=\"dnb-button__alignment\"\n            aria-hidden\n          >\n            &zwnj;\n          </span>\n          <span\n            key=\"button-text\"\n            className=\"dnb-button__text dnb-skeleton--show-font\"\n          >\n            {content}\n          </span>\n        </>\n      )}\n\n      {\n        // on empty text, use a zero-width non-joiner\n        // so the icon button gets vertical aligned\n        // we need the dnb-button__text for alignment\n        !content && icon && (\n          <span\n            key=\"button-alignment\"\n            className=\"dnb-button__alignment\"\n            aria-hidden\n          >\n            &zwnj;\n          </span>\n        )\n      }\n\n      {icon &&\n        (pickIcon(icon, 'dnb-button__icon') || (\n          <IconPrimary\n            key=\"button-icon\"\n            className=\"dnb-button__icon\"\n            icon={icon}\n            size={icon_size}\n            aria-hidden={isIconOnly && !title ? null : true}\n            skeleton={skeleton}\n          />\n        ))}\n    </>\n  )\n}\n\nContent.propTypes = {\n  title: PropTypes.node,\n  custom_content: PropTypes.node,\n  content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.array,\n    PropTypes.node,\n  ]),\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.func,\n  ]),\n  icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.bool,\n  isIconOnly: PropTypes.bool,\n}\n\nContent.defaultProps = {\n  custom_content: null,\n  title: null,\n  content: null,\n  icon: null,\n  icon_size: 'default',\n  bounding: null,\n  skeleton: null,\n  isIconOnly: null,\n}\n\nButton._formElement = true\nButton._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,IAAI,EACJC,YAAY,EACZC,MAAM,EACNC,sCAAsC,EACtCC,qBAAqB,EACrBC,eAAe,EACfC,cAAc,EACdC,0BAA0B,QACrB,+BAA+B;AACtC,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,wBAAwB;AAC/B,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,4BAA4B;AACnC,SAASC,oBAAoB,QAAQ,uCAAuC;AAC5E,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,UAAU,MAAM,2BAA2B;AAClD,OAAOC,MAAM,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,kBAAkB;AAChE,SAASC,MAAM,QAAQ,aAAa;AACpC,OAAOC,OAAO,MAAM,oBAAoB;AAExC,OAAO,MAAMC,qBAAqB,GAAG;EACnCC,OAAO,EAAExB,SAAS,CAACyB,KAAK,CAAC,CACvB,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EAKR,UAAU,CACX;AACH,CAAC;AAKD,eAAe,MAAMC,MAAM,SAAS3B,KAAK,CAAC4B,aAAa,CAAC;EAGtD,OAAOC,UAAUA,CAACC,KAAK,EAAE;IACvB,OAAOrB,eAAe,CAACqB,KAAK,CAAC;EAC/B;EAEAC,WAAWA,CAACD,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAAE,eAAA,yBAsBIC,KAAK,IAAK;MAC1B,MAAMC,YAAY,GAAGvB,0BAA0B,CAAC,IAAI,EAAE,UAAU,EAAE;QAChEsB;MACF,CAAC,CAAC;MACF,IAAIC,YAAY,IAAIlC,KAAK,CAACmC,cAAc,CAACD,YAAY,CAAC,EAAE;QACtD,IAAI,CAACE,QAAQ,CAAC;UACZF;QACF,CAAC,CAAC;MACJ;IACF,CAAC;IA7BC,IAAI,CAACG,GAAG,GACNP,KAAK,CAACQ,EAAE,IAAK,CAACR,KAAK,CAACS,MAAM,IAAIT,KAAK,CAACU,OAAO,KAAKnC,YAAY,CAAC,CAAE;IACjE,IAAI,CAACoC,IAAI,GAAGzC,KAAK,CAAC0C,SAAS,CAAC,CAAC;IAE7B,IAAI,CAACC,KAAK,GAAG;MAAET,YAAY,EAAE;IAAK,CAAC;EACrC;EAEAU,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACd,KAAK,CAACe,QAAQ,EAAE;MACvB,OAAO,IAAI,CAACf,KAAK,CAACe,QAAQ,KAAK,UAAU,GACrC,IAAI,CAACf,KAAK,CAACe,QAAQ,CAAC,IAAI,CAACJ,IAAI,CAACK,OAAO,CAAC,GACrC,IAAI,CAAChB,KAAK,CAACe,QAAQ,CAACC,OAAO,GAAG,IAAI,CAACL,IAAI,CAACK,OAAQ;IACvD;IACA,IAAI,IAAI,CAAChB,KAAK,CAACiB,SAAS,EAAE;MACxB,OAAO,IAAI,CAACjB,KAAK,CAACe,QAAQ,KAAK,UAAU,GACrC,IAAI,CAACf,KAAK,CAACiB,SAAS,CAAC,IAAI,CAACN,IAAI,CAACK,OAAO,CAAC,GACtC,IAAI,CAAChB,KAAK,CAACiB,SAAS,CAACD,OAAO,GAAG,IAAI,CAACL,IAAI,CAACK,OAAQ;IACxD;EACF;EAaAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,oBAAA;IAEP,MAAMvB,KAAK,GAAGvB,sCAAsC,CAClD,IAAI,CAACuB,KAAK,EACVH,MAAM,CAAC2B,YAAY,EACnB;MAAEC,QAAQ,GAAAN,aAAA,GAAE,IAAI,CAACO,OAAO,cAAAP,aAAA,uBAAZA,aAAA,CAAcM;IAAS,CAAC,EAEpCvC,oBAAoB,EAAAkC,cAAA,GAAC,IAAI,CAACM,OAAO,cAAAN,cAAA,uBAAZA,cAAA,CAAcO,OAAO,CAAC,EAC3CzC,oBAAoB,EAAAmC,cAAA,GAAC,IAAI,CAACK,OAAO,cAAAL,cAAA,uBAAZA,cAAA,CAAcO,WAAW,CAAC,EAC/C,IAAI,CAACF,OAAO,CAAC7B,MACf,CAAC;IAED,MAAM;QACJgC,SAAS;QACTlC,OAAO;QACPmC,IAAI;QACJC,KAAK;QACLC,cAAc;QACdtB,OAAO;QACPD,MAAM;QACNwB,YAAY;QACZC,YAAY;QACZC,mBAAmB;QACnBC,YAAY;QACZ5B,EAAE;QACF6B,QAAQ;QACRC,IAAI,EAAEC,KAAK;QACXC,IAAI,EAAEC,KAAK;QACXC,aAAa;QACbC,SAAS;QACTC,IAAI;QACJC,QAAQ;QACRC,OAAO;QACPrB,QAAQ;QACRsB,OAAO;QACP9B,SAAS;QACTF;MAEF,CAAC,GAAGf,KAAK;MADJgD,UAAU,GAAAC,wBAAA,CACXjD,KAAK,EAAAkD,SAAA;IAET,MAAMC,UAAU,GAAGvE,cAAc,CAAC6B,MAAM,CAAC;IAEzC,IAAI;MAAE6B,IAAI;MAAEE;IAAK,CAAC,GAAGxC,KAAK;IAC1B,IAAIoD,WAAW,GAAGzD,OAAO;IACzB,IAAI0D,QAAQ,GAAGvB,IAAI;IACnB,IAAIwB,QAAQ,GAAGX,SAAS;IACxB,MAAMY,OAAO,GAAG1D,MAAM,CAACE,UAAU,CAAC,IAAI,CAACC,KAAK,CAAC;IAE7C,IACEL,OAAO,KAAK,UAAU,KACrB2C,IAAI,IAAIiB,OAAO,CAAC,IACjB,CAACf,IAAI,IACLA,IAAI,KAAK,KAAK,EACd;MACAlE,IAAI,CACD;AACT,wFACM,CAAC;IACH;IAGA,MAAMkF,UAAU,GAAGC,OAAO,CAAC,CAACnB,IAAI,IAAI,CAACiB,OAAO,IAAIf,IAAI,CAAC;IACrD,IAAIgB,UAAU,EAAE;MACd,IAAI,CAACJ,WAAW,EAAE;QAChBA,WAAW,GAAG,WAAW;MAC3B;MACA,IAAI,CAACE,QAAQ,KAAKD,QAAQ,KAAK,SAAS,IAAIA,QAAQ,KAAK,OAAO,CAAC,EAAE;QACjEC,QAAQ,GAAG,QAAQ;MACrB;MACA,IAAI,CAACD,QAAQ,EAAE;QACbA,QAAQ,GAAG,QAAQ;MACrB;IACF,CAAC,MAAM,IAAIE,OAAO,EAAE;MAClB,IAAI,CAACH,WAAW,EAAE;QAChBA,WAAW,GAAG,SAAS;MACzB;MACA,IAAI,CAACC,QAAQ,EAAE;QACbA,QAAQ,GAAG,SAAS;MACtB;IACF;IACA,IAAI,CAACC,QAAQ,IAAI3D,OAAO,KAAK,UAAU,IAAI+C,aAAa,KAAK,KAAK,EAAE;MAClEY,QAAQ,GAAG,QAAQ;IACrB;IAEA,MAAMI,OAAO,GAAGX,OAAO,GACnBA,OAAO,GACP/C,KAAK,CAAC2D,IAAI,IAAI3D,KAAK,CAAC4D,EAAE,GACtBvE,MAAM,GACN,QAAQ;IACZ,IAAIqE,OAAO,KAAKrE,MAAM,EAAE;MACtB2D,UAAU,CAACa,SAAS,GAAG,IAAI;MAC3B,IAAItE,WAAW,CAACS,KAAK,CAAC8D,MAAM,EAAE9D,KAAK,CAAC2D,IAAI,CAAC,IAAI,CAACnB,IAAI,EAAE;QAClDA,IAAI,GAAGhD,MAAM;MACf;IACF;IAEA,MAAMuE,OAAO,GAAG3F,UAAU,2BAETgF,WAAW,IAAI,SAAU,IAOxC,CAACd,IAAI,IAAIiB,OAAO,IAAIvB,cAAc,KAAK,sBAAsB,EAI7D/C,mBAAmB,CACjBU,OAAO,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,EACzC8B,QAAQ,EACR,IAAI,CAACC,OACP,CAAC,EACD3C,oBAAoB,CAACiB,KAAK,CAAC,EAC3B6B,SAAS,GACT7B,KAAK,CAAC2D,IAAI,IAAI3D,KAAK,CAAC4D,EAAE,KAAG,EAAE,EAd3BpB,IAAI,IAAK,6BAA4BE,aAAa,2BAE1CY,QAAQ,6BAA6BA,QAAS,UALtDD,QAAQ,IAAIA,QAAQ,KAAK,SAAS,IAAK,oBAAmBA,QAAS,EAAC,IAAA/B,cAAA,GACpE,IAAI,CAACI,OAAO,cAAAJ,cAAA,wBAAAC,oBAAA,GAAZD,cAAA,CAAc0C,KAAK,cAAAzC,oBAAA,uBAAnBA,oBAAA,CAAqB0C,cAAc,KAChC,gCAA+B,EAElCzF,MAAM,CAACsE,OAAO,CAAC,IAAI,qBAAqB,EAIxCF,IAAI,IAAI,kBAAkB,EAC1BnC,MAAM,IAAK,uBAAsBwB,YAAa,EAAC,EAS/CyB,OAAO,KAAKrE,MAAM,IAAI,sBACxB,CAAC;IAED,MAAM6E,MAAM,GAAAC,aAAA;MACVtC,SAAS,EAAEkC,OAAO;MAClBhC,KAAK;MACLvB,EAAE,EAAE,IAAI,CAACD,GAAG;MACZ8B,QAAQ,EAAE7D,MAAM,CAAC6D,QAAQ;IAAC,GACvBW,UAAU,CACd;IAED,IAAI,IAAI,CAAChD,KAAK,CAACoE,QAAQ,IAAI,IAAI,CAACpE,KAAK,CAACqE,OAAO,EAAE;MAC7CH,MAAM,CAACG,OAAO,GAAG,IAAI,CAACC,cAAc;IACtC;IAEA,IAAIZ,OAAO,KAAKrE,MAAM,IAAI,CAAC6E,MAAM,CAACK,IAAI,EAAE;MACtCL,MAAM,CAACK,IAAI,GAAGL,MAAM,CAACK,IAAI,KAAK,EAAE,GAAGC,SAAS,GAAG,QAAQ;IACzD;IAEAxF,qBAAqB,CAACkF,MAAM,EAAEzC,QAAQ,EAAE,IAAI,CAACC,OAAO,CAAC;IAGrDhD,qBAAqB,CAAC,IAAI,CAACsB,KAAK,EAAEkE,MAAM,CAAC;IAEzC,OACEhG,KAAA,CAAAuG,aAAA,CAAAvG,KAAA,CAAAwG,QAAA,QACExG,KAAA,CAAAuG,aAAA,CAACf,OAAO,EAAAiB,QAAA;MAACC,GAAG,EAAE,IAAI,CAACjE;IAAK,GAAKuD,MAAM,GACjChG,KAAA,CAAAuG,aAAA,CAACI,OAAO,EAAAF,QAAA,KACF,IAAI,CAAC3E,KAAK;MACdwC,IAAI,EAAEA,IAAK;MACXG,SAAS,EAAEW,QAAS;MACpBC,OAAO,EAAEjB,IAAI,IAAIiB,OAAQ;MACzBvB,cAAc,EAAEA,cAAe;MAC/BwB,UAAU,EAAEA,UAAW;MACvB/B,QAAQ,EAAEjD,MAAM,CAACiD,QAAQ;IAAE,EAC5B,CACM,CAAC,EAET,IAAI,CAACZ,KAAK,CAACT,YAAY,EAExBlC,KAAA,CAAAuG,aAAA,CAACrF,UAAU,EAAAuF,QAAA;MACTG,IAAI,EAAE3B,UAAW;MACjB3C,EAAE,EAAE,IAAI,CAACD,GAAG,GAAG,cAAe;MAC9B6B,YAAY,EAAEA,YAAa;MAC3B2C,KAAK,EAAEzC,IAAK;MACZA,IAAI,EAAE7B,MAAO;MACbI,KAAK,EAAEoB,YAAa;MACpB+C,OAAO,EAAE,IAAI,CAACzE,GAAG,GAAG,SAAU;MAC9B0E,YAAY,EAAE9C,mBAAoB;MAClCV,QAAQ,EAAEA;IAAS,GACfS,YAAY,CACjB,CAAC,EAEDxB,OAAO,IAAI,IAAI,CAACC,IAAI,IACnBzC,KAAA,CAAAuG,aAAA,CAAChF,OAAO;MACNe,EAAE,EAAE,IAAI,CAACD,GAAG,GAAG,UAAW;MAC1B2E,aAAa,EAAE,IAAI,CAACvE,IAAK;MACzBD,OAAO,EAAEA;IAAQ,CAClB,CAEH,CAAC;EAEP;AACF;AAACR,eAAA,CA7NoBL,MAAM,iBACJxB,OAAO;AA8N9B8G,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAxF,MAAM,CAACyF,SAAS,GAAAnB,aAAA,CAAAA,aAAA;EACd7B,IAAI,EAAEnE,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACsH,IAAI,CAAC,CAAC;EAC7DlB,IAAI,EAAEpG,SAAS,CAACqH,MAAM;EACtBzD,KAAK,EAAE5D,SAAS,CAACsH,IAAI;EACrB9F,OAAO,EAAED,qBAAqB,CAACC,OAAO;EACtCmC,IAAI,EAAE3D,SAAS,CAACyB,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EAC9D4C,IAAI,EAAErE,SAAS,CAACoH,SAAS,CAAC,CACxBpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACsH,IAAI,EACdtH,SAAS,CAACuH,IAAI,CACf,CAAC;EACFhD,aAAa,EAAEvE,SAAS,CAACyB,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;EACxD+C,SAAS,EAAExE,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACwH,MAAM,CAAC,CAAC;EACpEjF,OAAO,EAAEvC,SAAS,CAACoH,SAAS,CAAC,CAC3BpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACuH,IAAI,EACdvH,SAAS,CAACsH,IAAI,CACf,CAAC;EACFhF,MAAM,EAAEtC,SAAS,CAACoH,SAAS,CAAC,CAC1BpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACyH,IAAI,EACdzH,SAAS,CAACuH,IAAI,EACdvH,SAAS,CAACsH,IAAI,CACf,CAAC;EACFxD,YAAY,EAAE9D,SAAS,CAACqH,MAAM;EAC9BtD,YAAY,EAAE/D,SAAS,CAAC0H,MAAM;EAC9B1D,mBAAmB,EAAEhE,SAAS,CAACoH,SAAS,CAAC,CACvCpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACyH,IAAI,CACf,CAAC;EACFxD,YAAY,EAAEjE,SAAS,CAAC2H,KAAK,CAAC;IAC5BtF,EAAE,EAAErC,SAAS,CAACqH,MAAM;IACpBO,OAAO,EAAE5H,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACsH,IAAI,CAAC;EACjE,CAAC,CAAC;EACFjF,EAAE,EAAErC,SAAS,CAACqH,MAAM;EACpB7B,IAAI,EAAExF,SAAS,CAACqH,MAAM;EACtB1B,MAAM,EAAE3F,SAAS,CAACqH,MAAM;EACxBQ,GAAG,EAAE7H,SAAS,CAACqH,MAAM;EACrB5B,EAAE,EAAEzF,SAAS,CAACoH,SAAS,CAAC,CACtBpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAAC0H,MAAM,EAChB1H,SAAS,CAACuH,IAAI,CACf,CAAC;EACF1D,cAAc,EAAE7D,SAAS,CAACsH,IAAI;EAC9B7C,IAAI,EAAEzE,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACyH,IAAI,CAAC,CAAC;EAC7D/C,QAAQ,EAAE1E,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACyH,IAAI,CAAC,CAAC;EACjE9C,OAAO,EAAE3E,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACyH,IAAI,CAAC,CAAC;EAChEnE,QAAQ,EAAEtD,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACyH,IAAI,CAAC,CAAC;EACjEvD,QAAQ,EAAElE,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACyH,IAAI,CAAC,CAAC;EACjE3E,SAAS,EAAE9C,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAAC0H,MAAM,EAAE1H,SAAS,CAACuH,IAAI,CAAC,CAAC;EAElE7D,SAAS,EAAE1D,SAAS,CAACqH,MAAM;EAC3BzE,QAAQ,EAAE5C,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAAC0H,MAAM,EAAE1H,SAAS,CAACuH,IAAI,CAAC,CAAC;EACjEO,QAAQ,EAAE9H,SAAS,CAACoH,SAAS,CAAC,CAC5BpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACuH,IAAI,EACdvH,SAAS,CAACsH,IAAI,CACf,CAAC;EACF1C,OAAO,EAAE5E,SAAS,CAACoH,SAAS,CAAC,CAC3BpH,SAAS,CAACuH,IAAI,EACdvH,SAAS,CAAC0H,MAAM,EAChB1H,SAAS,CAACsH,IAAI,CACf;AAAC,GAEC3G,gBAAgB;EAEnBsF,QAAQ,EAAEjG,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACuH,IAAI,CAAC;AAAC,EAClE;AAED7F,MAAM,CAAC2B,YAAY,GAAG;EACpB+C,IAAI,EAAE,IAAI;EACVjC,IAAI,EAAE,IAAI;EACV3C,OAAO,EAAE,IAAI;EACbmC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE,IAAI;EACXS,IAAI,EAAE,IAAI;EACVE,aAAa,EAAE,OAAO;EACtBC,SAAS,EAAE,IAAI;EACfgB,IAAI,EAAE,IAAI;EACVG,MAAM,EAAE,IAAI;EACZkC,GAAG,EAAE,IAAI;EACTpC,EAAE,EAAE,IAAI;EACRpD,EAAE,EAAE,IAAI;EACRwB,cAAc,EAAE,IAAI;EACpBY,IAAI,EAAE,IAAI;EACVC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbrB,QAAQ,EAAE,IAAI;EACdY,QAAQ,EAAE,IAAI;EACd3B,OAAO,EAAE,IAAI;EACbD,MAAM,EAAE,IAAI;EACZwB,YAAY,EAAE,OAAO;EACrBC,YAAY,EAAE,IAAI;EAClBC,mBAAmB,EAAE,IAAI;EACzBC,YAAY,EAAE,IAAI;EAClBnB,SAAS,EAAE,IAAI;EAEfY,SAAS,EAAE,IAAI;EACfd,QAAQ,EAAE,IAAI;EACdkF,QAAQ,EAAE,IAAI;EACdlD,OAAO,EAAE,IAAI;EAEbqB,QAAQ,EAAE;AACZ,CAAC;AAED,SAASS,OAAOA,CAAAlE,IAAA,EASb;EAAA,IATc;IACfoB,KAAK;IACLwB,OAAO;IACPvB,cAAc;IACdQ,IAAI;IACJG,SAAS;IACTE,QAAQ;IACRpB,QAAQ;IACR+B;EACF,CAAC,GAAA7C,IAAA;EACC,OACEzC,KAAA,CAAAuG,aAAA,CAAAvG,KAAA,CAAAwG,QAAA,QACGlG,MAAM,CAACqE,QAAQ,CAAC,KAAAqD,KAAA,KAAAA,KAAA,GACfhI,KAAA,CAAAuG,aAAA;IAAM0B,GAAG,EAAC,iBAAiB;IAACtE,SAAS,EAAC;EAAsB,CAAE,CAAC,EAChE,EAEAG,cAAc,IACb9D,KAAA,CAAAuG,aAAA,CAACvG,KAAK,CAACwG,QAAQ;IAACyB,GAAG,EAAC;EAAuB,GACxCnE,cACa,CACjB,EAEAuB,OAAO,IACNrF,KAAA,CAAAuG,aAAA,CAAAvG,KAAA,CAAAwG,QAAA,QAAA0B,MAAA,KAAAA,MAAA,GACElI,KAAA,CAAAuG,aAAA;IACE0B,GAAG,EAAC,kBAAkB;IACtBtE,SAAS,EAAC,uBAAuB;IACjC;EAAW,GACZ,QAEK,CAAC,GACP3D,KAAA,CAAAuG,aAAA;IACE0B,GAAG,EAAC,aAAa;IACjBtE,SAAS,EAAC;EAA0C,GAEnD0B,OACG,CACN,CACH,EAMC,CAACA,OAAO,IAAIf,IAAI,KAAA6D,MAAA,KAAAA,MAAA,GACdnI,KAAA,CAAAuG,aAAA;IACE0B,GAAG,EAAC,kBAAkB;IACtBtE,SAAS,EAAC,uBAAuB;IACjC;EAAW,GACZ,QAEK,CAAC,EACR,EAGFW,IAAI,KACFlD,QAAQ,CAACkD,IAAI,EAAE,kBAAkB,CAAC,IACjCtE,KAAA,CAAAuG,aAAA,CAACtF,WAAW;IACVgH,GAAG,EAAC,aAAa;IACjBtE,SAAS,EAAC,kBAAkB;IAC5BW,IAAI,EAAEA,IAAK;IACXV,IAAI,EAAEa,SAAU;IAChB,eAAaa,UAAU,IAAI,CAACzB,KAAK,GAAG,IAAI,GAAG,IAAK;IAChDN,QAAQ,EAAEA;EAAS,CACpB,CACF,CACH,CAAC;AAEP;AAEA0D,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAR,OAAO,CAACS,SAAS,GAAG;EAClBvD,KAAK,EAAE5D,SAAS,CAACsH,IAAI;EACrBzD,cAAc,EAAE7D,SAAS,CAACsH,IAAI;EAC9BlC,OAAO,EAAEpF,SAAS,CAACoH,SAAS,CAAC,CAC3BpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACmI,KAAK,EACfnI,SAAS,CAACsH,IAAI,CACf,CAAC;EACFjD,IAAI,EAAErE,SAAS,CAACoH,SAAS,CAAC,CACxBpH,SAAS,CAACqH,MAAM,EAChBrH,SAAS,CAACsH,IAAI,EACdtH,SAAS,CAACuH,IAAI,CACf,CAAC;EACF/C,SAAS,EAAExE,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACwH,MAAM,CAAC,CAAC;EACpE9C,QAAQ,EAAE1E,SAAS,CAACoH,SAAS,CAAC,CAACpH,SAAS,CAACqH,MAAM,EAAErH,SAAS,CAACyH,IAAI,CAAC,CAAC;EACjEnE,QAAQ,EAAEtD,SAAS,CAACyH,IAAI;EACxBpC,UAAU,EAAErF,SAAS,CAACyH;AACxB,CAAC;AAEDf,OAAO,CAACrD,YAAY,GAAG;EACrBQ,cAAc,EAAE,IAAI;EACpBD,KAAK,EAAE,IAAI;EACXwB,OAAO,EAAE,IAAI;EACbf,IAAI,EAAE,IAAI;EACVG,SAAS,EAAE,SAAS;EACpBE,QAAQ,EAAE,IAAI;EACdpB,QAAQ,EAAE,IAAI;EACd+B,UAAU,EAAE;AACd,CAAC;AAED3D,MAAM,CAAC0G,YAAY,GAAG,IAAI;AAC1B1G,MAAM,CAAC2G,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Button.js","names":["React","PropTypes","classnames","Context","warn","makeUniqueId","isTrue","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","dispatchCustomElementEvent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","pickFormElementProps","IconPrimary","FormStatus","Anchor","pickIcon","opensNewTab","launch","Tooltip","buttonVariantPropType","variant","oneOf","Button","PureComponent","getContent","props","constructor","_defineProperty","event","afterContent","isValidElement","setState","_id","id","status","tooltip","_ref","createRef","state","componentDidMount","innerRef","current","inner_ref","render","_this$context","_this$context2","_this$context3","_this$context4","_this$context4$theme","defaultProps","skeleton","context","FormRow","formElement","class","classProp","className","size","title","custom_content","status_state","status_props","status_no_animation","globalStatus","disabled","text","_text","icon","_icon","icon_position","icon_size","wrap","bounding","stretch","element","attributes","_objectWithoutProperties","_excluded","showStatus","usedVariant","usedSize","iconSize","content","isIconOnly","Boolean","Element","href","to","omitClass","target","classes","theme","darkBackground","params","_objectSpread","on_click","onClick","onClickHandler","type","undefined","createElement","Fragment","_extends","ref","Content","show","label","text_id","no_animation","targetElement","process","env","NODE_ENV","propTypes","oneOfType","string","node","func","number","bool","object","shape","message","rel","children","_span","key","_span2","_span3","array","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/button/Button.js"],"sourcesContent":["/**\n * Web Button Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  warn,\n  makeUniqueId,\n  isTrue,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  getStatusState,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport FormStatus from '../form-status/FormStatus'\nimport Anchor, { pickIcon, opensNewTab } from '../anchor/Anchor'\nimport { launch } from '../../icons'\nimport Tooltip from '../tooltip/Tooltip'\n\nexport const buttonVariantPropType = {\n  variant: PropTypes.oneOf([\n    'primary',\n    'secondary',\n    'tertiary',\n    'signal',\n\n    /**\n     * For internal use only (as of now)\n     */\n    'unstyled',\n  ]),\n}\n\n/**\n * The button component should be used as the call-to-action in a form, or as a user interaction mechanism. Generally speaking, a button should not be used when a link would do the trick. Exceptions are made at times when it is used as a navigation element in the action-nav element.\n */\nexport default class Button extends React.PureComponent {\n  static contextType = Context\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._id =\n      props.id || ((props.status || props.tooltip) && makeUniqueId()) // cause we need an id anyway\n    this._ref = React.createRef()\n\n    this.state = { afterContent: null }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._ref.current)\n        : (this.props.innerRef.current = this._ref.current)\n    }\n    if (this.props.inner_ref) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.inner_ref(this._ref.current)\n        : (this.props.inner_ref.current = this._ref.current)\n    }\n  }\n\n  onClickHandler = (event) => {\n    const afterContent = dispatchCustomElementEvent(this, 'on_click', {\n      event,\n    })\n    if (afterContent && React.isValidElement(afterContent)) {\n      this.setState({\n        afterContent,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Button.defaultProps,\n      { skeleton: this.context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.Button\n    )\n\n    const {\n      class: classProp, // @deprecated – can be removed in v11\n      className,\n      variant,\n      size,\n      title,\n      custom_content,\n      tooltip,\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      id, // eslint-disable-line\n      disabled,\n      text: _text, // eslint-disable-line\n      icon: _icon, // eslint-disable-line\n      icon_position,\n      icon_size,\n      wrap,\n      bounding, // eslint-disable-line\n      stretch,\n      skeleton,\n      element,\n      inner_ref, // eslint-disable-line\n      innerRef, // eslint-disable-line\n      ...attributes\n    } = props\n\n    const showStatus = getStatusState(status)\n\n    let { text, icon } = props\n    let usedVariant = variant\n    let usedSize = size\n    let iconSize = icon_size\n    const content = Button.getContent(this.props)\n\n    if (\n      variant === 'tertiary' &&\n      (text || content) &&\n      !icon &&\n      icon !== false\n    ) {\n      warn(\n        `Icon required: A Tertiary Button requires an icon to be WCAG compliant in most cases, because variant tertiary has no underline.\n(Override this warning using icon={false}, or consider using one of the other variants)`\n      )\n    }\n\n    // if only has Icon, then resize it and define it as secondary\n    const isIconOnly = Boolean(!text && !content && icon)\n    if (isIconOnly) {\n      if (!usedVariant) {\n        usedVariant = 'secondary'\n      }\n      if (!iconSize && (usedSize === 'default' || usedSize === 'large')) {\n        iconSize = 'medium'\n      }\n      if (!usedSize) {\n        usedSize = 'medium'\n      }\n    } else if (content) {\n      if (!usedVariant) {\n        usedVariant = 'primary'\n      }\n      if (!usedSize) {\n        usedSize = 'default'\n      }\n    }\n    if (!iconSize && variant === 'tertiary' && icon_position === 'top') {\n      iconSize = 'medium'\n    }\n\n    const Element = element\n      ? element\n      : props.href || props.to\n      ? Anchor\n      : 'button'\n    if (Element === Anchor) {\n      attributes.omitClass = true\n      if (opensNewTab(props.target, props.href) && !icon) {\n        icon = launch\n      }\n    }\n\n    const classes = classnames(\n      'dnb-button',\n      `dnb-button--${usedVariant || 'primary'}`,\n      usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`,\n      this.context?.theme?.darkBackground &&\n        `dnb-button--on-dark-background`,\n      icon && `dnb-button--icon-position-${icon_position}`,\n      isTrue(stretch) && 'dnb-button--stretch',\n      icon && iconSize && `dnb-button--icon-size-${iconSize}`,\n      (text || content || custom_content) && 'dnb-button--has-text',\n      icon && 'dnb-button--has-icon',\n      wrap && 'dnb-button--wrap',\n      status && `dnb-button__status--${status_state}`,\n      createSkeletonClass(\n        variant === 'tertiary' ? 'font' : 'shape',\n        skeleton,\n        this.context\n      ),\n      createSpacingClasses(props),\n      classProp, // @deprecated – can be removed in v11\n      className,\n      props.href || props.to ? '' : null, // dnb-anchor--no-underline dnb-anchor--no-hover\n      Element === Anchor && 'dnb-anchor--no-style'\n    )\n\n    const params = {\n      className: classes,\n      title,\n      id: this._id,\n      disabled: isTrue(disabled),\n      ...attributes,\n    }\n\n    if (this.props.on_click || this.props.onClick) {\n      params.onClick = this.onClickHandler\n    }\n\n    if (Element !== Anchor && !params.type) {\n      params.type = params.type === '' ? undefined : 'button'\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <>\n        <Element ref={this._ref} {...params}>\n          <Content\n            {...this.props}\n            icon={icon}\n            icon_size={iconSize}\n            content={text || content}\n            custom_content={custom_content}\n            isIconOnly={isIconOnly}\n            skeleton={isTrue(skeleton)}\n          />\n        </Element>\n\n        {this.state.afterContent}\n\n        <FormStatus\n          show={showStatus}\n          id={this._id + '-form-status'}\n          globalStatus={globalStatus}\n          label={text}\n          text={status}\n          state={status_state}\n          text_id={this._id + '-status'} // used for \"aria-describedby\"\n          no_animation={status_no_animation}\n          skeleton={skeleton}\n          {...status_props}\n        />\n\n        {tooltip && this._ref && (\n          <Tooltip\n            id={this._id + '-tooltip'}\n            targetElement={this._ref}\n            tooltip={tooltip}\n          />\n        )}\n      </>\n    )\n  }\n}\n\nButton.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  type: PropTypes.string,\n  title: PropTypes.node,\n  variant: buttonVariantPropType.variant,\n  size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.func,\n  ]),\n  icon_position: PropTypes.oneOf(['left', 'right', 'top']),\n  icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  tooltip: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  status: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  status_state: PropTypes.string,\n  status_props: PropTypes.object,\n  status_no_animation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  globalStatus: PropTypes.shape({\n    id: PropTypes.string,\n    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  }),\n  id: PropTypes.string,\n  href: PropTypes.string,\n  target: PropTypes.string,\n  rel: PropTypes.string,\n  to: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object,\n    PropTypes.func,\n  ]),\n  custom_content: PropTypes.node,\n  wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n  className: PropTypes.string,\n  /**\n   * @deprecated – use className instead. Will be removed in v11.\n   */\n  class: PropTypes.string,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  element: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.object,\n    PropTypes.node,\n  ]),\n\n  ...spacingPropTypes,\n\n  on_click: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n}\n\nButton.defaultProps = {\n  type: null, // set the type because of the anchor/href situation – can be made more smart in future\n  text: null,\n  variant: null,\n  size: null,\n  title: null,\n  icon: null,\n  icon_position: 'right',\n  icon_size: null,\n  href: null,\n  target: null,\n  rel: null,\n  to: null,\n  id: null,\n  custom_content: null,\n  wrap: null,\n  bounding: null,\n  stretch: null,\n  skeleton: null,\n  disabled: null,\n  tooltip: null,\n  status: null,\n  status_state: 'error',\n  status_props: null,\n  status_no_animation: null,\n  globalStatus: null,\n  inner_ref: null,\n\n  className: null,\n  /**\n   * @deprecated – use className instead. Will be removed in v11.\n   */\n  class: null,\n  innerRef: null,\n  children: null,\n  element: null,\n\n  on_click: null,\n}\n\nfunction Content({\n  title,\n  content,\n  custom_content,\n  icon,\n  icon_size,\n  bounding,\n  skeleton,\n  isIconOnly,\n}) {\n  return (\n    <>\n      {isTrue(bounding) && (\n        <span key=\"button-bounding\" className=\"dnb-button__bounding\" />\n      )}\n\n      {custom_content && (\n        <React.Fragment key=\"button-custom-content\">\n          {custom_content}\n        </React.Fragment>\n      )}\n\n      {content && (\n        <>\n          <span\n            key=\"button-alignment\"\n            className=\"dnb-button__alignment\"\n            aria-hidden\n          >\n            &zwnj;\n          </span>\n          <span\n            key=\"button-text\"\n            className=\"dnb-button__text dnb-skeleton--show-font\"\n          >\n            {content}\n          </span>\n        </>\n      )}\n\n      {\n        // on empty text, use a zero-width non-joiner\n        // so the icon button gets vertical aligned\n        // we need the dnb-button__text for alignment\n        !content && icon && (\n          <span\n            key=\"button-alignment\"\n            className=\"dnb-button__alignment\"\n            aria-hidden\n          >\n            &zwnj;\n          </span>\n        )\n      }\n\n      {icon &&\n        (pickIcon(icon, 'dnb-button__icon') || (\n          <IconPrimary\n            key=\"button-icon\"\n            className=\"dnb-button__icon\"\n            icon={icon}\n            size={icon_size}\n            aria-hidden={isIconOnly && !title ? null : true}\n            skeleton={skeleton}\n          />\n        ))}\n    </>\n  )\n}\n\nContent.propTypes = {\n  title: PropTypes.node,\n  custom_content: PropTypes.node,\n  content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.array,\n    PropTypes.node,\n  ]),\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.func,\n  ]),\n  icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.bool,\n  isIconOnly: PropTypes.bool,\n}\n\nContent.defaultProps = {\n  custom_content: null,\n  title: null,\n  content: null,\n  icon: null,\n  icon_size: 'default',\n  bounding: null,\n  skeleton: null,\n  isIconOnly: null,\n}\n\nButton._formElement = true\nButton._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/modal/Modal.js

@@ -344,7 +344,7 @@ class Modal extends React.PureComponent {
         title: title,
         onClick: this.toggleOpenClose,
         innerRef: this._triggerRef,
-        className: classnames('dnb-modal__trigger', createSpacingClasses(props), triggerAttributes.className)
+        className: classnames('dnb-modal__trigger', createSpacingClasses(props), triggerAttributes.className, triggerAttributes.class)
       })), modalActive && modal_content && React.createElement(ModalRoot, _extends({}, rest, {
         id: this._id,
         root_id: root_id,

package/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","classnames","SuffixContext","Context","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","processChildren","dispatchCustomElementEvent","createSpacingClasses","HelpButtonInstance","getListOfModalRoots","getModalRoot","ModalInner","ModalHeader","ModalHeaderBar","CloseButton","ModalRoot","classWithCamelCaseProps","ANIMATION_DURATION","Modal","PureComponent","getContent","props","modal_content","getDerivedStateFromProps","state","window","animation_duration","no_animation","open_state","_open_state","hide","modalActive","constructor","_this","this","_defineProperty","preventAutoFocus","event","arguments","length","undefined","showModal","preventDefault","toggleNow","timeoutDuration","parseFloat","isInTransition","doItNow","setState","handleSideEffects","_closeTimeout","setTimeout","waitBeforeOpen","open_delay","delay","_openTimeout","clearTimeout","open_modal","fn","_onUnmount","push","close_modal","toggleOpenClose","setActiveState","_id","_this$_triggerRef","focus","elem","setAttribute","preventScroll","Promise","resolve","removeAttribute","String","_triggerRef","current","activeElement","HTMLElement","then","e","removeActiveState","ifIsLatest","triggeredBy","prevent_close","id","close","list","last","createRef","componentDidMount","openBasedOnStateUpdate","componentWillUnmount","forEach","componentDidUpdate","prevProps","document","documentElement","modalId","render","visualTestsPropsOverride","defaultProps","context","getTranslation","root_id","content_id","disabled","labelled_by","focus_selector","header_content","bar_content","bypass_invalidation_selectors","omit_trigger_button","trigger","trigger_attributes","rest","_objectWithoutProperties","_excluded","children","Object","freeze","_objectSpread","suffixProps","triggerAttributes","hidden","variant","icon_position","fallbackTitle","title","translation","HelpButton","TriggerButton","text","createElement","Fragment","_extends","onClick","innerRef","className","Consumer","spacing","dialog_title","close_title","hide_close_button","close_button_attributes","prevent_core_style","no_animation_on_mobile","fullscreen","min_width","max_width","align_content","container_placement","direct_dom_return","on_open","on_close","on_close_prevent","overlay_class","content_class","OriginalComponent"],"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SuffixContext } from '../../shared/helpers/Suffix'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HelpButtonInstance from '../help-button/HelpButtonInstance'\nimport { getListOfModalRoots, getModalRoot } from './helpers'\nimport ModalInner from './parts/ModalInner'\nimport { ModalProps } from './types'\n\nimport ModalHeader from './parts/ModalHeader'\nimport ModalHeaderBar from './parts/ModalHeaderBar'\nimport { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView'\nimport CloseButton from './parts/CloseButton'\nimport ModalRoot from './ModalRoot'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n  classWithCamelCaseProps,\n  ToCamelCasePartial,\n} from '../../shared/helpers/withCamelCaseProps'\nimport type { ButtonProps } from '../button/Button'\n\nexport const ANIMATION_DURATION = 300\n\ninterface ModalState {\n  hide: boolean\n  modalActive: boolean\n  preventAutoFocus: boolean\n}\n\nexport type ModalPropTypes = ModalProps &\n  SpacingProps &\n  Omit<ScrollViewAllProps, 'children'>\n\nclass Modal extends React.PureComponent<\n  ModalPropTypes & ToCamelCasePartial<ModalPropTypes>,\n  ModalState\n> {\n  static contextType = Context\n\n  context!: ContextProps\n\n  static Bar = ModalHeaderBar\n  static Header = ModalHeader\n  static Content = ModalInner\n\n  static getContent(props) {\n    if (typeof props.modal_content === 'string') {\n      return props.modal_content\n    } else if (typeof props.modal_content === 'function') {\n      return props.modal_content(props)\n    }\n    return processChildren(props)\n  }\n\n  _id: string\n  _triggerRef: React.RefObject<any>\n  _onUnmount: Array<() => void>\n  _openTimeout: NodeJS.Timeout\n  _closeTimeout: NodeJS.Timeout\n  _sideEffectsTimeout: NodeJS.Timeout\n  _tryToOpenTimeout: NodeJS.Timeout\n  activeElement: Element\n  isInTransition: boolean\n\n  state = {\n    hide: false,\n    modalActive: false,\n    preventAutoFocus: true,\n    animation_duration: ANIMATION_DURATION,\n    no_animation: false,\n  }\n\n  static defaultProps = {\n    id: null,\n    focus_selector: null,\n    labelled_by: null,\n    title: null,\n    disabled: null,\n    spacing: true,\n    open_delay: null,\n    content_id: null,\n    dialog_title: 'Vindu',\n    close_title: 'Lukk', // Close Modal Window\n    hide_close_button: false,\n    close_button_attributes: null,\n    prevent_close: false,\n    prevent_core_style: false,\n    animation_duration: ANIMATION_DURATION,\n    no_animation: false,\n    no_animation_on_mobile: false,\n    fullscreen: 'auto',\n    min_width: null,\n    max_width: null,\n    align_content: 'left',\n    container_placement: null,\n    open_state: null,\n    direct_dom_return: false,\n    root_id: 'root',\n    omit_trigger_button: false,\n\n    className: null,\n    children: null,\n\n    on_open: null,\n    on_close: null,\n    on_close_prevent: null,\n    open_modal: null,\n    close_modal: null,\n\n    trigger: null,\n    trigger_attributes: null,\n\n    overlay_class: null,\n    content_class: null,\n\n    modal_content: null,\n    header_content: null,\n    bar_content: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (typeof window !== 'undefined' && window['IS_TEST']) {\n      state.animation_duration = 0\n      state.no_animation = true\n    } else {\n      state.animation_duration = props.animation_duration\n      state.no_animation = props.no_animation\n    }\n\n    if (props.open_state !== state._open_state) {\n      switch (props.open_state) {\n        case 'opened':\n        case true:\n          state.hide = false\n          if (isTrue(state.no_animation)) {\n            state.modalActive = true\n          }\n          break\n        case 'closed':\n        case false:\n          state.hide = true\n          if (isTrue(state.no_animation)) {\n            state.modalActive = false\n          }\n          break\n      }\n    }\n    state._open_state = props.open_state\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId('modal-')\n\n    this._triggerRef = React.createRef()\n\n    this._onUnmount = []\n  }\n\n  componentDidMount() {\n    this.openBasedOnStateUpdate()\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._openTimeout)\n    clearTimeout(this._closeTimeout)\n\n    this.removeActiveState()\n\n    this._onUnmount.forEach((fn) => {\n      if (typeof fn === 'function') {\n        fn()\n      }\n    })\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps !== this.props) {\n      this.openBasedOnStateUpdate()\n    }\n  }\n\n  openBasedOnStateUpdate() {\n    const { hide } = this.state\n    const { open_state } = this.props\n\n    if (!this.activeElement && typeof document !== 'undefined') {\n      this.activeElement = document.activeElement\n    }\n\n    if (!hide && (open_state === 'opened' || open_state === true)) {\n      this.toggleOpenClose(null, true)\n    } else if (hide && (open_state === 'closed' || open_state === false)) {\n      this.toggleOpenClose(null, false)\n    }\n  }\n\n  toggleOpenClose = (event = null, showModal = null) => {\n    if (event && event.preventDefault) {\n      event.preventDefault()\n    }\n\n    const toggleNow = () => {\n      const {\n        animation_duration = ANIMATION_DURATION,\n        no_animation = false,\n      } = this.state\n      const timeoutDuration =\n        typeof animation_duration === 'string'\n          ? parseFloat(animation_duration)\n          : animation_duration\n\n      const modalActive =\n        typeof showModal === 'boolean'\n          ? showModal\n          : !this.state.modalActive\n\n      this.isInTransition = true\n\n      const doItNow = () => {\n        this.setState(\n          {\n            hide: false,\n            modalActive,\n          },\n          () => {\n            this.isInTransition = false\n            this.handleSideEffects()\n          }\n        )\n      }\n\n      if (modalActive === false && !isTrue(no_animation)) {\n        this.setState({\n          hide: true,\n        })\n\n        this._closeTimeout = setTimeout(doItNow, timeoutDuration) // delay because of the animation\n      } else {\n        doItNow()\n      }\n    }\n\n    const waitBeforeOpen = () => {\n      const { open_delay } = this.props\n      const { no_animation } = this.state\n      const delay =\n        typeof open_delay === 'string'\n          ? parseFloat(open_delay)\n          : open_delay\n      if (delay > 0 && !isTrue(no_animation)) {\n        this._openTimeout = setTimeout(toggleNow, delay) // custom delay\n      } else {\n        toggleNow()\n      }\n    }\n\n    clearTimeout(this._closeTimeout)\n    clearTimeout(this._openTimeout)\n\n    const { open_modal } = this.props\n    if (typeof open_modal === 'function') {\n      const fn = open_modal(waitBeforeOpen, this)\n      if (fn) {\n        this._onUnmount.push(fn)\n      }\n    } else {\n      waitBeforeOpen()\n    }\n  }\n\n  handleSideEffects = () => {\n    const { modalActive, preventAutoFocus, animation_duration } =\n      this.state\n    const { close_modal, open_state } = this.props\n\n    if (modalActive) {\n      if (typeof close_modal === 'function') {\n        const fn = close_modal(() => {\n          this.toggleOpenClose(null, false)\n        }, this)\n        if (fn) {\n          this._onUnmount.push(fn)\n        }\n      }\n      this.setActiveState(this._id)\n    } else if (modalActive === false && !preventAutoFocus) {\n      const focus = (elem: HTMLElement) => {\n        // So we can omit showing a Tooltip on the trigger button\n        elem.setAttribute('data-autofocus', 'true')\n        elem.focus({ preventScroll: true })\n\n        return new Promise<void>((resolve) => {\n          setTimeout(\n            () => {\n              elem?.removeAttribute('data-autofocus')\n              resolve()\n            },\n            parseFloat(String(animation_duration)) / 3\n          )\n        })\n      }\n\n      if (this._triggerRef?.current) {\n        focus(this._triggerRef.current)\n      }\n\n      // because the open_state was set to opened, we force\n      if (\n        (open_state === 'opened' || open_state === true) &&\n        this.activeElement instanceof HTMLElement\n      ) {\n        try {\n          focus(this.activeElement).then(() => {\n            this.activeElement = null\n          })\n        } catch (e) {\n          //\n        }\n      }\n\n      this.removeActiveState()\n    }\n\n    if (preventAutoFocus) {\n      this.setState({ preventAutoFocus: false })\n    }\n  }\n\n  open = (e: Event) => {\n    this.toggleOpenClose(e, true)\n  }\n\n  close = (\n    event: Event,\n    { ifIsLatest, triggeredBy = null } = { ifIsLatest: true }\n  ) => {\n    const { prevent_close = false } = this.props\n\n    if (isTrue(prevent_close)) {\n      const id = this._id\n      dispatchCustomElementEvent(this, 'on_close_prevent', {\n        id,\n        event,\n        triggeredBy,\n        close: (e) => {\n          this.toggleOpenClose(e, false)\n        },\n      })\n    } else {\n      if (ifIsLatest) {\n        const list = getListOfModalRoots()\n        if (list.length > 1) {\n          const last = getModalRoot(-1)\n          if (last !== this) {\n            return // stop here\n          }\n        }\n      }\n\n      this.toggleOpenClose(event, false)\n    }\n  }\n\n  removeActiveState() {\n    const last = getModalRoot(-1)\n\n    // If this instance is not the last one,\n    // make the current one to as the active one\n    if (last?._id && last._id !== this._id) {\n      return this.setActiveState(last._id)\n    }\n\n    try {\n      document.documentElement.removeAttribute('data-dnb-modal-active')\n    } catch (e) {\n      warn('Modal: Error on remove \"data-dnb-modal-active\"', e)\n    }\n  }\n\n  /**\n   * Prevent scrolling on the background\n   * But checks if this instance was the last one or not\n   *\n   * @param {string} modalId Will remove the attribute if false is given\n   */\n  setActiveState(modalId: string) {\n    if (!modalId) {\n      warn('Modal: A valid modalId is required')\n    }\n    // prevent scrolling on the background\n    if (typeof document !== 'undefined') {\n      try {\n        document.documentElement.setAttribute(\n          'data-dnb-modal-active',\n          modalId\n        )\n      } catch (e) {\n        warn('Modal: Error on set \"data-dnb-modal-active\"', e)\n      }\n    }\n  }\n\n  render() {\n    const visualTestsPropsOverride =\n      typeof window !== 'undefined' && window['IS_TEST']\n        ? {\n            animation_duration: 0,\n            no_animation: true,\n          }\n        : {}\n\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Modal.defaultProps,\n      this.context.getTranslation(this.props).Modal,\n      this.context.Modal,\n      visualTestsPropsOverride\n    )\n\n    const {\n      root_id = 'root',\n      content_id = null,\n      disabled = null,\n      labelled_by = null,\n      focus_selector = null,\n      header_content = null,\n      bar_content = null,\n      bypass_invalidation_selectors = null,\n\n      id, // eslint-disable-line\n      open_state, // eslint-disable-line\n      open_delay, // eslint-disable-line\n\n      omit_trigger_button = false,\n      trigger = null,\n      trigger_attributes = null,\n      ...rest\n    } = props\n\n    const { hide, modalActive } = this.state\n    const modal_content = Modal.getContent(\n      typeof this.props.children === 'function'\n        ? Object.freeze({ ...this.props, close: this.close })\n        : this.props\n    )\n\n    const render = (suffixProps) => {\n      const triggerAttributes = {\n        hidden: false,\n        variant: 'secondary',\n        icon_position: 'left',\n        ...trigger_attributes,\n      } as ButtonProps\n\n      if (isTrue(disabled)) {\n        triggerAttributes.disabled = true\n      }\n\n      if (triggerAttributes.id) {\n        this._id = triggerAttributes.id\n      }\n\n      let fallbackTitle: string\n      if (triggerAttributes.title) {\n        fallbackTitle = triggerAttributes.title\n      }\n      // in case the modal is used in suffix and no title is given\n      // suffixProps.label is also available, so we could use that too\n      else if (suffixProps) {\n        fallbackTitle = this.context.translation.HelpButton.title\n      }\n\n      const TriggerButton = trigger\n        ? (trigger as React.FC)\n        : HelpButtonInstance\n\n      const title = (\n        !triggerAttributes.text ? rest.title || fallbackTitle : null\n      ) as string\n\n      return (\n        <>\n          {TriggerButton && !isTrue(omit_trigger_button) && (\n            <TriggerButton\n              {...triggerAttributes}\n              id={this._id}\n              title={title}\n              onClick={this.toggleOpenClose}\n              innerRef={this._triggerRef}\n              className={classnames(\n                'dnb-modal__trigger',\n                createSpacingClasses(props),\n                triggerAttributes.className\n              )}\n            />\n          )}\n\n          {modalActive && modal_content && (\n            <ModalRoot\n              {...rest}\n              id={this._id}\n              root_id={root_id}\n              content_id={content_id || `dnb-modal-${this._id}`}\n              labelled_by={labelled_by}\n              focus_selector={focus_selector}\n              modal_content={modal_content}\n              header_content={header_content}\n              bar_content={bar_content}\n              bypass_invalidation_selectors={bypass_invalidation_selectors}\n              close={this.close}\n              hide={hide}\n              title={rest.title || fallbackTitle}\n            />\n          )}\n        </>\n      )\n    }\n\n    return <SuffixContext.Consumer>{render}</SuffixContext.Consumer>\n  }\n}\n\nexport { CloseButton, Modal as OriginalComponent }\n\nexport default classWithCamelCaseProps(Modal)\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["React","classnames","SuffixContext","Context","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","processChildren","dispatchCustomElementEvent","createSpacingClasses","HelpButtonInstance","getListOfModalRoots","getModalRoot","ModalInner","ModalHeader","ModalHeaderBar","CloseButton","ModalRoot","classWithCamelCaseProps","ANIMATION_DURATION","Modal","PureComponent","getContent","props","modal_content","getDerivedStateFromProps","state","window","animation_duration","no_animation","open_state","_open_state","hide","modalActive","constructor","_this","this","_defineProperty","preventAutoFocus","event","arguments","length","undefined","showModal","preventDefault","toggleNow","timeoutDuration","parseFloat","isInTransition","doItNow","setState","handleSideEffects","_closeTimeout","setTimeout","waitBeforeOpen","open_delay","delay","_openTimeout","clearTimeout","open_modal","fn","_onUnmount","push","close_modal","toggleOpenClose","setActiveState","_id","_this$_triggerRef","focus","elem","setAttribute","preventScroll","Promise","resolve","removeAttribute","String","_triggerRef","current","activeElement","HTMLElement","then","e","removeActiveState","ifIsLatest","triggeredBy","prevent_close","id","close","list","last","createRef","componentDidMount","openBasedOnStateUpdate","componentWillUnmount","forEach","componentDidUpdate","prevProps","document","documentElement","modalId","render","visualTestsPropsOverride","defaultProps","context","getTranslation","root_id","content_id","disabled","labelled_by","focus_selector","header_content","bar_content","bypass_invalidation_selectors","omit_trigger_button","trigger","trigger_attributes","rest","_objectWithoutProperties","_excluded","children","Object","freeze","_objectSpread","suffixProps","triggerAttributes","hidden","variant","icon_position","fallbackTitle","title","translation","HelpButton","TriggerButton","text","createElement","Fragment","_extends","onClick","innerRef","className","class","Consumer","spacing","dialog_title","close_title","hide_close_button","close_button_attributes","prevent_core_style","no_animation_on_mobile","fullscreen","min_width","max_width","align_content","container_placement","direct_dom_return","on_open","on_close","on_close_prevent","overlay_class","content_class","OriginalComponent"],"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SuffixContext } from '../../shared/helpers/Suffix'\nimport Context, { ContextProps } from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HelpButtonInstance from '../help-button/HelpButtonInstance'\nimport { getListOfModalRoots, getModalRoot } from './helpers'\nimport ModalInner from './parts/ModalInner'\nimport { ModalProps } from './types'\n\nimport ModalHeader from './parts/ModalHeader'\nimport ModalHeaderBar from './parts/ModalHeaderBar'\nimport { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView'\nimport CloseButton from './parts/CloseButton'\nimport ModalRoot from './ModalRoot'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n  classWithCamelCaseProps,\n  ToCamelCasePartial,\n} from '../../shared/helpers/withCamelCaseProps'\nimport type { ButtonProps } from '../button/Button'\n\nexport const ANIMATION_DURATION = 300\n\ninterface ModalState {\n  hide: boolean\n  modalActive: boolean\n  preventAutoFocus: boolean\n}\n\nexport type ModalPropTypes = ModalProps &\n  SpacingProps &\n  Omit<ScrollViewAllProps, 'children'>\n\nclass Modal extends React.PureComponent<\n  ModalPropTypes & ToCamelCasePartial<ModalPropTypes>,\n  ModalState\n> {\n  static contextType = Context\n\n  context!: ContextProps\n\n  static Bar = ModalHeaderBar\n  static Header = ModalHeader\n  static Content = ModalInner\n\n  static getContent(props) {\n    if (typeof props.modal_content === 'string') {\n      return props.modal_content\n    } else if (typeof props.modal_content === 'function') {\n      return props.modal_content(props)\n    }\n    return processChildren(props)\n  }\n\n  _id: string\n  _triggerRef: React.RefObject<any>\n  _onUnmount: Array<() => void>\n  _openTimeout: NodeJS.Timeout\n  _closeTimeout: NodeJS.Timeout\n  _sideEffectsTimeout: NodeJS.Timeout\n  _tryToOpenTimeout: NodeJS.Timeout\n  activeElement: Element\n  isInTransition: boolean\n\n  state = {\n    hide: false,\n    modalActive: false,\n    preventAutoFocus: true,\n    animation_duration: ANIMATION_DURATION,\n    no_animation: false,\n  }\n\n  static defaultProps = {\n    id: null,\n    focus_selector: null,\n    labelled_by: null,\n    title: null,\n    disabled: null,\n    spacing: true,\n    open_delay: null,\n    content_id: null,\n    dialog_title: 'Vindu',\n    close_title: 'Lukk', // Close Modal Window\n    hide_close_button: false,\n    close_button_attributes: null,\n    prevent_close: false,\n    prevent_core_style: false,\n    animation_duration: ANIMATION_DURATION,\n    no_animation: false,\n    no_animation_on_mobile: false,\n    fullscreen: 'auto',\n    min_width: null,\n    max_width: null,\n    align_content: 'left',\n    container_placement: null,\n    open_state: null,\n    direct_dom_return: false,\n    root_id: 'root',\n    omit_trigger_button: false,\n\n    className: null,\n    children: null,\n\n    on_open: null,\n    on_close: null,\n    on_close_prevent: null,\n    open_modal: null,\n    close_modal: null,\n\n    trigger: null,\n    trigger_attributes: null,\n\n    overlay_class: null,\n    content_class: null,\n\n    modal_content: null,\n    header_content: null,\n    bar_content: null,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (typeof window !== 'undefined' && window['IS_TEST']) {\n      state.animation_duration = 0\n      state.no_animation = true\n    } else {\n      state.animation_duration = props.animation_duration\n      state.no_animation = props.no_animation\n    }\n\n    if (props.open_state !== state._open_state) {\n      switch (props.open_state) {\n        case 'opened':\n        case true:\n          state.hide = false\n          if (isTrue(state.no_animation)) {\n            state.modalActive = true\n          }\n          break\n        case 'closed':\n        case false:\n          state.hide = true\n          if (isTrue(state.no_animation)) {\n            state.modalActive = false\n          }\n          break\n      }\n    }\n    state._open_state = props.open_state\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId('modal-')\n\n    this._triggerRef = React.createRef()\n\n    this._onUnmount = []\n  }\n\n  componentDidMount() {\n    this.openBasedOnStateUpdate()\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._openTimeout)\n    clearTimeout(this._closeTimeout)\n\n    this.removeActiveState()\n\n    this._onUnmount.forEach((fn) => {\n      if (typeof fn === 'function') {\n        fn()\n      }\n    })\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps !== this.props) {\n      this.openBasedOnStateUpdate()\n    }\n  }\n\n  openBasedOnStateUpdate() {\n    const { hide } = this.state\n    const { open_state } = this.props\n\n    if (!this.activeElement && typeof document !== 'undefined') {\n      this.activeElement = document.activeElement\n    }\n\n    if (!hide && (open_state === 'opened' || open_state === true)) {\n      this.toggleOpenClose(null, true)\n    } else if (hide && (open_state === 'closed' || open_state === false)) {\n      this.toggleOpenClose(null, false)\n    }\n  }\n\n  toggleOpenClose = (event = null, showModal = null) => {\n    if (event && event.preventDefault) {\n      event.preventDefault()\n    }\n\n    const toggleNow = () => {\n      const {\n        animation_duration = ANIMATION_DURATION,\n        no_animation = false,\n      } = this.state\n      const timeoutDuration =\n        typeof animation_duration === 'string'\n          ? parseFloat(animation_duration)\n          : animation_duration\n\n      const modalActive =\n        typeof showModal === 'boolean'\n          ? showModal\n          : !this.state.modalActive\n\n      this.isInTransition = true\n\n      const doItNow = () => {\n        this.setState(\n          {\n            hide: false,\n            modalActive,\n          },\n          () => {\n            this.isInTransition = false\n            this.handleSideEffects()\n          }\n        )\n      }\n\n      if (modalActive === false && !isTrue(no_animation)) {\n        this.setState({\n          hide: true,\n        })\n\n        this._closeTimeout = setTimeout(doItNow, timeoutDuration) // delay because of the animation\n      } else {\n        doItNow()\n      }\n    }\n\n    const waitBeforeOpen = () => {\n      const { open_delay } = this.props\n      const { no_animation } = this.state\n      const delay =\n        typeof open_delay === 'string'\n          ? parseFloat(open_delay)\n          : open_delay\n      if (delay > 0 && !isTrue(no_animation)) {\n        this._openTimeout = setTimeout(toggleNow, delay) // custom delay\n      } else {\n        toggleNow()\n      }\n    }\n\n    clearTimeout(this._closeTimeout)\n    clearTimeout(this._openTimeout)\n\n    const { open_modal } = this.props\n    if (typeof open_modal === 'function') {\n      const fn = open_modal(waitBeforeOpen, this)\n      if (fn) {\n        this._onUnmount.push(fn)\n      }\n    } else {\n      waitBeforeOpen()\n    }\n  }\n\n  handleSideEffects = () => {\n    const { modalActive, preventAutoFocus, animation_duration } =\n      this.state\n    const { close_modal, open_state } = this.props\n\n    if (modalActive) {\n      if (typeof close_modal === 'function') {\n        const fn = close_modal(() => {\n          this.toggleOpenClose(null, false)\n        }, this)\n        if (fn) {\n          this._onUnmount.push(fn)\n        }\n      }\n      this.setActiveState(this._id)\n    } else if (modalActive === false && !preventAutoFocus) {\n      const focus = (elem: HTMLElement) => {\n        // So we can omit showing a Tooltip on the trigger button\n        elem.setAttribute('data-autofocus', 'true')\n        elem.focus({ preventScroll: true })\n\n        return new Promise<void>((resolve) => {\n          setTimeout(\n            () => {\n              elem?.removeAttribute('data-autofocus')\n              resolve()\n            },\n            parseFloat(String(animation_duration)) / 3\n          )\n        })\n      }\n\n      if (this._triggerRef?.current) {\n        focus(this._triggerRef.current)\n      }\n\n      // because the open_state was set to opened, we force\n      if (\n        (open_state === 'opened' || open_state === true) &&\n        this.activeElement instanceof HTMLElement\n      ) {\n        try {\n          focus(this.activeElement).then(() => {\n            this.activeElement = null\n          })\n        } catch (e) {\n          //\n        }\n      }\n\n      this.removeActiveState()\n    }\n\n    if (preventAutoFocus) {\n      this.setState({ preventAutoFocus: false })\n    }\n  }\n\n  open = (e: Event) => {\n    this.toggleOpenClose(e, true)\n  }\n\n  close = (\n    event: Event,\n    { ifIsLatest, triggeredBy = null } = { ifIsLatest: true }\n  ) => {\n    const { prevent_close = false } = this.props\n\n    if (isTrue(prevent_close)) {\n      const id = this._id\n      dispatchCustomElementEvent(this, 'on_close_prevent', {\n        id,\n        event,\n        triggeredBy,\n        close: (e) => {\n          this.toggleOpenClose(e, false)\n        },\n      })\n    } else {\n      if (ifIsLatest) {\n        const list = getListOfModalRoots()\n        if (list.length > 1) {\n          const last = getModalRoot(-1)\n          if (last !== this) {\n            return // stop here\n          }\n        }\n      }\n\n      this.toggleOpenClose(event, false)\n    }\n  }\n\n  removeActiveState() {\n    const last = getModalRoot(-1)\n\n    // If this instance is not the last one,\n    // make the current one to as the active one\n    if (last?._id && last._id !== this._id) {\n      return this.setActiveState(last._id)\n    }\n\n    try {\n      document.documentElement.removeAttribute('data-dnb-modal-active')\n    } catch (e) {\n      warn('Modal: Error on remove \"data-dnb-modal-active\"', e)\n    }\n  }\n\n  /**\n   * Prevent scrolling on the background\n   * But checks if this instance was the last one or not\n   *\n   * @param {string} modalId Will remove the attribute if false is given\n   */\n  setActiveState(modalId: string) {\n    if (!modalId) {\n      warn('Modal: A valid modalId is required')\n    }\n    // prevent scrolling on the background\n    if (typeof document !== 'undefined') {\n      try {\n        document.documentElement.setAttribute(\n          'data-dnb-modal-active',\n          modalId\n        )\n      } catch (e) {\n        warn('Modal: Error on set \"data-dnb-modal-active\"', e)\n      }\n    }\n  }\n\n  render() {\n    const visualTestsPropsOverride =\n      typeof window !== 'undefined' && window['IS_TEST']\n        ? {\n            animation_duration: 0,\n            no_animation: true,\n          }\n        : {}\n\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Modal.defaultProps,\n      this.context.getTranslation(this.props).Modal,\n      this.context.Modal,\n      visualTestsPropsOverride\n    )\n\n    const {\n      root_id = 'root',\n      content_id = null,\n      disabled = null,\n      labelled_by = null,\n      focus_selector = null,\n      header_content = null,\n      bar_content = null,\n      bypass_invalidation_selectors = null,\n\n      id, // eslint-disable-line\n      open_state, // eslint-disable-line\n      open_delay, // eslint-disable-line\n\n      omit_trigger_button = false,\n      trigger = null,\n      trigger_attributes = null,\n      ...rest\n    } = props\n\n    const { hide, modalActive } = this.state\n    const modal_content = Modal.getContent(\n      typeof this.props.children === 'function'\n        ? Object.freeze({ ...this.props, close: this.close })\n        : this.props\n    )\n\n    const render = (suffixProps) => {\n      const triggerAttributes = {\n        hidden: false,\n        variant: 'secondary',\n        icon_position: 'left',\n        ...trigger_attributes,\n      } as ButtonProps\n\n      if (isTrue(disabled)) {\n        triggerAttributes.disabled = true\n      }\n\n      if (triggerAttributes.id) {\n        this._id = triggerAttributes.id\n      }\n\n      let fallbackTitle: string\n      if (triggerAttributes.title) {\n        fallbackTitle = triggerAttributes.title\n      }\n      // in case the modal is used in suffix and no title is given\n      // suffixProps.label is also available, so we could use that too\n      else if (suffixProps) {\n        fallbackTitle = this.context.translation.HelpButton.title\n      }\n\n      const TriggerButton = trigger\n        ? (trigger as React.FC)\n        : HelpButtonInstance\n\n      const title = (\n        !triggerAttributes.text ? rest.title || fallbackTitle : null\n      ) as string\n\n      return (\n        <>\n          {TriggerButton && !isTrue(omit_trigger_button) && (\n            <TriggerButton\n              {...triggerAttributes}\n              id={this._id}\n              title={title}\n              onClick={this.toggleOpenClose}\n              innerRef={this._triggerRef}\n              className={classnames(\n                'dnb-modal__trigger',\n                createSpacingClasses(props),\n                triggerAttributes.className,\n\n                // @deprecated – can be removed in v11\n                triggerAttributes.class\n              )}\n            />\n          )}\n\n          {modalActive && modal_content && (\n            <ModalRoot\n              {...rest}\n              id={this._id}\n              root_id={root_id}\n              content_id={content_id || `dnb-modal-${this._id}`}\n              labelled_by={labelled_by}\n              focus_selector={focus_selector}\n              modal_content={modal_content}\n              header_content={header_content}\n              bar_content={bar_content}\n              bypass_invalidation_selectors={bypass_invalidation_selectors}\n              close={this.close}\n              hide={hide}\n              title={rest.title || fallbackTitle}\n            />\n          )}\n        </>\n      )\n    }\n\n    return <SuffixContext.Consumer>{render}</SuffixContext.Consumer>\n  }\n}\n\nexport { CloseButton, Modal as OriginalComponent }\n\nexport default classWithCamelCaseProps(Modal)\n"],"mappings":"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"}

package/components/modal/types.d.ts

@@ -199,6 +199,10 @@ export interface ModalContentProps {
      * Give the content wrapper a custom class name (maps to `dnb-modal__content`).
      */
     content_class?: string;
+    /**
+     * @deprecated – use className instead. Will be removed in v11.
+     */
+    class?: string;
     /**
      * Give the page overlay a custom class name (maps to `dnb-modal__overlay`).
      */

package/components/modal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/modal/types.ts"],"sourcesContent":["import * as React from 'react'\nimport type { CloseButtonProps } from './parts/CloseButton'\nimport type { ButtonProps } from '../button/Button'\nimport type { ModalRootProps } from './ModalRoot'\n\nexport type ReactChildType = React.ReactNode | ((...args: any[]) => any)\n\nexport type ModalFullscreen = 'auto' | boolean\nexport type ModalAlignContent = 'left' | 'center' | 'centered' | 'right'\nexport type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom'\nexport type ModalOpenState = 'opened' | 'closed' | boolean\nexport type ModalTriggerVariant =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'signal'\nexport type ModalTriggerIconPosition = 'left' | 'right'\nexport type ModalContentMinWidth = string | number\nexport type ModalContentMaxWidth = string | number\n\nexport interface ModalProps extends ModalRootProps {\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  id?: string\n\n  /**\n   * Will disable the trigger button.\n   */\n  disabled?: boolean\n\n  /**\n   * Forces the modal/drawer to delay the opening. The delay is given in `ms`.\n   */\n  open_delay?: string | number\n\n  /**\n   * If set to `true` (boolean or string), then the user can&#39;t close the modal/drawer.\n   */\n  prevent_close?: boolean\n\n  /**\n   * Duration of animation open/close in ms. Defaults to 300ms.\n   */\n  animation_duration?: string | number\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  no_animation?: boolean\n\n  /**\n   * Use this prop to control the open/close state by setting either: `opened` / `closed` or `true` / `false`.\n   */\n  open_state?: ModalOpenState\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * Omits default showing trigger button\n   */\n  omit_trigger_button?: boolean\n\n  /**\n   * This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.\n   */\n  on_open?: ({ id }: { id?: string }) => void\n\n  /**\n   * This event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.\n   */\n  on_close?: ({\n    id,\n    event,\n    triggeredBy,\n  }: {\n    id?: string\n    event?: Event\n    triggeredBy?: string\n  }) => void\n\n  /**\n   * This event gets triggered once the user tries to close the modal, but `prevent_close` is set to \"true\". Returns a callback `close` you can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }`\n   */\n  on_close_prevent?: ({\n    id,\n    event,\n    triggeredBy,\n    close,\n  }: {\n    id?: string\n    event?: Event\n    triggeredBy?: string\n    close?: (...args: any[]) => any\n  }) => void\n\n  /**\n   * Set a function to call the callback function, once the modal/drawer should open: `open_modal={(open) => open()}`\n   */\n  open_modal?: (open?: (e: Event) => void, elem?: any) => () => void | void\n\n  /**\n   * Set a function to call the callback function, once the modal/drawer should close: `close_modal={(close) => close()}`\n   */\n  close_modal?: (\n    close?: (...args: any[]) => void,\n    elem?: any\n  ) => () => void | void\n\n  /**\n   * Provide a custom trigger component. Like trigger={<Anchor href=\"/\" />}. It will set the focus on it when the modal/drawer gets closed.\n   */\n  trigger?: ReactChildType\n\n  /**\n   * Send along custom HTML attributes or properties to the trigger button.\n   */\n  trigger_attributes?: TriggerAttributes\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  modal_content?: ReactChildType\n\n  /**\n   * If true, the drawer will not open in a new DOM but directly in current DOM. Defaults to `false`.\n   */\n  direct_dom_return?: boolean\n\n  /**\n   * To get the inner content Element, pass in your own React ref\n   */\n  content_ref?: React.RefObject<HTMLElement>\n\n  /**\n   * To get the scroll Element, pass in your own React ref\n   */\n  scroll_ref?: React.RefObject<HTMLElement>\n}\n\nexport interface ModalContentProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  modal_content?: ReactChildType\n\n  /**\n   * The content which will appear in the bar, above the header, and side-by-side the close button.\n   */\n  bar_content?: ReactChildType\n\n  /**\n   * The content which will appear in the header of the modal/drawer the modal/drawer.\n   */\n  header_content?: ReactChildType\n  hide?: boolean\n\n  /**\n   * The id used internal for the trigger button and modal component.\n   */\n  id?: string\n\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  root_id?: string\n\n  /**\n   * The ID of the trigger component, describing the modal/drawer content. Defaults to the internal `trigger`, so make sure you define the trigger title.\n   */\n  labelled_by?: string\n\n  /**\n   * The Modal handles the first focus – automatically. How ever, you can defined a custom focus selector the will be used instead `focus_selector=\".css-selector\"`.\n   */\n  focus_selector?: string\n\n  /**\n   * Defines an unique identifier to a modal. Use it in case you have to refer in some way to the modal/drawer content wrapper.\n   */\n  content_id?: string\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The aria label of the dialog when no labelled_by and no title is given. Defaults to `Vindu`.\n   */\n  dialog_title?: string\n\n  /**\n   * If boolean, the close button will not be shown.\n   */\n  hide_close_button?: boolean\n\n  /**\n   * Define any valid Eufemia Button property or HTML attribute inside an object.\n   */\n  close_button_attributes?: CloseButtonProps\n\n  /**\n   * If set to `false` then the modal/drawer content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the modal/drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.\n   */\n  prevent_core_style?: boolean\n  animation_duration?: string | number\n\n  /**\n   * Disable clicking the background overlay to close the modal\n   */\n  prevent_overlay_close?: boolean\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  no_animation?: boolean\n\n  /**\n   * Same as `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  no_animation_on_mobile?: boolean\n\n  /**\n   * The minimum Modal content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `min_width` so you don&#39;t break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\n   */\n  min_width?: ModalContentMinWidth\n\n  /**\n   * The maximum Modal content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).\n   */\n  max_width?: ModalContentMaxWidth\n\n  /**\n   * If set to `true` then the modal/drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.\n   */\n  fullscreen?: ModalFullscreen\n\n  /**\n   * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.\n   */\n  align_content?: 'right' | 'left' | 'centered' | 'center'\n\n  /**\n   * For `drawer` mode only. Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  container_placement?: 'left' | 'right' | 'top' | 'bottom'\n\n  /**\n   * Give the content wrapper a custom class name (maps to `dnb-modal__content`).\n   */\n  content_class?: string\n\n  /**\n   * Give the page overlay a custom class name (maps to `dnb-modal__overlay`).\n   */\n  overlay_class?: string\n\n  /**\n   * Define an array with HTML class selectors (`['.element-selector']`) which should not get invalidated when the modal opens/closes. Use this in order to let some parts of your site still be accessible by screen readers.\n   */\n  bypass_invalidation_selectors?: Array<string>\n\n  /**\n   * For internal usage\n   * Will close the modal\n   */\n  close?: (...args: any[]) => any\n\n  /**\n   * Give the inner Dialog or Drawer component a className (only works with mode)\n   */\n  className?: string\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The displayed text for the 'close' button. Defaults to `Lukk`.\n   */\n  close_title?: string\n\n  /**\n   * Internal\n   */\n  dialog_role?: 'dialog' | 'alertdialog' | 'region'\n  content_ref?: React.RefObject<HTMLElement>\n  scroll_ref?: React.RefObject<HTMLElement>\n}\n\nexport type TriggerAttributes = ButtonProps\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/modal/types.ts"],"sourcesContent":["import * as React from 'react'\nimport type { CloseButtonProps } from './parts/CloseButton'\nimport type { ButtonProps } from '../button/Button'\nimport type { ModalRootProps } from './ModalRoot'\n\nexport type ReactChildType = React.ReactNode | ((...args: any[]) => any)\n\nexport type ModalFullscreen = 'auto' | boolean\nexport type ModalAlignContent = 'left' | 'center' | 'centered' | 'right'\nexport type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom'\nexport type ModalOpenState = 'opened' | 'closed' | boolean\nexport type ModalTriggerVariant =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'signal'\nexport type ModalTriggerIconPosition = 'left' | 'right'\nexport type ModalContentMinWidth = string | number\nexport type ModalContentMaxWidth = string | number\n\nexport interface ModalProps extends ModalRootProps {\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  id?: string\n\n  /**\n   * Will disable the trigger button.\n   */\n  disabled?: boolean\n\n  /**\n   * Forces the modal/drawer to delay the opening. The delay is given in `ms`.\n   */\n  open_delay?: string | number\n\n  /**\n   * If set to `true` (boolean or string), then the user can&#39;t close the modal/drawer.\n   */\n  prevent_close?: boolean\n\n  /**\n   * Duration of animation open/close in ms. Defaults to 300ms.\n   */\n  animation_duration?: string | number\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  no_animation?: boolean\n\n  /**\n   * Use this prop to control the open/close state by setting either: `opened` / `closed` or `true` / `false`.\n   */\n  open_state?: ModalOpenState\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * Omits default showing trigger button\n   */\n  omit_trigger_button?: boolean\n\n  /**\n   * This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.\n   */\n  on_open?: ({ id }: { id?: string }) => void\n\n  /**\n   * This event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.\n   */\n  on_close?: ({\n    id,\n    event,\n    triggeredBy,\n  }: {\n    id?: string\n    event?: Event\n    triggeredBy?: string\n  }) => void\n\n  /**\n   * This event gets triggered once the user tries to close the modal, but `prevent_close` is set to \"true\". Returns a callback `close` you can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }`\n   */\n  on_close_prevent?: ({\n    id,\n    event,\n    triggeredBy,\n    close,\n  }: {\n    id?: string\n    event?: Event\n    triggeredBy?: string\n    close?: (...args: any[]) => any\n  }) => void\n\n  /**\n   * Set a function to call the callback function, once the modal/drawer should open: `open_modal={(open) => open()}`\n   */\n  open_modal?: (open?: (e: Event) => void, elem?: any) => () => void | void\n\n  /**\n   * Set a function to call the callback function, once the modal/drawer should close: `close_modal={(close) => close()}`\n   */\n  close_modal?: (\n    close?: (...args: any[]) => void,\n    elem?: any\n  ) => () => void | void\n\n  /**\n   * Provide a custom trigger component. Like trigger={<Anchor href=\"/\" />}. It will set the focus on it when the modal/drawer gets closed.\n   */\n  trigger?: ReactChildType\n\n  /**\n   * Send along custom HTML attributes or properties to the trigger button.\n   */\n  trigger_attributes?: TriggerAttributes\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  modal_content?: ReactChildType\n\n  /**\n   * If true, the drawer will not open in a new DOM but directly in current DOM. Defaults to `false`.\n   */\n  direct_dom_return?: boolean\n\n  /**\n   * To get the inner content Element, pass in your own React ref\n   */\n  content_ref?: React.RefObject<HTMLElement>\n\n  /**\n   * To get the scroll Element, pass in your own React ref\n   */\n  scroll_ref?: React.RefObject<HTMLElement>\n}\n\nexport interface ModalContentProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  modal_content?: ReactChildType\n\n  /**\n   * The content which will appear in the bar, above the header, and side-by-side the close button.\n   */\n  bar_content?: ReactChildType\n\n  /**\n   * The content which will appear in the header of the modal/drawer the modal/drawer.\n   */\n  header_content?: ReactChildType\n  hide?: boolean\n\n  /**\n   * The id used internal for the trigger button and modal component.\n   */\n  id?: string\n\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  root_id?: string\n\n  /**\n   * The ID of the trigger component, describing the modal/drawer content. Defaults to the internal `trigger`, so make sure you define the trigger title.\n   */\n  labelled_by?: string\n\n  /**\n   * The Modal handles the first focus – automatically. How ever, you can defined a custom focus selector the will be used instead `focus_selector=\".css-selector\"`.\n   */\n  focus_selector?: string\n\n  /**\n   * Defines an unique identifier to a modal. Use it in case you have to refer in some way to the modal/drawer content wrapper.\n   */\n  content_id?: string\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The aria label of the dialog when no labelled_by and no title is given. Defaults to `Vindu`.\n   */\n  dialog_title?: string\n\n  /**\n   * If boolean, the close button will not be shown.\n   */\n  hide_close_button?: boolean\n\n  /**\n   * Define any valid Eufemia Button property or HTML attribute inside an object.\n   */\n  close_button_attributes?: CloseButtonProps\n\n  /**\n   * If set to `false` then the modal/drawer content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the modal/drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.\n   */\n  prevent_core_style?: boolean\n  animation_duration?: string | number\n\n  /**\n   * Disable clicking the background overlay to close the modal\n   */\n  prevent_overlay_close?: boolean\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  no_animation?: boolean\n\n  /**\n   * Same as `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  no_animation_on_mobile?: boolean\n\n  /**\n   * The minimum Modal content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `min_width` so you don&#39;t break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\n   */\n  min_width?: ModalContentMinWidth\n\n  /**\n   * The maximum Modal content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).\n   */\n  max_width?: ModalContentMaxWidth\n\n  /**\n   * If set to `true` then the modal/drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.\n   */\n  fullscreen?: ModalFullscreen\n\n  /**\n   * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.\n   */\n  align_content?: 'right' | 'left' | 'centered' | 'center'\n\n  /**\n   * For `drawer` mode only. Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  container_placement?: 'left' | 'right' | 'top' | 'bottom'\n\n  /**\n   * Give the content wrapper a custom class name (maps to `dnb-modal__content`).\n   */\n  content_class?: string\n\n  /**\n   * @deprecated – use className instead. Will be removed in v11.\n   */\n  class?: string\n\n  /**\n   * Give the page overlay a custom class name (maps to `dnb-modal__overlay`).\n   */\n  overlay_class?: string\n\n  /**\n   * Define an array with HTML class selectors (`['.element-selector']`) which should not get invalidated when the modal opens/closes. Use this in order to let some parts of your site still be accessible by screen readers.\n   */\n  bypass_invalidation_selectors?: Array<string>\n\n  /**\n   * For internal usage\n   * Will close the modal\n   */\n  close?: (...args: any[]) => any\n\n  /**\n   * Give the inner Dialog or Drawer component a className (only works with mode)\n   */\n  className?: string\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The displayed text for the 'close' button. Defaults to `Lukk`.\n   */\n  close_title?: string\n\n  /**\n   * Internal\n   */\n  dialog_role?: 'dialog' | 'alertdialog' | 'region'\n  content_ref?: React.RefObject<HTMLElement>\n  scroll_ref?: React.RefObject<HTMLElement>\n}\n\nexport type TriggerAttributes = ButtonProps\n"],"mappings":""}

package/components/table/Table.d.ts

@@ -40,12 +40,15 @@ export type TableProps = {
      */
     outline?: boolean;
     /**
-     * Set to true if you have one or more rows that contains an accordion content.
-     * Default: false
+     * Defines how the Table should look. Use `accordion` for an accordion-like table. Use `navigation` for a navigation table.
+     */
+    mode?: 'accordion' | 'navigation';
+    /**
+     * @deprecated – use mode="accordion" instead. Will be removed in v11.
      */
     accordion?: boolean;
     /**
-     * Defines where the chevron will be placed.
+     * Defines where the chevron will be placed, should only be used together with mode="accordion".
      * Default: 'start'
      */
     accordionChevronPlacement?: 'start' | 'end';

package/components/table/Table.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 = ["className", "children", "size", "skeleton", "variant", "sticky", "stickyOffset", "fixed", "border", "outline", "accordion", "accordionChevronPlacement", "collapseAllHandleRef"];
+const _excluded = ["className", "children", "size", "skeleton", "variant", "sticky", "stickyOffset", "fixed", "border", "outline", "accordion", "mode", "accordionChevronPlacement", "collapseAllHandleRef"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useEffect } from 'react';
@@ -39,6 +39,7 @@ const Table = componentProps => {
       border,
       outline,
       accordion,
+      mode,
       accordionChevronPlacement,
       collapseAllHandleRef
     } = allProps,
@@ -73,7 +74,10 @@ const Table = componentProps => {
       allProps: _objectSpread(_objectSpread({}, allProps), context.getTranslation(componentProps).Table)
     }
   }, React.createElement("table", _extends({
-    className: classnames('dnb-table', spacingClasses, skeletonClasses, className, variant && `dnb-table__variant--${variant}`, size && `dnb-table__size--${size}`, sticky && 'dnb-table--sticky', fixed && 'dnb-table--fixed', border && 'dnb-table--border', outline && 'dnb-table--outline', accordion && 'dnb-table--accordion'),
+    className: classnames('dnb-table', spacingClasses, skeletonClasses, className, variant && `dnb-table__variant--${variant}`, size && `dnb-table__size--${size}`, sticky && 'dnb-table--sticky', fixed && 'dnb-table--fixed', border && 'dnb-table--border', outline && 'dnb-table--outline', accordion && 'dnb-table--accordion', {
+      'accordion': 'dnb-table--accordion',
+      'navigation': 'dnb-table--navigation'
+    }[mode]),
     ref: elementRef
   }, props), children)));
 };