@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/lib/molecule/theme-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ThemeImage","image","skin","extract","extractor","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,SAASA,UAAU,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAS,EAACF,IAAI,CAAC;EAC/B,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMK,kBAAkB,GAAG,IAAAF,cAAS,EAACF,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAQ,CAAC;EACzD,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAQ,CAAC;EACzD,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAS,CAAC;EAE3D,oBACE;IAAK,SAAS,EAAES,cAAK,CAACC;EAAQ,gBAC5B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAQ,gBAC5B;IAAK,SAAS,EAAEF,cAAK,CAACG,UAAW;IAAC,KAAK,EAAER;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEK,cAAK,CAACI;EAAiB,gBACrC;IAAK,SAAS,EAAEJ,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEJ;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEC,cAAK,CAACK;EAAgB,gBACpC;IAAK,SAAS,EAAEL,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEL;EAAY,EAAG,CACpD,eACN;IAAK,SAAS,EAAEE,cAAK,CAACM;EAAgB,gBACpC;IAAK,SAAS,EAAEN,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEN;EAAY,EAAG,CACpD,CACF;AAEV;AAEAP,UAAU,CAACiB,YAAY,GAAG;EACxBf,IAAI,EAAEgB,iBAAQ,CAACC,iBAAiB,CAACjB;AACnC,CAAC;AAEDF,UAAU,CAACoB,SAAS,2CAAG;EACrBnB,KAAK,EAAEoB,kBAAS,CAACC,MAAM,CAACC;AAC1B,CAAC;AAAC,eAEavB,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["ThemeImage","image","skin","extract","extractor","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAA,EAAUF,IAAV,CAAhB;EACA,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMK,kBAAkB,GAAG,IAAAF,cAAA,EAAUF,IAAV,EAAgBD,KAAhB,CAA3B;EACA,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAER;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEK,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEN;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDP,UAAU,CAACiB,YAAX,GAA0B;EACxBf,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADT,CAA1B;AAIAF,UAAU,CAACoB,SAAX,2CAAuB;EACrBnB,KAAK,EAAEoB,kBAAA,CAAUC,MAAV,CAAiBC;AADH,CAAvB;eAIevB,U"}

package/lib/molecule/title-and-checkbox-wrapper/index.js

@@ -2,19 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _inputTextWithTitle = _interopRequireDefault(require("../../atom/input-text-with-title"));
+
 var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _dragAndDropWrapper = _interopRequireDefault(require("../drag-and-drop-wrapper"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 CHILD = {
   'input-text': _inputTextWithTitle.default,
   'drag-and-drop-wrapper': _dragAndDropWrapper.default
 };
+
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -30,6 +41,7 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle ? _style.default.child : null
   }, /*#__PURE__*/_react.default.createElement(Child, child)));
 };
+
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: _propTypes.default.shape(_checkboxWithTitle.default.propTypes),
   sectionTitle: _propTypes.default.shape(_title.default.propTypes),

package/lib/molecule/title-and-checkbox-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,KAAK,GAAG;EACZ,YAAY,EAAEC,2BAAkB;EAChC,uBAAuB,EAAEC;AAC3B,CAAC;AACD,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAS,CAAC;EACpC,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAiB,EAAKA,iBAAiB,CAAI,GAAG,IAAI,EACvEE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAK,CAACH;EAAa,gBACjC,6BAAC,cAAK,eAAKA,YAAY;IAAE,IAAI,EAAE;EAAa,GAAG,CAC3C,GACJ,IAAI,eACR;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAAY,GAAGG,cAAK,CAACJ,KAAK,GAAG;EAAK,gBACrE,6BAAC,KAAK,EAAKA,KAAK,CAAI,CAChB,CACF;AAEV,CAAC;AAEDH,uBAAuB,CAACQ,SAAS,2CAAG;EAClCN,iBAAiB,EAAEO,kBAAS,CAACC,KAAK,CAACC,0BAAiB,CAACH,SAAS,CAAC;EAC/DJ,YAAY,EAAEK,kBAAS,CAACC,KAAK,CAACE,cAAK,CAACJ,SAAS,CAAC;EAC9CL,KAAK,EAAEM,kBAAS,CAACI,SAAS,CAAC,CACzBJ,kBAAS,CAACC,KAAK,cACVZ,2BAAkB,CAACU,SAAS;IAC/BF,SAAS,EAAEG,kBAAS,CAACK,KAAK,CAAC,CAAC,YAAY,CAAC;EAAC,GAC1C,EACFL,kBAAS,CAACC,KAAK,cACVX,2BAAkB,CAACS,SAAS;IAC/BF,SAAS,EAAEG,kBAAS,CAACK,KAAK,CAAC,CAAC,uBAAuB,CAAC;EAAC,GACrD,CACH;AACH,CAAC;AAAC,eACad,uBAAuB;AAAA"}
+{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,cAAcC,2BADF;EAEZ,yBAAyBC;AAFb,CAAd;;AAIA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAA,CAAMH;EAAtB,gBACE,6BAAC,cAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCG,cAAA,CAAMJ,KAA1C,GAAkD;EAAlE,gBACE,6BAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;EAClCN,iBAAiB,EAAEO,kBAAA,CAAUC,KAAV,CAAgBC,0BAAA,CAAkBH,SAAlC,CADe;EAElCJ,YAAY,EAAEK,kBAAA,CAAUC,KAAV,CAAgBE,cAAA,CAAMJ,SAAtB,CAFoB;EAGlCL,KAAK,EAAEM,kBAAA,CAAUI,SAAV,CAAoB,CACzBJ,kBAAA,CAAUC,KAAV,cACKZ,2BAAA,CAAmBU,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBL,kBAAA,CAAUC,KAAV,cACKX,2BAAA,CAAmBS,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;eAced,uB"}

package/lib/molecule/titled-checkbox/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _proptypes = require("../../util/proptypes");
+
 var _checkbox = _interopRequireDefault(require("../../atom/checkbox"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 TitledCheckbox = props => {
   const {
     choice,
@@ -39,6 +49,7 @@ const TitledCheckbox = props => {
     className: _style.default.label
   }, label));
 };
+
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: _propTypes.default.shape({
     selected: _propTypes.default.bool.isRequired,

package/lib/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAC5C,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAAI;EACzB,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAMJ,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACE;IAAO,SAAS,EAAEO,cAAK,CAACC;EAAQ,gBAC9B;IACE,SAAS,EAAED,cAAK,CAACE,GAAI;IACrB,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACU,QAAQ,gBAAG,6BAAC,2CAAK;IAAC,SAAS,EAAEH,cAAK,CAACI,IAAK;IAAC,KAAK,EAAC;EAAO,EAAG,GAAG,IAAI,eACxE,6BAAC,iBAAQ;IACP,SAAS,EAAEJ,cAAK,CAACK,KAAM;IACvB,OAAO,EAAEZ,MAAM,CAACU,QAAS;IACzB,QAAQ,EAAEL,YAAa;IACvB,aAAWF;EAAM,EACjB,CACE,eACN;IAAM,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAEI,cAAK,CAACJ;EAAM,GACxCA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDL,cAAc,CAACe,SAAS,2CAAG;EACzBb,MAAM,EAAEc,kBAAS,CAACC,KAAK,CAAC;IACtBL,QAAQ,EAAEI,kBAAS,CAACE,IAAI,CAACC,UAAU;IACnCb,IAAI,EAAEU,kBAAS,CAACI,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAEL,kBAAS,CAACI;EACnB,CAAC,CAAC,CAACD,UAAU;EACbhB,UAAU,EAAEmB,wBAAa;EACzBlB,QAAQ,EAAEY,kBAAS,CAACO,IAAI,CAACJ;AAC3B,CAAC;AAAC,eAEanB,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}

package/lib/molecule/unsubscribe/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -36,6 +43,7 @@ const Unsubscribe = (props, context) => {
     className: _style.default.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
+
 Unsubscribe.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/molecule/unsubscribe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/molecule/unsubscribe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n  const {translate} = context;\n  const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n  return (\n    <div>\n      {!hasUnsubscribed ? (\n        <div className={style.unsubscribe}>\n          <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n          <div className={style.buttonContainer}>\n            <Link className={style.keepSubscriptionButton} href={moocUrl}>\n              {translate('keep_subscription')}\n            </Link>\n          </div>\n          <div className={style.buttonContainer}>\n            <button\n              type=\"button\"\n              className={style.unsubscribeButton}\n              onClick={onUnsubscribeButtonClick}\n            >\n              {translate('unsubscribe')}\n            </button>\n          </div>\n        </div>\n      ) : null}\n      {hasUnsubscribed ? (\n        <div className={style.unsubscribeConfirmation}>\n          {translate('premium_unsubscribe_confirmation')}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nUnsubscribe.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n  moocUrl: PropTypes.string,\n  hasUnsubscribed: PropTypes.bool,\n  onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM;IAACE,OAAO;IAAEC,eAAe;IAAEC;EAAwB,CAAC,GAAGL,KAAK;EAElE,oBACE,0CACG,CAACI,eAAe,gBACf;IAAK,SAAS,EAAEE,cAAK,CAACC;EAAY,gBAChC;IAAK,SAAS,EAAED,cAAK,CAACE;EAAY,GAAEN,SAAS,CAAC,qBAAqB,CAAC,EAAC,GAAC,CAAM,eAC5E;IAAK,SAAS,EAAEI,cAAK,CAACG;EAAgB,gBACpC,6BAAC,aAAI;IAAC,SAAS,EAAEH,cAAK,CAACI,sBAAuB;IAAC,IAAI,EAAEP;EAAQ,GAC1DD,SAAS,CAAC,mBAAmB,CAAC,CAC1B,CACH,eACN;IAAK,SAAS,EAAEI,cAAK,CAACG;EAAgB,gBACpC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEH,cAAK,CAACK,iBAAkB;IACnC,OAAO,EAAEN;EAAyB,GAEjCH,SAAS,CAAC,aAAa,CAAC,CAClB,CACL,CACF,GACJ,IAAI,EACPE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAK,CAACM;EAAwB,GAC3CV,SAAS,CAAC,kCAAkC,CAAC,CAC1C,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDH,WAAW,CAACc,YAAY,GAAG;EACzBX,SAAS,EAAEY,iBAAQ,CAACC,iBAAiB,CAACb;AACxC,CAAC;AAEDH,WAAW,CAACiB,SAAS,2CAAG;EACtBb,OAAO,EAAEc,kBAAS,CAACC,MAAM;EACzBd,eAAe,EAAEa,kBAAS,CAACE,IAAI;EAC/Bd,wBAAwB,EAAEY,kBAAS,CAACG;AACtC,CAAC;AAAC,eAEarB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/molecule/unsubscribe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n  const {translate} = context;\n  const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n  return (\n    <div>\n      {!hasUnsubscribed ? (\n        <div className={style.unsubscribe}>\n          <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n          <div className={style.buttonContainer}>\n            <Link className={style.keepSubscriptionButton} href={moocUrl}>\n              {translate('keep_subscription')}\n            </Link>\n          </div>\n          <div className={style.buttonContainer}>\n            <button\n              type=\"button\"\n              className={style.unsubscribeButton}\n              onClick={onUnsubscribeButtonClick}\n            >\n              {translate('unsubscribe')}\n            </button>\n          </div>\n        </div>\n      ) : null}\n      {hasUnsubscribed ? (\n        <div className={style.unsubscribeConfirmation}>\n          {translate('premium_unsubscribe_confirmation')}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nUnsubscribe.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n  moocUrl: PropTypes.string,\n  hasUnsubscribed: PropTypes.bool,\n  onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM;IAACE,OAAD;IAAUC,eAAV;IAA2BC;EAA3B,IAAuDL,KAA7D;EAEA,oBACE,0CACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAoCN,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE,6BAAC,aAAD;IAAM,SAAS,EAAEH,cAAA,CAAMI,sBAAvB;IAA+C,IAAI,EAAEP;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEH,cAAA,CAAMK,iBAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,GACGV,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACc,YAAZ,GAA2B;EACzBX,SAAS,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADb,CAA3B;AAIAH,WAAW,CAACiB,SAAZ,2CAAwB;EACtBb,OAAO,EAAEc,kBAAA,CAAUC,MADG;EAEtBd,eAAe,EAAEa,kBAAA,CAAUE,IAFL;EAGtBd,wBAAwB,EAAEY,kBAAA,CAAUG;AAHd,CAAxB;eAMerB,W"}

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

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _snakeCase = _interopRequireDefault(require("lodash/fp/snakeCase"));
+
 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,
   LocaleInError: _novaIcons.NovaSolidStatusClose
 };
+
 const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
+
 const buildTab = (tab, index) => {
   const {
     title,
@@ -38,6 +50,7 @@ const buildTab = (tab, index) => {
     className: leftIcon === 'LocaleInError' ? _style.default.leftIconError : _style.default.leftIcon
   }) : null);
 };
+
 const VerticalTabs = props => {
   const {
     tabs,
@@ -50,6 +63,7 @@ const VerticalTabs = props => {
     title: ariaLabel
   }, tabsList);
 };
+
 const LeftIconValues = process.env.NODE_ENV !== "production" ? [...(0, _keys.default)(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: _propTypes.default.arrayOf(_propTypes.default.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","snakeCase","classnames","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","keys","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"sources":["../../../src/molecule/vertical-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon,\n  LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n  iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon, iconAriaLabel} = 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 ? (\n        <LeftIcon\n          data-name={getIconDataName(leftIcon)}\n          aria-label={iconAriaLabel}\n          className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n        />\n      ) : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.oneOf(LeftIconValues),\n      onClick: PropTypes.func,\n      iconAriaLabel: PropTypes.string\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCAAS;EAC9BC,aAAa,EAAEC;AACjB,CAAC;AAED,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAe,GAAG,uBAAuB,GAAG,sBAAsB;AAEjF,MAAMC,QAAQ,GAAG,CAACC,GAAG,EAAEC,KAAK,KAAK;EAC/B,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGN,GAAG;EAE/D,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAQ,CAAC;EACpC,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAS,EAACN,KAAK,CAAE,EAAE;IAC9C,SAAS,EAAE,IAAAO,mBAAU,EAACC,cAAK,CAACV,GAAG,EAAEG,QAAQ,IAAIO,cAAK,CAACP,QAAQ,CAAE;IAC7D,GAAG,EAAEF,KAAM;IACX,OAAO,EAAEG;EAAQ,gBAEjB;IAAM,SAAS,EAAEM,cAAK,CAACR;EAAM,GAAEA,KAAK,CAAQ,EAC3CK,QAAQ,gBACP,6BAAC,QAAQ;IACP,aAAWV,eAAe,CAACQ,QAAQ,CAAE;IACrC,cAAYC,aAAc;IAC1B,SAAS,EAAED,QAAQ,KAAK,eAAe,GAAGK,cAAK,CAACC,aAAa,GAAGD,cAAK,CAACL;EAAS,EAC/E,GACA,IAAI,CACL;AAET,CAAC;AAED,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACxD,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAACnB,QAAQ,CAAC;EAEnC,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAU,EAAC,CAACC,cAAK,CAACS,OAAO,EAAEJ,SAAS,CAAC,CAAE;IAAC,KAAK,EAAEC;EAAU,GACrEC,QAAQ,CACN;AAET,CAAC;AAED,MAAMG,cAAc,2CAAG,CAAC,GAAG,IAAAC,aAAI,EAAC7B,SAAS,CAAC,EAAE,EAAE,CAAC;AAE/CoB,YAAY,CAACU,SAAS,2CAAG;EACvBR,IAAI,EAAES,kBAAS,CAACC,OAAO,CACrBD,kBAAS,CAACE,KAAK,CAAC;IACdvB,KAAK,EAAEwB,aAAI,CAACJ,SAAS,CAACK,QAAQ;IAC9BxB,QAAQ,EAAEoB,kBAAS,CAACK,IAAI;IACxBvB,QAAQ,EAAEkB,kBAAS,CAACM,KAAK,CAACT,cAAc,CAAC;IACzChB,OAAO,EAAEmB,kBAAS,CAACO,IAAI;IACvBxB,aAAa,EAAEiB,kBAAS,CAACQ;EAC3B,CAAC,CAAC,CACH;EACDhB,SAAS,EAAEQ,kBAAS,CAACQ,MAAM;EAC3B,YAAY,EAAER,kBAAS,CAACQ;AAC1B,CAAC;AAAC,eACanB,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","snakeCase","classnames","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","keys","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"sources":["../../../src/molecule/vertical-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon,\n  LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n  iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon, iconAriaLabel} = 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 ? (\n        <LeftIcon\n          data-name={getIconDataName(leftIcon)}\n          aria-label={iconAriaLabel}\n          className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n        />\n      ) : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.oneOf(LeftIconValues),\n      onClick: PropTypes.func,\n      iconAriaLabel: PropTypes.string\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCADL;EAEhBC,aAAa,EAAEC;AAFC,CAAlB;;AAKA,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAb,GAA+B,uBAA/B,GAAyD,sBAD3D;;AAGA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;EAC/B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,OAAlB;IAA2BC,QAA3B;IAAqCC;EAArC,IAAsDN,GAA5D;EAEA,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAA,EAAUN,KAAV,CAAiB,EAD9C;IAEE,SAAS,EAAE,IAAAO,mBAAA,EAAWC,cAAA,CAAMV,GAAjB,EAAsBG,QAAQ,IAAIO,cAAA,CAAMP,QAAxC,CAFb;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEM,cAAA,CAAMR;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,6BAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BK,cAAA,CAAMC,aAArC,GAAqDD,cAAA,CAAML;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASnB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAA,EAAW,CAACC,cAAA,CAAMS,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG,IAAAC,aAAA,EAAK7B,SAAL,CAAJ,EAAqB,EAArB,CAAvB;AAEAoB,YAAY,CAACU,SAAb,2CAAyB;EACvBR,IAAI,EAAES,kBAAA,CAAUC,OAAV,CACJD,kBAAA,CAAUE,KAAV,CAAgB;IACdvB,KAAK,EAAEwB,aAAA,CAAKJ,SAAL,CAAeK,QADR;IAEdxB,QAAQ,EAAEoB,kBAAA,CAAUK,IAFN;IAGdvB,QAAQ,EAAEkB,kBAAA,CAAUM,KAAV,CAAgBT,cAAhB,CAHI;IAIdhB,OAAO,EAAEmB,kBAAA,CAAUO,IAJL;IAKdxB,aAAa,EAAEiB,kBAAA,CAAUQ;EALX,CAAhB,CADI,CADiB;EAUvBhB,SAAS,EAAEQ,kBAAA,CAAUQ,MAVE;EAWvB,cAAcR,kBAAA,CAAUQ;AAXD,CAAzB;eAaenB,Y"}

package/lib/molecule/video-iframe/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _qs = _interopRequireDefault(require("qs"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 getUrl = ({
   url,
   type,
@@ -21,21 +31,27 @@ const getUrl = ({
   switch (type) {
     case 'youtube':
       return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends({}, query, opts))}`;
+
     case 'uptale':
       return `https://my.uptale.io/Experience/Launch?id=${id}`;
+
     case 'omniPlayer':
       return `https://mms.myomni.live/${id}`;
+
     case 'jwplayer':
       return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;
+
     default:
       return url;
   }
 };
+
 class VideoIframe extends _react.default.Component {
   componentDidMount() {
     const {
       type
     } = this.props;
+
     if (type === 'kontiki') {
       const {
         onPlay = _noop2.default
@@ -43,6 +59,7 @@ class VideoIframe extends _react.default.Component {
       onPlay();
     }
   }
+
   render() {
     const {
       type,
@@ -69,7 +86,9 @@ class VideoIframe extends _react.default.Component {
       allowFullScreen: true
     });
   }
+
 }
+
 VideoIframe.contextTypes = {
   Vimeo: _provider.default.childContextTypes.Vimeo
 };

package/lib/molecule/video-iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAG;EAAEC,IAAI;EAAEC,EAAE;EAAEC,KAAK,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EACzD,QAAQH,IAAI;IACV,KAAK,SAAS;MACZ,OAAQ,iCAAgCC,EAAG,IAAGG,WAAE,CAACC,SAAS,cAAKH,KAAK,EAAKC,IAAI,EAAG,EAAC;IACnF,KAAK,QAAQ;MACX,OAAQ,6CAA4CF,EAAG,EAAC;IAC1D,KAAK,YAAY;MACf,OAAQ,2BAA0BA,EAAG,EAAC;IACxC,KAAK,UAAU;MACb,OAAQ,0CAAyCA,EAAG,gBAAe;IACrE;MACE,OAAOF,GAAG;EAAC;AAEjB,CAAC;AAED,MAAMO,WAAW,SAASC,cAAK,CAACC,SAAS,CAAC;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAI,CAAC,GAAG,IAAI,CAACU,KAAK;IACzB,IAAIV,IAAI,KAAK,SAAS,EAAE;MACtB,MAAM;QAACW,MAAM;MAAO,CAAC,GAAG,IAAI,CAACD,KAAK;MAClCC,MAAM,EAAE;IACV;EACF;EAEAC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAI;MAAEC,EAAE;MAAEF,GAAG;MAAEc,QAAQ,GAAG,KAAK;MAAEC,KAAK,GAAG,MAAM;MAAEC,MAAM,GAAG;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IACtF,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAG;MAAEC,IAAI;MAAEC,EAAE;MAAEY;IAAQ,CAAC,CAAC;IAE7C,oBACE;MACE,GAAG,EAAEG,GAAI;MACT,KAAK,EAAEF,KAAM;MACb,MAAM,EAAEC,MAAO;MACf,WAAW,EAAE,CAAE;MACf,SAAS,EAAEE,cAAK,CAACC,MAAO;MACxB,OAAO,EAAElB,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1C,SAAS,EAAEA,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAK;MAC3C,eAAe;IAAA,EACf;EAEN;AACF;AAxCMM,WAAW,CAWRa,YAAY,GAAG;EACpBC,KAAK,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACpC,CAAC;AAbGd,WAAW,CACRiB,SAAS,2CAAG;EACjBvB,IAAI,EAAEwB,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;EACxFX,KAAK,EAAEU,kBAAS,CAACE,MAAM;EACvBX,MAAM,EAAES,kBAAS,CAACE,MAAM;EACxB3B,GAAG,EAAE4B,sBAAW;EAChB1B,EAAE,EAAEuB,kBAAS,CAACE,MAAM;EACpBb,QAAQ,EAAEW,kBAAS,CAACI,IAAI;EACxBjB,MAAM,EAAEa,kBAAS,CAACK;AACpB,CAAC;AAAA,eAiCYvB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGG,WAAA,CAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAD,IAAS,KAAKU,KAApB;;IACA,IAAIV,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACW,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBc,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBY;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEE,cAAA,CAAMC,MALnB;MAME,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCM,W,CAWGa,Y,GAAe;EACpBC,KAAK,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,C;AAXlBd,W,CACGiB,S,2CAAY;EACjBvB,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBX,KAAK,EAAEU,kBAAA,CAAUE,MAFA;EAGjBX,MAAM,EAAES,kBAAA,CAAUE,MAHD;EAIjB3B,GAAG,EAAE4B,sBAJY;EAKjB1B,EAAE,EAAEuB,kBAAA,CAAUE,MALG;EAMjBb,QAAQ,EAAEW,kBAAA,CAAUI,IANH;EAOjBjB,MAAM,EAAEa,kBAAA,CAAUK;AAPD,C;eAyCNvB,W"}

package/lib/molecule/video-player/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _videoIframe = _interopRequireDefault(require("../video-iframe"));
+
 var _jwplayer = _interopRequireDefault(require("./jwplayer"));
+
 var _vimeo = _interopRequireDefault(require("./vimeo"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 const _excluded = ["loading", "disableAutostart", "jwpOptions"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
 class VideoPlayer extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     if (props.id === state.id) return null;
@@ -21,8 +33,10 @@ class VideoPlayer extends _react.default.Component {
       played: false
     };
   }
+
   constructor(props) {
     super(props);
+
     this.handleOnPlay = e => {
       const {
         played
@@ -31,13 +45,16 @@ class VideoPlayer extends _react.default.Component {
         onResume,
         onPlay
       } = this.props;
+
       if (played) {
         if (onResume) onResume(e);
       } else if (onPlay) onPlay(e);
+
       this.setState({
         played: true
       });
     };
+
     this.renderPlayer = () => {
       const {
         mimeType,
@@ -48,6 +65,7 @@ class VideoPlayer extends _react.default.Component {
         width = '100%',
         height = '343px'
       } = this.props;
+
       switch (mimeType) {
         case 'application/vimeo':
           return /*#__PURE__*/_react.default.createElement(_vimeo.default, _extends({}, this.props, {
@@ -58,6 +76,7 @@ class VideoPlayer extends _react.default.Component {
             className: _style.default.wrapper,
             onPlay: this.handleOnPlay
           }));
+
         case 'application/youtube':
         case 'application/uptale':
         case 'application/h5p':
@@ -75,17 +94,19 @@ class VideoPlayer extends _react.default.Component {
             onPause: onPause,
             onEnded: onEnded
           });
+
         case 'application/kontiki':
         case 'application/jwplayer':
         case 'video/mp4':
           {
             const _this$props = this.props,
-              {
-                loading = false,
-                disableAutostart,
-                jwpOptions
-              } = _this$props,
-              otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+                  {
+              loading = false,
+              disableAutostart,
+              jwpOptions
+            } = _this$props,
+                  otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+
             return loading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : /*#__PURE__*/_react.default.createElement(_jwplayer.default, _extends({}, otherProps, {
               disableAutostart: disableAutostart,
               jwpOptions: jwpOptions,
@@ -95,11 +116,13 @@ class VideoPlayer extends _react.default.Component {
           }
       }
     };
+
     this.state = {
       played: false,
       id: props.id
     };
   }
+
   render() {
     const {
       id
@@ -110,7 +133,9 @@ class VideoPlayer extends _react.default.Component {
       key: id
     }, this.renderPlayer());
   }
+
 }
+
 VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = VideoPlayer;
 exports.default = _default;

package/lib/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render","propTypes"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render","propTypes"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}

package/lib/molecule/video-player/jwplayer-prop-types.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = {
   mimeType: _propTypes.default.string,
   scriptErrorMessage: _propTypes.default.string,

package/lib/molecule/video-player/jwplayer-prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"jwplayer-prop-types.js","names":["mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"sources":["../../../src/molecule/video-player/jwplayer-prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.bool\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n"],"mappings":";;;;AAAA;AACA;AAAiD;AAAA,eAElC;EACbA,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,kBAAkB,EAAEF,kBAAS,CAACC,MAAM;EACpCE,gBAAgB,EAAEH,kBAAS,CAACI,IAAI;EAChC;EACAC,UAAU,EAAEL,kBAAS,CAACM,KAAK,CAAC;IAC1BC,IAAI,EAAEC,sBAAW;IACjBC,WAAW,EAAET,kBAAS,CAACM,KAAK,CAAC;MAC3BI,WAAW,EAAEV,kBAAS,CAACC,MAAM;MAC7BU,MAAM,EAAEX,kBAAS,CAACY,OAAO,CACvBZ,kBAAS,CAACM,KAAK,CAAC;QACdC,IAAI,EAAEC,sBAAW;QACjBK,KAAK,EAAEb,kBAAS,CAACC,MAAM;QACvBa,IAAI,EAAEd,kBAAS,CAACC,MAAM;QACtBc,OAAO,EAAEf,kBAAS,CAACI;MACrB,CAAC,CAAC,CACH;MACDY,SAAS,EAAEhB,kBAAS,CAACiB,KAAK,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;MACzDC,KAAK,EAAElB,kBAAS,CAACC,MAAM;MACvBkB,IAAI,EAAEnB,kBAAS,CAACM,KAAK,CAAC;QACpBc,IAAI,EAAEpB,kBAAS,CAACC;MAClB,CAAC;IACH,CAAC,CAAC;IACFoB,UAAU,EAAErB,kBAAS,CAACC,MAAM,CAACqB,UAAU;IACvCC,YAAY,EAAEf,sBAAW,CAACc,UAAU;IACpCE,QAAQ,EAAExB,kBAAS,CAACC,MAAM,CAACqB;EAC7B,CAAC,CAAC;EACFG,MAAM,EAAEzB,kBAAS,CAAC0B,IAAI;EACtBC,QAAQ,EAAE3B,kBAAS,CAAC0B,IAAI;EACxBE,OAAO,EAAE5B,kBAAS,CAAC0B,IAAI;EACvBG,OAAO,EAAE7B,kBAAS,CAAC0B,IAAI;EACvBI,OAAO,EAAE9B,kBAAS,CAAC0B,IAAI;EACvBK,mBAAmB,EAAE/B,kBAAS,CAAC0B,IAAI;EACnCM,qBAAqB,EAAEhC,kBAAS,CAAC0B,IAAI;EACrCO,YAAY,EAAEjC,kBAAS,CAAC0B,IAAI;EAC5BQ,SAAS,EAAElC,kBAAS,CAAC0B;AACvB,CAAC;AAAA"}
+{"version":3,"file":"jwplayer-prop-types.js","names":["mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"sources":["../../../src/molecule/video-player/jwplayer-prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.bool\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;EACbA,QAAQ,EAAEC,kBAAA,CAAUC,MADP;EAEbC,kBAAkB,EAAEF,kBAAA,CAAUC,MAFjB;EAGbE,gBAAgB,EAAEH,kBAAA,CAAUI,IAHf;EAIb;EACAC,UAAU,EAAEL,kBAAA,CAAUM,KAAV,CAAgB;IAC1BC,IAAI,EAAEC,sBADoB;IAE1BC,WAAW,EAAET,kBAAA,CAAUM,KAAV,CAAgB;MAC3BI,WAAW,EAAEV,kBAAA,CAAUC,MADI;MAE3BU,MAAM,EAAEX,kBAAA,CAAUY,OAAV,CACNZ,kBAAA,CAAUM,KAAV,CAAgB;QACdC,IAAI,EAAEC,sBADQ;QAEdK,KAAK,EAAEb,kBAAA,CAAUC,MAFH;QAGda,IAAI,EAAEd,kBAAA,CAAUC,MAHF;QAIdc,OAAO,EAAEf,kBAAA,CAAUI;MAJL,CAAhB,CADM,CAFmB;MAU3BY,SAAS,EAAEhB,kBAAA,CAAUiB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAElB,kBAAA,CAAUC,MAXU;MAY3BkB,IAAI,EAAEnB,kBAAA,CAAUM,KAAV,CAAgB;QACpBc,IAAI,EAAEpB,kBAAA,CAAUC;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BoB,UAAU,EAAErB,kBAAA,CAAUC,MAAV,CAAiBqB,UAlBH;IAmB1BC,YAAY,EAAEf,sBAAA,CAAYc,UAnBA;IAoB1BE,QAAQ,EAAExB,kBAAA,CAAUC,MAAV,CAAiBqB;EApBD,CAAhB,CALC;EA2BbG,MAAM,EAAEzB,kBAAA,CAAU0B,IA3BL;EA4BbC,QAAQ,EAAE3B,kBAAA,CAAU0B,IA5BP;EA6BbE,OAAO,EAAE5B,kBAAA,CAAU0B,IA7BN;EA8BbG,OAAO,EAAE7B,kBAAA,CAAU0B,IA9BN;EA+BbI,OAAO,EAAE9B,kBAAA,CAAU0B,IA/BN;EAgCbK,mBAAmB,EAAE/B,kBAAA,CAAU0B,IAhClB;EAiCbM,qBAAqB,EAAEhC,kBAAA,CAAU0B,IAjCpB;EAkCbO,YAAY,EAAEjC,kBAAA,CAAU0B,IAlCX;EAmCbQ,SAAS,EAAElC,kBAAA,CAAU0B;AAnCR,C"}