@dnb/eufemia 10.57.1 → 10.59.0

package/cjs/components/dialog/parts/DialogAction.js

@@ -51,6 +51,22 @@ const DialogAction = _ref2 => {
     close
   } = (0, _react.useContext)(_ModalContext.default);
   let childrenWithCloseFunc;
+  const onConfirmHandler = (0, _react.useCallback)(event => {
+    (0, _componentHelper.dispatchCustomElementEvent)({
+      onConfirm
+    }, 'onConfirm', {
+      event,
+      close
+    });
+  }, [close, onConfirm]);
+  const onDeclineHandler = (0, _react.useCallback)(event => {
+    (0, _componentHelper.dispatchCustomElementEvent)({
+      onDecline
+    }, 'onDecline', {
+      event,
+      close
+    });
+  }, [close, onDecline]);
   if (children) {
     childrenWithCloseFunc = _react.default.Children.map(children, child => {
       if (child.type === _Button.default) {
@@ -73,26 +89,12 @@ const DialogAction = _ref2 => {
   }, props), childrenWithCloseFunc, !children && !hideDecline && _react.default.createElement(_Button.default, {
     text: declineText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog = translation.Dialog) === null || _translation$Dialog === void 0 ? void 0 : _translation$Dialog.declineText),
     variant: "secondary",
-    onClick: event => {
-      (0, _componentHelper.dispatchCustomElementEvent)({
-        onDecline
-      }, 'onDecline', {
-        event,
-        close
-      });
-    },
+    onClick: onDeclineHandler,
     size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
   }), !children && !hideConfirm && _react.default.createElement(_Button.default, {
     text: confirmText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog2 = translation.Dialog) === null || _translation$Dialog2 === void 0 ? void 0 : _translation$Dialog2.confirmText),
     variant: "primary",
-    onClick: event => {
-      (0, _componentHelper.dispatchCustomElementEvent)({
-        onConfirm
-      }, 'onConfirm', {
-        event,
-        close
-      });
-    },
+    onClick: onConfirmHandler,
     size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
   }));
 };

package/cjs/components/dialog/parts/DialogAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogAction.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Space","_shared","_ModalContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","translation","Button","ButtonContext","useContext","Context","ModalContext","childrenWithCloseFunc","React","Children","map","child","type","cloneElement","on_click","event","dispatchCustomElementEvent","createElement","element","classNames","text","Dialog","variant","onClick","size","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n  event: React.MouseEvent<HTMLElement>\n  close: () => void\n}\n\nexport type DialogActionProps = {\n  /**\n   * For dialog actions, give a custom text for the decline button.\n   */\n  declineText?: string | React.ReactNode\n\n  /**\n   * For dialog actions, give a custom text for the confirm button.\n   */\n  confirmText?: string | React.ReactNode\n\n  /**\n   * For variant confirmation, handle the confirm action click.\n   */\n  onConfirm?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, handle the decline action click.\n   */\n  onDecline?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, hide the default decline button and only show the confirm button.\n   */\n  hideDecline?: boolean\n\n  /**\n   * For variant confirmation, hide the default confirm button and only show the decline button.\n   */\n  hideConfirm?: boolean\n\n  /**\n   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n   */\n  children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n  SpacingProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n  declineText = null,\n  confirmText = null,\n  hideDecline = false,\n  hideConfirm = false,\n  onConfirm = fallbackCloseAction,\n  onDecline = fallbackCloseAction,\n  className,\n  children,\n  ...props\n}: DialogActionAllProps) => {\n  const { translation, Button: ButtonContext } = useContext(Context)\n  const { close } = useContext(ModalContext)\n  let childrenWithCloseFunc: Array<React.ReactChild>\n\n  if (children) {\n    childrenWithCloseFunc = React.Children.map(children, (child) => {\n      if (child.type === Button) {\n        return React.cloneElement(\n          child,\n          {\n            ...child.props,\n            on_click: (event) => {\n              dispatchCustomElementEvent(child.props, 'on_click', {\n                event,\n                close,\n              })\n            },\n          },\n          child.props.children\n        )\n      } else {\n        return child\n      }\n    })\n  }\n\n  return (\n    <Space\n      element=\"section\"\n      className={classNames('dnb-dialog__actions', className)}\n      {...props}\n    >\n      {childrenWithCloseFunc}\n\n      {!children && !hideDecline && (\n        <Button\n          text={declineText || translation?.Dialog?.declineText}\n          variant=\"secondary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n      {!children && !hideConfirm && (\n        <Button\n          text={confirmText || translation?.Dialog?.confirmText}\n          variant=\"primary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n    </Space>\n  )\n}\n\nDialogAction._supportsSpacingProps = true\n\nexport default DialogAction\n"],"mappings":"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"}
+{"version":3,"file":"DialogAction.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Space","_shared","_ModalContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","translation","Button","ButtonContext","useContext","Context","ModalContext","childrenWithCloseFunc","onConfirmHandler","useCallback","event","dispatchCustomElementEvent","onDeclineHandler","React","Children","map","child","type","cloneElement","on_click","createElement","element","classNames","text","Dialog","variant","onClick","size","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n  event: React.MouseEvent<HTMLElement>\n  close: () => void\n}\n\nexport type DialogActionProps = {\n  /**\n   * For dialog actions, give a custom text for the decline button.\n   */\n  declineText?: string | React.ReactNode\n\n  /**\n   * For dialog actions, give a custom text for the confirm button.\n   */\n  confirmText?: string | React.ReactNode\n\n  /**\n   * For variant confirmation, handle the confirm action click.\n   */\n  onConfirm?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, handle the decline action click.\n   */\n  onDecline?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, hide the default decline button and only show the confirm button.\n   */\n  hideDecline?: boolean\n\n  /**\n   * For variant confirmation, hide the default confirm button and only show the decline button.\n   */\n  hideConfirm?: boolean\n\n  /**\n   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n   */\n  children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n  SpacingProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n  declineText = null,\n  confirmText = null,\n  hideDecline = false,\n  hideConfirm = false,\n  onConfirm = fallbackCloseAction,\n  onDecline = fallbackCloseAction,\n  className,\n  children,\n  ...props\n}: DialogActionAllProps) => {\n  const { translation, Button: ButtonContext } = useContext(Context)\n  const { close } = useContext(ModalContext)\n  let childrenWithCloseFunc: Array<React.ReactChild>\n\n  const onConfirmHandler = useCallback(\n    (event) => {\n      dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n        event,\n        close,\n      })\n    },\n    [close, onConfirm]\n  )\n  const onDeclineHandler = useCallback(\n    (event) => {\n      dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n        event,\n        close,\n      })\n    },\n    [close, onDecline]\n  )\n\n  if (children) {\n    childrenWithCloseFunc = React.Children.map(children, (child) => {\n      if (child.type === Button) {\n        return React.cloneElement(\n          child,\n          {\n            ...child.props,\n            on_click: (event) => {\n              dispatchCustomElementEvent(child.props, 'on_click', {\n                event,\n                close,\n              })\n            },\n          },\n          child.props.children\n        )\n      } else {\n        return child\n      }\n    })\n  }\n\n  return (\n    <Space\n      element=\"section\"\n      className={classNames('dnb-dialog__actions', className)}\n      {...props}\n    >\n      {childrenWithCloseFunc}\n\n      {!children && !hideDecline && (\n        <Button\n          text={declineText || translation?.Dialog?.declineText}\n          variant=\"secondary\"\n          onClick={onDeclineHandler}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n      {!children && !hideConfirm && (\n        <Button\n          text={confirmText || translation?.Dialog?.confirmText}\n          variant=\"primary\"\n          onClick={onConfirmHandler}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n    </Space>\n  )\n}\n\nDialogAction._supportsSpacingProps = true\n\nexport default DialogAction\n"],"mappings":"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"}

package/cjs/components/form-label/FormLabel.js

@@ -66,8 +66,7 @@ function FormLabel(localProps) {
     }
     const forElem = document.querySelector(`#${forId}`);
     const target = (forElem === null || forElem === void 0 ? void 0 : forElem.closest('.dnb-input__border--root')) || (forElem === null || forElem === void 0 ? void 0 : forElem.closest('.dnb-input__border'));
-    if (target) {
-      var _elem$addEventListene, _elem$addEventListene2;
+    if (target && ref.current) {
       const elem = ref.current;
       const buttonEnter = () => {
         target.classList.add('no-hover');
@@ -89,17 +88,21 @@ function FormLabel(localProps) {
         });
       };
       const leave = () => {
-        var _elem$querySelector, _elem$querySelector$r;
+        var _button$removeEventLi;
         target.classList.remove('hover');
-        (_elem$querySelector = elem.querySelector('button')) === null || _elem$querySelector === void 0 ? void 0 : (_elem$querySelector$r = _elem$querySelector.removeEventListener) === null || _elem$querySelector$r === void 0 ? void 0 : _elem$querySelector$r.call(_elem$querySelector, 'mouseenter', buttonEnter);
+        const button = elem.querySelector('button');
+        button === null || button === void 0 ? void 0 : (_button$removeEventLi = button.removeEventListener) === null || _button$removeEventLi === void 0 ? void 0 : _button$removeEventLi.call(button, 'mouseenter', buttonEnter);
       };
-      elem === null || elem === void 0 ? void 0 : (_elem$addEventListene = elem.addEventListener) === null || _elem$addEventListene === void 0 ? void 0 : _elem$addEventListene.call(elem, 'mouseenter', enter);
-      elem === null || elem === void 0 ? void 0 : (_elem$addEventListene2 = elem.addEventListener) === null || _elem$addEventListene2 === void 0 ? void 0 : _elem$addEventListene2.call(elem, 'mouseleave', leave);
+      elem.addEventListener('mouseenter', enter);
+      elem.addEventListener('mouseleave', leave);
       return () => {
-        var _elem$removeEventList, _elem$removeEventList2, _elem$querySelector2, _elem$querySelector2$;
-        elem === null || elem === void 0 ? void 0 : (_elem$removeEventList = elem.removeEventListener) === null || _elem$removeEventList === void 0 ? void 0 : _elem$removeEventList.call(elem, 'mouseenter', enter);
-        elem === null || elem === void 0 ? void 0 : (_elem$removeEventList2 = elem.removeEventListener) === null || _elem$removeEventList2 === void 0 ? void 0 : _elem$removeEventList2.call(elem, 'mouseleave', leave);
-        (_elem$querySelector2 = elem.querySelector('button')) === null || _elem$querySelector2 === void 0 ? void 0 : (_elem$querySelector2$ = _elem$querySelector2.removeEventListener) === null || _elem$querySelector2$ === void 0 ? void 0 : _elem$querySelector2$.call(_elem$querySelector2, 'mouseleave', buttonLeave);
+        if (elem) {
+          var _button$removeEventLi2;
+          elem.removeEventListener('mouseenter', enter);
+          elem.removeEventListener('mouseleave', leave);
+          const button = elem.querySelector('button');
+          button === null || button === void 0 ? void 0 : (_button$removeEventLi2 = button.removeEventListener) === null || _button$removeEventLi2 === void 0 ? void 0 : _button$removeEventLi2.call(button, 'mouseleave', buttonLeave);
+        }
       };
     }
   }, [forId, ref]);

package/cjs/components/form-label/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_SkeletonHelper","_filterValidProps","_withSnakeCaseProps","_utils","_Context","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormLabel","localProps","context","React","useContext","Context","props","convertSnakeCaseProps","extendPropsWithContext","skeleton","pickFormElementProps","FormRow","formElement","nestedContent","text","children","nestedNode","nestedElement","createElement","forId","srOnly","vertical","labelDirection","size","element","Element","innerRef","className","attributes","content","isInteractive","Boolean","disabled","onClick","params","classnames","isTrue","createSkeletonClass","createSpacingClasses","right","omitSpacingProps","htmlFor","labelRef","useRef","ref","useEffect","forElem","document","querySelector","closest","_elem$addEventListene","_elem$addEventListene2","elem","current","buttonEnter","classList","add","leave","buttonLeave","remove","enter","_button$addEventListe","_button$addEventListe2","button","addEventListener","once","_elem$querySelector","_elem$querySelector$r","removeEventListener","_elem$removeEventList","_elem$removeEventList2","_elem$querySelector2","_elem$querySelector2$","skeletonDOMAttributes","validateDOMAttributes","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React, { useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport {\n  FormElementProps,\n  pickFormElementProps,\n} from '../../shared/helpers/filterValidProps'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport { omitSpacingProps } from '../flex/utils'\nimport Context from '../../shared/Context'\nimport type {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /**\n   * For internal use only\n   */\n  labelDirection?: FormElementProps['labelDirection']\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use \"vertical\" (or \"labelDirection\" for internal use) instead (was not documented before) */\n  label_direction?: FormElementProps['label_direction']\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps(\n    extendPropsWithContext(\n      localProps,\n      null,\n      { skeleton: context?.skeleton },\n      pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n      pickFormElementProps(context?.formElement),\n      context?.FormLabel\n    )\n  )\n\n  const nestedContent = props?.text || props?.children\n  const nestedNode =\n    nestedContent?.['type'] === FormLabel ? nestedContent?.['type'] : null\n  const nestedElement = nestedNode\n    ? () => React.createElement(nestedNode, nestedContent['props'])\n    : null\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    labelDirection,\n    size,\n    skeleton,\n    element: Element = nestedElement || 'label',\n    innerRef,\n    className,\n    children,\n    ...attributes\n  } = props\n\n  const content = text || children\n\n  const isInteractive = Boolean(\n    !props.disabled &&\n      !srOnly &&\n      (typeof props.onClick === 'function' || forId)\n  )\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || labelDirection === 'vertical') &&\n        `dnb-form-label--vertical`,\n      srOnly && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      isInteractive && 'dnb-form-label--interactive',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(\n        content ? { right: 'small', ...props } : omitSpacingProps(props)\n      ),\n      className\n    ),\n    htmlFor: forId,\n    ...(attributes as DynamicElementParams),\n  }\n\n  const labelRef = useRef<HTMLLabelElement>(null)\n  const ref = innerRef || labelRef\n  if (!nestedNode) {\n    params['ref'] = ref\n  }\n\n  useEffect(() => {\n    if (!forId) {\n      return\n    }\n\n    const forElem = document.querySelector(`#${forId}`)\n    const target =\n      forElem?.closest('.dnb-input__border--root') ||\n      forElem?.closest('.dnb-input__border')\n\n    if (target) {\n      const elem = ref.current\n\n      const buttonEnter = () => {\n        target.classList.add('no-hover')\n        leave()\n      }\n      const buttonLeave = () => {\n        target.classList.remove('no-hover')\n        enter()\n      }\n\n      const enter = () => {\n        target.classList.add('hover')\n\n        // Remove the style from interactive elements (e.g. HelpButton)\n        const button = elem.querySelector('button')\n        button?.addEventListener?.('mouseenter', buttonEnter, {\n          once: true,\n        })\n        button?.addEventListener?.('mouseleave', buttonLeave, {\n          once: true,\n        })\n      }\n      const leave = () => {\n        target.classList.remove('hover')\n\n        elem\n          .querySelector('button')\n          ?.removeEventListener?.('mouseenter', buttonEnter)\n      }\n\n      elem?.addEventListener?.('mouseenter', enter)\n      elem?.addEventListener?.('mouseleave', leave)\n\n      return () => {\n        elem?.removeEventListener?.('mouseenter', enter)\n        elem?.removeEventListener?.('mouseleave', leave)\n        elem\n          .querySelector('button')\n          ?.removeEventListener?.('mouseleave', buttonLeave)\n      }\n    }\n  }, [forId, ref])\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{content}</Element>\n}\n\nFormLabel._formElement = true\nFormLabel._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"FormLabel.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_SkeletonHelper","_filterValidProps","_withSnakeCaseProps","_utils","_Context","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormLabel","localProps","context","React","useContext","Context","props","convertSnakeCaseProps","extendPropsWithContext","skeleton","pickFormElementProps","FormRow","formElement","nestedContent","text","children","nestedNode","nestedElement","createElement","forId","srOnly","vertical","labelDirection","size","element","Element","innerRef","className","attributes","content","isInteractive","Boolean","disabled","onClick","params","classnames","isTrue","createSkeletonClass","createSpacingClasses","right","omitSpacingProps","htmlFor","labelRef","useRef","ref","useEffect","forElem","document","querySelector","closest","current","elem","buttonEnter","classList","add","leave","buttonLeave","remove","enter","_button$addEventListe","_button$addEventListe2","button","addEventListener","once","_button$removeEventLi","removeEventListener","_button$removeEventLi2","skeletonDOMAttributes","validateDOMAttributes","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React, { useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport {\n  FormElementProps,\n  pickFormElementProps,\n} from '../../shared/helpers/filterValidProps'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport { omitSpacingProps } from '../flex/utils'\nimport Context from '../../shared/Context'\nimport type {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /**\n   * For internal use only\n   */\n  labelDirection?: FormElementProps['labelDirection']\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use \"vertical\" (or \"labelDirection\" for internal use) instead (was not documented before) */\n  label_direction?: FormElementProps['label_direction']\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps(\n    extendPropsWithContext(\n      localProps,\n      null,\n      { skeleton: context?.skeleton },\n      pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n      pickFormElementProps(context?.formElement),\n      context?.FormLabel\n    )\n  )\n\n  const nestedContent = props?.text || props?.children\n  const nestedNode =\n    nestedContent?.['type'] === FormLabel ? nestedContent?.['type'] : null\n  const nestedElement = nestedNode\n    ? () => React.createElement(nestedNode, nestedContent['props'])\n    : null\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    labelDirection,\n    size,\n    skeleton,\n    element: Element = nestedElement || 'label',\n    innerRef,\n    className,\n    children,\n    ...attributes\n  } = props\n\n  const content = text || children\n\n  const isInteractive = Boolean(\n    !props.disabled &&\n      !srOnly &&\n      (typeof props.onClick === 'function' || forId)\n  )\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || labelDirection === 'vertical') &&\n        `dnb-form-label--vertical`,\n      srOnly && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      isInteractive && 'dnb-form-label--interactive',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(\n        content ? { right: 'small', ...props } : omitSpacingProps(props)\n      ),\n      className\n    ),\n    htmlFor: forId,\n    ...(attributes as DynamicElementParams),\n  }\n\n  const labelRef = useRef<HTMLLabelElement>(null)\n  const ref = innerRef || labelRef\n  if (!nestedNode) {\n    params['ref'] = ref\n  }\n\n  useEffect(() => {\n    if (!forId) {\n      return\n    }\n\n    const forElem = document.querySelector(`#${forId}`)\n    const target =\n      forElem?.closest('.dnb-input__border--root') ||\n      forElem?.closest('.dnb-input__border')\n\n    if (target && ref.current) {\n      const elem = ref.current\n\n      const buttonEnter = () => {\n        target.classList.add('no-hover')\n        leave()\n      }\n      const buttonLeave = () => {\n        target.classList.remove('no-hover')\n        enter()\n      }\n\n      const enter = () => {\n        target.classList.add('hover')\n\n        // Remove the style from interactive elements (e.g. HelpButton)\n        const button = elem.querySelector('button')\n        button?.addEventListener?.('mouseenter', buttonEnter, {\n          once: true,\n        })\n        button?.addEventListener?.('mouseleave', buttonLeave, {\n          once: true,\n        })\n      }\n      const leave = () => {\n        target.classList.remove('hover')\n\n        const button = elem.querySelector('button')\n        button?.removeEventListener?.('mouseenter', buttonEnter)\n      }\n\n      elem.addEventListener('mouseenter', enter)\n      elem.addEventListener('mouseleave', leave)\n\n      return () => {\n        if (elem) {\n          elem.removeEventListener('mouseenter', enter)\n          elem.removeEventListener('mouseleave', leave)\n\n          const button = elem.querySelector('button')\n          button?.removeEventListener?.('mouseleave', buttonLeave)\n        }\n      }\n    }\n  }, [forId, ref])\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{content}</Element>\n}\n\nFormLabel._formElement = true\nFormLabel._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/number-format/NumberUtils.js

@@ -380,30 +380,30 @@ const formatPhone = function (number) {
   switch (locale) {
     default:
       {
-        number = String(number).replace(/[^+0-9]/g, '');
         let code = '';
-        if (number.length > 8 && number.substring(0, 2) !== '00' && !number.startsWith('+')) {
-          number = '+' + number;
-        }
-        if (number[0] === '+') {
-          code = number.substring(0, 3) + ' ';
-          number = number.substring(3);
-        } else if (number.substring(0, 2) === '00') {
-          code = number.substring(0, 4) + ' ';
-          number = number.substring(4);
+        number = String(number).replace(/^(00|\+|)47([^\s])/, '+47 $2').replace(/^00/, '+');
+        if (number.substring(0, 1) === '+') {
+          const codeAndNumber = number.match(/^\+([\d-]{1,8})\s{0,2}([\d\s-]{1,20})$/);
+          if (codeAndNumber) {
+            code = `+${codeAndNumber[1]} `;
+            number = codeAndNumber[2];
+          }
         }
-        code = code.replace(/^00/, '+');
+        number = number.replace(/[^+\d]/g, '');
         const length = number.length;
-        if (length === 8 && number[0] === '8') {
-          display = code + number.split(/([0-9]{3})([0-9]{2})/).filter(s => s).join(' ');
+        if (length === 8 && number.substring(0, 1) === '8') {
+          display = code + number.split(/([\d]{3})([\d]{2})/).filter(s => s).join(' ');
         } else {
           if (length < 6) {
             display = code + number;
           } else {
-            display = code + number.split(length === 6 ? /^(\+[0-9]{2})|([0-9]{3})/ : /^(\+[0-9]{2})|([0-9]{2})/).filter(s => s).join(' ');
+            if (code.includes('-')) {
+              code = code.replace(/(\+[\d]{1,2})-([\d]{1,6})/, '$1 ($2)');
+            }
+            display = code + number.split(length === 6 ? /^(\+[\d]{2})|([\d]{3})/ : /^(\+[\d]{2})|([\d]{2})/).filter(s => s).join(' ');
           }
         }
-        aria = code + number.split(/([0-9]{2})/).filter(s => s).join(' ');
+        aria = code + number.split(/([\d]{2})/).filter(s => s).join(' ');
       }
   }
   if (aria === null) {