@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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","contextTypes","childContextTypes","defaultProps","autopause","autoplay","loop","showByline","showPortrait","showTitle","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","_keys","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","color","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","e","handler","render","className","createElement","ref","style","propTypes","process","env","NODE_ENV","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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","ignoreList":[]}
+{"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","contextTypes","childContextTypes","defaultProps","autopause","autoplay","loop","showByline","showPortrait","showTitle","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","color","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","e","handler","render","className","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":";;AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE,SADU;EAEjBC,IAAI,EAAE,QAFW;EAGjBC,KAAK,EAAE,SAHU;EAIjBC,KAAK,EAAE,SAJU;EAKjBC,UAAU,EAAE,cALK;EAMjBC,QAAQ,EAAE,YANO;EAOjBC,MAAM,EAAE,UAPS;EAQjBC,eAAe,EAAE,mBARA;EASjBC,SAAS,EAAE,aATM;EAUjBC,QAAQ,EAAE,YAVO;EAWjBC,YAAY,EAAE,gBAXG;EAYjBC,KAAK,EAAE,SAZU;EAajBC,MAAM,EAAE;AAbS,CAAnB;;AAgBA,MAAMC,KAAN,SAAoBlB,KAAK,CAACmB,SAA1B,CAAoC;EA+Hf,OAAZC,YAAY,GAAG;IACpBF,KAAK,EAAEhB,QAAQ,CAACmB,iBAAT,CAA2BH;EADd,CAAH;EAIA,OAAZI,YAAY,GAAG;IACpBC,SAAS,EAAE,IADS;IAEpBC,QAAQ,EAAE,KAFU;IAGpBC,IAAI,EAAE,KAHc;IAIpBC,UAAU,EAAE,IAJQ;IAKpBC,YAAY,EAAE,IALM;IAMpBC,SAAS,EAAE;EANS,CAAH;;EASnBC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;IACA,KAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,KAAL,GAAa;MACXC,SAAS,EAAE;IADA,CAAb;EAGD;;EAEDC,iBAAiB,GAAG;IAClB,KAAKC,YAAL;EACD;;EAEDC,kBAAkB,CAACC,SAAD,EAAY;IAC5B,MAAMC,OAAO,GAAG,MAAK,KAAKV,KAAV,EAAiBW,MAAjB,CAAwBC,GAAG,IAAI;MAC7C,MAAM;QAAC,CAACA,GAAD,GAAOC;MAAR,IAAmB,KAAKb,KAA9B;MACA,MAAM;QAAC,CAACY,GAAD,GAAOE;MAAR,IAAgBL,SAAtB;MACA,OAAOI,OAAO,KAAKC,IAAnB;IACD,CAJe,CAAhB;;IAKA,KAAKC,WAAL,CAAiBL,OAAjB;EACD;;EAEDM,iBAAiB,GAAG;IAClB,MAAM;MACJC,EADI;MAEJC,KAFI;MAGJC,MAHI;MAIJ1B,SAJI;MAKJC,QALI;MAMJE,UANI;MAOJwB,KAPI;MAQJzB,IARI;MASJE,YATI;MAUJC;IAVI,IAWF,KAAKE,KAXT;IAYA,OAAO;MACLiB,EADK;MAELC,KAFK;MAGLC,MAHK;MAIL1B,SAJK;MAKLC,QALK;MAML2B,MAAM,EAAEzB,UANH;MAOLwB,KAPK;MAQLzB,IARK;MASL2B,QAAQ,EAAEzB,YATL;MAUL0B,KAAK,EAAEzB;IAVF,CAAP;EAYD;;EAEDiB,WAAW,CAACS,SAAD,EAAY;IACrB,MAAMC,MAAM,GAAG,KAAKA,MAApB;IACAD,SAAS,CAACE,OAAV,CAAkBd,GAAG,IAAI;MACvB,MAAM;QAAC,CAACA,GAAD,GAAOe;MAAR,IAAiB,KAAK3B,KAA5B;;MACA,QAAQY,GAAR;QACE,KAAK,OAAL;QACA,KAAK,QAAL;UACEa,MAAM,CAACG,OAAP,CAAehB,GAAf,IAAsBe,KAAtB;UACA;;QACF,KAAK,IAAL;UACE,IAAIA,KAAJ,EAAW;YACTF,MAAM,CAACI,SAAP,CAAiBF,KAAjB;UACD,CAFD,MAEO;YACLF,MAAM,CAACK,MAAP;UACD;;UACD;;QACF,KAAK,UAAL;UACEL,MAAM,CAACjD,IAAP;UACA;MAdJ;IAgBD,CAlBD;EAmBD;;EAED+B,YAAY,GAAG;IACb,MAAMwB,OAAO,GAAG,KAAKf,iBAAL,EAAhB;IACA,MAAM;MAAC5B,KAAK,EAAE4C;IAAR,IAAa,KAAK/B,OAAxB;IACA,IAAI,CAAC+B,CAAL,EAAQ,OAAO,IAAP;IAER,MAAM;MAACC;IAAD,IAAWD,CAAjB;IACA,KAAKP,MAAL,GAAc,IAAIQ,MAAJ,CAAW,KAAKC,SAAhB,EAA2B,EACvC,GAAGH,OADoC;MAEvCb,KAAK,EAAE,GAFgC;MAGvCC,MAAM,EAAE;IAH+B,CAA3B,CAAd;IAKA,KAAKM,MAAL,CAAYU,EAAZ,CAAe,QAAf,EAAyB,MAAM;MAC7B,KAAKpB,WAAL,CAAiB,CAAC,OAAD,EAAU,QAAV,CAAjB;MACA,KAAKqB,QAAL,CAAchC,KAAK,KAAK;QACtBC,SAAS,EAAE;MADW,CAAL,CAAnB;IAGD,CALD;;IAOA,MAAK/B,UAAL,EAAiBoD,OAAjB,CAAyBW,MAAM,IAAI;MACjC,MAAM;QAAC,CAACA,MAAD,GAAUC;MAAX,IAAwBhE,UAA9B;MACA,KAAKmD,MAAL,CAAYU,EAAZ,CAAeE,MAAf,EAAuBE,CAAC,IAAI;QAC1B,MAAM;UAAC,CAACD,SAAD,GAAaE;QAAd,IAAyB,KAAKxC,KAApC;;QACA,IAAIwC,OAAJ,EAAa;UACXA,OAAO,CAACD,CAAD,CAAP;QACD;MACF,CALD;IAMD,CARD;EASD;;EAEDrC,YAAY,CAACgC,SAAD,EAAY;IACtB,KAAKA,SAAL,GAAiBA,SAAjB;EACD;;EAEDO,MAAM,GAAG;IACP,MAAM;MAACC,SAAD;MAAYvB,MAAZ;MAAoBD;IAApB,IAA6B,KAAKlB,KAAxC;IACA,MAAM;MAACK;IAAD,IAAc,KAAKD,KAAzB;IACA,oBACE;MAAK,SAAS,EAAEsC,SAAhB;MAA2B,GAAG,EAAE,KAAKxC,YAArC;MAAmD,KAAK,EAAE;QAACiB,MAAD;QAASD;MAAT;IAA1D,GACGb,SAAS,gBAAG,oBAAC,MAAD,OAAH,GAAgB,IAD5B,CADF;EAKD;;AA5PiC;;AAA9BjB,K,CACGuD,S,2CAAY;EACjB;AACJ;AACA;EACI1B,EAAE,EAAE9C,SAAS,CAACyE,SAAV,CAAoB,CAACzE,SAAS,CAAC0E,MAAX,EAAmB1E,SAAS,CAAC2E,MAA7B,CAApB,CAJa;;EAKjB;AACJ;AACA;EACIJ,SAAS,EAAEvE,SAAS,CAAC2E,MARJ;;EASjB;AACJ;AACA;EACI5B,KAAK,EAAE/C,SAAS,CAACyE,SAAV,CAAoB,CAACzE,SAAS,CAAC0E,MAAX,EAAmB1E,SAAS,CAAC2E,MAA7B,CAApB,CAZU;;EAajB;AACJ;AACA;EACI3B,MAAM,EAAEhD,SAAS,CAACyE,SAAV,CAAoB,CAACzE,SAAS,CAAC0E,MAAX,EAAmB1E,SAAS,CAAC2E,MAA7B,CAApB,CAhBS;;EAkBjB;AACJ;AACA;EACIC,MAAM,EAAE5E,SAAS,CAAC6E,IArBD;EAuBjB;;EACA;AACJ;AACA;EACIvD,SAAS,EAAEtB,SAAS,CAAC6E,IA3BJ;;EA6BjB;AACJ;AACA;AACA;EACItD,QAAQ,EAAEvB,SAAS,CAAC6E,IAjCH;;EAmCjB;AACJ;AACA;EACIpD,UAAU,EAAEzB,SAAS,CAAC6E,IAtCL;;EAwCjB;AACJ;AACA;AACA;EACI5B,KAAK,EAAEjD,SAAS,CAAC2E,MA5CA;;EA8CjB;AACJ;AACA;EACInD,IAAI,EAAExB,SAAS,CAAC6E,IAjDC;;EAmDjB;AACJ;AACA;EACInD,YAAY,EAAE1B,SAAS,CAAC6E,IAtDP;;EAwDjB;AACJ;AACA;EACIlD,SAAS,EAAE3B,SAAS,CAAC6E,IA3DJ;EA6DjB;;EAEA;AACJ;AACA;EACIC,OAAO,EAAE9E,SAAS,CAAC+E,IAlEF;;EAmEjB;AACJ;AACA;EACIC,OAAO,EAAEhF,SAAS,CAAC+E,IAtEF;;EAuEjB;AACJ;AACA;EACIE,MAAM,EAAEjF,SAAS,CAAC+E,IA1ED;;EA2EjB;AACJ;AACA;EACIG,OAAO,EAAElF,SAAS,CAAC+E,IA9EF;;EA+EjB;AACJ;AACA;AACA;EACII,KAAK,EAAEnF,SAAS,CAAC+E,IAnFA;;EAoFjB;AACJ;AACA;AACA;EACIK,YAAY,EAAEpF,SAAS,CAAC+E,IAxFP;;EAyFjB;AACJ;AACA;AACA;EACIM,UAAU,EAAErF,SAAS,CAAC+E,IA7FL;;EA8FjB;AACJ;AACA;AACA;EACIO,QAAQ,EAAEtF,SAAS,CAAC+E,IAlGH;;EAmGjB;AACJ;AACA;AACA;EACIQ,iBAAiB,EAAEvF,SAAS,CAAC+E,IAvGZ;;EAwGjB;AACJ;AACA;AACA;AACA;EACIS,WAAW,EAAExF,SAAS,CAAC+E,IA7GN;;EA8GjB;AACJ;AACA;EACIU,UAAU,EAAEzF,SAAS,CAAC+E,IAjHL;;EAkHjB;AACJ;AACA;AACA;AACA;EACIW,cAAc,EAAE1F,SAAS,CAAC+E,IAvHT;;EAwHjB;AACJ;AACA;EACIY,QAAQ,EAAE3F,SAAS,CAAC+E;AA3HH,C;AA8PrB,eAAe9D,KAAf"}

package/es/molecule/video-player-mobile/index.native.js

@@ -10,6 +10,7 @@ const styleSheet = StyleSheet.create({
     width: '100%'
   }
 });
+
 const VideoSwitch = ({
   media,
   autoplay
@@ -17,6 +18,7 @@ const VideoSwitch = ({
   const {
     brandTheme
   } = useTemplateContext();
+
   switch (media.mimeType) {
     case 'application/kontiki':
     case 'application/jwplayer':
@@ -25,8 +27,8 @@ const VideoSwitch = ({
         if (!media.jwpOptions?.config) {
           return null;
         }
-        const config = {
-          ...media.jwpOptions.config,
+
+        const config = { ...media.jwpOptions.config,
           autostart: autoplay
         };
         return /*#__PURE__*/React.createElement(JWPlayer, {
@@ -34,12 +36,14 @@ const VideoSwitch = ({
           config: config
         });
       }
+
     case 'application/vimeo':
       return media.videoId ? /*#__PURE__*/React.createElement(View, {
         style: styleSheet.container
       }, /*#__PURE__*/React.createElement(Vimeo, {
         videoId: media.videoId
       })) : null;
+
     case 'application/youtube':
       return /*#__PURE__*/React.createElement(Youtube, {
         apiKey: brandTheme.youtube?.apiKey || '',
@@ -47,10 +51,12 @@ const VideoSwitch = ({
         videoId: media.videoId,
         play: autoplay
       });
+
     default:
       return /*#__PURE__*/React.createElement(Text, null, `video mimeType ${media.mimeType} is not handled`);
   }
 };
+
 const Video = ({
   media,
   autoplay
@@ -60,5 +66,6 @@ const Video = ({
     autoplay: autoplay
   }) : null;
 };
+
 export default Video;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/video-player-mobile/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","Text","View","JWPlayer","Youtube","Vimeo","useTemplateContext","styleSheet","create","container","flex","width","VideoSwitch","media","autoplay","brandTheme","mimeType","jwpOptions","config","autostart","createElement","style","videoId","apiKey","youtube","play","Video"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from 'react-native-jw-media-player';\nimport Youtube from 'react-native-youtube';\nimport {Vimeo} from 'react-native-vimeo-iframe';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media; autoplay: boolean};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media, autoplay}: Props) => {\n  const {brandTheme} = useTemplateContext();\n\n  switch (media.mimeType) {\n    case 'application/kontiki':\n    case 'application/jwplayer':\n    case 'video/mp4': {\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      const config = {\n        ...media.jwpOptions.config,\n        autostart: autoplay\n      };\n\n      return <JWPlayer style={styleSheet.container} config={config} />;\n    }\n    case 'application/vimeo':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <Vimeo videoId={media.videoId} />\n        </View>\n      ) : null;\n    case 'application/youtube':\n      return (\n        <Youtube\n          apiKey={brandTheme.youtube?.apiKey || ''}\n          style={styleSheet.container}\n          videoId={media.videoId}\n          play={autoplay}\n        />\n      );\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media, autoplay}: Props) => {\n  return media ? <VideoSwitch media={media} autoplay={autoplay} /> : null;\n};\n\nexport default Video;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAO,cAAc;AACnD,OAAOC,QAAQ,MAAM,8BAA8B;AACnD,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAAQC,KAAK,QAAO,2BAA2B;AAC/C,SAAQC,kBAAkB,QAAO,4CAA4C;AAM7E,MAAMC,UAAU,GAAGP,UAAU,CAACQ,MAAM,CAAC;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAe,CAAC,KAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAGT,kBAAkB,CAAC,CAAC;EAEzC,QAAQO,KAAK,CAACG,QAAQ;IACpB,KAAK,qBAAqB;IAC1B,KAAK,sBAAsB;IAC3B,KAAK,WAAW;MAAE;QAChB,IAAI,CAACH,KAAK,CAACI,UAAU,EAAEC,MAAM,EAAE;UAC7B,OAAO,IAAI;QACb;QAEA,MAAMA,MAAM,GAAG;UACb,GAAGL,KAAK,CAACI,UAAU,CAACC,MAAM;UAC1BC,SAAS,EAAEL;QACb,CAAC;QAED,oBAAOf,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;UAACkB,KAAK,EAAEd,UAAU,CAACE,SAAU;UAACS,MAAM,EAAEA;QAAO,CAAE,CAAC;MAClE;IACA,KAAK,mBAAmB;MACtB,OAAOL,KAAK,CAACS,OAAO,gBAClBvB,KAAA,CAAAqB,aAAA,CAAClB,IAAI;QAACmB,KAAK,EAAEd,UAAU,CAACE;MAAU,gBAChCV,KAAA,CAAAqB,aAAA,CAACf,KAAK;QAACiB,OAAO,EAAET,KAAK,CAACS;MAAQ,CAAE,CAC5B,CAAC,GACL,IAAI;IACV,KAAK,qBAAqB;MACxB,oBACEvB,KAAA,CAAAqB,aAAA,CAAChB,OAAO;QACNmB,MAAM,EAAER,UAAU,CAACS,OAAO,EAAED,MAAM,IAAI,EAAG;QACzCF,KAAK,EAAEd,UAAU,CAACE,SAAU;QAC5Ba,OAAO,EAAET,KAAK,CAACS,OAAQ;QACvBG,IAAI,EAAEX;MAAS,CAChB,CAAC;IAEN;MACE,oBAAOf,KAAA,CAAAqB,aAAA,CAACnB,IAAI,QAAE,kBAAkBY,KAAK,CAACG,QAAQ,iBAAwB,CAAC;EAC3E;AACF,CAAC;AAED,MAAMU,KAAK,GAAGA,CAAC;EAACb,KAAK;EAAEC;AAAe,CAAC,KAAK;EAC1C,OAAOD,KAAK,gBAAGd,KAAA,CAAAqB,aAAA,CAACR,WAAW;IAACC,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC,GAAG,IAAI;AACzE,CAAC;AAED,eAAeY,KAAK","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","Text","View","JWPlayer","Youtube","Vimeo","useTemplateContext","styleSheet","create","container","flex","width","VideoSwitch","media","autoplay","brandTheme","mimeType","jwpOptions","config","autostart","videoId","youtube","apiKey","Video"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from 'react-native-jw-media-player';\nimport Youtube from 'react-native-youtube';\nimport {Vimeo} from 'react-native-vimeo-iframe';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media; autoplay: boolean};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media, autoplay}: Props) => {\n  const {brandTheme} = useTemplateContext();\n\n  switch (media.mimeType) {\n    case 'application/kontiki':\n    case 'application/jwplayer':\n    case 'video/mp4': {\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      const config = {\n        ...media.jwpOptions.config,\n        autostart: autoplay\n      };\n\n      return <JWPlayer style={styleSheet.container} config={config} />;\n    }\n    case 'application/vimeo':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <Vimeo videoId={media.videoId} />\n        </View>\n      ) : null;\n    case 'application/youtube':\n      return (\n        <Youtube\n          apiKey={brandTheme.youtube?.apiKey || ''}\n          style={styleSheet.container}\n          videoId={media.videoId}\n          play={autoplay}\n        />\n      );\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media, autoplay}: Props) => {\n  return media ? <VideoSwitch media={media} autoplay={autoplay} /> : null;\n};\n\nexport default Video;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAA0BC,IAA1B,QAAqC,cAArC;AACA,OAAOC,QAAP,MAAqB,8BAArB;AACA,OAAOC,OAAP,MAAoB,sBAApB;AACA,SAAQC,KAAR,QAAoB,2BAApB;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AAMA,MAAMC,UAAU,GAAGP,UAAU,CAACQ,MAAX,CAAkB;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE;EAFE;AADwB,CAAlB,CAAnB;;AAOA,MAAMC,WAAW,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA8B;EAChD,MAAM;IAACC;EAAD,IAAeT,kBAAkB,EAAvC;;EAEA,QAAQO,KAAK,CAACG,QAAd;IACE,KAAK,qBAAL;IACA,KAAK,sBAAL;IACA,KAAK,WAAL;MAAkB;QAChB,IAAI,CAACH,KAAK,CAACI,UAAN,EAAkBC,MAAvB,EAA+B;UAC7B,OAAO,IAAP;QACD;;QAED,MAAMA,MAAM,GAAG,EACb,GAAGL,KAAK,CAACI,UAAN,CAAiBC,MADP;UAEbC,SAAS,EAAEL;QAFE,CAAf;QAKA,oBAAO,oBAAC,QAAD;UAAU,KAAK,EAAEP,UAAU,CAACE,SAA5B;UAAuC,MAAM,EAAES;QAA/C,EAAP;MACD;;IACD,KAAK,mBAAL;MACE,OAAOL,KAAK,CAACO,OAAN,gBACL,oBAAC,IAAD;QAAM,KAAK,EAAEb,UAAU,CAACE;MAAxB,gBACE,oBAAC,KAAD;QAAO,OAAO,EAAEI,KAAK,CAACO;MAAtB,EADF,CADK,GAIH,IAJJ;;IAKF,KAAK,qBAAL;MACE,oBACE,oBAAC,OAAD;QACE,MAAM,EAAEL,UAAU,CAACM,OAAX,EAAoBC,MAApB,IAA8B,EADxC;QAEE,KAAK,EAAEf,UAAU,CAACE,SAFpB;QAGE,OAAO,EAAEI,KAAK,CAACO,OAHjB;QAIE,IAAI,EAAEN;MAJR,EADF;;IAQF;MACE,oBAAO,oBAAC,IAAD,QAAQ,kBAAiBD,KAAK,CAACG,QAAS,iBAAxC,CAAP;EA/BJ;AAiCD,CApCD;;AAsCA,MAAMO,KAAK,GAAG,CAAC;EAACV,KAAD;EAAQC;AAAR,CAAD,KAA8B;EAC1C,OAAOD,KAAK,gBAAG,oBAAC,WAAD;IAAa,KAAK,EAAEA,KAApB;IAA2B,QAAQ,EAAEC;EAArC,EAAH,GAAuD,IAAnE;AACD,CAFD;;AAIA,eAAeS,KAAf"}

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","createElement","key","title","className","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","contentTitle","dangerouslySetInnerHTML","__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","_uniqueId","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","ref","desktopSummaryTitle","id","name","checkbox","onChange","summary","tabletSummaryHeader","htmlFor","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","process","env","NODE_ENV","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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","ignoreList":[]}
+{"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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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","createElement","className","content","wrapperHidden","propTypes","process","env","NODE_ENV","number","Accordion","props","tabProps","_noop","accordion","_map","convert","cap","child","tabProps_","_get","_extends","key","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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","ignoreList":[]}
+{"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":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEF,KAAK,CAACG,YADI;EAEjBC,OAAO,EAAEJ,KAAK,CAACK;AAFE,CAAnB;;AAKA,MAAMC,GAAG,GAAG,CAAC;EAACC,QAAD;EAAWC,KAAX;EAAkBC,KAAlB;EAAyBC,MAAzB;EAAiCC,QAAjC;EAA2CC,OAA3C;EAAoDC;AAApD,CAAD,KAAgE;EAC1E,MAAMC,aAAa,GAAGjB,OAAO,CAAC,MAAMkB,GAAG,IAAIH,OAAO,CAACJ,KAAD,EAAQO,GAAR,CAArB,EAAmC,CAACP,KAAD,EAAQI,OAAR,CAAnC,CAA7B;EAEA,OAAOL,QAAQ,gBACb;IAAK,aAAU,WAAf;IAA2B,SAAS,EAAEN,UAAU,CAACY,KAAD;EAAhD,gBACE,oBAAC,IAAD;IACE,QAAQ,EAAEF,QADZ;IAEE,KAAK,EAAEF,KAFT;IAGE,OAAO,EAAEF,QAHX;IAIE,MAAM,EAAEG,MAJV;IAKE,KAAK,EAAEG,KALT;IAME,OAAO,EAAEC;EANX,EADF,CADa,gBAYb;IAAK,aAAU,WAAf;IAA2B,SAAS,EAAEd,KAAK,CAACgB;EAA5C,EAZF;AAcD,CAjBD;;AAmBAV,GAAG,CAACW,SAAJ,2CAAgB;EACdV,QAAQ,EAAER,IAAI,CAACkB,SAAL,CAAeC,OADX;EAEdV,KAAK,EAAEV,SAAS,CAACqB,MAFH;EAGdV,KAAK,EAAEV,IAAI,CAACkB,SAAL,CAAeR,KAHR;EAIdE,QAAQ,EAAEZ,IAAI,CAACkB,SAAL,CAAeN,QAJX;EAKdD,MAAM,EAAEX,IAAI,CAACkB,SAAL,CAAeP,MALT;EAMdG,KAAK,EAAEd,IAAI,CAACkB,SAAL,CAAeJ,KANR;EAOdD,OAAO,EAAEb,IAAI,CAACkB,SAAL,CAAeL;AAPV,CAAhB;;AAUA,MAAMQ,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,QAAD;IAAWf,QAAX;IAAqBM,KAAK,GAAG,SAA7B;IAAwCD,OAAO;EAA/C,IAA0DS,KAAhE;;EACA,MAAME,SAAS,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,KAAD,EAAQlB,KAAR,KAAkB;IAC5D,MAAMmB,SAAS,GAAG,KAAInB,KAAJ,EAAWc,QAAX,CAAlB;;IACA,oBACE,oBAAC,GAAD,eAASK,SAAT;MAAoB,GAAG,EAAEnB,KAAzB;MAAgC,KAAK,EAAEA,KAAvC;MAA8C,KAAK,EAAEK,KAArD;MAA4D,OAAO,EAAED;IAArE,IACGc,KADH,CADF;EAKD,CAPiB,EAOfnB,QAPe,CAAlB;;EASA,oBAAO,iCAAMgB,SAAN,CAAP;AACD,CAZD;;AAcAH,SAAS,CAACQ,YAAV,GAAyB;EACvBrB,QAAQ,EAAE;AADa,CAAzB;AAIAa,SAAS,CAACH,SAAV,2CAAsB;EACpBV,QAAQ,EAAET,SAAS,CAAC+B,OAAV,CAAkBvB,GAAG,CAACW,SAAJ,CAAcV,QAAhC,CADU;EAEpBe,QAAQ,EAAExB,SAAS,CAAC+B,OAAV,CACR/B,SAAS,CAACgC,KAAV,CAAgB;IACdrB,KAAK,EAAEH,GAAG,CAACW,SAAJ,CAAcR,KADP;IAEdE,QAAQ,EAAEL,GAAG,CAACW,SAAJ,CAAcN,QAFV;IAGdD,MAAM,EAAEJ,GAAG,CAACW,SAAJ,CAAcP;EAHR,CAAhB,CADQ,CAFU;EASpBE,OAAO,EAAEN,GAAG,CAACW,SAAJ,CAAcL,OATH;EAUpBC,KAAK,EAAEP,GAAG,CAACW,SAAJ,CAAcJ;AAVD,CAAtB;AAaA,eAAeO,SAAf"}

package/es/organism/accordion/coorp-manager/index.js

@@ -1,7 +1,9 @@
 import _findIndex from "lodash/fp/findIndex";
 import _noop from "lodash/fp/noop";
 import _map from "lodash/fp/map";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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, useEffect, useState } 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,
@@ -43,6 +46,7 @@ const Tab = ({
     className: style.wrapperHidden
   });
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   children: Part.propTypes.content,
   index: PropTypes.number,
@@ -56,6 +60,7 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: Part.propTypes.isOpen,
   onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab
 } : {};
+
 const Accordion = props => {
   const {
     tabProps,
@@ -63,25 +68,30 @@ const Accordion = props => {
     theme = 'default',
     onClick = _noop
   } = props;
+
   const selectedIndex = _findIndex(item => item.selected, tabProps);
+
   const [openedTab, updateOpenedTab] = useState(selectedIndex);
   useEffect(() => {
     updateOpenedTab(selectedIndex);
   }, [selectedIndex]);
+
   const tabs = _map.convert({
     cap: false
-  })((tab, index) => ({
-    ...tab,
+  })((tab, index) => ({ ...tab,
     child: children[index],
     children: undefined
   }))(tabProps);
+
   const accordion = _map.convert({
     cap: false
   })((tab, index) => {
     const isOpen = openedTab === index;
+
     function onUpdateOpenedTab() {
       updateOpenedTab(isOpen ? -1 : index);
     }
+
     return /*#__PURE__*/React.createElement(Tab, _extends({}, tab, {
       key: index,
       index: index,
@@ -91,8 +101,10 @@ const Accordion = props => {
       isOpen: isOpen
     }), tab.child);
   }, tabs);
+
   return /*#__PURE__*/React.createElement("div", null, accordion);
 };
+
 Accordion.defaultProps = {
   children: []
 };

package/es/organism/accordion/coorp-manager/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useEffect","useState","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","createElement","className","content","wrapperHidden","propTypes","process","env","NODE_ENV","number","Accordion","props","tabProps","_noop","selectedIndex","_findIndex","item","openedTab","updateOpenedTab","tabs","_map","convert","cap","tab","child","undefined","accordion","_extends","key","defaultProps","arrayOf","shape","oneOf"],"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} 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 = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\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  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\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      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useEffect","useState","PropTypes","Part","style","themeStyle","setup","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","content","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} 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 = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\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  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\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      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"mappings":"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"}