@dnb/eufemia 10.2.0 → 10.3.0

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/components/dropdown/Dropdown.js

@@ -1,15 +1,10 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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 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 from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -48,9 +43,7 @@ export default class Dropdown extends React.PureComponent {
       id: id
     })));
   }
-
 }
-
 _defineProperty(Dropdown, "defaultProps", {
   id: null,
   title: 'Option Menu',
@@ -102,7 +95,6 @@ _defineProperty(Dropdown, "defaultProps", {
   on_select: null,
   on_state_update: null
 });
-
 process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, spacingPropTypes), drawerListPropTypes), drawerListProviderPropTypes), {}, {
   id: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
@@ -160,43 +152,35 @@ process.env.NODE_ENV !== "production" ? Dropdown.propTypes = _objectSpread(_obje
   on_select: PropTypes.func,
   on_state_update: PropTypes.func
 }) : void 0;
-
 class DropdownInstance extends React.PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "setVisible", () => {
       this.context.drawerList.setWrapperElement(this._ref.current).setVisible();
     });
-
     _defineProperty(this, "setHidden", (...args) => {
       this.context.drawerList.setHidden(...args);
     });
-
     _defineProperty(this, "onFocusHandler", () => {
       if (isTrue(this.props.open_on_focus)) {
         this.setVisible();
       }
     });
-
     _defineProperty(this, "onBlurHandler", () => {
       if (isTrue(this.props.open_on_focus)) {
         this.setHidden();
       }
     });
-
     _defineProperty(this, "onClickHandler", () => {
       if (isTrue(this.props.disabled)) {
         return;
       }
-
       if (!this.context.drawerList.hidden && this.context.drawerList.isOpen) {
         this.setHidden();
       } else {
         this.setVisible();
       }
     });
-
     _defineProperty(this, "onTriggerKeyDownHandler", e => {
       switch (keycode(e)) {
         case 'enter':
@@ -204,17 +188,14 @@ class DropdownInstance extends React.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':
@@ -223,33 +204,27 @@ class DropdownInstance extends React.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onHideHandler", (args = {}) => {
       const attributes = this.attributes || {};
       const res = 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
               });
             }
-
             dispatchCustomElementEvent(this, 'on_hide_focus', {
               element
             });
@@ -257,7 +232,6 @@ class DropdownInstance extends React.PureComponent {
         } catch (e) {}
       }, 1);
     });
-
     _defineProperty(this, "onSelectHandler", args => {
       if (parseFloat(args.active_item) > -1) {
         const attributes = this.attributes || {};
@@ -266,14 +240,12 @@ class DropdownInstance extends React.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "onChangeHandler", args => {
       const attributes = this.attributes || {};
       dispatchCustomElementEvent(this, 'on_change', _objectSpread(_objectSpread({}, args), {}, {
         attributes
       }));
     });
-
     this._id = props.id || makeUniqueId();
     this.attributes = {};
     this.state = this.state || {};
@@ -281,89 +253,79 @@ class DropdownInstance extends React.PureComponent {
     this._refShell = React.createRef();
     this._refButton = React.createRef();
   }
-
   componentDidMount() {
     if (isTrue(this.props.opened)) {
       this.setVisible();
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this._focusTimeout);
   }
-
   getTitle(title = null) {
     const {
       data
     } = this.context.drawerList;
-
     if (data && data.length > 0) {
       const currentOptionData = getCurrentData(this.context.drawerList.selected_item, data);
-
       if (currentOptionData) {
         title = currentOptionData.selected_value || parseContentTitle(currentOptionData);
       }
     }
-
     return title;
   }
-
   render() {
     var _this$context;
-
     const props = 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, 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,
@@ -372,18 +334,15 @@ class DropdownInstance extends React.PureComponent {
     const id = this._id;
     const handleAsMenu = isTrue(action_menu) || isTrue(more_menu) || isTrue(prevent_selection);
     const isPopupMenu = isTrue(more_menu) || !(_title && _title.length > 0);
-
     if (isPopupMenu) {
       icon = icon || (isTrue(more_menu) ? 'more' : 'chevron_down');
     }
-
     if (isPopupMenu || isTrue(action_menu)) {
       if (icon_position !== 'right' && align_dropdown !== 'right') {
         icon_position = 'left';
         align_dropdown = 'left';
       }
     }
-
     const {
       selected_item,
       direction,
@@ -395,7 +354,6 @@ class DropdownInstance extends React.PureComponent {
     const mainParams = {
       className: classnames(`dnb-dropdown dnb-dropdown--${direction} dnb-dropdown--icon-position-${icon_position || 'right'} dnb-dropdown--${align_dropdown || 'right'} dnb-form-component`, (isTrue(independent_width) || isTrue(action_menu)) && 'dnb-dropdown--independent-width', createSpacingClasses(props), _className, className, opened && 'dnb-dropdown--opened', label_direction && `dnb-dropdown--${label_direction}`, isPopupMenu && 'dnb-dropdown--is-popup', isTrue(action_menu) && `dnb-dropdown--action-menu`, size && `dnb-dropdown--${size}`, 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,
@@ -408,19 +366,15 @@ class DropdownInstance extends React.PureComponent {
       onClick: this.onClickHandler,
       onKeyDown: this.onTriggerKeyDownHandler
     });
-
     if (opened) {
       triggerParams['aria-controls'] = `${id}-drawer-list`;
     }
-
     if (showStatus || suffix) {
       triggerParams['aria-describedby'] = combineDescribedBy(triggerParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
     }
-
     if (label) {
       triggerParams['aria-labelledby'] = combineLabelledBy(triggerParams, id + '-label', id);
     }
-
     validateDOMAttributes(null, mainParams);
     validateDOMAttributes(this.props, triggerParams);
     this.attributes = validateDOMAttributes(null, attributes);
@@ -502,12 +456,9 @@ class DropdownInstance extends React.PureComponent {
       context: props
     }, suffix))));
   }
-
 }
-
 _defineProperty(DropdownInstance, "defaultProps", Dropdown.defaultProps);
-
 _defineProperty(DropdownInstance, "contextType", DrawerListContext);
-
 process.env.NODE_ENV !== "production" ? DropdownInstance.propTypes = Dropdown.propTypes : void 0;
-Dropdown.HorizontalItem = DrawerList.HorizontalItem;
+Dropdown.HorizontalItem = DrawerList.HorizontalItem;
+//# sourceMappingURL=Dropdown.js.map