@coorpacademy/components 10.13.5 → 10.13.6

package/es/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/es/organism/review-header/test/fixtures/all-questions-ok.js

@@ -0,0 +1,16 @@
+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 stepsProps from '../../../../molecule/review-header-steps/test/fixtures/all-questions-ok';
+export const defaultHeaderProps = {
+  mode: 'Revision mode',
+  skillName: 'Agility',
+  onQuitClick: () => {},
+  'aria-label': 'aria-header-wrapper',
+  closeButtonAriaLabel: 'aria-close-button'
+};
+export default {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: stepsProps.props.steps
+  })
+};
+//# sourceMappingURL=all-questions-ok.js.map

package/es/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":["stepsProps","defaultHeaderProps","mode","skillName","onQuitClick","closeButtonAriaLabel","props","steps"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,yEAAvB;AAEA,OAAO,MAAMC,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;AAQP,eAAe;AACbC,EAAAA,KAAK,wBACAL,kBADA;AAEHM,IAAAA,KAAK,EAAEP,UAAU,CAACM,KAAX,CAAiBC;AAFrB;AADQ,CAAf","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/es/organism/review-header/test/fixtures/current-question-no-answered.js

@@ -0,0 +1,12 @@
+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 stepsProps from '../../../../molecule/review-header-steps/test/fixtures/current-question-no-aswered';
+import { defaultHeaderProps } from './all-questions-ok';
+export default {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: stepsProps.props.steps,
+    mode: 'Another mode',
+    skillName: 'This client usually uses long skill titles'
+  })
+};
+//# sourceMappingURL=current-question-no-answered.js.map

package/es/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":["stepsProps","defaultHeaderProps","props","steps","mode","skillName"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,oFAAvB;AACA,SAAQC,kBAAR,QAAiC,oBAAjC;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,kBADA;AAEHE,IAAAA,KAAK,EAAEH,UAAU,CAACE,KAAX,CAAiBC,KAFrB;AAGHC,IAAAA,IAAI,EAAE,cAHH;AAIHC,IAAAA,SAAS,EAAE;AAJR;AADQ,CAAf","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/es/organism/review-header/test/fixtures/current-question-wrong.js

@@ -0,0 +1,10 @@
+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 stepsProps from '../../../../molecule/review-header-steps/test/fixtures/current-question-wrong';
+import { defaultHeaderProps } from './all-questions-ok';
+export default {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: stepsProps.props.steps
+  })
+};
+//# sourceMappingURL=current-question-wrong.js.map

package/es/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":["stepsProps","defaultHeaderProps","props","steps"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,+EAAvB;AACA,SAAQC,kBAAR,QAAiC,oBAAjC;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,kBADA;AAEHE,IAAAA,KAAK,EAAEH,UAAU,CAACE,KAAX,CAAiBC;AAFrB;AADQ,CAAf","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/es/organism/review-header/test/fixtures/first-question-current-right.js

@@ -0,0 +1,10 @@
+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 stepsProps from '../../../../molecule/review-header-steps/test/fixtures/first-question-current-right';
+import { defaultHeaderProps } from './all-questions-ok';
+export default {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: stepsProps.props.steps
+  })
+};
+//# sourceMappingURL=first-question-current-right.js.map

package/es/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":["stepsProps","defaultHeaderProps","props","steps"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,qFAAvB;AACA,SAAQC,kBAAR,QAAiC,oBAAjC;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,kBADA;AAEHE,IAAAA,KAAK,EAAEH,UAAU,CAACE,KAAX,CAAiBC;AAFrB;AADQ,CAAf","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/es/organism/review-header/test/fixtures/no-answered-question.js

@@ -0,0 +1,10 @@
+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 stepsProps from '../../../../molecule/review-header-steps/test/fixtures/no-answered-question';
+import { defaultHeaderProps } from './all-questions-ok';
+export default {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: stepsProps.props.steps
+  })
+};
+//# sourceMappingURL=no-answered-question.js.map

package/es/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":["stepsProps","defaultHeaderProps","props","steps"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,6EAAvB;AACA,SAAQC,kBAAR,QAAiC,oBAAjC;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,kBADA;AAEHE,IAAAA,KAAK,EAAEH,UAAU,CAACE,KAAX,CAAiBC;AAFrB;AADQ,CAAf","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/es/organism/review-header/test/fixtures/question-to-repeat.js

@@ -0,0 +1,10 @@
+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 stepsProps from '../../../../molecule/review-header-steps/test/fixtures/question-to-repeat';
+import { defaultHeaderProps } from './all-questions-ok';
+export default {
+  props: _extends(_extends({}, defaultHeaderProps), {}, {
+    steps: stepsProps.props.steps
+  })
+};
+//# sourceMappingURL=question-to-repeat.js.map

package/es/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":["stepsProps","defaultHeaderProps","props","steps"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,2EAAvB;AACA,SAAQC,kBAAR,QAAiC,oBAAjC;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,kBADA;AAEHE,IAAAA,KAAK,EAAEH,UAAU,CAACE,KAAX,CAAiBC;AAFrB;AADQ,CAAf","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/es/organism/review-header/test/fixtures.js

@@ -0,0 +1,23 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismReviewHeader from '..';
+import fixtureAllQuestionsOk from './fixtures/all-questions-ok';
+import fixtureCurrentQuestionNoAnswered from './fixtures/current-question-no-answered';
+import fixtureCurrentQuestionWrong from './fixtures/current-question-wrong';
+import fixtureFirstQuestionCurrentRight from './fixtures/first-question-current-right';
+import fixtureNoAnsweredQuestion from './fixtures/no-answered-question';
+import fixtureQuestionToRepeat from './fixtures/question-to-repeat';
+test('Organism › OrganismReviewHeader > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismReviewHeader.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismReviewHeader.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismReviewHeader › AllQuestionsOk › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureAllQuestionsOk);
+test('Organism › OrganismReviewHeader › CurrentQuestionNoAnswered › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureCurrentQuestionNoAnswered);
+test('Organism › OrganismReviewHeader › CurrentQuestionWrong › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureCurrentQuestionWrong);
+test('Organism › OrganismReviewHeader › FirstQuestionCurrentRight › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureFirstQuestionCurrentRight);
+test('Organism › OrganismReviewHeader › NoAnsweredQuestion › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureNoAnsweredQuestion);
+test('Organism › OrganismReviewHeader › QuestionToRepeat › should be rendered', renderComponentMacro, OrganismReviewHeader, fixtureQuestionToRepeat);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-header/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismReviewHeader","fixtureAllQuestionsOk","fixtureCurrentQuestionNoAnswered","fixtureCurrentQuestionWrong","fixtureFirstQuestionCurrentRight","fixtureNoAnsweredQuestion","fixtureQuestionToRepeat","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,oBAAP,MAAiC,IAAjC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gCAAP,MAA6C,yCAA7C;AACA,OAAOC,2BAAP,MAAwC,mCAAxC;AACA,OAAOC,gCAAP,MAA6C,yCAA7C;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAT,IAAI,CAAC,+DAAD,EAAkEU,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,oBAAoB,CAACS,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,oBAAhG,EAAsHC,qBAAtH,CAAJ;AACAJ,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,oBAA3G,EAAiIE,gCAAjI,CAAJ;AACAL,IAAI,CAAC,6EAAD,EAAgFE,oBAAhF,EAAsGC,oBAAtG,EAA4HG,2BAA5H,CAAJ;AACAN,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,oBAA3G,EAAiII,gCAAjI,CAAJ;AACAP,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,oBAApG,EAA0HK,yBAA1H,CAAJ;AACAR,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,oBAAlG,EAAwHM,uBAAxH,CAAJ","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/es/organism/review-header/test/review-header.js

@@ -0,0 +1,40 @@
+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 { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import ReviewHeader from '..';
+import defaultFixture from './fixtures/all-questions-ok';
+browserEnv();
+configure({
+  adapter: new Adapter()
+});
+test('onQuitClick (close button onClick) should be reachable, should match given aria-label', t => {
+  let closeButtonWasClicked = false;
+  defaultFixture.props = _extends(_extends({}, defaultFixture.props), {}, {
+    onQuitClick: () => {
+      closeButtonWasClicked = true;
+    }
+  });
+  const wrapper = mount( /*#__PURE__*/React.createElement(ReviewHeader, defaultFixture.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/es/organism/review-header/test/review-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-header/test/review-header.js"],"names":["browserEnv","test","React","mount","configure","Adapter","ReviewHeader","defaultFixture","adapter","t","closeButtonWasClicked","props","onQuitClick","wrapper","headerWrapper","find","true","at","exists","is","modeTitle","skillName","closeButtonWrapper","closeButton","simulate","pass"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,YAAP,MAAyB,IAAzB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAJ,IAAI,CAAC,uFAAD,EAA0FQ,CAAC,IAAI;AACjG,MAAIC,qBAAqB,GAAG,KAA5B;AACAH,EAAAA,cAAc,CAACI,KAAf,yBACKJ,cAAc,CAACI,KADpB;AAEEC,IAAAA,WAAW,EAAE,MAAM;AACjBF,MAAAA,qBAAqB,GAAG,IAAxB;AACD;AAJH;AAMA,QAAMG,OAAO,GAAGV,KAAK,eAAC,oBAAC,YAAD,EAAkBI,cAAc,CAACI,KAAjC,CAAD,CAArB;AACA,QAAMG,aAAa,GAAGD,OAAO,CAACE,IAAR,CAAa,6BAAb,CAAtB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBC,MAApB,EAAP;AACAT,EAAAA,CAAC,CAACU,EAAF,CAAKL,aAAa,CAACG,EAAd,CAAiB,CAAjB,EAAoBN,KAApB,GAA4B,YAA5B,CAAL,EAAgD,qBAAhD;AACA,QAAMS,SAAS,GAAGN,aAAa,CAACC,IAAd,CAAmB,kCAAnB,CAAlB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOI,SAAS,CAACH,EAAV,CAAa,CAAb,EAAgBC,MAAhB,EAAP;AACAT,EAAAA,CAAC,CAACU,EAAF,CAAKC,SAAS,CAACH,EAAV,CAAa,CAAb,EAAgBN,KAAhB,GAAwB,YAAxB,CAAL,EAA4C,eAA5C;AACA,QAAMU,SAAS,GAAGP,aAAa,CAACC,IAAd,CAAmB,wCAAnB,CAAlB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOK,SAAS,CAACJ,EAAV,CAAa,CAAb,EAAgBC,MAAhB,EAAP;AACAT,EAAAA,CAAC,CAACU,EAAF,CAAKE,SAAS,CAACJ,EAAV,CAAa,CAAb,EAAgBN,KAAhB,GAAwB,YAAxB,CAAL,EAA4C,SAA5C;AACA,QAAMW,kBAAkB,GAAGR,aAAa,CAACC,IAAd,CAAmB,kDAAnB,CAA3B;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOM,kBAAkB,CAACL,EAAnB,CAAsB,CAAtB,EAAyBC,MAAzB,EAAP;AACA,QAAMK,WAAW,GAAGT,aAAa,CAACC,IAAd,CAAmB,0CAAnB,CAApB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOO,WAAW,CAACN,EAAZ,CAAe,CAAf,EAAkBC,MAAlB,EAAP;AACAT,EAAAA,CAAC,CAACU,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;AACAf,EAAAA,CAAC,CAACO,IAAF,CAAON,qBAAP;AACAD,EAAAA,CAAC,CAACgB,IAAF;AACD,CA1BG,CAAJ","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/lib/atom/button-link-icon-only/index.js

@@ -43,6 +43,19 @@ const getButtonContent = icon => {
   }));
 };
 
+const getSizeStyle = size => {
+  switch (size) {
+    case 'small':
+      return _style.default.small;
+
+    case 'responsive':
+      return _style.default.responsive;
+
+    default:
+      return _style.default.default;
+  }
+};
+
 const ButtonLinkIconOnly = props => {
   const {
     size = 'default',
@@ -51,10 +64,11 @@ const ButtonLinkIconOnly = props => {
     'data-name': dataName,
     'aria-label': ariaLabel,
     link,
-    onClick
+    onClick,
+    className
   } = props;
   const contentView = getButtonContent(icon);
-  const styleButton = (0, _classnames.default)(size === 'default' ? _style.default.default : _style.default.small, link && _style.default.link, disabled && _style.default.disabled);
+  const styleButton = (0, _classnames.default)(getSizeStyle(size), link && _style.default.link, disabled && _style.default.disabled, className);
   const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
 
   if (link) {
@@ -77,7 +91,7 @@ const ButtonLinkIconOnly = props => {
 };
 
 ButtonLinkIconOnly.propTypes = process.env.NODE_ENV !== "production" ? {
-  size: _propTypes.default.oneOf(['default', 'small']),
+  size: _propTypes.default.oneOf(['default', 'small', 'responsive']),
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string,
   icon: _propTypes.default.oneOf((0, _keys2.default)(_buttonIcons.ICONS)),
@@ -87,7 +101,8 @@ ButtonLinkIconOnly.propTypes = process.env.NODE_ENV !== "production" ? {
     download: _propTypes.default.bool,
     target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top'])
   }),
-  disabled: _propTypes.default.bool
+  disabled: _propTypes.default.bool,
+  className: _propTypes.default.string
 } : {};
 var _default = ButtonLinkIconOnly;
 exports.default = _default;

package/lib/atom/button-link-icon-only/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/button-link-icon-only/index.js"],"names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","ButtonLinkIconOnly","props","size","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","default","small","handleOnClick","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;AAC/B,QAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;AAEA,MAAI,CAACD,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEE,eAAMC;AAAtB,MAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAED,eAAMC;AAAtB,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAED,eAAMH;AAAvB,IADF,CADF;AAKD,CAZD;;AAcA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AACJC,IAAAA,IAAI,GAAG,SADH;AAEJC,IAAAA,QAFI;AAGJR,IAAAA,IAHI;AAIJ,iBAAaS,QAJT;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,IANI;AAOJC,IAAAA;AAPI,MAQFN,KARJ;AASA,QAAMO,WAAW,GAAGd,gBAAgB,CAACC,IAAD,CAApC;AACA,QAAMc,WAAW,GAAG,yBAClBP,IAAI,KAAK,SAAT,GAAqBJ,eAAMY,OAA3B,GAAqCZ,eAAMa,KADzB,EAElBL,IAAI,IAAIR,eAAMQ,IAFI,EAGlBH,QAAQ,IAAIL,eAAMK,QAHA,CAApB;AAMA,QAAMS,aAAa,GAAG,oBAAQ,MAAM,MAAML,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;;AAEA,MAAID,IAAJ,EAAU;AACR,wBACE,6BAAC,aAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEG,WAFb;AAGE,mBAAWL,QAHb;AAIE,oBAAYC,SAJd;AAKE,MAAA,KAAK,EAAEA;AALT,QAOGG,WAPH,CADF;AAWD;;AAED,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYH,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,SAAS,EAAEI,WALb;AAME,IAAA,OAAO,EAAEG;AANX,KAQGJ,WARH,CADF;AAYD,CA7CD;;AA+CAR,kBAAkB,CAACa,SAAnB,2CAA+B;AAC7BX,EAAAA,IAAI,EAAEY,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CADuB;AAE7B,gBAAcD,mBAAUE,MAFK;AAG7B,eAAaF,mBAAUE,MAHM;AAI7BrB,EAAAA,IAAI,EAAEmB,mBAAUC,KAAV,CAAgB,oBAAKlB,kBAAL,CAAhB,CAJuB;AAK7BU,EAAAA,OAAO,EAAEO,mBAAUG,IALU;AAM7BX,EAAAA,IAAI,EAAEQ,mBAAUI,KAAV,CAAgB;AACpBC,IAAAA,IAAI,EAAEL,mBAAUE,MADI;AAEpBI,IAAAA,QAAQ,EAAEN,mBAAUO,IAFA;AAGpBC,IAAAA,MAAM,EAAER,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CANuB;AAW7BZ,EAAAA,QAAQ,EAAEW,mBAAUO;AAXS,CAA/B;eAcerB,kB","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    size === 'default' ? style.default : style.small,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLinkIconOnly;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/button-link-icon-only/index.js"],"names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","getSizeStyle","size","small","responsive","default","ButtonLinkIconOnly","props","disabled","dataName","ariaLabel","link","onClick","className","contentView","styleButton","handleOnClick","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;AAC/B,QAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;AAEA,MAAI,CAACD,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEE,eAAMC;AAAtB,MAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAED,eAAMC;AAAtB,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAED,eAAMH;AAAvB,IADF,CADF;AAKD,CAZD;;AAcA,MAAMK,YAAY,GAAGC,IAAI,IAAI;AAC3B,UAAQA,IAAR;AACE,SAAK,OAAL;AACE,aAAOH,eAAMI,KAAb;;AACF,SAAK,YAAL;AACE,aAAOJ,eAAMK,UAAb;;AACF;AACE,aAAOL,eAAMM,OAAb;AANJ;AAQD,CATD;;AAWA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AACJL,IAAAA,IAAI,GAAG,SADH;AAEJM,IAAAA,QAFI;AAGJZ,IAAAA,IAHI;AAIJ,iBAAaa,QAJT;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,IANI;AAOJC,IAAAA,OAPI;AAQJC,IAAAA;AARI,MASFN,KATJ;AAUA,QAAMO,WAAW,GAAGnB,gBAAgB,CAACC,IAAD,CAApC;AACA,QAAMmB,WAAW,GAAG,yBAClBd,YAAY,CAACC,IAAD,CADM,EAElBS,IAAI,IAAIZ,eAAMY,IAFI,EAGlBH,QAAQ,IAAIT,eAAMS,QAHA,EAIlBK,SAJkB,CAApB;AAOA,QAAMG,aAAa,GAAG,oBAAQ,MAAM,MAAMJ,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;;AAEA,MAAID,IAAJ,EAAU;AACR,wBACE,6BAAC,aAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEI,WAFb;AAGE,mBAAWN,QAHb;AAIE,oBAAYC,SAJd;AAKE,MAAA,KAAK,EAAEA;AALT,QAOGI,WAPH,CADF;AAWD;;AAED,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYJ,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEC;AANX,KAQGF,WARH,CADF;AAYD,CA/CD;;AAiDAR,kBAAkB,CAACW,SAAnB,2CAA+B;AAC7Bf,EAAAA,IAAI,EAAEgB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,YAArB,CAAhB,CADuB;AAE7B,gBAAcD,mBAAUE,MAFK;AAG7B,eAAaF,mBAAUE,MAHM;AAI7BxB,EAAAA,IAAI,EAAEsB,mBAAUC,KAAV,CAAgB,oBAAKrB,kBAAL,CAAhB,CAJuB;AAK7Bc,EAAAA,OAAO,EAAEM,mBAAUG,IALU;AAM7BV,EAAAA,IAAI,EAAEO,mBAAUI,KAAV,CAAgB;AACpBC,IAAAA,IAAI,EAAEL,mBAAUE,MADI;AAEpBI,IAAAA,QAAQ,EAAEN,mBAAUO,IAFA;AAGpBC,IAAAA,MAAM,EAAER,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CANuB;AAW7BX,EAAAA,QAAQ,EAAEU,mBAAUO,IAXS;AAY7BZ,EAAAA,SAAS,EAAEK,mBAAUE;AAZQ,CAA/B;eAeed,kB","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.default;\n  }\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport default ButtonLinkIconOnly;\n"],"file":"index.js"}

package/lib/atom/button-link-icon-only/style.css

@@ -1,6 +1,9 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
 @value colors: "../../variables/colors.css";
 @value cm_grey_100 from colors;
 @value cm_grey_200 from colors;
+@value white from colors;
 
 .button {
   font-family: Gilroy;
@@ -46,6 +49,18 @@
   border-radius: 7px;
 }
 
+.responsive {
+  composes: button;
+  width: 44px;
+  height: 44px;
+  border-radius: 7px;
+}
+
+.responsive .icon {
+  width: 14px;
+  height: 14px;
+}
+
 .small {
   composes: button;
   width: 32px;
@@ -53,6 +68,20 @@
   border-radius: 5px;
 }
 
+@media tablet {
+  .responsive {
+    composes: button;
+    width: 32px;
+    height: 32px;
+    border-radius: 5px;
+  }
+
+  .responsive .icon {
+    width: 12px;
+    height: 12px;
+  }
+}
+
 .default .icon {
   width: 14px;
   height: 14px;

package/lib/atom/button-link-icon-only/test/button-link-icon-only.js

@@ -18,6 +18,8 @@ var _buttonIconBullet = _interopRequireDefault(require("./fixtures/button-icon-b
 
 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()
@@ -34,4 +36,16 @@ const translate = _identity2.default;
   button.first().simulate('click', {});
   t.pass();
 });
+(0, _ava.default)('should mount ButtonLinkIconOnly even if the className does not exist', t => {
+  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _buttonIconBullet.default.props, {
+    className: 'noClass'
+  })), {
+    context: {
+      translate
+    }
+  });
+  const button = wrapper.find('[data-name="bullet-button"]');
+  t.true(button.exists());
+  t.pass();
+});
 //# sourceMappingURL=button-link-icon-only.js.map

package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAwBC,0BAAeC,KAAvC,CAAR,EAA0D;AACxEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AAD+D,GAA1D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAwBC,0BAAeC,KAAvC,CAAR,EAA0D;AACxEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AAD+D,GAA1D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD;AAUA,kBAAK,sEAAL,EAA6EX,CAAC,IAAI;AAChF,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,eAAwBC,0BAAeC,KAAvC;AAA8C,IAAA,SAAS,EAAE;AAAzD,KAAR,EAAgF;AAC9FC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADqF,GAAhF,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAR,EAAAA,CAAC,CAACW,IAAF;AACD,CAPD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n\ntest('should mount ButtonLinkIconOnly even if the className does not exist', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} className={'noClass'} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}

package/lib/atom/button-link-icon-only/test/fixtures/review-header.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    size: 'responsive',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    icon: 'close',
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=review-header.js.map

package/lib/atom/button-link-icon-only/test/fixtures/review-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/review-header.js"],"names":["props","size","icon","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,YADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE,OAJD;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    size: 'responsive',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: 'close',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"review-header.js"}

package/lib/atom/button-link-icon-only/test/fixtures.js

@@ -14,6 +14,8 @@ var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _noIcon = _interopRequireDefault(require("./fixtures/no-icon"));
 
+var _reviewHeader = _interopRequireDefault(require("./fixtures/review-header"));
+
 var _smallButtonDisabled = _interopRequireDefault(require("./fixtures/small-button-disabled"));
 
 var _smallLinkDownload = _interopRequireDefault(require("./fixtures/small-link-download"));
@@ -29,6 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', _renderComponent.default, _.default, _buttonIconBullet.default);
 (0, _ava.default)('Atom › AtomButtonLinkIconOnly › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', _renderComponent.default, _.default, _noIcon.default);
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', _renderComponent.default, _.default, _reviewHeader.default);
 (0, _ava.default)('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', _renderComponent.default, _.default, _smallButtonDisabled.default);
 (0, _ava.default)('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', _renderComponent.default, _.default, _smallLinkDownload.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/atom/button-link-icon-only/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["t","pass","AtomButtonLinkIconOnly","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureSmallButtonDisabled","fixtureSmallLinkDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA4HO,yBAA5H;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAAmHQ,gBAAnH;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAAkHS,eAAlH;AACA,kBAAK,0EAAL,EAAiFH,wBAAjF,EAAuGN,SAAvG,EAA+HU,4BAA/H;AACA,kBAAK,wEAAL,EAA+EJ,wBAA/E,EAAqGN,SAArG,EAA6HW,0BAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["t","pass","AtomButtonLinkIconOnly","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureReviewHeader","fixtureSmallButtonDisabled","fixtureSmallLinkDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA4HO,yBAA5H;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAAmHQ,gBAAnH;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAAkHS,eAAlH;AACA,kBAAK,mEAAL,EAA0EH,wBAA1E,EAAgGN,SAAhG,EAAwHU,qBAAxH;AACA,kBAAK,0EAAL,EAAiFJ,wBAAjF,EAAuGN,SAAvG,EAA+HW,4BAA/H;AACA,kBAAK,wEAAL,EAA+EL,wBAA/E,EAAqGN,SAArG,EAA6HY,0BAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureReviewHeader from './fixtures/review-header';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureReviewHeader);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}

package/lib/atom/review-header-step-item/index.js

@@ -32,7 +32,7 @@ const Content = ({
       className: _style.default.value,
       "aria-label": `step ${value}`
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-      className: current ? _style.default.currentRightIcon : _style.default.rightIcon
+      className: (0, _classnames.default)(_style.default.rightIcon, current && _style.default.currentRightIcon)
     }));
   }
 
@@ -41,7 +41,7 @@ const Content = ({
       className: _style.default.value,
       "aria-label": `step ${value}`
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
-      className: current ? _style.default.currentWrongIcon : _style.default.wrongIcon
+      className: (0, _classnames.default)(_style.default.wrongIcon, current && _style.default.currentWrongIcon)
     }));
   }
 };
@@ -52,7 +52,7 @@ const ReviewHeaderStepItem = props => {
     current
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(icon === 'right' ? _style.default.right : null, icon === 'wrong' ? _style.default.wrong : null, current ? _style.default.current : _style.default.default),
+    className: (0, _classnames.default)(_style.default.default, icon === 'right' && _style.default.right, icon === 'wrong' && _style.default.wrong, current && _style.default.current),
     "data-name": "header-step-item"
   }, /*#__PURE__*/_react.default.createElement(Content, props));
 };

package/lib/atom/review-header-step-item/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["Content","icon","current","value","style","currentRightIcon","rightIcon","currentWrongIcon","wrongIcon","ReviewHeaderStepItem","props","right","wrong","default","propTypes","PropTypes","string","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAI,CAACF,IAAL,EAAW;AACT,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,2CAAD;AAAW,MAAA,SAAS,EAAED,OAAO,GAAGE,eAAMC,gBAAT,GAA4BD,eAAME;AAA/D,MADF,CADF;AAKD;;AAED,MAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,+BAAD;AAAW,MAAA,SAAS,EAAED,OAAO,GAAGE,eAAMG,gBAAT,GAA4BH,eAAMI;AAA/D,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTT,IAAI,KAAK,OAAT,GAAmBG,eAAMO,KAAzB,GAAiC,IADxB,EAETV,IAAI,KAAK,OAAT,GAAmBG,eAAMQ,KAAzB,GAAiC,IAFxB,EAGTV,OAAO,GAAGE,eAAMF,OAAT,GAAmBE,eAAMS,OAHvB,CADb;AAME,iBAAU;AANZ,kBAQE,6BAAC,OAAD,EAAaH,KAAb,CARF,CADF;AAYD,CAdD;;AAgBAD,oBAAoB,CAACK,SAArB,2CAAiC;AAC/Bb,EAAAA,IAAI,EAAEc,mBAAUC,MADe;AAE/Bd,EAAAA,OAAO,EAAEa,mBAAUE,IAFY;AAG/Bd,EAAAA,KAAK,EAAEY,mBAAUC;AAHc,CAAjC;eAMeP,oB","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Content = ({icon, current, value}) => {\n  if (!icon) {\n    return (\n      <span className={style.value} aria-label={`step ${value}`}>\n        {value}\n      </span>\n    );\n  }\n\n  if (icon === 'right') {\n    return (\n      <span className={style.value} aria-label={`step ${value}`}>\n        <RightIcon className={current ? style.currentRightIcon : style.rightIcon} />\n      </span>\n    );\n  }\n\n  if (icon === 'wrong') {\n    return (\n      <span className={style.value} aria-label={`step ${value}`}>\n        <WrongIcon className={current ? style.currentWrongIcon : style.wrongIcon} />\n      </span>\n    );\n  }\n};\n\nconst ReviewHeaderStepItem = props => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        icon === 'right' ? style.right : null,\n        icon === 'wrong' ? style.wrong : null,\n        current ? style.current : style.default\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = {\n  icon: PropTypes.string,\n  current: PropTypes.bool,\n  value: PropTypes.string\n};\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["Content","icon","current","value","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","props","default","right","wrong","propTypes","PropTypes","string","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAI,CAACF,IAAL,EAAW;AACT,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,2CAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMC,SAAjB,EAA4BH,OAAO,IAAIE,eAAME,gBAA7C;AAAtB,MADF,CADF;AAKD;;AAED,MAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,+BAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMG,SAAjB,EAA4BL,OAAO,IAAIE,eAAMI,gBAA7C;AAAtB,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTN,eAAMO,OADG,EAETV,IAAI,KAAK,OAAT,IAAoBG,eAAMQ,KAFjB,EAGTX,IAAI,KAAK,OAAT,IAAoBG,eAAMS,KAHjB,EAITX,OAAO,IAAIE,eAAMF,OAJR,CADb;AAOE,iBAAU;AAPZ,kBASE,6BAAC,OAAD,EAAaQ,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,oBAAoB,CAACK,SAArB,2CAAiC;AAC/Bb,EAAAA,IAAI,EAAEc,mBAAUC,MADe;AAE/Bd,EAAAA,OAAO,EAAEa,mBAAUE,IAFY;AAG/Bd,EAAAA,KAAK,EAAEY,mBAAUC;AAHc,CAAjC;eAMeP,oB","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Content = ({icon, current, value}) => {\n  if (!icon) {\n    return (\n      <span className={style.value} aria-label={`step ${value}`}>\n        {value}\n      </span>\n    );\n  }\n\n  if (icon === 'right') {\n    return (\n      <span className={style.value} aria-label={`step ${value}`}>\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      </span>\n    );\n  }\n\n  if (icon === 'wrong') {\n    return (\n      <span className={style.value} aria-label={`step ${value}`}>\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      </span>\n    );\n  }\n};\n\nconst ReviewHeaderStepItem = props => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = {\n  icon: PropTypes.string,\n  current: PropTypes.bool,\n  value: PropTypes.string\n};\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}