@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/section/Section.d.ts

@@ -4,9 +4,9 @@
  */
 import React from 'react';
 import type { DynamicElement, SpacingProps } from '../../shared/types';
-export declare type SectionStyleTypes = 'divider' | 'white' | 'transparent' | 'lavender' | 'pistachio' | 'emerald-green' | 'sea-green' | 'fire-red' | 'fire-red-8' | 'sand-yellow' | 'black-3' | 'mint-green' | 'mint-green-12';
-export declare type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-export declare type SectionProps = {
+export type SectionStyleTypes = 'divider' | 'white' | 'transparent' | 'lavender' | 'pistachio' | 'emerald-green' | 'sea-green' | 'fire-red' | 'fire-red-8' | 'sand-yellow' | 'black-3' | 'mint-green' | 'mint-green-12';
+export type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+export type SectionProps = {
     /**
      * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.
      */
@@ -23,5 +23,5 @@ export declare type SectionProps = {
     className?: string;
     children?: React.ReactNode;
 };
-export declare type SectionAllProps = SectionProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
+export type SectionAllProps = SectionProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
 export default function Section(localProps: SectionAllProps): JSX.Element;

package/es/components/section/Section.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["element", "style_type", "spacing", "inner_ref", "className", "children"];
-
-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 classnames from 'classnames';
 import Context from '../../shared/Context';
@@ -17,25 +14,23 @@ const defaultProps = {
 export default function Section(localProps) {
   const context = React.useContext(Context);
   const props = extendPropsWithContext(localProps, defaultProps, context.Section);
-
   const {
-    element,
-    style_type,
-    spacing,
-    inner_ref,
-    className,
-    children
-  } = props,
-        attributes = _objectWithoutProperties(props, _excluded);
-
+      element,
+      style_type,
+      spacing,
+      inner_ref,
+      className,
+      children
+    } = props,
+    attributes = _objectWithoutProperties(props, _excluded);
   const params = _objectSpread({
     className: classnames(`dnb-section dnb-section--${style_type || 'mint-green-12'}`, createSpacingClasses(props), className, spacing && `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`)
   }, attributes);
-
   const internalRef = React.useRef();
   const elementRef = inner_ref || internalRef;
   params['ref'] = elementRef;
   validateDOMAttributes(props, params);
   const Element = element || 'section';
   return React.createElement(Element, params, children);
-}
+}
+//# sourceMappingURL=Section.js.map

package/es/components/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["React","classnames","Context","isTrue","validateDOMAttributes","extendPropsWithContext","createSpacingClasses","defaultProps","element","Section","localProps","context","useContext","props","style_type","spacing","inner_ref","className","children","attributes","_objectWithoutProperties","_excluded","params","_objectSpread","internalRef","useRef","elementRef","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n  | 'lavender'\n  | 'pistachio'\n  | 'emerald-green'\n  | 'sea-green'\n  | 'fire-red'\n  | 'fire-red-8'\n  | 'sand-yellow'\n  | 'black-3'\n  | 'mint-green'\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type SectionProps = {\n  /**\n   * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n   */\n  style_type?: SectionStyleTypes | string\n\n  /**\n   * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  inner_ref?: React.RefObject<HTMLElement>\n  className?: string\n  children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    element,\n    style_type,\n    spacing,\n    inner_ref,\n\n    className,\n    children,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${style_type || 'mint-green-12'}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      createSpacingClasses(props),\n      className\n    ),\n    ...(attributes as Record<string, unknown>),\n  }\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = inner_ref || internalRef\n  params['ref'] = elementRef\n\n  validateDOMAttributes(props, params)\n\n  const Element = element || 'section'\n\n  return <Element {...params}>{children}</Element>\n}\n"],"mappings":";;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,MAAM,EACNC,qBAAqB,EACrBC,sBAAsB,QACjB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAoD7D,MAAMC,YAAY,GAAG;EACnBC,OAAO,EAAE;AACX,CAAC;AAED,eAAe,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC3D,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACV,OAAO,CAAC;EAGzC,MAAMW,KAAK,GAAGR,sBAAsB,CAClCK,UAAU,EACVH,YAAY,EACZI,OAAO,CAACF,OACV,CAAC;EAED,MAAM;MACJD,OAAO;MACPM,UAAU;MACVC,OAAO;MACPC,SAAS;MAETC,SAAS;MACTC;IAGF,CAAC,GAAGL,KAAK;IADJM,UAAU,GAAAC,wBAAA,CACXP,KAAK,EAAAQ,SAAA;EAET,MAAMC,MAAM,GAAAC,aAAA;IACVN,SAAS,EAAEhB,UAAU,6BAEHa,UAAU,IAAI,eAAgB,IAG9CR,oBAAoB,CAACO,KAAK,CAAC,EAC3BI,SAAS,EAHTF,OAAO,IACJ,wBAAuBZ,MAAM,CAACY,OAAO,CAAC,GAAG,OAAO,GAAGA,OAAQ,EAGhE;EAAC,GACGI,UAAU,CACf;EAED,MAAMK,WAAW,GAAGxB,KAAK,CAACyB,MAAM,CAAc,CAAC;EAC/C,MAAMC,UAAU,GAAGV,SAAS,IAAIQ,WAAW;EAC3CF,MAAM,CAAC,KAAK,CAAC,GAAGI,UAAU;EAE1BtB,qBAAqB,CAACS,KAAK,EAAES,MAAM,CAAC;EAEpC,MAAMK,OAAO,GAAGnB,OAAO,IAAI,SAAS;EAEpC,OAAOR,KAAA,CAAA4B,aAAA,CAACD,OAAO,EAAKL,MAAM,EAAGJ,QAAkB,CAAC;AAClD"}

package/es/components/section/index.js

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

package/es/components/section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Section"],"sources":["../../../../src/components/section/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Section from './Section'\nexport default Section\nexport * from './Section'\n"],"mappings":"AAKA,OAAOA,OAAO,MAAM,WAAW;AAC/B,eAAeA,OAAO;AACtB,cAAc,WAAW"}

package/es/components/section/style/index.js.map

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

package/es/components/section/style/themes/ui.js.map

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

package/es/components/section/style.js.map

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

package/es/components/skeleton/Skeleton.d.ts

@@ -16,27 +16,22 @@ export interface SkeletonProps
    * Use `true` to enable/show the skeleton for the component used inside. Defaults to `false`.
    */
   show?: boolean;
-
   /**
    * Use `true` to disable the animation.
    */
   no_animation?: boolean;
-
   /**
    * Define a figure to use, like `article`. The wrapped content will be hidden while the skeleton figure is shown.
    */
   figure?: SkeletonFigure;
-
   /**
    * Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.
    */
   aria_busy?: string;
-
   /**
    * Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed.
    */
   aria_ready?: string;
-
   /**
    * Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.
    */

package/es/components/skeleton/Skeleton.js

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["show", "no_animation", "figure", "skeleton", "aria_busy", "aria_ready", "className", "class", "children"];
-
-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';
@@ -23,24 +20,20 @@ export default class Skeleton extends React.PureComponent {
       ariaLiveUpdate: null
     };
   }
-
   componentWillUnmount() {
     clearTimeout(this._ariaLiveUpdateTimeout);
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.show !== this.props.show) {
       this.setAriaLiveUpdate();
     }
   }
-
   getProps(props = this.props, context = this.context) {
     return extendPropsWithContextInClassComponent(props, Skeleton.defaultProps, {
       skeleton: context.Skeleton || context.skeleton,
       no_animation: context.skeleton_no_animation
     }, context.getTranslation(props).Skeleton);
   }
-
   setAriaLiveUpdate() {
     clearTimeout(this._ariaLiveUpdateTimeout);
     this._ariaLiveUpdateTimeout = setTimeout(() => {
@@ -49,13 +42,11 @@ export default class Skeleton extends React.PureComponent {
         aria_ready
       } = this.getProps();
       let newString = null;
-
       if (isTrue(this.props.show)) {
         newString = aria_busy;
       } else {
         newString = aria_ready;
       }
-
       if (newString) {
         this.setState({
           ariaLiveUpdate: newString
@@ -68,35 +59,30 @@ export default class Skeleton extends React.PureComponent {
       }
     }, 1e3);
   }
-
   render() {
     const props = this.getProps();
-
     const {
-      show,
-      no_animation,
-      figure,
-      skeleton,
-      aria_busy,
-      aria_ready,
-      className,
-      class: _className,
-      children
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded);
-
+        show,
+        no_animation,
+        figure,
+        skeleton,
+        aria_busy,
+        aria_ready,
+        className,
+        class: _className,
+        children
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded);
     const {
       ariaLiveUpdate
     } = this.state;
     const showSkeleton = typeof show === 'boolean' || typeof show === 'string' ? isTrue(show) : skeleton;
-
     const params = _objectSpread({
       className: classnames(figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root', createSpacingClasses(props), className, _className, isTrue(showSkeleton) && 'dnb-skeleton', isTrue(no_animation) && 'dnb-skeleton--no-animation'),
       'aria-busy': showSkeleton,
       'aria-label': showSkeleton ? aria_busy : undefined,
       lang: this.context.locale || LOCALE
     }, attributes);
-
     validateDOMAttributes(props, params);
     return React.createElement(Space, params, figure ? showSkeleton ? typeof figure === 'function' ? figure() : figure : children : React.createElement(Provider, {
       skeleton: showSkeleton,
@@ -106,11 +92,8 @@ export default class Skeleton extends React.PureComponent {
       "aria-live": "assertive"
     }, ariaLiveUpdate));
   }
-
 }
-
 _defineProperty(Skeleton, "contextType", Context);
-
 _defineProperty(Skeleton, "defaultProps", {
   show: null,
   skeleton: null,
@@ -123,7 +106,6 @@ _defineProperty(Skeleton, "defaultProps", {
   className: null,
   children: null
 });
-
 process.env.NODE_ENV !== "production" ? Skeleton.propTypes = _objectSpread(_objectSpread({
   show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -136,11 +118,10 @@ process.env.NODE_ENV !== "production" ? Skeleton.propTypes = _objectSpread(_obje
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
 }) : void 0;
-
 function Exclude(props) {
   return React.createElement(Provider, _extends({}, props, {
     skeleton: false
   }));
 }
-
-Skeleton.Exclude = Exclude;
+Skeleton.Exclude = Exclude;
+//# sourceMappingURL=Skeleton.js.map

package/es/components/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":["React","PropTypes","classnames","extendPropsWithContextInClassComponent","validateDOMAttributes","isTrue","LOCALE","Space","spacingPropTypes","createSpacingClasses","Context","Provider","Skeleton","PureComponent","constructor","props","state","ariaLiveUpdate","componentWillUnmount","clearTimeout","_ariaLiveUpdateTimeout","componentDidUpdate","prevProps","show","setAriaLiveUpdate","getProps","context","defaultProps","skeleton","no_animation","skeleton_no_animation","getTranslation","setTimeout","aria_busy","aria_ready","newString","setState","render","figure","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","showSkeleton","params","_objectSpread","undefined","lang","locale","createElement","_defineProperty","element","process","env","NODE_ENV","propTypes","oneOfType","string","bool","func","node","Exclude","_extends"],"sources":["../../../../src/components/skeleton/Skeleton.js"],"sourcesContent":["/**\n * Web Skeleton Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  isTrue,\n} from '../../shared/component-helper'\nimport { LOCALE } from '../../shared/defaults'\nimport Space from '../space/Space'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\n\nexport default class Skeleton extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    figure: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    aria_busy: PropTypes.string,\n    aria_ready: PropTypes.string,\n    element: PropTypes.node,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    show: null,\n    skeleton: null, // only to make sure we process extendPropsWithContextInClassComponent\n    no_animation: null,\n    figure: null,\n    aria_busy: null,\n    aria_ready: null,\n    element: null,\n    class: null,\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = { ariaLiveUpdate: null }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._ariaLiveUpdateTimeout)\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.show !== this.props.show) {\n      this.setAriaLiveUpdate()\n    }\n  }\n\n  getProps(props = this.props, context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      props,\n      Skeleton.defaultProps,\n      {\n        skeleton: context.Skeleton || context.skeleton,\n        no_animation: context.skeleton_no_animation,\n      },\n      context.getTranslation(props).Skeleton\n    )\n  }\n\n  setAriaLiveUpdate() {\n    // this is only to make a better screen reader ux\n    clearTimeout(this._ariaLiveUpdateTimeout)\n    this._ariaLiveUpdateTimeout = setTimeout(() => {\n      const { aria_busy, aria_ready } = this.getProps()\n\n      let newString = null\n\n      if (isTrue(this.props.show)) {\n        newString = aria_busy\n      } else {\n        newString = aria_ready\n      }\n\n      if (newString) {\n        this.setState({\n          ariaLiveUpdate: newString,\n        })\n        this._ariaLiveUpdateTimeout = setTimeout(() => {\n          this.setState({\n            ariaLiveUpdate: null,\n          })\n        }, 1e3)\n      }\n    }, 1e3) // so that the input gets read out first, and then the results\n  }\n\n  render() {\n    // consume the skeleton context\n    const props = this.getProps()\n\n    const {\n      show,\n      no_animation,\n      figure,\n      skeleton,\n      aria_busy,\n      aria_ready, // eslint-disable-line\n      className,\n      class: _className,\n      children,\n\n      ...attributes\n    } = props\n\n    const { ariaLiveUpdate } = this.state\n\n    const showSkeleton =\n      typeof show === 'boolean' || typeof show === 'string'\n        ? isTrue(show)\n        : skeleton\n\n    const params = {\n      className: classnames(\n        figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root',\n        isTrue(showSkeleton) && 'dnb-skeleton',\n        isTrue(no_animation) && 'dnb-skeleton--no-animation',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      // role: 'status',// is not needed as for now\n      'aria-busy': showSkeleton,\n      'aria-label': showSkeleton ? aria_busy : undefined,\n      lang: this.context.locale || LOCALE,\n      ...attributes,\n    }\n\n    validateDOMAttributes(props, params)\n\n    return (\n      <Space {...params}>\n        {figure ? (\n          showSkeleton ? (\n            typeof figure === 'function' ? (\n              figure()\n            ) : (\n              figure\n            )\n          ) : (\n            children\n          )\n        ) : (\n          <Provider\n            skeleton={showSkeleton}\n            skeleton_no_animation={no_animation}\n          >\n            {children}\n          </Provider>\n        )}\n        <span className=\"dnb-sr-only\" aria-live=\"assertive\">\n          {ariaLiveUpdate}\n        </span>\n      </Space>\n    )\n  }\n}\n\nfunction Exclude(props) {\n  return <Provider {...props} skeleton={false} />\n}\n\nSkeleton.Exclude = Exclude\n"],"mappings":"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"}

package/es/components/skeleton/SkeletonHelper.d.ts

@@ -20,7 +20,7 @@ export interface SkeletonContextProps {
   };
 }
 export type SkeletonMethods = 'shape' | 'font' | 'code';
-export const createSkeletonClass: (
+export declare const createSkeletonClass: (
   method: SkeletonMethods,
   skeleton: SkeletonShow,
   context?: SkeletonContextProps
@@ -35,7 +35,7 @@ export interface skeletonDOMAttributesContext {
     };
   };
 }
-export const skeletonDOMAttributes: (
+export declare const skeletonDOMAttributes: (
   params: React.HTMLProps<HTMLElement>,
   skeleton: SkeletonShow,
   context?: SkeletonContextProps

package/es/components/skeleton/SkeletonHelper.js

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["className", "children", "__element", "style"];
-
-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 { convertJsxToString, isTrue } from '../../shared/component-helper';
@@ -14,37 +11,31 @@ import classnames from 'classnames';
 export const skeletonDOMAttributes = (params, skeleton, context = null) => {
   if (isTrue(skeleton) || skeleton !== false && context !== null && context !== void 0 && context.skeleton) {
     var _context$translation, _context$translation$;
-
     params.disabled = true;
     params['aria-disabled'] = true;
     params['aria-label'] = context === null || context === void 0 ? void 0 : (_context$translation = context.translation) === null || _context$translation === void 0 ? void 0 : (_context$translation$ = _context$translation.Skeleton) === null || _context$translation$ === void 0 ? void 0 : _context$translation$.aria_busy;
   }
-
   return params;
 };
 export const createSkeletonClass = (method, skeleton, context = null, className = null) => {
   if (isTrue(skeleton) || skeleton !== false && context !== null && context !== void 0 && context.skeleton) {
     return classnames(className, 'dnb-skeleton', method && `dnb-skeleton--${method}`);
   }
-
   return className;
 };
 export class AutoSize extends React.PureComponent {
   render() {
     const _this$props = this.props,
-          {
-      className,
-      children,
-      __element: Comp,
-      style
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        className,
+        children,
+        __element: Comp,
+        style
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
     const string = convertJsxToString(children);
-
     if (typeof string === 'string') {
       const countChars = string.trim().length;
-
       if (countChars > 0) {
         return React.createElement(Comp, _objectSpread({
           className: classnames("dnb-skeleton dnb-skeleton--font", className),
@@ -55,25 +46,22 @@ export class AutoSize extends React.PureComponent {
         }, props), children);
       }
     }
-
     return React.createElement(Comp, _extends({}, props, {
       className: className,
       style: style
     }));
   }
-
 }
-
 _defineProperty(AutoSize, "defaultProps", {
   __element: null,
   children: null,
   className: null,
   style: null
 });
-
 process.env.NODE_ENV !== "production" ? AutoSize.propTypes = {
   __element: PropTypes.node,
   children: PropTypes.node,
   className: PropTypes.string,
   style: PropTypes.object
-} : void 0;
+} : void 0;
+//# sourceMappingURL=SkeletonHelper.js.map

package/es/components/skeleton/SkeletonHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonHelper.js","names":["React","PropTypes","convertJsxToString","isTrue","classnames","skeletonDOMAttributes","params","skeleton","context","_context$translation","_context$translation$","disabled","translation","Skeleton","aria_busy","createSkeletonClass","method","className","AutoSize","PureComponent","render","_this$props","props","children","__element","Comp","style","_objectWithoutProperties","_excluded","string","countChars","trim","length","createElement","_objectSpread","String","_extends","_defineProperty","process","env","NODE_ENV","propTypes","node","object"],"sources":["../../../../src/components/skeleton/SkeletonHelper.js"],"sourcesContent":["/**\n * Web Skeleton Helpers\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { convertJsxToString, isTrue } from '../../shared/component-helper'\nimport classnames from 'classnames'\n\nexport const skeletonDOMAttributes = (\n  params,\n  skeleton,\n  context = null\n) => {\n  if (isTrue(skeleton) || (skeleton !== false && context?.skeleton)) {\n    params.disabled = true\n    params['aria-disabled'] = true\n    params['aria-label'] = context?.translation?.Skeleton?.aria_busy\n  }\n\n  return params\n}\n\nexport const createSkeletonClass = (\n  method,\n  skeleton,\n  context = null,\n  className = null\n) => {\n  // We could extend this like so:\n  // if (method === 'auto' && typeof skeleton === 'string') {\n  //   method = skeleton\n  // }\n\n  if (isTrue(skeleton) || (skeleton !== false && context?.skeleton)) {\n    return classnames(\n      className,\n      'dnb-skeleton',\n      method && `dnb-skeleton--${method}`\n    )\n  }\n\n  return className\n}\n\nexport class AutoSize extends React.PureComponent {\n  static propTypes = {\n    __element: PropTypes.node,\n    children: PropTypes.node,\n    className: PropTypes.string,\n    style: PropTypes.object,\n  }\n  static defaultProps = {\n    __element: null,\n    children: null,\n    className: null,\n    style: null,\n  }\n\n  render() {\n    const {\n      className,\n      children,\n      __element: Comp,\n      style,\n      ...props\n    } = this.props\n\n    const string = convertJsxToString(children)\n\n    if (typeof string === 'string') {\n      const countChars = string.trim().length\n\n      if (countChars > 0) {\n        return React.createElement(\n          Comp,\n          {\n            className: classnames(\n              className,\n              'dnb-skeleton',\n              'dnb-skeleton--font'\n            ),\n            'data-skeleton-chars': String(countChars),\n            style: {\n              ...(style || {}),\n              '--skeleton-chars': `${countChars}ch`,\n            },\n            ...props,\n          },\n          children\n        )\n      }\n    }\n\n    return <Comp {...props} className={className} style={style} />\n  }\n}\n"],"mappings":"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"}

package/es/components/skeleton/figures/Article.js

@@ -14,23 +14,19 @@ export default class SkeletonArticle extends React.PureComponent {
     const fill = [70, 80, 60, 40, 50, 20, 0];
     this.rowsLength = new Array(rows).fill(true).map((_, i) => {
       const c = i % fill.length;
-
       if (c === fill.length - 1) {
         fill.concat(fill.reverse());
       }
-
       return fill[c];
     });
   }
-
   render() {
     const _this$props = this.props,
-          {
-      rows,
-      children
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        rows,
+        children
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     return React.createElement("div", _extends({
       className: "dnb-skeleton__figure dnb-skeleton__figure--show",
       "aria-busy": true
@@ -48,17 +44,14 @@ export default class SkeletonArticle extends React.PureComponent {
       }
     }, "\u200C")), children);
   }
-
 }
-
 _defineProperty(SkeletonArticle, "contextType", Context);
-
 _defineProperty(SkeletonArticle, "defaultProps", {
   rows: 3,
   children: null
 });
-
 process.env.NODE_ENV !== "production" ? SkeletonArticle.propTypes = {
   rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
-} : void 0;
+} : void 0;
+//# sourceMappingURL=Article.js.map

package/es/components/skeleton/figures/Article.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.js","names":["React","PropTypes","Context","SkeletonArticle","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","i","c","length","concat","reverse","render","_this$props","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","style","width","p","key","_defineProperty","process","env","NODE_ENV","propTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Article.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonArticle extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,yBAAyB;AAG7C,eAAe,MAAMC,eAAe,SAASH,KAAK,CAACI,aAAa,CAAC;EAgB/DC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,MAAM;MAAEC;IAAK,CAAC,GAAGD,KAAK;IAItB,MAAME,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,IAAI,CAACC,UAAU,GAAG,IAAIC,KAAK,CAACH,IAAI,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAACG,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MACzD,MAAMC,CAAC,GAAGD,CAAC,GAAGL,IAAI,CAACO,MAAM;MACzB,IAAID,CAAC,KAAKN,IAAI,CAACO,MAAM,GAAG,CAAC,EAAE;QACzBP,IAAI,CAACQ,MAAM,CAACR,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC;MAC7B;MACA,OAAOT,IAAI,CAACM,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAII,IAAI,CAACb,KAAK;MAJR;QACJC,IAAI;QACJa;MAEF,CAAC,GAAAD,WAAA;MADIE,IAAI,GAAAC,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGT,OACEvB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;MACEC,SAAS,mDAGP;MACF;IAAS,GACLL,IAAI,GAERrB,KAAA,CAAAwB,aAAA;MACEE,SAAS,6EAKP;MACF,mBAAW;MACXC,KAAK,EAAE;QACLC,KAAK,EAAE;MACT;IAAE,GACH,QAEI,CAAC,EAEL,IAAI,CAACnB,UAAU,CAACE,GAAG,CAAC,CAACkB,CAAC,EAAEhB,CAAC,KACxBb,KAAA,CAAAwB,aAAA;MACEM,GAAG,EAAEjB,CAAE;MACPa,SAAS,kEAKP;MACFC,KAAK,EAAE;QACLC,KAAK,EAAG,GAAEC,CAAE;MACd;IAAE,GACH,QAEI,CACN,CAAC,EAEDT,QACE,CAAC;EAEV;AACF;AAACW,eAAA,CArFoB5B,eAAe,iBACbD,OAAO;AAAA6B,eAAA,CADT5B,eAAe,kBAWZ;EACpBI,IAAI,EAAE,CAAC;EACPa,QAAQ,EAAE;AACZ,CAAC;AAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAdkB/B,eAAe,CAE3BgC,SAAS,GAAG;EACjB5B,IAAI,EAAEN,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,MAAM,EAAEpC,SAAS,CAACqC,MAAM,CAAC,CAAC;EAC/DlB,QAAQ,EAAEnB,SAAS,CAACmC,SAAS,CAAC,CAC5BnC,SAAS,CAACoC,MAAM,EAChBpC,SAAS,CAACsC,IAAI,EACdtC,SAAS,CAACuC,IAAI,CACf;AACH,CAAC"}

package/es/components/skeleton/figures/Circle.js

@@ -14,23 +14,19 @@ export default class SkeletonCircle extends React.PureComponent {
     const fill = [70, 80, 60, 40, 50, 20, 0];
     this.rowsLength = new Array(rows).fill(true).map((_, i) => {
       const c = i % fill.length;
-
       if (c === fill.length - 1) {
         fill.concat(fill.reverse());
       }
-
       return fill[c];
     });
   }
-
   render() {
     const _this$props = this.props,
-          {
-      rows,
-      children
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        rows,
+        children
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     return React.createElement("div", _extends({
       className: "dnb-skeleton__figure dnb-skeleton__figure--show",
       "aria-busy": true
@@ -48,17 +44,14 @@ export default class SkeletonCircle extends React.PureComponent {
       }
     }, "\u200C")), children);
   }
-
 }
-
 _defineProperty(SkeletonCircle, "contextType", Context);
-
 _defineProperty(SkeletonCircle, "defaultProps", {
   rows: 3,
   children: null
 });
-
 process.env.NODE_ENV !== "production" ? SkeletonCircle.propTypes = {
   rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
-} : void 0;
+} : void 0;
+//# sourceMappingURL=Circle.js.map

package/es/components/skeleton/figures/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","names":["React","PropTypes","Context","SkeletonCircle","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","i","c","length","concat","reverse","render","_this$props","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","style","width","p","key","_defineProperty","process","env","NODE_ENV","propTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Circle.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonCircle extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,yBAAyB;AAG7C,eAAe,MAAMC,cAAc,SAASH,KAAK,CAACI,aAAa,CAAC;EAgB9DC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,MAAM;MAAEC;IAAK,CAAC,GAAGD,KAAK;IAItB,MAAME,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,IAAI,CAACC,UAAU,GAAG,IAAIC,KAAK,CAACH,IAAI,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAACG,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MACzD,MAAMC,CAAC,GAAGD,CAAC,GAAGL,IAAI,CAACO,MAAM;MACzB,IAAID,CAAC,KAAKN,IAAI,CAACO,MAAM,GAAG,CAAC,EAAE;QACzBP,IAAI,CAACQ,MAAM,CAACR,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC;MAC7B;MACA,OAAOT,IAAI,CAACM,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAII,IAAI,CAACb,KAAK;MAJR;QACJC,IAAI;QACJa;MAEF,CAAC,GAAAD,WAAA;MADIE,IAAI,GAAAC,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGT,OACEvB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;MACEC,SAAS,mDAGP;MACF;IAAS,GACLL,IAAI,GAERrB,KAAA,CAAAwB,aAAA;MACEE,SAAS,6EAKP;MACF,mBAAW;MACXC,KAAK,EAAE;QACLC,KAAK,EAAE;MACT;IAAE,GACH,QAEI,CAAC,EAEL,IAAI,CAACnB,UAAU,CAACE,GAAG,CAAC,CAACkB,CAAC,EAAEhB,CAAC,KACxBb,KAAA,CAAAwB,aAAA;MACEM,GAAG,EAAEjB,CAAE;MACPa,SAAS,kEAKP;MACFC,KAAK,EAAE;QACLC,KAAK,EAAG,GAAEC,CAAE;MACd;IAAE,GACH,QAEI,CACN,CAAC,EAEDT,QACE,CAAC;EAEV;AACF;AAACW,eAAA,CArFoB5B,cAAc,iBACZD,OAAO;AAAA6B,eAAA,CADT5B,cAAc,kBAWX;EACpBI,IAAI,EAAE,CAAC;EACPa,QAAQ,EAAE;AACZ,CAAC;AAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAdkB/B,cAAc,CAE1BgC,SAAS,GAAG;EACjB5B,IAAI,EAAEN,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,MAAM,EAAEpC,SAAS,CAACqC,MAAM,CAAC,CAAC;EAC/DlB,QAAQ,EAAEnB,SAAS,CAACmC,SAAS,CAAC,CAC5BnC,SAAS,CAACoC,MAAM,EAChBpC,SAAS,CAACsC,IAAI,EACdtC,SAAS,CAACuC,IAAI,CACf;AACH,CAAC"}

package/es/components/skeleton/figures/Product.js

@@ -14,23 +14,19 @@ export default class SkeletonProduct extends React.PureComponent {
     const fill = [70, 80, 60, 40, 50, 20, 0];
     this.rowsLength = new Array(rows).fill(true).map((_, i) => {
       const c = i % fill.length;
-
       if (c === fill.length - 1) {
         fill.concat(fill.reverse());
       }
-
       return fill[c];
     });
   }
-
   render() {
     const _this$props = this.props,
-          {
-      rows,
-      children
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        rows,
+        children
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     return React.createElement("div", _extends({
       className: "dnb-skeleton__figure dnb-skeleton__figure--show",
       "aria-busy": true
@@ -48,17 +44,14 @@ export default class SkeletonProduct extends React.PureComponent {
       }
     }, "\u200C")), children);
   }
-
 }
-
 _defineProperty(SkeletonProduct, "contextType", Context);
-
 _defineProperty(SkeletonProduct, "defaultProps", {
   rows: 3,
   children: null
 });
-
 process.env.NODE_ENV !== "production" ? SkeletonProduct.propTypes = {
   rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
-} : void 0;
+} : void 0;
+//# sourceMappingURL=Product.js.map

package/es/components/skeleton/figures/Product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Product.js","names":["React","PropTypes","Context","SkeletonProduct","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","i","c","length","concat","reverse","render","_this$props","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","style","width","p","key","_defineProperty","process","env","NODE_ENV","propTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Product.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonProduct extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,yBAAyB;AAG7C,eAAe,MAAMC,eAAe,SAASH,KAAK,CAACI,aAAa,CAAC;EAgB/DC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,MAAM;MAAEC;IAAK,CAAC,GAAGD,KAAK;IAItB,MAAME,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,IAAI,CAACC,UAAU,GAAG,IAAIC,KAAK,CAACH,IAAI,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAACG,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MACzD,MAAMC,CAAC,GAAGD,CAAC,GAAGL,IAAI,CAACO,MAAM;MACzB,IAAID,CAAC,KAAKN,IAAI,CAACO,MAAM,GAAG,CAAC,EAAE;QACzBP,IAAI,CAACQ,MAAM,CAACR,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC;MAC7B;MACA,OAAOT,IAAI,CAACM,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAII,IAAI,CAACb,KAAK;MAJR;QACJC,IAAI;QACJa;MAEF,CAAC,GAAAD,WAAA;MADIE,IAAI,GAAAC,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAGT,OACEvB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;MACEC,SAAS,mDAGP;MACF;IAAS,GACLL,IAAI,GAERrB,KAAA,CAAAwB,aAAA;MACEE,SAAS,6EAKP;MACF,mBAAW;MACXC,KAAK,EAAE;QACLC,KAAK,EAAE;MACT;IAAE,GACH,QAEI,CAAC,EAEL,IAAI,CAACnB,UAAU,CAACE,GAAG,CAAC,CAACkB,CAAC,EAAEhB,CAAC,KACxBb,KAAA,CAAAwB,aAAA;MACEM,GAAG,EAAEjB,CAAE;MACPa,SAAS,kEAKP;MACFC,KAAK,EAAE;QACLC,KAAK,EAAG,GAAEC,CAAE;MACd;IAAE,GACH,QAEI,CACN,CAAC,EAEDT,QACE,CAAC;EAEV;AACF;AAACW,eAAA,CArFoB5B,eAAe,iBACbD,OAAO;AAAA6B,eAAA,CADT5B,eAAe,kBAWZ;EACpBI,IAAI,EAAE,CAAC;EACPa,QAAQ,EAAE;AACZ,CAAC;AAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAdkB/B,eAAe,CAE3BgC,SAAS,GAAG;EACjB5B,IAAI,EAAEN,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,MAAM,EAAEpC,SAAS,CAACqC,MAAM,CAAC,CAAC;EAC/DlB,QAAQ,EAAEnB,SAAS,CAACmC,SAAS,CAAC,CAC5BnC,SAAS,CAACoC,MAAM,EAChBpC,SAAS,CAACsC,IAAI,EACdtC,SAAS,CAACuC,IAAI,CACf;AACH,CAAC"}