@dnb/eufemia 10.2.0 → 10.3.0

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

@@ -1,15 +1,10 @@
 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 _path, _path2, _path3, _path4, _path5, _path6, _path7, _circle, _path8, _path9;
-
 const _excluded = ["show", "title", "state", "size", "variant", "className", "no_animation", "stretch", "class", "text_id", "label", "status_id", "globalStatus", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -27,27 +22,21 @@ export default class FormStatus extends React.PureComponent {
       if (isTrue(props.text)) {
         return null;
       }
-
       return props.text;
     }
-
     return processChildren(props);
   }
-
   static correctStatus(state) {
     switch (state) {
       case 'information':
         state = 'info';
         break;
-
       case 'warning':
         state = 'warn';
         break;
     }
-
     return state;
   }
-
   static getIcon({
     state,
     icon,
@@ -55,25 +44,20 @@ export default class FormStatus extends React.PureComponent {
   }) {
     if (typeof icon === 'string') {
       let IconToLoad = icon;
-
       switch (FormStatus.correctStatus(state)) {
         case 'info':
           IconToLoad = InfoIcon;
           break;
-
         case 'warn':
           IconToLoad = WarnIcon;
           break;
-
         case 'marketing':
           IconToLoad = MarketingIcon;
           break;
-
         case 'error':
         default:
           IconToLoad = ErrorIcon;
       }
-
       icon = React.createElement(Icon, {
         icon: React.createElement(IconToLoad, {
           title: null
@@ -82,37 +66,28 @@ export default class FormStatus extends React.PureComponent {
         inherit_color: false
       });
     }
-
     return icon;
   }
-
   static getDerivedStateFromProps(props, state) {
     if (state._id !== props.id && props.id) {
       state.id = props.id;
     }
-
     state._id = props.id;
     return state;
   }
-
   constructor(props, context) {
     var _props$globalStatus, _context$FormStatus, _context$FormStatus$g, _context$FormRow, _context$FormRow$glob;
-
     super(props);
-
     _defineProperty(this, "state", {
       id: null,
       keepContentInDom: null
     });
-
     _defineProperty(this, "init", () => {
       if (this._isMounted) {
         this._globalStatus.isReady();
-
         this.updateWidth();
       }
     });
-
     _defineProperty(this, "updateWidth", () => {
       if (this._ref.current) {
         const {
@@ -126,7 +101,6 @@ export default class FormStatus extends React.PureComponent {
         });
       }
     });
-
     this.state.id = props.id || makeUniqueId();
     this._globalStatus = GlobalStatusProvider.init((props === null || props === void 0 ? void 0 : (_props$globalStatus = props.globalStatus) === null || _props$globalStatus === void 0 ? void 0 : _props$globalStatus.id) || (context === null || context === void 0 ? void 0 : (_context$FormStatus = context.FormStatus) === null || _context$FormStatus === void 0 ? void 0 : (_context$FormStatus$g = _context$FormStatus.globalStatus) === null || _context$FormStatus$g === void 0 ? void 0 : _context$FormStatus$g.id) || (context === null || context === void 0 ? void 0 : (_context$FormRow = context.FormRow) === null || _context$FormRow === void 0 ? void 0 : (_context$FormRow$glob = _context$FormRow.globalStatus) === null || _context$FormRow$glob === void 0 ? void 0 : _context$FormRow$glob.id) || 'main', provider => {
       if (this.props.state === 'error' && this.isReadyToGetVisible()) {
@@ -152,14 +126,12 @@ export default class FormStatus extends React.PureComponent {
     this._heightAnim = new HeightAnimationInstance({
       animate: props.no_animation === false
     });
-
     this._heightAnim.onStart(() => {
       this.setState({
         isAnimating: true,
         keepContentInDom: true
       });
     });
-
     this._heightAnim.onEnd(() => {
       this.setState({
         isAnimating: false,
@@ -167,35 +139,27 @@ export default class FormStatus extends React.PureComponent {
       });
     });
   }
-
   componentDidMount() {
     this._isMounted = true;
-
     if (document.readyState === 'complete') {
       this.init();
     } else if (typeof window !== 'undefined') {
       window.addEventListener('load', this.init);
     }
-
     if (typeof window !== 'undefined') {
       window.addEventListener('resize', this.updateWidth);
     }
   }
-
   componentWillUnmount() {
     this._isMounted = false;
     const status_id = this.getStatusId();
-
     this._globalStatus.remove(status_id);
-
     if (typeof window !== 'undefined') {
       window.removeEventListener('load', this.init);
       window.removeEventListener('resize', this.updateWidth);
     }
-
     this._heightAnim.remove();
   }
-
   componentDidUpdate(prevProps) {
     const {
       state,
@@ -205,15 +169,12 @@ export default class FormStatus extends React.PureComponent {
       children,
       label
     } = this.props;
-
     if (prevProps.text !== text || prevProps.children !== children || prevProps.show !== show || prevProps.state !== state) {
       this.setState({
         keepContentInDom: false
       });
-
       if (state === 'error') {
         const status_id = this.getStatusId();
-
         if (isTrue(show)) {
           this._globalStatus.update(status_id, {
             state,
@@ -229,66 +190,55 @@ export default class FormStatus extends React.PureComponent {
           });
         } else if (!FormStatus.getContent(this.props)) {
           const status_id = this.getStatusId();
-
           this._globalStatus.remove(status_id);
         }
       }
-
       if (this.isReadyToGetVisible()) {
         this.updateWidth();
-
         this._heightAnim.setElement(this._ref.current);
-
         this._heightAnim.open();
       } else {
         this._heightAnim.close();
       }
     }
   }
-
   getStatusId() {
     return `${this.state.id}-gs`;
   }
-
   isReadyToGetVisible(props = this.props) {
     return isTrue(props.show) && FormStatus.getContent(props) ? true : false;
   }
-
   render() {
     const isReadyToGetVisible = this.isReadyToGetVisible();
-
     if (!isReadyToGetVisible && !this.state.keepContentInDom) {
       return null;
     }
-
     const props = extendPropsWithContextInClassComponent(this.props, FormStatus.defaultProps, {
       skeleton: this.context && this.context.skeleton
     }, includeValidProps(this.context.FormRow), this.context.FormStatus);
-
     const {
-      show,
-      title,
-      state: rawState,
-      size,
-      variant,
-      className,
-      no_animation,
-      stretch,
-      class: _className,
-      text_id,
-      label,
-      status_id,
-      globalStatus,
-      id,
-      text,
-      icon,
-      icon_size,
-      skeleton,
-      children,
-      role
-    } = props,
-          rest = _objectWithoutProperties(props, _excluded);
-
+        show,
+        title,
+        state: rawState,
+        size,
+        variant,
+        className,
+        no_animation,
+        stretch,
+        class: _className,
+        text_id,
+        label,
+        status_id,
+        globalStatus,
+        id,
+        text,
+        icon,
+        icon_size,
+        skeleton,
+        children,
+        role
+      } = props,
+      rest = _objectWithoutProperties(props, _excluded);
     const state = FormStatus.correctStatus(rawState);
     const iconToRender = FormStatus.getIcon({
       state,
@@ -296,31 +246,25 @@ export default class FormStatus extends React.PureComponent {
       icon_size
     });
     const contentToRender = this.state.keepContentInDom && this._cachedContent ? this._cachedContent : FormStatus.getContent(this.props);
-
     if (!this.state.isAnimating) {
       this._cachedContent = contentToRender;
     }
-
     const hasStringContent = typeof contentToRender === 'string' && contentToRender.length > 0;
-
     const params = _objectSpread({
       className: classnames(`dnb-form-status dnb-form-status--${state} dnb-form-status__size--${size}`, createSpacingClasses(props), className, _className, !isReadyToGetVisible && (this.state.keepContentInDom ? 'dnb-form-status--disappear' : 'dnb-form-status--hidden'), variant && `dnb-form-status__variant--${variant}`, this.state.isAnimating && 'dnb-form-status--is-animating', isTrue(no_animation) && 'dnb-form-status--no-animation', stretch && 'dnb-form-status--stretch', hasStringContent && 'dnb-form-status--has-content'),
       id: !String(id).startsWith('null') ? this.state.id : null,
       title,
       role
     }, rest);
-
     if (!role) {
       switch (state) {
         case 'info':
           params.role = 'status';
           break;
-
         default:
           params.role = 'alert';
       }
     }
-
     const textParams = {
       className: classnames('dnb-form-status__text', createSkeletonClass('font', skeleton, this.context)),
       id: !String(text_id).startsWith('null') ? text_id : null
@@ -334,11 +278,8 @@ export default class FormStatus extends React.PureComponent {
       className: "dnb-form-status__shell"
     }, iconToRender, React.createElement("span", textParams, contentToRender)));
   }
-
 }
-
 _defineProperty(FormStatus, "contextType", Context);
-
 _defineProperty(FormStatus, "defaultProps", {
   id: null,
   title: null,
@@ -363,7 +304,6 @@ _defineProperty(FormStatus, "defaultProps", {
   className: null,
   children: null
 });
-
 process.env.NODE_ENV !== "production" ? FormStatus.propTypes = _objectSpread(_objectSpread({
   id: PropTypes.string,
   title: PropTypes.string,
@@ -493,69 +433,55 @@ export function setMaxWidthToElement({
   if (!(element && typeof window !== 'undefined')) {
     return;
   }
-
   try {
     var _id;
-
     if (!id && !widthSelector) {
       id = element.getAttribute('id');
     }
-
     widthSelector = widthSelector || ((_id = id) === null || _id === void 0 ? void 0 : _id.replace('-form-status', '')) || id;
     let width = sumElementWidth({
       widthElement,
       widthSelector
     });
-
     if (width > 40) {
       const maxWidth = 30 * 16;
-
       if (width < maxWidth) {
         width = maxWidth;
       }
-
       const remWidth = `${width / 16}rem`;
       const style = window.getComputedStyle(element);
       const hasCustomWidth = element.style.maxWidth ? false : style.minWidth !== '' && style.minWidth !== 'auto' || style.maxWidth !== '' && style.maxWidth !== 'none';
-
       if (!hasCustomWidth) {
         element.style.maxWidth = remWidth;
       }
     }
   } catch (e) {}
 }
-
 function sumElementWidth({
   widthElement,
   widthSelector
 }) {
   let width = 0;
-
   if (typeof document === 'undefined') {
     return width;
   }
-
   try {
     const ids = widthElement ? [widthElement] : widthSelector.split(/, |,/g);
     width = ids.reduce((acc, cur) => {
       const elem = typeof cur === 'string' ? cur[0] === '.' ? document.querySelector(cur) : document.getElementById(cur) : cur;
       let width = elem && elem.offsetWidth || window.getComputedStyle(elem).width;
-
       if (/em|rem/.test(width)) {
         width = parseFloat(width) * 16;
       }
-
       if (width > 0) {
         if (acc > 0) {
           acc += 16;
         }
-
         acc += width;
       }
-
       return acc;
     }, width);
   } catch (e) {}
-
   return width;
-}
+}
+//# sourceMappingURL=FormStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatus.js","names":["React","PropTypes","classnames","Context","isTrue","makeUniqueId","validateDOMAttributes","processChildren","extendPropsWithContextInClassComponent","HeightAnimationInstance","spacingPropTypes","createSpacingClasses","Icon","GlobalStatusProvider","skeletonDOMAttributes","createSkeletonClass","includeValidProps","FormStatus","PureComponent","getContent","props","text","correctStatus","state","getIcon","icon","icon_size","IconToLoad","InfoIcon","WarnIcon","MarketingIcon","ErrorIcon","createElement","title","size","inherit_color","getDerivedStateFromProps","_id","id","constructor","context","_props$globalStatus","_context$FormStatus","_context$FormStatus$g","_context$FormRow","_context$FormRow$glob","_defineProperty","keepContentInDom","_isMounted","_globalStatus","isReady","updateWidth","_ref","current","width_element","width_selector","setMaxWidthToElement","element","widthElement","widthSelector","init","globalStatus","FormRow","provider","isReadyToGetVisible","label","add","status_id","getStatusId","item","item_id","message","status_anchor_label","status_anchor_url","createRef","_heightAnim","animate","no_animation","onStart","setState","isAnimating","onEnd","show","componentDidMount","document","readyState","window","addEventListener","componentWillUnmount","remove","removeEventListener","componentDidUpdate","prevProps","children","update","preventRestack","setElement","open","close","render","defaultProps","skeleton","rawState","variant","className","stretch","class","_className","text_id","role","rest","_objectWithoutProperties","_excluded","iconToRender","contentToRender","_cachedContent","hasStringContent","length","params","_objectSpread","String","startsWith","textParams","_extends","ref","attributes","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","node","oneOf","shape","object","width","height","viewBox","fill","_path","d","_path2","_path3","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_path4","_path5","_path6","_path7","fillRule","clipRule","_circle","cx","cy","r","_path8","xmlns","_path9","getAttribute","replace","sumElementWidth","maxWidth","remWidth","style","getComputedStyle","hasCustomWidth","minWidth","e","ids","split","reduce","acc","cur","elem","querySelector","getElementById","offsetWidth","test","parseFloat"],"sources":["../../../../src/components/form-status/FormStatus.js"],"sourcesContent":["/**\n * Web FormStatus Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Icon from '../icon/Icon'\nimport GlobalStatusProvider from '../global-status/GlobalStatusProvider'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\nexport default class FormStatus extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    title: PropTypes.string,\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    text: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label: PropTypes.node,\n    icon: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    icon_size: PropTypes.string,\n    state: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.oneOf(['error', 'warn', 'info', 'marketing']),\n    ]),\n    variant: PropTypes.oneOf(['flat', 'outlined']),\n    size: PropTypes.oneOf(['default', 'large']),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    text_id: PropTypes.string,\n    width_selector: PropTypes.string,\n    width_element: PropTypes.object,\n    class: PropTypes.string,\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    role: PropTypes.string,\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    id: null,\n    title: null,\n    show: true,\n    text: null,\n    globalStatus: null,\n    label: null,\n    icon: 'error',\n    icon_size: 'medium',\n    size: 'default',\n    variant: null,\n    state: 'error',\n    attributes: null,\n    text_id: null,\n    width_selector: null,\n    width_element: null,\n    class: null,\n    no_animation: null,\n    skeleton: null,\n    stretch: null,\n    role: null,\n    className: null,\n    children: null,\n  }\n\n  static getContent(props) {\n    if (props.text) {\n      if (isTrue(props.text)) {\n        return null\n      }\n      return props.text\n    }\n    return processChildren(props)\n  }\n\n  static correctStatus(state) {\n    switch (state) {\n      case 'information':\n        state = 'info'\n        break\n      case 'warning':\n        state = 'warn'\n        break\n    }\n    return state\n  }\n\n  static getIcon({ state, icon, icon_size }) {\n    if (typeof icon === 'string') {\n      let IconToLoad = icon\n\n      switch (FormStatus.correctStatus(state)) {\n        case 'info':\n          IconToLoad = InfoIcon\n          break\n        case 'warn':\n          IconToLoad = WarnIcon\n          break\n        case 'marketing':\n          IconToLoad = MarketingIcon\n          break\n        case 'error':\n        default:\n          IconToLoad = ErrorIcon\n      }\n\n      icon = (\n        <Icon\n          icon={<IconToLoad title={null} />}\n          size={icon_size}\n          inherit_color={false}\n        />\n      )\n    }\n\n    return icon\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._id !== props.id && props.id) {\n      state.id = props.id\n    }\n\n    state._id = props.id\n\n    return state\n  }\n\n  state = { id: null, keepContentInDom: null }\n\n  constructor(props, context) {\n    super(props)\n\n    // we do not use a random ID here, as we don't need it for now\n    this.state.id = props.id || makeUniqueId()\n\n    this._globalStatus = GlobalStatusProvider.init(\n      props?.globalStatus?.id ||\n        context?.FormStatus?.globalStatus?.id ||\n        context?.FormRow?.globalStatus?.id ||\n        'main',\n      (provider) => {\n        // gets called once ready\n        if (this.props.state === 'error' && this.isReadyToGetVisible()) {\n          const { state, text, globalStatus, label } = this.props\n          provider.add({\n            state,\n            status_id: this.getStatusId(),\n            item: {\n              item_id: this.state.id,\n              text: globalStatus?.message || text,\n              status_anchor_label: label,\n              status_anchor_url: true,\n            },\n          })\n        }\n      }\n    )\n\n    this._ref = React.createRef()\n\n    this._heightAnim = new HeightAnimationInstance({\n      animate: props.no_animation === false,\n\n      /** TODO: consider to enable animation by default */\n      // animate: !isTrue(props.no_animation),\n    })\n\n    this._heightAnim.onStart(() => {\n      this.setState({\n        isAnimating: true,\n        keepContentInDom: true,\n      })\n    })\n\n    this._heightAnim.onEnd(() => {\n      this.setState({\n        isAnimating: false,\n        keepContentInDom: isTrue(this.props.show),\n      })\n    })\n  }\n\n  init = () => {\n    if (this._isMounted) {\n      this._globalStatus.isReady()\n\n      this.updateWidth()\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    if (document.readyState === 'complete') {\n      this.init()\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('load', this.init)\n    }\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', this.updateWidth)\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n    const status_id = this.getStatusId()\n    this._globalStatus.remove(status_id)\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('load', this.init)\n      window.removeEventListener('resize', this.updateWidth)\n    }\n    this._heightAnim.remove()\n  }\n\n  componentDidUpdate(prevProps) {\n    const { state, show, text, globalStatus, children, label } = this.props\n\n    if (\n      prevProps.text !== text ||\n      prevProps.children !== children ||\n      prevProps.show !== show ||\n      prevProps.state !== state\n    ) {\n      // ensure we update the content\n      this.setState({ keepContentInDom: false })\n\n      if (state === 'error') {\n        const status_id = this.getStatusId()\n\n        if (isTrue(show)) {\n          this._globalStatus.update(\n            status_id,\n            {\n              state,\n              status_id,\n              item: {\n                item_id: this.state.id,\n                text: globalStatus?.message || text,\n                status_anchor_label: label,\n                status_anchor_url: true,\n              },\n            },\n            {\n              preventRestack: true, // because of the internal \"close\"\n            }\n          )\n        } else if (!FormStatus.getContent(this.props)) {\n          const status_id = this.getStatusId()\n          this._globalStatus.remove(status_id)\n        }\n      }\n\n      if (this.isReadyToGetVisible()) {\n        this.updateWidth()\n        this._heightAnim.setElement(this._ref.current)\n        this._heightAnim.open()\n      } else {\n        this._heightAnim.close()\n      }\n    }\n  }\n\n  getStatusId() {\n    return `${this.state.id}-gs`\n  }\n\n  updateWidth = () => {\n    // set max-width to this form-status, using the \"linked mother\"\n    if (this._ref.current) {\n      const { width_element, width_selector } = this.props\n      setMaxWidthToElement({\n        element: this._ref.current,\n        widthElement: width_element && width_element.current,\n        widthSelector: width_selector,\n      })\n    }\n  }\n\n  isReadyToGetVisible(props = this.props) {\n    return isTrue(props.show) && FormStatus.getContent(props)\n      ? true\n      : false\n  }\n\n  render() {\n    const isReadyToGetVisible = this.isReadyToGetVisible()\n\n    if (!isReadyToGetVisible && !this.state.keepContentInDom) {\n      return null\n    }\n\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormStatus.defaultProps,\n      { skeleton: this.context && this.context.skeleton },\n      includeValidProps(this.context.FormRow),\n      this.context.FormStatus\n    )\n\n    const {\n      show, // eslint-disable-line\n      title,\n      state: rawState,\n      size,\n      variant,\n      className,\n      no_animation,\n      stretch,\n      class: _className,\n      text_id,\n\n      label, // eslint-disable-line\n      status_id, // eslint-disable-line\n      globalStatus, // eslint-disable-line\n      id, // eslint-disable-line\n      text, // eslint-disable-line\n      icon, // eslint-disable-line\n      icon_size, // eslint-disable-line\n      skeleton, // eslint-disable-line\n      children, // eslint-disable-line\n      role,\n\n      ...rest\n    } = props\n\n    const state = FormStatus.correctStatus(rawState)\n    const iconToRender = FormStatus.getIcon({\n      state,\n      icon,\n      icon_size,\n    })\n\n    const contentToRender =\n      this.state.keepContentInDom && this._cachedContent\n        ? this._cachedContent\n        : FormStatus.getContent(this.props)\n\n    // Add a cache, we use this during the \"hide\" period when animating\n    if (!this.state.isAnimating) {\n      this._cachedContent = contentToRender\n    }\n\n    const hasStringContent =\n      typeof contentToRender === 'string' && contentToRender.length > 0\n\n    const params = {\n      className: classnames(\n        'dnb-form-status',\n        `dnb-form-status--${state}`,\n        `dnb-form-status__size--${size}`,\n        variant && `dnb-form-status__variant--${variant}`,\n        this.state.isAnimating && 'dnb-form-status--is-animating',\n        !isReadyToGetVisible &&\n          !this.state.keepContentInDom &&\n          'dnb-form-status--hidden',\n        !isReadyToGetVisible &&\n          this.state.keepContentInDom &&\n          'dnb-form-status--disappear',\n        isTrue(no_animation) && 'dnb-form-status--no-animation',\n        stretch && 'dnb-form-status--stretch',\n        hasStringContent ? 'dnb-form-status--has-content' : null,\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      id: !String(id).startsWith('null') ? this.state.id : null,\n      title,\n      role,\n      ...rest,\n    }\n\n    if (!role) {\n      switch (state) {\n        case 'info':\n          params.role = 'status'\n          break\n        default:\n          params.role = 'alert'\n      }\n    }\n\n    const textParams = {\n      className: classnames(\n        'dnb-form-status__text',\n        createSkeletonClass('font', skeleton, this.context)\n      ),\n      id: !String(text_id).startsWith('null') ? text_id : null,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n    validateDOMAttributes(null, textParams)\n\n    return (\n      <span {...params} ref={this._ref}>\n        <span className=\"dnb-form-status__shell\">\n          {iconToRender}\n          <span {...textParams}>{contentToRender}</span>\n        </span>\n      </span>\n    )\n  }\n}\n\nexport const ErrorIcon = (props) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n    {props && props.title && <title>{props.title}</title>}\n    <path\n      d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n      fill=\"#DC2A2A\"\n    />\n    <path\n      d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n      fill=\"#fff\"\n    />\n    <path\n      d=\"M12 13.818v-5\"\n      stroke=\"#fff\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\nErrorIcon.propTypes = {\n  title: PropTypes.string,\n}\nErrorIcon.defaultProps = {\n  title: 'error',\n}\n\nexport const WarnIcon = (props) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n    {props && props.title && <title>{props.title}</title>}\n    <path\n      d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n      fill=\"#FDBB31\"\n    />\n    <path\n      d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n      fill=\"#333\"\n    />\n    <path\n      d=\"M12 13.818v-5\"\n      stroke=\"#333\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\nWarnIcon.propTypes = {\n  title: PropTypes.string,\n}\nWarnIcon.defaultProps = {\n  title: 'error',\n}\n\nexport const InfoIcon = (props) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n    {props && props.title && <title>{props.title}</title>}\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z\"\n      fill=\"#007272\"\n    />\n    <circle cx=\"11\" cy=\"6.5\" r=\".5\" fill=\"#fff\" stroke=\"#fff\" />\n    <path\n      d=\"M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10\"\n      stroke=\"#fff\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\nInfoIcon.propTypes = {\n  title: PropTypes.string,\n}\nInfoIcon.defaultProps = {\n  title: 'info',\n}\n\nexport const MarketingIcon = (props) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    {props && props.title && <title>{props.title}</title>}\n    <path\n      d=\"M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z\"\n      fill=\"#333\"\n    />\n  </svg>\n)\nMarketingIcon.propTypes = {\n  title: PropTypes.string,\n}\nMarketingIcon.defaultProps = {\n  title: 'marketing',\n}\n\nexport function setMaxWidthToElement({\n  element,\n  id = null,\n  widthElement = null,\n  widthSelector = null,\n}) {\n  if (!(element && typeof window !== 'undefined')) {\n    return // stop here\n  }\n  try {\n    if (!id && !widthSelector) {\n      id = element.getAttribute('id')\n    }\n    widthSelector = widthSelector || id?.replace('-form-status', '') || id\n\n    let width = sumElementWidth({\n      widthElement,\n      widthSelector,\n    })\n\n    if (width > 40) {\n      const maxWidth = 30 * 16 // use 12rem, because that's the default width in chrome for an input\n      if (width < maxWidth) {\n        width = maxWidth\n      }\n\n      const remWidth = `${width / 16}rem`\n\n      const style = window.getComputedStyle(element)\n      const hasCustomWidth = element.style.maxWidth\n        ? false\n        : (style.minWidth !== '' && style.minWidth !== 'auto') ||\n          (style.maxWidth !== '' && style.maxWidth !== 'none')\n\n      if (!hasCustomWidth) {\n        element.style.maxWidth = remWidth\n      }\n    }\n  } catch (e) {\n    // skip logging\n  }\n}\n\nfunction sumElementWidth({ widthElement, widthSelector }) {\n  let width = 0\n  if (typeof document === 'undefined') {\n    return width // stop here\n  }\n  try {\n    // beside \"selector\" - which is straight forward, we\n    // also check if we can get an ID given by text_id\n    const ids = widthElement\n      ? [widthElement]\n      : widthSelector.split(/, |,/g)\n\n    width = ids.reduce((acc, cur) => {\n      const elem =\n        typeof cur === 'string'\n          ? cur[0] === '.'\n            ? document.querySelector(cur)\n            : document.getElementById(cur)\n          : cur\n\n      let width =\n        (elem && elem.offsetWidth) || window.getComputedStyle(elem).width\n      if (/em|rem/.test(width)) {\n        width = parseFloat(width) * 16\n      }\n\n      if (width > 0) {\n        // add additional one more spacing unit\n        // to make it more correct for small elements\n        if (acc > 0) {\n          acc += 16\n        }\n        acc += width\n      }\n\n      return acc\n    }, width)\n  } catch (e) {\n    // skip logging\n  }\n\n  return width\n}\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
 import FormStatus from './FormStatus';
 export default FormStatus;
-export * from './FormStatus';
+export * from './FormStatus';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FormStatus"],"sources":["../../../../src/components/form-status/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport FormStatus from './FormStatus'\nexport default FormStatus\nexport * from './FormStatus'\n"],"mappings":"AAKA,OAAOA,UAAU,MAAM,cAAc;AACrC,eAAeA,UAAU;AACzB,cAAc,cAAc"}

package/es/components/form-status/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/form-status/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-form-status.scss'\n"],"mappings":"AAKA,OAAO,2BAAwB"}

package/es/components/form-status/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/form-status/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-form-status-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,oCAAiC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/form-status/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-form-status.scss'\n"],"mappings":"AAKA,OAAO,iCAA8B"}

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

@@ -6,11 +6,11 @@ import React from 'react';
 import { GetTranslationProps } from '../../shared/Context';
 import { SkeletonShow } from '../skeleton/Skeleton';
 import type { SpacingProps } from '../../shared/types';
-export declare type GlobalErrorLink = {
+export type GlobalErrorLink = {
     text: string;
     url: string;
 };
-export declare type GlobalErrorProps = {
+export type GlobalErrorProps = {
     /**
      * When `404` or `500` is given, a predefined text will be shown.
      * Defaults to `400`.
@@ -46,8 +46,8 @@ export declare type GlobalErrorProps = {
      */
     skeleton?: SkeletonShow;
 };
-export declare type GlobalErrorAllProps = GlobalErrorProps & Omit<React.HTMLProps<HTMLElement>, 'ref'> & SpacingProps & GetTranslationProps;
-export declare type GlobalErrorTranslationContent = {
+export type GlobalErrorAllProps = GlobalErrorProps & Omit<React.HTMLProps<HTMLElement>, 'ref'> & SpacingProps & GetTranslationProps;
+export type GlobalErrorTranslationContent = {
     /**
      * Defining a `title` will overwrite the default provided by `status_content`.
      */
@@ -57,7 +57,7 @@ export declare type GlobalErrorTranslationContent = {
      */
     text?: React.ReactNode;
 };
-export declare type GlobalErrorTranslation = {
+export type GlobalErrorTranslation = {
     404?: GlobalErrorTranslationContent;
     500?: GlobalErrorTranslationContent;
 };

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

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["status", "skeleton", "center", "className", "title", "help", "code", "links", "text"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
@@ -24,22 +21,19 @@ export default function GlobalError(localProps) {
   const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.GlobalError, translation, translation[localProps.status || defaultProps.status], {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
-
   const {
-    status,
-    skeleton,
-    center,
-    className,
-    title,
-    help,
-    code,
-    links,
-    text
-  } = allProps,
-        attributes = _objectWithoutProperties(allProps, _excluded);
-
+      status,
+      skeleton,
+      center,
+      className,
+      title,
+      help,
+      code,
+      links,
+      text
+    } = allProps,
+    attributes = _objectWithoutProperties(allProps, _excluded);
   const textParams = {};
-
   if (typeof text === 'string') {
     textParams.dangerouslySetInnerHTML = {
       __html: text
@@ -47,13 +41,10 @@ export default function GlobalError(localProps) {
   } else {
     textParams.children = text;
   }
-
   const spacingClasses = createSpacingClasses(attributes);
-
   const params = _objectSpread({
     className: classnames(`dnb-global-error dnb-global-error--${status}`, createSpacingClasses(attributes), className, spacingClasses, center && 'dnb-global-error--center')
   }, attributes);
-
   const additionalContent = processChildren(allProps);
   return React.createElement(Skeleton, _extends({}, params, {
     show: skeleton,
@@ -86,4 +77,5 @@ export default function GlobalError(localProps) {
       href: url
     }, text);
   }))), additionalContent));
-}
+}
+//# sourceMappingURL=GlobalError.js.map

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

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

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

@@ -1,3 +1,4 @@
 import GlobalError from './GlobalError';
 export default GlobalError;
-export * from './GlobalError';
+export * from './GlobalError';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GlobalError"],"sources":["../../../../src/components/global-error/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport GlobalError from './GlobalError'\nexport default GlobalError\nexport * from './GlobalError'\n"],"mappings":"AAKA,OAAOA,WAAW,MAAM,eAAe;AACvC,eAAeA,WAAW;AAC1B,cAAc,eAAe"}

package/es/components/global-error/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/global-error/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-global-error.scss'\n"],"mappings":"AAKA,OAAO,4BAAyB"}

package/es/components/global-error/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/global-error/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-global-error-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,qCAAkC"}