@coorpacademy/components 10.3.19 → 10.3.21-alpha.3

package/lib/molecule/setup-sections/index.js

@@ -17,9 +17,9 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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; }
+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; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 

package/lib/molecule/setup-slide/index.js

@@ -99,21 +99,21 @@ SetupSlide.defaultProps = {
   fields: []
 };
 SetupSlide.propTypes = process.env.NODE_ENV !== "production" ? {
-  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _inputSwitch.default.propTypes, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends(_extends({}, _inputSwitch.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['switch'])
-  })), _propTypes.default.shape(_extends({}, _select.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _select.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['select'])
-  })), _propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _inputCheckbox.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['checkbox'])
-  })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _imageUpload.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['image'])
-  })), _propTypes.default.shape(_extends({}, _inputReadonly.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _inputReadonly.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['readonly'])
-  })), _propTypes.default.shape(_extends({}, _inputDoublestep.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _inputDoublestep.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['doublestep'])
-  })), _propTypes.default.shape(_extends({}, _setupCohortItem.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _setupCohortItem.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['splitForm'])
-  })), _propTypes.default.shape(_extends({}, _messagePopin.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _messagePopin.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['alert'])
   })), _propTypes.default.shape(_inputText.default.propTypes)]))
 } : {};

package/lib/molecule/setup-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}

package/lib/molecule/share/index.js

@@ -17,9 +17,9 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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; }
+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 SHARE_STATUS = {
   IDLE: 'IDLE',
@@ -55,7 +55,7 @@ const copyTextViaExecCommand = text => {
   return status;
 };
 
-const StatusContext = /*#__PURE__*/_react.default.createContext(SHARE_STATUS.IDLE);
+const StatusContext = _react.default.createContext(SHARE_STATUS.IDLE);
 
 const ShareStatusProvider = ({
   children

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;AAEA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,MADa;AAEnBC,EAAAA,KAAK,EAAE,OAFY;AAGnBC,EAAAA,OAAO,EAAE;AAHU,CAArB;;AAMA,MAAMC,sBAAsB,GAAGC,IAAI,IAAI;AACrC,QAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CAAuB,UAAvB,CAAjB;AAEAF,EAAAA,QAAQ,CAACG,KAAT,CAAeC,MAAf,GAAwB,GAAxB;AACAJ,EAAAA,QAAQ,CAACG,KAAT,CAAeE,OAAf,GAAyB,GAAzB;AACAL,EAAAA,QAAQ,CAACG,KAAT,CAAeG,UAAf,GAA4B,QAA5B;AACAN,EAAAA,QAAQ,CAACG,KAAT,CAAeI,QAAf,GAA0B,UAA1B;AACAP,EAAAA,QAAQ,CAACQ,YAAT,CAAsB,UAAtB,EAAkC,EAAlC;AACAR,EAAAA,QAAQ,CAACS,KAAT,GAAiBV,IAAjB,CARqC,CAUrC;AACA;;AACAE,EAAAA,QAAQ,CAACS,IAAT,CAAcC,WAAd,CAA0BX,QAA1B;AACA,MAAIY,MAAM,GAAGlB,YAAY,CAACC,IAA1B;;AAEA,MAAI;AACFK,IAAAA,QAAQ,CAACa,MAAT;AACAb,IAAAA,QAAQ,CAACc,iBAAT,CAA2B,CAA3B,EAA8Bd,QAAQ,CAACS,KAAT,CAAeM,MAA7C;AACAd,IAAAA,QAAQ,CAACe,WAAT,CAAqB,MAArB;AACAJ,IAAAA,MAAM,GAAGlB,YAAY,CAACG,OAAtB;AACD,GALD,CAKE,OAAOoB,KAAP,EAAc;AACdL,IAAAA,MAAM,GAAGlB,YAAY,CAACE,KAAtB;AACD,GAtBoC,CAwBrC;AACA;;;AACAK,EAAAA,QAAQ,CAACS,IAAT,CAAcQ,WAAd,CAA0BlB,QAA1B;AAEA,SAAOY,MAAP;AACD,CA7BD;;AA+BA,MAAMO,aAAa,gBAAGC,eAAMC,aAAN,CAAoB3B,YAAY,CAACC,IAAjC,CAAtB;;AAEO,MAAM2B,mBAAmB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAgB;AACjD,QAAM,CAACX,MAAD,EAASY,SAAT,IAAsB,qBAAS9B,YAAY,CAACC,IAAtB,CAA5B;AACA,wBAAU,MAAM;AACd,QAAI8B,SAAJ;AACA,UAAMC,QAAQ,GAAG,IAAjB;;AACA,QAAId,MAAM,KAAKlB,YAAY,CAACC,IAA5B,EAAkC;AAChC8B,MAAAA,SAAS,GAAGE,UAAU,CAAC,MAAMH,SAAS,CAAC9B,YAAY,CAACC,IAAd,CAAhB,EAAqC+B,QAArC,CAAtB;AACD;;AACD,WAAO,MAAME,YAAY,CAACH,SAAD,CAAzB;AACD,GAPD,EAOG,CAACb,MAAD,CAPH;AASA,QAAMH,KAAK,GAAG,oBAAQ,MAAM,CAACG,MAAD,EAASY,SAAT,CAAd,EAAmC,CAACZ,MAAD,CAAnC,CAAd;AAEA,sBAAO,6BAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEH;AAA/B,KAAuCc,QAAvC,CAAP;AACD,CAdM;;;;AAgBA,MAAMM,aAAa,GAAG,CAAC;AAACC,EAAAA,cAAD;AAAiBC,EAAAA;AAAjB,CAAD,KAAoC;AAC/D,QAAM,CAACnB,MAAD,IAAW,uBAAWO,aAAX,CAAjB;AACA,MAAIP,MAAM,KAAKlB,YAAY,CAACC,IAA5B,EAAkC,OAAO,IAAP;AAElC,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWqC,eAAOC,QAAlB,EAA4BrB,MAAM,KAAKlB,YAAY,CAACE,KAAxB,IAAiCoC,eAAOE,aAApE;AADb,KAGGtB,MAAM,KAAKlB,YAAY,CAACG,OAAxB,gBACC,6BAAC,2CAAD;AAAW,IAAA,SAAS,EAAEmC,eAAOG,SAA7B;AAAwC,IAAA,KAAK,EAAE,EAA/C;AAAmD,IAAA,MAAM,EAAE;AAA3D,IADD,gBAGC,6BAAC,+CAAD;AAAe,IAAA,SAAS,EAAEH,eAAOG,SAAjC;AAA4C,IAAA,KAAK,EAAE,EAAnD;AAAuD,IAAA,MAAM,EAAE;AAA/D,IANJ,eAQE,wCAAIvB,MAAM,KAAKlB,YAAY,CAACG,OAAxB,GAAkCiC,cAAlC,GAAmDC,YAAvD,CARF,CADF;AAYD,CAhBM;;;;AAkBP,MAAMK,KAAK,GAAG,CAAC;AAACjC,EAAAA,KAAD;AAAQJ,EAAAA,IAAR;AAAcsC,EAAAA;AAAd,CAAD,KAA4B;AACxC,QAAM,GAAGb,SAAH,IAAgB,uBAAWL,aAAX,CAAtB;AACA,QAAMmB,OAAO,GAAG,wBAAY,YAAY;AACtC,UAAMC,iCAAiC,GACrC,eAAeC,SAAf,IAA4B,eAAeA,SAAS,CAACC,SADvD;;AAEA,QAAIF,iCAAJ,EAAuC;AACrC,UAAI;AACF,cAAMC,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8B3C,IAA9B,CAAN;AACAyB,QAAAA,SAAS,CAAC9B,YAAY,CAACG,OAAd,CAAT;AACD,OAHD,CAGE,OAAOoB,KAAP,EAAc;AACdO,QAAAA,SAAS,CAAC9B,YAAY,CAACE,KAAd,CAAT;AACD;;AACD;AACD,KARD,MAQO;AACL,YAAM+C,UAAU,GAAG7C,sBAAsB,CAACC,IAAD,CAAzC;AACAyB,MAAAA,SAAS,CAACmB,UAAD,CAAT;AACD;;AACD;AACD,GAhBe,EAgBb,CAACnB,SAAD,CAhBa,CAAhB;AAkBA,sBACE;AAAK,IAAA,SAAS,GAAGQ,eAAOY,SAAP,EAAkBzC,KAArB;AAAd,kBACE,6BAAC,aAAD;AAAM,IAAA,OAAO,EAAEmC,OAAf;AAAwB,IAAA,SAAS,EAAEN,eAAOa,GAA1C;AAA+C,iBAAW;AAA1D,kBACE;AAAK,IAAA,SAAS,EAAEb,eAAOc;AAAvB,kBACE,6BAAC,2CAAD;AAAW,IAAA,SAAS,EAAEd,eAAOe,SAA7B;AAAwC,IAAA,KAAK,EAAE,EAA/C;AAAmD,IAAA,MAAM,EAAE;AAA3D,IADF,eAEE,wCAAIV,OAAJ,CAFF,CADF,CADF,CADF;AAUD,CA9BD;;AAgCAf,mBAAmB,CAAC0B,SAApB,2CAAgC;AAC9BzB,EAAAA,QAAQ,EAAE0B,mBAAUC;AADU,CAAhC;AAIArB,aAAa,CAACmB,SAAd,2CAA0B;AACxBlB,EAAAA,cAAc,EAAEmB,mBAAUE,MADF;AAExBpB,EAAAA,YAAY,EAAEkB,mBAAUE;AAFA,CAA1B;AAKAf,KAAK,CAACY,SAAN,2CAAkB;AAChB7C,EAAAA,KAAK,EAAE8C,mBAAUE,MADD;AAEhBpD,EAAAA,IAAI,EAAEkD,mBAAUE,MAFA;AAGhBd,EAAAA,OAAO,EAAEY,mBAAUE;AAHH,CAAlB;eAMef,K","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"mappings":"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","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}

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

@@ -17,9 +17,9 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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; }
+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 TitledCheckbox = props => {
   const {

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

@@ -3,8 +3,6 @@
 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"));
@@ -13,6 +11,10 @@ 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"));
@@ -20,26 +22,32 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const LeftIcons = {
-  BlueValidatedCircle: _novaIcons.NovaSolidStatusCheckCircle2
+  BlueValidatedCircle: _novaIcons.NovaSolidStatusCheckCircle2,
+  LocaleInError: _novaIcons.NovaSolidStatusClose
 };
 
+const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
+
 const buildTab = (tab, index) => {
   const {
     title,
     selected,
     onClick,
-    leftIcon
+    leftIcon,
+    iconAriaLabel
   } = tab;
   const LeftIcon = LeftIcons[leftIcon];
   return /*#__PURE__*/_react.default.createElement("li", {
-    "data-name": `vertical_tab_${(0, _snakeCase2.default)(title)}`,
+    "data-name": `vertical_tab_${(0, _snakeCase.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
+    "data-name": getIconDataName(leftIcon),
+    "aria-label": iconAriaLabel,
+    className: leftIcon === 'LocaleInError' ? _style.default.leftIconError : _style.default.leftIcon
   }) : null);
 };
 
@@ -56,12 +64,14 @@ const VerticalTabs = props => {
   }, 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({
     title: _link.default.propTypes.children,
     selected: _propTypes.default.bool,
-    leftIcon: _propTypes.default.string,
-    onClick: _propTypes.default.func
+    leftIcon: _propTypes.default.oneOf(LeftIconValues),
+    onClick: _propTypes.default.func,
+    iconAriaLabel: _propTypes.default.string
   })),
   className: _propTypes.default.string,
   'aria-label': _propTypes.default.string

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

@@ -1 +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","className","ariaLabel","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,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASf,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,EAAE,yBAAW,CAACQ,eAAMQ,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;AAWAL,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,IAAI,EAAEO,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdjB,IAAAA,KAAK,EAAEkB,cAAKJ,SAAL,CAAeK,QADR;AAEdlB,IAAAA,QAAQ,EAAEc,mBAAUK,IAFN;AAGdjB,IAAAA,QAAQ,EAAEY,mBAAUM,MAHN;AAIdnB,IAAAA,OAAO,EAAEa,mBAAUO;AAJL,GAAhB,CADI,CADiB;AASvBb,EAAAA,SAAS,EAAEM,mBAAUM,MATE;AAUvB,gBAAcN,mBAAUM;AAVD,CAAzB;eAYef,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, 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\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  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEC,sCADL;AAEhBC,EAAAA,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;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA,QAA3B;AAAqCC,IAAAA;AAArC,MAAsDN,GAA5D;AAEA,QAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,wBAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAE,yBAAWM,eAAMR,GAAjB,EAAsBG,QAAQ,IAAIK,eAAML,QAAxC,CAFb;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAEI,eAAMN;AAAvB,KAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,6BAAC,QAAD;AACE,iBAAWV,eAAe,CAACQ,QAAD,CAD5B;AAEE,kBAAYC,aAFd;AAGE,IAAA,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BG,eAAMC,aAArC,GAAqDD,eAAMH;AAHxE,IADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMK,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASjB,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,EAAE,yBAAW,CAACS,eAAMS,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG,mBAAK1B,SAAL,CAAJ,EAAqB,EAArB,CAAvB;AAEAkB,YAAY,CAACS,SAAb,2CAAyB;AACvBP,EAAAA,IAAI,EAAEQ,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdpB,IAAAA,KAAK,EAAEqB,cAAKJ,SAAL,CAAeK,QADR;AAEdrB,IAAAA,QAAQ,EAAEiB,mBAAUK,IAFN;AAGdpB,IAAAA,QAAQ,EAAEe,mBAAUM,KAAV,CAAgBR,cAAhB,CAHI;AAIdd,IAAAA,OAAO,EAAEgB,mBAAUO,IAJL;AAKdrB,IAAAA,aAAa,EAAEc,mBAAUQ;AALX,GAAhB,CADI,CADiB;AAUvBf,EAAAA,SAAS,EAAEO,mBAAUQ,MAVE;AAWvB,gBAAcR,mBAAUQ;AAXD,CAAzB;eAaelB,Y","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"],"file":"index.js"}

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

@@ -5,6 +5,7 @@
 @value medium from colors;
 @value cm_blue_50 from colors;
 @value cm_primary_blue from colors;
+@value cm_negative_100 from colors;
 
 .wrapper {
   background-color: white;
@@ -52,6 +53,16 @@
   color: cm_primary_blue
 }
 
+.leftIconError {
+  background-color: cm_negative_100;
+  color: white;
+  border-radius: 50%;
+  padding: 2px;
+  width: 9px;
+  height: 9px;
+  margin-right: 3px;
+}
+
 .tab:hover {
   color: cm_blue_50;
 }

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

@@ -1,24 +1,31 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.iconAriaLabelSuccess = exports.iconAriaLabelError = void 0;
+const iconAriaLabelError = 'Locale with errors icon';
+exports.iconAriaLabelError = iconAriaLabelError;
+const iconAriaLabelSuccess = 'Validated locale icon';
+exports.iconAriaLabelSuccess = iconAriaLabelSuccess;
 var _default = {
   props: {
     tabs: [{
       title: '🇫🇷 French',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇪🇸 Spanish',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇮🇹 Italian',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇩🇪 German',
       leftIcon: '',

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

@@ -1 +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,CADD;AA6CL,kBAAc;AA7CT;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    'aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["iconAriaLabelError","iconAriaLabelSuccess","props","tabs","title","leftIcon","onClick","console","log","selected","iconAriaLabel"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,yBAA3B;;AACA,MAAMC,oBAAoB,GAAG,uBAA7B;;eAEQ;AACbC,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,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KADI,EAQJ;AACEG,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KARI,EAeJ;AACEG,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KAfI,EAsBJ;AACEG,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,KAtBI,EA4BJ;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,KA5BI,EAkCJ;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,KAlCI,EAwCJ;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,KAxCI,CADD;AAgDL,kBAAc;AAhDT;AADM,C","sourcesContent":["export const iconAriaLabelError = 'Locale with errors icon';\nexport const iconAriaLabelSuccess = 'Validated locale icon';\n\nexport default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\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    'aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js

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

package/lib/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected","iconAriaLabel","iconAriaLabelError","iconAriaLabelSuccess"],"mappings":";;;;;AAAA;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,eAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAEC;AALjB,KADI,EAQJ;AACEP,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAEE;AALjB,KARI,EAeJ;AACER,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,eAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAEC;AALjB,KAfI,EAsBJ;AACEP,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,KAtBI,EA4BJ;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,KA5BI,EAkCJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAEE;AALjB,KAlCI,EAyCJ;AACER,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,KAzCI,CADD;AAiDL,kBAAc;AAjDT;AADM,C","sourcesContent":["import {iconAriaLabelError, iconAriaLabelSuccess} from './default';\n\nexport default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'LocaleInError',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelError\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'LocaleInError',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelError\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: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ],\n    'aria-label': 'Languages list'\n  }\n};\n"],"file":"with-multiple-errors.js"}

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

@@ -2,23 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
+var _default2 = require("./default");
+
 var _default = {
   props: {
     tabs: [{
       title: '🇫🇷 French',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: true
+      selected: true,
+      iconAriaLabel: _default2.iconAriaLabelSuccess
     }, {
       title: '🇪🇸 Spanish',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: _default2.iconAriaLabelSuccess
     }, {
       title: '🇮🇹 Italian',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: _default2.iconAriaLabelSuccess
     }, {
       title: '🇩🇪 German',
       leftIcon: '',
@@ -76,9 +82,10 @@ var _default = {
       selected: false
     }, {
       title: '🇹🇷 Turkish',
-      leftIcon: '',
+      leftIcon: 'LocaleInError',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: _default2.iconAriaLabelError
     }],
     'aria-label': 'Languages list'
   }

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

@@ -1 +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    'aria-label': 'Languages list'\n  }\n};\n"],"file":"with-selected-item.js"}
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected","iconAriaLabel","iconAriaLabelSuccess","iconAriaLabelError"],"mappings":"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","sourcesContent":["import {iconAriaLabelError, iconAriaLabelSuccess} from './default';\n\nexport default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: true,\n        iconAriaLabel: iconAriaLabelSuccess\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelSuccess\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: 'LocaleInError',\n        onClick: () => console.log('click'),\n        selected: false,\n        iconAriaLabel: iconAriaLabelError\n      }\n    ],\n    'aria-label': 'Languages list'\n  }\n};\n"],"file":"with-selected-item.js"}

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

@@ -10,6 +10,8 @@ var _ = _interopRequireDefault(require(".."));
 
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
+var _withMultipleErrors = _interopRequireDefault(require("./fixtures/with-multiple-errors"));
+
 var _withSelectedItem = _interopRequireDefault(require("./fixtures/with-selected-item"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,5 +23,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   });
 });
 (0, _ava.default)('Molecule › MoleculeVerticalTabs › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeVerticalTabs › WithMultipleErrors › should be rendered', _renderComponent.default, _.default, _withMultipleErrors.default);
 (0, _ava.default)('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', _renderComponent.default, _.default, _withSelectedItem.default);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/vertical-tabs/test/fixtures.js"],"names":["t","pass","MoleculeVerticalTabs","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureWithSelectedItem"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAAmHO,gBAAnH;AACA,kBAAK,yEAAL,EAAgFD,wBAAhF,EAAsGN,SAAtG,EAA4HQ,yBAA5H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeVerticalTabs from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithSelectedItem from './fixtures/with-selected-item';\n\ntest('Molecule › MoleculeVerticalTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeVerticalTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeVerticalTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeVerticalTabs › Default › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureDefault);\ntest('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithSelectedItem);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/vertical-tabs/test/fixtures.js"],"names":["t","pass","MoleculeVerticalTabs","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureWithMultipleErrors","fixtureWithSelectedItem"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAAmHO,gBAAnH;AACA,kBAAK,2EAAL,EAAkFD,wBAAlF,EAAwGN,SAAxG,EAA8HQ,2BAA9H;AACA,kBAAK,yEAAL,EAAgFF,wBAAhF,EAAsGN,SAAtG,EAA4HS,yBAA5H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeVerticalTabs from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithMultipleErrors from './fixtures/with-multiple-errors';\nimport fixtureWithSelectedItem from './fixtures/with-selected-item';\n\ntest('Molecule › MoleculeVerticalTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeVerticalTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeVerticalTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeVerticalTabs › Default › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureDefault);\ntest('Molecule › MoleculeVerticalTabs › WithMultipleErrors › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithMultipleErrors);\ntest('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithSelectedItem);\n"],"file":"fixtures.js"}

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

@@ -32,7 +32,7 @@ const getUrl = ({
 }) => {
   switch (type) {
     case 'youtube':
-      return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends({}, query, opts))}`;
+      return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends(_extends({}, query), opts))}`;
 
     case 'uptale':
       return `https://my.uptale.io/Experience/Launch?id=${id}`;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-iframe/index.js"],"names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;AAACC,EAAAA,GAAD;AAAMC,EAAAA,IAAN;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,KAAK,GAAG,EAAxB;AAA4BC,EAAAA,IAAI,GAAG;AAAnC,CAAD,KAA4C;AACzD,UAAQH,IAAR;AACE,SAAK,SAAL;AACE,aAAQ,iCAAgCC,EAAG,IAAGG,YAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;AACF,SAAK,QAAL;AACE,aAAQ,6CAA4CF,EAAG,EAAvD;;AACF,SAAK,YAAL;AACE,aAAQ,2BAA0BA,EAAG,EAArC;;AACF,SAAK,UAAL;AACE,aAAQ,0CAAyCA,EAAG,gBAApD;;AACF;AACE,aAAOF,GAAP;AAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,eAAMC,SAAhC,CAA0C;AAexCC,EAAAA,iBAAiB,GAAG;AAClB,UAAM;AAACT,MAAAA;AAAD,QAAS,KAAKU,KAApB;;AACA,QAAIV,IAAI,KAAK,SAAb,EAAwB;AACtB,YAAM;AAACW,QAAAA,MAAM;AAAP,UAAkB,KAAKD,KAA7B;AACAC,MAAAA,MAAM;AACP;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAACZ,MAAAA,IAAD;AAAOC,MAAAA,EAAP;AAAWF,MAAAA,GAAX;AAAgBc,MAAAA,QAAQ,GAAG,KAA3B;AAAkCC,MAAAA,KAAK,GAAG,MAA1C;AAAkDC,MAAAA,MAAM,GAAG;AAA3D,QAAsE,KAAKL,KAAjF;AACA,UAAMM,GAAG,GAAGlB,MAAM,CAAC;AAACC,MAAAA,GAAD;AAAMC,MAAAA,IAAN;AAAYC,MAAAA,EAAZ;AAAgBY,MAAAA;AAAhB,KAAD,CAAlB;AAEA,wBACE;AACE,MAAA,GAAG,EAAEG,GADP;AAEE,MAAA,KAAK,EAAEF,KAFT;AAGE,MAAA,MAAM,EAAEC,MAHV;AAIE,MAAA,WAAW,EAAE,CAJf;AAKE,MAAA,SAAS,EAAEE,eAAMC,MALnB;AAME,MAAA,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;AAOE,MAAA,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;AAQE,MAAA,eAAe;AARjB,MADF;AAYD;;AAvCuC;;gBAApCM,W,kBAWkB;AACpBa,EAAAA,KAAK,EAAEC,kBAASC,iBAAT,CAA2BF;AADd,C;;AAXlBb,W,CACGgB,S,2CAAY;AACjBtB,EAAAA,IAAI,EAAEuB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;AAEjBV,EAAAA,KAAK,EAAES,mBAAUE,MAFA;AAGjBV,EAAAA,MAAM,EAAEQ,mBAAUE,MAHD;AAIjB1B,EAAAA,GAAG,EAAE2B,sBAJY;AAKjBzB,EAAAA,EAAE,EAAEsB,mBAAUE,MALG;AAMjBZ,EAAAA,QAAQ,EAAEU,mBAAUI,IANH;AAOjBhB,EAAAA,MAAM,EAAEY,mBAAUK;AAPD,C;eAyCNtB,W","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"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-iframe/index.js"],"names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;AAACC,EAAAA,GAAD;AAAMC,EAAAA,IAAN;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,KAAK,GAAG,EAAxB;AAA4BC,EAAAA,IAAI,GAAG;AAAnC,CAAD,KAA4C;AACzD,UAAQH,IAAR;AACE,SAAK,SAAL;AACE,aAAQ,iCAAgCC,EAAG,IAAGG,YAAGC,SAAH,uBAAiBH,KAAjB,GAA2BC,IAA3B,EAAkC,EAAhF;;AACF,SAAK,QAAL;AACE,aAAQ,6CAA4CF,EAAG,EAAvD;;AACF,SAAK,YAAL;AACE,aAAQ,2BAA0BA,EAAG,EAArC;;AACF,SAAK,UAAL;AACE,aAAQ,0CAAyCA,EAAG,gBAApD;;AACF;AACE,aAAOF,GAAP;AAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,eAAMC,SAAhC,CAA0C;AAexCC,EAAAA,iBAAiB,GAAG;AAClB,UAAM;AAACT,MAAAA;AAAD,QAAS,KAAKU,KAApB;;AACA,QAAIV,IAAI,KAAK,SAAb,EAAwB;AACtB,YAAM;AAACW,QAAAA,MAAM;AAAP,UAAkB,KAAKD,KAA7B;AACAC,MAAAA,MAAM;AACP;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAACZ,MAAAA,IAAD;AAAOC,MAAAA,EAAP;AAAWF,MAAAA,GAAX;AAAgBc,MAAAA,QAAQ,GAAG,KAA3B;AAAkCC,MAAAA,KAAK,GAAG,MAA1C;AAAkDC,MAAAA,MAAM,GAAG;AAA3D,QAAsE,KAAKL,KAAjF;AACA,UAAMM,GAAG,GAAGlB,MAAM,CAAC;AAACC,MAAAA,GAAD;AAAMC,MAAAA,IAAN;AAAYC,MAAAA,EAAZ;AAAgBY,MAAAA;AAAhB,KAAD,CAAlB;AAEA,wBACE;AACE,MAAA,GAAG,EAAEG,GADP;AAEE,MAAA,KAAK,EAAEF,KAFT;AAGE,MAAA,MAAM,EAAEC,MAHV;AAIE,MAAA,WAAW,EAAE,CAJf;AAKE,MAAA,SAAS,EAAEE,eAAMC,MALnB;AAME,MAAA,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;AAOE,MAAA,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;AAQE,MAAA,eAAe;AARjB,MADF;AAYD;;AAvCuC;;gBAApCM,W,kBAWkB;AACpBa,EAAAA,KAAK,EAAEC,kBAASC,iBAAT,CAA2BF;AADd,C;;AAXlBb,W,CACGgB,S,2CAAY;AACjBtB,EAAAA,IAAI,EAAEuB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;AAEjBV,EAAAA,KAAK,EAAES,mBAAUE,MAFA;AAGjBV,EAAAA,MAAM,EAAEQ,mBAAUE,MAHD;AAIjB1B,EAAAA,GAAG,EAAE2B,sBAJY;AAKjBzB,EAAAA,EAAE,EAAEsB,mBAAUE,MALG;AAMjBZ,EAAAA,QAAQ,EAAEU,mBAAUI,IANH;AAOjBhB,EAAAA,MAAM,EAAEY,mBAAUK;AAPD,C;eAyCNtB,W","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"],"file":"index.js"}

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

@@ -17,8 +17,6 @@ var _vimeo = _interopRequireDefault(require("./vimeo"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-const _excluded = ["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; }
@@ -106,7 +104,7 @@ class VideoPlayer extends _react.default.Component {
               disableAutostart,
               jwpOptions
             } = _this$props,
-                  otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+                  otherProps = _objectWithoutPropertiesLoose(_this$props, ["disableAutostart", "jwpOptions"]);
 
             return /*#__PURE__*/_react.default.createElement(_jwplayer.default, _extends({}, otherProps, {
               disableAutostart: disableAutostart,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    autoplay: PropTypes.bool,\n    disableAutostart: PropTypes.bool,\n    jwpOptions: JWPlayer.propTypes.jwpOptions,\n    mimeType: PropTypes.oneOf([\n      'application/kontiki',\n      'application/uptale',\n      'application/vimeo',\n      'application/youtube',\n      'application/jwplayer',\n      'application/omniPlayer',\n      'application/h5p',\n      'video/mp4'\n    ]).isRequired\n  };\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 {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\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"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    autoplay: PropTypes.bool,\n    disableAutostart: PropTypes.bool,\n    jwpOptions: JWPlayer.propTypes.jwpOptions,\n    mimeType: PropTypes.oneOf([\n      'application/kontiki',\n      'application/uptale',\n      'application/vimeo',\n      'application/youtube',\n      'application/jwplayer',\n      'application/omniPlayer',\n      'application/h5p',\n      'video/mp4'\n    ]).isRequired\n  };\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 {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\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"],"file":"index.js"}