@coorpacademy/components 10.1.9 → 10.1.12

package/lib/organism/course-selection/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
+
+var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
+
+var _card = _interopRequireDefault(require("../../molecule/card"));
+
+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 buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {
+  if ((0, _isEmpty2.default)(courses)) {
+    return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
+  }
+
+  const items = courses.map((card, index) => {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: _style.default.cards,
+      key: `card-${index}`
+    }, /*#__PURE__*/_react.default.createElement(_card.default, card));
+  });
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    "aria-label": coursesSelectionAriaLabel
+  }, items);
+};
+
+const CourseSelection = props => {
+  const {
+    search,
+    courses,
+    emptyMessages,
+    'courses-selection-aria-label': coursesSelectionAriaLabel
+  } = props;
+  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.search
+  }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
+    theme: "coorpmanager"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.cardsContainer
+  }, resultView));
+};
+
+CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
+  search: _propTypes.default.shape(_inputSearch.default.PropTypes),
+  courses: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
+  'courses-selection-aria-label': _propTypes.default.string,
+  emptyMessages: _propTypes.default.shape({
+    firstMessage: _propTypes.default.string,
+    secondMessage: _propTypes.default.string
+  })
+} : {};
+var _default = CourseSelection;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/course-selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","items","map","card","index","style","cards","CourseSelection","props","search","resultView","container","cardsContainer","propTypes","PropTypes","shape","Search","arrayOf","Card","string","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,KAAuD;AAC7E,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM;AAA/C,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAA4CE,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJX,IAAAA,OAFI;AAGJE,IAAAA,aAHI;AAIJ,oCAAgCD;AAJ5B,MAKFS,KALJ;AAOA,QAAME,UAAU,GAAGb,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMM;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEN,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMO;AAAtB,KAAuCF,UAAvC,CAJF,CADF;AAQD,CAlBD;;AAoBAH,eAAe,CAACM,SAAhB,2CAA4B;AAC1BJ,EAAAA,MAAM,EAAEK,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BhB,EAAAA,OAAO,EAAEgB,mBAAUG,OAAV,CAAkBH,mBAAUC,KAAV,CAAgBG,cAAKL,SAArB,CAAlB,CAFiB;AAG1B,kCAAgCC,mBAAUK,MAHhB;AAI1BnB,EAAAA,aAAa,EAAEc,mBAAUC,KAAV,CAAgB;AAC7BK,IAAAA,YAAY,EAAEN,mBAAUK,MADK;AAE7BE,IAAAA,aAAa,EAAEP,mBAAUK;AAFI,GAAhB;AAJW,CAA5B;eAUeZ,e","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport Card from '../../molecule/card';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {\n  if (isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    return (\n      <li className={style.cards} key={`card-${index}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    courses,\n    emptyMessages,\n    'courses-selection-aria-label': coursesSelectionAriaLabel\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);\n\n  return (\n    <div className={style.container}>\n      <div className={style.search}>\n        <Search {...search} theme=\"coorpmanager\" />\n      </div>\n      <div className={style.cardsContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}

package/lib/organism/course-selection/style.css

@@ -0,0 +1,23 @@
+@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%;
+}
+
+.search {
+  width: 42%;
+  min-width: 309px;
+}
+
+.cardsContainer {
+  margin: 24px 0 0 0;
+  width: 100%;
+}
+
+.cards {
+  display: inline-block;
+  margin: 0 16px 16px 0px;
+}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
+
+var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
+
+var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
+
+var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
+
+var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the courses',
+      onChange: value => console.log(value)
+    },
+    'courses-selection-aria-label': 'Courses results',
+    courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
+      isSelected: false
+    }), _selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: true
+    }), _extends(_extends({}, _selectableFalse.default.props), {}, {
+      isSelected: false,
+      title: 'Standard course'
+    }), _extends(_extends({}, _externalContent.default.props), {}, {
+      isSelected: false,
+      title: 'External course'
+    }), _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: false,
+      title: 'Scorm course'
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE,KAN/B;AAMsCX,MAAAA,KAAK,EAAE;AAN7C,8BAOHa,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE,KAPhC;AAOuCX,MAAAA,KAAK,EAAE;AAP9C,8BAQHY,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE,KARtB;AAQ6BX,MAAAA,KAAK,EAAE;AARpC;AATJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false, title: 'Standard course'},\n      {...ExternalContent.props, isSelected: false, title: 'External course'},\n      {...Scorm.props, isSelected: false, title: 'Scorm course'}\n    ]\n  }\n};\n"],"file":"default.js"}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: 'Xoxoxo',
+      description: 'Type to find the courses',
+      onChange: value => console.log(value)
+    },
+    'courses-selection-aria-label': 'Courses results',
+    courses: [],
+    emptyMessages: {
+      firstMessage: 'No results...',
+      secondMessage: 'Try something else'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/empty.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","emptyMessages","firstMessage","secondMessage"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,QAHD;AAINC,MAAAA,WAAW,EAAE,0BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,EATJ;AAULC,IAAAA,aAAa,EAAE;AACbC,MAAAA,YAAY,EAAE,eADD;AAEbC,MAAAA,aAAa,EAAE;AAFF;AAVV;AADM,C","sourcesContent":["export default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'Xoxoxo',\n      description: 'Type to find the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [],\n    emptyMessages: {\n      firstMessage: 'No results...',\n      secondMessage: 'Try something else'\n    }\n  }\n};\n"],"file":"empty.js"}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
+
+var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
+
+var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
+
+var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: 'from',
+      description: 'Type to filter the courses',
+      onChange: value => console.log(value)
+    },
+    'courses-selection-aria-label': 'Courses results',
+    courses: [_selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: true
+    }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
+      isSelected: false
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=filtered.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/filtered.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,MAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB;AATJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false}\n    ]\n  }\n};\n"],"file":"filtered.js"}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
+
+var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
+
+var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
+
+var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
+
+var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the courses',
+      onChange: value => console.log(value)
+    },
+    'courses-selection-aria-label': 'Courses results',
+    courses: [_selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: true
+    }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
+      isSelected: false
+    }), _extends(_extends({}, _selectableFalse.default.props), {}, {
+      isSelected: false
+    }), _extends(_extends({}, _externalContent.default.props), {}, {
+      isSelected: false
+    }), _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: false
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=sorted-selected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/sorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","ExternalContent"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,8BAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,8BAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,8BAQHD,eAAMX,KARH;AAQUY,MAAAA,UAAU,EAAE;AARtB;AATJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ]\n  }\n};\n"],"file":"sorted-selected.js"}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
+
+var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
+
+var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
+
+var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
+
+var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  props: {
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the courses',
+      onChange: value => console.log(value)
+    },
+    'courses-selection-aria-label': 'Courses results',
+    courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
+      isSelected: false
+    }), _selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: true
+    }), _extends(_extends({}, _selectableFalse.default.props), {}, {
+      isSelected: false
+    }), _extends(_extends({}, _externalContent.default.props), {}, {
+      isSelected: false
+    }), _extends(_extends({}, _scorm.default.props), {}, {
+      isSelected: false
+    })]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=unsorted-selected.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,8BAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,8BAQHC,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE;AARtB;AATJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ]\n  }\n};\n"],"file":"unsorted-selected.js"}

package/lib/organism/list-item/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ListItem = props => {
+  const {
+    title,
+    tags,
+    buttonLink,
+    bulletPointMenuButton
+  } = props;
+
+  const tagsView = _map2.default.convert({
+    cap: false
+  })((tag, index) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: index,
+      className: _style.default.tag
+    }, /*#__PURE__*/_react.default.createElement(_tag.default, tag));
+  })(tags);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.wrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title,
+    title: title
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.settings
+  }, tagsView, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.edit
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink)), /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, bulletPointMenuButton)));
+};
+
+ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  bulletPointMenuButton: _propTypes.default.shape({
+    buttonAriaLabel: _propTypes.default.string,
+    menuAriaLabel: _propTypes.default.string,
+    buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
+      'data-name': _propTypes.default.string,
+      label: _propTypes.default.string,
+      type: _propTypes.default.string,
+      onClick: _propTypes.default.func
+    })),
+    onClick: _propTypes.default.func
+  }),
+  buttonLink: _propTypes.default.shape({
+    type: _propTypes.default.string,
+    label: _propTypes.default.string,
+    ariaLabel: _propTypes.default.string,
+    dataName: _propTypes.default.string,
+    icon: _propTypes.default.shape({
+      position: _propTypes.default.string,
+      type: _propTypes.default.string
+    }),
+    onClick: _propTypes.default.func
+  }),
+  tags: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    type: _propTypes.default.oneOf(['published', 'draft', 'archived', 'revised', 'default'])
+  })),
+  title: _propTypes.default.string.isRequired
+} : {};
+var _default = ListItem;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/list-item/index.js"],"names":["ListItem","props","title","tags","buttonLink","bulletPointMenuButton","tagsView","convert","cap","tag","index","style","wrapper","settings","edit","propTypes","PropTypes","shape","buttonAriaLabel","string","menuAriaLabel","buttons","arrayOf","label","type","onClick","func","ariaLabel","dataName","icon","position","oneOf","isRequired"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,UAAd;AAA0BC,IAAAA;AAA1B,MAAmDJ,KAAzD;;AACA,QAAMK,QAAQ,GAAG,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,GAAD,EAAMC,KAAN,KAAgB;AACzD,wBACE;AAAK,MAAA,GAAG,EAAEA,KAAV;AAAiB,MAAA,SAAS,EAAEC,eAAMF;AAAlC,oBACE,6BAAC,YAAD,EAASA,GAAT,CADF,CADF;AAKD,GANgB,EAMdN,IANc,CAAjB;;AAOA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAMT,KAAtB;AAA6B,IAAA,KAAK,EAAEA;AAApC,KACGA,KADH,CADF,eAIE;AAAK,IAAA,SAAS,EAAES,eAAME;AAAtB,KACGP,QADH,eAEE;AAAK,IAAA,SAAS,EAAEK,eAAMG;AAAtB,kBACE,6BAAC,mBAAD,EAAgBV,UAAhB,CADF,CAFF,eAKE,6BAAC,8BAAD,EAA2BC,qBAA3B,CALF,CAJF,CADF;AAcD,CAvBD;;AAyBAL,QAAQ,CAACe,SAAT,2CAAqB;AACnBV,EAAAA,qBAAqB,EAAEW,mBAAUC,KAAV,CAAgB;AACrCC,IAAAA,eAAe,EAAEF,mBAAUG,MADU;AAErCC,IAAAA,aAAa,EAAEJ,mBAAUG,MAFY;AAGrCE,IAAAA,OAAO,EAAEL,mBAAUM,OAAV,CACPN,mBAAUC,KAAV,CAAgB;AACd,mBAAaD,mBAAUG,MADT;AAEdI,MAAAA,KAAK,EAAEP,mBAAUG,MAFH;AAGdK,MAAAA,IAAI,EAAER,mBAAUG,MAHF;AAIdM,MAAAA,OAAO,EAAET,mBAAUU;AAJL,KAAhB,CADO,CAH4B;AAWrCD,IAAAA,OAAO,EAAET,mBAAUU;AAXkB,GAAhB,CADJ;AAcnBtB,EAAAA,UAAU,EAAEY,mBAAUC,KAAV,CAAgB;AAC1BO,IAAAA,IAAI,EAAER,mBAAUG,MADU;AAE1BI,IAAAA,KAAK,EAAEP,mBAAUG,MAFS;AAG1BQ,IAAAA,SAAS,EAAEX,mBAAUG,MAHK;AAI1BS,IAAAA,QAAQ,EAAEZ,mBAAUG,MAJM;AAK1BU,IAAAA,IAAI,EAAEb,mBAAUC,KAAV,CAAgB;AACpBa,MAAAA,QAAQ,EAAEd,mBAAUG,MADA;AAEpBK,MAAAA,IAAI,EAAER,mBAAUG;AAFI,KAAhB,CALoB;AAS1BM,IAAAA,OAAO,EAAET,mBAAUU;AATO,GAAhB,CAdO;AAyBnBvB,EAAAA,IAAI,EAAEa,mBAAUM,OAAV,CACJN,mBAAUC,KAAV,CAAgB;AACdM,IAAAA,KAAK,EAAEP,mBAAUG,MADH;AAEdK,IAAAA,IAAI,EAAER,mBAAUe,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,UAAvB,EAAmC,SAAnC,EAA8C,SAA9C,CAAhB;AAFQ,GAAhB,CADI,CAzBa;AA+BnB7B,EAAAA,KAAK,EAAEc,mBAAUG,MAAV,CAAiBa;AA/BL,CAArB;eAkCehC,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport style from './style.css';\n\nconst ListItem = props => {\n  const {title, tags, buttonLink, bulletPointMenuButton} = props;\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title} title={title}>\n        {title}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        <div className={style.edit}>\n          <ButtonLink {...buttonLink} />\n        </div>\n        <BulletPointMenuButton {...bulletPointMenuButton} />\n      </div>\n    </div>\n  );\n};\n\nListItem.propTypes = {\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['published', 'draft', 'archived', 'revised', 'default'])\n    })\n  ),\n  title: PropTypes.string.isRequired\n};\n\nexport default ListItem;\n"],"file":"index.js"}

package/lib/organism/list-item/style.css

@@ -0,0 +1,49 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value xtraLightGrey from colors;
+@value cm_grey_900 from colors;
+@value primaryAdd1 from colors;
+
+.wrapper {
+  width: 100%;
+  border-radius: 7px;
+  background-color: color(xtraLightGrey a(90%));
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  box-sizing: border-box;
+}
+
+.title {
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 16px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.38;
+  letter-spacing: normal;
+  text-align: left;
+  color: cm_grey_900;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.settings {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.tag {
+  margin: 0 16px 0 0; 
+}
+
+.edit {
+  margin: 0 16px 0 0;
+  min-width: 93px;
+}

package/lib/organism/list-item/test/fixtures/archived.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Archived',
+      type: 'archived'
+    }],
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-publish-button',
+        label: 'Publish',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    },
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointButtonOnClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=archived.js.map

package/lib/organism/list-item/test/fixtures/archived.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/archived.js"],"names":["props","id","title","tags","label","type","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","buttonLink","ariaLabel","dataName","icon","position","bulletPointButtonOnClick"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,UADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,CAHD;AASLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEL,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEER,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM,KATlB;AA4BLC,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVU,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJZ,QAAAA,IAAI,EAAE;AAFF,OALI;AASVK,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KA5BP;AAuCLM,IAAAA,wBAAwB,EAAE,MAAMP,OAAO,CAACC,GAAR,CAAY,OAAZ;AAvC3B;AADM,C","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Archived',\n        type: 'archived'\n      }\n    ],\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-publish-button',\n          label: 'Publish',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    },\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointButtonOnClick: () => console.log('click')\n  }\n};\n"],"file":"archived.js"}

package/lib/organism/list-item/test/fixtures/draft.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Draft',
+      type: 'draft'
+    }],
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-publish-button',
+        label: 'Publish',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    },
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointButtonOnClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=draft.js.map

package/lib/organism/list-item/test/fixtures/draft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/draft.js"],"names":["props","id","title","tags","label","type","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","buttonLink","ariaLabel","dataName","icon","position","bulletPointButtonOnClick"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,CAHD;AASLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEL,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEER,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM,KATlB;AA4BLC,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVU,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJZ,QAAAA,IAAI,EAAE;AAFF,OALI;AASVK,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KA5BP;AAuCLM,IAAAA,wBAAwB,EAAE,MAAMP,OAAO,CAACC,GAAR,CAAY,OAAZ;AAvC3B;AADM,C","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Draft',\n        type: 'draft'\n      }\n    ],\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-publish-button',\n          label: 'Publish',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    },\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointButtonOnClick: () => console.log('click')\n  }\n};\n"],"file":"draft.js"}

package/lib/organism/list-item/test/fixtures/published.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Published',
+      type: 'published'
+    }],
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-archive-button',
+        label: 'Archive',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    },
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointButtonOnClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=published.js.map

package/lib/organism/list-item/test/fixtures/published.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/published.js"],"names":["props","id","title","tags","label","type","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","buttonLink","ariaLabel","dataName","icon","position","bulletPointButtonOnClick"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,WADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,CAHD;AASLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEL,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEER,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM,KATlB;AA4BLC,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVU,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJZ,QAAAA,IAAI,EAAE;AAFF,OALI;AASVK,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KA5BP;AAuCLM,IAAAA,wBAAwB,EAAE,MAAMP,OAAO,CAACC,GAAR,CAAY,OAAZ;AAvC3B;AADM,C","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Published',\n        type: 'published'\n      }\n    ],\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-archive-button',\n          label: 'Archive',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    },\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointButtonOnClick: () => console.log('click')\n  }\n};\n"],"file":"published.js"}