@coorpacademy/components 10.0.50 → 10.1.3

package/lib/molecule/unsubscribe/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 _subscribed = _interopRequireDefault(require("./fixtures/subscribed"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeUnsubscribe > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeUnsubscribe.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeUnsubscribe › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeUnsubscribe › Subscribed › should be rendered', _renderComponent.default, _.default, _subscribed.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/unsubscribe/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/unsubscribe/test/fixtures.js"],"names":["t","pass","MoleculeUnsubscribe","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureSubscribed"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8DAAL,EAAqEA,CAAC,IAAI;AACxEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAoBC,SAA5B,EAAuC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACrDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wDAAuDF,GAAI,mEAApF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,+DAAL,EAAsEG,wBAAtE,EAA4FN,SAA5F,EAAiHO,gBAAjH;AACA,kBAAK,kEAAL,EAAyED,wBAAzE,EAA+FN,SAA/F,EAAoHQ,mBAApH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeUnsubscribe from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureSubscribed from './fixtures/subscribed';\n\ntest('Molecule › MoleculeUnsubscribe > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeUnsubscribe.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeUnsubscribe.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeUnsubscribe › Default › should be rendered', renderComponentMacro, MoleculeUnsubscribe, fixtureDefault);\ntest('Molecule › MoleculeUnsubscribe › Subscribed › should be rendered', renderComponentMacro, MoleculeUnsubscribe, fixtureSubscribed);\n"],"file":"fixtures.js"}

package/lib/molecule/vertical-tabs/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _snakeCase2 = _interopRequireDefault(require("lodash/fp/snakeCase"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _link = _interopRequireDefault(require("../../atom/link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const LeftIcons = {
+  BlueValidatedCircle: _novaIcons.NovaSolidStatusCheckCircle2
+};
+
+const buildTab = (tab, index) => {
+  const {
+    title,
+    selected,
+    onClick,
+    leftIcon
+  } = tab;
+  const LeftIcon = LeftIcons[leftIcon];
+  return /*#__PURE__*/_react.default.createElement("li", {
+    "data-name": `vertical_tab_${(0, _snakeCase2.default)(title)}`,
+    className: (0, _classnames.default)(_style.default.tab, selected && _style.default.selected),
+    key: index,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title
+  }, title), LeftIcon ? /*#__PURE__*/_react.default.createElement(LeftIcon, {
+    className: _style.default.leftIcon
+  }) : null);
+};
+
+const VerticalTabs = props => {
+  const {
+    tabs
+  } = props;
+  const tabsList = tabs.map(buildTab);
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.wrapper
+  }, tabsList);
+};
+
+VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
+  tabs: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _link.default.propTypes.children,
+    selected: _propTypes.default.bool,
+    leftIcon: _propTypes.default.string,
+    onClick: _propTypes.default.func
+  }))
+} : {};
+var _default = VerticalTabs;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/vertical-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["LeftIcons","BlueValidatedCircle","CheckIcon","buildTab","tab","index","title","selected","onClick","leftIcon","LeftIcon","style","VerticalTabs","props","tabs","tabsList","map","wrapper","propTypes","PropTypes","arrayOf","shape","Link","children","bool","string","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEC;AADL,CAAlB;;AAIA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;AAA3B,MAAuCL,GAA7C;AAEA,QAAMM,QAAQ,GAAGV,SAAS,CAACS,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,yBAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAE,yBAAWK,eAAMP,GAAjB,EAAsBG,QAAQ,IAAII,eAAMJ,QAAxC,CAFb;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAEG,eAAML;AAAvB,KAA+BA,KAA/B,CANF,EAOGI,QAAQ,gBAAG,6BAAC,QAAD;AAAU,IAAA,SAAS,EAAEC,eAAMF;AAA3B,IAAH,GAA6C,IAPxD,CADF;AAWD,CAfD;;AAiBA,MAAMG,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;AACA,QAAME,QAAQ,GAAGD,IAAI,CAACE,GAAL,CAASb,QAAT,CAAjB;AAEA,sBAAO;AAAI,IAAA,SAAS,EAAEQ,eAAMM;AAArB,KAA+BF,QAA/B,CAAP;AACD,CALD;;AAOAH,YAAY,CAACM,SAAb,2CAAyB;AACvBJ,EAAAA,IAAI,EAAEK,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdf,IAAAA,KAAK,EAAEgB,cAAKJ,SAAL,CAAeK,QADR;AAEdhB,IAAAA,QAAQ,EAAEY,mBAAUK,IAFN;AAGdf,IAAAA,QAAQ,EAAEU,mBAAUM,MAHN;AAIdjB,IAAAA,OAAO,EAAEW,mBAAUO;AAJL,GAAhB,CADI;AADiB,CAAzB;eAUed,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon\n};\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? <LeftIcon className={style.leftIcon} /> : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return <ul className={style.wrapper}>{tabsList}</ul>;\n};\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\nexport default VerticalTabs;\n"],"file":"index.js"}

package/lib/molecule/vertical-tabs/style.css

@@ -0,0 +1,69 @@
+@value colors: "../../variables/colors.css";
+@value white from colors;
+@value light from colors;
+@value cm_grey_400 from colors;
+@value medium from colors;
+@value cm_blue_50 from colors;
+@value cm_primary_blue from colors;
+
+.wrapper {
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow: hidden scroll;
+  list-style: none;
+}
+
+.tab {
+  display: flex;
+  width: 100%;
+  height: 36px;
+  flex-grow: 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px;
+  border-radius: 5px;
+  margin-bottom: 16px;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: left;
+  margin-left: 6px;
+  color: cm_grey_400;
+  flex: 0 1 100%;
+}
+
+.leftIcon {
+  width: 20px;
+  height: 15px;
+  color: cm_primary_blue
+}
+
+.tab:hover {
+  color: cm_blue_50;
+}
+
+.tab:hover a {
+  color: cm_primary_blue;
+}
+
+.tab.selected {
+  background-color: cm_blue_50;
+}
+
+.tab.selected a {
+  color: cm_primary_blue;
+}

package/lib/molecule/vertical-tabs/test/fixtures/default.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    tabs: [{
+      title: '🇫🇷 French',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇪🇸 Spanish',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇮🇹 Italian',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇩🇪 German',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇷🇺 Russian',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇵🇱 Polish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇹🇷 Turkish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/vertical-tabs/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KADI,EAOJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAPI,EAaJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAbI,EAmBJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAnBI,EAyBJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAzBI,EA+BJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA/BI,EAqCJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KArCI;AADD;AADM,C","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js

@@ -0,0 +1,86 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    tabs: [{
+      title: '🇫🇷 French',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: true
+    }, {
+      title: '🇪🇸 Spanish',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇮🇹 Italian',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇩🇪 German',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇷🇺 Russian',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇵🇱 Polish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇹🇷 Turkish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇩🇪 German',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇷🇺 Russian',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇵🇱 Polish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇹🇷 Turkish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇩🇪 German',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇷🇺 Russian',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇵🇱 Polish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇹🇷 Turkish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=with-selected-item.js.map

package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: true\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ]\n  }\n};\n"],"file":"with-selected-item.js"}

package/lib/molecule/video-iframe/test/fixtures.js

@@ -0,0 +1,40 @@
+"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 _empty = _interopRequireDefault(require("./fixtures/empty"));
+
+var _h5p = _interopRequireDefault(require("./fixtures/h5p"));
+
+var _imagePlaceholder = _interopRequireDefault(require("./fixtures/image-placeholder"));
+
+var _jwplayer = _interopRequireDefault(require("./fixtures/jwplayer"));
+
+var _omniPlayer = _interopRequireDefault(require("./fixtures/omni-player"));
+
+var _uptale = _interopRequireDefault(require("./fixtures/uptale"));
+
+var _youtube = _interopRequireDefault(require("./fixtures/youtube"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeVideoIframe > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeVideoIframe.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeVideoIframe › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
+(0, _ava.default)('Molecule › MoleculeVideoIframe › H5P › should be rendered', _renderComponent.default, _.default, _h5p.default);
+(0, _ava.default)('Molecule › MoleculeVideoIframe › ImagePlaceholder › should be rendered', _renderComponent.default, _.default, _imagePlaceholder.default);
+(0, _ava.default)('Molecule › MoleculeVideoIframe › Jwplayer › should be rendered', _renderComponent.default, _.default, _jwplayer.default);
+(0, _ava.default)('Molecule › MoleculeVideoIframe › OmniPlayer › should be rendered', _renderComponent.default, _.default, _omniPlayer.default);
+(0, _ava.default)('Molecule › MoleculeVideoIframe › Uptale › should be rendered', _renderComponent.default, _.default, _uptale.default);
+(0, _ava.default)('Molecule › MoleculeVideoIframe › Youtube › should be rendered', _renderComponent.default, _.default, _youtube.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/video-iframe/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/video-iframe/test/fixtures.js"],"names":["t","pass","MoleculeVideoIframe","propTypes","value","key","not","undefined","renderComponentMacro","fixtureEmpty","fixtureH5P","fixtureImagePlaceholder","fixtureJwplayer","fixtureOmniPlayer","fixtureUptale","fixtureYoutube"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8DAAL,EAAqEA,CAAC,IAAI;AACxEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAoBC,SAA5B,EAAuC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACrDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wDAAuDF,GAAI,mEAApF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA+GO,cAA/G;AACA,kBAAK,2DAAL,EAAkED,wBAAlE,EAAwFN,SAAxF,EAA6GQ,YAA7G;AACA,kBAAK,wEAAL,EAA+EF,wBAA/E,EAAqGN,SAArG,EAA0HS,yBAA1H;AACA,kBAAK,gEAAL,EAAuEH,wBAAvE,EAA6FN,SAA7F,EAAkHU,iBAAlH;AACA,kBAAK,kEAAL,EAAyEJ,wBAAzE,EAA+FN,SAA/F,EAAoHW,mBAApH;AACA,kBAAK,8DAAL,EAAqEL,wBAArE,EAA2FN,SAA3F,EAAgHY,eAAhH;AACA,kBAAK,+DAAL,EAAsEN,wBAAtE,EAA4FN,SAA5F,EAAiHa,gBAAjH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeVideoIframe from '..';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureH5P from './fixtures/h5p';\nimport fixtureImagePlaceholder from './fixtures/image-placeholder';\nimport fixtureJwplayer from './fixtures/jwplayer';\nimport fixtureOmniPlayer from './fixtures/omni-player';\nimport fixtureUptale from './fixtures/uptale';\nimport fixtureYoutube from './fixtures/youtube';\n\ntest('Molecule › MoleculeVideoIframe > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeVideoIframe.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeVideoIframe.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeVideoIframe › Empty › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureEmpty);\ntest('Molecule › MoleculeVideoIframe › H5P › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureH5P);\ntest('Molecule › MoleculeVideoIframe › ImagePlaceholder › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureImagePlaceholder);\ntest('Molecule › MoleculeVideoIframe › Jwplayer › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureJwplayer);\ntest('Molecule › MoleculeVideoIframe › OmniPlayer › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureOmniPlayer);\ntest('Molecule › MoleculeVideoIframe › Uptale › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureUptale);\ntest('Molecule › MoleculeVideoIframe › Youtube › should be rendered', renderComponentMacro, MoleculeVideoIframe, fixtureYoutube);\n"],"file":"fixtures.js"}

package/lib/molecule/video-player/test/fixtures.js

@@ -0,0 +1,46 @@
+"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 _h5p = _interopRequireDefault(require("./fixtures/h5p"));
+
+var _jwplayerWithSubtitles = _interopRequireDefault(require("./fixtures/jwplayer-with-subtitles"));
+
+var _jwplayer = _interopRequireDefault(require("./fixtures/jwplayer"));
+
+var _kontiki = _interopRequireDefault(require("./fixtures/kontiki"));
+
+var _mp = _interopRequireDefault(require("./fixtures/mp4"));
+
+var _omniPlayer = _interopRequireDefault(require("./fixtures/omni-player"));
+
+var _uptale = _interopRequireDefault(require("./fixtures/uptale"));
+
+var _vimeo = _interopRequireDefault(require("./fixtures/vimeo"));
+
+var _youtube = _interopRequireDefault(require("./fixtures/youtube"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeVideoPlayer > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeVideoPlayer.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › H5P › should be rendered', _renderComponent.default, _.default, _h5p.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › JwplayerWithSubtitles › should be rendered', _renderComponent.default, _.default, _jwplayerWithSubtitles.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › Jwplayer › should be rendered', _renderComponent.default, _.default, _jwplayer.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › Kontiki › should be rendered', _renderComponent.default, _.default, _kontiki.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › Mp4 › should be rendered', _renderComponent.default, _.default, _mp.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › OmniPlayer › should be rendered', _renderComponent.default, _.default, _omniPlayer.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › Uptale › should be rendered', _renderComponent.default, _.default, _uptale.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › Vimeo › should be rendered', _renderComponent.default, _.default, _vimeo.default);
+(0, _ava.default)('Molecule › MoleculeVideoPlayer › Youtube › should be rendered', _renderComponent.default, _.default, _youtube.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/video-player/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/video-player/test/fixtures.js"],"names":["t","pass","MoleculeVideoPlayer","propTypes","value","key","not","undefined","renderComponentMacro","fixtureH5P","fixtureJwplayerWithSubtitles","fixtureJwplayer","fixtureKontiki","fixtureMp4","fixtureOmniPlayer","fixtureUptale","fixtureVimeo","fixtureYoutube"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8DAAL,EAAqEA,CAAC,IAAI;AACxEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAoBC,SAA5B,EAAuC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACrDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wDAAuDF,GAAI,mEAApF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,2DAAL,EAAkEG,wBAAlE,EAAwFN,SAAxF,EAA6GO,YAA7G;AACA,kBAAK,6EAAL,EAAoFD,wBAApF,EAA0GN,SAA1G,EAA+HQ,8BAA/H;AACA,kBAAK,gEAAL,EAAuEF,wBAAvE,EAA6FN,SAA7F,EAAkHS,iBAAlH;AACA,kBAAK,+DAAL,EAAsEH,wBAAtE,EAA4FN,SAA5F,EAAiHU,gBAAjH;AACA,kBAAK,2DAAL,EAAkEJ,wBAAlE,EAAwFN,SAAxF,EAA6GW,WAA7G;AACA,kBAAK,kEAAL,EAAyEL,wBAAzE,EAA+FN,SAA/F,EAAoHY,mBAApH;AACA,kBAAK,8DAAL,EAAqEN,wBAArE,EAA2FN,SAA3F,EAAgHa,eAAhH;AACA,kBAAK,6DAAL,EAAoEP,wBAApE,EAA0FN,SAA1F,EAA+Gc,cAA/G;AACA,kBAAK,+DAAL,EAAsER,wBAAtE,EAA4FN,SAA5F,EAAiHe,gBAAjH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeVideoPlayer from '..';\nimport fixtureH5P from './fixtures/h5p';\nimport fixtureJwplayerWithSubtitles from './fixtures/jwplayer-with-subtitles';\nimport fixtureJwplayer from './fixtures/jwplayer';\nimport fixtureKontiki from './fixtures/kontiki';\nimport fixtureMp4 from './fixtures/mp4';\nimport fixtureOmniPlayer from './fixtures/omni-player';\nimport fixtureUptale from './fixtures/uptale';\nimport fixtureVimeo from './fixtures/vimeo';\nimport fixtureYoutube from './fixtures/youtube';\n\ntest('Molecule › MoleculeVideoPlayer > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeVideoPlayer.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeVideoPlayer.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeVideoPlayer › H5P › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureH5P);\ntest('Molecule › MoleculeVideoPlayer › JwplayerWithSubtitles › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureJwplayerWithSubtitles);\ntest('Molecule › MoleculeVideoPlayer › Jwplayer › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureJwplayer);\ntest('Molecule › MoleculeVideoPlayer › Kontiki › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureKontiki);\ntest('Molecule › MoleculeVideoPlayer › Mp4 › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureMp4);\ntest('Molecule › MoleculeVideoPlayer › OmniPlayer › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureOmniPlayer);\ntest('Molecule › MoleculeVideoPlayer › Uptale › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureUptale);\ntest('Molecule › MoleculeVideoPlayer › Vimeo › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureVimeo);\ntest('Molecule › MoleculeVideoPlayer › Youtube › should be rendered', renderComponentMacro, MoleculeVideoPlayer, fixtureYoutube);\n"],"file":"fixtures.js"}

package/lib/molecule/wizard-summary/index.js

@@ -0,0 +1,213 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const buildItemsOfSection = items => {
+  return items.map((item, index) => {
+    const {
+      type
+    } = item;
+
+    switch (type) {
+      case 'mainElement':
+        return /*#__PURE__*/_react.default.createElement("li", {
+          key: `${item.title}-${index}`
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: _style.default.title
+        }, item.title), /*#__PURE__*/_react.default.createElement("span", {
+          className: _style.default.value
+        }, item.value));
+
+      case 'content':
+        {
+          const {
+            category,
+            label,
+            title,
+            author,
+            unsaved = false
+          } = item;
+          return /*#__PURE__*/_react.default.createElement("li", {
+            className: _style.default.contentWrapper,
+            key: `${title}-${index}`
+          }, /*#__PURE__*/_react.default.createElement("span", {
+            className: _style.default.contentCounter
+          }, index + 1), /*#__PURE__*/_react.default.createElement("div", {
+            className: _style.default.contentItem
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            className: _style.default.content
+          }, /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
+            category: category,
+            label: label
+          }), /*#__PURE__*/_react.default.createElement("span", {
+            className: (0, _classnames.default)(_style.default.contentTitle, unsaved && _style.default.unsaved),
+            title: title // eslint-disable-next-line react/no-danger
+            ,
+            dangerouslySetInnerHTML: {
+              __html: title
+            }
+          })), author ? /*#__PURE__*/_react.default.createElement("span", {
+            className: _style.default.author
+          }, author) : null));
+        }
+
+      case 'text':
+      default:
+        {
+          const {
+            text,
+            unsaved = false
+          } = item;
+          return /*#__PURE__*/_react.default.createElement("li", {
+            key: `${item.text}-${index}`
+          }, /*#__PURE__*/_react.default.createElement("span", {
+            className: (0, _classnames.default)(_style.default.valueSimpleText, unsaved && _style.default.unsaved)
+          }, text));
+        }
+    }
+  });
+};
+
+const buildSectionHeader = section => {
+  const {
+    title,
+    counterText
+  } = section;
+
+  if (!title) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.sectionHeader
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title
+  }, title), counterText ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.counterText
+  }, counterText) : null);
+};
+
+const buildSections = sections => {
+  return sections.map((section, index) => {
+    const sectionHeader = buildSectionHeader(section);
+    const itemsView = buildItemsOfSection(section.items);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: `summary-section-${index}`,
+      "data-step": index,
+      className: _style.default.sectionWrapper
+    }, sectionHeader, /*#__PURE__*/_react.default.createElement("ul", null, itemsView));
+  });
+};
+
+const buildAction = action => {
+  if (!action) return null;
+  const {
+    onClick,
+    text,
+    icon,
+    'aria-label': ariaLabel
+  } = action;
+  const handleClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+  const buttonProps = {
+    type: 'text',
+    label: text,
+    'aria-label': ariaLabel,
+    'data-name': `${icon}-button`,
+    onClick: handleClick,
+    icon: {
+      position: 'left',
+      type: icon
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps));
+};
+
+const WizardSummary = props => {
+  const {
+    title,
+    sections,
+    action
+  } = props;
+  const sectionsView = buildSections(sections);
+  const actionView = buildAction(action);
+  const idSwitch = 'open-summary-wizard';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.desktopSummaryTitle
+  }, title), /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: idSwitch,
+    name: "toogle",
+    title: idSwitch,
+    className: _style.default.checkbox
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.summary
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabletSummaryHeader
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: idSwitch
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.tabletSummaryTitle
+  }, title), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+    className: _style.default.tabletSummaryIcon
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.summarySections
+  }, sectionsView)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.actionZone
+  }, actionView));
+};
+
+WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  sections: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string,
+    items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+      type: _propTypes.default.string,
+      title: _propTypes.default.string,
+      value: _propTypes.default.string
+    }), _propTypes.default.shape({
+      type: _propTypes.default.string,
+      text: _propTypes.default.string,
+      unsaved: _propTypes.default.bool
+    }), _propTypes.default.shape({
+      type: _propTypes.default.string,
+      category: _propTypes.default.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast']),
+      title: _propTypes.default.string,
+      label: _propTypes.default.string,
+      author: _propTypes.default.string,
+      unsaved: _propTypes.default.bool
+    })])),
+    counterText: _propTypes.default.string
+  })),
+  action: _propTypes.default.shape({
+    icon: _propTypes.default.string,
+    text: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    'aria-label': _propTypes.default.string
+  })
+} : {};
+var _default = WizardSummary;
+exports.default = _default;
+//# sourceMappingURL=index.js.map