@coorpacademy/components 10.1.5 → 10.1.9

package/lib/organism/brand-form/test/fixtures/wizard-playlists.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    groups: [{
+      fields: [{
+        type: 'text',
+        title: 'Playlist name',
+        placeholder: 'Playlist name',
+        description: 'This is the tooltip text',
+        theme: 'coorpmanager',
+        hint: '15 / 30 characters',
+        value: 'Marketing expert',
+        size: 'default'
+      }, {
+        type: 'textarea',
+        title: 'Description',
+        placeholder: 'Description',
+        description: 'This is the tooltip text',
+        theme: 'coorpmanager',
+        hint: '80 / 200 characters',
+        size: 'medium',
+        value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'
+      }]
+    }]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=wizard-playlists.js.map

package/lib/organism/brand-form/test/fixtures/wizard-playlists.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","value","size"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEC,QAAAA,KAAK,EAAE,kBAPT;AAQEC,QAAAA,IAAI,EAAE;AARR,OADM,EAWN;AACEP,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEE,QAAAA,IAAI,EAAE,QAPR;AAQED,QAAAA,KAAK,EACH;AATJ,OAXM;AADV,KADM;AADH;AADM,C","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        fields: [\n          {\n            type: 'text',\n            title: 'Playlist name',\n            placeholder: 'Playlist name',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            value: 'Marketing expert',\n            size: 'default'\n          },\n          {\n            type: 'textarea',\n            title: 'Description',\n            placeholder: 'Description',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '80 / 200 characters',\n            size: 'medium',\n            value:\n              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"wizard-playlists.js"}

package/lib/organism/brand-form/test/fixtures.js

@@ -28,6 +28,8 @@ var _manageusersEdit = _interopRequireDefault(require("./fixtures/manageusers-ed
 
 var _sso = _interopRequireDefault(require("./fixtures/sso"));
 
+var _wizardPlaylists = _interopRequireDefault(require("./fixtures/wizard-playlists"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 (0, _ava.default)('Organism › OrganismBrandForm > should have valid propTypes', t => {
@@ -46,4 +48,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Organism › OrganismBrandForm › Lookandfeel › should be rendered', _renderComponent.default, _.default, _lookandfeel.default);
 (0, _ava.default)('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', _renderComponent.default, _.default, _manageusersEdit.default);
 (0, _ava.default)('Organism › OrganismBrandForm › Sso › should be rendered', _renderComponent.default, _.default, _sso.default);
+(0, _ava.default)('Organism › OrganismBrandForm › WizardPlaylists › should be rendered', _renderComponent.default, _.default, _wizardPlaylists.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/organism/brand-form/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/brand-form/test/fixtures.js"],"names":["t","pass","OrganismBrandForm","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureGeneralSettings","fixtureLms","fixtureLookandfeel","fixtureManageusersEdit","fixtureSso"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,+DAAL,EAAsEG,wBAAtE,EAA4FN,SAA5F,EAA+GO,kBAA/G;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAgHQ,mBAAhH;AACA,kBAAK,4DAAL,EAAmEF,wBAAnE,EAAyFN,SAAzF,EAA4GS,eAA5G;AACA,kBAAK,+DAAL,EAAsEH,wBAAtE,EAA4FN,SAA5F,EAA+GU,kBAA/G;AACA,kBAAK,6DAAL,EAAoEJ,wBAApE,EAA0FN,SAA1F,EAA6GW,gBAA7G;AACA,kBAAK,qEAAL,EAA4EL,wBAA5E,EAAkGN,SAAlG,EAAqHY,wBAArH;AACA,kBAAK,yDAAL,EAAgEN,wBAAhE,EAAsFN,SAAtF,EAAyGa,YAAzG;AACA,kBAAK,iEAAL,EAAwEP,wBAAxE,EAA8FN,SAA9F,EAAiHc,oBAAjH;AACA,kBAAK,qEAAL,EAA4ER,wBAA5E,EAAkGN,SAAlG,EAAqHe,wBAArH;AACA,kBAAK,yDAAL,EAAgET,wBAAhE,EAAsFN,SAAtF,EAAyGgB,YAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandForm from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureSso from './fixtures/sso';\n\ntest('Organism › OrganismBrandForm > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismBrandForm.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismBrandForm.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismBrandForm › Analytics › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnalytics);\ntest('Organism › OrganismBrandForm › Animations › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnimations);\ntest('Organism › OrganismBrandForm › Cohort › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureCohort);\ntest('Organism › OrganismBrandForm › Dashboard › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDashboard);\ntest('Organism › OrganismBrandForm › Default › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDefault);\ntest('Organism › OrganismBrandForm › GeneralSettings › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureGeneralSettings);\ntest('Organism › OrganismBrandForm › Lms › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLms);\ntest('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);\ntest('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);\ntest('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/brand-form/test/fixtures.js"],"names":["t","pass","OrganismBrandForm","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureGeneralSettings","fixtureLms","fixtureLookandfeel","fixtureManageusersEdit","fixtureSso","fixtureWizardPlaylists"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,+DAAL,EAAsEG,wBAAtE,EAA4FN,SAA5F,EAA+GO,kBAA/G;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAgHQ,mBAAhH;AACA,kBAAK,4DAAL,EAAmEF,wBAAnE,EAAyFN,SAAzF,EAA4GS,eAA5G;AACA,kBAAK,+DAAL,EAAsEH,wBAAtE,EAA4FN,SAA5F,EAA+GU,kBAA/G;AACA,kBAAK,6DAAL,EAAoEJ,wBAApE,EAA0FN,SAA1F,EAA6GW,gBAA7G;AACA,kBAAK,qEAAL,EAA4EL,wBAA5E,EAAkGN,SAAlG,EAAqHY,wBAArH;AACA,kBAAK,yDAAL,EAAgEN,wBAAhE,EAAsFN,SAAtF,EAAyGa,YAAzG;AACA,kBAAK,iEAAL,EAAwEP,wBAAxE,EAA8FN,SAA9F,EAAiHc,oBAAjH;AACA,kBAAK,qEAAL,EAA4ER,wBAA5E,EAAkGN,SAAlG,EAAqHe,wBAArH;AACA,kBAAK,yDAAL,EAAgET,wBAAhE,EAAsFN,SAAtF,EAAyGgB,YAAzG;AACA,kBAAK,qEAAL,EAA4EV,wBAA5E,EAAkGN,SAAlG,EAAqHiB,wBAArH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandForm from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureSso from './fixtures/sso';\nimport fixtureWizardPlaylists from './fixtures/wizard-playlists';\n\ntest('Organism › OrganismBrandForm > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismBrandForm.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismBrandForm.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismBrandForm › Analytics › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnalytics);\ntest('Organism › OrganismBrandForm › Animations › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnimations);\ntest('Organism › OrganismBrandForm › Cohort › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureCohort);\ntest('Organism › OrganismBrandForm › Dashboard › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDashboard);\ntest('Organism › OrganismBrandForm › Default › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDefault);\ntest('Organism › OrganismBrandForm › GeneralSettings › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureGeneralSettings);\ntest('Organism › OrganismBrandForm › Lms › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLms);\ntest('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);\ntest('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);\ntest('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);\ntest('Organism › OrganismBrandForm › WizardPlaylists › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureWizardPlaylists);\n"],"file":"fixtures.js"}

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

@@ -0,0 +1,34 @@
+"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 _empty = _interopRequireDefault(require("./fixtures/empty"));
+
+var _filtered = _interopRequireDefault(require("./fixtures/filtered"));
+
+var _sortedSelected = _interopRequireDefault(require("./fixtures/sorted-selected"));
+
+var _unsortedSelected = _interopRequireDefault(require("./fixtures/unsorted-selected"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismCourseSelection > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismCourseSelection.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismCourseSelection › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Organism › OrganismCourseSelection › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
+(0, _ava.default)('Organism › OrganismCourseSelection › Filtered › should be rendered', _renderComponent.default, _.default, _filtered.default);
+(0, _ava.default)('Organism › OrganismCourseSelection › SortedSelected › should be rendered', _renderComponent.default, _.default, _sortedSelected.default);
+(0, _ava.default)('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', _renderComponent.default, _.default, _unsortedSelected.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -34,6 +34,7 @@ const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
 
   const items = results.map((result, index) => {
     return /*#__PURE__*/_react.default.createElement("li", {
+      className: _style.default.result,
       key: `result-${index}`
     }, /*#__PURE__*/_react.default.createElement(_chips.default, result));
   }, results);

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 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","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"}

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

@@ -27,7 +27,7 @@
   width: 100%;
 }
 
-li {
+.result {
   min-width: 153px;
   max-width: 268px;
   display: inline-block;

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

@@ -0,0 +1,34 @@
+"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 _empty = _interopRequireDefault(require("./fixtures/empty"));
+
+var _filtered = _interopRequireDefault(require("./fixtures/filtered"));
+
+var _sortedSelected = _interopRequireDefault(require("./fixtures/sorted-selected"));
+
+var _unsortedSelected = _interopRequireDefault(require("./fixtures/unsorted-selected"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismSearchAndChipsResults.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(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 › 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

@@ -0,0 +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"}

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" ? {