@dnb/eufemia 10.2.0 → 10.3.0

package/components/dialog/Dialog.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 = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "disabled", "variant", "title", "dialogTitle", "closeTitle", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "triggerAttributes", "hideCloseButton", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "preventOverlayClose", "openState", "openDelay", "trigger", "omitTriggerButton", "overlayClass", "contentClass", "contentRef", "scrollRef", "top", "bottom", "left", "right", "space"];
-
-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, { useContext } from 'react';
 import Modal from '../modal/Modal';
 import DialogContent from './DialogContent';
@@ -21,68 +18,62 @@ const defaultProps = {
   variant: 'information',
   spacing: true
 };
-
 function Dialog(localProps) {
   const context = useContext(Context);
   const propsWithContext = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.Dialog);
-
   const {
-    id,
-    rootId,
-    contentId,
-    focusSelector,
-    labelledBy,
-    directDomReturn,
-    disabled,
-    variant,
-    title,
-    dialogTitle,
-    closeTitle,
-    spacing,
-    noAnimation,
-    noAnimationOnMobile,
-    animationDuration,
-    triggerAttributes,
-    hideCloseButton,
-    fullscreen,
-    onOpen,
-    onClose,
-    onClosePrevent,
-    openModal,
-    closeModal,
-    preventClose,
-    preventOverlayClose,
-    openState,
-    openDelay,
-    trigger,
-    omitTriggerButton = false,
-    overlayClass,
-    contentClass,
-    contentRef,
-    scrollRef,
-    top,
-    bottom,
-    left,
-    right,
-    space
-  } = propsWithContext,
-        props = _objectWithoutProperties(propsWithContext, _excluded);
-
+      id,
+      rootId,
+      contentId,
+      focusSelector,
+      labelledBy,
+      directDomReturn,
+      disabled,
+      variant,
+      title,
+      dialogTitle,
+      closeTitle,
+      spacing,
+      noAnimation,
+      noAnimationOnMobile,
+      animationDuration,
+      triggerAttributes,
+      hideCloseButton,
+      fullscreen,
+      onOpen,
+      onClose,
+      onClosePrevent,
+      openModal,
+      closeModal,
+      preventClose,
+      preventOverlayClose,
+      openState,
+      openDelay,
+      trigger,
+      omitTriggerButton = false,
+      overlayClass,
+      contentClass,
+      contentRef,
+      scrollRef,
+      top,
+      bottom,
+      left,
+      right,
+      space
+    } = propsWithContext,
+    props = _objectWithoutProperties(propsWithContext, _excluded);
   let currentHideCloseButton = hideCloseButton;
   let currentOmitTriggerButton = omitTriggerButton;
   let currentFullscreen = fullscreen;
   let currentPreventOverlayClose = preventOverlayClose;
-
   if (variant === 'confirmation') {
     currentHideCloseButton = hideCloseButton !== undefined ? hideCloseButton : true;
     currentOmitTriggerButton = triggerAttributes !== undefined ? omitTriggerButton : true;
     currentPreventOverlayClose = preventOverlayClose !== undefined ? preventOverlayClose : true;
   }
-
   if (fullscreen === undefined && fullscreen !== false) {
     currentFullscreen = variant === 'information' ? 'auto' : false;
   }
-
   const modalProps = {
     title,
     id,
@@ -121,7 +112,6 @@ function Dialog(localProps) {
     contentRef,
     scrollRef
   };
-
   const dialogProps = _objectSpread(_objectSpread({}, props), {}, {
     noAnimation,
     noAnimationOnMobile,
@@ -129,15 +119,14 @@ function Dialog(localProps) {
     spacing,
     variant
   });
-
   return React.createElement(Modal, _extends({}, modalProps, {
     dialogRole: variant == 'information' ? 'dialog' : 'alertdialog',
     contentClass: classnames('dnb-dialog__root', contentClass)
   }), React.createElement(DialogContent, dialogProps));
 }
-
 Dialog.Body = DialogBody;
 Dialog.Header = DialogHeader;
 Dialog.Navigation = DialogNavigation;
 Dialog.Action = DialogAction;
-export default Dialog;
+export default Dialog;
+//# sourceMappingURL=Dialog.js.map

package/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["React","useContext","Modal","DialogContent","DialogBody","DialogHeader","DialogNavigation","classnames","Context","DialogAction","extendPropsWithContext","defaultProps","variant","spacing","Dialog","localProps","context","propsWithContext","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","disabled","title","dialogTitle","closeTitle","noAnimation","noAnimationOnMobile","animationDuration","triggerAttributes","hideCloseButton","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","trigger","omitTriggerButton","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","undefined","modalProps","dialogProps","_objectSpread","createElement","_extends","dialogRole","Body","Header","Navigation","Action"],"sources":["../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["/**\n * Web Dialog Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DialogContent from './DialogContent'\nimport DialogBody from './parts/DialogBody'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport { DialogProps, DialogContentProps } from './types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport DialogAction from './parts/DialogAction'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nconst defaultProps = {\n  variant: 'information',\n  spacing: true,\n}\n\nfunction Dialog(\n  localProps: DialogProps & DialogContentProps\n): JSX.Element {\n  const context = useContext(Context)\n\n  const propsWithContext = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Dialog\n  )\n\n  const {\n    id,\n    rootId,\n    contentId,\n    focusSelector,\n    labelledBy,\n    directDomReturn,\n    disabled,\n\n    variant,\n    title,\n    dialogTitle,\n    closeTitle,\n    spacing,\n    noAnimation,\n    noAnimationOnMobile,\n    animationDuration,\n    triggerAttributes,\n    hideCloseButton,\n    fullscreen,\n\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    preventClose,\n    preventOverlayClose,\n    openState,\n    openDelay,\n\n    trigger,\n    omitTriggerButton = false,\n    overlayClass,\n    contentClass,\n    contentRef,\n    scrollRef,\n\n    top,\n    bottom,\n    left,\n    right,\n    space,\n\n    ...props\n  } = propsWithContext\n\n  let currentHideCloseButton = hideCloseButton\n  let currentOmitTriggerButton = omitTriggerButton\n  let currentFullscreen = fullscreen\n  let currentPreventOverlayClose = preventOverlayClose\n\n  if (variant === 'confirmation') {\n    currentHideCloseButton =\n      hideCloseButton !== undefined ? hideCloseButton : true\n    currentOmitTriggerButton =\n      triggerAttributes !== undefined ? omitTriggerButton : true\n    currentPreventOverlayClose =\n      preventOverlayClose !== undefined ? preventOverlayClose : true\n  }\n\n  if (fullscreen === undefined && fullscreen !== false) {\n    currentFullscreen = variant === 'information' ? 'auto' : false\n  }\n\n  const modalProps = {\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton: currentHideCloseButton,\n    preventClose,\n    preventOverlayClose: currentPreventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton: currentOmitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n    contentRef,\n    scrollRef,\n  }\n\n  const dialogProps = {\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    spacing,\n    variant,\n  }\n\n  return (\n    <Modal\n      {...modalProps}\n      dialogRole={variant == 'information' ? 'dialog' : 'alertdialog'}\n      contentClass={classnames('dnb-dialog__root', contentClass)}\n    >\n      <DialogContent {...dialogProps} />\n    </Modal>\n  )\n}\n\nDialog.Body = DialogBody\nDialog.Header = DialogHeader\nDialog.Navigation = DialogNavigation\nDialog.Action = DialogAction\n\nexport default Dialog\n"],"mappings":"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"}

package/components/dialog/DialogContent.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["modalContent", "navContent", "headerContent", "alignContent", "className", "preventCoreStyle", "spacing", "fullscreen", "noAnimation", "noAnimationOnMobile", "minWidth", "maxWidth", "variant", "confirmType", "icon", "description", "hideDecline", "onConfirm", "onDecline", "declineText", "confirmText"];
-
-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, { useContext } from 'react';
 import classnames from 'classnames';
 import { isTrue, findElementInChildren, validateDOMAttributes } from '../../shared/component-helper';
@@ -21,30 +18,29 @@ import ModalHeader from '../modal/parts/ModalHeader';
 import IconPrimary from '../icon-primary/IconPrimary';
 export default function DialogContent(_ref) {
   let {
-    modalContent = null,
-    navContent = null,
-    headerContent = null,
-    alignContent = null,
-    className = null,
-    preventCoreStyle = null,
-    spacing = true,
-    fullscreen,
-    noAnimation = false,
-    noAnimationOnMobile = false,
-    minWidth: min_width = null,
-    maxWidth: max_width = null,
-    variant = 'information',
-    confirmType = 'info',
-    icon = null,
-    description,
-    hideDecline,
-    onConfirm,
-    onDecline,
-    declineText,
-    confirmText
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      modalContent = null,
+      navContent = null,
+      headerContent = null,
+      alignContent = null,
+      className = null,
+      preventCoreStyle = null,
+      spacing = true,
+      fullscreen,
+      noAnimation = false,
+      noAnimationOnMobile = false,
+      minWidth: min_width = null,
+      maxWidth: max_width = null,
+      variant = 'information',
+      confirmType = 'info',
+      icon = null,
+      description,
+      hideDecline,
+      onConfirm,
+      onDecline,
+      declineText,
+      confirmText
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const context = useContext(ModalContext);
   const {
     minWidth,
@@ -53,11 +49,9 @@ export default function DialogContent(_ref) {
   const content = modalContent || getContent(typeof rest.children === 'function' ? Object.freeze(_objectSpread(_objectSpread({}, rest), {}, {
     close: context === null || context === void 0 ? void 0 : context.close
   })) : rest);
-
   if (alignContent === null) {
     alignContent = variant === 'information' ? 'left' : 'centered';
   }
-
   const contentParams = _objectSpread({
     className: classnames('dnb-dialog', isTrue(fullscreen) ? `dnb-dialog--fullscreen` : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`, className, !isTrue(preventCoreStyle) && 'dnb-core-style', variant && `dnb-dialog--${variant}`, isTrue(spacing) && 'dnb-dialog--spacing', alignContent && `dnb-dialog__align--${alignContent}`, isTrue(context === null || context === void 0 ? void 0 : context.hide) && `dnb-dialog--hide`, isTrue(noAnimation) && `dnb-dialog--no-animation`, isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`),
     style: (minWidth || maxWidth) && {
@@ -68,7 +62,6 @@ export default function DialogContent(_ref) {
     onTouchStart: context === null || context === void 0 ? void 0 : context.preventClick,
     onKeyDown: context === null || context === void 0 ? void 0 : context.onKeyDownHandler
   }, rest);
-
   const navExists = findElementInChildren(content, cur => cur.type === DialogNavigation || cur.type === ModalHeaderBar);
   const headerExists = findElementInChildren(content, cur => cur.type === DialogHeader || cur.type === ModalHeader);
   const actionExists = findElementInChildren(content, cur => cur.type === DialogAction);
@@ -101,4 +94,5 @@ export default function DialogContent(_ref) {
     id: (context === null || context === void 0 ? void 0 : context.contentId) + '-content',
     className: "dnb-dialog__content"
   }, description, content), variant === 'confirmation' && !actionExists && React.createElement(DialogAction, dialogActionProps))));
-}
+}
+//# sourceMappingURL=DialogContent.js.map

package/components/dialog/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","names":["React","useContext","classnames","isTrue","findElementInChildren","validateDOMAttributes","ScrollView","DialogHeader","DialogNavigation","DialogAction","getContent","ModalContext","checkMinMaxWidth","ModalHeaderBar","ModalHeader","IconPrimary","DialogContent","_ref","modalContent","navContent","headerContent","alignContent","className","preventCoreStyle","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","variant","confirmType","icon","description","hideDecline","onConfirm","onDecline","declineText","confirmText","rest","_objectWithoutProperties","_excluded","context","content","children","Object","freeze","_objectSpread","close","contentParams","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","navExists","cur","type","headerExists","actionExists","dialogActionProps","createElement","ref","scrollRef","tabIndex","contentRef","border","key","title","size","id","contentId"],"sources":["../../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  findElementInChildren,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport DialogAction from './parts/DialogAction'\nimport { getContent } from '../modal/helpers'\nimport ModalContext from '../modal/ModalContext'\nimport { checkMinMaxWidth } from '../drawer/helpers'\nimport { DialogContentProps } from './types'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport IconPrimary from '../icon-primary/IconPrimary'\n\nexport default function DialogContent({\n  modalContent = null,\n  navContent = null,\n  headerContent = null,\n  alignContent = null,\n  className = null,\n  preventCoreStyle = null,\n  spacing = true,\n  fullscreen,\n  noAnimation = false,\n  noAnimationOnMobile = false,\n  minWidth: min_width = null,\n  maxWidth: max_width = null,\n  variant = 'information',\n  confirmType = 'info',\n  icon = null,\n  description,\n  hideDecline,\n  onConfirm,\n  onDecline,\n  declineText,\n  confirmText,\n  ...rest\n}: DialogContentProps): JSX.Element {\n  const context = useContext(ModalContext)\n  const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n  const content =\n    modalContent ||\n    getContent(\n      typeof rest.children === 'function'\n        ? Object.freeze({ ...rest, close: context?.close })\n        : rest\n    )\n\n  if (alignContent === null) {\n    alignContent = variant === 'information' ? 'left' : 'centered'\n  }\n\n  const contentParams = {\n    className: classnames(\n      !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n      'dnb-dialog',\n      variant && `dnb-dialog--${variant}`,\n      isTrue(spacing) && 'dnb-dialog--spacing',\n      alignContent && `dnb-dialog__align--${alignContent}`,\n      isTrue(fullscreen)\n        ? `dnb-dialog--fullscreen`\n        : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`,\n      isTrue(context?.hide) && `dnb-dialog--hide`,\n      isTrue(noAnimation) && `dnb-dialog--no-animation`,\n      isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`,\n      className\n    ),\n    style: (minWidth || maxWidth) && { minWidth, maxWidth },\n    onClick: context?.preventClick,\n    onTouchStart: context?.preventClick,\n    onKeyDown: context?.onKeyDownHandler,\n    ...rest,\n  }\n\n  const navExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogNavigation || cur.type === ModalHeaderBar\n  )\n\n  const headerExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogHeader || cur.type === ModalHeader\n  )\n\n  const actionExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogAction\n  )\n\n  const dialogActionProps = {\n    onConfirm,\n    onDecline,\n    declineText,\n    confirmText,\n    hideDecline,\n  }\n\n  validateDOMAttributes({}, contentParams)\n\n  return (\n    <div {...contentParams}>\n      <ScrollView ref={context?.scrollRef}>\n        <div\n          tabIndex={-1}\n          className=\"dnb-dialog__inner dnb-no-focus\"\n          ref={context?.contentRef}\n        >\n          {!navExists && <DialogNavigation>{navContent}</DialogNavigation>}\n\n          {icon && (\n            <div className=\"dnb-dialog__icon\">\n              <IconPrimary\n                border\n                key=\"dialog-icon\"\n                icon={icon}\n                aria-hidden\n                className={classnames(\n                  'dnb-dialog__icon__primary',\n                  'dnb-dialog__icon--' + confirmType\n                )}\n              />\n            </div>\n          )}\n\n          {!headerExists && (\n            <DialogHeader\n              title={context?.title}\n              size={variant === 'information' ? 'x-large' : 'large'}\n            >\n              {headerContent}\n            </DialogHeader>\n          )}\n\n          <div\n            id={context?.contentId + '-content'}\n            className=\"dnb-dialog__content\"\n          >\n            {description}\n            {content}\n          </div>\n\n          {variant === 'confirmation' && !actionExists && (\n            <DialogAction {...dialogActionProps} />\n          )}\n        </div>\n      </ScrollView>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/components/dialog/index.js

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

package/components/dialog/index.js.map

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

package/components/dialog/parts/DialogAction.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { SpacingProps } from '../../space/types';
-declare type extendedMouseEvent = {
+type extendedMouseEvent = {
     event: React.MouseEvent<HTMLElement>;
     close: () => void;
 };
-export declare type DialogActionProps = {
+export type DialogActionProps = {
     /**
      * For dialog actions, give a custom text for the decline button.
      */
@@ -30,6 +30,6 @@ export declare type DialogActionProps = {
      */
     children?: React.ReactElement | Array<React.ReactElement>;
 };
-export declare type DialogActionAllProps = DialogActionProps & SpacingProps & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
+export type DialogActionAllProps = DialogActionProps & SpacingProps & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
 declare const DialogAction: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, className, children, ...props }: DialogActionAllProps) => JSX.Element;
 export default DialogAction;

package/components/dialog/parts/DialogAction.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 = ["declineText", "confirmText", "hideDecline", "onConfirm", "onDecline", "className", "children"];
-
-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, { useContext } from 'react';
 import classNames from 'classnames';
 import Button from '../../button/Button';
@@ -14,28 +11,24 @@ import Space from '../../space/Space';
 import { Context } from '../../../shared';
 import ModalContext from '../../modal/ModalContext';
 import { dispatchCustomElementEvent } from '../../../shared/component-helper';
-
 const fallbackCloseAction = _ref => {
   let {
     close
   } = _ref;
   return close();
 };
-
 const DialogAction = _ref2 => {
   var _translation$Dialog, _translation$Dialog2;
-
   let {
-    declineText = null,
-    confirmText = null,
-    hideDecline = false,
-    onConfirm = fallbackCloseAction,
-    onDecline = fallbackCloseAction,
-    className,
-    children
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+      declineText = null,
+      confirmText = null,
+      hideDecline = false,
+      onConfirm = fallbackCloseAction,
+      onDecline = fallbackCloseAction,
+      className,
+      children
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
   const {
     translation,
     Button: ButtonContext
@@ -44,7 +37,6 @@ const DialogAction = _ref2 => {
     close
   } = useContext(ModalContext);
   let childrenWithCloseFunc;
-
   if (children) {
     childrenWithCloseFunc = React.Children.map(children, child => {
       if (child.type === Button) {
@@ -61,7 +53,6 @@ const DialogAction = _ref2 => {
       }
     });
   }
-
   return React.createElement(Space, _extends({
     element: "section",
     className: classNames('dnb-dialog__actions', className)
@@ -91,5 +82,5 @@ const DialogAction = _ref2 => {
     size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
   }));
 };
-
-export default DialogAction;
+export default DialogAction;
+//# sourceMappingURL=DialogAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogAction.js","names":["React","useContext","classNames","Button","Space","Context","ModalContext","dispatchCustomElementEvent","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","onConfirm","onDecline","className","children","props","_objectWithoutProperties","_excluded","translation","ButtonContext","childrenWithCloseFunc","Children","map","child","type","cloneElement","_objectSpread","on_click","event","createElement","_extends","element","text","Dialog","variant","onClick","size"],"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   * 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  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 && (\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\nexport default DialogAction\n"],"mappings":"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"}

package/components/dialog/parts/DialogBody.js

@@ -6,14 +6,14 @@ import classnames from 'classnames';
 import ModalInner from '../../modal/parts/ModalInner';
 export default function DialogBody(_ref) {
   let {
-    className,
-    styleType,
-    ref
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      styleType,
+      ref
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(ModalInner, _extends({}, props, {
     style_type: styleType,
     className: classnames('dnb-dialog__body', className)
   }));
-}
+}
+//# sourceMappingURL=DialogBody.js.map

package/components/dialog/parts/DialogBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBody.js","names":["React","classnames","ModalInner","DialogBody","_ref","className","styleType","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","style_type"],"sources":["../../../../../src/components/dialog/parts/DialogBody.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalInner, { ModalInnerProps } from '../../modal/parts/ModalInner'\nimport type { SectionStyleTypes } from '../../Section'\n\ninterface DialogBodyProps extends ModalInnerProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-dialog__body`).\n   */\n  className?: string\n\n  /**\n   * Color/Style of the dialog body\n   */\n  styleType?: SectionStyleTypes\n}\n\nexport default function DialogBody({\n  className,\n  styleType,\n  ref, //eslint-disable-line\n  ...props\n}: DialogBodyProps & React.HTMLProps<HTMLElement>) {\n  return (\n    <ModalInner\n      {...props}\n      style_type={styleType}\n      className={classnames('dnb-dialog__body', className)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAA2B,8BAA8B;AAe1E,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAKiB;EAAA,IALhB;MACjCC,SAAS;MACTC,SAAS;MACTC;IAE8C,CAAC,GAAAH,IAAA;IAD5CI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,OACEV,KAAA,CAAAW,aAAA,CAACT,UAAU,EAAAU,QAAA,KACLJ,KAAK;IACTK,UAAU,EAAEP,SAAU;IACtBD,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,EACtD,CAAC;AAEN"}

package/components/dialog/parts/DialogHeader.js

@@ -6,16 +6,16 @@ import classnames from 'classnames';
 import ModalHeader from '../../modal/parts/ModalHeader';
 export default function DialogHeader(_ref) {
   let {
-    className,
-    titleClass,
-    size = 'large',
-    ref
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      titleClass,
+      size = 'large',
+      ref
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(ModalHeader, _extends({}, props, {
     size: size,
     className: classnames('dnb-dialog__header', className),
     title_class: classnames('dnb-dialog__title', titleClass)
   }));
-}
+}
+//# sourceMappingURL=DialogHeader.js.map

package/components/dialog/parts/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.js","names":["React","classnames","ModalHeader","DialogHeader","_ref","className","titleClass","size","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","title_class"],"sources":["../../../../../src/components/dialog/parts/DialogHeader.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeader, {\n  ModalHeaderProps,\n} from '../../modal/parts/ModalHeader'\nimport type { SpacingProps } from '../../space/types'\n\ninterface DialogHeaderProps extends ModalHeaderProps, SpacingProps {\n  titleClass?: string\n}\n\nexport default function DialogHeader({\n  className,\n  titleClass,\n  size = 'large',\n  ref, // eslint-disable-line\n  ...props\n}: DialogHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size'>) {\n  return (\n    <ModalHeader\n      {...props}\n      size={size}\n      className={classnames('dnb-dialog__header', className)}\n      title_class={classnames('dnb-dialog__title', titleClass)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAEX,+BAA+B;AAOtC,eAAe,SAASC,YAAYA,CAAAC,IAAA,EAM+B;EAAA,IAN9B;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,OAAO;MACdC;IAE8D,CAAC,GAAAJ,IAAA;IAD5DK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,OACEX,KAAA,CAAAY,aAAA,CAACV,WAAW,EAAAW,QAAA,KACNJ,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS,CAAE;IACvDS,WAAW,EAAEb,UAAU,CAAC,mBAAmB,EAAEK,UAAU;EAAE,EAC1D,CAAC;AAEN"}

package/components/dialog/parts/DialogNavigation.js

@@ -6,12 +6,12 @@ import classnames from 'classnames';
 import ModalHeaderBar from '../../modal/parts/ModalHeaderBar';
 export default function DialogNavigation(_ref) {
   let {
-    className,
-    ref
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      ref
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(ModalHeaderBar, _extends({}, props, {
     className: classnames('dnb-dialog__navigation', className)
   }));
-}
+}
+//# sourceMappingURL=DialogNavigation.js.map

package/components/dialog/parts/DialogNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogNavigation.js","names":["React","classnames","ModalHeaderBar","DialogNavigation","_ref","className","ref","props","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../../src/components/dialog/parts/DialogNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeaderBar, {\n  ModalHeaderBarProps,\n} from '../../modal/parts/ModalHeaderBar'\n\nexport default function DialogNavigation({\n  className,\n  ref, //eslint-disable-line\n  ...props\n}: ModalHeaderBarProps & React.HTMLProps<HTMLElement>) {\n  return (\n    <ModalHeaderBar\n      {...props}\n      className={classnames('dnb-dialog__navigation', className)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAEd,kCAAkC;AAEzC,eAAe,SAASC,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,CAACR,cAAc,EAAAS,QAAA,KACTJ,KAAK;IACTF,SAAS,EAAEJ,UAAU,CAAC,wBAAwB,EAAEI,SAAS;EAAE,EAC5D,CAAC;AAEN"}

package/components/dialog/style/index.js.map

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

package/components/dialog/style/themes/ui.js.map

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

package/components/dialog/style.js.map

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

package/components/dialog/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/dialog/types.ts"],"sourcesContent":["import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'\nimport { ModalPropTypes } from '../modal/Modal'\nimport { IconIcon } from '../Icon'\nimport { DialogActionProps } from './parts/DialogAction'\nimport React from 'react'\n\nexport interface DialogProps extends ToCamelCasePartial<ModalPropTypes> {\n  /**\n   * The dialog title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n}\n\nexport interface DialogContentProps\n  extends Omit<DialogActionProps, 'children'> {\n  /**\n   * The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\n   */\n  minWidth?: string | number\n\n  /**\n   * The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).\n   */\n  maxWidth?: string | number\n\n  /**\n   * Give the Dialog content a class name (maps to `dnb-dialog`).\n   */\n  className?: string\n\n  /**\n   * If set to `false` then the dialog content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the dialog content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.\n   */\n  preventCoreStyle?: boolean\n\n  /**\n   * The content which will appear in the navigation, above the header, and side-by-side the close button.\n   */\n  navContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * The content which will appear in the header of the dialog.\n   */\n  headerContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * The content which will appear when triggering the dialog.\n   */\n  modalContent?: React.ReactNode | ((...args: any[]) => any)\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  alignContent?: 'left' | 'right' | 'centered' | 'center'\n\n  /**\n   * If set to `true` then the dialog 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?: boolean | string\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  noAnimation?: boolean\n\n  /**\n   * Same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  noAnimationOnMobile?: boolean\n\n  /**\n   * Variant of Dialog. Defaults to 'information'.\n   */\n  variant?: 'information' | 'confirmation'\n\n  /**\n   * An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.\n   */\n  icon?: IconIcon\n\n  /**\n   * For variant confirmation, the dialog is either an informational or a warning message. Defaults to 'info'.\n   */\n  confirmType?: 'info' | 'warning'\n\n  /**\n   * A description will be positioned below the title, but before the content.\n   */\n  description?: React.ReactNode\n\n  /**\n   * The content of the modal.\n   */\n  children?: React.ReactNode\n}\n"],"mappings":""}

package/components/drawer/Drawer.d.ts

@@ -3,7 +3,7 @@ import DrawerBody from './parts/DrawerBody';
 import DrawerHeader from './parts/DrawerHeader';
 import DrawerNavigation from './parts/DrawerNavigation';
 import { DrawerProps, DrawerContentProps } from './types';
-export declare type DrawerAllProps = DrawerProps & DrawerContentProps;
+export type DrawerAllProps = DrawerProps & DrawerContentProps;
 declare function Drawer({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, disabled, title, dialogTitle, closeTitle, containerPlacement, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, preventOverlayClose, openState, openDelay, omitTriggerButton, trigger, triggerAttributes, overlayClass, contentClass, contentRef, scrollRef, top, bottom, left, right, space, ...props }: DrawerAllProps): JSX.Element;
 declare namespace Drawer {
     var Body: typeof DrawerBody;