@dnb/eufemia 10.2.0 → 10.3.0

package/components/timeline/Timeline.js

@@ -13,24 +13,20 @@ export const defaultProps = {
   data: null,
   children: null
 };
-
 const Timeline = localProps => {
   const context = React.useContext(Context);
   const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.Timeline, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
-
   const {
-    className,
-    skeleton,
-    data,
-    children: childrenProp
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
-
+      className,
+      skeleton,
+      data,
+      children: childrenProp
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const spacingClasses = createSpacingClasses(props);
   let children = childrenProp;
-
   if (Array.isArray(childrenProp)) {
     children = childrenProp.map((child, i) => {
       return React.cloneElement(child, {
@@ -39,7 +35,6 @@ const Timeline = localProps => {
       });
     });
   }
-
   validateDOMAttributes(allProps, props);
   return React.createElement("ol", _extends({
     className: classnames("dnb-timeline dnb-space__reset", spacingClasses, className)
@@ -48,7 +43,7 @@ const Timeline = localProps => {
     skeleton: skeleton
   }, timelineItem))), children);
 };
-
 Timeline.Item = TimelineItem;
 export { TimelineItem };
-export default Timeline;
+export default Timeline;
+//# sourceMappingURL=Timeline.js.map

package/components/timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":["React","classnames","createSpacingClasses","Context","TimelineItem","validateDOMAttributes","extendPropsWithContext","defaultProps","className","skeleton","data","children","Timeline","localProps","context","useContext","allProps","childrenProp","props","_objectWithoutProperties","_excluded","spacingClasses","Array","isArray","map","child","i","cloneElement","key","createElement","_extends","timelineItem","Item"],"sources":["../../../../src/components/timeline/Timeline.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport TimelineItem, { TimelineItemProps } from './TimelineItem'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\n\nexport type TimelineProps = {\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your events as objects of timelineitem, to render them as timelineitems.\n   * Default: null\n   */\n  data?: TimelineItemProps[]\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<TimelineItemProps>[]\n    | React.ReactElement<TimelineItemProps>\n}\n\nexport type TimelineAllProps = TimelineProps &\n  Omit<React.AllHTMLAttributes<HTMLOListElement>, 'type' | 'data'> &\n  SpacingProps\n\nexport const defaultProps = {\n  className: null,\n  skeleton: false,\n  data: null,\n  children: null,\n}\n\nconst Timeline = (localProps: TimelineAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Timeline,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n  const {\n    className,\n    skeleton,\n    data,\n    children: childrenProp,\n    ...props\n  } = allProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  let children = childrenProp\n\n  if (Array.isArray(childrenProp)) {\n    children = childrenProp.map((child, i) => {\n      return React.cloneElement(child, {\n        skeleton: skeleton,\n        key: i,\n      })\n    })\n  }\n\n  validateDOMAttributes(allProps, props)\n\n  return (\n    <ol\n      className={classnames(\n        'dnb-timeline',\n        'dnb-space__reset',\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      {data?.map((timelineItem, i) => (\n        <TimelineItem key={i} skeleton={skeleton} {...timelineItem} />\n      ))}\n\n      {children}\n    </ol>\n  )\n}\n\nTimeline.Item = TimelineItem\n\nexport { TimelineItem }\n\nexport default Timeline\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAGnC,SAASC,oBAAoB,QAAQ,wBAAwB;AAG7D,OAAOC,OAAO,MAAM,sBAAsB;AAK1C,OAAOC,YAAY,MAA6B,gBAAgB;AAChE,SACEC,qBAAqB,EACrBC,sBAAsB,QACjB,+BAA+B;AA4BtC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,IAAI;EACVC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAIC,UAA4B,IAAK;EAEjD,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACZ,OAAO,CAAC;EAGzC,MAAMa,QAAQ,GAAGV,sBAAsB,CACrCO,UAAU,EACVN,YAAY,EACZO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,QAAQ,EACjB;IACEH,QAAQ,EAAEK,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEL;EACrB,CACF,CAAC;EACD,MAAM;MACJD,SAAS;MACTC,QAAQ;MACRC,IAAI;MACJC,QAAQ,EAAEM;IAEZ,CAAC,GAAGD,QAAQ;IADPE,KAAK,GAAAC,wBAAA,CACNH,QAAQ,EAAAI,SAAA;EAEZ,MAAMC,cAAc,GAAGnB,oBAAoB,CAACgB,KAAK,CAAC;EAElD,IAAIP,QAAQ,GAAGM,YAAY;EAE3B,IAAIK,KAAK,CAACC,OAAO,CAACN,YAAY,CAAC,EAAE;IAC/BN,QAAQ,GAAGM,YAAY,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAAK;MACxC,OAAO1B,KAAK,CAAC2B,YAAY,CAACF,KAAK,EAAE;QAC/BhB,QAAQ,EAAEA,QAAQ;QAClBmB,GAAG,EAAEF;MACP,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEArB,qBAAqB,CAACW,QAAQ,EAAEE,KAAK,CAAC;EAEtC,OACElB,KAAA,CAAA6B,aAAA,OAAAC,QAAA;IACEtB,SAAS,EAAEP,UAAU,kCAGnBoB,cAAc,EACdb,SACF;EAAE,GACEU,KAAK,GAERR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEc,GAAG,CAAC,CAACO,YAAY,EAAEL,CAAC,KACzB1B,KAAA,CAAA6B,aAAA,CAACzB,YAAY,EAAA0B,QAAA;IAACF,GAAG,EAAEF,CAAE;IAACjB,QAAQ,EAAEA;EAAS,GAAKsB,YAAY,CAAG,CAC9D,CAAC,EAEDpB,QACC,CAAC;AAET,CAAC;AAEDC,QAAQ,CAACoB,IAAI,GAAG5B,YAAY;AAE5B,SAASA,YAAY;AAErB,eAAeQ,QAAQ"}

package/components/timeline/TimelineItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IconIcon } from '../icon/Icon';
 import type { SkeletonShow } from '../skeleton/Skeleton';
-export declare type TimelineItemProps = {
+export type TimelineItemProps = {
     /**
      * Icon displaying on the left side.
      * Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming` .
@@ -35,6 +35,6 @@ export declare type TimelineItemProps = {
      */
     skeleton?: SkeletonShow;
 };
-export declare type TimelineItemAllProps = TimelineItemProps & Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>;
+export type TimelineItemAllProps = TimelineItemProps & Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>;
 declare const TimelineItem: (localProps: TimelineItemAllProps) => JSX.Element;
 export default TimelineItem;

package/components/timeline/TimelineItem.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _span;
-
 const _excluded = ["icon", "iconAlt", "title", "subtitle", "infoMessage", "state", "skeleton"];
 import React from 'react';
 import classnames from 'classnames';
@@ -23,10 +21,8 @@ const defaultProps = {
   state: null,
   skeleton: false
 };
-
 const TimelineItem = localProps => {
   var _span2, _span3, _FormStatus;
-
   const context = React.useContext(Context);
   const {
     translation: {
@@ -40,24 +36,21 @@ const TimelineItem = localProps => {
   const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.TimelineItem, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
-
   const {
-    icon,
-    iconAlt,
-    title,
-    subtitle,
-    infoMessage,
-    state,
-    skeleton
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
-
+      icon,
+      iconAlt,
+      title,
+      subtitle,
+      infoMessage,
+      state,
+      skeleton
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const stateIsCompleted = state === 'completed';
   const stateIsCurrent = state === 'current';
   const stateIsUpcoming = state === 'upcoming';
   const skeletonClasses = createSkeletonClass('font', skeleton, context);
   const classes = classnames(`dnb-timeline__item dnb-timeline__item--${state}`, skeletonClasses);
-
   const TimelineItemIcon = () => {
     const currentIcon = icon || stateIsCompleted && checkIcon || stateIsCurrent && pinIcon || stateIsUpcoming && calendarIcon;
     const currentAltLabel = iconAlt || stateIsCompleted && alt_label_completed || stateIsCurrent && alt_label_current || stateIsUpcoming && alt_label_upcoming;
@@ -72,19 +65,16 @@ const TimelineItem = localProps => {
       size: stateIsCurrent ? undefined : 'small'
     }));
   };
-
   const TimelineItemTitle = () => {
     return _span2 || (_span2 = React.createElement("span", {
       className: "dnb-timeline__item__label__title"
     }, title));
   };
-
   const TimelineItemLabel = () => {
     return _span3 || (_span3 = React.createElement("span", {
       className: "dnb-timeline__item__label"
     }, React.createElement(TimelineItemIcon, null), React.createElement(TimelineItemTitle, null)));
   };
-
   const getSubtitle = () => {
     const TimelineItemSubtitle = _ref => {
       let {
@@ -94,23 +84,19 @@ const TimelineItem = localProps => {
         className: "dnb-timeline__item__content__subtitle"
       }, subtitle);
     };
-
     if (!subtitle) {
       return null;
     }
-
     if (Array.isArray(subtitle)) {
       return subtitle.map((subtitle, i) => React.createElement(TimelineItemSubtitle, {
         key: i,
         subtitle: subtitle
       }));
     }
-
     return React.createElement(TimelineItemSubtitle, {
       subtitle: subtitle
     });
   };
-
   const TimelineItemContent = () => {
     return React.createElement("div", {
       className: "dnb-timeline__item__content"
@@ -121,11 +107,10 @@ const TimelineItem = localProps => {
       stretch: true
     }))));
   };
-
   return React.createElement("li", _extends({
     className: classes,
     "aria-current": stateIsCurrent ? 'step' : undefined
   }, props), React.createElement(TimelineItemLabel, null), React.createElement(TimelineItemContent, null));
 };
-
-export default TimelineItem;
+export default TimelineItem;
+//# sourceMappingURL=TimelineItem.js.map

package/components/timeline/TimelineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.js","names":["React","classnames","FormStatus","IconPrimary","createSkeletonClass","checkIcon","calendarIcon","pinIcon","Context","extendPropsWithContext","defaultProps","icon","iconAlt","title","subtitle","infoMessage","state","skeleton","TimelineItem","localProps","_span2","_span3","_FormStatus","context","useContext","translation","alt_label_completed","alt_label_current","alt_label_upcoming","allProps","props","_objectWithoutProperties","_excluded","stateIsCompleted","stateIsCurrent","stateIsUpcoming","skeletonClasses","classes","TimelineItemIcon","currentIcon","currentAltLabel","createElement","className","_span","key","alt","size","undefined","TimelineItemTitle","TimelineItemLabel","getSubtitle","TimelineItemSubtitle","_ref","Array","isArray","map","i","TimelineItemContent","text","stretch","_extends"],"sources":["../../../../src/components/timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport FormStatus from '../form-status/FormStatus'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Icons\nimport checkIcon from '../../icons/check'\nimport calendarIcon from '../../icons/calendar'\nimport pinIcon from '../../icons/pin'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nexport type TimelineItemProps = {\n  /**\n   * Icon displaying on the left side.\n   * Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming` .\n   */\n  icon?: IconIcon\n\n  /**\n   * Text displaying the title of the item's corresponding page.\n   * Default: translations based on the icon.\n   */\n  iconAlt?: string\n\n  /**\n   * Text displaying the title of the timeline item.\n   */\n  title: React.ReactNode\n\n  /**\n   * Text displaying the subtitle of the timeline item.\n   */\n  subtitle?: React.ReactNode | React.ReactNode[]\n\n  /**\n   * Text displaying info message of the timeline item.\n   */\n  infoMessage?: React.ReactNode\n\n  /**\n   * The component state. State 'completed' or 'current' or 'upcoming'.\n   * Default: null\n   */\n  state: 'completed' | 'current' | 'upcoming'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type TimelineItemAllProps = TimelineItemProps &\n  Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>\n\nconst defaultProps = {\n  icon: null,\n  iconAlt: null,\n  title: null,\n  subtitle: null,\n  infoMessage: null,\n  state: null,\n  skeleton: false,\n}\n\nconst TimelineItem = (localProps: TimelineItemAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    translation: {\n      TimelineItem: {\n        alt_label_completed,\n        alt_label_current,\n        alt_label_upcoming,\n      },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.TimelineItem,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    icon,\n    iconAlt,\n    title,\n    subtitle,\n    infoMessage,\n    state,\n    skeleton,\n    ...props\n  } = allProps\n\n  const stateIsCompleted = state === 'completed'\n  const stateIsCurrent = state === 'current'\n  const stateIsUpcoming = state === 'upcoming'\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const classes = classnames(\n    'dnb-timeline__item',\n    skeletonClasses,\n    `dnb-timeline__item--${state}`\n  )\n\n  const TimelineItemIcon = () => {\n    const currentIcon =\n      icon ||\n      (stateIsCompleted && checkIcon) ||\n      (stateIsCurrent && pinIcon) ||\n      (stateIsUpcoming && calendarIcon)\n\n    const currentAltLabel =\n      iconAlt ||\n      (stateIsCompleted && alt_label_completed) ||\n      (stateIsCurrent && alt_label_current) ||\n      (stateIsUpcoming && alt_label_upcoming)\n    return (\n      <span className=\"dnb-timeline__item__label__icon\">\n        <span key=\"icon-alignment\" aria-hidden>\n          &zwnj;\n        </span>\n        {!skeleton && currentIcon && (\n          <IconPrimary\n            icon={currentIcon}\n            alt={currentAltLabel}\n            size={stateIsCurrent ? undefined : 'small'}\n          />\n        )}\n      </span>\n    )\n  }\n\n  const TimelineItemTitle = () => {\n    return (\n      <span className=\"dnb-timeline__item__label__title\">{title}</span>\n    )\n  }\n\n  const TimelineItemLabel = () => {\n    return (\n      <span className=\"dnb-timeline__item__label\">\n        <TimelineItemIcon />\n        <TimelineItemTitle />\n      </span>\n    )\n  }\n\n  const getSubtitle = () => {\n    const TimelineItemSubtitle = ({\n      subtitle,\n    }: {\n      subtitle: React.ReactNode\n    }) => (\n      <div className=\"dnb-timeline__item__content__subtitle\">\n        {subtitle}\n      </div>\n    )\n\n    if (!subtitle) {\n      return null\n    }\n\n    if (Array.isArray(subtitle)) {\n      return subtitle.map((subtitle, i) => (\n        <TimelineItemSubtitle key={i} subtitle={subtitle} />\n      ))\n    }\n    return <TimelineItemSubtitle subtitle={subtitle} />\n  }\n\n  const TimelineItemContent = () => {\n    return (\n      <div className=\"dnb-timeline__item__content\">\n        {getSubtitle()}\n        {infoMessage && (\n          <FormStatus\n            text={infoMessage}\n            state=\"info\"\n            className=\"dnb-timeline__item__content__info\"\n            stretch\n          />\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <li\n      className={classes}\n      aria-current={stateIsCurrent ? 'step' : undefined}\n      {...props}\n    >\n      <TimelineItemLabel />\n      <TimelineItemContent />\n    </li>\n  )\n}\n\nexport default TimelineItem\n"],"mappings":"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"}

package/components/timeline/index.js

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

package/components/timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Timeline"],"sources":["../../../../src/components/timeline/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Timeline from './Timeline'\nexport default Timeline\nexport * from './Timeline'\n"],"mappings":"AAKA,OAAOA,QAAQ,MAAM,YAAY;AACjC,eAAeA,QAAQ;AACvB,cAAc,YAAY"}

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

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

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

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

package/components/timeline/style.js.map

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

package/components/toggle-button/ToggleButton.d.ts

@@ -30,19 +30,16 @@ export interface ToggleButtonProps
    * <em>(required)</em> the text shown in the ToggleButton.
    */
   text?: string;
-
   /**
    * Use either the `label` property or provide a custom one.
    */
   label?: FormLabelText;
   label_direction?: FormLabelLabelDirection;
   label_sr_only?: boolean;
-
   /**
    * The `title` of the input - describing it a bit further for accessibility reasons.
    */
   title?: string;
-
   /**
    * Determine whether the ToggleButton is checked or not. The default will be `false`.
    */
@@ -50,54 +47,44 @@ export interface ToggleButtonProps
   variant?: ToggleButtonVariant;
   left_component?: React.ReactNode;
   disabled?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
   id?: string;
-
   /**
    * 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;
-
   /**
    * Text describing the content of the ToggleButton more than the label. You can also send in a React component, so it gets wrapped inside the ToggleButton component.
    */
   suffix?: ToggleButtonSuffix;
-
   /**
    * <em>(required)</em> defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the "ToggleButtonGroup".
    */
   value?: ToggleButtonValue;
-
   /**
    * Icon to be included in the toggle button.
    */
   icon?: IconIcon;
-
   /**
    * Position of the icon inside the toggle button. Set to `left` or `right`. Defaults to `right` if not set.
    */
   icon_position?: ButtonIconPosition;
-
   /**
    * Define icon width and height. Defaults to 16px.
    */
@@ -107,7 +94,6 @@ export interface ToggleButtonProps
   class?: string;
   className?: string;
   children?: ToggleButtonChildren;
-
   /**
    * Will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.
    */

package/components/toggle-button/ToggleButton.js

@@ -1,15 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _AlignmentHelper;
-
 const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "label", "label_direction", "label_sr_only", "text", "title", "readOnly", "className", "class", "disabled", "skeleton", "variant", "left_component", "icon", "icon_size", "icon_position", "value", "id", "checked", "children", "on_change", "on_state_update"];
-
-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';
@@ -34,9 +29,7 @@ export default class ToggleButton extends React.PureComponent {
         state.checked = ToggleButton.parseChecked(props.checked);
       }
     }
-
     state._listenForPropChanges = true;
-
     if (state.checked !== state.__checked) {
       dispatchCustomElementEvent({
         props
@@ -44,15 +37,12 @@ export default class ToggleButton extends React.PureComponent {
         checked: state.checked
       });
     }
-
     state._checked = props.checked;
     state.__checked = state.checked;
     return state;
   }
-
   constructor(props, context) {
     super(props);
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch (keycode(event)) {
         case 'enter':
@@ -62,7 +52,6 @@ export default class ToggleButton extends React.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onKeyUpHandler", event => {
       switch (keycode(event)) {
         case 'enter':
@@ -72,22 +61,17 @@ export default class ToggleButton extends React.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "onClickHandler", _ref => {
       let {
         event
       } = _ref;
-
       if (isTrue(this.props.readOnly)) {
         return event.preventDefault();
       }
-
       event.persist();
-
       if (!isTrue(this.context.multiselect) && this.props.value === this.context.value) {
         return;
       }
-
       const checked = !this.state.checked;
       this.setState({
         checked,
@@ -97,7 +81,6 @@ export default class ToggleButton extends React.PureComponent {
         checked,
         event
       });
-
       if (this._refButton.current && checked) {
         try {
           this._refButton.current._ref.current.focus();
@@ -106,7 +89,6 @@ export default class ToggleButton extends React.PureComponent {
         }
       }
     });
-
     _defineProperty(this, "callOnChange", _ref2 => {
       let {
         checked,
@@ -115,27 +97,23 @@ export default class ToggleButton extends React.PureComponent {
       const {
         value
       } = this.props;
-
       if (this.context.onChange) {
         this.context.onChange({
           value,
           event
         });
       }
-
       dispatchCustomElementEvent(this, 'on_change', {
         checked,
         value,
         event
       });
     });
-
     this._id = props.id || makeUniqueId();
     this._refButton = React.createRef();
     this.state = {
       _listenForPropChanges: true
     };
-
     if (context.name && typeof props.value !== 'undefined') {
       if (typeof context.value !== 'undefined') {
         this.state.checked = context.value === props.value;
@@ -160,68 +138,60 @@ export default class ToggleButton extends React.PureComponent {
       }
     }
   }
-
   render() {
     return React.createElement(Context.Consumer, null, context => {
       const contextProps = extendPropsWithContextInClassComponent(this.props, ToggleButton.defaultProps, this.context);
       const props = extendPropsWithContextInClassComponent(this.props, ToggleButton.defaultProps, contextProps, context.translation.ToggleButton, includeValidProps(context.FormRow), context.ToggleButton);
-
       const {
-        status,
-        status_state,
-        status_props,
-        status_no_animation,
-        globalStatus,
-        suffix,
-        label,
-        label_direction,
-        label_sr_only,
-        text,
-        title,
-        readOnly,
-        className,
-        class: _className,
-        disabled,
-        skeleton,
-        variant,
-        left_component,
-        icon,
-        icon_size,
-        icon_position,
-        value: propValue,
-        id: _id,
-        checked: _checked,
-        children,
-        on_change,
-        on_state_update
-      } = props,
-            rest = _objectWithoutProperties(props, _excluded);
-
+          status,
+          status_state,
+          status_props,
+          status_no_animation,
+          globalStatus,
+          suffix,
+          label,
+          label_direction,
+          label_sr_only,
+          text,
+          title,
+          readOnly,
+          className,
+          class: _className,
+          disabled,
+          skeleton,
+          variant,
+          left_component,
+          icon,
+          icon_size,
+          icon_position,
+          value: propValue,
+          id: _id,
+          checked: _checked,
+          children,
+          on_change,
+          on_state_update
+        } = props,
+        rest = _objectWithoutProperties(props, _excluded);
       let {
         checked
       } = this.state;
-
       if (!isTrue(this.context.multiselect) && typeof this.context.value !== 'undefined') {
         const contextValue = this.context.value;
-
         if (typeof propValue === 'string' || typeof propValue === 'number') {
           checked = propValue === contextValue;
         }
       } else if (isTrue(this.context.multiselect) && typeof this.context.values !== 'undefined') {
         const contextValues = this.context.values;
-
         if (typeof propValue === 'string' || typeof propValue === 'number') {
           checked = contextValues.includes(propValue);
         }
       }
-
       const id = this._id;
       const showStatus = getStatusState(status);
       const mainParams = {
         className: classnames('dnb-toggle-button', createSpacingClasses(props), className, _className, status && `dnb-toggle-button__status--${status_state}`, checked && `dnb-toggle-button--checked`, label_direction && `dnb-toggle-button--${label_direction}`)
       };
       validateDOMAttributes(this.props, rest);
-
       const buttonParams = _objectSpread({
         id,
         disabled,
@@ -233,7 +203,6 @@ export default class ToggleButton extends React.PureComponent {
         icon_position,
         'aria-pressed': String(checked || false)
       }, rest);
-
       const componentParams = {
         checked,
         disabled,
@@ -245,7 +214,6 @@ export default class ToggleButton extends React.PureComponent {
         name: null,
         title: null
       };
-
       if (status) {
         if (status_state === 'info') {
           componentParams.status_state = 'info';
@@ -253,36 +221,29 @@ export default class ToggleButton extends React.PureComponent {
           componentParams.status = 'error';
         }
       }
-
       if (showStatus || suffix) {
         buttonParams['aria-describedby'] = combineDescribedBy(buttonParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
       }
-
       if (readOnly) {
         buttonParams['aria-readonly'] = buttonParams.readOnly = true;
       }
-
       let leftComponent = null;
-
       switch (variant) {
         case 'radio':
           leftComponent = React.createElement(Radio, _extends({
             id: `${id}-radio`
           }, componentParams));
           break;
-
         case 'checkbox':
           leftComponent = React.createElement(Checkbox, _extends({
             id: `${id}-checkbox`
           }, componentParams));
           break;
-
         case 'default':
         default:
           leftComponent = left_component;
           break;
       }
-
       return React.createElement("span", mainParams, label && React.createElement(FormLabel, {
         id: id + '-label',
         for_id: id,
@@ -323,13 +284,9 @@ export default class ToggleButton extends React.PureComponent {
       }, suffix))));
     });
   }
-
 }
-
 _defineProperty(ToggleButton, "Group", ToggleButtonGroup);
-
 _defineProperty(ToggleButton, "contextType", ToggleButtonGroupContext);
-
 _defineProperty(ToggleButton, "defaultProps", {
   text: null,
   label: null,
@@ -360,9 +317,7 @@ _defineProperty(ToggleButton, "defaultProps", {
   on_change: null,
   on_state_update: null
 });
-
 _defineProperty(ToggleButton, "parseChecked", state => /true|on/.test(String(state)));
-
 process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = _objectSpread(_objectSpread({
   text: PropTypes.string,
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
@@ -396,4 +351,5 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = _objectSpread(_
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
   on_change: PropTypes.func,
   on_state_update: PropTypes.func
-}) : void 0;
+}) : void 0;
+//# sourceMappingURL=ToggleButton.js.map