@coorpacademy/components 10.1.4 → 10.1.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/default.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","theme","cta","label","type","handleOnClick"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,wBAAMA,SAAS,CAACG,KAAhB;AAAuBE,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLJ,IAAAA,QAAQ,wBAAMA,QAAQ,CAACE,KAAf;AAAsBE,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILC,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,CAAf","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/es/organism/playlist-translation/test/fixtures/delete.js

@@ -0,0 +1,18 @@
+import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';
+import inputText from '../../../../atom/input-text/test/fixtures/cm-default';
+import textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';
+const languageTabs = vericalMenu.props.tabs;
+export default {
+  props: {
+    languageTabs,
+    inputText: inputText.props,
+    textArea: textArea.props,
+    cta: {
+      label: 'Delete translation',
+      type: 'delete',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+//# sourceMappingURL=delete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/delete.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","cta","label","type","handleOnClick"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,EAAEA,SAAS,CAACG,KAFhB;AAGLF,IAAAA,QAAQ,EAAEA,QAAQ,CAACE,KAHd;AAILE,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,CAAf","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/es/organism/playlist-translation/test/fixtures.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/playlist-translation/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismPlaylistTranslation","fixtureDefault","fixtureDelete","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,2BAAP,MAAwC,IAAxC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAL,IAAI,CAAC,sEAAD,EAAyEM,CAAC,IAAI;AAChFA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,2BAA2B,CAACK,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC7DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gEAA+DF,GAAI,mEAA5F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,2BAAhG,EAA6HC,cAA7H,CAAJ;AACAJ,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,2BAA/F,EAA4HE,aAA5H,CAAJ","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/es/organism/search-and-chips-results/index.js

@@ -0,0 +1,92 @@
+import _isEmpty from "lodash/fp/isEmpty";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import Search from '../../atom/input-search';
+import ButtonLink from '../../atom/button-link';
+import Chips from '../../atom/chips';
+import style from './style.css';
+
+const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
+  if (_isEmpty(results)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.errorSection
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.firstErrorMessage
+    }, emptyMessages.firstMessage), /*#__PURE__*/React.createElement("span", {
+      className: style.secondErrorMessage
+    }, emptyMessages.secondMessage));
+  }
+
+  const items = results.map((result, index) => {
+    return /*#__PURE__*/React.createElement("li", {
+      className: style.result,
+      key: `result-${index}`
+    }, /*#__PURE__*/React.createElement(Chips, result));
+  }, results);
+  return /*#__PURE__*/React.createElement("ul", {
+    "aria-label": resultsAriaLabel
+  }, items);
+};
+
+const SearchAndChipsResults = props => {
+  const {
+    search,
+    selectAllButton,
+    results,
+    emptyMessages,
+    'results-aria-label': resultsAriaLabel
+  } = props;
+  const {
+    onClick,
+    label,
+    disabled = false,
+    'aria-label': ariaLabel
+  } = selectAllButton;
+  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);
+  const buttonProps = {
+    type: 'secondary',
+    label,
+    'aria-label': ariaLabel,
+    'data-name': `select-all-button`,
+    icon: {
+      position: 'right',
+      type: 'add'
+    },
+    onClick,
+    disabled
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps)), /*#__PURE__*/React.createElement("div", {
+    className: style.search
+  }, /*#__PURE__*/React.createElement(Search, _extends({}, search, {
+    theme: "coorpmanager"
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: style.resultContainer
+  }, resultView));
+};
+
+SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {
+  selectAllButton: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    'aria-label': PropTypes.string
+  }),
+  search: PropTypes.shape(Search.PropTypes),
+  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),
+  'results-aria-label': PropTypes.string,
+  emptyMessages: PropTypes.shape({
+    firstMessage: PropTypes.string,
+    secondMessage: PropTypes.string
+  })
+} : {};
+export default SearchAndChipsResults;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","Search","ButtonLink","Chips","style","buildResultView","results","resultsAriaLabel","emptyMessages","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","shape","string","func","bool","arrayOf"],"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"}

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

@@ -0,0 +1,57 @@
+@value colors: "../../variables/colors.css";
+@value cm_primary_blue from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_900 from colors;
+
+.container {
+  width: 100%;
+}
+
+.header {
+  display: flex;
+}
+
+.search {
+  margin: 0 0 0 16px;
+  width: 42%;
+  min-width: 309px;
+}
+
+.button {
+  width: 17%;
+  min-width: 129px;
+}
+
+.resultContainer {
+  margin: 24px 0 0 0;
+  width: 100%;
+}
+
+.result {
+  min-width: 153px;
+  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/es/organism/search-and-chips-results/test/fixtures/default.js

@@ -0,0 +1,46 @@
+export default {
+  props: {
+    selectAllButton: {
+      label: 'Select All',
+      onClick: () => console.log('Select All')
+    },
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the populations',
+      onChange: value => console.log(value)
+    },
+    'results-aria-label': 'Population results',
+    results: [{
+      text: 'Population Human resourses filiale Singapour',
+      information: '15739 users',
+      onClick: () => console.log('click Population Human resourses filiale Singapour')
+    }, {
+      text: 'Population 1',
+      information: '345 users',
+      onClick: () => console.log('click Population 1')
+    }, {
+      text: 'P',
+      information: '1 p',
+      onClick: () => console.log('click P')
+    }, {
+      text: 'Population managed by othes RH in some country',
+      information: '10 users',
+      onClick: () => console.log('click Population managed by othes RH in some country')
+    }, {
+      text: 'Population 4',
+      information: '106728 users',
+      onClick: () => console.log('click Population 4')
+    }, {
+      text: 'Population a long with a long name',
+      information: '105 users',
+      onClick: () => console.log('click Population a long with a long name')
+    }, {
+      text: 'Result bit that long',
+      information: '1067 users',
+      onClick: () => console.log('click Result bit that long')
+    }]
+  }
+};
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/default.js"],"names":["props","selectAllButton","label","onClick","console","log","search","title","placeholder","value","description","onChange","results","text","information"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIL,OAAO,CAACC,GAAR,CAAYI,KAAZ;AALb,KALH;AAYL,0BAAsB,oBAZjB;AAaLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KADO,EAMP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KANO,EAWP;AACEQ,MAAAA,IAAI,EAAE,GADR;AAEEC,MAAAA,WAAW,EAAE,KAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAHjB,KAXO,EAgBP;AACEQ,MAAAA,IAAI,EAAE,gDADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KAhBO,EAqBP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,cAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KArBO,EA0BP;AACEQ,MAAAA,IAAI,EAAE,oCADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,0CAAZ;AAHjB,KA1BO,EA+BP;AACEQ,MAAAA,IAAI,EAAE,sBADR;AAEEC,MAAAA,WAAW,EAAE,YAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,4BAAZ;AAHjB,KA/BO;AAbJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population 1',\n        information: '345 users',\n        onClick: () => console.log('click Population 1')\n      },\n      {\n        text: 'P',\n        information: '1 p',\n        onClick: () => console.log('click P')\n      },\n      {\n        text: 'Population managed by othes RH in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      },\n      {\n        text: 'Population 4',\n        information: '106728 users',\n        onClick: () => console.log('click Population 4')\n      },\n      {\n        text: 'Population a long with a long name',\n        information: '105 users',\n        onClick: () => console.log('click Population a long with a long name')\n      },\n      {\n        text: 'Result bit that long',\n        information: '1067 users',\n        onClick: () => console.log('click Result bit that long')\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

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

@@ -0,0 +1,23 @@
+export default {
+  props: {
+    selectAllButton: {
+      label: 'Select All',
+      onClick: () => console.log('Select All'),
+      disabled: true
+    },
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: 'Xoxoxo',
+      description: 'Type to find the populations',
+      onChange: value => console.log(value)
+    },
+    'results-aria-label': 'Population results',
+    results: [],
+    emptyMessages: {
+      firstMessage: 'No results...',
+      secondMessage: 'Try something else'
+    }
+  }
+};
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/empty.js"],"names":["props","selectAllButton","label","onClick","console","log","disabled","search","title","placeholder","value","description","onChange","results","emptyMessages","firstMessage","secondMessage"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ,CAFA;AAGfC,MAAAA,QAAQ,EAAE;AAHK,KADZ;AAMLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,QAHD;AAINC,MAAAA,WAAW,EAAE,8BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIN,OAAO,CAACC,GAAR,CAAYK,KAAZ;AALb,KANH;AAaL,0BAAsB,oBAbjB;AAcLG,IAAAA,OAAO,EAAE,EAdJ;AAeLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,YAAY,EAAE,eADD;AAEbC,MAAAA,aAAa,EAAE;AAFF;AAfV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All'),\n      disabled: true\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'Xoxoxo',\n      description: 'Type to find the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [],\n    emptyMessages: {\n      firstMessage: 'No results...',\n      secondMessage: 'Try something else'\n    }\n  }\n};\n"],"file":"empty.js"}

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

@@ -0,0 +1,26 @@
+export default {
+  props: {
+    selectAllButton: {
+      label: 'Select All',
+      onClick: () => console.log('Select All')
+    },
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: 'Human',
+      description: 'Type to filter the populations',
+      onChange: value => console.log(value)
+    },
+    'results-aria-label': 'Population results',
+    results: [{
+      text: 'Population Human resourses filiale Singapour',
+      information: '15739 users',
+      onClick: () => console.log('click Population Human resourses filiale Singapour')
+    }, {
+      text: 'Population managed by othes Human resources in some country',
+      information: '10 users',
+      onClick: () => console.log('click Population managed by othes RH in some country')
+    }]
+  }
+};
+//# sourceMappingURL=filtered.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/filtered.js"],"names":["props","selectAllButton","label","onClick","console","log","search","title","placeholder","value","description","onChange","results","text","information"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,OAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIL,OAAO,CAACC,GAAR,CAAYI,KAAZ;AALb,KALH;AAYL,0BAAsB,oBAZjB;AAaLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KADO,EAMP;AACEQ,MAAAA,IAAI,EAAE,6DADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KANO;AAbJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'Human',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population managed by othes Human resources in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      }\n    ]\n  }\n};\n"],"file":"filtered.js"}

package/es/organism/search-and-chips-results/test/fixtures/sorted-selected.js

@@ -0,0 +1,49 @@
+export default {
+  props: {
+    selectAllButton: {
+      label: 'Select All',
+      onClick: () => console.log('Select All')
+    },
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the populations',
+      onChange: value => console.log(value)
+    },
+    'results-aria-label': 'Population results',
+    results: [{
+      text: 'Population 1',
+      information: '345 users',
+      onClick: () => console.log('click Population 1'),
+      selected: true
+    }, {
+      text: 'P',
+      information: '1 p',
+      onClick: () => console.log('click P'),
+      selected: true
+    }, {
+      text: 'Population a long with a long name',
+      information: '105 users',
+      onClick: () => console.log('click Population a long with a long name'),
+      selected: true
+    }, {
+      text: 'Population Human resourses filiale Singapour',
+      information: '15739 users',
+      onClick: () => console.log('click Population Human resourses filiale Singapour')
+    }, {
+      text: 'Population managed by othes RH in some country',
+      information: '10 users',
+      onClick: () => console.log('click Population managed by othes RH in some country')
+    }, {
+      text: 'Population 4',
+      information: '106728 users',
+      onClick: () => console.log('click Population 4')
+    }, {
+      text: 'Result bit that long',
+      information: '1067 users',
+      onClick: () => console.log('click Result bit that long')
+    }]
+  }
+};
+//# sourceMappingURL=sorted-selected.js.map

package/es/organism/search-and-chips-results/test/fixtures/sorted-selected.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/sorted-selected.js"],"names":["props","selectAllButton","label","onClick","console","log","search","title","placeholder","value","description","onChange","results","text","information","selected"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIL,OAAO,CAACC,GAAR,CAAYI,KAAZ;AALb,KALH;AAYL,0BAAsB,oBAZjB;AAaLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ,CAHjB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADO,EAOP;AACEF,MAAAA,IAAI,EAAE,GADR;AAEEC,MAAAA,WAAW,EAAE,KAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ,CAHjB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KAPO,EAaP;AACEF,MAAAA,IAAI,EAAE,oCADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,0CAAZ,CAHjB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KAbO,EAmBP;AACEF,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KAnBO,EAwBP;AACEQ,MAAAA,IAAI,EAAE,gDADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KAxBO,EA6BP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,cAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KA7BO,EAkCP;AACEQ,MAAAA,IAAI,EAAE,sBADR;AAEEC,MAAAA,WAAW,EAAE,YAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,4BAAZ;AAHjB,KAlCO;AAbJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population 1',\n        information: '345 users',\n        onClick: () => console.log('click Population 1'),\n        selected: true\n      },\n      {\n        text: 'P',\n        information: '1 p',\n        onClick: () => console.log('click P'),\n        selected: true\n      },\n      {\n        text: 'Population a long with a long name',\n        information: '105 users',\n        onClick: () => console.log('click Population a long with a long name'),\n        selected: true\n      },\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population managed by othes RH in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      },\n      {\n        text: 'Population 4',\n        information: '106728 users',\n        onClick: () => console.log('click Population 4')\n      },\n      {\n        text: 'Result bit that long',\n        information: '1067 users',\n        onClick: () => console.log('click Result bit that long')\n      }\n    ]\n  }\n};\n"],"file":"sorted-selected.js"}

package/es/organism/search-and-chips-results/test/fixtures/unsorted-selected.js

@@ -0,0 +1,49 @@
+export default {
+  props: {
+    selectAllButton: {
+      label: 'Select All',
+      onClick: () => console.log('Select All')
+    },
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the populations',
+      onChange: value => console.log(value)
+    },
+    'results-aria-label': 'Population results',
+    results: [{
+      text: 'Population Human resourses filiale Singapour',
+      information: '15739 users',
+      onClick: () => console.log('click Population Human resourses filiale Singapour')
+    }, {
+      text: 'Population 1',
+      information: '345 users',
+      onClick: () => console.log('click Population 1'),
+      selected: true
+    }, {
+      text: 'P',
+      information: '1 p',
+      onClick: () => console.log('click P'),
+      selected: true
+    }, {
+      text: 'Population managed by othes RH in some country',
+      information: '10 users',
+      onClick: () => console.log('click Population managed by othes RH in some country')
+    }, {
+      text: 'Population 4',
+      information: '106728 users',
+      onClick: () => console.log('click Population 4')
+    }, {
+      text: 'Population a long with a long name',
+      information: '105 users',
+      onClick: () => console.log('click Population a long with a long name'),
+      selected: true
+    }, {
+      text: 'Result bit that long',
+      information: '1067 users',
+      onClick: () => console.log('click Result bit that long')
+    }]
+  }
+};
+//# sourceMappingURL=unsorted-selected.js.map

package/es/organism/search-and-chips-results/test/fixtures/unsorted-selected.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/unsorted-selected.js"],"names":["props","selectAllButton","label","onClick","console","log","search","title","placeholder","value","description","onChange","results","text","information","selected"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIL,OAAO,CAACC,GAAR,CAAYI,KAAZ;AALb,KALH;AAYL,0BAAsB,oBAZjB;AAaLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KADO,EAMP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ,CAHjB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KANO,EAYP;AACEF,MAAAA,IAAI,EAAE,GADR;AAEEC,MAAAA,WAAW,EAAE,KAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ,CAHjB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KAZO,EAkBP;AACEF,MAAAA,IAAI,EAAE,gDADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KAlBO,EAuBP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,cAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KAvBO,EA4BP;AACEQ,MAAAA,IAAI,EAAE,oCADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,0CAAZ,CAHjB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KA5BO,EAkCP;AACEF,MAAAA,IAAI,EAAE,sBADR;AAEEC,MAAAA,WAAW,EAAE,YAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,4BAAZ;AAHjB,KAlCO;AAbJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population 1',\n        information: '345 users',\n        onClick: () => console.log('click Population 1'),\n        selected: true\n      },\n      {\n        text: 'P',\n        information: '1 p',\n        onClick: () => console.log('click P'),\n        selected: true\n      },\n      {\n        text: 'Population managed by othes RH in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      },\n      {\n        text: 'Population 4',\n        information: '106728 users',\n        onClick: () => console.log('click Population 4')\n      },\n      {\n        text: 'Population a long with a long name',\n        information: '105 users',\n        onClick: () => console.log('click Population a long with a long name'),\n        selected: true\n      },\n      {\n        text: 'Result bit that long',\n        information: '1067 users',\n        onClick: () => console.log('click Result bit that long')\n      }\n    ]\n  }\n};\n"],"file":"unsorted-selected.js"}

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

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismSearchAndChipsResults from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureEmpty from './fixtures/empty';
+import fixtureFiltered from './fixtures/filtered';
+import fixtureSortedSelected from './fixtures/sorted-selected';
+import fixtureUnsortedSelected from './fixtures/unsorted-selected';
+test('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismSearchAndChipsResults.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);
+test('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);
+test('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);
+test('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);
+test('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/search-and-chips-results/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismSearchAndChipsResults","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAR,IAAI,CAAC,wEAAD,EAA2ES,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,6BAA6B,CAACQ,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,6BAAhG,EAA+HE,YAA/H,CAAJ;AACAL,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIG,eAAlI,CAAJ;AACAN,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,6BAAzG,EAAwII,qBAAxI,CAAJ;AACAP,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,6BAA3G,EAA0IK,uBAA1I,CAAJ","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"}

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import { NovaCompositionCoorpacademyTypeEye as EyeIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon } from '@coorpacademy/nova-icons';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Picture from '../../atom/picture';
 import Link from '../../atom/link';
+import ButtonLink from '../../atom/button-link';
+import IconLink from '../../atom/button-link-icon-only';
 import style from './style.css';
 
 const SetupHeader = props => {
@@ -30,6 +31,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 = isHome || isDashboard ? null : {
+    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.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -46,47 +107,33 @@ const SetupHeader = props => {
     src: logoMobile
   }))) : /*#__PURE__*/React.createElement("ul", {
     className: style.list
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: items.platformList.href,
-    className: classnames(style.element, style.platformList)
-  }, /*#__PURE__*/React.createElement(ListIcon, {
-    className: style.icon
-  }), /*#__PURE__*/React.createElement("li", null, items.platformList.label)), !isDashboard ? /*#__PURE__*/React.createElement("li", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames([style.button, style.platformList])
+  }, /*#__PURE__*/React.createElement(ButtonLink, platformListButtonProps)), /*#__PURE__*/React.createElement("div", {
+    className: style.platformListIcon
+  }, /*#__PURE__*/React.createElement(IconLink, platformListIconButtonProps)), !isDashboard ? /*#__PURE__*/React.createElement("li", {
     className: classnames(style.element, style.platformName)
   }, platformName) : null), /*#__PURE__*/React.createElement("ul", {
     className: style.list
-  }, items.globalAnalytics && isDashboard === false ? /*#__PURE__*/React.createElement(Link, {
-    href: items.globalAnalytics.href,
-    className: classnames(style.element, style.globalAnalytics)
-  }, /*#__PURE__*/React.createElement(AnalyticsIcon, {
-    className: style.icon
-  }), /*#__PURE__*/React.createElement("li", null, items.globalAnalytics.label)) : null, isHome || isDashboard ? null : /*#__PURE__*/React.createElement(Link, {
-    href: items.seeMyPlatform.href,
-    target: "_blank",
-    className: classnames(style.element, style.seeMyPlatform)
-  }, /*#__PURE__*/React.createElement(EyeIcon, {
-    className: style.icon
-  }), /*#__PURE__*/React.createElement("li", null, items.seeMyPlatform.label)), /*#__PURE__*/React.createElement("li", {
+  }, goAnalyticsButtonProps ? /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(ButtonLink, goAnalyticsButtonProps)) : null, myPlatformButtonProps ? null : /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(ButtonLink, myPlatformButtonProps)), /*#__PURE__*/React.createElement("li", {
     onMouseEnter: onMouseEnter,
     className: style.profilePicture
   }, /*#__PURE__*/React.createElement("img", {
     src: image
-  })), /*#__PURE__*/React.createElement(Link, {
-    href: items.logOut.href,
-    className: classnames(style.element, style.logOut)
-  }, /*#__PURE__*/React.createElement(LogoutIcon, {
-    className: style.icon
-  }), /*#__PURE__*/React.createElement("li", null, items.logOut.label)))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.logOut
+  }, /*#__PURE__*/React.createElement(ButtonLink, logoutButtonProps)))), /*#__PURE__*/React.createElement("div", {
     "data-name": `logout-${show ? 'show' : 'hide'}`
   }, /*#__PURE__*/React.createElement("div", {
     className: style.arrowUp
-  }), /*#__PURE__*/React.createElement(Link, {
-    href: items.logOut.href,
-    className: classnames(style.element, style.logOut),
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.logOut,
     onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/React.createElement(LogoutIcon, {
-    className: style.icon
-  }), /*#__PURE__*/React.createElement("li", null, items.logOut.label))));
+  }, /*#__PURE__*/React.createElement(ButtonLink, logoutButtonProps))));
 };
 
 SetupHeader.propTypes = process.env.NODE_ENV !== "production" ? {