@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/molecule/answer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_videoPlayer","_dropDown","_freeText","_qcmDrag","_qcm","_qcmGraphic","_questionRange","_template","_audio","_provider","_style","_propTypes","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","MediaView","media","videoId","type","childProps","TYPE_IMAGE","createElement","className","style","backgroundImage","url","TYPE_VIDEO","video","_omit2","id","height","width","TYPE_AUDIO","audio","propTypes","process","env","NODE_ENV","MediaViewPropTypes","Switch","model","help","question","groupAriaLabel","contextTypes","translate","Provider","childContextTypes","Answer","props","wrapper","formWrapper","_default","exports"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help, question}) => {\n  const {type} = model;\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={question} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={question} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={question} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={question} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={question} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={question} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help,\n  question: propTypes.question\n};\n\nSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n  const {model, media, help, question} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form className={style.formWrapper}>\n        <Switch model={model} question={question} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nAnswer.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Answer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["MediaView","media","videoId","type","childProps","TYPE_IMAGE","style","backgroundImage","url","TYPE_VIDEO","video","TYPE_AUDIO","audio","propTypes","MediaViewPropTypes","Switch","model","help","question","contextTypes","translate","Provider","childContextTypes","Answer","props","wrapper","formWrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help, question}) => {\n  const {type} = model;\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={question} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={question} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={question} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={question} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={question} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={question} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help,\n  question: propTypes.question\n};\n\nSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n  const {model, media, help, question} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form className={style.formWrapper}>\n        <Switch model={model} question={question} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nAnswer.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Answer;\n"],"mappings":"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"}

package/lib/molecule/answer/index.native.js

@@ -2,19 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _index = _interopRequireDefault(require("../questions/mobile/switch/index.native"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const convertType = modelType => {
   switch (modelType) {
     case 'freeText':
       return 'basic';
+
     case 'dropDown':
       return 'template';
+
     default:
       return modelType;
   }
 };
+
 const convertToChoices = (answers = []) => answers.map((answer, index) => ({
   _id: `${index}`,
   label: answer.title,
@@ -41,6 +48,7 @@ const convertToChoices = (answers = []) => answers.map((answer, index) => ({
     _id: name
   }))
 }));
+
 const Answer = props => {
   const {
     model: {
@@ -57,15 +65,19 @@ const Answer = props => {
   const switchProps = {
     type: convertType(type)
   };
+
   if (type === 'freeText') {
     switchProps.onInputValueChange = onChange;
   }
+
   if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {
     switchProps.choices = convertToChoices(answers);
   }
+
   if (type === 'template') {
     switchProps.template = template;
   }
+
   if (type === 'slider') {
     switchProps.onSliderChange = onSliderChange;
     switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;
@@ -73,7 +85,10 @@ const Answer = props => {
     switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;
     switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';
   }
+
   return /*#__PURE__*/_react.default.createElement(_index.default, switchProps);
 };
-var _default = exports.default = Answer;
+
+var _default = Answer;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/answer/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_index","e","__esModule","default","convertType","modelType","convertToChoices","answers","map","answer","index","_id","label","title","value","onPress","onClick","onChange","selected","media","image","type","src","url","undefined","name","items","options","text","Answer","props","model","template","onSliderChange","minLabel","maxLabel","switchProps","onInputValueChange","choices","min","Number","parseInt","split","max","unit","createElement","_default","exports"],"sources":["../../../src/molecule/answer/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Choice, QuestionType} from '../questions/types';\nimport Switch, {Props as SwitchProps} from '../questions/mobile/switch/index.native';\nimport {AnswerProps} from './prop-types';\n\nconst convertType = (modelType: AnswerProps['model']['type']): QuestionType => {\n  switch (modelType) {\n    case 'freeText':\n      return 'basic';\n    case 'dropDown':\n      return 'template';\n    default:\n      return modelType;\n  }\n};\n\nconst convertToChoices = (answers: AnswerProps['model']['answers'] = []): Choice[] =>\n  answers.map((answer, index) => ({\n    _id: `${index}`,\n    label: answer.title,\n    value: answer.title,\n    onPress: answer.onClick || answer.onChange,\n    selected: answer.selected,\n    media: answer.image\n      ? {\n          type: 'img',\n          src: [{url: answer.image}]\n        }\n      : undefined,\n    // ---- custom properties for template choice\n    type: answer.type,\n    name: answer.name,\n    items:\n      answer.options &&\n      answer.options.map(({name, selected, value}) => ({\n        text: name,\n        selected,\n        value,\n        _id: name\n      }))\n  }));\n\nconst Answer = (props: AnswerProps) => {\n  const {\n    model: {answers, onChange, template, type, onSliderChange, minLabel, maxLabel, title}\n  } = props;\n\n  const switchProps: SwitchProps = {\n    type: convertType(type)\n  };\n\n  if (type === 'freeText') {\n    switchProps.onInputValueChange = onChange;\n  }\n\n  if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {\n    switchProps.choices = convertToChoices(answers);\n  }\n\n  if (type === 'template') {\n    switchProps.template = template;\n  }\n\n  if (type === 'slider') {\n    switchProps.onSliderChange = onSliderChange;\n    switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;\n    switchProps.max = maxLabel ? Number.parseInt(maxLabel.split(' ')[0]) : 1;\n    switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;\n    switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';\n  }\n\n  return <Switch {...switchProps} />;\n};\n\nexport default Answer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["convertType","modelType","convertToChoices","answers","map","answer","index","_id","label","title","value","onPress","onClick","onChange","selected","media","image","type","src","url","undefined","name","items","options","text","Answer","props","model","template","onSliderChange","minLabel","maxLabel","switchProps","onInputValueChange","choices","min","Number","parseInt","split","max","unit"],"sources":["../../../src/molecule/answer/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Choice, QuestionType} from '../questions/types';\nimport Switch, {Props as SwitchProps} from '../questions/mobile/switch/index.native';\nimport {AnswerProps} from './prop-types';\n\nconst convertType = (modelType: AnswerProps['model']['type']): QuestionType => {\n  switch (modelType) {\n    case 'freeText':\n      return 'basic';\n    case 'dropDown':\n      return 'template';\n    default:\n      return modelType;\n  }\n};\n\nconst convertToChoices = (answers: AnswerProps['model']['answers'] = []): Choice[] =>\n  answers.map((answer, index) => ({\n    _id: `${index}`,\n    label: answer.title,\n    value: answer.title,\n    onPress: answer.onClick || answer.onChange,\n    selected: answer.selected,\n    media: answer.image\n      ? {\n          type: 'img',\n          src: [{url: answer.image}]\n        }\n      : undefined,\n    // ---- custom properties for template choice\n    type: answer.type,\n    name: answer.name,\n    items:\n      answer.options &&\n      answer.options.map(({name, selected, value}) => ({\n        text: name,\n        selected,\n        value,\n        _id: name\n      }))\n  }));\n\nconst Answer = (props: AnswerProps) => {\n  const {\n    model: {answers, onChange, template, type, onSliderChange, minLabel, maxLabel, title}\n  } = props;\n\n  const switchProps: SwitchProps = {\n    type: convertType(type)\n  };\n\n  if (type === 'freeText') {\n    switchProps.onInputValueChange = onChange;\n  }\n\n  if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {\n    switchProps.choices = convertToChoices(answers);\n  }\n\n  if (type === 'template') {\n    switchProps.template = template;\n  }\n\n  if (type === 'slider') {\n    switchProps.onSliderChange = onSliderChange;\n    switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;\n    switchProps.max = maxLabel ? Number.parseInt(maxLabel.split(' ')[0]) : 1;\n    switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;\n    switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';\n  }\n\n  return <Switch {...switchProps} />;\n};\n\nexport default Answer;\n"],"mappings":"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"}

package/lib/molecule/answer/prop-types.js

@@ -2,34 +2,48 @@
 
 exports.__esModule = true;
 exports.default = exports.TYPE_VIDEO = exports.TYPE_IMAGE = exports.TYPE_AUDIO = exports.MediaViewPropTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("../video-player/prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TYPE_IMAGE = exports.TYPE_IMAGE = 'img';
-const TYPE_VIDEO = exports.TYPE_VIDEO = 'video';
-const TYPE_AUDIO = exports.TYPE_AUDIO = 'audio';
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TYPE_IMAGE = 'img';
+exports.TYPE_IMAGE = TYPE_IMAGE;
+const TYPE_VIDEO = 'video';
+exports.TYPE_VIDEO = TYPE_VIDEO;
+const TYPE_AUDIO = 'audio';
+exports.TYPE_AUDIO = TYPE_AUDIO;
+
 const isType = name => _propTypes.default.oneOf([name]);
-const videoPropType = _propTypes.default.shape({
-  ..._propTypes2.default,
+
+const videoPropType = _propTypes.default.shape({ ..._propTypes2.default,
   type: isType(TYPE_VIDEO).isRequired
 });
+
 const imgPropType = _propTypes.default.shape({
   type: isType(TYPE_IMAGE).isRequired,
   url: _propTypes.default.string.isRequired
 });
+
 const audioPropType = _propTypes.default.shape({
   type: isType(TYPE_AUDIO).isRequired,
   mediaUrl: _propTypes.default.string.isRequired
 });
-const MediaViewPropTypes = exports.MediaViewPropTypes = {
+
+const MediaViewPropTypes = {
   media: _propTypes.default.oneOfType([videoPropType, imgPropType, audioPropType])
 };
+exports.MediaViewPropTypes = MediaViewPropTypes;
+
 const SelectOptionsPropTypes = _propTypes.default.shape({
   name: _propTypes.default.string,
   selected: _propTypes.default.bool,
   validOption: _propTypes.default.bool,
   value: _propTypes.default.string
 });
+
 const AnswerPropTypes = _propTypes.default.shape({
   title: _propTypes.default.string.isRequired,
   'aria-label': _propTypes.default.string,
@@ -41,6 +55,7 @@ const AnswerPropTypes = _propTypes.default.shape({
   type: _propTypes.default.oneOf(['text', 'select']),
   name: _propTypes.default.string
 });
+
 const propTypes = {
   model: _propTypes.default.shape({
     type: _propTypes.default.oneOf(['qcmDrag', 'qcm', 'qcmGraphic', 'freeText', 'dropDown', 'slider', 'template']).isRequired,
@@ -50,5 +65,6 @@ const propTypes = {
   question: _propTypes.default.string,
   media: MediaViewPropTypes.media
 };
-var _default = exports.default = propTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/molecule/answer/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","e","__esModule","default","TYPE_IMAGE","exports","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","VideoPlayerPropTypes","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help","question","_default"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = (name: string) => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired,\n    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  question: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n  question: string;\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","VideoPlayerPropTypes","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help","question"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = (name: string) => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired,\n    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  question: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n  question: string;\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAEO,MAAMA,UAAU,GAAG,KAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;;AAEP,MAAMC,MAAM,GAAIC,IAAD,IAAkBC,kBAAA,CAAUC,KAAV,CAAgB,CAACF,IAAD,CAAhB,CAAjC;;AAEA,MAAMG,aAAa,GAAGF,kBAAA,CAAUG,KAAV,CAAgB,EACpC,GAAGC,mBADiC;EAEpCC,IAAI,EAAEP,MAAM,CAACF,UAAD,CAAN,CAAmBU;AAFW,CAAhB,CAAtB;;AAKA,MAAMC,WAAW,GAAGP,kBAAA,CAAUG,KAAV,CAAgB;EAClCE,IAAI,EAAEP,MAAM,CAACH,UAAD,CAAN,CAAmBW,UADS;EAElCE,GAAG,EAAER,kBAAA,CAAUS,MAAV,CAAiBH;AAFY,CAAhB,CAApB;;AAKA,MAAMI,aAAa,GAAGV,kBAAA,CAAUG,KAAV,CAAgB;EACpCE,IAAI,EAAEP,MAAM,CAACD,UAAD,CAAN,CAAmBS,UADW;EAEpCK,QAAQ,EAAEX,kBAAA,CAAUS,MAAV,CAAiBH;AAFS,CAAhB,CAAtB;;AAKO,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAEb,kBAAA,CAAUc,SAAV,CAAoB,CAACZ,aAAD,EAAgBK,WAAhB,EAA6BG,aAA7B,CAApB;AADyB,CAA3B;;;AAIP,MAAMK,sBAAsB,GAAGf,kBAAA,CAAUG,KAAV,CAAgB;EAC7CJ,IAAI,EAAEC,kBAAA,CAAUS,MAD6B;EAE7CO,QAAQ,EAAEhB,kBAAA,CAAUiB,IAFyB;EAG7CC,WAAW,EAAElB,kBAAA,CAAUiB,IAHsB;EAI7CE,KAAK,EAAEnB,kBAAA,CAAUS;AAJ4B,CAAhB,CAA/B;;AAOA,MAAMW,eAAe,GAAGpB,kBAAA,CAAUG,KAAV,CAAgB;EACtCkB,KAAK,EAAErB,kBAAA,CAAUS,MAAV,CAAiBH,UADc;EAEtC,cAAcN,kBAAA,CAAUS,MAFc;EAGtCa,OAAO,EAAEtB,kBAAA,CAAUuB,IAHmB;EAItCC,QAAQ,EAAExB,kBAAA,CAAUuB,IAJkB;EAKtCP,QAAQ,EAAEhB,kBAAA,CAAUiB,IALkB;EAMtCQ,KAAK,EAAEzB,kBAAA,CAAUS,MANqB;EAOtCiB,OAAO,EAAE1B,kBAAA,CAAU2B,OAAV,CAAkBZ,sBAAlB,CAP6B;EAQtCV,IAAI,EAAEL,kBAAA,CAAUC,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CARgC;EAStCF,IAAI,EAAEC,kBAAA,CAAUS;AATsB,CAAhB,CAAxB;;AAYA,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAE7B,kBAAA,CAAUG,KAAV,CAAgB;IACrBE,IAAI,EAAEL,kBAAA,CAAUC,KAAV,CAAgB,CACpB,SADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,UAJoB,EAKpB,UALoB,EAMpB,QANoB,EAOpB,UAPoB,CAAhB,EAQHK,UATkB;IAUrBwB,MAAM,EAAE9B,kBAAA,CAAU2B,OAAV,CAAkBP,eAAlB;EAVa,CAAhB,EAWJd,UAZa;EAahByB,IAAI,EAAE/B,kBAAA,CAAUS,MAbA;EAchBuB,QAAQ,EAAEhC,kBAAA,CAAUS,MAdJ;EAehBI,KAAK,EAAED,kBAAkB,CAACC;AAfV,CAAlB;eAqDee,S"}

package/lib/molecule/audio/index.js

@@ -2,42 +2,57 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class Audio extends _react.default.Component {
   static contextTypes = {
     skin: _provider.default.childContextTypes.skin
   };
+
   constructor(props, context) {
     super(props, context);
     this.handlePlay = this.handlePlay.bind(this);
     this.audioElement = null;
     this.setAudio = this.setAudio.bind(this);
   }
+
   shouldComponentUpdate(nextProps) {
     const {
       mediaUrl
     } = this.props;
     return nextProps.mediaUrl !== mediaUrl;
   }
+
   componentDidUpdate() {
     this.audioElement.load();
   }
+
   setAudio = element => {
     this.audioElement = element;
   };
+
   handlePlay(e) {
     const {
       onPlay
     } = this.props;
     if (onPlay) onPlay(e);
   }
+
   render() {
     const {
       description,
@@ -60,8 +75,7 @@ class Audio extends _react.default.Component {
       className: _style.default.icon
     }), description ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),
-      "data-name": "audioDescription"
-      // eslint-disable-next-line react/no-danger
+      "data-name": "audioDescription" // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -81,12 +95,15 @@ class Audio extends _react.default.Component {
       src: mediaUrl
     })));
   }
+
 }
+
 Audio.propTypes = process.env.NODE_ENV !== "production" ? {
   description: _propTypes.default.string,
   mediaUrl: _propTypes.default.string,
   poster: _propTypes.default.string,
   onPlay: _propTypes.default.func
 } : {};
-var _default = exports.default = Audio;
+var _default = Audio;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","Audio","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","context","handlePlay","bind","audioElement","setAudio","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","element","onPlay","render","description","poster","white","_get2","createElement","className","style","frame","backgroundImage","NovaCompositionCoorpacademyMicrophone","color","icon","classnames","innerHTML","dangerouslySetInnerHTML","__html","audio","controls","controlsList","ref","autoPlay","name","preload","src","propTypes","process","env","NODE_ENV","PropTypes","string","func","_default","exports"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-testid=\"audio\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Audio","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","context","handlePlay","bind","audioElement","setAudio","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","element","e","onPlay","render","description","poster","white","style","frame","backgroundImage","color","icon","classnames","innerHTML","__html","audio","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-testid=\"audio\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAQf,OAAZC,YAAY,GAAG;IACpBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;EADb,CAAH;;EAInBG,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;IACA,KAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKC,YAAL,GAAoB,IAApB;IACA,KAAKC,QAAL,GAAgB,KAAKA,QAAL,CAAcF,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDG,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKR,KAAxB;IACA,OAAOO,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKL,YAAL,CAAkBM,IAAlB;EACD;;EAEDL,QAAQ,GAAGM,OAAO,IAAI;IACpB,KAAKP,YAAL,GAAoBO,OAApB;EACD,CAFO;;EAIRT,UAAU,CAACU,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcP,QAAd;MAAwBQ;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACJ;IAAD,IAAS,KAAKK,OAApB;IAEA,MAAMgB,KAAK,GAAG,mBAAI,cAAJ,EAAoBrB,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEsB,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAMJ,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAE;QAACK,KAAK,EAAEJ;MAAR,CAApB;MAAoC,SAAS,EAAEC,cAAA,CAAMI;IAArD,EADF,EAEGP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAA,EAAWL,cAAA,CAAMH,WAAjB,EAA8BG,cAAA,CAAMM,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEG,cAAA,CAAMQ,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKrB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKH,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,eAAY,OARd;MASE,aAAU,OATZ;MAUE,OAAO,EAAC;IAVV,gBAYE;MAAQ,GAAG,EAAEM;IAAb,EAZF,CAVF,CADF;EA2BD;;AArEiC;;AAA9BhB,K,CACGmC,S,2CAAY;EACjBZ,WAAW,EAAEa,kBAAA,CAAUC,MADN;EAEjBrB,QAAQ,EAAEoB,kBAAA,CAAUC,MAFH;EAGjBb,MAAM,EAAEY,kBAAA,CAAUC,MAHD;EAIjBhB,MAAM,EAAEe,kBAAA,CAAUE;AAJD,C;eAuENtC,K"}

package/lib/molecule/banner/index.js

@@ -2,28 +2,49 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _find2 = _interopRequireDefault(require("lodash/fp/find"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _colors = require("../../variables/colors");
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const uncappedMap = _map2.default.convert({
   cap: false
 });
+
 const TYPES = {
   success: ['circle-check', _colors.COLORS.cm_positive_200],
   error: ['triangle-exclamation', _colors.COLORS.cm_negative_200],
@@ -36,6 +57,7 @@ const STYLES = {
   warning: _style.default.warning,
   info: _style.default.info
 };
+
 const Banner = props => {
   const {
     type,
@@ -49,20 +71,24 @@ const Banner = props => {
     type: 'switch'
   }), (0, _get2.default)('oldSwitchValue'))(cta);
   const [switchValue, setSwitchValue] = (0, _react.useState)(oldSwitchValue || false);
+
   const ButtonSeparator = /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.buttonsBar, STYLES[type])
   });
+
   const handleSwitchToggle = (0, _react.useCallback)(action => e => {
     const newSwitchValue = !switchValue;
     setSwitchValue(newSwitchValue);
     action(newSwitchValue);
   }, [switchValue]);
+
   const buildButton = ({
     type: buttonType = 'button',
     label,
     action = _noop2.default
   }) => {
     const commonStyle = (0, _classnames.default)(_style.default.button, STYLES[type]);
+
     switch (buttonType) {
       case 'switch':
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -76,6 +102,7 @@ const Banner = props => {
           "data-name": `banner-switch-cta`,
           "aria-label": label
         }));
+
       default:
         return /*#__PURE__*/_react.default.createElement("div", {
           className: commonStyle
@@ -91,6 +118,7 @@ const Banner = props => {
         }));
     }
   };
+
   const buildCta = ctaOptions => {
     return uncappedMap((options, i) => {
       if ((0, _isEmpty2.default)(options)) return null;
@@ -100,6 +128,7 @@ const Banner = props => {
       }, i > 0 && i <= (0, _size2.default)(options) ? ButtonSeparator : null, buildButton(options));
     }, ctaOptions);
   };
+
   const [iconName, iconColor] = TYPES[type];
   return /*#__PURE__*/_react.default.createElement("div", {
     key: bannerKey,
@@ -118,6 +147,7 @@ const Banner = props => {
     }
   }), message), buildCta(cta));
 };
+
 const ctaPropTypes = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
   label: _propTypes.default.string,
   type: _propTypes.default.oneOf(['button', 'switch']),
@@ -132,5 +162,6 @@ Banner.propTypes = process.env.NODE_ENV !== "production" ? {
   temporary: _propTypes.default.bool,
   onEnd: _propTypes.default.func
 } : {};
-var _default = exports.default = Banner;
+var _default = Banner;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_colors","_buttonLink","_icon","_inputSwitch","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","uncappedMap","_map2","convert","cap","TYPES","success","COLORS","cm_positive_200","error","cm_negative_200","warning","cm_yellow_400","info","cm_grey_500","STYLES","style","Banner","props","type","message","cta","temporary","bannerKey","onEnd","oldSwitchValue","_pipe2","_find2","_get2","switchValue","setSwitchValue","useState","ButtonSeparator","createElement","className","classnames","buttonsBar","handleSwitchToggle","useCallback","action","newSwitchValue","buildButton","buttonType","label","_noop2","commonStyle","button","id","theme","title","value","onChange","onClick","customStyle","padding","buildCta","ctaOptions","options","_isEmpty2","ctaWrapper","key","_size2","iconName","iconColor","banner","temporaryBanner","onAnimationEnd","icon","temporaryIcon","ctaPropTypes","process","env","NODE_ENV","PropTypes","shape","string","oneOf","func","bool","propTypes","_keys2","isRequired","arrayOf","_default","exports"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys, noop, isEmpty, map, size, pipe, find, get} from 'lodash/fp';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst TYPES = {\n  success: ['circle-check', COLORS.cm_positive_200],\n  error: ['triangle-exclamation', COLORS.cm_negative_200],\n  warning: ['circle-exclamation', COLORS.cm_yellow_400],\n  info: ['circle-info', COLORS.cm_grey_500]\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning,\n  info: style.info\n};\n\nconst Banner = props => {\n  const {type, message, cta = [], temporary, bannerKey, onEnd} = props;\n  const oldSwitchValue = pipe(find({type: 'switch'}), get('oldSwitchValue'))(cta);\n  const [switchValue, setSwitchValue] = useState(oldSwitchValue || false);\n\n  const ButtonSeparator = <div className={classnames(style.buttonsBar, STYLES[type])} />;\n\n  const handleSwitchToggle = useCallback(\n    action => e => {\n      const newSwitchValue = !switchValue;\n      setSwitchValue(newSwitchValue);\n      action(newSwitchValue);\n    },\n    [switchValue]\n  );\n\n  const buildButton = ({type: buttonType = 'button', label, action = noop}) => {\n    const commonStyle = classnames(style.button, STYLES[type]);\n\n    switch (buttonType) {\n      case 'switch':\n        return (\n          <div className={commonStyle}>\n            <InputSwitch\n              id=\"show-microlearning-switch\"\n              theme=\"default\"\n              title={label}\n              value={switchValue}\n              onChange={handleSwitchToggle(action)}\n              data-name={`banner-switch-cta`}\n              aria-label={label}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={commonStyle}>\n            <ButtonLink\n              data-name=\"banner-button-cta\"\n              aria-label={label}\n              label={label}\n              onClick={action}\n              type=\"text\"\n              customStyle={{padding: 0}}\n            />\n          </div>\n        );\n    }\n  };\n\n  const buildCta = ctaOptions => {\n    return uncappedMap((options, i) => {\n      if (isEmpty(options)) return null;\n\n      return (\n        <div className={style.ctaWrapper} key={i}>\n          {i > 0 && i <= size(options) ? ButtonSeparator : null}\n          {buildButton(options)}\n        </div>\n      );\n    }, ctaOptions);\n  };\n\n  const [iconName, iconColor] = TYPES[type];\n\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon\n          iconName={iconName}\n          iconColor={iconColor}\n          className={classnames(style.icon, temporary && style.temporaryIcon)}\n          customStyle={{padding: 0}}\n        />\n        {message}\n      </div>\n      {buildCta(cta)}\n    </div>\n  );\n};\n\nconst ctaPropTypes = PropTypes.shape({\n  label: PropTypes.string,\n  type: PropTypes.oneOf(['button', 'switch']),\n  action: PropTypes.func,\n  oldSwitchValue: PropTypes.bool\n});\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(TYPES)),\n  message: PropTypes.string.isRequired,\n  cta: PropTypes.arrayOf(ctaPropTypes),\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,KAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,YAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAgC,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,WAAW,GAAGC,KAAA,CAAAf,OAAA,CAAIgB,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,KAAK,GAAG;EACZC,OAAO,EAAE,CAAC,cAAc,EAAEC,cAAM,CAACC,eAAe,CAAC;EACjDC,KAAK,EAAE,CAAC,sBAAsB,EAAEF,cAAM,CAACG,eAAe,CAAC;EACvDC,OAAO,EAAE,CAAC,oBAAoB,EAAEJ,cAAM,CAACK,aAAa,CAAC;EACrDC,IAAI,EAAE,CAAC,aAAa,EAAEN,cAAM,CAACO,WAAW;AAC1C,CAAC;AAED,MAAMC,MAAM,GAAG;EACbT,OAAO,EAAEU,cAAK,CAACV,OAAO;EACtBG,KAAK,EAAEO,cAAK,CAACP,KAAK;EAClBE,OAAO,EAAEK,cAAK,CAACL,OAAO;EACtBE,IAAI,EAAEG,cAAK,CAACH;AACd,CAAC;AAED,MAAMI,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC,GAAG,GAAG,EAAE;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGN,KAAK;EACpE,MAAMO,cAAc,GAAG,IAAAC,MAAA,CAAAvC,OAAA,EAAK,IAAAwC,MAAA,CAAAxC,OAAA,EAAK;IAACgC,IAAI,EAAE;EAAQ,CAAC,CAAC,EAAE,IAAAS,KAAA,CAAAzC,OAAA,EAAI,gBAAgB,CAAC,CAAC,CAACkC,GAAG,CAAC;EAC/E,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAACN,cAAc,IAAI,KAAK,CAAC;EAEvE,MAAMO,eAAe,gBAAG9D,MAAA,CAAAiB,OAAA,CAAA8C,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAACnB,cAAK,CAACoB,UAAU,EAAErB,MAAM,CAACI,IAAI,CAAC;EAAE,CAAE,CAAC;EAEtF,MAAMkB,kBAAkB,GAAG,IAAAC,kBAAW,EACpCC,MAAM,IAAIzD,CAAC,IAAI;IACb,MAAM0D,cAAc,GAAG,CAACX,WAAW;IACnCC,cAAc,CAACU,cAAc,CAAC;IAC9BD,MAAM,CAACC,cAAc,CAAC;EACxB,CAAC,EACD,CAACX,WAAW,CACd,CAAC;EAED,MAAMY,WAAW,GAAGA,CAAC;IAACtB,IAAI,EAAEuB,UAAU,GAAG,QAAQ;IAAEC,KAAK;IAAEJ,MAAM,GAAAK,MAAA,CAAAzD;EAAO,CAAC,KAAK;IAC3E,MAAM0D,WAAW,GAAG,IAAAV,mBAAU,EAACnB,cAAK,CAAC8B,MAAM,EAAE/B,MAAM,CAACI,IAAI,CAAC,CAAC;IAE1D,QAAQuB,UAAU;MAChB,KAAK,QAAQ;QACX,oBACExE,MAAA,CAAAiB,OAAA,CAAA8C,aAAA;UAAKC,SAAS,EAAEW;QAAY,gBAC1B3E,MAAA,CAAAiB,OAAA,CAAA8C,aAAA,CAACtD,YAAA,CAAAQ,OAAW;UACV4D,EAAE,EAAC,2BAA2B;UAC9BC,KAAK,EAAC,SAAS;UACfC,KAAK,EAAEN,KAAM;UACbO,KAAK,EAAErB,WAAY;UACnBsB,QAAQ,EAAEd,kBAAkB,CAACE,MAAM,CAAE;UACrC,aAAW,mBAAoB;UAC/B,cAAYI;QAAM,CACnB,CACE,CAAC;MAEV;QACE,oBACEzE,MAAA,CAAAiB,OAAA,CAAA8C,aAAA;UAAKC,SAAS,EAAEW;QAAY,gBAC1B3E,MAAA,CAAAiB,OAAA,CAAA8C,aAAA,CAACxD,WAAA,CAAAU,OAAU;UACT,aAAU,mBAAmB;UAC7B,cAAYwD,KAAM;UAClBA,KAAK,EAAEA,KAAM;UACbS,OAAO,EAAEb,MAAO;UAChBpB,IAAI,EAAC,MAAM;UACXkC,WAAW,EAAE;YAACC,OAAO,EAAE;UAAC;QAAE,CAC3B,CACE,CAAC;IAEZ;EACF,CAAC;EAED,MAAMC,QAAQ,GAAGC,UAAU,IAAI;IAC7B,OAAOvD,WAAW,CAAC,CAACwD,OAAO,EAAE1D,CAAC,KAAK;MACjC,IAAI,IAAA2D,SAAA,CAAAvE,OAAA,EAAQsE,OAAO,CAAC,EAAE,OAAO,IAAI;MAEjC,oBACEvF,MAAA,CAAAiB,OAAA,CAAA8C,aAAA;QAAKC,SAAS,EAAElB,cAAK,CAAC2C,UAAW;QAACC,GAAG,EAAE7D;MAAE,GACtCA,CAAC,GAAG,CAAC,IAAIA,CAAC,IAAI,IAAA8D,MAAA,CAAA1E,OAAA,EAAKsE,OAAO,CAAC,GAAGzB,eAAe,GAAG,IAAI,EACpDS,WAAW,CAACgB,OAAO,CACjB,CAAC;IAEV,CAAC,EAAED,UAAU,CAAC;EAChB,CAAC;EAED,MAAM,CAACM,QAAQ,EAAEC,SAAS,CAAC,GAAG1D,KAAK,CAACc,IAAI,CAAC;EAEzC,oBACEjD,MAAA,CAAAiB,OAAA,CAAA8C,aAAA;IACE2B,GAAG,EAAErC,SAAU;IACfW,SAAS,EAAE,IAAAC,mBAAU,EAACnB,cAAK,CAACgD,MAAM,EAAEjD,MAAM,CAACI,IAAI,CAAC,EAAEG,SAAS,IAAIN,cAAK,CAACiD,eAAe,CAAE;IACtFC,cAAc,EAAE1C,KAAM;IACtByB,KAAK,EAAE7B;EAAQ,gBAEflD,MAAA,CAAAiB,OAAA,CAAA8C,aAAA;IAAK,aAAW,GAAGd,IAAI,iBAAkB;IAACe,SAAS,EAAElB,cAAK,CAACI;EAAQ,gBACjElD,MAAA,CAAAiB,OAAA,CAAA8C,aAAA,CAACvD,KAAA,CAAAS,OAAI;IACH2E,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEA,SAAU;IACrB7B,SAAS,EAAE,IAAAC,mBAAU,EAACnB,cAAK,CAACmD,IAAI,EAAE7C,SAAS,IAAIN,cAAK,CAACoD,aAAa,CAAE;IACpEf,WAAW,EAAE;MAACC,OAAO,EAAE;IAAC;EAAE,CAC3B,CAAC,EACDlC,OACE,CAAC,EACLmC,QAAQ,CAAClC,GAAG,CACV,CAAC;AAEV,CAAC;AAED,MAAMgD,YAAY,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGC,kBAAS,CAACC,KAAK,CAAC;EACnC/B,KAAK,EAAE8B,kBAAS,CAACE,MAAM;EACvBxD,IAAI,EAAEsD,kBAAS,CAACG,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;EAC3CrC,MAAM,EAAEkC,kBAAS,CAACI,IAAI;EACtBpD,cAAc,EAAEgD,kBAAS,CAACK;AAC5B,CAAC,CAAC;AAEF7D,MAAM,CAAC8D,SAAS,GAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBjD,SAAS,EAAEkD,kBAAS,CAACE,MAAM;EAC3BxD,IAAI,EAAEsD,kBAAS,CAACG,KAAK,CAAC,IAAAI,MAAA,CAAA7F,OAAA,EAAKkB,KAAK,CAAC,CAAC;EAClCe,OAAO,EAAEqD,kBAAS,CAACE,MAAM,CAACM,UAAU;EACpC5D,GAAG,EAAEoD,kBAAS,CAACS,OAAO,CAACb,YAAY,CAAC;EACpC/C,SAAS,EAAEmD,kBAAS,CAACK,IAAI;EACzBtD,KAAK,EAAEiD,kBAAS,CAACI;AACnB,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAjG,OAAA,GAEa8B,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["uncappedMap","convert","cap","TYPES","success","COLORS","cm_positive_200","error","cm_negative_200","warning","cm_yellow_400","info","cm_grey_500","STYLES","style","Banner","props","type","message","cta","temporary","bannerKey","onEnd","oldSwitchValue","switchValue","setSwitchValue","useState","ButtonSeparator","classnames","buttonsBar","handleSwitchToggle","useCallback","action","e","newSwitchValue","buildButton","buttonType","label","commonStyle","button","padding","buildCta","ctaOptions","options","i","ctaWrapper","iconName","iconColor","banner","temporaryBanner","icon","temporaryIcon","ctaPropTypes","PropTypes","shape","string","oneOf","func","bool","propTypes","isRequired","arrayOf"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys, noop, isEmpty, map, size, pipe, find, get} from 'lodash/fp';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst TYPES = {\n  success: ['circle-check', COLORS.cm_positive_200],\n  error: ['triangle-exclamation', COLORS.cm_negative_200],\n  warning: ['circle-exclamation', COLORS.cm_yellow_400],\n  info: ['circle-info', COLORS.cm_grey_500]\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning,\n  info: style.info\n};\n\nconst Banner = props => {\n  const {type, message, cta = [], temporary, bannerKey, onEnd} = props;\n  const oldSwitchValue = pipe(find({type: 'switch'}), get('oldSwitchValue'))(cta);\n  const [switchValue, setSwitchValue] = useState(oldSwitchValue || false);\n\n  const ButtonSeparator = <div className={classnames(style.buttonsBar, STYLES[type])} />;\n\n  const handleSwitchToggle = useCallback(\n    action => e => {\n      const newSwitchValue = !switchValue;\n      setSwitchValue(newSwitchValue);\n      action(newSwitchValue);\n    },\n    [switchValue]\n  );\n\n  const buildButton = ({type: buttonType = 'button', label, action = noop}) => {\n    const commonStyle = classnames(style.button, STYLES[type]);\n\n    switch (buttonType) {\n      case 'switch':\n        return (\n          <div className={commonStyle}>\n            <InputSwitch\n              id=\"show-microlearning-switch\"\n              theme=\"default\"\n              title={label}\n              value={switchValue}\n              onChange={handleSwitchToggle(action)}\n              data-name={`banner-switch-cta`}\n              aria-label={label}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={commonStyle}>\n            <ButtonLink\n              data-name=\"banner-button-cta\"\n              aria-label={label}\n              label={label}\n              onClick={action}\n              type=\"text\"\n              customStyle={{padding: 0}}\n            />\n          </div>\n        );\n    }\n  };\n\n  const buildCta = ctaOptions => {\n    return uncappedMap((options, i) => {\n      if (isEmpty(options)) return null;\n\n      return (\n        <div className={style.ctaWrapper} key={i}>\n          {i > 0 && i <= size(options) ? ButtonSeparator : null}\n          {buildButton(options)}\n        </div>\n      );\n    }, ctaOptions);\n  };\n\n  const [iconName, iconColor] = TYPES[type];\n\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon\n          iconName={iconName}\n          iconColor={iconColor}\n          className={classnames(style.icon, temporary && style.temporaryIcon)}\n          customStyle={{padding: 0}}\n        />\n        {message}\n      </div>\n      {buildCta(cta)}\n    </div>\n  );\n};\n\nconst ctaPropTypes = PropTypes.shape({\n  label: PropTypes.string,\n  type: PropTypes.oneOf(['button', 'switch']),\n  action: PropTypes.func,\n  oldSwitchValue: PropTypes.bool\n});\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(TYPES)),\n  message: PropTypes.string.isRequired,\n  cta: PropTypes.arrayOf(ctaPropTypes),\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":"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"}