@dnb/eufemia 9.22.0 → 9.23.0-beta.1

package/cjs/components/drawer/Drawer.js

@@ -0,0 +1,172 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.object.assign.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Modal = _interopRequireDefault(require("../modal/Modal"));
+
+var _DrawerContent = _interopRequireDefault(require("./DrawerContent"));
+
+var _DrawerBody = _interopRequireDefault(require("./parts/DrawerBody"));
+
+var _DrawerHeader = _interopRequireDefault(require("./parts/DrawerHeader"));
+
+var _DrawerNavigation = _interopRequireDefault(require("./parts/DrawerNavigation"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Context = _interopRequireDefault(require("../../shared/Context"));
+
+var _componentHelper = require("../../shared/component-helper");
+
+var _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "hideCloseButton", "closeButtonAttributes", "disabled", "title", "dialogTitle", "closeTitle", "containerPlacement", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "openState", "openDelay", "trigger", "triggerAttributes", "overlayClass", "contentClass", "top", "bottom", "left", "right", "space"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function Drawer(_ref) {
+  var id = _ref.id,
+      rootId = _ref.rootId,
+      contentId = _ref.contentId,
+      focusSelector = _ref.focusSelector,
+      labelledBy = _ref.labelledBy,
+      directDomReturn = _ref.directDomReturn,
+      hideCloseButton = _ref.hideCloseButton,
+      closeButtonAttributes = _ref.closeButtonAttributes,
+      disabled = _ref.disabled,
+      title = _ref.title,
+      dialogTitle = _ref.dialogTitle,
+      closeTitle = _ref.closeTitle,
+      _ref$containerPlaceme = _ref.containerPlacement,
+      containerPlacement = _ref$containerPlaceme === void 0 ? 'right' : _ref$containerPlaceme,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? true : _ref$spacing,
+      noAnimation = _ref.noAnimation,
+      noAnimationOnMobile = _ref.noAnimationOnMobile,
+      animationDuration = _ref.animationDuration,
+      _ref$fullscreen = _ref.fullscreen,
+      fullscreen = _ref$fullscreen === void 0 ? 'auto' : _ref$fullscreen,
+      onOpen = _ref.onOpen,
+      onClose = _ref.onClose,
+      onClosePrevent = _ref.onClosePrevent,
+      openModal = _ref.openModal,
+      closeModal = _ref.closeModal,
+      preventClose = _ref.preventClose,
+      openState = _ref.openState,
+      openDelay = _ref.openDelay,
+      trigger = _ref.trigger,
+      triggerAttributes = _ref.triggerAttributes,
+      overlayClass = _ref.overlayClass,
+      contentClass = _ref.contentClass,
+      top = _ref.top,
+      bottom = _ref.bottom,
+      left = _ref.left,
+      right = _ref.right,
+      space = _ref.space,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var context = (0, _react.useContext)(_Context.default);
+  var modalProps = (0, _componentHelper.removeUndefinedProps)({
+    title: title,
+    id: id,
+    focusSelector: focusSelector,
+    labelledBy: labelledBy,
+    disabled: disabled,
+    spacing: spacing,
+    openDelay: openDelay,
+    contentId: contentId,
+    dialogTitle: dialogTitle,
+    closeTitle: closeTitle,
+    hideCloseButton: hideCloseButton,
+    closeButtonAttributes: closeButtonAttributes,
+    preventClose: preventClose,
+    animationDuration: animationDuration,
+    noAnimation: noAnimation,
+    noAnimationOnMobile: noAnimationOnMobile,
+    fullscreen: fullscreen,
+    containerPlacement: containerPlacement,
+    openState: openState,
+    directDomReturn: directDomReturn,
+    rootId: rootId,
+    onOpen: onOpen,
+    onClose: onClose,
+    onClosePrevent: onClosePrevent,
+    openModal: openModal,
+    closeModal: closeModal,
+    trigger: trigger,
+    triggerAttributes: triggerAttributes,
+    overlayClass: overlayClass,
+    top: top,
+    bottom: bottom,
+    left: left,
+    right: right,
+    space: space
+  });
+  var drawerProps = (0, _componentHelper.removeUndefinedProps)(_objectSpread(_objectSpread({}, props), {}, {
+    noAnimation: noAnimation,
+    noAnimationOnMobile: noAnimationOnMobile,
+    fullscreen: fullscreen,
+    spacing: spacing
+  }));
+  return _react.default.createElement(_Modal.default, _extends({}, context.Drawer, modalProps, {
+    mode: "custom",
+    contentClass: (0, _classnames.default)('dnb-drawer__root', contentClass)
+  }), _react.default.createElement(_DrawerContent.default, _extends({}, context.Drawer, drawerProps)));
+}
+
+Drawer.Body = _DrawerBody.default;
+Drawer.Header = _DrawerHeader.default;
+Drawer.Navigation = _DrawerNavigation.default;
+var _default = Drawer;
+exports.default = _default;

package/cjs/components/drawer/DrawerContent.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Web Drawer Component
+ *
+ */
+/// <reference types="react" />
+import { DrawerContentProps } from './types';
+export default function DrawerContent({ modalContent, navContent, headerContent, alignContent, containerPlacement, preventCoreStyle, className, class: _className, spacing, fullscreen, noAnimation, noAnimationOnMobile, minWidth: min_width, maxWidth: max_width, ...rest }: DrawerContentProps): JSX.Element;

package/cjs/components/drawer/DrawerContent.js

@@ -0,0 +1,148 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DrawerContent;
+
+require("core-js/modules/es.object.freeze.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _componentHelper = require("../../shared/component-helper");
+
+var _ScrollView = _interopRequireDefault(require("../../fragments/scroll-view/ScrollView"));
+
+var _DrawerHeader = _interopRequireDefault(require("./parts/DrawerHeader"));
+
+var _DrawerNavigation = _interopRequireDefault(require("./parts/DrawerNavigation"));
+
+var _ModalContext = _interopRequireDefault(require("../modal/ModalContext"));
+
+var _helpers = require("../modal/helpers");
+
+var _helpers2 = require("./helpers");
+
+var _ModalHeaderBar = _interopRequireDefault(require("../modal/parts/ModalHeaderBar"));
+
+var _ModalHeader = _interopRequireDefault(require("../modal/parts/ModalHeader"));
+
+var _excluded = ["modalContent", "navContent", "headerContent", "alignContent", "containerPlacement", "preventCoreStyle", "className", "class", "spacing", "fullscreen", "noAnimation", "noAnimationOnMobile", "minWidth", "maxWidth"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function DrawerContent(_ref) {
+  var _ref$modalContent = _ref.modalContent,
+      modalContent = _ref$modalContent === void 0 ? null : _ref$modalContent,
+      _ref$navContent = _ref.navContent,
+      navContent = _ref$navContent === void 0 ? null : _ref$navContent,
+      _ref$headerContent = _ref.headerContent,
+      headerContent = _ref$headerContent === void 0 ? null : _ref$headerContent,
+      _ref$alignContent = _ref.alignContent,
+      alignContent = _ref$alignContent === void 0 ? 'left' : _ref$alignContent,
+      _ref$containerPlaceme = _ref.containerPlacement,
+      containerPlacement = _ref$containerPlaceme === void 0 ? 'right' : _ref$containerPlaceme,
+      _ref$preventCoreStyle = _ref.preventCoreStyle,
+      preventCoreStyle = _ref$preventCoreStyle === void 0 ? false : _ref$preventCoreStyle,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? null : _ref$className,
+      _ref$class = _ref.class,
+      _className = _ref$class === void 0 ? null : _ref$class,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? true : _ref$spacing,
+      _ref$fullscreen = _ref.fullscreen,
+      fullscreen = _ref$fullscreen === void 0 ? 'auto' : _ref$fullscreen,
+      _ref$noAnimation = _ref.noAnimation,
+      noAnimation = _ref$noAnimation === void 0 ? false : _ref$noAnimation,
+      _ref$noAnimationOnMob = _ref.noAnimationOnMobile,
+      noAnimationOnMobile = _ref$noAnimationOnMob === void 0 ? false : _ref$noAnimationOnMob,
+      _ref$minWidth = _ref.minWidth,
+      min_width = _ref$minWidth === void 0 ? null : _ref$minWidth,
+      _ref$maxWidth = _ref.maxWidth,
+      max_width = _ref$maxWidth === void 0 ? null : _ref$maxWidth,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var context = (0, _react.useContext)(_ModalContext.default);
+
+  var _checkMinMaxWidth = (0, _helpers2.checkMinMaxWidth)(min_width, max_width),
+      minWidth = _checkMinMaxWidth.minWidth,
+      maxWidth = _checkMinMaxWidth.maxWidth;
+
+  var content = modalContent || (0, _helpers.getContent)(typeof rest.children === 'function' ? Object.freeze(_objectSpread(_objectSpread({}, rest), {}, {
+    close: context === null || context === void 0 ? void 0 : context.close
+  })) : rest);
+
+  var innerParams = _objectSpread({
+    className: (0, _classnames.default)("dnb-drawer dnb-drawer--".concat(containerPlacement || 'right'), (0, _componentHelper.isTrue)(fullscreen) ? "dnb-drawer--fullscreen" : fullscreen === 'auto' && "dnb-drawer--auto-fullscreen", className, _className, !(0, _componentHelper.isTrue)(preventCoreStyle) && 'dnb-core-style', (0, _componentHelper.isTrue)(spacing) && 'dnb-drawer--spacing', alignContent && "dnb-drawer__align--".concat(alignContent), (0, _componentHelper.isTrue)(context === null || context === void 0 ? void 0 : context.hide) && "dnb-drawer--hide", (0, _componentHelper.isTrue)(noAnimation) && "dnb-drawer--no-animation", (0, _componentHelper.isTrue)(noAnimationOnMobile) && "dnb-drawer--no-animation-on-mobile"),
+    style: (minWidth || maxWidth) && {
+      minWidth: minWidth,
+      maxWidth: maxWidth
+    },
+    onClick: context === null || context === void 0 ? void 0 : context.preventClick,
+    onTouchStart: context === null || context === void 0 ? void 0 : context.preventClick,
+    onKeyDown: context === null || context === void 0 ? void 0 : context.onKeyDownHandler
+  }, rest);
+
+  var navExists = (0, _componentHelper.findElementInChildren)(content, function (cur) {
+    return cur.type === _DrawerNavigation.default || cur.type === _ModalHeaderBar.default;
+  });
+  var headerExists = (0, _componentHelper.findElementInChildren)(content, function (cur) {
+    return cur.type === _DrawerHeader.default || cur.type === _ModalHeader.default;
+  });
+  return _react.default.createElement(_ScrollView.default, innerParams, _react.default.createElement("div", {
+    tabIndex: -1,
+    className: "dnb-drawer__inner dnb-no-focus",
+    ref: context === null || context === void 0 ? void 0 : context.contentRef
+  }, !navExists && _react.default.createElement(_DrawerNavigation.default, null, navContent), !headerExists && _react.default.createElement(_DrawerHeader.default, {
+    title: context === null || context === void 0 ? void 0 : context.title
+  }, headerContent), _react.default.createElement("div", {
+    id: (context === null || context === void 0 ? void 0 : context.contentId) + '-content',
+    className: "dnb-drawer__content"
+  }, content)));
+}

package/cjs/components/drawer/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare const checkMinMaxWidth: (min: number | string, max: number | string) => {
+    minWidth: string | number;
+    maxWidth: string | number;
+};
+export declare const getContent: (props: any) => any;

package/cjs/components/drawer/helpers.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContent = exports.checkMinMaxWidth = void 0;
+
+require("core-js/modules/es.parse-float.js");
+
+var _componentHelper = require("../../shared/component-helper");
+
+var checkMinMaxWidth = function checkMinMaxWidth(min, max) {
+  var maxWidth = max;
+  var minWidth = min;
+
+  if (min && !max && parseFloat(String(min)) > 0) {
+    maxWidth = 0;
+  } else if (max && !min && parseFloat(String(max)) > 0) {
+    minWidth = 0;
+  }
+
+  return {
+    minWidth: minWidth,
+    maxWidth: maxWidth
+  };
+};
+
+exports.checkMinMaxWidth = checkMinMaxWidth;
+
+var getContent = function getContent(props) {
+  if (typeof props.modalContent === 'string') {
+    return props.modalContent;
+  } else if (typeof props.modalContent === 'function') {
+    return props.modalContent(props);
+  }
+
+  return (0, _componentHelper.processChildren)(props);
+};
+
+exports.getContent = getContent;

package/cjs/components/drawer/index.d.ts

@@ -0,0 +1,3 @@
+export default Drawer;
+export * from "./Drawer";
+import Drawer from "./Drawer";

package/cjs/components/drawer/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+
+var _Drawer = _interopRequireWildcard(require("./Drawer"));
+
+Object.keys(_Drawer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Drawer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Drawer[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _Drawer.default;
+exports.default = _default;

package/cjs/components/drawer/parts/DrawerBody.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ModalInnerProps } from '../../modal/parts/ModalInner';
+interface DrawerBodyProps extends ModalInnerProps {
+    /**
+     * Give the inner content wrapper a class name (maps to `dnb-drawer__body`).
+     */
+    className?: string;
+    /**
+     * Color/Style of the drawer body
+     */
+    styleType?: string;
+}
+export default function DrawerBody({ className, styleType, ref, //eslint-disable-line
+...props }: DrawerBodyProps): JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.assign.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DrawerBody;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ModalInner = _interopRequireDefault(require("../../modal/parts/ModalInner"));
+
+var _excluded = ["className", "styleType", "ref"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function DrawerBody(_ref) {
+  var className = _ref.className,
+      styleType = _ref.styleType,
+      ref = _ref.ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return _react.default.createElement(_ModalInner.default, _extends({}, props, {
+    style_type: styleType,
+    className: (0, _classnames.default)('dnb-drawer__body', className)
+  }));
+}

package/cjs/components/drawer/parts/DrawerHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ModalHeaderProps } from '../../modal/parts/ModalHeader';
+interface DrawerHeaderProps extends ModalHeaderProps {
+    titleClass?: string;
+}
+export default function DrawerHeader({ className, titleClass, size, ref, // eslint-disable-line
+...props }: DrawerHeaderProps): JSX.Element;
+export {};

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

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.assign.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DrawerHeader;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ModalHeader = _interopRequireDefault(require("../../modal/parts/ModalHeader"));
+
+var _excluded = ["className", "titleClass", "size", "ref"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function DrawerHeader(_ref) {
+  var className = _ref.className,
+      titleClass = _ref.titleClass,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'x-large' : _ref$size,
+      ref = _ref.ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return _react.default.createElement(_ModalHeader.default, _extends({}, props, {
+    size: size,
+    className: (0, _classnames.default)('dnb-drawer__header', className),
+    title_class: (0, _classnames.default)('dnb-drawer__title', titleClass)
+  }));
+}

package/cjs/components/drawer/parts/DrawerNavigation.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ModalHeaderBarProps } from '../../modal/parts/ModalHeaderBar';
+export default function DrawerNavigation({ className, ref, //eslint-disable-line
+...props }: ModalHeaderBarProps): JSX.Element;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.assign.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DrawerNavigation;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ModalHeaderBar = _interopRequireDefault(require("../../modal/parts/ModalHeaderBar"));
+
+var _excluded = ["className", "ref"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function DrawerNavigation(_ref) {
+  var className = _ref.className,
+      ref = _ref.ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return _react.default.createElement(_ModalHeaderBar.default, _extends({}, props, {
+    className: (0, _classnames.default)('dnb-drawer__navigation', className),
+    shadow_class: "dnb-drawer__navigation--sticky"
+  }));
+}