@coorpacademy/components 10.5.7-alpha.6.5 → 10.6.0

package/es/molecule/card-content/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","innerHTML","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default'\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div data-name=\"progress\" className={style.progress} style={inlineProgressValueStyle} />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES))\n};\n\nexport default ContentInfo;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/card-content/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","innerHTML","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label","oneOf","shape","progression","adaptive"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div\n      className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}\n      aria-label={get('adaptive', ariaLabel)}\n    >\n      <AdaptivIcon height={25} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"file":"index.js"}

package/es/molecule/card-content/test/fixtures/card-no-progress-bar.js

@@ -3,7 +3,12 @@ export default {
   props: {
     mode: MODES.CARD,
     author: 'Coorpcademy',
-    title: '<p align="right">From Mass Market to One to One targeting</p>'
+    title: '<p align="right">From Mass Market to One to One targeting</p>',
+    'aria-label': {
+      author: 'auther name',
+      progression: 'you have done 65% of the course',
+      adaptive: 'this is an adaptive course'
+    }
   }
 };
 //# sourceMappingURL=card-no-progress-bar.js.map

package/es/molecule/card-content/test/fixtures/card-no-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/card-no-progress-bar.js"],"names":["MODES","props","mode","CARD","author","title"],"mappings":"AAAA,SAAQA,KAAR,QAAoB,OAApB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEF,KAAK,CAACG,IADP;AAELC,IAAAA,MAAM,EAAE,aAFH;AAGLC,IAAAA,KAAK,EAAE;AAHF;AADM,CAAf","sourcesContent":["import {MODES} from '../..';\n\nexport default {\n  props: {\n    mode: MODES.CARD,\n    author: 'Coorpcademy',\n    title: '<p align=\"right\">From Mass Market to One to One targeting</p>'\n  }\n};\n"],"file":"card-no-progress-bar.js"}
+{"version":3,"sources":["../../../../../src/molecule/card-content/test/fixtures/card-no-progress-bar.js"],"names":["MODES","props","mode","CARD","author","title","progression","adaptive"],"mappings":"AAAA,SAAQA,KAAR,QAAoB,OAApB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEF,KAAK,CAACG,IADP;AAELC,IAAAA,MAAM,EAAE,aAFH;AAGLC,IAAAA,KAAK,EAAE,+DAHF;AAIL,kBAAc;AACZD,MAAAA,MAAM,EAAE,aADI;AAEZE,MAAAA,WAAW,EAAE,iCAFD;AAGZC,MAAAA,QAAQ,EAAE;AAHE;AAJT;AADM,CAAf","sourcesContent":["import {MODES} from '../..';\n\nexport default {\n  props: {\n    mode: MODES.CARD,\n    author: 'Coorpcademy',\n    title: '<p align=\"right\">From Mass Market to One to One targeting</p>',\n    'aria-label': {\n      author: 'auther name',\n      progression: 'you have done 65% of the course',\n      adaptive: 'this is an adaptive course'\n    }\n  }\n};\n"],"file":"card-no-progress-bar.js"}

package/es/molecule/course-sections/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeCourseSections from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureLoading from './fixtures/loading';
+test('Molecule › MoleculeCourseSections > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeCourseSections.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCourseSections.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeCourseSections › Default › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureDefault);
+test('Molecule › MoleculeCourseSections › Loading › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureLoading);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/course-sections/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/course-sections/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCourseSections","fixtureDefault","fixtureLoading","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAL,IAAI,CAAC,iEAAD,EAAoEM,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,sBAAsB,CAACK,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHC,cAAnH,CAAJ;AACAJ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHE,cAAnH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSections from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\n\ntest('Molecule › MoleculeCourseSections > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSections.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSections.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSections › Default › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureDefault);\ntest('Molecule › MoleculeCourseSections › Loading › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureLoading);\n"],"file":"fixtures.js"}

package/es/molecule/draggable-list/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeDraggableList from '..';
+import fixtureCourseSections from './fixtures/course-sections';
+import fixtureDashboardSections from './fixtures/dashboard-sections';
+test('Molecule › MoleculeDraggableList > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeDraggableList.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeDraggableList.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeDraggableList › CourseSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureCourseSections);
+test('Molecule › MoleculeDraggableList › DashboardSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureDashboardSections);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/draggable-list/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable-list/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeDraggableList","fixtureCourseSections","fixtureDashboardSections","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,qBAAP,MAAkC,IAAlC;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,wBAAP,MAAqC,+BAArC;AAEAL,IAAI,CAAC,gEAAD,EAAmEM,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,qBAAqB,CAACK,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,qBAAjG,EAAwHC,qBAAxH,CAAJ;AACAJ,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,qBAApG,EAA2HE,wBAA3H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggableList from '..';\nimport fixtureCourseSections from './fixtures/course-sections';\nimport fixtureDashboardSections from './fixtures/dashboard-sections';\n\ntest('Molecule › MoleculeDraggableList > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDraggableList.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggableList.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDraggableList › CourseSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureCourseSections);\ntest('Molecule › MoleculeDraggableList › DashboardSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureDashboardSections);\n"],"file":"fixtures.js"}

package/es/molecule/questions/drop-down/index.js

@@ -1,7 +1,4 @@
 import _find from "lodash/fp/find";
-
-function _extends() { _extends = Object.assign || 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 from 'react';
 import PropTypes from 'prop-types';
 import Select, { SelectOptionPropTypes } from '../../../atom/select';
@@ -29,9 +26,7 @@ const DropDown = props => {
 
 DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: Select.propTypes.onChange,
-  options: PropTypes.arrayOf(PropTypes.shape(_extends(_extends({}, SelectOptionPropTypes), {}, {
-    validOption: PropTypes.bool
-  }))),
+  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),
   theme: Select.propTypes.theme
 } : {};
 export default DropDown;

package/es/molecule/questions/drop-down/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,IAAgBC,qBAAhB,QAA4C,sBAA5C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,KAAK,EAAEC;AAA3B,MAAyCJ,KAA/C;;AAEA,QAAMK,gBAAgB,GAAG,MAAK,UAAL,EAAiBJ,OAAjB,CAAzB;;AACA,QAAMK,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;AAGA,QAAMJ,KAAK,GAAGC,UAAU,IAAIE,YAA5B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACU;AAAtB,kBACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAEL,KAAf;AAAsB,IAAA,OAAO,EAAEF,OAA/B;AAAwC,IAAA,QAAQ,EAAEC;AAAlD,IADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACU,SAAT,2CAAqB;AACnBP,EAAAA,QAAQ,EAAEN,MAAM,CAACa,SAAP,CAAiBP,QADR;AAEnBD,EAAAA,OAAO,EAAEN,SAAS,CAACe,OAAV,CACPf,SAAS,CAACgB,KAAV,uBAAoBd,qBAApB;AAA2CU,IAAAA,WAAW,EAAEZ,SAAS,CAACiB;AAAlE,KADO,CAFU;AAKnBT,EAAAA,KAAK,EAAEP,MAAM,CAACa,SAAP,CAAiBN;AALL,CAArB;AAQA,eAAeJ,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper}>\n      <Select theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({...SelectOptionPropTypes, validOption: PropTypes.bool})\n  ),\n  theme: Select.propTypes.theme\n};\n\nexport default DropDown;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,IAAgBC,qBAAhB,QAA4C,sBAA5C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,KAAK,EAAEC;AAA3B,MAAyCJ,KAA/C;;AAEA,QAAMK,gBAAgB,GAAG,MAAK,UAAL,EAAiBJ,OAAjB,CAAzB;;AACA,QAAMK,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;AAGA,QAAMJ,KAAK,GAAGC,UAAU,IAAIE,YAA5B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACU;AAAtB,kBACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAEL,KAAf;AAAsB,IAAA,OAAO,EAAEF,OAA/B;AAAwC,IAAA,QAAQ,EAAEC;AAAlD,IADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACU,SAAT,2CAAqB;AACnBP,EAAAA,QAAQ,EAAEN,MAAM,CAACa,SAAP,CAAiBP,QADR;AAEnBD,EAAAA,OAAO,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgBd,qBAAhB,CAAlB,CAFU;AAGnBM,EAAAA,KAAK,EAAEP,MAAM,CAACa,SAAP,CAAiBN;AAHL,CAArB;AAMA,eAAeJ,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper}>\n      <Select theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme\n};\n\nexport default DropDown;\n"],"file":"index.js"}

package/es/molecule/questions/free-text/index.js

@@ -1,34 +1,53 @@
-import _get from "lodash/fp/get";
+import _getOr from "lodash/fp/getOr";
 import _noop from "lodash/fp/noop";
-import React, { useMemo } from 'react';
+
+function _extends() { _extends = Object.assign || 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, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
+import { convert } from 'css-color-function';
 import Provider from '../../../atom/provider';
 import style from './style.css';
 
-const FreeText = (props, {
-  skin
-}) => {
+const FreeText = (props, context) => {
   const {
     placeholder = '',
     value = '',
-    onChange = _noop
+    onChange = _noop,
+    'aria-label': ariaLabel
   } = props;
-  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
-  const skinView = value ? _get('common.primary', skin) : null;
+  const [hovered, setHovered] = useState(false);
+  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);
+
+  const primarySkinColor = _getOr('#00B0FF', 'skin.common.primary', context);
+
+  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);
+  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);
+  const shadowBoxPrimaryColor = useMemo(() => convert(`color(${primarySkinColor} a(12%))`), [primarySkinColor]);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "freeText",
-    className: style.wrapper
+    className: style.wrapper,
+    onMouseOver: handleMouseOver,
+    onMouseLeave: handleMouseLeave,
+    style: _extends({}, value && {
+      boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`
+    })
   }, /*#__PURE__*/React.createElement("input", {
+    "data-name": "free-text-input",
     type: "text",
-    className: style.input,
+    "aria-label": ariaLabel || value || placeholder,
+    className: style.freeText,
     placeholder: placeholder,
     value: value,
     onInput: handleChange,
     onChange: _noop,
-    style: {
-      color: skinView,
-      borderColor: skinView
-    }
+    style: _extends(_extends({
+      boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`
+    }, value && {
+      boxShadow: `0 4px 16px ${hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor}`
+    }), {}, {
+      color: primarySkinColor
+    })
   }));
 };
 
@@ -38,7 +57,8 @@ FreeText.contextTypes = {
 FreeText.propTypes = process.env.NODE_ENV !== "production" ? {
   placeholder: PropTypes.string,
   value: PropTypes.string,
-  onChange: PropTypes.func
+  onChange: PropTypes.func,
+  'aria-label': PropTypes.string
 } : {};
 export default FreeText;
 //# sourceMappingURL=index.js.map

package/es/molecule/questions/free-text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/free-text/index.js"],"names":["React","useMemo","PropTypes","Provider","style","FreeText","props","skin","placeholder","value","onChange","handleChange","e","target","skinView","wrapper","input","color","borderColor","contextTypes","childContextTypes","propTypes","string","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQ;AAACC,EAAAA;AAAD,CAAR,KAAmB;AAClC,QAAM;AAACC,IAAAA,WAAW,GAAG,EAAf;AAAmBC,IAAAA,KAAK,GAAG,EAA3B;AAA+BC,IAAAA,QAAQ;AAAvC,MAAkDJ,KAAxD;AAEA,QAAMK,YAAY,GAAGV,OAAO,CAAC,MAAMW,CAAC,IAAIF,QAAQ,CAACE,CAAC,CAACC,MAAF,CAASJ,KAAV,CAApB,EAAsC,CAACC,QAAD,CAAtC,CAA5B;AACA,QAAMI,QAAQ,GAAGL,KAAK,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAAH,GAAiC,IAAvD;AAEA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEH,KAAK,CAACW;AAA3C,kBACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,SAAS,EAAEX,KAAK,CAACY,KAFnB;AAGE,IAAA,WAAW,EAAER,WAHf;AAIE,IAAA,KAAK,EAAEC,KAJT;AAKE,IAAA,OAAO,EAAEE,YALX;AAME,IAAA,QAAQ,OANV;AAOE,IAAA,KAAK,EAAE;AACLM,MAAAA,KAAK,EAAEH,QADF;AAELI,MAAAA,WAAW,EAAEJ;AAFR;AAPT,IADF,CADF;AAgBD,CAtBD;;AAwBAT,QAAQ,CAACc,YAAT,GAAwB;AACtBZ,EAAAA,IAAI,EAAEJ,QAAQ,CAACiB,iBAAT,CAA2Bb;AADX,CAAxB;AAIAF,QAAQ,CAACgB,SAAT,2CAAqB;AACnBb,EAAAA,WAAW,EAAEN,SAAS,CAACoB,MADJ;AAEnBb,EAAAA,KAAK,EAAEP,SAAS,CAACoB,MAFE;AAGnBZ,EAAAA,QAAQ,EAAER,SAAS,CAACqB;AAHD,CAArB;AAMA,eAAelB,QAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, get} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, {skin}) => {\n  const {placeholder = '', value = '', onChange = noop} = props;\n\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const skinView = value ? get('common.primary', skin) : null;\n\n  return (\n    <div data-name=\"freeText\" className={style.wrapper}>\n      <input\n        type=\"text\"\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          color: skinView,\n          borderColor: skinView\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default FreeText;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/free-text/index.js"],"names":["React","useCallback","useMemo","useState","PropTypes","convert","Provider","style","FreeText","props","context","placeholder","value","onChange","ariaLabel","hovered","setHovered","handleChange","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","wrapper","boxShadow","freeText","color","contextTypes","skin","childContextTypes","propTypes","string","func"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,WAAW,GAAG,EAAf;AAAmBC,IAAAA,KAAK,GAAG,EAA3B;AAA+BC,IAAAA,QAAQ,QAAvC;AAAgD,kBAAcC;AAA9D,MAA2EL,KAAjF;AACA,QAAM,CAACM,OAAD,EAAUC,UAAV,IAAwBb,QAAQ,CAAC,KAAD,CAAtC;AAEA,QAAMc,YAAY,GAAGhB,WAAW,CAACiB,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,KAAV,CAAd,EAAgC,CAACC,QAAD,CAAhC,CAAhC;;AACA,QAAMO,gBAAgB,GAAG,OAAM,SAAN,EAAiB,qBAAjB,EAAwCV,OAAxC,CAAzB;;AAEA,QAAMW,eAAe,GAAGpB,WAAW,CAAC,MAAMe,UAAU,CAAC,IAAD,CAAjB,EAAyB,CAACA,UAAD,CAAzB,CAAnC;AAEA,QAAMM,gBAAgB,GAAGrB,WAAW,CAAC,MAAMe,UAAU,CAAC,KAAD,CAAjB,EAA0B,CAACA,UAAD,CAA1B,CAApC;AAEA,QAAMO,qBAAqB,GAAGrB,OAAO,CAAC,MAAMG,OAAO,CAAE,SAAQe,gBAAiB,UAA3B,CAAd,EAAqD,CACxFA,gBADwF,CAArD,CAArC;AAIA,sBACE;AACE,iBAAU,UADZ;AAEE,IAAA,SAAS,EAAEb,KAAK,CAACiB,OAFnB;AAGE,IAAA,WAAW,EAAEH,eAHf;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,KAAK,eACCV,KAAK,IAAI;AACXa,MAAAA,SAAS,EAAEV,OAAO,GAAG,MAAH,GAAa,cAAaQ,qBAAsB;AADvD,KADV;AALP,kBAWE;AACE,iBAAU,iBADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,kBAAYT,SAAS,IAAIF,KAAb,IAAsBD,WAHpC;AAIE,IAAA,SAAS,EAAEJ,KAAK,CAACmB,QAJnB;AAKE,IAAA,WAAW,EAAEf,WALf;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,OAAO,EAAEK,YAPX;AAQE,IAAA,QAAQ,OARV;AASE,IAAA,KAAK;AACHQ,MAAAA,SAAS,EAAG,cAAaF,qBAAsB;AAD5C,OAECX,KAAK,IAAI;AACXa,MAAAA,SAAS,EAAG,cACVV,OAAO,GAAGV,OAAO,CAAE,SAAQe,gBAAiB,UAA3B,CAAV,GAAkDG,qBAC1D;AAHU,KAFV;AAOHI,MAAAA,KAAK,EAAEP;AAPJ;AATP,IAXF,CADF;AAiCD,CAhDD;;AAkDAZ,QAAQ,CAACoB,YAAT,GAAwB;AACtBC,EAAAA,IAAI,EAAEvB,QAAQ,CAACwB,iBAAT,CAA2BD;AADX,CAAxB;AAIArB,QAAQ,CAACuB,SAAT,2CAAqB;AACnBpB,EAAAA,WAAW,EAAEP,SAAS,CAAC4B,MADJ;AAEnBpB,EAAAA,KAAK,EAAER,SAAS,CAAC4B,MAFE;AAGnBnB,EAAAA,QAAQ,EAAET,SAAS,CAAC6B,IAHD;AAInB,gBAAc7B,SAAS,CAAC4B;AAJL,CAArB;AAOA,eAAexB,QAAf","sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, context) => {\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'skin.common.primary', context);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(() => convert(`color(${primarySkinColor} a(12%))`), [\n    primarySkinColor\n  ]);\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"file":"index.js"}

package/es/molecule/questions/free-text/style.css

@@ -1,41 +1,65 @@
 @value breakpoints: "../../../variables/breakpoints.css";
 @value mobile from breakpoints;
 @value colors: "../../../variables/colors.css";
-@value medium from colors;
-@value black from colors;
+@value box_shadow_light_dark from colors;
+@value cm_blue_900 from colors;
 
-.input {
+
+.freeText {
+  border: unset;
+  border-width: 0;
   font-family: "Gilroy";
   font-weight: 700;
   text-transform: none;
-  padding: 0 15px;
-  border: solid 1px;
-  border-color: color(black lightness(85%));
   height: 50px;
-  border-radius: 2px;
+  border-radius: 8px;
   font-size: 14px;
-  width: 230px;
+  max-width: calc(100% - 24px);
+  width: 100%;
   outline: none;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.freeText::placeholder {
+  color: color(cm_blue_900 a(0.3));
+}
+
+.freeText:-ms-input-placeholder {
+  color: color(cm_blue_900 a(0.3))!important;
 }
 
-.input::placeholder {
-  color: medium;
+.freeText:focus {
+  outline: none;
 }
 
-.input:focus {
+.freeText:hover {
   outline: none;
 }
 
+.wrapper {
+  border-radius: 8px;
+  box-shadow: 0px 4px 16px box_shadow_light_dark;
+  margin: 0 15px;
+  overflow: hidden;
+  width: 230px;
+}
+
+.wrapper:hover {
+  box-shadow: none;
+  overflow: visible;
+}
+
 @media mobile {
   .wrapper {
-    width: 304px;
+    max-width: calc(100% - 30px);
+    width: auto;
     box-sizing: border-box;
-    max-width: 100%;
   }
 
-  .input {
+  .freeText {
+    min-width: fit-content;
     width: 100%;
-    margin: 0;
     box-sizing: border-box;
   }
 }

package/es/molecule/questions/free-text/test/fixtures/default.js

@@ -1,7 +1,7 @@
 export default {
   props: {
     placeholder: 'Type your answer here',
-    defaultValue: null
+    value: undefined
   }
 };
 //# sourceMappingURL=default.js.map

package/es/molecule/questions/free-text/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/molecule/questions/free-text/test/fixtures/default.js"],"names":["props","placeholder","defaultValue"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,uBADR;AAELC,IAAAA,YAAY,EAAE;AAFT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    placeholder: 'Type your answer here',\n    defaultValue: null\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../../src/molecule/questions/free-text/test/fixtures/default.js"],"names":["props","placeholder","value","undefined"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,uBADR;AAELC,IAAAA,KAAK,EAAEC;AAFF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    placeholder: 'Type your answer here',\n    value: undefined\n  }\n};\n"],"file":"default.js"}

package/es/molecule/questions/free-text/test/fixtures/with-value-on-change.js

@@ -0,0 +1,9 @@
+export default {
+  props: {
+    placeholder: 'Type your answer here',
+    value: 'plop!',
+    onChange: () => {},
+    'aria-label': 'aria input'
+  }
+};
+//# sourceMappingURL=with-value-on-change.js.map

package/es/molecule/questions/free-text/test/fixtures/with-value-on-change.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/molecule/questions/free-text/test/fixtures/with-value-on-change.js"],"names":["props","placeholder","value","onChange"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,uBADR;AAELC,IAAAA,KAAK,EAAE,OAFF;AAGLC,IAAAA,QAAQ,EAAE,MAAM,CAAE,CAHb;AAIL,kBAAc;AAJT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    placeholder: 'Type your answer here',\n    value: 'plop!',\n    onChange: () => {},\n    'aria-label': 'aria input'\n  }\n};\n"],"file":"with-value-on-change.js"}

package/es/molecule/questions/free-text/test/fixtures/{with-default-value.js → with-value.js}

@@ -1,7 +1,7 @@
 export default {
   props: {
     placeholder: 'Type your answer here',
-    defaultValue: 'plop!'
+    value: 'plop!'
   }
 };
-//# sourceMappingURL=with-default-value.js.map
+//# sourceMappingURL=with-value.js.map

package/es/molecule/questions/free-text/test/fixtures/with-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/molecule/questions/free-text/test/fixtures/with-value.js"],"names":["props","placeholder","value"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,uBADR;AAELC,IAAAA,KAAK,EAAE;AAFF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    placeholder: 'Type your answer here',\n    value: 'plop!'\n  }\n};\n"],"file":"with-value.js"}

package/es/molecule/questions/free-text/test/fixtures.js

@@ -3,7 +3,8 @@ import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../../test/helpers/render-component';
 import MoleculeQuestionsFreeText from '..';
 import fixtureDefault from './fixtures/default';
-import fixtureWithDefaultValue from './fixtures/with-default-value';
+import fixtureWithValueOnChange from './fixtures/with-value-on-change';
+import fixtureWithValue from './fixtures/with-value';
 test('MoleculeQuestions › MoleculeQuestionsFreeText > should have valid propTypes', t => {
   t.pass();
   forEach(MoleculeQuestionsFreeText.propTypes, (value, key) => {
@@ -11,5 +12,6 @@ test('MoleculeQuestions › MoleculeQuestionsFreeText > should have valid propTy
   });
 });
 test('MoleculeQuestions › MoleculeQuestionsFreeText › Default › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureDefault);
-test('MoleculeQuestions › MoleculeQuestionsFreeText › WithDefaultValue › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureWithDefaultValue);
+test('MoleculeQuestions › MoleculeQuestionsFreeText › WithValueOnChange › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureWithValueOnChange);
+test('MoleculeQuestions › MoleculeQuestionsFreeText › WithValue › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureWithValue);
 //# sourceMappingURL=fixtures.js.map

package/es/molecule/questions/free-text/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/questions/free-text/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeQuestionsFreeText","fixtureDefault","fixtureWithDefaultValue","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,2CAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAL,IAAI,CAAC,6EAAD,EAAgFM,CAAC,IAAI;AACvFA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,yBAAyB,CAACK,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uEAAsEF,GAAI,mEAAnG;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,yBAAvG,EAAkIC,cAAlI,CAAJ;AACAJ,IAAI,CAAC,uFAAD,EAA0FE,oBAA1F,EAAgHC,yBAAhH,EAA2IE,uBAA3I,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport MoleculeQuestionsFreeText from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithDefaultValue from './fixtures/with-default-value';\n\ntest('MoleculeQuestions › MoleculeQuestionsFreeText > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeQuestionsFreeText.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"MoleculeQuestions.MoleculeQuestionsFreeText.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('MoleculeQuestions › MoleculeQuestionsFreeText › Default › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureDefault);\ntest('MoleculeQuestions › MoleculeQuestionsFreeText › WithDefaultValue › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureWithDefaultValue);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../../src/molecule/questions/free-text/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeQuestionsFreeText","fixtureDefault","fixtureWithValueOnChange","fixtureWithValue","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,2CAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,wBAAP,MAAqC,iCAArC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAN,IAAI,CAAC,6EAAD,EAAgFO,CAAC,IAAI;AACvFA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,yBAAyB,CAACM,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uEAAsEF,GAAI,mEAAnG;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,yBAAvG,EAAkIC,cAAlI,CAAJ;AACAJ,IAAI,CAAC,wFAAD,EAA2FE,oBAA3F,EAAiHC,yBAAjH,EAA4IE,wBAA5I,CAAJ;AACAL,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,yBAAzG,EAAoIG,gBAApI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport MoleculeQuestionsFreeText from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValueOnChange from './fixtures/with-value-on-change';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('MoleculeQuestions › MoleculeQuestionsFreeText > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeQuestionsFreeText.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"MoleculeQuestions.MoleculeQuestionsFreeText.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('MoleculeQuestions › MoleculeQuestionsFreeText › Default › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureDefault);\ntest('MoleculeQuestions › MoleculeQuestionsFreeText › WithValueOnChange › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureWithValueOnChange);\ntest('MoleculeQuestions › MoleculeQuestionsFreeText › WithValue › should be rendered', renderComponentMacro, MoleculeQuestionsFreeText, fixtureWithValue);\n"],"file":"fixtures.js"}

package/es/molecule/questions/free-text/test/free-text.js

@@ -0,0 +1,106 @@
+import _identity from "lodash/fp/identity";
+
+function _extends() { _extends = Object.assign || 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 browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { shallow, mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import FreeText from '..';
+import defaultFixture from './fixtures/default';
+import withValueFixture from './fixtures/with-value';
+import withValueOnChangeFixture from './fixtures/with-value-on-change';
+browserEnv();
+configure({
+  adapter: new Adapter()
+});
+const translate = _identity;
+test('onInput should be reachable and replace onChange, onChange should not trigger value changes, should use aria-label', t => {
+  t.plan(7);
+  let onInputWasTriggered = false;
+
+  const props = _extends(_extends({}, withValueOnChangeFixture.props), {}, {
+    onChange: value => {
+      onInputWasTriggered = true;
+      t.is(value, 'new value');
+    }
+  });
+
+  const wrapper = shallow( /*#__PURE__*/React.createElement(FreeText, props), {
+    context: {
+      translate
+    }
+  });
+  let freeText = wrapper.find('[data-name="free-text-input"]');
+  t.true(freeText.at(0).exists());
+  t.is(freeText.at(0).props()['aria-label'], 'aria input');
+  t.is(freeText.at(0).props().value, 'plop!'); // should not trigger a value change with onChange
+
+  freeText.at(0).simulate('change', {
+    target: {
+      value: 'new value'
+    }
+  });
+  wrapper.update(); // should not update the trigger flag with onChange
+
+  t.false(onInputWasTriggered);
+  freeText.at(0).simulate('input', {
+    target: {
+      value: 'new value'
+    }
+  });
+  wrapper.update();
+  freeText = wrapper.find('[data-name="free-text-input"]');
+  t.true(onInputWasTriggered);
+  t.pass();
+});
+test('should set: boxShadow (hover & not hovered variants) && color for the input if a value is provided', t => {
+  const wrapper = mount( /*#__PURE__*/React.createElement(FreeText, withValueFixture.props));
+  let freeTextWrapper = wrapper.find('[data-name="freeText"]');
+  t.true(freeTextWrapper.at(0).exists());
+  t.deepEqual(freeTextWrapper.at(0).props().style, {
+    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.12)'
+  });
+  let freeText = wrapper.find('[data-name="free-text-input"]');
+  t.true(freeText.at(0).exists());
+  t.is(freeText.at(0).props().value, 'plop!');
+  t.deepEqual(freeTextWrapper.at(0).props().style, {
+    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.12)'
+  });
+  freeTextWrapper.simulate('mouseover');
+  wrapper.update();
+  freeText = wrapper.find('[data-name="free-text-input"]');
+  freeTextWrapper = wrapper.find('[data-name="freeText"]'); // hovered
+
+  t.deepEqual(freeText.at(0).props().style, {
+    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.2)',
+    color: '#00B0FF'
+  });
+  t.deepEqual(freeTextWrapper.at(0).props().style, {
+    boxShadow: 'none'
+  });
+  freeTextWrapper.simulate('mouseleave');
+  wrapper.update();
+  freeText = wrapper.find('[data-name="free-text-input"]');
+  t.deepEqual(freeText.at(0).props().style, {
+    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.12)',
+    color: '#00B0FF'
+  });
+  t.pass();
+});
+test('should use value as default aria-label if no aria-label is provided', t => {
+  const wrapper = mount( /*#__PURE__*/React.createElement(FreeText, withValueFixture.props));
+  const freeText = wrapper.find('[data-name="free-text-input"]');
+  t.true(freeText.at(0).exists());
+  t.is(freeText.at(0).props()['aria-label'], 'plop!');
+  t.pass();
+});
+test('should use placeholder as default aria-label if no aria-label is provided and no value is present', t => {
+  const wrapper = mount( /*#__PURE__*/React.createElement(FreeText, defaultFixture.props));
+  const freeText = wrapper.find('[data-name="free-text-input"]');
+  t.true(freeText.at(0).exists());
+  t.is(freeText.at(0).props()['aria-label'], 'Type your answer here');
+  t.pass();
+});
+//# sourceMappingURL=free-text.js.map

package/es/molecule/questions/free-text/test/free-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/questions/free-text/test/free-text.js"],"names":["browserEnv","test","React","shallow","mount","configure","Adapter","FreeText","defaultFixture","withValueFixture","withValueOnChangeFixture","adapter","translate","t","plan","onInputWasTriggered","props","onChange","value","is","wrapper","context","freeText","find","true","at","exists","simulate","target","update","false","pass","freeTextWrapper","deepEqual","style","boxShadow","color"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, mount, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport FreeText from '..';\nimport defaultFixture from './fixtures/default';\nimport withValueFixture from './fixtures/with-value';\nimport withValueOnChangeFixture from './fixtures/with-value-on-change';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('onInput should be reachable and replace onChange, onChange should not trigger value changes, should use aria-label', t => {\n  t.plan(7);\n  let onInputWasTriggered = false;\n  const props = {\n    ...withValueOnChangeFixture.props,\n    onChange: value => {\n      onInputWasTriggered = true;\n      t.is(value, 'new value');\n    }\n  };\n  const wrapper = shallow(<FreeText {...props} />, {\n    context: {translate}\n  });\n  let freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  t.true(freeText.at(0).exists());\n  t.is(freeText.at(0).props()['aria-label'], 'aria input');\n  t.is(freeText.at(0).props().value, 'plop!');\n  // should not trigger a value change with onChange\n  freeText.at(0).simulate('change', {target: {value: 'new value'}});\n  wrapper.update();\n  // should not update the trigger flag with onChange\n  t.false(onInputWasTriggered);\n  freeText.at(0).simulate('input', {target: {value: 'new value'}});\n  wrapper.update();\n  freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  t.true(onInputWasTriggered);\n  t.pass();\n});\n\ntest('should set: boxShadow (hover & not hovered variants) && color for the input if a value is provided', t => {\n  const wrapper = mount(<FreeText {...withValueFixture.props} />);\n  let freeTextWrapper = wrapper.find('[data-name=\"freeText\"]');\n  t.true(freeTextWrapper.at(0).exists());\n  t.deepEqual(freeTextWrapper.at(0).props().style, {\n    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.12)'\n  });\n\n  let freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  t.true(freeText.at(0).exists());\n  t.is(freeText.at(0).props().value, 'plop!');\n  t.deepEqual(freeTextWrapper.at(0).props().style, {\n    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.12)'\n  });\n  freeTextWrapper.simulate('mouseover');\n  wrapper.update();\n\n  freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  freeTextWrapper = wrapper.find('[data-name=\"freeText\"]');\n  // hovered\n  t.deepEqual(freeText.at(0).props().style, {\n    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.2)',\n    color: '#00B0FF'\n  });\n  t.deepEqual(freeTextWrapper.at(0).props().style, {\n    boxShadow: 'none'\n  });\n\n  freeTextWrapper.simulate('mouseleave');\n  wrapper.update();\n  freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  t.deepEqual(freeText.at(0).props().style, {\n    boxShadow: '0 4px 16px rgba(0, 176, 255, 0.12)',\n    color: '#00B0FF'\n  });\n\n  t.pass();\n});\n\ntest('should use value as default aria-label if no aria-label is provided', t => {\n  const wrapper = mount(<FreeText {...withValueFixture.props} />);\n  const freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  t.true(freeText.at(0).exists());\n  t.is(freeText.at(0).props()['aria-label'], 'plop!');\n  t.pass();\n});\n\ntest('should use placeholder as default aria-label if no aria-label is provided and no value is present', t => {\n  const wrapper = mount(<FreeText {...defaultFixture.props} />);\n  const freeText = wrapper.find('[data-name=\"free-text-input\"]');\n  t.true(freeText.at(0).exists());\n  t.is(freeText.at(0).props()['aria-label'], 'Type your answer here');\n  t.pass();\n});\n"],"file":"free-text.js"}

package/es/molecule/questions/qcm/style.css

@@ -48,6 +48,10 @@
 .answerText {
   position: relative;
   color: cm_blue_900;
+  hyphens: auto;
+  -ms-word-break: break-all;
+  word-break: break-all;
+  word-break: break-word;
 }
 
 .selectedAnswer .answerText {