@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1,5 +1,7 @@
 import _isUndefined from "lodash/fp/isUndefined";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import InputFileDraggable from '../../atom/input-file-draggable';
@@ -15,6 +17,7 @@ const CHILD = {
   'image-upload': InputFileDraggable,
   'select-multiple': SelectMultiple
 };
+
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -30,23 +33,19 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle && _isUndefined(sectionTitle.removeMargin) ? style.child : null
   }, /*#__PURE__*/React.createElement(Child, child)));
 };
+
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),
-  sectionTitle: PropTypes.shape({
-    ...Title.propTypes,
+  sectionTitle: PropTypes.shape({ ...Title.propTypes,
     removeMargin: PropTypes.bool
   }),
-  child: PropTypes.oneOfType([PropTypes.shape({
-    ...InputTextWithTitle.propTypes,
+  child: PropTypes.oneOfType([PropTypes.shape({ ...InputTextWithTitle.propTypes,
     childType: PropTypes.oneOf(['input-text'])
-  }), PropTypes.shape({
-    ...DragAndDropWrapper.propTypes,
+  }), PropTypes.shape({ ...DragAndDropWrapper.propTypes,
     childType: PropTypes.oneOf(['drag-and-drop-wrapper'])
-  }), PropTypes.shape({
-    ...InputFileDraggable.propTypes,
+  }), PropTypes.shape({ ...InputFileDraggable.propTypes,
     childType: PropTypes.oneOf(['image-upload'])
-  }), PropTypes.shape({
-    ...SelectMultiple.propTypes,
+  }), PropTypes.shape({ ...SelectMultiple.propTypes,
     childType: PropTypes.oneOf(['select-multiple'])
   })])
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputFileDraggable","InputTextWithTitle","SelectMultiple","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","createElement","className","_extends","type","_isUndefined","removeMargin","propTypes","process","env","NODE_ENV","shape","bool","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isUndefined} from 'lodash/fp';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport SelectMultiple from '../select-multiple';\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  'image-upload': InputFileDraggable,\n  'select-multiple': SelectMultiple\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\n        className={\n          checkboxWithTitle || (sectionTitle && isUndefined(sectionTitle.removeMargin))\n            ? style.child\n            : null\n        }\n      >\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape({...Title.propTypes, removeMargin: PropTypes.bool}),\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    PropTypes.shape({\n      ...InputFileDraggable.propTypes,\n      childType: PropTypes.oneOf(['image-upload'])\n    }),\n    PropTypes.shape({\n      ...SelectMultiple.propTypes,\n      childType: PropTypes.oneOf(['select-multiple'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,kBAAkB,MAAM,0BAA0B;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZ,YAAY,EAAEN,kBAAkB;EAChC,uBAAuB,EAAEI,kBAAkB;EAC3C,cAAc,EAAEL,kBAAkB;EAClC,iBAAiB,EAAEE;AACrB,CAAC;AACD,MAAMM,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAS,CAAC;EACpC,oBACEhB,KAAA,CAAAiB,aAAA,cACGL,iBAAiB,gBAAGZ,KAAA,CAAAiB,aAAA,CAACZ,iBAAiB,EAAKO,iBAAoB,CAAC,GAAG,IAAI,EACvEE,YAAY,gBACXd,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACM;EAAa,gBACjCd,KAAA,CAAAiB,aAAA,CAACX,KAAK,EAAAa,QAAA,KAAKL,YAAY;IAAEM,IAAI,EAAE;EAAa,EAAE,CAC3C,CAAC,GACJ,IAAI,eACRpB,KAAA,CAAAiB,aAAA;IACEC,SAAS,EACPN,iBAAiB,IAAKE,YAAY,IAAIO,YAAA,CAAYP,YAAY,CAACQ,YAAY,CAAE,GACzEd,KAAK,CAACK,KAAK,GACX;EACL,gBAEDb,KAAA,CAAAiB,aAAA,CAACF,KAAK,EAAKF,KAAQ,CAChB,CACF,CAAC;AAEV,CAAC;AAEDH,uBAAuB,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAClCd,iBAAiB,EAAEX,SAAS,CAAC0B,KAAK,CAACtB,iBAAiB,CAACkB,SAAS,CAAC;EAC/DT,YAAY,EAAEb,SAAS,CAAC0B,KAAK,CAAC;IAAC,GAAGrB,KAAK,CAACiB,SAAS;IAAED,YAAY,EAAErB,SAAS,CAAC2B;EAAI,CAAC,CAAC;EACjFf,KAAK,EAAEZ,SAAS,CAAC4B,SAAS,CAAC,CACzB5B,SAAS,CAAC0B,KAAK,CAAC;IACd,GAAGxB,kBAAkB,CAACoB,SAAS;IAC/BP,SAAS,EAAEf,SAAS,CAAC6B,KAAK,CAAC,CAAC,YAAY,CAAC;EAC3C,CAAC,CAAC,EACF7B,SAAS,CAAC0B,KAAK,CAAC;IACd,GAAGpB,kBAAkB,CAACgB,SAAS;IAC/BP,SAAS,EAAEf,SAAS,CAAC6B,KAAK,CAAC,CAAC,uBAAuB,CAAC;EACtD,CAAC,CAAC,EACF7B,SAAS,CAAC0B,KAAK,CAAC;IACd,GAAGzB,kBAAkB,CAACqB,SAAS;IAC/BP,SAAS,EAAEf,SAAS,CAAC6B,KAAK,CAAC,CAAC,cAAc,CAAC;EAC7C,CAAC,CAAC,EACF7B,SAAS,CAAC0B,KAAK,CAAC;IACd,GAAGvB,cAAc,CAACmB,SAAS;IAC3BP,SAAS,EAAEf,SAAS,CAAC6B,KAAK,CAAC,CAAC,iBAAiB,CAAC;EAChD,CAAC,CAAC,CACH;AACH,CAAC;AACD,eAAepB,uBAAuB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputFileDraggable","InputTextWithTitle","SelectMultiple","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","removeMargin","propTypes","shape","bool","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isUndefined} from 'lodash/fp';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport SelectMultiple from '../select-multiple';\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  'image-upload': InputFileDraggable,\n  'select-multiple': SelectMultiple\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\n        className={\n          checkboxWithTitle || (sectionTitle && isUndefined(sectionTitle.removeMargin))\n            ? style.child\n            : null\n        }\n      >\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape({...Title.propTypes, removeMargin: PropTypes.bool}),\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    PropTypes.shape({\n      ...InputFileDraggable.propTypes,\n      childType: PropTypes.oneOf(['image-upload'])\n    }),\n    PropTypes.shape({\n      ...SelectMultiple.propTypes,\n      childType: PropTypes.oneOf(['select-multiple'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZ,cAAcN,kBADF;EAEZ,yBAAyBI,kBAFb;EAGZ,gBAAgBL,kBAHJ;EAIZ,mBAAmBE;AAJP,CAAd;;AAMA,MAAMM,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IACE,SAAS,EACPF,iBAAiB,IAAKE,YAAY,IAAI,aAAYA,YAAY,CAACG,YAAzB,CAAtC,GACIT,KAAK,CAACK,KADV,GAEI;EAJR,gBAOE,oBAAC,KAAD,EAAWA,KAAX,CAPF,CAPF,CADF;AAmBD,CAvBD;;AAyBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;EAClCN,iBAAiB,EAAEX,SAAS,CAACkB,KAAV,CAAgBd,iBAAiB,CAACa,SAAlC,CADe;EAElCJ,YAAY,EAAEb,SAAS,CAACkB,KAAV,CAAgB,EAAC,GAAGb,KAAK,CAACY,SAAV;IAAqBD,YAAY,EAAEhB,SAAS,CAACmB;EAA7C,CAAhB,CAFoB;EAGlCP,KAAK,EAAEZ,SAAS,CAACoB,SAAV,CAAoB,CACzBpB,SAAS,CAACkB,KAAV,CAAgB,EACd,GAAGhB,kBAAkB,CAACe,SADR;IAEdF,SAAS,EAAEf,SAAS,CAACqB,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFG,CAAhB,CADyB,EAKzBrB,SAAS,CAACkB,KAAV,CAAgB,EACd,GAAGZ,kBAAkB,CAACW,SADR;IAEdF,SAAS,EAAEf,SAAS,CAACqB,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFG,CAAhB,CALyB,EASzBrB,SAAS,CAACkB,KAAV,CAAgB,EACd,GAAGjB,kBAAkB,CAACgB,SADR;IAEdF,SAAS,EAAEf,SAAS,CAACqB,KAAV,CAAgB,CAAC,cAAD,CAAhB;EAFG,CAAhB,CATyB,EAazBrB,SAAS,CAACkB,KAAV,CAAgB,EACd,GAAGf,cAAc,CAACc,SADJ;IAEdF,SAAS,EAAEf,SAAS,CAACqB,KAAV,CAAgB,CAAC,iBAAD,CAAhB;EAFG,CAAhB,CAbyB,CAApB;AAH2B,CAApC;AAsBA,eAAeZ,uBAAf"}

package/es/molecule/title-radio-wrapper/index.js

@@ -5,14 +5,17 @@ import SelectMultiple from '../select-multiple';
 import InputFileDraggable from '../../atom/input-file-draggable';
 import propTypes from './types';
 import style from './style.css';
+
 const getContainerStyle = (field, childType) => {
   return childType === 'massive-upload' && (field.loading || isEmpty(field.previewContent)) ? style.containerUpload : style.container;
 };
+
 const buildInput = (childType, field) => {
   return childType === 'select-multiple' ? /*#__PURE__*/React.createElement(SelectMultiple, field) : /*#__PURE__*/React.createElement("div", {
     className: field.loading || isEmpty(field.previewContent) ? style.containerImageUpload : ''
   }, /*#__PURE__*/React.createElement(InputFileDraggable, field));
 };
+
 const TitleRadioWrapper = props => {
   const {
     radioWithTitle,
@@ -25,6 +28,7 @@ const TitleRadioWrapper = props => {
     className: style.field
   }, buildInput(childType, field)));
 };
+
 TitleRadioWrapper.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default TitleRadioWrapper;
 //# sourceMappingURL=index.js.map

package/es/molecule/title-radio-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","RadioWithTitle","SelectMultiple","InputFileDraggable","propTypes","style","getContainerStyle","field","childType","loading","previewContent","containerUpload","container","buildInput","createElement","className","containerImageUpload","TitleRadioWrapper","props","radioWithTitle","process","env","NODE_ENV"],"sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport RadioWithTitle from '../../atom/radio-with-title';\nimport SelectMultiple from '../select-multiple';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport propTypes, {TitleRadioWrapperProps} from './types';\nimport style from './style.css';\n\nconst getContainerStyle = (field: Record<string, unknown>, childType: string): string => {\n  return childType === 'massive-upload' && (field.loading || isEmpty(field.previewContent))\n    ? style.containerUpload\n    : style.container;\n};\n\nconst buildInput = (childType: string, field: any) => {\n  return childType === 'select-multiple' ? (\n    <SelectMultiple {...field} />\n  ) : (\n    <div\n      className={field.loading || isEmpty(field.previewContent) ? style.containerImageUpload : ''}\n    >\n      <InputFileDraggable {...field} />\n    </div>\n  );\n};\n\nconst TitleRadioWrapper = (props: TitleRadioWrapperProps) => {\n  const {radioWithTitle, field, childType} = props;\n  return (\n    <div className={getContainerStyle(field, childType)}>\n      {radioWithTitle ? <RadioWithTitle {...radioWithTitle} /> : null}\n      <div className={style.field}>{buildInput(childType, field)}</div>\n    </div>\n  );\n};\n\nTitleRadioWrapper.propTypes = propTypes;\n\nexport default TitleRadioWrapper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,SAAS,MAAgC,SAAS;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,iBAAiB,GAAGA,CAACC,KAA8B,EAAEC,SAAiB,KAAa;EACvF,OAAOA,SAAS,KAAK,gBAAgB,KAAKD,KAAK,CAACE,OAAO,IAAIT,OAAO,CAACO,KAAK,CAACG,cAAc,CAAC,CAAC,GACrFL,KAAK,CAACM,eAAe,GACrBN,KAAK,CAACO,SAAS;AACrB,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACL,SAAiB,EAAED,KAAU,KAAK;EACpD,OAAOC,SAAS,KAAK,iBAAiB,gBACpCT,KAAA,CAAAe,aAAA,CAACZ,cAAc,EAAKK,KAAQ,CAAC,gBAE7BR,KAAA,CAAAe,aAAA;IACEC,SAAS,EAAER,KAAK,CAACE,OAAO,IAAIT,OAAO,CAACO,KAAK,CAACG,cAAc,CAAC,GAAGL,KAAK,CAACW,oBAAoB,GAAG;EAAG,gBAE5FjB,KAAA,CAAAe,aAAA,CAACX,kBAAkB,EAAKI,KAAQ,CAC7B,CACN;AACH,CAAC;AAED,MAAMU,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,cAAc;IAAEZ,KAAK;IAAEC;EAAS,CAAC,GAAGU,KAAK;EAChD,oBACEnB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAET,iBAAiB,CAACC,KAAK,EAAEC,SAAS;EAAE,GACjDW,cAAc,gBAAGpB,KAAA,CAAAe,aAAA,CAACb,cAAc,EAAKkB,cAAiB,CAAC,GAAG,IAAI,eAC/DpB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACE;EAAM,GAAEM,UAAU,CAACL,SAAS,EAAED,KAAK,CAAO,CAC7D,CAAC;AAEV,CAAC;AAEDU,iBAAiB,CAACb,SAAS,GAAAgB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGlB,SAAS;AAEvC,eAAea,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","isEmpty","RadioWithTitle","SelectMultiple","InputFileDraggable","propTypes","style","getContainerStyle","field","childType","loading","previewContent","containerUpload","container","buildInput","containerImageUpload","TitleRadioWrapper","props","radioWithTitle"],"sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport RadioWithTitle from '../../atom/radio-with-title';\nimport SelectMultiple from '../select-multiple';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport propTypes, {TitleRadioWrapperProps} from './types';\nimport style from './style.css';\n\nconst getContainerStyle = (field: Record<string, unknown>, childType: string): string => {\n  return childType === 'massive-upload' && (field.loading || isEmpty(field.previewContent))\n    ? style.containerUpload\n    : style.container;\n};\n\nconst buildInput = (childType: string, field: any) => {\n  return childType === 'select-multiple' ? (\n    <SelectMultiple {...field} />\n  ) : (\n    <div\n      className={field.loading || isEmpty(field.previewContent) ? style.containerImageUpload : ''}\n    >\n      <InputFileDraggable {...field} />\n    </div>\n  );\n};\n\nconst TitleRadioWrapper = (props: TitleRadioWrapperProps) => {\n  const {radioWithTitle, field, childType} = props;\n  return (\n    <div className={getContainerStyle(field, childType)}>\n      {radioWithTitle ? <RadioWithTitle {...radioWithTitle} /> : null}\n      <div className={style.field}>{buildInput(childType, field)}</div>\n    </div>\n  );\n};\n\nTitleRadioWrapper.propTypes = propTypes;\n\nexport default TitleRadioWrapper;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,SAAP,MAAgD,SAAhD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAiCC,SAAjC,KAA+D;EACvF,OAAOA,SAAS,KAAK,gBAAd,KAAmCD,KAAK,CAACE,OAAN,IAAiBT,OAAO,CAACO,KAAK,CAACG,cAAP,CAA3D,IACHL,KAAK,CAACM,eADH,GAEHN,KAAK,CAACO,SAFV;AAGD,CAJD;;AAMA,MAAMC,UAAU,GAAG,CAACL,SAAD,EAAoBD,KAApB,KAAmC;EACpD,OAAOC,SAAS,KAAK,iBAAd,gBACL,oBAAC,cAAD,EAAoBD,KAApB,CADK,gBAGL;IACE,SAAS,EAAEA,KAAK,CAACE,OAAN,IAAiBT,OAAO,CAACO,KAAK,CAACG,cAAP,CAAxB,GAAiDL,KAAK,CAACS,oBAAvD,GAA8E;EAD3F,gBAGE,oBAAC,kBAAD,EAAwBP,KAAxB,CAHF,CAHF;AASD,CAVD;;AAYA,MAAMQ,iBAAiB,GAAIC,KAAD,IAAmC;EAC3D,MAAM;IAACC,cAAD;IAAiBV,KAAjB;IAAwBC;EAAxB,IAAqCQ,KAA3C;EACA,oBACE;IAAK,SAAS,EAAEV,iBAAiB,CAACC,KAAD,EAAQC,SAAR;EAAjC,GACGS,cAAc,gBAAG,oBAAC,cAAD,EAAoBA,cAApB,CAAH,GAA4C,IAD7D,eAEE;IAAK,SAAS,EAAEZ,KAAK,CAACE;EAAtB,GAA8BM,UAAU,CAACL,SAAD,EAAYD,KAAZ,CAAxC,CAFF,CADF;AAMD,CARD;;AAUAQ,iBAAiB,CAACX,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeW,iBAAf"}

package/es/molecule/title-radio-wrapper/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","InputFileDraggable","RadioWithTitle","SelectMultiple","propTypes","radioWithTitle","shape","field","oneOfType","childType","oneOf"],"sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport RadioWithTitle from '../../atom/radio-with-title';\nimport {RadioWithTitleProps} from '../../atom/radio-with-title/types';\nimport SelectMultiple from '../select-multiple';\n\nconst propTypes = {\n  radioWithTitle: PropTypes.shape(RadioWithTitle.propTypes),\n  field: PropTypes.oneOfType([\n    PropTypes.shape(SelectMultiple.propTypes),\n    PropTypes.shape(InputFileDraggable.propTypes)\n  ]),\n  childType: PropTypes.oneOf(['select-multiple', 'massive-upload'])\n};\n\nexport type TitleRadioWrapperProps = {\n  radioWithTitle: RadioWithTitleProps;\n  field: typeof SelectMultiple.propTypes | typeof InputFileDraggable.propTypes;\n  childType: 'select-multiple' | 'massive-upload';\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,cAAc,MAAM,6BAA6B;AAExD,OAAOC,cAAc,MAAM,oBAAoB;AAE/C,MAAMC,SAAS,GAAG;EAChBC,cAAc,EAAEL,SAAS,CAACM,KAAK,CAACJ,cAAc,CAACE,SAAS,CAAC;EACzDG,KAAK,EAAEP,SAAS,CAACQ,SAAS,CAAC,CACzBR,SAAS,CAACM,KAAK,CAACH,cAAc,CAACC,SAAS,CAAC,EACzCJ,SAAS,CAACM,KAAK,CAACL,kBAAkB,CAACG,SAAS,CAAC,CAC9C,CAAC;EACFK,SAAS,EAAET,SAAS,CAACU,KAAK,CAAC,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;AAClE,CAAC;AAQD,eAAeN,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","InputFileDraggable","RadioWithTitle","SelectMultiple","propTypes","radioWithTitle","shape","field","oneOfType","childType","oneOf"],"sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport RadioWithTitle from '../../atom/radio-with-title';\nimport {RadioWithTitleProps} from '../../atom/radio-with-title/types';\nimport SelectMultiple from '../select-multiple';\n\nconst propTypes = {\n  radioWithTitle: PropTypes.shape(RadioWithTitle.propTypes),\n  field: PropTypes.oneOfType([\n    PropTypes.shape(SelectMultiple.propTypes),\n    PropTypes.shape(InputFileDraggable.propTypes)\n  ]),\n  childType: PropTypes.oneOf(['select-multiple', 'massive-upload'])\n};\n\nexport type TitleRadioWrapperProps = {\n  radioWithTitle: RadioWithTitleProps;\n  field: typeof SelectMultiple.propTypes | typeof InputFileDraggable.propTypes;\n  childType: 'select-multiple' | 'massive-upload';\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AAEA,OAAOC,cAAP,MAA2B,oBAA3B;AAEA,MAAMC,SAAS,GAAG;EAChBC,cAAc,EAAEL,SAAS,CAACM,KAAV,CAAgBJ,cAAc,CAACE,SAA/B,CADA;EAEhBG,KAAK,EAAEP,SAAS,CAACQ,SAAV,CAAoB,CACzBR,SAAS,CAACM,KAAV,CAAgBH,cAAc,CAACC,SAA/B,CADyB,EAEzBJ,SAAS,CAACM,KAAV,CAAgBL,kBAAkB,CAACG,SAAnC,CAFyB,CAApB,CAFS;EAMhBK,SAAS,EAAET,SAAS,CAACU,KAAV,CAAgB,CAAC,iBAAD,EAAoB,gBAApB,CAAhB;AANK,CAAlB;AAeA,eAAeN,SAAf"}

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

@@ -4,6 +4,7 @@ import { NovaCompositionCoorpacademyCheck as Check } from '@coorpacademy/nova-ic
 import { ColorPropType } from '../../util/proptypes';
 import Checkbox from '../../atom/checkbox';
 import style from './style.css';
+
 const TitledCheckbox = props => {
   const {
     choice,
@@ -31,6 +32,7 @@ const TitledCheckbox = props => {
     className: style.label
   }, label));
 };
+
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: PropTypes.shape({
     selected: PropTypes.bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","createElement","className","default","box","selected","icon","input","checked","onChange","title","propTypes","process","env","NODE_ENV","shape","bool","isRequired","string","value","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} /> : 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,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gCAAgC,IAAIC,KAAK,QAAO,0BAA0B;AAClF,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACEV,KAAA,CAAAgB,aAAA;IAAOC,SAAS,EAAEV,KAAK,CAACW;EAAQ,gBAC9BlB,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAEV,KAAK,CAACY,GAAI;IACrBZ,KAAK,EAAE;MACLI,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACU,QAAQ,gBAAGpB,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAACa,SAAS,EAAEV,KAAK,CAACc;EAAK,CAAE,CAAC,GAAG,IAAI,eAC1DrB,KAAA,CAAAgB,aAAA,CAACV,QAAQ;IACPW,SAAS,EAAEV,KAAK,CAACe,KAAM;IACvBC,OAAO,EAAEb,MAAM,CAACU,QAAS;IACzBI,QAAQ,EAAET,YAAa;IACvB,aAAWF;EAAM,CAClB,CACE,CAAC,eACNb,KAAA,CAAAgB,aAAA;IAAMS,KAAK,EAAEZ,KAAM;IAACI,SAAS,EAAEV,KAAK,CAACM;EAAM,GACxCA,KACG,CACD,CAAC;AAEZ,CAAC;AAEDL,cAAc,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBnB,MAAM,EAAER,SAAS,CAAC4B,KAAK,CAAC;IACtBV,QAAQ,EAAElB,SAAS,CAAC6B,IAAI,CAACC,UAAU;IACnClB,IAAI,EAAEZ,SAAS,CAAC+B,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAEhC,SAAS,CAAC+B;EACnB,CAAC,CAAC,CAACD,UAAU;EACbrB,UAAU,EAAEN,aAAa;EACzBO,QAAQ,EAAEV,SAAS,CAACiC,IAAI,CAACH;AAC3B,CAAC;AAED,eAAexB,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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} /> : 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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY;EAAxB,EAAlB,GAAqD,IANxD,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}

package/es/molecule/translation-modal/index.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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); }
+
 import React, { useMemo, useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
 import BaseModal from '../base-modal';
@@ -7,6 +8,7 @@ import { COLORS } from '../../variables/colors';
 import InputText from '../../atom/input-text';
 import TextArea from '../../atom/input-textarea';
 import style from './style.css';
+
 const renderInputGroup = ({
   title,
   inputProps,
@@ -23,6 +25,7 @@ const renderInputGroup = ({
     disabled: disabled
   })));
 };
+
 const TranslationModal = (props, context) => {
   const {
     isOpen,
@@ -103,19 +106,18 @@ const TranslationModal = (props, context) => {
     className: style.separator
   }), renderInputGroup({
     title: outputLanguage,
-    inputProps: {
-      ...targetInputText,
+    inputProps: { ...targetInputText,
       value: inputValue,
       onChange: handleInputChange
     },
-    textAreaProps: {
-      ...targetTextArea,
+    textAreaProps: { ...targetTextArea,
       value: textAreaValue,
       onChange: handleTextAreaChange
     },
     disabled: false
   }))));
 };
+
 TranslationModal.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
@@ -125,23 +127,19 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
   onConfirm: PropTypes.func,
   onClose: PropTypes.func,
   source: PropTypes.shape({
-    inputText: PropTypes.shape({
-      ...InputText.propTypes,
+    inputText: PropTypes.shape({ ...InputText.propTypes,
       theme: PropTypes.string
     }),
-    textArea: PropTypes.shape({
-      ...TextArea.propTypes,
+    textArea: PropTypes.shape({ ...TextArea.propTypes,
       theme: PropTypes.string
     }),
     inputLanguage: PropTypes.string
   }),
   target: PropTypes.shape({
-    inputText: PropTypes.shape({
-      ...InputText.propTypes,
+    inputText: PropTypes.shape({ ...InputText.propTypes,
       theme: PropTypes.string
     }),
-    textArea: PropTypes.shape({
-      ...TextArea.propTypes,
+    textArea: PropTypes.shape({ ...TextArea.propTypes,
       theme: PropTypes.string
     }),
     language: PropTypes.string

package/es/molecule/translation-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","useState","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","inputGroup","_extends","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","translate","detectScrollbar","inputValue","setInputValue","value","textAreaValue","setTextAreaValue","handleCancel","handleClose","handleInputChange","e","handleTextAreaChange","isConfirmDisabled","trim","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n  return (\n    <div className={style.inputGroup}>\n      <div className={style.title}>{title}</div>\n      <InputText {...inputProps} disabled={disabled} />\n      <TextArea {...textAreaProps} disabled={disabled} />\n    </div>\n  );\n};\n\nconst TranslationModal = (props, context) => {\n  const {\n    isOpen,\n    onCancel,\n    onConfirm,\n    onClose,\n    source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n    target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage}\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n\n  const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n  const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleInputChange = useCallback(e => {\n    setInputValue(e.target.value);\n  }, []);\n\n  const handleTextAreaChange = useCallback(e => {\n    setTextAreaValue(e.target.value);\n  }, []);\n\n  const isConfirmDisabled = useMemo(() => {\n    return !inputValue.trim() || !textAreaValue.trim();\n  }, [inputValue, textAreaValue]);\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: isConfirmDisabled,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, translate, isConfirmDisabled]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('translation_title')}\n      description={translate('translation_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'language',\n        backgroundColor: '#D6E6FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.translationModal}>\n        <div className={style.horizontalSection}>\n          {renderInputGroup({\n            title: inputLanguage,\n            inputProps: sourceInputText,\n            textAreaProps: sourceTextArea,\n            disabled: true\n          })}\n\n          <div className={style.separator} />\n\n          {renderInputGroup({\n            title: outputLanguage,\n            inputProps: {\n              ...targetInputText,\n              value: inputValue,\n              onChange: handleInputChange\n            },\n            textAreaProps: {\n              ...targetTextArea,\n              value: textAreaValue,\n              onChange: handleTextAreaChange\n            },\n            disabled: false\n          })}\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nTranslationModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  source: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    inputLanguage: PropTypes.string\n  }),\n  target: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    language: PropTypes.string\n  })\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","useState","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","disabled","inputGroup","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","translate","detectScrollbar","inputValue","setInputValue","value","textAreaValue","setTextAreaValue","handleCancel","handleClose","handleInputChange","e","handleTextAreaChange","isConfirmDisabled","trim","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","childContextTypes","propTypes","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n  return (\n    <div className={style.inputGroup}>\n      <div className={style.title}>{title}</div>\n      <InputText {...inputProps} disabled={disabled} />\n      <TextArea {...textAreaProps} disabled={disabled} />\n    </div>\n  );\n};\n\nconst TranslationModal = (props, context) => {\n  const {\n    isOpen,\n    onCancel,\n    onConfirm,\n    onClose,\n    source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n    target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage}\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n\n  const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n  const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleInputChange = useCallback(e => {\n    setInputValue(e.target.value);\n  }, []);\n\n  const handleTextAreaChange = useCallback(e => {\n    setTextAreaValue(e.target.value);\n  }, []);\n\n  const isConfirmDisabled = useMemo(() => {\n    return !inputValue.trim() || !textAreaValue.trim();\n  }, [inputValue, textAreaValue]);\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: isConfirmDisabled,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, translate, isConfirmDisabled]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('translation_title')}\n      description={translate('translation_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'language',\n        backgroundColor: '#D6E6FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.translationModal}>\n        <div className={style.horizontalSection}>\n          {renderInputGroup({\n            title: inputLanguage,\n            inputProps: sourceInputText,\n            textAreaProps: sourceTextArea,\n            disabled: true\n          })}\n\n          <div className={style.separator} />\n\n          {renderInputGroup({\n            title: outputLanguage,\n            inputProps: {\n              ...targetInputText,\n              value: inputValue,\n              onChange: handleInputChange\n            },\n            textAreaProps: {\n              ...targetTextArea,\n              value: textAreaValue,\n              onChange: handleTextAreaChange\n            },\n            disabled: false\n          })}\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nTranslationModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  source: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    inputLanguage: PropTypes.string\n  }),\n  target: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    language: PropTypes.string\n  })\n};\n\nexport default TranslationModal;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,EAAqCC,QAArC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoBC,aAApB;EAAmCC;AAAnC,CAAD,KAAkD;EACzE,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACE;EAAtB,GAA8BA,KAA9B,CADF,eAEE,oBAAC,SAAD,eAAeC,UAAf;IAA2B,QAAQ,EAAEE;EAArC,GAFF,eAGE,oBAAC,QAAD,eAAcD,aAAd;IAA6B,QAAQ,EAAEC;EAAvC,GAHF,CADF;AAOD,CARD;;AAUA,MAAME,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IACJC,MADI;IAEJC,QAFI;IAGJC,SAHI;IAIJC,OAJI;IAKJC,MAAM,EAAE;MAACC,SAAS,EAAEC,eAAZ;MAA6BC,QAAQ,EAAEC,cAAvC;MAAuDC;IAAvD,CALJ;IAMJC,MAAM,EAAE;MAACL,SAAS,EAAEM,eAAZ;MAA6BJ,QAAQ,EAAEK,cAAvC;MAAuDC,QAAQ,EAAEC;IAAjE;EANJ,IAOFhB,KAPJ;EAQA,MAAM;IAACiB;EAAD,IAAchB,OAApB;EAEA,MAAMiB,eAAe,GAAG,IAAxB;EAEA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BnC,QAAQ,CAAC4B,eAAe,EAAEQ,KAAjB,IAA0B,EAA3B,CAA5C;EACA,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCtC,QAAQ,CAAC6B,cAAc,EAAEO,KAAhB,IAAyB,EAA1B,CAAlD;EAEA,MAAMG,YAAY,GAAGxC,WAAW,CAAC,MAAM;IACrCmB,QAAQ;EACT,CAF+B,EAE7B,CAACA,QAAD,CAF6B,CAAhC;EAIA,MAAMsB,WAAW,GAAGzC,WAAW,CAAC,MAAM;IACpCqB,OAAO;EACR,CAF8B,EAE5B,CAACA,OAAD,CAF4B,CAA/B;EAIA,MAAMqB,iBAAiB,GAAG1C,WAAW,CAAC2C,CAAC,IAAI;IACzCP,aAAa,CAACO,CAAC,CAACf,MAAF,CAASS,KAAV,CAAb;EACD,CAFoC,EAElC,EAFkC,CAArC;EAIA,MAAMO,oBAAoB,GAAG5C,WAAW,CAAC2C,CAAC,IAAI;IAC5CJ,gBAAgB,CAACI,CAAC,CAACf,MAAF,CAASS,KAAV,CAAhB;EACD,CAFuC,EAErC,EAFqC,CAAxC;EAIA,MAAMQ,iBAAiB,GAAG9C,OAAO,CAAC,MAAM;IACtC,OAAO,CAACoC,UAAU,CAACW,IAAX,EAAD,IAAsB,CAACR,aAAa,CAACQ,IAAd,EAA9B;EACD,CAFgC,EAE9B,CAACX,UAAD,EAAaG,aAAb,CAF8B,CAAjC;EAIA,MAAMS,MAAM,GAAGhD,OAAO,CAAC,MAAM;IAC3B,OAAO;MACLiD,YAAY,EAAE;QACZ7B,QAAQ,EAAEqB,YADE;QAEZS,KAAK,EAAEhB,SAAS,CAAC,QAAD;MAFJ,CADT;MAKLiB,aAAa,EAAE;QACb9B,SAAS,EAAE,MAAM;UACfA,SAAS;QACV,CAHY;QAIb6B,KAAK,EAAEhB,SAAS,CAAC,SAAD,CAJH;QAKbkB,QAAQ,EAAE,MALG;QAMbtC,QAAQ,EAAEgC,iBANG;QAObO,KAAK,EAAE/C,MAAM,CAACgD;MAPD;IALV,CAAP;EAeD,CAhBqB,EAgBnB,CAACb,YAAD,EAAepB,SAAf,EAA0Ba,SAA1B,EAAqCY,iBAArC,CAhBmB,CAAtB;EAkBA,IAAI,CAAC3B,MAAL,EAAa,OAAO,IAAP;EAEb,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEe,SAAS,CAAC,mBAAD,CADlB;IAEE,WAAW,EAAEA,SAAS,CAAC,yBAAD,CAFxB;IAGE,MAAM,EAAEf,MAHV;IAIE,OAAO,EAAEuB,WAJX;IAKE,MAAM,EAAEM,MALV;IAME,UAAU,EAAE;MACVO,IAAI,EAAE,UADI;MAEVC,eAAe,EAAE;IAFP,CANd;IAUE,eAAe,EAAErB;EAVnB,gBAYE;IAAK,SAAS,EAAE1B,KAAK,CAACgD;EAAtB,gBACE;IAAK,SAAS,EAAEhD,KAAK,CAACiD;EAAtB,GACGhD,gBAAgB,CAAC;IAChBC,KAAK,EAAEiB,aADS;IAEhBhB,UAAU,EAAEa,eAFI;IAGhBZ,aAAa,EAAEc,cAHC;IAIhBb,QAAQ,EAAE;EAJM,CAAD,CADnB,eAQE;IAAK,SAAS,EAAEL,KAAK,CAACkD;EAAtB,EARF,EAUGjD,gBAAgB,CAAC;IAChBC,KAAK,EAAEsB,cADS;IAEhBrB,UAAU,EAAE,EACV,GAAGkB,eADO;MAEVQ,KAAK,EAAEF,UAFG;MAGVwB,QAAQ,EAAEjB;IAHA,CAFI;IAOhB9B,aAAa,EAAE,EACb,GAAGkB,cADU;MAEbO,KAAK,EAAEC,aAFM;MAGbqB,QAAQ,EAAEf;IAHG,CAPC;IAYhB/B,QAAQ,EAAE;EAZM,CAAD,CAVnB,CADF,CAZF,CADF;AA0CD,CAlGD;;AAoGAE,gBAAgB,CAAC6C,YAAjB,GAAgC;EAC9B3B,SAAS,EAAE7B,QAAQ,CAACyD,iBAAT,CAA2B5B;AADR,CAAhC;AAIAlB,gBAAgB,CAAC+C,SAAjB,2CAA6B;EAC3B5C,MAAM,EAAEhB,SAAS,CAAC6D,IADS;EAE3B5C,QAAQ,EAAEjB,SAAS,CAAC8D,IAFO;EAG3B5C,SAAS,EAAElB,SAAS,CAAC8D,IAHM;EAI3B3C,OAAO,EAAEnB,SAAS,CAAC8D,IAJQ;EAK3B1C,MAAM,EAAEpB,SAAS,CAAC+D,KAAV,CAAgB;IACtB1C,SAAS,EAAErB,SAAS,CAAC+D,KAAV,CAAgB,EACzB,GAAG3D,SAAS,CAACwD,SADY;MAEzBI,KAAK,EAAEhE,SAAS,CAACiE;IAFQ,CAAhB,CADW;IAKtB1C,QAAQ,EAAEvB,SAAS,CAAC+D,KAAV,CAAgB,EACxB,GAAG1D,QAAQ,CAACuD,SADY;MAExBI,KAAK,EAAEhE,SAAS,CAACiE;IAFO,CAAhB,CALY;IAStBxC,aAAa,EAAEzB,SAAS,CAACiE;EATH,CAAhB,CALmB;EAgB3BvC,MAAM,EAAE1B,SAAS,CAAC+D,KAAV,CAAgB;IACtB1C,SAAS,EAAErB,SAAS,CAAC+D,KAAV,CAAgB,EACzB,GAAG3D,SAAS,CAACwD,SADY;MAEzBI,KAAK,EAAEhE,SAAS,CAACiE;IAFQ,CAAhB,CADW;IAKtB1C,QAAQ,EAAEvB,SAAS,CAAC+D,KAAV,CAAgB,EACxB,GAAG1D,QAAQ,CAACuD,SADY;MAExBI,KAAK,EAAEhE,SAAS,CAACiE;IAFO,CAAhB,CALY;IAStBpC,QAAQ,EAAE7B,SAAS,CAACiE;EATE,CAAhB;AAhBmB,CAA7B;AA6BA,eAAepD,gBAAf"}

package/es/molecule/unsubscribe/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -31,6 +32,7 @@ const Unsubscribe = (props, context) => {
     className: style.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
+
 Unsubscribe.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","style","Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","createElement","className","unsubscribe","description","buttonContainer","keepSubscriptionButton","href","type","unsubscribeButton","onClick","unsubscribeConfirmation","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM;IAACE,OAAO;IAAEC,eAAe;IAAEC;EAAwB,CAAC,GAAGL,KAAK;EAElE,oBACEN,KAAA,CAAAY,aAAA,cACG,CAACF,eAAe,gBACfV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACU;EAAY,gBAChCd,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACW;EAAY,GAAEP,SAAS,CAAC,qBAAqB,CAAC,EAAC,GAAM,CAAC,eAC5ER,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACY;EAAgB,gBACpChB,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACU,SAAS,EAAET,KAAK,CAACa,sBAAuB;IAACC,IAAI,EAAET;EAAQ,GAC1DD,SAAS,CAAC,mBAAmB,CAC1B,CACH,CAAC,eACNR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACY;EAAgB,gBACpChB,KAAA,CAAAY,aAAA;IACEO,IAAI,EAAC,QAAQ;IACbN,SAAS,EAAET,KAAK,CAACgB,iBAAkB;IACnCC,OAAO,EAAEV;EAAyB,GAEjCH,SAAS,CAAC,aAAa,CAClB,CACL,CACF,CAAC,GACJ,IAAI,EACPE,eAAe,gBACdV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACkB;EAAwB,GAC3Cd,SAAS,CAAC,kCAAkC,CAC1C,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACkB,YAAY,GAAG;EACzBf,SAAS,EAAEN,QAAQ,CAACsB,iBAAiB,CAAChB;AACxC,CAAC;AAEDH,WAAW,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBnB,OAAO,EAAER,SAAS,CAAC4B,MAAM;EACzBnB,eAAe,EAAET,SAAS,CAAC6B,IAAI;EAC/BnB,wBAAwB,EAAEV,SAAS,CAAC8B;AACtC,CAAC;AAED,eAAe1B,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","style","Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,iCACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEN,KAAK,CAACQ;EAAtB,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,GAAoCL,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEV,KAAK,CAACW,sBAAvB;IAA+C,IAAI,EAAEN;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEV,KAAK,CAACY,iBAFnB;IAGE,OAAO,EAAEL;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,GACGT,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACa,YAAZ,GAA2B;EACzBV,SAAS,EAAEN,QAAQ,CAACiB,iBAAT,CAA2BX;AADb,CAA3B;AAIAH,WAAW,CAACe,SAAZ,2CAAwB;EACtBX,OAAO,EAAER,SAAS,CAACoB,MADG;EAEtBX,eAAe,EAAET,SAAS,CAACqB,IAFL;EAGtBX,wBAAwB,EAAEV,SAAS,CAACsB;AAHd,CAAxB;AAMA,eAAelB,WAAf"}

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

@@ -10,7 +10,9 @@ const LeftIcons = {
   BlueValidatedCircle: CheckIcon,
   LocaleInError: ErrorIcon
 };
+
 const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
+
 const buildTab = (tab, index) => {
   const {
     title,
@@ -33,6 +35,7 @@ const buildTab = (tab, index) => {
     className: leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon
   }) : null);
 };
+
 const VerticalTabs = props => {
   const {
     tabs,
@@ -45,6 +48,7 @@ const VerticalTabs = props => {
     title: ariaLabel
   }, tabsList);
 };
+
 const LeftIconValues = process.env.NODE_ENV !== "production" ? [...keys(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: PropTypes.arrayOf(PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","createElement","className","key","leftIconError","VerticalTabs","props","tabs","ariaLabel","tabsList","map","wrapper","LeftIconValues","process","env","NODE_ENV","propTypes","arrayOf","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAG;EAChBC,mBAAmB,EAAER,SAAS;EAC9BS,aAAa,EAAEP;AACjB,CAAC;AAED,MAAMQ,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAe,GAAG,uBAAuB,GAAG,sBAAsB;AAEjF,MAAMC,QAAQ,GAAGA,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,GAAGb,SAAS,CAACW,QAAQ,CAAC;EACpC,oBACEtB,KAAA,CAAAyB,aAAA;IACE,aAAW,gBAAgBjB,SAAS,CAACW,KAAK,CAAC,EAAG;IAC9CO,SAAS,EAAExB,UAAU,CAACQ,KAAK,CAACO,GAAG,EAAEG,QAAQ,IAAIV,KAAK,CAACU,QAAQ,CAAE;IAC7DO,GAAG,EAAET,KAAM;IACXG,OAAO,EAAEA;EAAQ,gBAEjBrB,KAAA,CAAAyB,aAAA;IAAMC,SAAS,EAAEhB,KAAK,CAACS;EAAM,GAAEA,KAAY,CAAC,EAC3CK,QAAQ,gBACPxB,KAAA,CAAAyB,aAAA,CAACD,QAAQ;IACP,aAAWV,eAAe,CAACQ,QAAQ,CAAE;IACrC,cAAYC,aAAc;IAC1BG,SAAS,EAAEJ,QAAQ,KAAK,eAAe,GAAGZ,KAAK,CAACkB,aAAa,GAAGlB,KAAK,CAACY;EAAS,CAChF,CAAC,GACA,IACF,CAAC;AAET,CAAC;AAED,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAI;IAAEL,SAAS;IAAE,YAAY,EAAEM;EAAS,CAAC,GAAGF,KAAK;EACxD,MAAMG,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAClB,QAAQ,CAAC;EAEnC,oBACEhB,KAAA,CAAAyB,aAAA;IAAIC,SAAS,EAAExB,UAAU,CAAC,CAACQ,KAAK,CAACyB,OAAO,EAAET,SAAS,CAAC,CAAE;IAACP,KAAK,EAAEa;EAAU,GACrEC,QACC,CAAC;AAET,CAAC;AAED,MAAMG,cAAc,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG,CAAC,GAAGhC,IAAI,CAACI,SAAS,CAAC,EAAE,EAAE,CAAC;AAE/CkB,YAAY,CAACW,SAAS,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBR,IAAI,EAAE9B,SAAS,CAACwC,OAAO,CACrBxC,SAAS,CAACyC,KAAK,CAAC;IACdvB,KAAK,EAAEV,IAAI,CAAC+B,SAAS,CAACG,QAAQ;IAC9BvB,QAAQ,EAAEnB,SAAS,CAAC2C,IAAI;IACxBtB,QAAQ,EAAErB,SAAS,CAAC4C,KAAK,CAACT,cAAc,CAAC;IACzCf,OAAO,EAAEpB,SAAS,CAAC6C,IAAI;IACvBvB,aAAa,EAAEtB,SAAS,CAAC8C;EAC3B,CAAC,CACH,CAAC;EACDrB,SAAS,EAAEzB,SAAS,CAAC8C,MAAM;EAC3B,YAAY,EAAE9C,SAAS,CAAC8C;AAC1B,CAAC;AACD,eAAelB,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","arrayOf","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,qBAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;EAChBC,mBAAmB,EAAER,SADL;EAEhBS,aAAa,EAAEP;AAFC,CAAlB;;AAKA,MAAMQ,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,GAAGb,SAAS,CAACW,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAed,SAAS,CAACW,KAAD,CAAQ,EAD9C;IAEE,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAACO,GAAP,EAAYG,QAAQ,IAAIV,KAAK,CAACU,QAA9B,CAFvB;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEX,KAAK,CAACS;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,oBAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BZ,KAAK,CAACe,aAArC,GAAqDf,KAAK,CAACY;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMI,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAAShB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAEd,UAAU,CAAC,CAACQ,KAAK,CAACuB,OAAP,EAAgBJ,SAAhB,CAAD,CAAzB;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG3B,IAAI,CAACI,SAAD,CAAR,EAAqB,EAArB,CAAvB;AAEAe,YAAY,CAACS,SAAb,2CAAyB;EACvBP,IAAI,EAAE3B,SAAS,CAACmC,OAAV,CACJnC,SAAS,CAACoC,KAAV,CAAgB;IACdlB,KAAK,EAAEV,IAAI,CAAC0B,SAAL,CAAeG,QADR;IAEdlB,QAAQ,EAAEnB,SAAS,CAACsC,IAFN;IAGdjB,QAAQ,EAAErB,SAAS,CAACuC,KAAV,CAAgBN,cAAhB,CAHI;IAIdb,OAAO,EAAEpB,SAAS,CAACwC,IAJL;IAKdlB,aAAa,EAAEtB,SAAS,CAACyC;EALX,CAAhB,CADI,CADiB;EAUvBb,SAAS,EAAE5B,SAAS,CAACyC,MAVE;EAWvB,cAAczC,SAAS,CAACyC;AAXD,CAAzB;AAaA,eAAehB,YAAf"}

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

@@ -1,12 +1,15 @@
 import _includes from "lodash/fp/includes";
 import _noop from "lodash/fp/noop";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import qs from 'qs';
 import Provider from '../../atom/provider';
 import { SrcPropType } from '../../util/proptypes';
 import style from './style.css';
+
 const getUrl = ({
   url,
   type,
@@ -16,28 +19,34 @@ const getUrl = ({
 }) => {
   switch (type) {
     case 'youtube':
-      return `https://www.youtube.com/embed/${id}?${qs.stringify({
-        ...query,
+      return `https://www.youtube.com/embed/${id}?${qs.stringify({ ...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.Component {
   static contextTypes = {
     Vimeo: Provider.childContextTypes.Vimeo
   };
+
   componentDidMount() {
     const {
       type
     } = this.props;
+
     if (type === 'kontiki') {
       const {
         onPlay = _noop
@@ -45,6 +54,7 @@ class VideoIframe extends React.Component {
       onPlay();
     }
   }
+
   render() {
     const {
       type,
@@ -74,7 +84,9 @@ class VideoIframe extends React.Component {
       className: style.iframe
     }));
   }
+
 }
+
 VideoIframe.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p', 'faurecia-vr']),
   width: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","contextTypes","Vimeo","childContextTypes","componentDidMount","props","onPlay","_noop","render","autoplay","width","height","src","properties","allow","_includes","allowFullScreen","allowvr","scrolling","frameBorder","createElement","_extends","className","iframe","propTypes","process","env","NODE_ENV","oneOf","string","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, includes} 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([\n      'youtube',\n      'uptale',\n      'kontiki',\n      'jwplayer',\n      'omniPlayer',\n      'h5p',\n      'faurecia-vr'\n    ]),\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    const properties = {\n      allow: includes(type, ['faurecia-vr']) ? 'xr-spatial-tracking;fullscreen' : null,\n      allowFullScreen: true,\n      allowvr: includes(type, ['uptale', 'faurecia-vr']) ? 'yes' : null,\n      scrolling: includes(type, ['uptale', 'faurecia-vr']) ? 'no' : null,\n      frameBorder: '0'\n    };\n    return (\n      <iframe {...properties} src={src} width={width} height={height} className={style.iframe} />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","contextTypes","Vimeo","childContextTypes","componentDidMount","props","onPlay","render","autoplay","width","height","src","properties","allow","allowFullScreen","allowvr","scrolling","frameBorder","iframe","propTypes","oneOf","string","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, includes} 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([\n      'youtube',\n      'uptale',\n      'kontiki',\n      'jwplayer',\n      'omniPlayer',\n      'h5p',\n      'faurecia-vr'\n    ]),\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    const properties = {\n      allow: includes(type, ['faurecia-vr']) ? 'xr-spatial-tracking;fullscreen' : null,\n      allowFullScreen: true,\n      allowvr: includes(type, ['uptale', 'faurecia-vr']) ? 'yes' : null,\n      scrolling: includes(type, ['uptale', 'faurecia-vr']) ? 'no' : null,\n      frameBorder: '0'\n    };\n    return (\n      <iframe {...properties} src={src} width={width} height={height} className={style.iframe} />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,IAAf;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,IAAGP,EAAE,CAACU,SAAH,CAAa,EAAC,GAAGF,KAAJ;QAAW,GAAGC;MAAd,CAAb,CAAkC,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,MAAMM,WAAN,SAA0Bb,KAAK,CAACc,SAAhC,CAA0C;EAmBrB,OAAZC,YAAY,GAAG;IACpBC,KAAK,EAAEb,QAAQ,CAACc,iBAAT,CAA2BD;EADd,CAAH;;EAInBE,iBAAiB,GAAG;IAClB,MAAM;MAACV;IAAD,IAAS,KAAKW,KAApB;;IACA,IAAIX,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACY,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACb,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBe,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGnB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBa;IAAhB,CAAD,CAAlB;IACA,MAAMI,UAAU,GAAG;MACjBC,KAAK,EAAE,UAASnB,IAAT,EAAe,CAAC,aAAD,CAAf,IAAkC,gCAAlC,GAAqE,IAD3D;MAEjBoB,eAAe,EAAE,IAFA;MAGjBC,OAAO,EAAE,UAASrB,IAAT,EAAe,CAAC,QAAD,EAAW,aAAX,CAAf,IAA4C,KAA5C,GAAoD,IAH5C;MAIjBsB,SAAS,EAAE,UAAStB,IAAT,EAAe,CAAC,QAAD,EAAW,aAAX,CAAf,IAA4C,IAA5C,GAAmD,IAJ7C;MAKjBuB,WAAW,EAAE;IALI,CAAnB;IAOA,oBACE,2CAAYL,UAAZ;MAAwB,GAAG,EAAED,GAA7B;MAAkC,KAAK,EAAEF,KAAzC;MAAgD,MAAM,EAAEC,MAAxD;MAAgE,SAAS,EAAEnB,KAAK,CAAC2B;IAAjF,GADF;EAGD;;AA5CuC;;AAApCnB,W,CACGoB,S,2CAAY;EACjBzB,IAAI,EAAEP,SAAS,CAACiC,KAAV,CAAgB,CACpB,SADoB,EAEpB,QAFoB,EAGpB,SAHoB,EAIpB,UAJoB,EAKpB,YALoB,EAMpB,KANoB,EAOpB,aAPoB,CAAhB,CADW;EAUjBX,KAAK,EAAEtB,SAAS,CAACkC,MAVA;EAWjBX,MAAM,EAAEvB,SAAS,CAACkC,MAXD;EAYjB5B,GAAG,EAAEH,WAZY;EAajBK,EAAE,EAAER,SAAS,CAACkC,MAbG;EAcjBb,QAAQ,EAAErB,SAAS,CAACmC,IAdH;EAejBhB,MAAM,EAAEnB,SAAS,CAACoC;AAfD,C;AA8CrB,eAAexB,WAAf"}