@coorpacademy/components 10.13.3 → 10.13.6

package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _checked = _interopRequireDefault(require("./fixtures/checked"));
+
+var _unchecked = _interopRequireDefault(require("./fixtures/unchecked"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeInputTextWithTiteledCheckbox > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeInputTextWithTiteledCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeInputTextWithTiteledCheckbox › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
+(0, _ava.default)('Molecule › MoleculeInputTextWithTiteledCheckbox › Unchecked › should be rendered', _renderComponent.default, _.default, _unchecked.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/input-text-with-titeled-checkbox/test/fixtures.js"],"names":["t","pass","MoleculeInputTextWithTiteledCheckbox","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureUnchecked"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+EAAL,EAAsFA,CAAC,IAAI;AACzFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqCC,SAA7C,EAAwD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtEL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yEAAwEF,GAAI,mEAArG;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gFAAL,EAAuFG,wBAAvF,EAA6GN,SAA7G,EAAmJO,gBAAnJ;AACA,kBAAK,kFAAL,EAAyFD,wBAAzF,EAA+GN,SAA/G,EAAqJQ,kBAArJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeInputTextWithTiteledCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Molecule › MoleculeInputTextWithTiteledCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeInputTextWithTiteledCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeInputTextWithTiteledCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeInputTextWithTiteledCheckbox › Checked › should be rendered', renderComponentMacro, MoleculeInputTextWithTiteledCheckbox, fixtureChecked);\ntest('Molecule › MoleculeInputTextWithTiteledCheckbox › Unchecked › should be rendered', renderComponentMacro, MoleculeInputTextWithTiteledCheckbox, fixtureUnchecked);\n"],"file":"fixtures.js"}

package/lib/molecule/review-correction-popin/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _right = _interopRequireDefault(require("./fixtures/right"));
+
+var _wrong = _interopRequireDefault(require("./fixtures/wrong"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeReviewCorrectionPopin > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeReviewCorrectionPopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeReviewCorrectionPopin › Right › should be rendered', _renderComponent.default, _.default, _right.default);
+(0, _ava.default)('Molecule › MoleculeReviewCorrectionPopin › Wrong › should be rendered', _renderComponent.default, _.default, _wrong.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/review-correction-popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/review-correction-popin/test/fixtures.js"],"names":["t","pass","MoleculeReviewCorrectionPopin","propTypes","value","key","not","undefined","renderComponentMacro","fixtureRight","fixtureWrong"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wEAAL,EAA+EA,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA8BC,SAAtC,EAAiD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAAmIO,cAAnI;AACA,kBAAK,uEAAL,EAA8ED,wBAA9E,EAAoGN,SAApG,EAAmIQ,cAAnI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeReviewCorrectionPopin from '..';\nimport fixtureRight from './fixtures/right';\nimport fixtureWrong from './fixtures/wrong';\n\ntest('Molecule › MoleculeReviewCorrectionPopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeReviewCorrectionPopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeReviewCorrectionPopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeReviewCorrectionPopin › Right › should be rendered', renderComponentMacro, MoleculeReviewCorrectionPopin, fixtureRight);\ntest('Molecule › MoleculeReviewCorrectionPopin › Wrong › should be rendered', renderComponentMacro, MoleculeReviewCorrectionPopin, fixtureWrong);\n"],"file":"fixtures.js"}

package/lib/molecule/review-header-steps/test/fixtures.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _allQuestionsOk = _interopRequireDefault(require("./fixtures/all-questions-ok"));
+
+var _currentQuestionNoAswered = _interopRequireDefault(require("./fixtures/current-question-no-aswered"));
+
+var _currentQuestionWrong = _interopRequireDefault(require("./fixtures/current-question-wrong"));
+
+var _firstQuestionCurrentRight = _interopRequireDefault(require("./fixtures/first-question-current-right"));
+
+var _noAnsweredQuestion = _interopRequireDefault(require("./fixtures/no-answered-question"));
+
+var _questionToRepeat = _interopRequireDefault(require("./fixtures/question-to-repeat"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeReviewHeaderSteps.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps › AllQuestionsOk › should be rendered', _renderComponent.default, _.default, _allQuestionsOk.default);
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps › CurrentQuestionNoAswered › should be rendered', _renderComponent.default, _.default, _currentQuestionNoAswered.default);
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps › CurrentQuestionWrong › should be rendered', _renderComponent.default, _.default, _currentQuestionWrong.default);
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps › FirstQuestionCurrentRight › should be rendered', _renderComponent.default, _.default, _firstQuestionCurrentRight.default);
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps › NoAnsweredQuestion › should be rendered', _renderComponent.default, _.default, _noAnsweredQuestion.default);
+(0, _ava.default)('Molecule › MoleculeReviewHeaderSteps › QuestionToRepeat › should be rendered', _renderComponent.default, _.default, _questionToRepeat.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/review-header-steps/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/review-header-steps/test/fixtures.js"],"names":["t","pass","MoleculeReviewHeaderSteps","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAllQuestionsOk","fixtureCurrentQuestionNoAswered","fixtureCurrentQuestionWrong","fixtureFirstQuestionCurrentRight","fixtureNoAnsweredQuestion","fixtureQuestionToRepeat"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,oEAAL,EAA2EA,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA0BC,SAAlC,EAA6C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4EAAL,EAAmFG,wBAAnF,EAAyGN,SAAzG,EAAoIO,uBAApI;AACA,kBAAK,sFAAL,EAA6FD,wBAA7F,EAAmHN,SAAnH,EAA8IQ,iCAA9I;AACA,kBAAK,kFAAL,EAAyFF,wBAAzF,EAA+GN,SAA/G,EAA0IS,6BAA1I;AACA,kBAAK,uFAAL,EAA8FH,wBAA9F,EAAoHN,SAApH,EAA+IU,kCAA/I;AACA,kBAAK,gFAAL,EAAuFJ,wBAAvF,EAA6GN,SAA7G,EAAwIW,2BAAxI;AACA,kBAAK,8EAAL,EAAqFL,wBAArF,EAA2GN,SAA3G,EAAsIY,yBAAtI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeReviewHeaderSteps from '..';\nimport fixtureAllQuestionsOk from './fixtures/all-questions-ok';\nimport fixtureCurrentQuestionNoAswered from './fixtures/current-question-no-aswered';\nimport fixtureCurrentQuestionWrong from './fixtures/current-question-wrong';\nimport fixtureFirstQuestionCurrentRight from './fixtures/first-question-current-right';\nimport fixtureNoAnsweredQuestion from './fixtures/no-answered-question';\nimport fixtureQuestionToRepeat from './fixtures/question-to-repeat';\n\ntest('Molecule › MoleculeReviewHeaderSteps > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeReviewHeaderSteps.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeReviewHeaderSteps.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeReviewHeaderSteps › AllQuestionsOk › should be rendered', renderComponentMacro, MoleculeReviewHeaderSteps, fixtureAllQuestionsOk);\ntest('Molecule › MoleculeReviewHeaderSteps › CurrentQuestionNoAswered › should be rendered', renderComponentMacro, MoleculeReviewHeaderSteps, fixtureCurrentQuestionNoAswered);\ntest('Molecule › MoleculeReviewHeaderSteps › CurrentQuestionWrong › should be rendered', renderComponentMacro, MoleculeReviewHeaderSteps, fixtureCurrentQuestionWrong);\ntest('Molecule › MoleculeReviewHeaderSteps › FirstQuestionCurrentRight › should be rendered', renderComponentMacro, MoleculeReviewHeaderSteps, fixtureFirstQuestionCurrentRight);\ntest('Molecule › MoleculeReviewHeaderSteps › NoAnsweredQuestion › should be rendered', renderComponentMacro, MoleculeReviewHeaderSteps, fixtureNoAnsweredQuestion);\ntest('Molecule › MoleculeReviewHeaderSteps › QuestionToRepeat › should be rendered', renderComponentMacro, MoleculeReviewHeaderSteps, fixtureQuestionToRepeat);\n"],"file":"fixtures.js"}

package/lib/organism/review-header/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
+var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
+var _reviewHeaderSteps = _interopRequireDefault(require("../../molecule/review-header-steps"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ReviewHeader = (props, context) => {
+  const {
+    steps,
+    mode,
+    skillName,
+    'aria-label': ariaLabel,
+    closeButtonAriaLabel,
+    onQuitClick
+  } = props;
+  const {
+    skin
+  } = context;
+  const primarySkinColor = (0, _getOr.default)('#00B0FF', 'common.primary', skin);
+  const buttonProps = {
+    icon: 'close',
+    'data-name': 'review-header-close-button',
+    'aria-label': closeButtonAriaLabel,
+    onClick: onQuitClick,
+    size: 'responsive',
+    className: _style.default.review
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.headerWrapper,
+    "data-name": "review-header",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titlesWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title,
+    title: mode,
+    "aria-label": mode,
+    "data-name": "review-header-mode"
+  }, mode), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.skillName,
+    style: {
+      color: primarySkinColor
+    },
+    title: skillName,
+    "aria-label": skillName,
+    "data-name": "review-header-skill-name"
+  }, skillName)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.stepsWrapper
+  }, /*#__PURE__*/_react.default.createElement(_reviewHeaderSteps.default, {
+    steps: steps,
+    key: 'review-header-steps'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.iconButtonWrapper,
+    "data-name": "review-header-close-button-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, buttonProps)));
+};
+
+ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  steps: _reviewHeaderSteps.default.propTypes.steps,
+  mode: _propTypes.default.string.isRequired,
+  skillName: _propTypes.default.string.isRequired,
+  'aria-label': _propTypes.default.string,
+  closeButtonAriaLabel: _propTypes.default.string,
+  onQuitClick: _propTypes.default.func
+} : {};
+var _default = ReviewHeader;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/review-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/review-header/index.js"],"names":["ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","skin","primarySkinColor","buttonProps","icon","onClick","size","className","style","review","headerWrapper","titlesWrapper","title","color","stepsWrapper","iconButtonWrapper","propTypes","ReviewHeaderStep","PropTypes","string","isRequired","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,SAHI;AAIJ,kBAAcC,SAJV;AAKJC,IAAAA,oBALI;AAMJC,IAAAA;AANI,MAOFP,KAPJ;AAQA,QAAM;AAACQ,IAAAA;AAAD,MAASP,OAAf;AACA,QAAMQ,gBAAgB,GAAG,oBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAAzB;AAEA,QAAME,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,OADY;AAElB,iBAAa,4BAFK;AAGlB,kBAAcL,oBAHI;AAIlBM,IAAAA,OAAO,EAAEL,WAJS;AAKlBM,IAAAA,IAAI,EAAE,YALY;AAMlBC,IAAAA,SAAS,EAAEC,eAAMC;AANC,GAApB;AASA,sBACE;AAAK,IAAA,SAAS,EAAED,eAAME,aAAtB;AAAqC,iBAAU,eAA/C;AAA+D,kBAAYZ;AAA3E,kBACE;AAAK,IAAA,SAAS,EAAEU,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,KAAtB;AAA6B,IAAA,KAAK,EAAEhB,IAApC;AAA0C,kBAAYA,IAAtD;AAA4D,iBAAU;AAAtE,KACGA,IADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEY,eAAMX,SADnB;AAEE,IAAA,KAAK,EAAE;AACLgB,MAAAA,KAAK,EAAEX;AADF,KAFT;AAKE,IAAA,KAAK,EAAEL,SALT;AAME,kBAAYA,SANd;AAOE,iBAAU;AAPZ,KASGA,SATH,CAJF,CADF,eAkBE;AAAK,IAAA,SAAS,EAAEW,eAAMM;AAAtB,kBACE,6BAAC,0BAAD;AAAkB,IAAA,KAAK,EAAEnB,KAAzB;AAAgC,IAAA,GAAG,EAAE;AAArC,IADF,CAlBF,eAsBE;AAAK,IAAA,SAAS,EAAEa,eAAMO,iBAAtB;AAAyC,iBAAU;AAAnD,kBACE,6BAAC,2BAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAX,YAAY,CAACwB,SAAb,2CAAyB;AACvBrB,EAAAA,KAAK,EAAEsB,2BAAiBD,SAAjB,CAA2BrB,KADX;AAEvBC,EAAAA,IAAI,EAAEsB,mBAAUC,MAAV,CAAiBC,UAFA;AAGvBvB,EAAAA,SAAS,EAAEqB,mBAAUC,MAAV,CAAiBC,UAHL;AAIvB,gBAAcF,mBAAUC,MAJD;AAKvBpB,EAAAA,oBAAoB,EAAEmB,mBAAUC,MALT;AAMvBnB,EAAAA,WAAW,EAAEkB,mBAAUG;AANA,CAAzB;eASe7B,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderStep from '../../molecule/review-header-steps';\nimport style from './style.css';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={style.stepsWrapper}>\n        <ReviewHeaderStep steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-name=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = {\n  steps: ReviewHeaderStep.propTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func\n};\n\nexport default ReviewHeader;\n"],"file":"index.js"}

package/lib/organism/review-header/style.css

@@ -0,0 +1,138 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_blue_900 from colors;
+@value box_shadow_light_dark from colors;
+
+.headerWrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 98px;
+}
+
+.titlesWrapper {
+  display: flex;
+  flex-direction: column;
+  margin-left: 64px;
+}
+
+.fontDefault {
+  font-family: 'Gilroy';
+  font-weight: 700;
+  display: flex;
+}
+
+.title {
+  composes: fontDefault;
+  color: cm_blue_900;
+  font-size: 20px;
+  line-height: 28px;
+  cursor: pointer;
+}
+
+.skillName {
+  composes: fontDefault;
+  font-size: 16px;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.stepsWrapper {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+}
+
+.iconButtonWrapper {
+  margin-top: 0;
+  margin-right: 64px;
+  position: relative;
+}
+
+.review {
+  background-color: white;
+  box-shadow: 0px 4px 16px box_shadow_light_dark;
+}
+
+/* 
+ parenthesis doesn't work with @values &&
+ not using them gives lparentexpected lint error
+*/
+@media tablet and (min-width: 641px) {
+  .titlesWrapper {
+    margin-left: 32px;
+    width: 100%;
+  }
+  
+  .fontDefault {
+    font-family: 'Gilroy';
+    font-weight: 700;
+    display: flex;
+  }
+  
+  .title {
+    font-size: 18px;
+    line-height: 24px;
+  }
+  
+  .skillName {
+    font-size: 14px;
+    line-height: 20px;
+    max-width: 28%;
+    display:inline-block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  
+  .iconButtonWrapper {
+    margin-right: 33px;
+  }
+
+}
+
+@media mobile {
+  .headerWrapper {
+    height: 126px;
+    align-items: start;
+  }
+
+  .stepsWrapper {
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0);
+    bottom: 20px;
+  }
+
+  .titlesWrapper {
+    margin-top: 16px;
+    margin-left: 20px;
+    margin-right: 10px;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .iconButtonWrapper {
+    margin-top: 20px;
+    margin-right: 20px;
+  }
+
+  .title {
+    font-size: 16px;
+    line-height: 22px;
+  }
+
+  .skillName {
+    font-size: 14px;
+    line-height: 20px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    width: inherit;
+    display: block;
+  }
+}

package/lib/organism/review-header/test/fixtures/all-questions-ok.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.defaultHeaderProps = void 0;
+
+var _allQuestionsOk = _interopRequireDefault(require("../../../../molecule/review-header-steps/test/fixtures/all-questions-ok"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const defaultHeaderProps = {
+  mode: 'Revision mode',
+  skillName: 'Agility',
+  onQuitClick: () => {},
+  'aria-label': 'aria-header-wrapper',
+  closeButtonAriaLabel: 'aria-close-button'
+};
+exports.defaultHeaderProps = defaultHeaderProps;
+var _default = {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: _allQuestionsOk.default.props.steps
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=all-questions-ok.js.map

package/lib/organism/review-header/test/fixtures/all-questions-ok.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-header/test/fixtures/all-questions-ok.js"],"names":["defaultHeaderProps","mode","skillName","onQuitClick","closeButtonAriaLabel","props","steps","stepsProps"],"mappings":";;;;;AAAA;;;;;;AAEO,MAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,eAD0B;AAEhCC,EAAAA,SAAS,EAAE,SAFqB;AAGhCC,EAAAA,WAAW,EAAE,MAAM,CAAE,CAHW;AAIhC,gBAAc,qBAJkB;AAKhCC,EAAAA,oBAAoB,EAAE;AALU,CAA3B;;eAQQ;AACbC,EAAAA,KAAK,wBACAL,kBADA;AAEHM,IAAAA,KAAK,EAAEC,wBAAWF,KAAX,CAAiBC;AAFrB;AADQ,C","sourcesContent":["import stepsProps from '../../../../molecule/review-header-steps/test/fixtures/all-questions-ok';\n\nexport const defaultHeaderProps = {\n  mode: 'Revision mode',\n  skillName: 'Agility',\n  onQuitClick: () => {},\n  'aria-label': 'aria-header-wrapper',\n  closeButtonAriaLabel: 'aria-close-button'\n};\n\nexport default {\n  props: {\n    ...defaultHeaderProps,\n    steps: stepsProps.props.steps\n  }\n};\n"],"file":"all-questions-ok.js"}

package/lib/organism/review-header/test/fixtures/current-question-no-answered.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _currentQuestionNoAswered = _interopRequireDefault(require("../../../../molecule/review-header-steps/test/fixtures/current-question-no-aswered"));
+
+var _allQuestionsOk = require("./all-questions-ok");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var _default = {
+  props: _extends(_extends({}, _allQuestionsOk.defaultHeaderProps), {}, {
+    steps: _currentQuestionNoAswered.default.props.steps,
+    mode: 'Another mode',
+    skillName: 'This client usually uses long skill titles'
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=current-question-no-answered.js.map

package/lib/organism/review-header/test/fixtures/current-question-no-answered.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-header/test/fixtures/current-question-no-answered.js"],"names":["props","defaultHeaderProps","steps","stepsProps","mode","skillName"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kCADA;AAEHC,IAAAA,KAAK,EAAEC,kCAAWH,KAAX,CAAiBE,KAFrB;AAGHE,IAAAA,IAAI,EAAE,cAHH;AAIHC,IAAAA,SAAS,EAAE;AAJR;AADQ,C","sourcesContent":["import stepsProps from '../../../../molecule/review-header-steps/test/fixtures/current-question-no-aswered';\nimport {defaultHeaderProps} from './all-questions-ok';\n\nexport default {\n  props: {\n    ...defaultHeaderProps,\n    steps: stepsProps.props.steps,\n    mode: 'Another mode',\n    skillName: 'This client usually uses long skill titles'\n  }\n};\n"],"file":"current-question-no-answered.js"}

package/lib/organism/review-header/test/fixtures/current-question-wrong.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _currentQuestionWrong = _interopRequireDefault(require("../../../../molecule/review-header-steps/test/fixtures/current-question-wrong"));
+
+var _allQuestionsOk = require("./all-questions-ok");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var _default = {
+  props: _extends(_extends({}, _allQuestionsOk.defaultHeaderProps), {}, {
+    steps: _currentQuestionWrong.default.props.steps
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=current-question-wrong.js.map

package/lib/organism/review-header/test/fixtures/current-question-wrong.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-header/test/fixtures/current-question-wrong.js"],"names":["props","defaultHeaderProps","steps","stepsProps"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kCADA;AAEHC,IAAAA,KAAK,EAAEC,8BAAWH,KAAX,CAAiBE;AAFrB;AADQ,C","sourcesContent":["import stepsProps from '../../../../molecule/review-header-steps/test/fixtures/current-question-wrong';\nimport {defaultHeaderProps} from './all-questions-ok';\n\nexport default {\n  props: {\n    ...defaultHeaderProps,\n    steps: stepsProps.props.steps\n  }\n};\n"],"file":"current-question-wrong.js"}

package/lib/organism/review-header/test/fixtures/first-question-current-right.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _firstQuestionCurrentRight = _interopRequireDefault(require("../../../../molecule/review-header-steps/test/fixtures/first-question-current-right"));
+
+var _allQuestionsOk = require("./all-questions-ok");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var _default = {
+  props: _extends(_extends({}, _allQuestionsOk.defaultHeaderProps), {}, {
+    steps: _firstQuestionCurrentRight.default.props.steps
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=first-question-current-right.js.map

package/lib/organism/review-header/test/fixtures/first-question-current-right.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-header/test/fixtures/first-question-current-right.js"],"names":["props","defaultHeaderProps","steps","stepsProps"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kCADA;AAEHC,IAAAA,KAAK,EAAEC,mCAAWH,KAAX,CAAiBE;AAFrB;AADQ,C","sourcesContent":["import stepsProps from '../../../../molecule/review-header-steps/test/fixtures/first-question-current-right';\nimport {defaultHeaderProps} from './all-questions-ok';\n\nexport default {\n  props: {\n    ...defaultHeaderProps,\n    steps: stepsProps.props.steps\n  }\n};\n"],"file":"first-question-current-right.js"}

package/lib/organism/review-header/test/fixtures/no-answered-question.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _noAnsweredQuestion = _interopRequireDefault(require("../../../../molecule/review-header-steps/test/fixtures/no-answered-question"));
+
+var _allQuestionsOk = require("./all-questions-ok");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var _default = {
+  props: _extends(_extends({}, _allQuestionsOk.defaultHeaderProps), {}, {
+    steps: _noAnsweredQuestion.default.props.steps
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=no-answered-question.js.map

package/lib/organism/review-header/test/fixtures/no-answered-question.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-header/test/fixtures/no-answered-question.js"],"names":["props","defaultHeaderProps","steps","stepsProps"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kCADA;AAEHC,IAAAA,KAAK,EAAEC,4BAAWH,KAAX,CAAiBE;AAFrB;AADQ,C","sourcesContent":["import stepsProps from '../../../../molecule/review-header-steps/test/fixtures/no-answered-question';\nimport {defaultHeaderProps} from './all-questions-ok';\n\nexport default {\n  props: {\n    ...defaultHeaderProps,\n    steps: stepsProps.props.steps\n  }\n};\n"],"file":"no-answered-question.js"}

package/lib/organism/review-header/test/fixtures/question-to-repeat.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _questionToRepeat = _interopRequireDefault(require("../../../../molecule/review-header-steps/test/fixtures/question-to-repeat"));
+
+var _allQuestionsOk = require("./all-questions-ok");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var _default = {
+  props: _extends(_extends({}, _allQuestionsOk.defaultHeaderProps), {}, {
+    steps: _questionToRepeat.default.props.steps
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=question-to-repeat.js.map

package/lib/organism/review-header/test/fixtures/question-to-repeat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-header/test/fixtures/question-to-repeat.js"],"names":["props","defaultHeaderProps","steps","stepsProps"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kCADA;AAEHC,IAAAA,KAAK,EAAEC,0BAAWH,KAAX,CAAiBE;AAFrB;AADQ,C","sourcesContent":["import stepsProps from '../../../../molecule/review-header-steps/test/fixtures/question-to-repeat';\nimport {defaultHeaderProps} from './all-questions-ok';\n\nexport default {\n  props: {\n    ...defaultHeaderProps,\n    steps: stepsProps.props.steps\n  }\n};\n"],"file":"question-to-repeat.js"}

package/lib/organism/review-header/test/fixtures.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _allQuestionsOk = _interopRequireDefault(require("./fixtures/all-questions-ok"));
+
+var _currentQuestionNoAnswered = _interopRequireDefault(require("./fixtures/current-question-no-answered"));
+
+var _currentQuestionWrong = _interopRequireDefault(require("./fixtures/current-question-wrong"));
+
+var _firstQuestionCurrentRight = _interopRequireDefault(require("./fixtures/first-question-current-right"));
+
+var _noAnsweredQuestion = _interopRequireDefault(require("./fixtures/no-answered-question"));
+
+var _questionToRepeat = _interopRequireDefault(require("./fixtures/question-to-repeat"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismReviewHeader > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismReviewHeader.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismReviewHeader › AllQuestionsOk › should be rendered', _renderComponent.default, _.default, _allQuestionsOk.default);
+(0, _ava.default)('Organism › OrganismReviewHeader › CurrentQuestionNoAnswered › should be rendered', _renderComponent.default, _.default, _currentQuestionNoAnswered.default);
+(0, _ava.default)('Organism › OrganismReviewHeader › CurrentQuestionWrong › should be rendered', _renderComponent.default, _.default, _currentQuestionWrong.default);
+(0, _ava.default)('Organism › OrganismReviewHeader › FirstQuestionCurrentRight › should be rendered', _renderComponent.default, _.default, _firstQuestionCurrentRight.default);
+(0, _ava.default)('Organism › OrganismReviewHeader › NoAnsweredQuestion › should be rendered', _renderComponent.default, _.default, _noAnsweredQuestion.default);
+(0, _ava.default)('Organism › OrganismReviewHeader › QuestionToRepeat › should be rendered', _renderComponent.default, _.default, _questionToRepeat.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/organism/review-header/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-header/test/fixtures.js"],"names":["t","pass","OrganismReviewHeader","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAllQuestionsOk","fixtureCurrentQuestionNoAnswered","fixtureCurrentQuestionWrong","fixtureFirstQuestionCurrentRight","fixtureNoAnsweredQuestion","fixtureQuestionToRepeat"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA0HO,uBAA1H;AACA,kBAAK,kFAAL,EAAyFD,wBAAzF,EAA+GN,SAA/G,EAAqIQ,kCAArI;AACA,kBAAK,6EAAL,EAAoFF,wBAApF,EAA0GN,SAA1G,EAAgIS,6BAAhI;AACA,kBAAK,kFAAL,EAAyFH,wBAAzF,EAA+GN,SAA/G,EAAqIU,kCAArI;AACA,kBAAK,2EAAL,EAAkFJ,wBAAlF,EAAwGN,SAAxG,EAA8HW,2BAA9H;AACA,kBAAK,yEAAL,EAAgFL,wBAAhF,EAAsGN,SAAtG,EAA4HY,yBAA5H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismReviewHeader from '..';\nimport fixtureAllQuestionsOk from './fixtures/all-questions-ok';\nimport fixtureCurrentQuestionNoAnswered from './fixtures/current-question-no-answered';\nimport fixtureCurrentQuestionWrong from './fixtures/current-question-wrong';\nimport fixtureFirstQuestionCurrentRight from './fixtures/first-question-current-right';\nimport fixtureNoAnsweredQuestion from './fixtures/no-answered-question';\nimport fixtureQuestionToRepeat from './fixtures/question-to-repeat';\n\ntest('Organism › OrganismReviewHeader > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismReviewHeader.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismReviewHeader.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismReviewHeader › AllQuestionsOk › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureAllQuestionsOk);\ntest('Organism › OrganismReviewHeader › CurrentQuestionNoAnswered › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureCurrentQuestionNoAnswered);\ntest('Organism › OrganismReviewHeader › CurrentQuestionWrong › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureCurrentQuestionWrong);\ntest('Organism › OrganismReviewHeader › FirstQuestionCurrentRight › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureFirstQuestionCurrentRight);\ntest('Organism › OrganismReviewHeader › NoAnsweredQuestion › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureNoAnsweredQuestion);\ntest('Organism › OrganismReviewHeader › QuestionToRepeat › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureQuestionToRepeat);\n"],"file":"fixtures.js"}

package/lib/organism/review-header/test/review-header.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _allQuestionsOk = _interopRequireDefault(require("./fixtures/all-questions-ok"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+(0, _browserEnv.default)();
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
+});
+(0, _ava.default)('onQuitClick (close button onClick) should be reachable, should match given aria-label', t => {
+  let closeButtonWasClicked = false;
+  _allQuestionsOk.default.props = _extends(_extends({}, _allQuestionsOk.default.props), {}, {
+    onQuitClick: () => {
+      closeButtonWasClicked = true;
+    }
+  });
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _allQuestionsOk.default.props));
+  const headerWrapper = wrapper.find('[data-name="review-header"]');
+  t.true(headerWrapper.at(0).exists());
+  t.is(headerWrapper.at(0).props()['aria-label'], 'aria-header-wrapper');
+  const modeTitle = headerWrapper.find('[data-name="review-header-mode"]');
+  t.true(modeTitle.at(0).exists());
+  t.is(modeTitle.at(0).props()['aria-label'], 'Revision mode');
+  const skillName = headerWrapper.find('[data-name="review-header-skill-name"]');
+  t.true(skillName.at(0).exists());
+  t.is(skillName.at(0).props()['aria-label'], 'Agility');
+  const closeButtonWrapper = headerWrapper.find('[data-name="review-header-close-button-wrapper"]');
+  t.true(closeButtonWrapper.at(0).exists());
+  const closeButton = headerWrapper.find('[data-name="review-header-close-button"]');
+  t.true(closeButton.at(0).exists());
+  t.is(closeButton.at(0).props()['aria-label'], 'aria-close-button');
+  closeButton.at(0).simulate('click', {});
+  t.true(closeButtonWasClicked);
+  t.pass();
+});
+//# sourceMappingURL=review-header.js.map

package/lib/organism/review-header/test/review-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-header/test/review-header.js"],"names":["adapter","Adapter","t","closeButtonWasClicked","defaultFixture","props","onQuitClick","wrapper","headerWrapper","find","true","at","exists","is","modeTitle","skillName","closeButtonWrapper","closeButton","simulate","pass"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,uFAAL,EAA8FC,CAAC,IAAI;AACjG,MAAIC,qBAAqB,GAAG,KAA5B;AACAC,0BAAeC,KAAf,yBACKD,wBAAeC,KADpB;AAEEC,IAAAA,WAAW,EAAE,MAAM;AACjBH,MAAAA,qBAAqB,GAAG,IAAxB;AACD;AAJH;AAMA,QAAMI,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAkBH,wBAAeC,KAAjC,CAAN,CAAhB;AACA,QAAMG,aAAa,GAAGD,OAAO,CAACE,IAAR,CAAa,6BAAb,CAAtB;AACAP,EAAAA,CAAC,CAACQ,IAAF,CAAOF,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBC,MAApB,EAAP;AACAV,EAAAA,CAAC,CAACW,EAAF,CAAKL,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBN,KAApB,GAA4B,YAA5B,CAAL,EAAgD,qBAAhD;AACA,QAAMS,SAAS,GAAGN,aAAa,CAACC,IAAd,CAAmB,kCAAnB,CAAlB;AACAP,EAAAA,CAAC,CAACQ,IAAF,CAAOI,SAAS,CAACH,EAAV,CAAa,CAAb,EAAgBC,MAAhB,EAAP;AACAV,EAAAA,CAAC,CAACW,EAAF,CAAKC,SAAS,CAACH,EAAV,CAAa,CAAb,EAAgBN,KAAhB,GAAwB,YAAxB,CAAL,EAA4C,eAA5C;AACA,QAAMU,SAAS,GAAGP,aAAa,CAACC,IAAd,CAAmB,wCAAnB,CAAlB;AACAP,EAAAA,CAAC,CAACQ,IAAF,CAAOK,SAAS,CAACJ,EAAV,CAAa,CAAb,EAAgBC,MAAhB,EAAP;AACAV,EAAAA,CAAC,CAACW,EAAF,CAAKE,SAAS,CAACJ,EAAV,CAAa,CAAb,EAAgBN,KAAhB,GAAwB,YAAxB,CAAL,EAA4C,SAA5C;AACA,QAAMW,kBAAkB,GAAGR,aAAa,CAACC,IAAd,CAAmB,kDAAnB,CAA3B;AACAP,EAAAA,CAAC,CAACQ,IAAF,CAAOM,kBAAkB,CAACL,EAAnB,CAAsB,CAAtB,EAAyBC,MAAzB,EAAP;AACA,QAAMK,WAAW,GAAGT,aAAa,CAACC,IAAd,CAAmB,0CAAnB,CAApB;AACAP,EAAAA,CAAC,CAACQ,IAAF,CAAOO,WAAW,CAACN,EAAZ,CAAe,CAAf,EAAkBC,MAAlB,EAAP;AACAV,EAAAA,CAAC,CAACW,EAAF,CAAKI,WAAW,CAACN,EAAZ,CAAe,CAAf,EAAkBN,KAAlB,GAA0B,YAA1B,CAAL,EAA8C,mBAA9C;AACAY,EAAAA,WAAW,CAACN,EAAZ,CAAe,CAAf,EAAkBO,QAAlB,CAA2B,OAA3B,EAAoC,EAApC;AACAhB,EAAAA,CAAC,CAACQ,IAAF,CAAOP,qBAAP;AACAD,EAAAA,CAAC,CAACiB,IAAF;AACD,CA1BD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ReviewHeader from '..';\nimport defaultFixture from './fixtures/all-questions-ok';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('onQuitClick (close button onClick) should be reachable, should match given aria-label', t => {\n  let closeButtonWasClicked = false;\n  defaultFixture.props = {\n    ...defaultFixture.props,\n    onQuitClick: () => {\n      closeButtonWasClicked = true;\n    }\n  };\n  const wrapper = mount(<ReviewHeader {...defaultFixture.props} />);\n  const headerWrapper = wrapper.find('[data-name=\"review-header\"]');\n  t.true(headerWrapper.at(0).exists());\n  t.is(headerWrapper.at(0).props()['aria-label'], 'aria-header-wrapper');\n  const modeTitle = headerWrapper.find('[data-name=\"review-header-mode\"]');\n  t.true(modeTitle.at(0).exists());\n  t.is(modeTitle.at(0).props()['aria-label'], 'Revision mode');\n  const skillName = headerWrapper.find('[data-name=\"review-header-skill-name\"]');\n  t.true(skillName.at(0).exists());\n  t.is(skillName.at(0).props()['aria-label'], 'Agility');\n  const closeButtonWrapper = headerWrapper.find('[data-name=\"review-header-close-button-wrapper\"]');\n  t.true(closeButtonWrapper.at(0).exists());\n  const closeButton = headerWrapper.find('[data-name=\"review-header-close-button\"]');\n  t.true(closeButton.at(0).exists());\n  t.is(closeButton.at(0).props()['aria-label'], 'aria-close-button');\n  closeButton.at(0).simulate('click', {});\n  t.true(closeButtonWasClicked);\n  t.pass();\n});\n"],"file":"review-header.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.13.3",
+  "version": "10.13.6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -119,5 +119,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "cd486f415b9f474cf22e788125dc9b5dc44da169"
+  "gitHead": "2289aef107859308857d126a79f97796162811c8"
 }