@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/modal/bodyScrollLock.js

@@ -1,7 +1,5 @@
 import { warn, isChildOfElement, checkIfHasScrollbar } from '../../shared/component-helper';
-
 const isServer = () => typeof window === 'undefined';
-
 const detectOS = ua => {
   ua = ua || navigator.userAgent;
   const ipad = /(iPad).*OS\s([\d_]+)/.test(ua);
@@ -13,7 +11,6 @@ const detectOS = ua => {
     android
   };
 };
-
 let lockedNum = 0;
 let initialClientY = 0;
 let initialClientX = 0;
@@ -23,19 +20,16 @@ const lockedElements = [];
 const eventListenerOptions = getEventListenerOptions({
   passive: false
 });
-
 function getEventListenerOptions(options) {
   if (isServer()) {
     return;
   }
-
   let isSupportOptions = true;
   const {
     capture
   } = options;
   return isSupportOptions ? options : typeof capture !== 'undefined' ? capture : false;
 }
-
 const setOverflowHidden = () => {
   try {
     const htmlElement = document.documentElement;
@@ -68,7 +62,6 @@ const setOverflowHidden = () => {
     warn(e);
   }
 };
-
 const setOverflowHiddenIOS = targetElement => {
   if (targetElement) {
     const elementArray = Array.isArray(targetElement) ? targetElement : [targetElement];
@@ -78,31 +71,25 @@ const setOverflowHiddenIOS = targetElement => {
           initialClientY = event.targetTouches[0].clientY;
           initialClientX = event.targetTouches[0].clientX;
         };
-
         element.ontouchmove = event => {
           if (event.targetTouches.length !== 1) {
             return;
           }
-
           handleScroll(event, element);
         };
-
         lockedElements.push(element);
       }
     });
   }
-
   if (!documentListenerAdded) {
     document.addEventListener('touchmove', preventDefault, eventListenerOptions);
     documentListenerAdded = true;
   }
-
   return () => {
     if (targetElement) {
       const elementArray = Array.isArray(targetElement) ? targetElement : [targetElement];
       elementArray.forEach(element => {
         const index = lockedElements.indexOf(element);
-
         if (index !== -1) {
           element.ontouchmove = null;
           element.ontouchstart = null;
@@ -110,14 +97,12 @@ const setOverflowHiddenIOS = targetElement => {
         }
       });
     }
-
     if (documentListenerAdded) {
       document.removeEventListener('touchmove', preventDefault, eventListenerOptions);
       documentListenerAdded = false;
     }
   };
 };
-
 const setOverflowHiddenAndroid = () => {
   try {
     const unbind = setOverflowHidden();
@@ -131,7 +116,6 @@ const setOverflowHiddenAndroid = () => {
     bodyElement.style.right = '0';
     return () => {
       unbind();
-
       try {
         ;
         ['position', 'top', 'right', 'left'].forEach(x => {
@@ -149,19 +133,15 @@ const setOverflowHiddenAndroid = () => {
     warn(e);
   }
 };
-
 const preventDefault = event => {
   const found = lockedElements.find(targetElement => {
     return isChildOfElement(event.target, targetElement);
   });
-
   if (found || !event.cancelable) {
     return;
   }
-
   event.preventDefault();
 };
-
 const handleScroll = (event, targetElement) => {
   try {
     if (targetElement) {
@@ -180,38 +160,30 @@ const handleScroll = (event, targetElement) => {
       const isOnLeft = clientX > 0 && scrollLeft === 0;
       const isOnRight = clientX < 0 && scrollLeft + clientWidth + 1 >= scrollWidth;
       const isOnBottom = clientY < 0 && scrollTop + clientHeight + 1 >= scrollHeight;
-
       if (isVertical && (isOnTop || isOnBottom) || !isVertical && (isOnLeft || isOnRight)) {
         const hasScrollbar = isChildOfElement(event.target, targetElement, checkIfHasScrollbar);
-
         if (hasScrollbar && hasScrollbar !== targetElement) {
           return true;
         }
-
         return event.cancelable && event.preventDefault();
       }
     }
-
     event.stopPropagation();
     return true;
   } catch (e) {
     warn(e);
   }
 };
-
 const checkTargetElement = targetElement => {
   if (targetElement) return;
   if (targetElement === null) return;
   warn(`If scrolling is also required in the floating layer, ` + `the target element must be provided.`);
 };
-
 export const disableBodyScroll = targetElement => {
   if (isServer()) {
     return;
   }
-
   checkTargetElement(targetElement);
-
   try {
     if (detectOS().ios) {
       callbackUnlock = setOverflowHiddenIOS(targetElement);
@@ -222,7 +194,6 @@ export const disableBodyScroll = targetElement => {
         callbackUnlock = setOverflowHidden();
       }
     }
-
     lockedNum += 1;
   } catch (e) {
     warn(e);
@@ -232,16 +203,12 @@ export const enableBodyScroll = targetElement => {
   if (isServer()) {
     return;
   }
-
   checkTargetElement(targetElement);
-
   try {
     lockedNum -= 1;
-
     if (lockedNum > 0) {
       return;
     }
-
     if (typeof callbackUnlock === 'function') {
       callbackUnlock();
     }
@@ -253,18 +220,14 @@ export const clearAllBodyScrollLocks = () => {
   if (isServer()) {
     return;
   }
-
   try {
     lockedNum = 0;
-
     if (typeof callbackUnlock === 'function') {
       callbackUnlock();
     }
-
     if (detectOS().ios) {
       if (lockedElements && lockedElements.length) {
         let element = lockedElements.pop();
-
         while (element) {
           element.ontouchmove = null;
           element.ontouchstart = null;
@@ -275,4 +238,5 @@ export const clearAllBodyScrollLocks = () => {
   } catch (e) {
     warn(e);
   }
-};
+};
+//# sourceMappingURL=bodyScrollLock.js.map

package/es/components/modal/bodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bodyScrollLock.js","names":["warn","isChildOfElement","checkIfHasScrollbar","isServer","window","detectOS","ua","navigator","userAgent","ipad","test","iphone","android","ios","lockedNum","initialClientY","initialClientX","callbackUnlock","documentListenerAdded","lockedElements","eventListenerOptions","getEventListenerOptions","passive","options","isSupportOptions","capture","setOverflowHidden","htmlElement","document","documentElement","bodyElement","body","htmlStyle","Object","assign","style","bodyStyle","scrollBarWidth","innerWidth","clientWidth","overflow","height","setProperty","boxSizing","marginRight","forEach","x","removeProperty","e","setOverflowHiddenIOS","targetElement","elementArray","Array","isArray","element","indexOf","ontouchstart","event","targetTouches","clientY","clientX","ontouchmove","length","handleScroll","push","addEventListener","preventDefault","index","splice","removeEventListener","setOverflowHiddenAndroid","unbind","scrollTop","position","top","left","right","scrollBehavior","getComputedStyle","found","find","target","cancelable","scrollLeft","scrollWidth","scrollHeight","clientHeight","isVertical","Math","abs","isOnTop","isOnLeft","isOnRight","isOnBottom","hasScrollbar","stopPropagation","checkTargetElement","disableBodyScroll","enableBodyScroll","clearAllBodyScrollLocks","pop"],"sources":["../../../../src/components/modal/bodyScrollLock.js"],"sourcesContent":["import {\n  warn,\n  isChildOfElement,\n  checkIfHasScrollbar,\n} from '../../shared/component-helper'\n\nconst isServer = () => typeof window === 'undefined'\nconst detectOS = (ua) => {\n  ua = ua || navigator.userAgent\n  const ipad = /(iPad).*OS\\s([\\d_]+)/.test(ua)\n  const iphone = !ipad && /(iPhone\\sOS)\\s([\\d_]+)/.test(ua)\n  const android = /(Android);?[\\s/]+([\\d.]+)?/.test(ua)\n  const ios = iphone || ipad\n  return { ios, android }\n}\n\nlet lockedNum = 0\nlet initialClientY = 0\nlet initialClientX = 0\nlet callbackUnlock = null\nlet documentListenerAdded = false\n\nconst lockedElements = []\nconst eventListenerOptions = getEventListenerOptions({ passive: false })\nfunction getEventListenerOptions(options) {\n  if (isServer()) {\n    return // stop here\n  }\n\n  let isSupportOptions = true\n  const { capture } = options\n  return isSupportOptions\n    ? options\n    : typeof capture !== 'undefined'\n    ? capture\n    : false\n}\n\nconst setOverflowHidden = () => {\n  try {\n    const htmlElement = document.documentElement\n    const bodyElement = document.body\n    const htmlStyle = Object.assign({}, htmlElement.style)\n    const bodyStyle = Object.assign({}, bodyElement.style)\n    const scrollBarWidth =\n      window.innerWidth - (bodyElement.clientWidth || window.innerWidth)\n\n    htmlElement.style.overflow = 'hidden'\n    htmlElement.style.height = '100%'\n    htmlElement.style.setProperty(\n      '--scrollbar-width',\n      `${scrollBarWidth}px`\n    )\n\n    bodyElement.style.overflow = 'hidden'\n    bodyElement.style.height = 'auto'\n    bodyElement.style.boxSizing = 'border-box'\n    bodyElement.style.marginRight = `${scrollBarWidth}px`\n\n    return () => {\n      try {\n        // eslint-disable-next-line\n        ;['overflow', 'height'].forEach((x) => {\n          htmlElement.style[x] = htmlStyle[x] || ''\n        })\n        ;['overflow', 'height', 'boxSizing', 'margin'].forEach((x) => {\n          bodyElement.style[x] = bodyStyle[x] || ''\n        })\n        htmlElement.style.removeProperty('--scrollbar-width')\n      } catch (e) {\n        warn(e)\n      }\n    }\n  } catch (e) {\n    warn(e)\n  }\n}\n\nconst setOverflowHiddenIOS = (targetElement) => {\n  if (targetElement) {\n    const elementArray = Array.isArray(targetElement)\n      ? targetElement\n      : [targetElement]\n    elementArray.forEach((element) => {\n      if (element && lockedElements.indexOf(element) === -1) {\n        element.ontouchstart = (event) => {\n          initialClientY = event.targetTouches[0].clientY\n          initialClientX = event.targetTouches[0].clientX\n        }\n        element.ontouchmove = (event) => {\n          if (event.targetTouches.length !== 1) {\n            return // stop here\n          }\n          handleScroll(event, element)\n        }\n        lockedElements.push(element)\n      }\n    })\n  }\n\n  if (!documentListenerAdded) {\n    document.addEventListener(\n      'touchmove',\n      preventDefault,\n      eventListenerOptions\n    )\n    documentListenerAdded = true\n  }\n\n  return () => {\n    if (targetElement) {\n      const elementArray = Array.isArray(targetElement)\n        ? targetElement\n        : [targetElement]\n      elementArray.forEach((element) => {\n        const index = lockedElements.indexOf(element)\n        if (index !== -1) {\n          element.ontouchmove = null\n          element.ontouchstart = null\n          lockedElements.splice(index, 1)\n        }\n      })\n    }\n\n    if (documentListenerAdded) {\n      document.removeEventListener(\n        'touchmove',\n        preventDefault,\n        eventListenerOptions\n      )\n      documentListenerAdded = false\n    }\n  }\n}\n\nconst setOverflowHiddenAndroid = () => {\n  try {\n    const unbind = setOverflowHidden()\n\n    const htmlElement = document.documentElement\n    const bodyElement = document.body\n    const scrollTop = htmlElement.scrollTop || bodyElement.scrollTop\n    const bodyStyle = Object.assign({}, bodyElement.style)\n\n    bodyElement.style.position = 'fixed'\n    bodyElement.style.top = `-${scrollTop}px`\n    bodyElement.style.left = '0'\n    bodyElement.style.right = '0'\n\n    return () => {\n      unbind()\n\n      try {\n        // eslint-disable-next-line\n        ;['position', 'top', 'right', 'left'].forEach((x) => {\n          bodyElement.style[x] = bodyStyle[x] || ''\n        })\n\n        const scrollBehavior =\n          window.getComputedStyle(htmlElement).scrollBehavior\n        htmlElement.style.scrollBehavior = 'auto'\n        htmlElement.scrollTop = scrollTop\n        htmlElement.style.scrollBehavior = scrollBehavior\n      } catch (e) {\n        warn(e)\n      }\n    }\n  } catch (e) {\n    warn(e)\n  }\n}\n\nconst preventDefault = (event) => {\n  const found = lockedElements.find((targetElement) => {\n    return isChildOfElement(event.target, targetElement)\n  })\n\n  if (found || !event.cancelable) {\n    return // stop here\n  }\n\n  event.preventDefault()\n}\n\n// Depreciated – this function can be removed as soon as we do not need to support iOS < 14\nconst handleScroll = (event, targetElement) => {\n  try {\n    if (targetElement) {\n      const {\n        scrollTop,\n        scrollLeft,\n        scrollWidth,\n        scrollHeight,\n        clientWidth,\n        clientHeight,\n      } = targetElement\n      const clientX = event.targetTouches[0].clientX - initialClientX\n      const clientY = event.targetTouches[0].clientY - initialClientY\n      const isVertical = Math.abs(clientY) > Math.abs(clientX)\n      const isOnTop = clientY > 0 && scrollTop === 0\n      const isOnLeft = clientX > 0 && scrollLeft === 0\n      const isOnRight =\n        clientX < 0 && scrollLeft + clientWidth + 1 >= scrollWidth\n      const isOnBottom =\n        clientY < 0 && scrollTop + clientHeight + 1 >= scrollHeight\n      if (\n        (isVertical && (isOnTop || isOnBottom)) ||\n        (!isVertical && (isOnLeft || isOnRight))\n      ) {\n        const hasScrollbar = isChildOfElement(\n          event.target,\n          targetElement,\n          checkIfHasScrollbar\n        )\n\n        if (hasScrollbar && hasScrollbar !== targetElement) {\n          return true\n        }\n\n        return event.cancelable && event.preventDefault()\n      }\n    }\n\n    event.stopPropagation()\n\n    return true\n  } catch (e) {\n    warn(e)\n  }\n}\n\nconst checkTargetElement = (targetElement) => {\n  if (targetElement) return\n  if (targetElement === null) return\n  warn(\n    `If scrolling is also required in the floating layer, ` +\n      `the target element must be provided.`\n  )\n}\n\nexport const disableBodyScroll = (targetElement) => {\n  if (isServer()) {\n    return // stop here\n  }\n\n  checkTargetElement(targetElement)\n\n  try {\n    // iOS\n    if (detectOS().ios) {\n      callbackUnlock = setOverflowHiddenIOS(targetElement)\n\n      // Android or Desktop\n    } else if (lockedNum <= 0) {\n      if (detectOS().android) {\n        callbackUnlock = setOverflowHiddenAndroid()\n      } else {\n        callbackUnlock = setOverflowHidden()\n      }\n    }\n\n    lockedNum += 1\n  } catch (e) {\n    warn(e)\n  }\n}\n\nexport const enableBodyScroll = (targetElement) => {\n  if (isServer()) {\n    return\n  }\n\n  checkTargetElement(targetElement)\n\n  try {\n    lockedNum -= 1\n\n    if (lockedNum > 0) {\n      return // stop here\n    }\n\n    if (typeof callbackUnlock === 'function') {\n      callbackUnlock()\n    }\n  } catch (e) {\n    warn(e)\n  }\n}\n\nexport const clearAllBodyScrollLocks = () => {\n  if (isServer()) {\n    return // stop here\n  }\n\n  try {\n    lockedNum = 0\n\n    if (typeof callbackUnlock === 'function') {\n      callbackUnlock()\n    }\n\n    // iOS\n    if (detectOS().ios) {\n      if (lockedElements && lockedElements.length) {\n        // clear events\n        let element = lockedElements.pop()\n        while (element) {\n          element.ontouchmove = null\n          element.ontouchstart = null\n          element = lockedElements.pop()\n        }\n      }\n    }\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":"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"}

package/es/components/modal/helpers.js

@@ -8,14 +8,12 @@ export function getListOfModalRoots() {
       warn(e);
     }
   }
-
   return [];
 }
 export function getModalRoot(index) {
   if (typeof window !== 'undefined') {
     try {
       const stack = window.__modalStack || [];
-
       if (index !== null) {
         if (index === -1 && stack.length) {
           return stack[stack.length - 1];
@@ -23,13 +21,11 @@ export function getModalRoot(index) {
           return stack[index];
         }
       }
-
       return null;
     } catch (e) {
       warn(e);
     }
   }
-
   return null;
 }
 export function addToIndex(elem) {
@@ -38,7 +34,6 @@ export function addToIndex(elem) {
       if (!Array.isArray(window.__modalStack)) {
         window.__modalStack = [];
       }
-
       window.__modalStack.push(elem);
     } catch (e) {
       warn(e);
@@ -51,7 +46,6 @@ export function removeFromIndex(elem) {
       if (!Array.isArray(window.__modalStack)) {
         window.__modalStack = [];
       }
-
       window.__modalStack = window.__modalStack.filter(cur => cur !== elem);
     } catch (e) {
       warn(e);
@@ -64,6 +58,6 @@ export function getContent(props) {
   } else if (typeof props.modal_content === 'function') {
     return props.modal_content(props);
   }
-
   return processChildren(props);
-}
+}
+//# sourceMappingURL=helpers.js.map

package/es/components/modal/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["warn","processChildren","getListOfModalRoots","window","stack","__modalStack","e","getModalRoot","index","length","addToIndex","elem","Array","isArray","push","removeFromIndex","filter","cur","getContent","props","modal_content"],"sources":["../../../../src/components/modal/helpers.ts"],"sourcesContent":["import { warn, processChildren } from '../../shared/component-helper'\n\nexport function getListOfModalRoots(): any[] {\n  if (typeof window !== 'undefined') {\n    try {\n      const stack = window.__modalStack || []\n      return stack\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  return []\n}\n\nexport function getModalRoot(index?: number): any {\n  if (typeof window !== 'undefined') {\n    try {\n      const stack = window.__modalStack || []\n      if (index !== null) {\n        if (index === -1 && stack.length) {\n          return stack[stack.length - 1]\n        } else if (index > -1) {\n          return stack[index]\n        }\n      }\n\n      return null\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  return null\n}\n\nexport function addToIndex(elem) {\n  if (typeof window !== 'undefined') {\n    try {\n      if (!Array.isArray(window.__modalStack)) {\n        window.__modalStack = []\n      }\n      window.__modalStack.push(elem)\n    } catch (e) {\n      warn(e)\n    }\n  }\n}\n\nexport function removeFromIndex(elem) {\n  if (typeof window !== 'undefined') {\n    try {\n      if (!Array.isArray(window.__modalStack)) {\n        window.__modalStack = []\n      }\n      window.__modalStack = window.__modalStack.filter(\n        (cur) => cur !== elem\n      )\n    } catch (e) {\n      warn(e)\n    }\n  }\n}\n\nexport function getContent(props) {\n  if (typeof props.modal_content === 'string') {\n    return props.modal_content\n  } else if (typeof props.modal_content === 'function') {\n    return props.modal_content(props)\n  }\n  return processChildren(props)\n}\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,+BAA+B;AAErE,OAAO,SAASC,mBAAmBA,CAAA,EAAU;EAC3C,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI;MACF,MAAMC,KAAK,GAAGD,MAAM,CAACE,YAAY,IAAI,EAAE;MACvC,OAAOD,KAAK;IACd,CAAC,CAAC,OAAOE,CAAC,EAAE;MACVN,IAAI,CAACM,CAAC,CAAC;IACT;EACF;EAEA,OAAO,EAAE;AACX;AAEA,OAAO,SAASC,YAAYA,CAACC,KAAc,EAAO;EAChD,IAAI,OAAOL,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI;MACF,MAAMC,KAAK,GAAGD,MAAM,CAACE,YAAY,IAAI,EAAE;MACvC,IAAIG,KAAK,KAAK,IAAI,EAAE;QAClB,IAAIA,KAAK,KAAK,CAAC,CAAC,IAAIJ,KAAK,CAACK,MAAM,EAAE;UAChC,OAAOL,KAAK,CAACA,KAAK,CAACK,MAAM,GAAG,CAAC,CAAC;QAChC,CAAC,MAAM,IAAID,KAAK,GAAG,CAAC,CAAC,EAAE;UACrB,OAAOJ,KAAK,CAACI,KAAK,CAAC;QACrB;MACF;MAEA,OAAO,IAAI;IACb,CAAC,CAAC,OAAOF,CAAC,EAAE;MACVN,IAAI,CAACM,CAAC,CAAC;IACT;EACF;EAEA,OAAO,IAAI;AACb;AAEA,OAAO,SAASI,UAAUA,CAACC,IAAI,EAAE;EAC/B,IAAI,OAAOR,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI;MACF,IAAI,CAACS,KAAK,CAACC,OAAO,CAACV,MAAM,CAACE,YAAY,CAAC,EAAE;QACvCF,MAAM,CAACE,YAAY,GAAG,EAAE;MAC1B;MACAF,MAAM,CAACE,YAAY,CAACS,IAAI,CAACH,IAAI,CAAC;IAChC,CAAC,CAAC,OAAOL,CAAC,EAAE;MACVN,IAAI,CAACM,CAAC,CAAC;IACT;EACF;AACF;AAEA,OAAO,SAASS,eAAeA,CAACJ,IAAI,EAAE;EACpC,IAAI,OAAOR,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI;MACF,IAAI,CAACS,KAAK,CAACC,OAAO,CAACV,MAAM,CAACE,YAAY,CAAC,EAAE;QACvCF,MAAM,CAACE,YAAY,GAAG,EAAE;MAC1B;MACAF,MAAM,CAACE,YAAY,GAAGF,MAAM,CAACE,YAAY,CAACW,MAAM,CAC7CC,GAAG,IAAKA,GAAG,KAAKN,IACnB,CAAC;IACH,CAAC,CAAC,OAAOL,CAAC,EAAE;MACVN,IAAI,CAACM,CAAC,CAAC;IACT;EACF;AACF;AAEA,OAAO,SAASY,UAAUA,CAACC,KAAK,EAAE;EAChC,IAAI,OAAOA,KAAK,CAACC,aAAa,KAAK,QAAQ,EAAE;IAC3C,OAAOD,KAAK,CAACC,aAAa;EAC5B,CAAC,MAAM,IAAI,OAAOD,KAAK,CAACC,aAAa,KAAK,UAAU,EAAE;IACpD,OAAOD,KAAK,CAACC,aAAa,CAACD,KAAK,CAAC;EACnC;EACA,OAAOlB,eAAe,CAACkB,KAAK,CAAC;AAC/B"}

package/es/components/modal/index.js

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

package/es/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Modal"],"sources":["../../../../src/components/modal/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Modal from './Modal'\nexport default Modal\nexport * from './Modal'\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,SAAS;AAC3B,eAAeA,KAAK;AACpB,cAAc,SAAS"}

package/es/components/modal/parts/CloseButton.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import type { ButtonProps } from '../../button/Button';
-export declare type CloseButtonProps = {
+export type CloseButtonProps = {
     /**
      * The title of the close button. Defaults to <em>Close</em> or <em>Lukk</em>.
      */

package/es/components/modal/parts/CloseButton.js

@@ -10,14 +10,13 @@ import Context from '../../../shared/Context';
 export default class CloseButton extends React.PureComponent {
   render() {
     const _extendPropsWithConte = extendPropsWithContextInClassComponent(this.props, CloseButton.defaultProps, this.context.getTranslation(this.props).Modal),
-          {
-      close_title = null,
-      size = 'default',
-      icon_position = 'left',
-      className = null
-    } = _extendPropsWithConte,
-          button_props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
-
+      {
+        close_title = null,
+        size = 'default',
+        icon_position = 'left',
+        className = null
+      } = _extendPropsWithConte,
+      button_props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
     return React.createElement(Button, _extends({
       type: "button",
       variant: "tertiary",
@@ -28,14 +27,12 @@ export default class CloseButton extends React.PureComponent {
       className: classnames('dnb-modal__close-button', className)
     }, button_props));
   }
-
 }
-
 _defineProperty(CloseButton, "contextType", Context);
-
 _defineProperty(CloseButton, "defaultProps", {
   close_title: null,
   size: 'default',
   icon_position: 'left',
   className: null
-});
+});
+//# sourceMappingURL=CloseButton.js.map

package/es/components/modal/parts/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.js","names":["React","classnames","extendPropsWithContextInClassComponent","Button","Context","CloseButton","PureComponent","render","_extendPropsWithConte","props","defaultProps","context","getTranslation","Modal","close_title","size","icon_position","className","button_props","_objectWithoutProperties","_excluded","createElement","_extends","type","variant","icon","text","_defineProperty"],"sources":["../../../../../src/components/modal/parts/CloseButton.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { extendPropsWithContextInClassComponent } from '../../../shared/component-helper'\nimport Button from '../../button/Button'\nimport Context from '../../../shared/Context'\nimport type { ButtonProps } from '../../button/Button'\n\nexport type CloseButtonProps = {\n  /**\n   * The title of the close button. Defaults to <em>Close</em> or <em>Lukk</em>.\n   */\n  close_title?: string\n} & Partial<ButtonProps>\n\nexport default class CloseButton extends React.PureComponent<CloseButtonProps> {\n  static contextType = Context\n  static defaultProps = {\n    close_title: null,\n    size: 'default',\n    icon_position: 'left',\n    className: null,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const {\n      close_title = null,\n      size = 'default',\n      icon_position = 'left',\n      className = null,\n      ...button_props\n    } = extendPropsWithContextInClassComponent(\n      this.props,\n      CloseButton.defaultProps,\n      this.context.getTranslation(this.props).Modal\n    )\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"tertiary\"\n        icon=\"close\"\n        text={close_title}\n        size={size}\n        icon_position={icon_position}\n        className={classnames('dnb-modal__close-button', className)}\n        {...button_props}\n      />\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,OAAO,MAAM,yBAAyB;AAU7C,eAAe,MAAMC,WAAW,SAASL,KAAK,CAACM,aAAa,CAAmB;EAS7EC,MAAMA,CAAA,EAAG;IAEP,MAAAC,qBAAA,GAMIN,sCAAsC,CACxC,IAAI,CAACO,KAAK,EACVJ,WAAW,CAACK,YAAY,EACxB,IAAI,CAACC,OAAO,CAACC,cAAc,CAAC,IAAI,CAACH,KAAK,CAAC,CAACI,KAC1C,CAAC;MAVK;QACJC,WAAW,GAAG,IAAI;QAClBC,IAAI,GAAG,SAAS;QAChBC,aAAa,GAAG,MAAM;QACtBC,SAAS,GAAG;MAEd,CAAC,GAAAT,qBAAA;MADIU,YAAY,GAAAC,wBAAA,CAAAX,qBAAA,EAAAY,SAAA;IAOjB,OACEpB,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;MACLC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAC,UAAU;MAClBC,IAAI,EAAC,OAAO;MACZC,IAAI,EAAEZ,WAAY;MAClBC,IAAI,EAAEA,IAAK;MACXC,aAAa,EAAEA,aAAc;MAC7BC,SAAS,EAAEhB,UAAU,CAAC,yBAAyB,EAAEgB,SAAS;IAAE,GACxDC,YAAY,CACjB,CAAC;EAEN;AACF;AAACS,eAAA,CApCoBtB,WAAW,iBACTD,OAAO;AAAAuB,eAAA,CADTtB,WAAW,kBAER;EACpBS,WAAW,EAAE,IAAI;EACjBC,IAAI,EAAE,SAAS;EACfC,aAAa,EAAE,MAAM;EACrBC,SAAS,EAAE;AACb,CAAC"}

package/es/components/modal/parts/ModalHeader.d.ts

@@ -3,7 +3,7 @@
  *
  */
 import React from 'react';
-import { SectionProps } from '../../section';
+import { SectionProps } from '../../section/Section';
 import { ReactChildType } from '../types';
 export interface ModalHeaderProps extends SectionProps {
     /**

package/es/components/modal/parts/ModalHeader.js

@@ -11,16 +11,15 @@ import H1 from '../../../elements/H1';
 export default class ModalHeader extends React.PureComponent {
   render() {
     const _this$props = this.props,
-          {
-      title = null,
-      className = null,
-      children = null,
-      title_class = null,
-      size = null,
-      ref
-    } = _this$props,
-          sectionProps = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        title = null,
+        className = null,
+        children = null,
+        title_class = null,
+        size = null,
+        ref
+      } = _this$props,
+      sectionProps = _objectWithoutProperties(_this$props, _excluded);
     const customHeader = findElementInChildren(children, cur => {
       return cur.type === 'h1' || cur.type === H1;
     });
@@ -35,7 +34,6 @@ export default class ModalHeader extends React.PureComponent {
       className: classnames(`dnb-modal__title dnb-space__top--zero dnb-space__bottom--small dnb-h--${fontSize}`, title_class)
     }, usedTitle), React.createElement("div", null, children));
   }
-
 }
-
-_defineProperty(ModalHeader, "contextType", ModalContext);
+_defineProperty(ModalHeader, "contextType", ModalContext);
+//# sourceMappingURL=ModalHeader.js.map

package/es/components/modal/parts/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","names":["React","classnames","findElementInChildren","Section","ModalContext","H1","ModalHeader","PureComponent","render","_this$props","props","title","className","children","title_class","size","ref","sectionProps","_objectWithoutProperties","_excluded","customHeader","cur","type","usedTitle","context","showTitle","fontSize","createElement","_extends","style_type","id","undefined","_defineProperty"],"sources":["../../../../../src/components/modal/parts/ModalHeader.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport Section, { SectionProps } from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport H1 from '../../../elements/H1'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  /**\n   * Give the h1 component a classname (maps to `dnb-modal__title`)\n   */\n  title_class?: string\n\n  /**\n   * Font size of the title (maps to `dnb-p--<size>`)\n   */\n  size?: 'medium' | 'large' | 'x-large' | 'xx-large'\n}\n\nexport default class ModalHeader extends React.PureComponent<\n  ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title'>\n> {\n  static contextType = ModalContext\n  render() {\n    const {\n      title = null,\n      className = null,\n      children = null,\n      title_class = null,\n      size = null,\n      ref, // eslint-disable-line\n      ...sectionProps\n    } = this.props\n\n    const customHeader = findElementInChildren(children, (cur) => {\n      return cur.type === 'h1' || cur.type === H1\n    })\n\n    const usedTitle = title || this.context.title\n    const showTitle = !customHeader && usedTitle\n    const fontSize = size || 'large'\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(className)}\n        id={\n          showTitle ? 'dnb-modal-' + this.context.id + '-title' : undefined\n        }\n        {...sectionProps}\n      >\n        {showTitle && (\n          <h1\n            className={classnames(\n              'dnb-modal__title', // for tests\n              'dnb-space__top--zero',\n              'dnb-space__bottom--small',\n              `dnb-h--${fontSize}`,\n              title_class\n            )}\n          >\n            {usedTitle}\n          </h1>\n        )}\n        <div>{children}</div>\n      </Section>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,qBAAqB,QAAQ,kCAAkC;AACxE,OAAOC,OAAO,MAAwB,uBAAuB;AAC7D,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,EAAE,MAAM,sBAAsB;AA8BrC,eAAe,MAAMC,WAAW,SAASN,KAAK,CAACO,aAAa,CAE1D;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAQI,IAAI,CAACC,KAAK;MARR;QACJC,KAAK,GAAG,IAAI;QACZC,SAAS,GAAG,IAAI;QAChBC,QAAQ,GAAG,IAAI;QACfC,WAAW,GAAG,IAAI;QAClBC,IAAI,GAAG,IAAI;QACXC;MAEF,CAAC,GAAAP,WAAA;MADIQ,YAAY,GAAAC,wBAAA,CAAAT,WAAA,EAAAU,SAAA;IAGjB,MAAMC,YAAY,GAAGlB,qBAAqB,CAACW,QAAQ,EAAGQ,GAAG,IAAK;MAC5D,OAAOA,GAAG,CAACC,IAAI,KAAK,IAAI,IAAID,GAAG,CAACC,IAAI,KAAKjB,EAAE;IAC7C,CAAC,CAAC;IAEF,MAAMkB,SAAS,GAAGZ,KAAK,IAAI,IAAI,CAACa,OAAO,CAACb,KAAK;IAC7C,MAAMc,SAAS,GAAG,CAACL,YAAY,IAAIG,SAAS;IAC5C,MAAMG,QAAQ,GAAGX,IAAI,IAAI,OAAO;IAEhC,OACEf,KAAA,CAAA2B,aAAA,CAACxB,OAAO,EAAAyB,QAAA;MACNC,UAAU,EAAC,OAAO;MAClBjB,SAAS,EAAEX,UAAU,CAACW,SAAS,CAAE;MACjCkB,EAAE,EACAL,SAAS,GAAG,YAAY,GAAG,IAAI,CAACD,OAAO,CAACM,EAAE,GAAG,QAAQ,GAAGC;IACzD,GACGd,YAAY,GAEfQ,SAAS,IACRzB,KAAA,CAAA2B,aAAA;MACEf,SAAS,EAAEX,UAAU,0EAITyB,QAAS,IACnBZ,WACF;IAAE,GAEDS,SACC,CACL,EACDvB,KAAA,CAAA2B,aAAA,cAAMd,QAAc,CACb,CAAC;EAEd;AACF;AAACmB,eAAA,CAjDoB1B,WAAW,iBAGTF,YAAY"}

package/es/components/modal/parts/ModalHeaderBar.js

@@ -11,18 +11,13 @@ import CloseButton from './CloseButton';
 export default class ModalHeaderBar extends React.PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "_ref", void 0);
-
     _defineProperty(this, "intersectionObserver", void 0);
-
     _defineProperty(this, "state", {
       showShadow: false
     });
-
     this._ref = React.createRef();
   }
-
   componentDidMount() {
     if (typeof window !== 'undefined' && typeof IntersectionObserver !== 'undefined' && this._ref.current) {
       const marginTop = -this._ref.current.clientHeight;
@@ -38,23 +33,19 @@ export default class ModalHeaderBar extends React.PureComponent {
       this.intersectionObserver.observe(this._ref.current);
     }
   }
-
   componentWillUnmount() {
     var _this$intersectionObs;
-
     (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.disconnect();
   }
-
   render() {
     const _this$props = this.props,
-          {
-      className = null,
-      children = null,
-      ref,
-      shadow_class = null
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        className = null,
+        children = null,
+        ref,
+        shadow_class = null
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
     const {
       showShadow
     } = this.state;
@@ -65,11 +56,9 @@ export default class ModalHeaderBar extends React.PureComponent {
       onCloseClickHandler,
       close_title
     } = this.context;
-
     if (!title && isTrue(hide_close_button) && !this._ref.current) {
       return null;
     }
-
     return React.createElement(Section, _extends({
       style_type: "white",
       className: classnames('dnb-modal__header__bar', className, showShadow && shadow_class),
@@ -83,7 +72,6 @@ export default class ModalHeaderBar extends React.PureComponent {
       close_title: close_title
     }, close_button_attributes))));
   }
-
 }
-
-_defineProperty(ModalHeaderBar, "contextType", ModalContext);
+_defineProperty(ModalHeaderBar, "contextType", ModalContext);
+//# sourceMappingURL=ModalHeaderBar.js.map

package/es/components/modal/parts/ModalHeaderBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeaderBar.js","names":["React","classnames","isTrue","Section","ModalContext","CloseButton","ModalHeaderBar","PureComponent","constructor","props","_defineProperty","showShadow","_ref","createRef","componentDidMount","window","IntersectionObserver","current","marginTop","clientHeight","intersectionObserver","entries","entry","setState","isIntersecting","rootMargin","threshold","observe","componentWillUnmount","_this$intersectionObs","disconnect","render","_this$props","className","children","ref","shadow_class","_objectWithoutProperties","_excluded","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","createElement","_extends","style_type","inner_ref","on_click"],"sources":["../../../../../src/components/modal/parts/ModalHeaderBar.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../../shared/component-helper'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport CloseButton from './CloseButton'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalHeaderBarProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  shadow_class?: string\n}\n\ninterface ModalHeaderBarState {\n  showShadow: boolean\n}\n\nexport default class ModalHeaderBar extends React.PureComponent<\n  ModalHeaderBarProps & React.HTMLProps<HTMLElement>,\n  ModalHeaderBarState\n> {\n  static contextType = ModalContext\n  _ref: React.RefObject<any>\n  intersectionObserver: IntersectionObserver\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n  }\n\n  state = { showShadow: false }\n\n  componentDidMount() {\n    if (\n      typeof window !== 'undefined' &&\n      typeof IntersectionObserver !== 'undefined' &&\n      this._ref.current\n    ) {\n      const marginTop = -this._ref.current.clientHeight\n      this.intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          const [entry] = entries\n          this.setState({\n            showShadow: !entry.isIntersecting,\n          })\n        },\n        {\n          rootMargin: `${marginTop}px 0px 0px 0px`,\n          threshold: 0.001,\n        }\n      )\n\n      this.intersectionObserver.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this.intersectionObserver?.disconnect()\n  }\n\n  render() {\n    const {\n      className = null,\n      children = null,\n      ref, //eslint-disable-line\n      shadow_class = null,\n      ...props\n    } = this.props\n    const { showShadow } = this.state\n    const {\n      title,\n      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\n\n    if (!title && isTrue(hide_close_button) && !this._ref.current) {\n      return null\n    }\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(\n          'dnb-modal__header__bar',\n          showShadow && shadow_class,\n          className\n        )}\n        inner_ref={this._ref}\n        {...props}\n      >\n        <div className=\"dnb-modal__header__bar__inner\">{children}</div>\n\n        {!isTrue(hide_close_button) && (\n          <div className=\"dnb-modal__header__bar__close\">\n            <CloseButton\n              on_click={onCloseClickHandler}\n              close_title={close_title}\n              {...close_button_attributes}\n            />\n          </div>\n        )}\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/modal/parts/ModalInner.js

@@ -11,27 +11,23 @@ export default class ModalInner extends React.PureComponent {
     const {
       style_type = 'black-3'
     } = this.props;
-
     if (style_type) {
       this.context.setBackgroundColor(style_type);
     }
   }
-
   render() {
     const _this$props = this.props,
-          {
-      className = null,
-      style_type = 'black-3',
-      ref
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        className = null,
+        style_type = 'black-3',
+        ref
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
     return React.createElement(Section, _extends({
       style_type: style_type,
       className: classnames(className)
     }, props));
   }
-
 }
-
-_defineProperty(ModalInner, "contextType", ModalContext);
+_defineProperty(ModalInner, "contextType", ModalContext);
+//# sourceMappingURL=ModalInner.js.map

package/es/components/modal/parts/ModalInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalInner.js","names":["React","Section","ModalContext","classnames","ModalInner","PureComponent","componentDidMount","style_type","props","context","setBackgroundColor","render","_this$props","className","ref","_objectWithoutProperties","_excluded","createElement","_extends","_defineProperty"],"sources":["../../../../../src/components/modal/parts/ModalInner.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport classnames from 'classnames'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalInnerProps extends SectionProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n}\n\nexport default class ModalInner extends React.PureComponent<\n  ModalInnerProps & React.HTMLProps<HTMLElement>\n> {\n  static contextType = ModalContext\n\n  componentDidMount() {\n    const { style_type = 'black-3' } = this.props\n    if (style_type) {\n      this.context.setBackgroundColor(style_type)\n    }\n  }\n\n  render() {\n    const {\n      className = null,\n      style_type = 'black-3',\n      ref, // eslint-disable-line\n      ...props\n    } = this.props\n\n    return (\n      <Section\n        style_type={style_type}\n        className={classnames(className)}\n        {...props}\n      />\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAUnC,eAAe,MAAMC,UAAU,SAASJ,KAAK,CAACK,aAAa,CAEzD;EAGAC,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAEC,UAAU,GAAG;IAAU,CAAC,GAAG,IAAI,CAACC,KAAK;IAC7C,IAAID,UAAU,EAAE;MACd,IAAI,CAACE,OAAO,CAACC,kBAAkB,CAACH,UAAU,CAAC;IAC7C;EACF;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAKI,IAAI,CAACJ,KAAK;MALR;QACJK,SAAS,GAAG,IAAI;QAChBN,UAAU,GAAG,SAAS;QACtBO;MAEF,CAAC,GAAAF,WAAA;MADIJ,KAAK,GAAAO,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGV,OACEhB,KAAA,CAAAiB,aAAA,CAAChB,OAAO,EAAAiB,QAAA;MACNX,UAAU,EAAEA,UAAW;MACvBM,SAAS,EAAEV,UAAU,CAACU,SAAS;IAAE,GAC7BL,KAAK,CACV,CAAC;EAEN;AACF;AAACW,eAAA,CA5BoBf,UAAU,iBAGRF,YAAY"}

package/es/components/modal/style/index.js.map

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

package/es/components/modal/style/themes/ui.js.map

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

package/es/components/modal/style.js.map

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

package/es/components/modal/types.d.ts

@@ -2,15 +2,15 @@ import * as React from 'react';
 import type { CloseButtonProps } from './parts/CloseButton';
 import type { ButtonProps } from '../button/Button';
 import type { ModalRootProps } from './ModalRoot';
-export declare type ReactChildType = React.ReactNode | ((...args: any[]) => any);
-export declare type ModalFullscreen = 'auto' | boolean;
-export declare type ModalAlignContent = 'left' | 'center' | 'centered' | 'right';
-export declare type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom';
-export declare type ModalOpenState = 'opened' | 'closed' | boolean;
-export declare type ModalTriggerVariant = 'primary' | 'secondary' | 'tertiary' | 'signal';
-export declare type ModalTriggerIconPosition = 'left' | 'right';
-export declare type ModalContentMinWidth = string | number;
-export declare type ModalContentMaxWidth = string | number;
+export type ReactChildType = React.ReactNode | ((...args: any[]) => any);
+export type ModalFullscreen = 'auto' | boolean;
+export type ModalAlignContent = 'left' | 'center' | 'centered' | 'right';
+export type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom';
+export type ModalOpenState = 'opened' | 'closed' | boolean;
+export type ModalTriggerVariant = 'primary' | 'secondary' | 'tertiary' | 'signal';
+export type ModalTriggerIconPosition = 'left' | 'right';
+export type ModalContentMinWidth = string | number;
+export type ModalContentMaxWidth = string | number;
 export interface ModalProps extends ModalRootProps {
     /**
      * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.
@@ -235,4 +235,4 @@ export interface ModalContentProps {
     content_ref?: React.RefObject<HTMLElement>;
     scroll_ref?: React.RefObject<HTMLElement>;
 }
-export declare type TriggerAttributes = ButtonProps;
+export type TriggerAttributes = ButtonProps;

package/es/components/modal/types.js.map

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