@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/es/molecule/video-player/vimeo.js

@@ -1,5 +1,7 @@
 import _keys from "lodash/fp/keys";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /*
   from https://github.com/u-wave/react-vimeo
   adapted to use Vimeo.js from context and support width: 100%
@@ -23,6 +25,7 @@ const eventNames = {
   error: 'onError',
   loaded: 'onLoaded'
 };
+
 class Vimeo extends React.Component {
   constructor(props, context) {
     super(props, context);
@@ -31,9 +34,11 @@ class Vimeo extends React.Component {
       isLoading: true
     };
   }
+
   componentDidMount() {
     this.createPlayer();
   }
+
   componentDidUpdate(prevProps) {
     const changes = _keys(this.props).filter(key => {
       const {
@@ -44,8 +49,10 @@ class Vimeo extends React.Component {
       } = prevProps;
       return current !== prev;
     });
+
     this.updateProps(changes);
   }
+
   getInitialOptions() {
     const {
       id,
@@ -72,30 +79,36 @@ class Vimeo extends React.Component {
       title: showTitle
     };
   }
+
   updateProps(propNames) {
     const player = this.player;
     propNames.forEach(key => {
       const {
         [key]: value
       } = this.props;
+
       switch (key) {
         case 'width':
         case 'height':
           player.element[key] = value;
           break;
+
         case 'id':
           if (value) {
             player.loadVideo(value);
           } else {
             player.unload();
           }
+
           break;
+
         case 'autoplay':
           player.play();
           break;
       }
     });
   }
+
   createPlayer() {
     const options = this.getInitialOptions();
     const {
@@ -115,6 +128,7 @@ class Vimeo extends React.Component {
         isLoading: false
       }));
     });
+
     _keys(eventNames).forEach(dmName => {
       const {
         [dmName]: reactName
@@ -123,15 +137,18 @@ class Vimeo extends React.Component {
         const {
           [reactName]: handler
         } = this.props;
+
         if (handler) {
           handler(e);
         }
       });
     });
   }
+
   refContainer(container) {
     this.container = container;
   }
+
   render() {
     const {
       className,
@@ -150,7 +167,9 @@ class Vimeo extends React.Component {
       }
     }, isLoading ? /*#__PURE__*/React.createElement(Loader, null) : null);
   }
+
 }
+
 Vimeo.contextTypes = {
   Vimeo: Provider.childContextTypes.Vimeo
 };
@@ -167,49 +186,60 @@ Vimeo.propTypes = process.env.NODE_ENV !== "production" ? {
    * A Vimeo ID or URL.
    */
   id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
   /**
    * CSS className for the player element.
    */
   className: PropTypes.string,
+
   /**
    * Width of the player element.
    */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
   /**
    * Height of the player element.
    */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
   /**
    * Pause the video.
    */
   paused: PropTypes.bool,
   // Player parameters
+
   /**
    * Pause this video automatically when another one plays.
    */
   autopause: PropTypes.bool,
+
   /**
    * Automatically start playback of the video. Note that this won’t work on
    * some devices.
    */
   autoplay: PropTypes.bool,
+
   /**
    * Show the byline on the video.
    */
   showByline: PropTypes.bool,
+
   /**
    * Specify the color of the video controls. Colors may be overridden by the
    * embed settings of the video.
    */
   color: PropTypes.string,
+
   /**
    * Play the video again when it reaches the end.
    */
   loop: PropTypes.bool,
+
   /**
    * Show the portrait on the video.
    */
   showPortrait: PropTypes.bool,
+
   /**
    * Show the title on the video.
    */
@@ -220,59 +250,71 @@ Vimeo.propTypes = process.env.NODE_ENV !== "production" ? {
    * Sent when the Vimeo player API has loaded.
    */
   onReady: PropTypes.func,
+
   /**
    * Sent when the player triggers an error.
    */
   onError: PropTypes.func,
+
   /**
    * Triggered when the video plays.
    */
   onPlay: PropTypes.func,
+
   /**
    * Triggered when the video pauses.
    */
   onPause: PropTypes.func,
+
   /**
    * Triggered any time the video playback reaches the end.
    * Note: when `loop` is turned on, the ended event will not fire.
    */
   onEnd: PropTypes.func,
+
   /**
    * Triggered as the `currentTime` of the video updates. It generally fires
    * every 250ms, but it may vary depending on the browser.
    */
   onTimeUpdate: PropTypes.func,
+
   /**
    * Triggered as the video is loaded. Reports back the amount of the video
    * that has been buffered.
    */
   onProgress: PropTypes.func,
+
   /**
    * Triggered when the player seeks to a specific time. An `onTimeUpdate`
    * event will also be fired at the same time.
    */
   onSeeked: PropTypes.func,
+
   /**
    * Triggered when the active text track (captions/subtitles) changes. The
    * values will be `null` if text tracks are turned off.
    */
   onTextTrackChange: PropTypes.func,
+
   /**
    * Triggered when the active cue for the current text track changes. It also
    * fires when the active text track changes. There may be multiple cues
    * active.
    */
   onCueChange: PropTypes.func,
+
   /**
    * Triggered when the current time hits a registered cue point.
    */
   onCuePoint: PropTypes.func,
+
   /**
    * Triggered when the volume in the player changes. Some devices do not
    * support setting the volume of the video independently from the system
    * volume, so this event will never fire on those devices.
    */
   onVolumeChange: PropTypes.func,
+
   /**
    * Triggered when a new video is loaded in the player.
    */

package/es/molecule/video-player/vimeo.js.map

@@ -1 +1 @@
-{"version":3,"file":"vimeo.js","names":["React","PropTypes","Provider","Loader","eventNames","ready","play","pause","ended","timeupdate","progress","seeked","texttrackchange","cuechange","cuepoint","volumechange","error","loaded","Vimeo","Component","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","autopause","autoplay","showByline","color","loop","showPortrait","showTitle","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","e","handler","render","className","contextTypes","childContextTypes","defaultProps","propTypes","oneOfType","number","string","paused","bool","onReady","func","onError","onPlay","onPause","onEnd","onTimeUpdate","onProgress","onSeeked","onTextTrackChange","onCueChange","onCuePoint","onVolumeChange","onLoaded"],"sources":["../../../src/molecule/video-player/vimeo.js"],"sourcesContent":["/*\n  from https://github.com/u-wave/react-vimeo\n  adapted to use Vimeo.js from context and support width: 100%\n*/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\n\nconst eventNames = {\n  ready: 'onReady',\n  play: 'onPlay',\n  pause: 'onPause',\n  ended: 'onEnded',\n  timeupdate: 'onTimeUpdate',\n  progress: 'onProgress',\n  seeked: 'onSeeked',\n  texttrackchange: 'onTextTrackChange',\n  cuechange: 'onCueChange',\n  cuepoint: 'onCuePoint',\n  volumechange: 'onVolumeChange',\n  error: 'onError',\n  loaded: 'onLoaded'\n};\n\nclass Vimeo extends React.Component {\n  static propTypes = {\n    /**\n     * A Vimeo ID or URL.\n     */\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * CSS className for the player element.\n     */\n    className: PropTypes.string,\n    /**\n     * Width of the player element.\n     */\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * Height of the player element.\n     */\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Pause the video.\n     */\n    paused: PropTypes.bool,\n\n    // Player parameters\n    /**\n     * Pause this video automatically when another one plays.\n     */\n    autopause: PropTypes.bool,\n\n    /**\n     * Automatically start playback of the video. Note that this won’t work on\n     * some devices.\n     */\n    autoplay: PropTypes.bool,\n\n    /**\n     * Show the byline on the video.\n     */\n    showByline: PropTypes.bool,\n\n    /**\n     * Specify the color of the video controls. Colors may be overridden by the\n     * embed settings of the video.\n     */\n    color: PropTypes.string,\n\n    /**\n     * Play the video again when it reaches the end.\n     */\n    loop: PropTypes.bool,\n\n    /**\n     * Show the portrait on the video.\n     */\n    showPortrait: PropTypes.bool,\n\n    /**\n     * Show the title on the video.\n     */\n    showTitle: PropTypes.bool,\n\n    // Events\n\n    /**\n     * Sent when the Vimeo player API has loaded.\n     */\n    onReady: PropTypes.func,\n    /**\n     * Sent when the player triggers an error.\n     */\n    onError: PropTypes.func,\n    /**\n     * Triggered when the video plays.\n     */\n    onPlay: PropTypes.func,\n    /**\n     * Triggered when the video pauses.\n     */\n    onPause: PropTypes.func,\n    /**\n     * Triggered any time the video playback reaches the end.\n     * Note: when `loop` is turned on, the ended event will not fire.\n     */\n    onEnd: PropTypes.func,\n    /**\n     * Triggered as the `currentTime` of the video updates. It generally fires\n     * every 250ms, but it may vary depending on the browser.\n     */\n    onTimeUpdate: PropTypes.func,\n    /**\n     * Triggered as the video is loaded. Reports back the amount of the video\n     * that has been buffered.\n     */\n    onProgress: PropTypes.func,\n    /**\n     * Triggered when the player seeks to a specific time. An `onTimeUpdate`\n     * event will also be fired at the same time.\n     */\n    onSeeked: PropTypes.func,\n    /**\n     * Triggered when the active text track (captions/subtitles) changes. The\n     * values will be `null` if text tracks are turned off.\n     */\n    onTextTrackChange: PropTypes.func,\n    /**\n     * Triggered when the active cue for the current text track changes. It also\n     * fires when the active text track changes. There may be multiple cues\n     * active.\n     */\n    onCueChange: PropTypes.func,\n    /**\n     * Triggered when the current time hits a registered cue point.\n     */\n    onCuePoint: PropTypes.func,\n    /**\n     * Triggered when the volume in the player changes. Some devices do not\n     * support setting the volume of the video independently from the system\n     * volume, so this event will never fire on those devices.\n     */\n    onVolumeChange: PropTypes.func,\n    /**\n     * Triggered when a new video is loaded in the player.\n     */\n    onLoaded: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  static defaultProps = {\n    autopause: true,\n    autoplay: false,\n    loop: false,\n    showByline: true,\n    showPortrait: true,\n    showTitle: true\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.refContainer = this.refContainer.bind(this);\n    this.state = {\n      isLoading: true\n    };\n  }\n\n  componentDidMount() {\n    this.createPlayer();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    this.updateProps(changes);\n  }\n\n  getInitialOptions() {\n    const {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      showByline,\n      color,\n      loop,\n      showPortrait,\n      showTitle\n    } = this.props;\n    return {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      byline: showByline,\n      color,\n      loop,\n      portrait: showPortrait,\n      title: showTitle\n    };\n  }\n\n  updateProps(propNames) {\n    const player = this.player;\n    propNames.forEach(key => {\n      const {[key]: value} = this.props;\n      switch (key) {\n        case 'width':\n        case 'height':\n          player.element[key] = value;\n          break;\n        case 'id':\n          if (value) {\n            player.loadVideo(value);\n          } else {\n            player.unload();\n          }\n          break;\n        case 'autoplay':\n          player.play();\n          break;\n      }\n    });\n  }\n\n  createPlayer() {\n    const options = this.getInitialOptions();\n    const {Vimeo: V} = this.context;\n    if (!V) return null;\n\n    const {Player} = V;\n    this.player = new Player(this.container, {\n      ...options,\n      width: '1',\n      height: '1'\n    });\n    this.player.on('loaded', () => {\n      this.updateProps(['width', 'height']);\n      this.setState(state => ({\n        isLoading: false\n      }));\n    });\n\n    keys(eventNames).forEach(dmName => {\n      const {[dmName]: reactName} = eventNames;\n      this.player.on(dmName, e => {\n        const {[reactName]: handler} = this.props;\n        if (handler) {\n          handler(e);\n        }\n      });\n    });\n  }\n\n  refContainer(container) {\n    this.container = container;\n  }\n\n  render() {\n    const {className, height, width} = this.props;\n    const {isLoading} = this.state;\n    return (\n      <div className={className} ref={this.refContainer} style={{height, width}}>\n        {isLoading ? <Loader /> : null}\n      </div>\n    );\n  }\n}\n\nexport default Vimeo;\n"],"mappings":"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"}
+{"version":3,"file":"vimeo.js","names":["React","PropTypes","Provider","Loader","eventNames","ready","play","pause","ended","timeupdate","progress","seeked","texttrackchange","cuechange","cuepoint","volumechange","error","loaded","Vimeo","Component","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","autopause","autoplay","showByline","color","loop","showPortrait","showTitle","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","e","handler","render","className","contextTypes","childContextTypes","defaultProps","propTypes","oneOfType","number","string","paused","bool","onReady","func","onError","onPlay","onPause","onEnd","onTimeUpdate","onProgress","onSeeked","onTextTrackChange","onCueChange","onCuePoint","onVolumeChange","onLoaded"],"sources":["../../../src/molecule/video-player/vimeo.js"],"sourcesContent":["/*\n  from https://github.com/u-wave/react-vimeo\n  adapted to use Vimeo.js from context and support width: 100%\n*/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\n\nconst eventNames = {\n  ready: 'onReady',\n  play: 'onPlay',\n  pause: 'onPause',\n  ended: 'onEnded',\n  timeupdate: 'onTimeUpdate',\n  progress: 'onProgress',\n  seeked: 'onSeeked',\n  texttrackchange: 'onTextTrackChange',\n  cuechange: 'onCueChange',\n  cuepoint: 'onCuePoint',\n  volumechange: 'onVolumeChange',\n  error: 'onError',\n  loaded: 'onLoaded'\n};\n\nclass Vimeo extends React.Component {\n  static propTypes = {\n    /**\n     * A Vimeo ID or URL.\n     */\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * CSS className for the player element.\n     */\n    className: PropTypes.string,\n    /**\n     * Width of the player element.\n     */\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * Height of the player element.\n     */\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Pause the video.\n     */\n    paused: PropTypes.bool,\n\n    // Player parameters\n    /**\n     * Pause this video automatically when another one plays.\n     */\n    autopause: PropTypes.bool,\n\n    /**\n     * Automatically start playback of the video. Note that this won’t work on\n     * some devices.\n     */\n    autoplay: PropTypes.bool,\n\n    /**\n     * Show the byline on the video.\n     */\n    showByline: PropTypes.bool,\n\n    /**\n     * Specify the color of the video controls. Colors may be overridden by the\n     * embed settings of the video.\n     */\n    color: PropTypes.string,\n\n    /**\n     * Play the video again when it reaches the end.\n     */\n    loop: PropTypes.bool,\n\n    /**\n     * Show the portrait on the video.\n     */\n    showPortrait: PropTypes.bool,\n\n    /**\n     * Show the title on the video.\n     */\n    showTitle: PropTypes.bool,\n\n    // Events\n\n    /**\n     * Sent when the Vimeo player API has loaded.\n     */\n    onReady: PropTypes.func,\n    /**\n     * Sent when the player triggers an error.\n     */\n    onError: PropTypes.func,\n    /**\n     * Triggered when the video plays.\n     */\n    onPlay: PropTypes.func,\n    /**\n     * Triggered when the video pauses.\n     */\n    onPause: PropTypes.func,\n    /**\n     * Triggered any time the video playback reaches the end.\n     * Note: when `loop` is turned on, the ended event will not fire.\n     */\n    onEnd: PropTypes.func,\n    /**\n     * Triggered as the `currentTime` of the video updates. It generally fires\n     * every 250ms, but it may vary depending on the browser.\n     */\n    onTimeUpdate: PropTypes.func,\n    /**\n     * Triggered as the video is loaded. Reports back the amount of the video\n     * that has been buffered.\n     */\n    onProgress: PropTypes.func,\n    /**\n     * Triggered when the player seeks to a specific time. An `onTimeUpdate`\n     * event will also be fired at the same time.\n     */\n    onSeeked: PropTypes.func,\n    /**\n     * Triggered when the active text track (captions/subtitles) changes. The\n     * values will be `null` if text tracks are turned off.\n     */\n    onTextTrackChange: PropTypes.func,\n    /**\n     * Triggered when the active cue for the current text track changes. It also\n     * fires when the active text track changes. There may be multiple cues\n     * active.\n     */\n    onCueChange: PropTypes.func,\n    /**\n     * Triggered when the current time hits a registered cue point.\n     */\n    onCuePoint: PropTypes.func,\n    /**\n     * Triggered when the volume in the player changes. Some devices do not\n     * support setting the volume of the video independently from the system\n     * volume, so this event will never fire on those devices.\n     */\n    onVolumeChange: PropTypes.func,\n    /**\n     * Triggered when a new video is loaded in the player.\n     */\n    onLoaded: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  static defaultProps = {\n    autopause: true,\n    autoplay: false,\n    loop: false,\n    showByline: true,\n    showPortrait: true,\n    showTitle: true\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.refContainer = this.refContainer.bind(this);\n    this.state = {\n      isLoading: true\n    };\n  }\n\n  componentDidMount() {\n    this.createPlayer();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    this.updateProps(changes);\n  }\n\n  getInitialOptions() {\n    const {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      showByline,\n      color,\n      loop,\n      showPortrait,\n      showTitle\n    } = this.props;\n    return {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      byline: showByline,\n      color,\n      loop,\n      portrait: showPortrait,\n      title: showTitle\n    };\n  }\n\n  updateProps(propNames) {\n    const player = this.player;\n    propNames.forEach(key => {\n      const {[key]: value} = this.props;\n      switch (key) {\n        case 'width':\n        case 'height':\n          player.element[key] = value;\n          break;\n        case 'id':\n          if (value) {\n            player.loadVideo(value);\n          } else {\n            player.unload();\n          }\n          break;\n        case 'autoplay':\n          player.play();\n          break;\n      }\n    });\n  }\n\n  createPlayer() {\n    const options = this.getInitialOptions();\n    const {Vimeo: V} = this.context;\n    if (!V) return null;\n\n    const {Player} = V;\n    this.player = new Player(this.container, {\n      ...options,\n      width: '1',\n      height: '1'\n    });\n    this.player.on('loaded', () => {\n      this.updateProps(['width', 'height']);\n      this.setState(state => ({\n        isLoading: false\n      }));\n    });\n\n    keys(eventNames).forEach(dmName => {\n      const {[dmName]: reactName} = eventNames;\n      this.player.on(dmName, e => {\n        const {[reactName]: handler} = this.props;\n        if (handler) {\n          handler(e);\n        }\n      });\n    });\n  }\n\n  refContainer(container) {\n    this.container = container;\n  }\n\n  render() {\n    const {className, height, width} = this.props;\n    const {isLoading} = this.state;\n    return (\n      <div className={className} ref={this.refContainer} style={{height, width}}>\n        {isLoading ? <Loader /> : null}\n      </div>\n    );\n  }\n}\n\nexport default Vimeo;\n"],"mappings":"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"}

package/es/molecule/wizard-summary/index.js

@@ -7,11 +7,13 @@ import ListBadges from '../list-badges';
 import ButtonLink from '../../atom/button-link';
 import ContentBadge from '../../atom/content-badge';
 import style from './style.css';
+
 const buildItemsOfSection = items => {
   return items.map((item, index) => {
     const {
       type
     } = item;
+
     switch (type) {
       case 'mainElement':
         return /*#__PURE__*/React.createElement("li", {
@@ -22,6 +24,7 @@ const buildItemsOfSection = items => {
         }, item.title), /*#__PURE__*/React.createElement("span", {
           className: style.value
         }, item.value));
+
       case 'content':
         {
           const {
@@ -44,8 +47,7 @@ const buildItemsOfSection = items => {
             items: badgeList
           }), /*#__PURE__*/React.createElement("div", {
             className: classnames(style.contentTitle, unsaved && style.unsaved),
-            title: title
-            // eslint-disable-next-line react/no-danger
+            title: title // eslint-disable-next-line react/no-danger
             ,
             dangerouslySetInnerHTML: {
               __html: title
@@ -54,6 +56,7 @@ const buildItemsOfSection = items => {
             className: style.author
           }, author) : null));
         }
+
       case 'text':
       default:
         {
@@ -71,14 +74,17 @@ const buildItemsOfSection = items => {
     }
   });
 };
+
 const buildSectionHeader = section => {
   const {
     title,
     counterText
   } = section;
+
   if (!title) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.sectionHeader
   }, /*#__PURE__*/React.createElement("span", {
@@ -87,6 +93,7 @@ const buildSectionHeader = section => {
     className: style.counterText
   }, counterText) : null);
 };
+
 const buildSections = sections => {
   return sections.map((section, index) => {
     const sectionHeader = buildSectionHeader(section);
@@ -99,6 +106,7 @@ const buildSections = sections => {
     }, sectionHeader, /*#__PURE__*/React.createElement("ul", null, itemsView));
   });
 };
+
 const BuildAction = ({
   action,
   side
@@ -128,6 +136,7 @@ const BuildAction = ({
     className: style.button
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
 };
+
 const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
   if (checked) {
     if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
@@ -135,6 +144,7 @@ const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
     }
   }
 };
+
 const WizardSummary = props => {
   const {
     title,
@@ -143,10 +153,14 @@ const WizardSummary = props => {
     side
   } = props;
   const sectionsView = buildSections(sections);
+
   const idSwitch = _uniqueId('open-summary-wizard');
+
   const summaryElement = useRef(null);
   const [checked, setChecked] = useState(false);
+
   const onCloseSummary = () => setChecked(false);
+
   const handleOnChange = useCallback(() => {
     if (!checked) {
       document.addEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
@@ -155,6 +169,7 @@ const WizardSummary = props => {
       document.removeEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
       document.removeEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
     }
+
     setChecked(!checked);
   }, [checked]);
   return /*#__PURE__*/React.createElement("div", {
@@ -193,6 +208,7 @@ const WizardSummary = props => {
     side: side
   })));
 };
+
 BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
   action: PropTypes.shape({
     icon: PropTypes.string,

package/es/molecule/wizard-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ListBadges","ButtonLink","ContentBadge","style","buildItemsOfSection","items","map","item","index","type","title","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","shape","string","bool","func","arrayOf","oneOfType"],"sources":["../../../src/molecule/wizard-summary/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {badgeList, badgeAriaLabel, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n              <div\n                className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                title={title}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n            badgeAriaLabel: PropTypes.string,\n            title: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ListBadges","ButtonLink","ContentBadge","style","buildItemsOfSection","items","map","item","index","type","title","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","shape","string","bool","func","arrayOf","oneOfType"],"sources":["../../../src/molecule/wizard-summary/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {badgeList, badgeAriaLabel, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n              <div\n                className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                title={title}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n            badgeAriaLabel: PropTypes.string,\n            title: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"mappings":"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"}

package/es/organism/accordion/container/index.js

@@ -1,7 +1,9 @@
 import _noop from "lodash/fp/noop";
 import _map from "lodash/fp/map";
 import _get from "lodash/fp/get";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Part from '../part';
@@ -10,6 +12,7 @@ const themeStyle = {
   setup: style.setupWrapper,
   default: style.wrapper
 };
+
 const Tab = ({
   children,
   index,
@@ -35,6 +38,7 @@ const Tab = ({
     className: style.wrapperHidden
   });
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   children: Part.propTypes.content,
   index: PropTypes.number,
@@ -44,6 +48,7 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: Part.propTypes.theme,
   onClick: Part.propTypes.onClick
 } : {};
+
 const Accordion = props => {
   const {
     tabProps,
@@ -51,10 +56,12 @@ const Accordion = props => {
     theme = 'default',
     onClick = _noop
   } = props;
+
   const accordion = _map.convert({
     cap: false
   })((child, index) => {
     const tabProps_ = _get(index, tabProps);
+
     return /*#__PURE__*/React.createElement(Tab, _extends({}, tabProps_, {
       key: index,
       index: index,
@@ -62,8 +69,10 @@ const Accordion = props => {
       onClick: onClick
     }), child);
   }, children);
+
   return /*#__PURE__*/React.createElement("div", null, accordion);
 };
+
 Accordion.defaultProps = {
   children: []
 };

package/es/organism/accordion/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","accordion","convert","cap","child","tabProps_","defaultProps","arrayOf","shape"],"sources":["../../../../src/organism/accordion/container/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, map, noop} from 'lodash/fp';\nimport Part from '../part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({children, index, title, isOpen, iconType, onClick, theme}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        isOpen={isOpen}\n        theme={theme}\n        onClick={handleOnClick}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  isOpen: Part.propTypes.isOpen,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const accordion = map.convert({cap: false})((child, index) => {\n    const tabProps_ = get(index, tabProps);\n    return (\n      <Tab {...tabProps_} key={index} index={index} theme={theme} onClick={onClick}>\n        {child}\n      </Tab>\n    );\n  }, children);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      isOpen: Tab.propTypes.isOpen\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: Tab.propTypes.theme\n};\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","accordion","convert","cap","child","tabProps_","defaultProps","arrayOf","shape"],"sources":["../../../../src/organism/accordion/container/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, map, noop} from 'lodash/fp';\nimport Part from '../part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({children, index, title, isOpen, iconType, onClick, theme}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        isOpen={isOpen}\n        theme={theme}\n        onClick={handleOnClick}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  isOpen: Part.propTypes.isOpen,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const accordion = map.convert({cap: false})((child, index) => {\n    const tabProps_ = get(index, tabProps);\n    return (\n      <Tab {...tabProps_} key={index} index={index} theme={theme} onClick={onClick}>\n        {child}\n      </Tab>\n    );\n  }, children);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      isOpen: Tab.propTypes.isOpen\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: Tab.propTypes.theme\n};\n\nexport default Accordion;\n"],"mappings":"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"}