@dnb/eufemia 10.2.0 → 10.3.0

package/components/drawer/Drawer.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", "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"];
-
-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 DrawerContent from './DrawerContent';
@@ -16,50 +13,48 @@ import DrawerNavigation from './parts/DrawerNavigation';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
 import { removeUndefinedProps } from '../../shared/component-helper';
-
 function Drawer(_ref) {
   let {
-    id,
-    rootId,
-    contentId,
-    focusSelector,
-    labelledBy,
-    directDomReturn,
-    hideCloseButton,
-    disabled,
-    title,
-    dialogTitle,
-    closeTitle,
-    containerPlacement = 'right',
-    spacing = true,
-    noAnimation,
-    noAnimationOnMobile,
-    animationDuration,
-    fullscreen = 'auto',
-    onOpen,
-    onClose,
-    onClosePrevent,
-    openModal,
-    closeModal,
-    preventClose,
-    preventOverlayClose,
-    openState,
-    openDelay,
-    omitTriggerButton,
-    trigger,
-    triggerAttributes,
-    overlayClass,
-    contentClass,
-    contentRef,
-    scrollRef,
-    top,
-    bottom,
-    left,
-    right,
-    space
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      rootId,
+      contentId,
+      focusSelector,
+      labelledBy,
+      directDomReturn,
+      hideCloseButton,
+      disabled,
+      title,
+      dialogTitle,
+      closeTitle,
+      containerPlacement = 'right',
+      spacing = true,
+      noAnimation,
+      noAnimationOnMobile,
+      animationDuration,
+      fullscreen = 'auto',
+      onOpen,
+      onClose,
+      onClosePrevent,
+      openModal,
+      closeModal,
+      preventClose,
+      preventOverlayClose,
+      openState,
+      openDelay,
+      omitTriggerButton,
+      trigger,
+      triggerAttributes,
+      overlayClass,
+      contentClass,
+      contentRef,
+      scrollRef,
+      top,
+      bottom,
+      left,
+      right,
+      space
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const context = useContext(Context);
   const modalProps = removeUndefinedProps({
     title,
@@ -111,8 +106,8 @@ function Drawer(_ref) {
     contentClass: classnames('dnb-drawer__root', contentClass)
   }), React.createElement(DrawerContent, _extends({}, context.Drawer, drawerProps)));
 }
-
 Drawer.Body = DrawerBody;
 Drawer.Header = DrawerHeader;
 Drawer.Navigation = DrawerNavigation;
-export default Drawer;
+export default Drawer;
+//# sourceMappingURL=Drawer.js.map

package/components/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["React","useContext","Modal","DrawerContent","DrawerBody","DrawerHeader","DrawerNavigation","classnames","Context","removeUndefinedProps","Drawer","_ref","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","_objectWithoutProperties","_excluded","context","modalProps","drawerProps","_objectSpread","createElement","_extends","Body","Header","Navigation"],"sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DrawerContent from './DrawerContent'\nimport DrawerBody from './parts/DrawerBody'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport { DrawerProps, DrawerContentProps } from './types'\nimport { removeUndefinedProps } from '../../shared/component-helper'\n\nexport type DrawerAllProps = DrawerProps & DrawerContentProps\n\nfunction Drawer({\n  id,\n  rootId,\n  contentId,\n  focusSelector,\n  labelledBy,\n  directDomReturn,\n  hideCloseButton,\n  disabled,\n\n  title,\n  dialogTitle,\n  closeTitle,\n  containerPlacement = 'right',\n  spacing = true,\n  noAnimation,\n  noAnimationOnMobile,\n  animationDuration,\n  fullscreen = 'auto',\n\n  onOpen,\n  onClose,\n  onClosePrevent,\n  openModal,\n  closeModal,\n  preventClose,\n  preventOverlayClose,\n  openState,\n  openDelay,\n\n  omitTriggerButton,\n  trigger,\n  triggerAttributes,\n  overlayClass,\n  contentClass,\n  contentRef,\n  scrollRef,\n\n  top,\n  bottom,\n  left,\n  right,\n  space,\n\n  ...props\n}: DrawerAllProps): JSX.Element {\n  const context = useContext(Context)\n\n  const modalProps = removeUndefinedProps({\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton,\n    preventClose,\n    preventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    containerPlacement,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    contentRef,\n    scrollRef,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n  })\n\n  const drawerProps = removeUndefinedProps({\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    spacing,\n    containerPlacement,\n  })\n\n  return (\n    <Modal\n      {...context.Drawer}\n      {...modalProps}\n      contentClass={classnames('dnb-drawer__root', contentClass)}\n    >\n      <DrawerContent {...context.Drawer} {...drawerProps} />\n    </Modal>\n  )\n}\n\nDrawer.Body = DrawerBody\nDrawer.Header = DrawerHeader\nDrawer.Navigation = DrawerNavigation\n\nexport default Drawer\n"],"mappings":";;;;;;AAIA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,oBAAoB,QAAQ,+BAA+B;AAIpE,SAASC,MAAMA,CAAAC,IAAA,EA6CiB;EAAA,IA7ChB;MACdC,EAAE;MACFC,MAAM;MACNC,SAAS;MACTC,aAAa;MACbC,UAAU;MACVC,eAAe;MACfC,eAAe;MACfC,QAAQ;MAERC,KAAK;MACLC,WAAW;MACXC,UAAU;MACVC,kBAAkB,GAAG,OAAO;MAC5BC,OAAO,GAAG,IAAI;MACdC,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjBC,UAAU,GAAG,MAAM;MAEnBC,MAAM;MACNC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,YAAY;MACZC,mBAAmB;MACnBC,SAAS;MACTC,SAAS;MAETC,iBAAiB;MACjBC,OAAO;MACPC,iBAAiB;MACjBC,YAAY;MACZC,YAAY;MACZC,UAAU;MACVC,SAAS;MAETC,GAAG;MACHC,MAAM;MACNC,IAAI;MACJC,KAAK;MACLC;IAGc,CAAC,GAAAtC,IAAA;IADZuC,KAAK,GAAAC,wBAAA,CAAAxC,IAAA,EAAAyC,SAAA;EAER,MAAMC,OAAO,GAAGpD,UAAU,CAACO,OAAO,CAAC;EAEnC,MAAM8C,UAAU,GAAG7C,oBAAoB,CAAC;IACtCW,KAAK;IACLR,EAAE;IACFG,aAAa;IACbC,UAAU;IACVG,QAAQ;IACRK,OAAO;IACPa,SAAS;IACTvB,SAAS;IACTO,WAAW;IACXC,UAAU;IACVJ,eAAe;IACfgB,YAAY;IACZC,mBAAmB;IACnBR,iBAAiB;IACjBF,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVL,kBAAkB;IAClBa,SAAS;IACTnB,eAAe;IACfJ,MAAM;IACNgB,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,SAAS;IACTC,UAAU;IACVK,iBAAiB;IACjBC,OAAO;IACPC,iBAAiB;IACjBC,YAAY;IACZE,UAAU;IACVC,SAAS;IACTC,GAAG;IACHC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAMM,WAAW,GAAG9C,oBAAoB,CAAA+C,aAAA,CAAAA,aAAA,KACnCN,KAAK;IACRzB,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVJ,OAAO;IACPD;EAAkB,EACnB,CAAC;EAEF,OACEvB,KAAA,CAAAyD,aAAA,CAACvD,KAAK,EAAAwD,QAAA,KACAL,OAAO,CAAC3C,MAAM,EACd4C,UAAU;IACdZ,YAAY,EAAEnC,UAAU,CAAC,kBAAkB,EAAEmC,YAAY;EAAE,IAE3D1C,KAAA,CAAAyD,aAAA,CAACtD,aAAa,EAAAuD,QAAA,KAAKL,OAAO,CAAC3C,MAAM,EAAM6C,WAAW,CAAG,CAChD,CAAC;AAEZ;AAEA7C,MAAM,CAACiD,IAAI,GAAGvD,UAAU;AACxBM,MAAM,CAACkD,MAAM,GAAGvD,YAAY;AAC5BK,MAAM,CAACmD,UAAU,GAAGvD,gBAAgB;AAEpC,eAAeI,MAAM"}

package/components/drawer/DrawerContent.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 = ["modalContent", "navContent", "headerContent", "alignContent", "containerPlacement", "preventCoreStyle", "className", "spacing", "fullscreen", "noAnimation", "noAnimationOnMobile", "minWidth", "maxWidth"];
-
-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 } from '../../shared/component-helper';
@@ -22,22 +19,21 @@ import ModalHeader from '../modal/parts/ModalHeader';
 import { DrawerContentContext } from './parts/DrawerContentContext';
 export default function DrawerContent(_ref) {
   let {
-    modalContent = null,
-    navContent = null,
-    headerContent = null,
-    alignContent = 'left',
-    containerPlacement = 'right',
-    preventCoreStyle = false,
-    className = null,
-    spacing = true,
-    fullscreen = 'auto',
-    noAnimation = false,
-    noAnimationOnMobile = false,
-    minWidth: min_width = null,
-    maxWidth: max_width = null
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      modalContent = null,
+      navContent = null,
+      headerContent = null,
+      alignContent = 'left',
+      containerPlacement = 'right',
+      preventCoreStyle = false,
+      className = null,
+      spacing = true,
+      fullscreen = 'auto',
+      noAnimation = false,
+      noAnimationOnMobile = false,
+      minWidth: min_width = null,
+      maxWidth: max_width = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const context = useContext(ModalContext);
   const {
     minWidth,
@@ -46,7 +42,6 @@ export default function DrawerContent(_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);
-
   const innerParams = _objectSpread({
     className: classnames(`dnb-drawer dnb-drawer--${containerPlacement || 'right'}`, isTrue(fullscreen) ? `dnb-drawer--fullscreen` : fullscreen === 'auto' && `dnb-drawer--auto-fullscreen`, className, !isTrue(preventCoreStyle) && 'dnb-core-style', isTrue(spacing) && 'dnb-drawer--spacing', alignContent && `dnb-drawer__align--${alignContent}`, isTrue(context === null || context === void 0 ? void 0 : context.hide) && `dnb-drawer--hide`, isTrue(noAnimation) && `dnb-drawer--no-animation`, isTrue(noAnimationOnMobile) && `dnb-drawer--no-animation-on-mobile`),
     style: (minWidth || maxWidth) && {
@@ -57,7 +52,6 @@ export default function DrawerContent(_ref) {
     onTouchStart: context === null || context === void 0 ? void 0 : context.preventClick,
     onKeyDown: context === null || context === void 0 ? void 0 : context.onKeyDownHandler
   }, rest);
-
   React.useEffect(() => {
     try {
       const height = getOffsetTop(context === null || context === void 0 ? void 0 : context.contentRef.current) / 16;
@@ -85,4 +79,5 @@ export default function DrawerContent(_ref) {
       headerElement
     }
   }, content))));
-}
+}
+//# sourceMappingURL=DrawerContent.js.map

package/components/drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":["React","useContext","classnames","isTrue","findElementInChildren","getOffsetTop","warn","ScrollView","DrawerHeader","DrawerNavigation","ModalContext","getContent","checkMinMaxWidth","ModalHeaderBar","ModalHeader","DrawerContentContext","DrawerContent","_ref","modalContent","navContent","headerContent","alignContent","containerPlacement","preventCoreStyle","className","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","rest","_objectWithoutProperties","_excluded","context","content","children","Object","freeze","_objectSpread","close","innerParams","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","useEffect","height","contentRef","current","setProperty","e","scrollRef","navigationElement","cur","type","headerElement","createElement","_extends","ref","title","tabIndex","id","contentId","Provider","value"],"sources":["../../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  findElementInChildren,\n} from '../../shared/component-helper'\nimport { getOffsetTop, warn } from '../../shared/helpers'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport ModalContext from '../modal/ModalContext'\nimport { getContent } from '../modal/helpers'\nimport { DrawerContentProps } from './types'\nimport { checkMinMaxWidth } from './helpers'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport { DrawerContentContext } from './parts/DrawerContentContext'\n\nexport default function DrawerContent({\n  modalContent = null,\n  navContent = null,\n  headerContent = null,\n  alignContent = 'left',\n  containerPlacement = 'right',\n  preventCoreStyle = false,\n  className = null,\n  spacing = true,\n  fullscreen = 'auto',\n  noAnimation = false,\n  noAnimationOnMobile = false,\n  minWidth: min_width = null,\n  maxWidth: max_width = null,\n  ...rest\n}: DrawerContentProps): 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  const innerParams = {\n    className: classnames(\n      !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n      'dnb-drawer',\n      isTrue(spacing) && 'dnb-drawer--spacing',\n      alignContent && `dnb-drawer__align--${alignContent}`,\n      isTrue(fullscreen)\n        ? `dnb-drawer--fullscreen`\n        : fullscreen === 'auto' && `dnb-drawer--auto-fullscreen`,\n      isTrue(context?.hide) && `dnb-drawer--hide`,\n      isTrue(noAnimation) && `dnb-drawer--no-animation`,\n      isTrue(noAnimationOnMobile) && `dnb-drawer--no-animation-on-mobile`,\n\n      `dnb-drawer--${containerPlacement || 'right'}`,\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  /**\n   * Update CSS --header-height with spacing to top of page\n   */\n  React.useEffect(() => {\n    try {\n      const height = getOffsetTop(context?.contentRef.current) / 16\n      context?.contentRef.current.style.setProperty(\n        '--header-height',\n        `${height}rem`\n      )\n    } catch (e) {\n      warn(e)\n    }\n  }, [content, context?.scrollRef, context?.contentRef])\n\n  const navigationElement = findElementInChildren(\n    content,\n    (cur: React.ReactElement) =>\n      cur.type === DrawerNavigation || cur.type === ModalHeaderBar\n  )\n  const headerElement = findElementInChildren(\n    content,\n    (cur: React.ReactElement) =>\n      cur.type === DrawerHeader || cur.type === ModalHeader\n  )\n\n  return (\n    <ScrollView {...innerParams} ref={context?.scrollRef}>\n      {navigationElement ? (\n        navigationElement\n      ) : (\n        <DrawerNavigation>{navContent}</DrawerNavigation>\n      )}\n\n      {headerElement ? (\n        headerElement\n      ) : (\n        <DrawerHeader title={context?.title}>{headerContent}</DrawerHeader>\n      )}\n      <div\n        tabIndex={-1}\n        className=\"dnb-drawer__inner dnb-no-focus\"\n        ref={context?.contentRef}\n      >\n        <div\n          id={context?.contentId + '-content'}\n          className=\"dnb-drawer__content\"\n        >\n          <DrawerContentContext.Provider\n            value={{ navigationElement, headerElement }}\n          >\n            {content}\n          </DrawerContentContext.Provider>\n        </div>\n      </div>\n    </ScrollView>\n  )\n}\n"],"mappings":"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"}

package/components/drawer/helpers.js

@@ -2,13 +2,11 @@ import { processChildren } from '../../shared/component-helper';
 export const checkMinMaxWidth = (min, max) => {
   let maxWidth = max;
   let minWidth = min;
-
   if (min && !max && parseFloat(String(min)) > 0) {
     maxWidth = 0;
   } else if (max && !min && parseFloat(String(max)) > 0) {
     minWidth = 0;
   }
-
   return {
     minWidth,
     maxWidth
@@ -20,6 +18,6 @@ export const getContent = props => {
   } else if (typeof props.modalContent === 'function') {
     return props.modalContent(props);
   }
-
   return processChildren(props);
-};
+};
+//# sourceMappingURL=helpers.js.map

package/components/drawer/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["processChildren","checkMinMaxWidth","min","max","maxWidth","minWidth","parseFloat","String","getContent","props","modalContent"],"sources":["../../../../src/components/drawer/helpers.ts"],"sourcesContent":["import { processChildren } from '../../shared/component-helper'\n\nexport const checkMinMaxWidth = (\n  min: number | string,\n  max: number | string\n) => {\n  // ensure the min/max don't conflict\n  let maxWidth = max\n  let minWidth = min\n  if (min && !max && parseFloat(String(min)) > 0) {\n    maxWidth = 0\n  } else if (max && !min && parseFloat(String(max)) > 0) {\n    minWidth = 0\n  }\n  return { minWidth, maxWidth }\n}\n\nexport const getContent = (props) => {\n  if (typeof props.modalContent === 'string') {\n    return props.modalContent\n  } else if (typeof props.modalContent === 'function') {\n    return props.modalContent(props)\n  }\n  return processChildren(props)\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,+BAA+B;AAE/D,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BC,GAAoB,EACpBC,GAAoB,KACjB;EAEH,IAAIC,QAAQ,GAAGD,GAAG;EAClB,IAAIE,QAAQ,GAAGH,GAAG;EAClB,IAAIA,GAAG,IAAI,CAACC,GAAG,IAAIG,UAAU,CAACC,MAAM,CAACL,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;IAC9CE,QAAQ,GAAG,CAAC;EACd,CAAC,MAAM,IAAID,GAAG,IAAI,CAACD,GAAG,IAAII,UAAU,CAACC,MAAM,CAACJ,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;IACrDE,QAAQ,GAAG,CAAC;EACd;EACA,OAAO;IAAEA,QAAQ;IAAED;EAAS,CAAC;AAC/B,CAAC;AAED,OAAO,MAAMI,UAAU,GAAIC,KAAK,IAAK;EACnC,IAAI,OAAOA,KAAK,CAACC,YAAY,KAAK,QAAQ,EAAE;IAC1C,OAAOD,KAAK,CAACC,YAAY;EAC3B,CAAC,MAAM,IAAI,OAAOD,KAAK,CAACC,YAAY,KAAK,UAAU,EAAE;IACnD,OAAOD,KAAK,CAACC,YAAY,CAACD,KAAK,CAAC;EAClC;EACA,OAAOT,eAAe,CAACS,KAAK,CAAC;AAC/B,CAAC"}

package/components/drawer/index.js

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

package/components/drawer/index.js.map

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

package/components/drawer/parts/DrawerBody.js

@@ -6,14 +6,14 @@ import classnames from 'classnames';
 import ModalInner from '../../modal/parts/ModalInner';
 export default function DrawerBody(_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-drawer__body', className)
   }));
-}
+}
+//# sourceMappingURL=DrawerBody.js.map

package/components/drawer/parts/DrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.js","names":["React","classnames","ModalInner","DrawerBody","_ref","className","styleType","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","style_type"],"sources":["../../../../../src/components/drawer/parts/DrawerBody.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalInner, { ModalInnerProps } from '../../modal/parts/ModalInner'\nimport type { SectionStyleTypes } from '../../Section'\n\ninterface DrawerBodyProps extends ModalInnerProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-drawer__body`).\n   */\n  className?: string\n\n  /**\n   * Color/Style of the drawer body\n   */\n  styleType?: SectionStyleTypes\n}\n\nexport default function DrawerBody({\n  className,\n  styleType,\n  ref, //eslint-disable-line\n  ...props\n}: DrawerBodyProps & React.HTMLProps<HTMLElement>) {\n  return (\n    <ModalInner\n      {...props}\n      style_type={styleType}\n      className={classnames('dnb-drawer__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/drawer/parts/DrawerContentContext.js

@@ -1,2 +1,3 @@
 import { createContext } from 'react';
-export const DrawerContentContext = createContext(null);
+export const DrawerContentContext = createContext(null);
+//# sourceMappingURL=DrawerContentContext.js.map

package/components/drawer/parts/DrawerContentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContentContext.js","names":["createContext","DrawerContentContext"],"sources":["../../../../../src/components/drawer/parts/DrawerContentContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const DrawerContentContext = createContext(null)\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,OAAO,MAAMC,oBAAoB,GAAGD,aAAa,CAAC,IAAI,CAAC"}

package/components/drawer/parts/DrawerHeader.js

@@ -7,22 +7,20 @@ import ModalHeader from '../../modal/parts/ModalHeader';
 import { DrawerContentContext } from './DrawerContentContext';
 export default function DrawerHeader(_ref) {
   let {
-    className,
-    titleClass,
-    size = 'x-large',
-    ref
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      titleClass,
+      size = 'x-large',
+      ref
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const contentContext = React.useContext(DrawerContentContext);
-
   if (contentContext !== null && contentContext !== void 0 && contentContext.headerElement) {
     return null;
   }
-
   return React.createElement(ModalHeader, _extends({}, props, {
     size: size,
     className: classnames('dnb-drawer__header', className),
     title_class: classnames('dnb-drawer__title', titleClass)
   }));
-}
+}
+//# sourceMappingURL=DrawerHeader.js.map

package/components/drawer/parts/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.js","names":["React","classnames","ModalHeader","DrawerContentContext","DrawerHeader","_ref","className","titleClass","size","ref","props","_objectWithoutProperties","_excluded","contentContext","useContext","headerElement","createElement","_extends","title_class"],"sources":["../../../../../src/components/drawer/parts/DrawerHeader.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeader, {\n  ModalHeaderProps,\n} from '../../modal/parts/ModalHeader'\nimport { DrawerContentContext } from './DrawerContentContext'\n\ninterface DrawerHeaderProps extends ModalHeaderProps {\n  titleClass?: string\n}\n\nexport default function DrawerHeader({\n  className,\n  titleClass,\n  size = 'x-large',\n  ref, // eslint-disable-line\n  ...props\n}: DrawerHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size'>) {\n  const contentContext = React.useContext(DrawerContentContext)\n  if (contentContext?.headerElement) {\n    return null\n  }\n  return (\n    <ModalHeader\n      {...props}\n      size={size}\n      className={classnames('dnb-drawer__header', className)}\n      title_class={classnames('dnb-drawer__title', titleClass)}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAEX,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAM7D,eAAe,SAASC,YAAYA,CAAAC,IAAA,EAM+B;EAAA,IAN9B;MACnCC,SAAS;MACTC,UAAU;MACVC,IAAI,GAAG,SAAS;MAChBC;IAE8D,CAAC,GAAAJ,IAAA;IAD5DK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,MAAMC,cAAc,GAAGb,KAAK,CAACc,UAAU,CAACX,oBAAoB,CAAC;EAC7D,IAAIU,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,aAAa,EAAE;IACjC,OAAO,IAAI;EACb;EACA,OACEf,KAAA,CAAAgB,aAAA,CAACd,WAAW,EAAAe,QAAA,KACNP,KAAK;IACTF,IAAI,EAAEA,IAAK;IACXF,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS,CAAE;IACvDY,WAAW,EAAEjB,UAAU,CAAC,mBAAmB,EAAEM,UAAU;EAAE,EAC1D,CAAC;AAEN"}

package/components/drawer/parts/DrawerNavigation.js

@@ -7,19 +7,17 @@ import ModalHeaderBar from '../../modal/parts/ModalHeaderBar';
 import { DrawerContentContext } from './DrawerContentContext';
 export default function DrawerNavigation(_ref) {
   let {
-    className,
-    ref
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      ref
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const contentContext = React.useContext(DrawerContentContext);
-
   if (contentContext !== null && contentContext !== void 0 && contentContext.navigationElement) {
     return null;
   }
-
   return React.createElement(ModalHeaderBar, _extends({}, props, {
     className: classnames('dnb-drawer__navigation', className),
     shadow_class: "dnb-drawer__navigation--sticky"
   }));
-}
+}
+//# sourceMappingURL=DrawerNavigation.js.map

package/components/drawer/parts/DrawerNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNavigation.js","names":["React","classnames","ModalHeaderBar","DrawerContentContext","DrawerNavigation","_ref","className","ref","props","_objectWithoutProperties","_excluded","contentContext","useContext","navigationElement","createElement","_extends","shadow_class"],"sources":["../../../../../src/components/drawer/parts/DrawerNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ModalHeaderBar, {\n  ModalHeaderBarProps,\n} from '../../modal/parts/ModalHeaderBar'\nimport { DrawerContentContext } from './DrawerContentContext'\n\nexport default function DrawerNavigation({\n  className,\n  ref, //eslint-disable-line\n  ...props\n}: ModalHeaderBarProps & React.HTMLProps<HTMLElement>) {\n  const contentContext = React.useContext(DrawerContentContext)\n  if (contentContext?.navigationElement) {\n    return null\n  }\n  return (\n    <ModalHeaderBar\n      {...props}\n      className={classnames('dnb-drawer__navigation', className)}\n      shadow_class=\"dnb-drawer__navigation--sticky\"\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAEd,kCAAkC;AACzC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,eAAe,SAASC,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,MAAMC,cAAc,GAAGX,KAAK,CAACY,UAAU,CAACT,oBAAoB,CAAC;EAC7D,IAAIQ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,iBAAiB,EAAE;IACrC,OAAO,IAAI;EACb;EACA,OACEb,KAAA,CAAAc,aAAA,CAACZ,cAAc,EAAAa,QAAA,KACTP,KAAK;IACTF,SAAS,EAAEL,UAAU,CAAC,wBAAwB,EAAEK,SAAS,CAAE;IAC3DU,YAAY,EAAC;EAAgC,EAC9C,CAAC;AAEN"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/drawer/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/drawer/style.js.map

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

package/components/drawer/types.d.ts

@@ -2,7 +2,7 @@
 import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps';
 import { ScrollViewAllProps } from '../../fragments/ScrollView';
 import { ModalPropTypes } from '../modal/Modal';
-export declare type DrawerProps = {
+export type DrawerProps = {
     /**
      * Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.
      */
@@ -12,7 +12,7 @@ export declare type DrawerProps = {
      */
     title?: React.ReactNode;
 } & ToCamelCasePartial<ModalPropTypes>;
-export declare type DrawerContentProps = {
+export type DrawerContentProps = {
     /**
      * The minimum Drawer 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`).
      */

package/components/drawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/drawer/types.ts"],"sourcesContent":["import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps'\nimport { ScrollViewAllProps } from '../../fragments/ScrollView'\nimport { ModalPropTypes } from '../modal/Modal'\n\nexport type DrawerProps = {\n  /**\n   * 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  containerPlacement?: 'left' | 'right' | 'top' | 'bottom'\n\n  /**\n   * The drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n} & ToCamelCasePartial<ModalPropTypes>\n\nexport type DrawerContentProps = {\n  /**\n   * The minimum Drawer 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 Drawer 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 Drawer content a class name (maps to `dnb-drawer`).\n   */\n  className?: string\n\n  /**\n   * If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the drawer 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 drawer.\n   */\n  headerContent?: React.ReactNode | ((...args: any[]) => any)\n\n  /**\n   * The content which will appear when triggering the drawer.\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 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?: boolean | string\n\n  /**\n   * 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  containerPlacement?: 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 `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  noAnimationOnMobile?: boolean\n} & ScrollViewAllProps\n"],"mappings":""}

package/components/dropdown/Dropdown.d.ts

@@ -26,89 +26,72 @@ export interface DropdownProps
    * Give a title to let the users know what they have to do. Defaults to `Valgmeny`.
    */
   title?: DropdownTitle;
-
   /**
    * Defines the kind of dropdown. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `secondary`.
    */
   variant?: ButtonVariant;
-
   /**
    * Icon to be included in the dropdown.
    */
   icon?: IconIcon;
-
   /**
    * Change the size of the icon pragmatically.
    */
   icon_size?: IconSize;
-
   /**
    * Position of the icon inside the dropdown. Set to `left` or `right`. Defaults to `right`.
    */
   icon_position?: ButtonIconPosition;
-
   /**
    * Prepends the Form Label component. If no ID is provided, a random ID is created.
    */
   label?: FormLabelText;
-
   /**
    * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
-
   /**
    * Use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
-
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
-
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
-
   /**
    * Same as `prevent_selection`, but the "selection area" (given title) will not be visible and the icon `more` (three dots) is used. Defaults to `false`.
    */
   more_menu?: boolean;
-
   /**
    * Use `right` to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu`. Defaults to `left`.
    */
   align_dropdown?: DropdownAlignDropdown;
-
   /**
    * Lets you provide a custom React element as the trigger HTML element.
    */
   trigger_element?: DropdownTriggerElement;
-
   /**
    * If set to `true`, the Dropdown will be opened when the users enter the trigger button with a focus action.
    */
   open_on_focus?: boolean;
   disabled?: boolean;
-
   /**
    * If set to `true`, then the dropdown will be 100% in available `width`.
    */
   stretch?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */