@dnb/eufemia 10.2.0 → 10.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNavigation.js","names":["_react","_interopRequireDefault","require","_classnames","_ModalHeaderBar","_DrawerContentContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DrawerNavigation","_ref","className","ref","props","contentContext","React","useContext","DrawerContentContext","navigationElement","createElement","classnames","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,qBAAA,GAAAH,OAAA;AAA6D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAE9C,SAASmB,gBAAgBA,CAAAC,IAAA,EAIe;EAAA,IAJd;MACvCC,SAAS;MACTC;IAEkD,CAAC,GAAAF,IAAA;IADhDG,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,MAAMgC,cAAc,GAAGC,cAAK,CAACC,UAAU,CAACC,0CAAoB,CAAC;EAC7D,IAAIH,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEI,iBAAiB,EAAE;IACrC,OAAO,IAAI;EACb;EACA,OACE1C,MAAA,CAAAS,OAAA,CAAAkC,aAAA,CAACvC,eAAA,CAAAK,OAAc,EAAAC,QAAA,KACT2B,KAAK;IACTF,SAAS,EAAE,IAAAS,mBAAU,EAAC,wBAAwB,EAAET,SAAS,CAAE;IAC3DU,YAAY,EAAC;EAAgC,EAC9C,CAAC;AAEN"}

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

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-drawer.min.css");
+require("./dnb-drawer.min.css");
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-drawer-theme-ui.min.css");
+require("./dnb-drawer-theme-ui.min.css");
+//# sourceMappingURL=ui.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":["require"],"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":";;AAKAA,OAAA"}

package/cjs/components/drawer/style.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./style/dnb-drawer.min.css");
+require("./style/dnb-drawer.min.css");
+//# sourceMappingURL=style.js.map

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

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

package/cjs/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/cjs/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/cjs/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.
    */

package/cjs/components/dropdown/Dropdown.js

@@ -4,63 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _AlignmentHelper2 = _interopRequireDefault(require("../../shared/AlignmentHelper"));
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
-
 var _IconPrimary = _interopRequireDefault(require("../icon-primary/IconPrimary"));
-
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
-
 var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
-
 var _Button = _interopRequireWildcard(require("../button/Button"));
-
 var _DrawerList = _interopRequireDefault(require("../../fragments/drawer-list/DrawerList"));
-
 var _DrawerListContext = _interopRequireDefault(require("../../fragments/drawer-list/DrawerListContext"));
-
 var _DrawerListProvider = _interopRequireDefault(require("../../fragments/drawer-list/DrawerListProvider"));
-
 var _DrawerListHelpers = require("../../fragments/drawer-list/DrawerListHelpers");
-
 var _AlignmentHelper;
-
 const _excluded = ["label", "label_direction", "label_sr_only", "icon_size", "size", "fixed_position", "enable_body_lock", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "scrollable", "focusable", "keep_open", "prevent_close", "no_animation", "no_scroll_animation", "triangle_position", "skip_portal", "portal_class", "trigger_element", "more_menu", "action_menu", "independent_width", "prevent_selection", "max_height", "default_value", "className", "class", "disabled", "stretch", "skeleton", "variant", "title", "icon", "align_dropdown", "icon_position", "data", "children", "direction", "id", "opened", "value"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 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 _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 _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 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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class Dropdown extends _react.default.PureComponent {
   render() {
     const id = this.props.id || (0, _componentHelper.makeUniqueId)();
@@ -82,11 +55,8 @@ class Dropdown extends _react.default.PureComponent {
       id: id
     })));
   }
-
 }
-
 exports.default = Dropdown;
-
 _defineProperty(Dropdown, "defaultProps", {
   id: null,
   title: 'Option Menu',
@@ -138,7 +108,6 @@ _defineProperty(Dropdown, "defaultProps", {
   on_select: null,
   on_state_update: null
 });
-
 process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _SpacingHelper.spacingPropTypes), _DrawerListHelpers.drawerListPropTypes), _DrawerListHelpers.drawerListProviderPropTypes), {}, {
   id: _propTypes.default.string,
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
@@ -196,46 +165,37 @@ process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_obje
   on_select: _propTypes.default.func,
   on_state_update: _propTypes.default.func
 }) : void 0;
-
 class DropdownInstance extends _react.default.PureComponent {
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "setVisible", () => {
       this.context.drawerList.setWrapperElement(this._ref.current).setVisible();
     });
-
     _defineProperty(this, "setHidden", function () {
       _this.context.drawerList.setHidden(...arguments);
     });
-
     _defineProperty(this, "onFocusHandler", () => {
       if ((0, _componentHelper.isTrue)(this.props.open_on_focus)) {
         this.setVisible();
       }
     });
-
     _defineProperty(this, "onBlurHandler", () => {
       if ((0, _componentHelper.isTrue)(this.props.open_on_focus)) {
         this.setHidden();
       }
     });
-
     _defineProperty(this, "onClickHandler", () => {
       if ((0, _componentHelper.isTrue)(this.props.disabled)) {
         return;
       }
-
       if (!this.context.drawerList.hidden && this.context.drawerList.isOpen) {
         this.setHidden();
       } else {
         this.setVisible();
       }
     });
-
     _defineProperty(this, "onTriggerKeyDownHandler", e => {
       switch ((0, _keycode.default)(e)) {
         case 'enter':
@@ -243,17 +203,14 @@ class DropdownInstance extends _react.default.PureComponent {
           e.preventDefault();
           this.setVisible();
           break;
-
         case 'up':
         case 'down':
           e.preventDefault();
           this.setVisible();
           break;
-
         case 'esc':
           this.setHidden();
           break;
-
         case 'home':
         case 'end':
         case 'page down':
@@ -262,34 +219,28 @@ class DropdownInstance extends _react.default.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onHideHandler", function () {
       let args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       const attributes = _this.attributes || {};
       const res = (0, _componentHelper.dispatchCustomElementEvent)(_this, 'on_hide', _objectSpread(_objectSpread({}, args), {}, {
         attributes
       }));
-
       if (res !== false) {
         _this.setFocus(args);
       }
-
       return res;
     });
-
     _defineProperty(this, "setFocus", args => {
       clearTimeout(this._focusTimeout);
       this._focusTimeout = setTimeout(() => {
         try {
           const element = this._refButton.current._ref.current;
-
           if (element && typeof element.focus === 'function') {
             if (args.preventHideFocus !== true) {
               element.focus({
                 preventScroll: true
               });
             }
-
             (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_hide_focus', {
               element
             });
@@ -297,7 +248,6 @@ class DropdownInstance extends _react.default.PureComponent {
         } catch (e) {}
       }, 1);
     });
-
     _defineProperty(this, "onSelectHandler", args => {
       if (parseFloat(args.active_item) > -1) {
         const attributes = this.attributes || {};
@@ -306,14 +256,12 @@ class DropdownInstance extends _react.default.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "onChangeHandler", args => {
       const attributes = this.attributes || {};
       (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_change', _objectSpread(_objectSpread({}, args), {}, {
         attributes
       }));
     });
-
     this._id = props.id || (0, _componentHelper.makeUniqueId)();
     this.attributes = {};
     this.state = this.state || {};
@@ -321,90 +269,80 @@ class DropdownInstance extends _react.default.PureComponent {
     this._refShell = _react.default.createRef();
     this._refButton = _react.default.createRef();
   }
-
   componentDidMount() {
     if ((0, _componentHelper.isTrue)(this.props.opened)) {
       this.setVisible();
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._focusTimeout);
   }
-
   getTitle() {
     let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     const {
       data
     } = this.context.drawerList;
-
     if (data && data.length > 0) {
       const currentOptionData = (0, _DrawerListHelpers.getCurrentData)(this.context.drawerList.selected_item, data);
-
       if (currentOptionData) {
         title = currentOptionData.selected_value || (0, _DrawerListHelpers.parseContentTitle)(currentOptionData);
       }
     }
-
     return title;
   }
-
   render() {
     var _this$context;
-
     const props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Dropdown.defaultProps, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     }, this.context.getTranslation(this.props).Dropdown, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Dropdown);
-
     const {
-      label,
-      label_direction,
-      label_sr_only,
-      icon_size,
-      size,
-      fixed_position,
-      enable_body_lock,
-      status,
-      status_state,
-      status_props,
-      status_no_animation,
-      globalStatus,
-      suffix,
-      scrollable,
-      focusable,
-      keep_open,
-      prevent_close,
-      no_animation,
-      no_scroll_animation,
-      triangle_position,
-      skip_portal,
-      portal_class,
-      trigger_element: CustomTrigger,
-      more_menu,
-      action_menu,
-      independent_width,
-      prevent_selection,
-      max_height,
-      default_value,
-      className,
-      class: _className,
-      disabled,
-      stretch,
-      skeleton,
-      variant,
-      title: _title,
-      icon: _icon,
-      align_dropdown: _align_dropdown,
-      icon_position: _icon_position,
-      data: _data,
-      children: _children,
-      direction: _direction,
-      id: _id,
-      opened: _opened,
-      value: _value
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded);
-
+        label,
+        label_direction,
+        label_sr_only,
+        icon_size,
+        size,
+        fixed_position,
+        enable_body_lock,
+        status,
+        status_state,
+        status_props,
+        status_no_animation,
+        globalStatus,
+        suffix,
+        scrollable,
+        focusable,
+        keep_open,
+        prevent_close,
+        no_animation,
+        no_scroll_animation,
+        triangle_position,
+        skip_portal,
+        portal_class,
+        trigger_element: CustomTrigger,
+        more_menu,
+        action_menu,
+        independent_width,
+        prevent_selection,
+        max_height,
+        default_value,
+        className,
+        class: _className,
+        disabled,
+        stretch,
+        skeleton,
+        variant,
+        title: _title,
+        icon: _icon,
+        align_dropdown: _align_dropdown,
+        icon_position: _icon_position,
+        data: _data,
+        children: _children,
+        direction: _direction,
+        id: _id,
+        opened: _opened,
+        value: _value
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded);
     let {
       icon,
       icon_position,
@@ -413,18 +351,15 @@ class DropdownInstance extends _react.default.PureComponent {
     const id = this._id;
     const handleAsMenu = (0, _componentHelper.isTrue)(action_menu) || (0, _componentHelper.isTrue)(more_menu) || (0, _componentHelper.isTrue)(prevent_selection);
     const isPopupMenu = (0, _componentHelper.isTrue)(more_menu) || !(_title && _title.length > 0);
-
     if (isPopupMenu) {
       icon = icon || ((0, _componentHelper.isTrue)(more_menu) ? 'more' : 'chevron_down');
     }
-
     if (isPopupMenu || (0, _componentHelper.isTrue)(action_menu)) {
       if (icon_position !== 'right' && align_dropdown !== 'right') {
         icon_position = 'left';
         align_dropdown = 'left';
       }
     }
-
     const {
       selected_item,
       direction,
@@ -436,7 +371,6 @@ class DropdownInstance extends _react.default.PureComponent {
     const mainParams = {
       className: (0, _classnames.default)(`dnb-dropdown dnb-dropdown--${direction} dnb-dropdown--icon-position-${icon_position || 'right'} dnb-dropdown--${align_dropdown || 'right'} dnb-form-component`, ((0, _componentHelper.isTrue)(independent_width) || (0, _componentHelper.isTrue)(action_menu)) && 'dnb-dropdown--independent-width', (0, _SpacingHelper.createSpacingClasses)(props), _className, className, opened && 'dnb-dropdown--opened', label_direction && `dnb-dropdown--${label_direction}`, isPopupMenu && 'dnb-dropdown--is-popup', (0, _componentHelper.isTrue)(action_menu) && `dnb-dropdown--action-menu`, size && `dnb-dropdown--${size}`, (0, _componentHelper.isTrue)(stretch) && `dnb-dropdown--stretch`, status && `dnb-dropdown__status--${status_state}`, showStatus && 'dnb-dropdown__form-status')
     };
-
     const triggerParams = _objectSpread(_objectSpread({
       className: 'dnb-dropdown__trigger' + (opened ? " dnb-button--active" : ""),
       id,
@@ -449,19 +383,15 @@ class DropdownInstance extends _react.default.PureComponent {
       onClick: this.onClickHandler,
       onKeyDown: this.onTriggerKeyDownHandler
     });
-
     if (opened) {
       triggerParams['aria-controls'] = `${id}-drawer-list`;
     }
-
     if (showStatus || suffix) {
       triggerParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(triggerParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     if (label) {
       triggerParams['aria-labelledby'] = (0, _componentHelper.combineLabelledBy)(triggerParams, id + '-label', id);
     }
-
     (0, _componentHelper.validateDOMAttributes)(null, mainParams);
     (0, _componentHelper.validateDOMAttributes)(this.props, triggerParams);
     this.attributes = (0, _componentHelper.validateDOMAttributes)(null, attributes);
@@ -543,12 +473,9 @@ class DropdownInstance extends _react.default.PureComponent {
       context: props
     }, suffix))));
   }
-
 }
-
 _defineProperty(DropdownInstance, "defaultProps", Dropdown.defaultProps);
-
 _defineProperty(DropdownInstance, "contextType", _DrawerListContext.default);
-
 process.env.NODE_ENV !== "production" ? DropdownInstance.propTypes = Dropdown.propTypes : void 0;
-Dropdown.HorizontalItem = _DrawerList.default.HorizontalItem;
+Dropdown.HorizontalItem = _DrawerList.default.HorizontalItem;
+//# sourceMappingURL=Dropdown.js.map