@coorpacademy/components 10.1.6 → 10.1.10

package/lib/organism/course-selection/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/course-selection/test/fixtures.js"],"names":["t","pass","OrganismCourseSelection","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAAyHO,gBAAzH;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAuHQ,cAAvH;AACA,kBAAK,oEAAL,EAA2EF,wBAA3E,EAAiGN,SAAjG,EAA0HS,iBAA1H;AACA,kBAAK,0EAAL,EAAiFH,wBAAjF,EAAuGN,SAAvG,EAAgIU,uBAAhI;AACA,kBAAK,4EAAL,EAAmFJ,wBAAnF,EAAyGN,SAAzG,EAAkIW,yBAAlI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismCourseSelection 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 › OrganismCourseSelection > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismCourseSelection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismCourseSelection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);\ntest('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);\ntest('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);\ntest('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);\ntest('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}

package/lib/organism/playlist-translation/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _verticalTabs = _interopRequireDefault(require("../../molecule/vertical-tabs"));
+
+var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
+var _inputTextarea = _interopRequireDefault(require("../../atom/input-textarea"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+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 PlayListTranslation = props => {
+  const {
+    languageTabs,
+    inputText,
+    textArea,
+    cta,
+    'list-aria-label': listAriaLabel
+  } = props;
+  const ariaLabel = {
+    'aria-label': listAriaLabel
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement(_verticalTabs.default, _extends({}, ariaLabel, {
+    className: _style.default.menu,
+    tabs: languageTabs
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.horizontalSection
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.input
+  }, /*#__PURE__*/_react.default.createElement(_inputText.default, inputText)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.input
+  }, /*#__PURE__*/_react.default.createElement(_inputTextarea.default, textArea)), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.button, cta.type === 'delete' && _style.default.binButton)
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    onClick: cta.handleOnclick,
+    type: cta.type === 'delete' ? 'text' : 'primary',
+    icon: {
+      type: cta.type === 'delete' ? 'bin' : 'add',
+      position: 'left'
+    },
+    label: cta.label
+  }))));
+};
+
+PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
+  languageTabs: _verticalTabs.default.propTypes.tabs,
+  inputText: _propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
+    theme: _propTypes.default.string
+  })),
+  textArea: _propTypes.default.shape(_extends(_extends({}, _inputTextarea.default.propTypes), {}, {
+    theme: _propTypes.default.string
+  })),
+  cta: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    handleOnclick: _propTypes.default.func,
+    type: _propTypes.default.oneOf(['delete', 'add'])
+  }),
+  'list-aria-label': _propTypes.default.string
+} : {};
+var _default = PlayListTranslation;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/playlist-translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/playlist-translation/index.js"],"names":["PlayListTranslation","props","languageTabs","inputText","textArea","cta","listAriaLabel","ariaLabel","style","container","menu","horizontalSection","input","button","type","binButton","handleOnclick","position","label","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA,GAApC;AAAyC,uBAAmBC;AAA5D,MAA6EL,KAAnF;AAEA,QAAMM,SAAS,GAAG;AAAC,kBAAcD;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,qBAAD,eAA0BF,SAA1B;AAAqC,IAAA,SAAS,EAAEC,eAAME,IAAtD;AAA4D,IAAA,IAAI,EAAER;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAEM,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE,6BAAC,kBAAD,EAAeT,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEK,eAAMI;AAAtB,kBACE,6BAAC,sBAAD,EAAcR,QAAd,CADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAE,yBAAWI,eAAMK,MAAjB,EAAyBR,GAAG,CAACS,IAAJ,KAAa,QAAb,IAAyBN,eAAMO,SAAxD;AAAhB,kBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEV,GAAG,CAACW,aADf;AAEE,IAAA,IAAI,EAAEX,GAAG,CAACS,IAAJ,KAAa,QAAb,GAAwB,MAAxB,GAAiC,SAFzC;AAGE,IAAA,IAAI,EAAE;AAACA,MAAAA,IAAI,EAAET,GAAG,CAACS,IAAJ,KAAa,QAAb,GAAwB,KAAxB,GAAgC,KAAvC;AAA8CG,MAAAA,QAAQ,EAAE;AAAxD,KAHR;AAIE,IAAA,KAAK,EAAEZ,GAAG,CAACa;AAJb,IADF,CAPF,CAFF,CADF;AAqBD,CAzBD;;AA2BAlB,mBAAmB,CAACmB,SAApB,2CAAgC;AAC9BjB,EAAAA,YAAY,EAAEkB,sBAAqBD,SAArB,CAA+BE,IADf;AAE9BlB,EAAAA,SAAS,EAAEmB,mBAAUC,KAAV,uBAAoBC,mBAAUL,SAA9B;AAAyCM,IAAAA,KAAK,EAAEH,mBAAUI;AAA1D,KAFmB;AAG9BtB,EAAAA,QAAQ,EAAEkB,mBAAUC,KAAV,uBAAoBI,uBAASR,SAA7B;AAAwCM,IAAAA,KAAK,EAAEH,mBAAUI;AAAzD,KAHoB;AAI9BrB,EAAAA,GAAG,EAAEiB,mBAAUC,KAAV,CAAgB;AACnBL,IAAAA,KAAK,EAAEI,mBAAUI,MADE;AAEnBV,IAAAA,aAAa,EAAEM,mBAAUM,IAFN;AAGnBd,IAAAA,IAAI,EAAEQ,mBAAUO,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmBP,mBAAUI;AATC,CAAhC;eAYe1B,mB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        <div className={classNames(style.button, cta.type === 'delete' && style.binButton)}>\n          <Button\n            onClick={cta.handleOnclick}\n            type={cta.type === 'delete' ? 'text' : 'primary'}\n            icon={{type: cta.type === 'delete' ? 'bin' : 'add', position: 'left'}}\n            label={cta.label}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['delete', 'add'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}

package/lib/organism/playlist-translation/style.css

@@ -0,0 +1,45 @@
+@value colors: "../../variables/colors.css";
+@value dark from colors;
+@value brand from colors;
+@value light from colors;
+@value cm_grey_50 from colors;
+@value cm_negative_100 from colors;
+@value cm_negative_200 from colors;
+
+.container {
+  display: flex;
+  background-color: cm_grey_50;
+}
+
+.menu {
+  background-color: cm_grey_50;
+  height: 360px;
+  width: 200px;
+  margin: 24px 8px 24px 24px;
+}
+
+.horizontalSection{
+  display: flex;
+  flex-direction: column;
+  padding: 24px 24px 24px 8px;
+  width: 100%;
+  align-items: end;
+}
+
+.input {
+  width: 100%;
+  margin-bottom: 16px;
+}
+
+.button {
+  width: 170px;
+  margin-top: 16px;
+}
+
+.binButton {
+  color: cm_negative_100;
+}
+
+.binButton:hover {
+  color: cm_negative_200;
+} 

package/lib/organism/playlist-translation/test/fixtures/default.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _withSelectedItem = _interopRequireDefault(require("../../../../molecule/vertical-tabs/test/fixtures/with-selected-item"));
+
+var _cmDefault = _interopRequireDefault(require("../../../../atom/input-text/test/fixtures/cm-default"));
+
+var _cmDefault2 = _interopRequireDefault(require("../../../../atom/input-textarea/test/fixtures/cm-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); }
+
+const languageTabs = _withSelectedItem.default.props.tabs;
+var _default = {
+  props: {
+    languageTabs,
+    inputText: _extends(_extends({}, _cmDefault.default.props), {}, {
+      theme: 'coorpmanager'
+    }),
+    textArea: _extends(_extends({}, _cmDefault2.default.props), {}, {
+      theme: 'coorpmanager'
+    }),
+    cta: {
+      label: 'Add translation',
+      type: 'add',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/organism/playlist-translation/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/default.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","theme","textArea","cta","label","type","handleOnClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,wBAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILE,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,iBADJ;AAEHC,MAAAA,IAAI,EAAE,KAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,C","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: {...inputText.props, theme: 'coorpmanager'},\n    textArea: {...textArea.props, theme: 'coorpmanager'},\n    cta: {\n      label: 'Add translation',\n      type: 'add',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/lib/organism/playlist-translation/test/fixtures/delete.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _withSelectedItem = _interopRequireDefault(require("../../../../molecule/vertical-tabs/test/fixtures/with-selected-item"));
+
+var _cmDefault = _interopRequireDefault(require("../../../../atom/input-text/test/fixtures/cm-default"));
+
+var _cmDefault2 = _interopRequireDefault(require("../../../../atom/input-textarea/test/fixtures/cm-default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const languageTabs = _withSelectedItem.default.props.tabs;
+var _default = {
+  props: {
+    languageTabs,
+    inputText: _cmDefault.default.props,
+    textArea: _cmDefault2.default.props,
+    cta: {
+      label: 'Delete translation',
+      type: 'delete',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=delete.js.map

package/lib/organism/playlist-translation/test/fixtures/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/delete.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","textArea","cta","label","type","handleOnClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,EAAEA,mBAAUF,KAFhB;AAGLG,IAAAA,QAAQ,EAAEA,oBAASH,KAHd;AAILI,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,oBADJ;AAEHC,MAAAA,IAAI,EAAE,QAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,C","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: inputText.props,\n    textArea: textArea.props,\n    cta: {\n      label: 'Delete translation',\n      type: 'delete',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"delete.js"}

package/lib/organism/playlist-translation/test/fixtures.js

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

package/lib/organism/playlist-translation/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/playlist-translation/test/fixtures.js"],"names":["t","pass","OrganismPlaylistTranslation","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDelete"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sEAAL,EAA6EA,CAAC,IAAI;AAChFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA4BC,SAApC,EAA+C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC7DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gEAA+DF,GAAI,mEAA5F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAAiIO,gBAAjI;AACA,kBAAK,sEAAL,EAA6ED,wBAA7E,EAAmGN,SAAnG,EAAgIQ,eAAhI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismPlaylistTranslation from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDelete from './fixtures/delete';\n\ntest('Organism › OrganismPlaylistTranslation > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismPlaylistTranslation.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismPlaylistTranslation.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismPlaylistTranslation › Default › should be rendered', renderComponentMacro, OrganismPlaylistTranslation, fixtureDefault);\ntest('Organism › OrganismPlaylistTranslation › Delete › should be rendered', renderComponentMacro, OrganismPlaylistTranslation, fixtureDelete);\n"],"file":"fixtures.js"}

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

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
+
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
@@ -23,13 +25,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
   if ((0, _isEmpty2.default)(results)) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.errorSection
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.firstErrorMessage
-    }, emptyMessages.firstMessage), /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.secondErrorMessage
-    }, emptyMessages.secondMessage));
+    return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
   }
 
   const items = results.map((result, index) => {
@@ -37,7 +33,7 @@ const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
       className: _style.default.result,
       key: `result-${index}`
     }, /*#__PURE__*/_react.default.createElement(_chips.default, result));
-  }, results);
+  });
   return /*#__PURE__*/_react.default.createElement("ul", {
     "aria-label": resultsAriaLabel
   }, items);

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","style","errorSection","firstErrorMessage","firstMessage","secondErrorMessage","secondMessage","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages) => {\n  if (isEmpty(results)) {\n    return (\n      <div className={style.errorSection}>\n        <span className={style.firstErrorMessage}>{emptyMessages.firstMessage}</span>\n        <span className={style.secondErrorMessage}>{emptyMessages.secondMessage}</span>\n      </div>\n    );\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  }, results);\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    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);\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}>{resultView}</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  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","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,KAA8C;AACpE,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMF,MAArB;AAA6B,MAAA,GAAG,EAAG,UAASC,KAAM;AAAlD,oBACE,6BAAC,cAAD,EAAWD,MAAX,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAAmCE,KAAnC,CAAP;AACD,CAdD;;AAgBA,MAAMK,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,eAFI;AAGJX,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,0BAAsBD;AALlB,MAMFQ,KANJ;AAQA,QAAM;AAACG,IAAAA,OAAD;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,QAAQ,GAAG,KAA5B;AAAmC,kBAAcC;AAAjD,MAA8DJ,eAApE;AACA,QAAMK,UAAU,GAAGjB,eAAe,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,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,KAAwCR,UAAxC,CATF,CADF;AAaD,CArCD;;AAuCAR,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCd,EAAAA,eAAe,EAAEe,mBAAUC,KAAV,CAAgB;AAC/Bd,IAAAA,KAAK,EAAEa,mBAAUE,MADc;AAE/BhB,IAAAA,OAAO,EAAEc,mBAAUG,IAFY;AAG/Bf,IAAAA,QAAQ,EAAEY,mBAAUI,IAHW;AAI/B,kBAAcJ,mBAAUE;AAJO,GAAhB,CADe;AAOhClB,EAAAA,MAAM,EAAEgB,mBAAUC,KAAV,CAAgBI,qBAAOL,SAAvB,CAPwB;AAQhC1B,EAAAA,OAAO,EAAE0B,mBAAUM,OAAV,CAAkBN,mBAAUC,KAAV,CAAgBM,eAAMR,SAAtB,CAAlB,CARuB;AAShC,wBAAsBC,mBAAUE,MATA;AAUhC1B,EAAAA,aAAa,EAAEwB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUE,MADK;AAE7BO,IAAAA,aAAa,EAAET,mBAAUE;AAFI,GAAhB;AAViB,CAAlC;eAgBepB,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 style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages) => {\n  if (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}`}>\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    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);\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}>{resultView}</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  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

@@ -32,26 +32,4 @@
   max-width: 268px;
   display: inline-block;
   margin: 0 16px 16px 0px;
-}
-
-.errorSection {
-  margin: 48px 0;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-size: 16px;
-  font-weight: bold;
-  font-family: Gilroy;
-  font-size: 16px;
-}
-
-.firstErrorMessage {
-  color: cm_grey_900;
-  display: block;
-}
-
-.secondErrorMessage {
-  color: cm_primary_blue;
-  display: block;
 }

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

@@ -5,8 +5,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,6 +13,10 @@ var _picture = _interopRequireDefault(require("../../atom/picture"));
 
 var _link = _interopRequireDefault(require("../../atom/link"));
 
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,6 +46,66 @@ const SetupHeader = props => {
     updateShow(false);
   }
 
+  const platformListButtonProps = {
+    type: 'tertiary',
+    label: items.platformList.label,
+    'aria-label': items.platformList.label,
+    'data-name': `platform-list-button`,
+    link: {
+      href: items.platformList.href
+    },
+    icon: {
+      position: 'left',
+      type: 'list'
+    }
+  };
+  const platformListIconButtonProps = {
+    'aria-label': items.platformList.label,
+    'data-name': `platform-list-button`,
+    link: {
+      href: items.platformList.href
+    },
+    icon: 'list'
+  };
+  const goAnalyticsButtonProps = items.globalAnalytics && isDashboard === false ? {
+    type: 'secondary',
+    label: items.globalAnalytics.label,
+    'aria-label': items.globalAnalytics.label,
+    'data-name': `platform-list-button`,
+    link: {
+      href: items.globalAnalytics.href
+    },
+    icon: {
+      position: 'left',
+      type: 'analytics'
+    }
+  } : null;
+  const myPlatformButtonProps = {
+    type: 'primary',
+    label: items.platformList.label,
+    'aria-label': items.platformList.label,
+    'data-name': `platform-list-button`,
+    link: {
+      href
+    },
+    icon: {
+      position: 'left',
+      type: 'see'
+    }
+  };
+  const logoutButtonProps = {
+    type: 'text',
+    label: items.logOut.label,
+    'aria-label': items.logOut.label,
+    'data-name': `logout-list-button`,
+    link: {
+      href: items.logOut.href
+    },
+    icon: {
+      position: 'left',
+      type: 'logout'
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -60,47 +122,33 @@ const SetupHeader = props => {
     src: logoMobile
   }))) : /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.list
-  }, /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: items.platformList.href,
-    className: (0, _classnames.default)(_style.default.element, _style.default.platformList)
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidContentContentViewModule1, {
-    className: _style.default.icon
-  }), /*#__PURE__*/_react.default.createElement("li", null, items.platformList.label)), !isDashboard ? /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)([_style.default.button, _style.default.platformList])
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, platformListButtonProps)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.platformListIcon
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, platformListIconButtonProps)), !isDashboard ? /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _classnames.default)(_style.default.element, _style.default.platformName)
   }, platformName) : null), /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.list
-  }, items.globalAnalytics && isDashboard === false ? /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: items.globalAnalytics.href,
-    className: (0, _classnames.default)(_style.default.element, _style.default.globalAnalytics)
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyAnalytics, {
-    className: _style.default.icon
-  }), /*#__PURE__*/_react.default.createElement("li", null, items.globalAnalytics.label)) : null, isHome || isDashboard ? null : /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: items.seeMyPlatform.href,
-    target: "_blank",
-    className: (0, _classnames.default)(_style.default.element, _style.default.seeMyPlatform)
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyTypeEye, {
-    className: _style.default.icon
-  }), /*#__PURE__*/_react.default.createElement("li", null, items.seeMyPlatform.label)), /*#__PURE__*/_react.default.createElement("li", {
+  }, goAnalyticsButtonProps ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.button
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, goAnalyticsButtonProps)) : null, isDashboard || isHome ? null : /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.button
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, myPlatformButtonProps)), /*#__PURE__*/_react.default.createElement("li", {
     onMouseEnter: onMouseEnter,
     className: _style.default.profilePicture
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: image
-  })), /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: items.logOut.href,
-    className: (0, _classnames.default)(_style.default.element, _style.default.logOut)
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLogout1, {
-    className: _style.default.icon
-  }), /*#__PURE__*/_react.default.createElement("li", null, items.logOut.label)))), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.logOut
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, logoutButtonProps)))), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `logout-${show ? 'show' : 'hide'}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.arrowUp
-  }), /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: items.logOut.href,
-    className: (0, _classnames.default)(_style.default.element, _style.default.logOut),
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.logOut,
     onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLogout1, {
-    className: _style.default.icon
-  }), /*#__PURE__*/_react.default.createElement("li", null, items.logOut.label))));
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, logoutButtonProps))));
 };
 
 SetupHeader.propTypes = process.env.NODE_ENV !== "production" ? {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","style","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","PropTypes","shape","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  NovaCompositionCoorpacademyTypeEye as EyeIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <Link\n              href={items.platformList.href}\n              className={classnames(style.element, style.platformList)}\n            >\n              <ListIcon className={style.icon} />\n              <li>{items.platformList.label}</li>\n            </Link>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {items.globalAnalytics && isDashboard === false ? (\n            <Link\n              href={items.globalAnalytics.href}\n              className={classnames(style.element, style.globalAnalytics)}\n            >\n              <AnalyticsIcon className={style.icon} />\n              <li>{items.globalAnalytics.label}</li>\n            </Link>\n          ) : null}\n          {isHome || isDashboard ? null : (\n            <Link\n              href={items.seeMyPlatform.href}\n              target=\"_blank\"\n              className={classnames(style.element, style.seeMyPlatform)}\n            >\n              <EyeIcon className={style.icon} />\n              <li>{items.seeMyPlatform.label}</li>\n            </Link>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <Link href={items.logOut.href} className={classnames(style.element, style.logOut)}>\n            <LogoutIcon className={style.icon} />\n            <li>{items.logOut.label}</li>\n          </Link>\n        </ul>\n      </div>\n\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <Link\n          href={items.logOut.href}\n          className={classnames(style.element, style.logOut)}\n          onMouseLeave={onMouseLeave}\n        >\n          <LogoutIcon className={style.icon} />\n          <li>{items.logOut.label}</li>\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","myPlatformButtonProps","logoutButtonProps","logOut","style","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","seeMyPlatform","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const myPlatformButtonProps = {\n    type: 'primary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...myPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}