@coorpacademy/components 10.13.5 → 10.13.8

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/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/lib/organism/search-and-chips-results/index.js

@@ -83,8 +83,9 @@ const SearchAndChipsResults = props => {
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.resultContainer
   }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.loader
+    className: _style.default.loaderContainer
   }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    className: _style.default.loader,
     theme: "coorpmanager"
   })) : resultView));
 };

package/lib/organism/search-and-chips-results/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loader","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loaderContainer","loader","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,EAA2CC,SAA3C,KAAyD;AAC/E,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMF,MAArB;AAA6B,MAAA,GAAG,EAAG,UAASC,KAAM,EAAlD;AAAqD,mBAAY,UAASA,KAAM;AAAhF,oBACE,6BAAC,cAAD,EAAWD,MAAX,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAAmCG,KAAnC,CAAP;AACD,CAdD;;AAgBA,MAAMK,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,eAFI;AAGJZ,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,0BAAsBF;AANlB,MAOFS,KAPJ;AASA,QAAM;AAACG,IAAAA,OAAD;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,QAAQ,GAAG,KAA5B;AAAmC,kBAAcC;AAAjD,MAA8DJ,eAApE;AACA,QAAMK,UAAU,GAAGlB,eAAe,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,EAA2CC,SAA3C,CAAlC;AACA,QAAMe,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,WADY;AAElBL,IAAAA,KAFkB;AAGlB,kBAAcE,SAHI;AAIlB,iBAAc,mBAJI;AAKlBI,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KALY;AASlBN,IAAAA,OATkB;AAUlBE,IAAAA;AAVkB,GAApB;AAaA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMc;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,eAAMgB;AAAtB,kBACE,6BAAC,mBAAD,EAAgBN,WAAhB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEV,eAAMG;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEH,eAAMiB;AAAtB,KACGtB,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEK,eAAMkB;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,SAAS,EAAElB,eAAMmB,MAAzB;AAAiC,IAAA,KAAK,EAAC;AAAvC,IADF,CADQ,GAKRV,UANJ,CATF,CADF;AAqBD,CA9CD;;AAgDAR,qBAAqB,CAACmB,SAAtB,2CAAkC;AAChChB,EAAAA,eAAe,EAAEiB,mBAAUC,KAAV,CAAgB;AAC/BhB,IAAAA,KAAK,EAAEe,mBAAUE,MADc;AAE/BlB,IAAAA,OAAO,EAAEgB,mBAAUG,IAFY;AAG/BjB,IAAAA,QAAQ,EAAEc,mBAAUI,IAHW;AAI/B,kBAAcJ,mBAAUE;AAJO,GAAhB,CADe;AAOhC5B,EAAAA,SAAS,EAAE0B,mBAAUI,IAPW;AAQhCtB,EAAAA,MAAM,EAAEkB,mBAAUC,KAAV,CAAgBI,qBAAOL,SAAvB,CARwB;AAShC7B,EAAAA,OAAO,EAAE6B,mBAAUM,OAAV,CAAkBN,mBAAUC,KAAV,CAAgBM,eAAMR,SAAtB,CAAlB,CATuB;AAUhC,wBAAsBC,mBAAUE,MAVA;AAWhC7B,EAAAA,aAAa,EAAE2B,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUE,MADK;AAE7BO,IAAAA,aAAa,EAAET,mBAAUE;AAFI,GAAhB;AAXiB,CAAlC;eAiBetB,qB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}

package/lib/organism/search-and-chips-results/style.css

@@ -34,8 +34,15 @@
   margin: 0 16px 16px 0px;
 }
 
-.loader {
-  position: relative;
-  min-height: 50vh;
+.loaderContainer {
   width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+
+.loader {
+  height: 60px;
+  width: 60px;
+}

package/lib/organism/search-and-chips-results/test/fixtures/loading.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+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 = _extends(_extends({}, _default2.default), {}, {
+  props: _extends(_extends({}, _default2.default.props), {}, {
+    isLoading: true
+  })
+});
+
+exports.default = _default;
+//# sourceMappingURL=loading.js.map

package/lib/organism/search-and-chips-results/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/loading.js"],"names":["props","isLoading"],"mappings":";;;;;AAAA;;;;;;qCAGKA,iB;AACHA,EAAAA,KAAK,wBACAA,kBAAMA,KADN;AAEHC,IAAAA,SAAS,EAAE;AAFR","sourcesContent":["import props from './default';\n\nexport default {\n  ...props,\n  props: {\n    ...props.props,\n    isLoading: true\n  }\n};\n"],"file":"loading.js"}

package/lib/organism/search-and-chips-results/test/fixtures.js

@@ -14,6 +14,8 @@ var _empty = _interopRequireDefault(require("./fixtures/empty"));
 
 var _filtered = _interopRequireDefault(require("./fixtures/filtered"));
 
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
 var _sortedSelected = _interopRequireDefault(require("./fixtures/sorted-selected"));
 
 var _unsortedSelected = _interopRequireDefault(require("./fixtures/unsorted-selected"));
@@ -29,6 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', _renderComponent.default, _.default, _filtered.default);
+(0, _ava.default)('Organism › OrganismSearchAndChipsResults › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', _renderComponent.default, _.default, _sortedSelected.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', _renderComponent.default, _.default, _unsortedSelected.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/organism/search-and-chips-results/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/search-and-chips-results/test/fixtures.js"],"names":["t","pass","OrganismSearchAndChipsResults","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;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,yEAAL,EAAgFG,wBAAhF,EAAsGN,SAAtG,EAAqIO,gBAArI;AACA,kBAAK,uEAAL,EAA8ED,wBAA9E,EAAoGN,SAApG,EAAmIQ,cAAnI;AACA,kBAAK,0EAAL,EAAiFF,wBAAjF,EAAuGN,SAAvG,EAAsIS,iBAAtI;AACA,kBAAK,gFAAL,EAAuFH,wBAAvF,EAA6GN,SAA7G,EAA4IU,uBAA5I;AACA,kBAAK,kFAAL,EAAyFJ,wBAAzF,EAA+GN,SAA/G,EAA8IW,yBAA9I","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismSearchAndChipsResults from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismSearchAndChipsResults.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);\ntest('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);\ntest('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);\ntest('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);\ntest('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/search-and-chips-results/test/fixtures.js"],"names":["t","pass","OrganismSearchAndChipsResults","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureLoading","fixtureSortedSelected","fixtureUnsortedSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;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,yEAAL,EAAgFG,wBAAhF,EAAsGN,SAAtG,EAAqIO,gBAArI;AACA,kBAAK,uEAAL,EAA8ED,wBAA9E,EAAoGN,SAApG,EAAmIQ,cAAnI;AACA,kBAAK,0EAAL,EAAiFF,wBAAjF,EAAuGN,SAAvG,EAAsIS,iBAAtI;AACA,kBAAK,yEAAL,EAAgFH,wBAAhF,EAAsGN,SAAtG,EAAqIU,gBAArI;AACA,kBAAK,gFAAL,EAAuFJ,wBAAvF,EAA6GN,SAA7G,EAA4IW,uBAA5I;AACA,kBAAK,kFAAL,EAAyFL,wBAAzF,EAA+GN,SAA/G,EAA8IY,yBAA9I","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismSearchAndChipsResults from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismSearchAndChipsResults.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);\ntest('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);\ntest('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);\ntest('Organism › OrganismSearchAndChipsResults › Loading › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureLoading);\ntest('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);\ntest('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}

package/lib/template/back-office/brand-update/index.js

@@ -146,7 +146,10 @@ const buildTabs = items => {
 
 const buildContentView = content => {
   if (!content) {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.loaderContainer
+    }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+      className: _style.default.loader,
       theme: "coorpmanager"
     }));
   }
@@ -202,7 +205,7 @@ const BrandUpdate = props => {
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
   const popinView = buildPopin(popin);
-  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications, (0, _isEmpty.default)(content) && _style.default.loader]);
+  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/template/back-office/brand-update/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","content","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","loader","container","left","contentWrapper","headerSticky","defaultProps","propTypes","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","CmPopin","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div>\n        <Loader theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, popin, onItemClick} = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    isEmpty(content) && style.loader\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    })\n  ]),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","content","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","CmPopin","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, popin, onItemClick} = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    })\n  ]),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}

package/lib/template/back-office/brand-update/style.css

@@ -18,8 +18,17 @@
   display: flex;
 }
 
+.loaderContainer {
+  width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .loader {
-  height: calc(100% - 143px);
+  height: 60px;
+  width: 60px;
 }
 
 .left {

package/lib/util/button-icons.js

@@ -19,7 +19,8 @@ const ICONS = {
   logout: _novaIcons.NovaSolidLoginLogout1,
   publish: _novaIcons.NovaSolidApplicationsWindowUpload3,
   save: _novaIcons.NovaSolidComputersSdCard,
-  see: _novaIcons.NovaCompositionCoorpacademyEye
+  see: _novaIcons.NovaCompositionCoorpacademyEye,
+  folders: _novaIcons.NovaSolidFilesFoldersFolders
 };
 exports.ICONS = ICONS;
 //# sourceMappingURL=button-icons.js.map